.profit-chart-panel{margin:0 0 24px;overflow:visible;min-width:0}
.profit-chart-panel{background:linear-gradient(180deg,#fff 0%,#fcfefd 100%);box-shadow:0 8px 28px #163e2506}
.profit-chart-panel .panel-header{border-bottom:0;padding-bottom:12px}
.profit-chart-panel .panel-header{gap:16px;flex-wrap:wrap;align-items:center}
.profit-chart-control{display:flex;align-items:center;gap:10px;flex-shrink:0}
.profit-chart-control label{font-size:11px;color:var(--muted);white-space:nowrap}
.profit-chart-control select{width:auto;min-width:118px;padding:9px 28px 9px 12px;font-size:12px;color:var(--forest);border:1px solid var(--line);background-color:#f7faf8;border-radius:8px}
.profit-chart-control select:focus-visible{outline:2px solid #176b53;outline-offset:2px}
.profit-chart-navigation{display:flex;justify-content:space-between;align-items:center;gap:12px 20px;flex-wrap:wrap;padding:2px 24px 18px}
.profit-chart-ranges{display:flex;align-items:center;gap:4px;padding:4px;background:#eff4f1;border:1px solid #e3ebe6;border-radius:10px}
.profit-chart-ranges button{min-height:36px;min-width:42px;padding:7px 11px;border:0;border-radius:7px;background:transparent;color:#6c7d73;font-size:12px;font-weight:650;white-space:nowrap}
.profit-chart-ranges button:hover{color:#123c32;background:#e3ece6}
.profit-chart-ranges button[aria-pressed=true]{color:#fff;background:#176b53;box-shadow:0 2px 5px #123c321a}
.profit-chart-year{display:flex;align-items:center;gap:10px}
.profit-chart-year label{font-size:11px;color:var(--muted);white-space:nowrap}
.profit-chart-year select{width:auto;min-width:100px;min-height:36px;padding:7px 28px 7px 10px;border-radius:8px;font-size:12px;background:#fff}
.profit-chart-legend{display:flex;gap:12px 24px;flex-wrap:wrap;padding:0 24px 14px;font-size:12px;color:var(--muted)}
.profit-chart-legend span{display:inline-flex;align-items:center;gap:8px}
.profit-chart-legend span:before{content:"";width:20px;height:3px;border-radius:3px;background:#176b53}
.profit-chart-legend .collected:before{background:repeating-linear-gradient(90deg,#c28a32 0 5px,transparent 5px 8px)}
.profit-chart-legend small{margin-left:auto;font-size:11px;color:#819087}
.profit-chart-root{padding:0 14px;min-width:0}
.profit-chart-viewport{position:relative;width:100%}
.profit-chart-plot{width:100%;touch-action:pan-y;border-radius:8px;outline:none;cursor:crosshair}
.profit-chart-plot:focus-visible{outline:2px solid #176b53;outline-offset:2px}
.profit-chart-plot svg{width:100%;height:auto;display:block;overflow:visible}
.profit-chart-grid{stroke:#e8eeeb;stroke-width:1}
.profit-chart-zero{stroke:#c2cec6;stroke-width:1}
.profit-chart-label{fill:#74827a;font:11px system-ui,sans-serif}
.profit-chart-line{stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.profit-chart-line.work{stroke:#176b53}
.profit-chart-area{stroke:none;pointer-events:none}
.profit-chart-line.collected{stroke:#c28a32;stroke-dasharray:6 5}
.profit-chart-dot{stroke:white;stroke-width:2;vector-effect:non-scaling-stroke}
.profit-chart-dot.work{fill:#176b53}
.profit-chart-dot.collected{fill:#c28a32}
.profit-chart-guide{stroke:#87988d;stroke-width:1;stroke-dasharray:3 4}
.profit-chart-guide.horizontal{stroke:#176b53;opacity:.55;stroke-dasharray:5 5}
.profit-chart-tooltip{position:absolute;top:8px;z-index:2;display:flex;flex-direction:column;gap:7px;max-width:calc(100% - 16px);padding:14px 16px;background:#fff;border:1px solid #dce6df;border-radius:12px;box-shadow:0 6px 24px #163e2520;pointer-events:none;font-size:12px;color:var(--ink);font-variant-numeric:tabular-nums}
.profit-chart-tooltip[hidden]{display:none}
.profit-chart-tooltip b{font-size:13px;margin-bottom:3px}
.profit-chart-tooltip .work{color:#176b53}
.profit-chart-tooltip .collected{color:#91601c}
.profit-chart-tooltip small{color:var(--muted);font-size:11px}
.profit-chart-tooltip .profit-chart-warning{color:#91601c;max-width:260px}
.profit-chart-hint{font-size:11px;line-height:1.7;color:var(--muted);margin:6px 24px 18px}
.profit-chart-notice{font-size:12px;line-height:1.6;color:var(--muted);margin:16px 10px}
@media(max-width:760px){
  .profit-chart-panel .panel-header{padding:18px 16px 12px}
  .profit-chart-legend{padding:0 16px 12px;gap:10px;font-size:11px}
  .profit-chart-legend small{width:100%;margin-left:0}
  .profit-chart-navigation{padding:2px 16px 16px;gap:10px}
  .profit-chart-ranges{width:100%;justify-content:space-between;gap:2px}
  .profit-chart-ranges button{min-width:0;min-height:40px;padding:7px 10px;flex:1}
  .profit-chart-year{margin-left:auto}
  .profit-chart-root{padding:0 4px}
  .profit-chart-hint{margin:10px 16px 16px}
  .profit-chart-tooltip{position:static;max-width:none;margin:8px 12px;box-shadow:none;background:#f7faf8}
  .profit-chart-control{width:100%;justify-content:space-between}
}