.pnl-chart{--pnl-stroke:var(--ink-muted);grid-template-rows:var(--pnl-readout-height) auto;gap:var(--space-2);width:100%;min-width:0;display:grid}.pnl-chart[data-tone=positive]{--pnl-stroke:var(--success)}.pnl-chart[data-tone=negative]{--pnl-stroke:var(--danger)}.pnl-chart-readout{justify-content:space-between;align-items:center;gap:var(--space-3);height:var(--pnl-readout-height);min-width:0;color:var(--ink-subtle);font-size:var(--text-sm);line-height:var(--pnl-readout-height);white-space:nowrap;font-variant-numeric:tabular-nums;display:flex}.pnl-chart-caption{text-overflow:ellipsis;min-width:0;overflow:hidden}.pnl-chart-caption--active{color:var(--ink-muted)}.pnl-chart-readout strong{font-size:var(--text-md);color:var(--ink-primary);flex-shrink:0;font-weight:500}.pnl-chart-readout [data-sign="1"]{color:var(--result-positive-ink)}.pnl-chart-readout [data-sign="-1"]{color:var(--result-negative-ink)}.pnl-chart-frame{grid-template-columns:minmax(0, 1fr) var(--space-9);grid-template-rows:var(--pnl-chart-height) var(--space-4);column-gap:var(--space-3);row-gap:var(--space-2);min-width:0;display:grid}.pnl-chart-stage{min-width:0;position:relative}.pnl-chart-plot{height:var(--pnl-chart-height);cursor:crosshair;touch-action:pan-y;border-radius:var(--radius-xs);transition:opacity var(--duration) var(--ease-out);position:relative}.pnl-chart-plot[data-dimmed=true]{opacity:.5}.pnl-chart-plot:focus-visible{outline:var(--px-2) solid var(--accent);outline-offset:var(--space-1)}.pnl-chart-plot[aria-disabled=true]{cursor:default}.pnl-chart-svg{width:100%;height:100%;display:block;overflow:visible}.pnl-chart-baseline,.pnl-chart-guide{stroke:var(--border-hover);stroke-width:var(--px-1)}.pnl-chart-line{fill:none;stroke:var(--pnl-stroke);stroke-width:var(--pnl-line-width);stroke-linecap:round;stroke-linejoin:round}.pnl-chart-area{stroke:none}.pnl-chart-stop{stop-color:var(--pnl-stroke);stop-opacity:var(--pnl-fill-opacity)}.pnl-chart-stop--clear{stop-opacity:0}.pnl-chart-end,.pnl-chart-halo,.pnl-chart-point{fill:var(--pnl-stroke)}.pnl-chart-end{r:var(--px-3)}.pnl-chart-halo{r:var(--px-6);fill-opacity:.2}.pnl-chart-point{r:var(--px-4);stroke:var(--pnl-chart-surface,var(--bg-secondary));stroke-width:var(--px-2)}.pnl-chart-message{padding:var(--space-3);text-align:center;color:var(--ink-muted);font-size:var(--text-sm);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pnl-chart-note{justify-content:center;align-items:center;gap:var(--space-3);max-width:100%;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--pnl-chart-surface,var(--bg-secondary));flex-wrap:wrap;display:flex}.pnl-chart-message :is(button,a){pointer-events:auto}.pnl-chart-scale{min-width:0;font-size:var(--text-xs);color:var(--ink-subtle);font-variant-numeric:tabular-nums;position:relative}.pnl-chart-scale>span{white-space:nowrap;position:absolute;left:0;transform:translateY(-50%)}.pnl-chart-zero{color:var(--ink-muted)}.pnl-chart-axis{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;height:var(--space-4);white-space:nowrap;color:var(--ink-subtle);font-size:var(--text-xs);line-height:var(--space-4);font-variant-numeric:tabular-nums;display:flex;overflow:hidden}@media (prefers-reduced-motion:reduce){.pnl-chart-plot{transition:none}}