/* Performance and market charts share a quiet, spacious visual language. */
.pnl-card{--pnl-accent:var(--green);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:25px 28px 0;margin-bottom:20px;min-width:0;overflow:hidden;position:relative}
.pnl-card[data-tone="loss"]{--pnl-accent:var(--red)}.pnl-card[data-tone="flat"]{--pnl-accent:var(--muted)}
.pnl-topline,.pnl-headline,.pnl-bottom,.pnl-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}
.pnl-eyebrow{font-size:10px;font-weight:650;letter-spacing:1.7px;color:var(--muted);margin-bottom:4px}.desk-redesign .pnl-card h2{font-size:15px;font-weight:550}
.pnl-scope{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:5px 10px;max-width:48%;overflow-wrap:anywhere;text-align:right}
.pnl-headline{margin:13px 0 8px;align-items:flex-end}.pnl-amount{font-size:clamp(32px,3.7vw,47px);letter-spacing:-1.8px;line-height:1.2;font-weight:550;font-variant-numeric:tabular-nums;color:var(--pnl-accent)}
.pnl-context{font-size:12px;color:var(--muted);margin-top:7px;min-height:20px}.pnl-return{text-align:right;padding-bottom:4px;flex-shrink:0}.pnl-return strong{display:block;font-size:17px;color:var(--pnl-accent);font-weight:550;font-variant-numeric:tabular-nums}.pnl-return span{display:block;font-size:11px;color:var(--muted);margin-top:4px}
.pnl-plot{height:225px;position:relative;touch-action:pan-y;color:var(--pnl-accent);border-radius:6px}.pnl-plot[role="slider"]{cursor:crosshair}.pnl-plot:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.pnl-svg{display:block;width:100%;height:100%;overflow:visible}
.pnl-line{stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;fill:none}.pnl-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:2 5;opacity:.65}.pnl-zero{stroke:var(--muted);stroke-width:1;stroke-dasharray:4 5;opacity:.4}.pnl-axis{fill:var(--muted);font:10px "Segoe UI",sans-serif;font-variant-numeric:tabular-nums}.pnl-end{fill:currentColor}.pnl-end-halo{fill:currentColor;opacity:.12}.pnl-crosshair line{stroke:var(--muted);stroke-dasharray:3 4;opacity:.8}.pnl-crosshair circle{fill:var(--surface);stroke:var(--pnl-accent);stroke-width:2}
.pnl-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;background:var(--surface);color:var(--muted);font-size:12px;padding:20px}.pnl-empty>span{font-size:30px;color:var(--pnl-accent);opacity:.55}.pnl-empty strong{font-size:14px;font-weight:550;color:var(--ink)}
.pnl-hover{position:absolute;pointer-events:none;z-index:3;border:1px solid var(--line);background:var(--surface);color:var(--ink);box-shadow:0 6px 22px #0002;padding:10px 13px;border-radius:9px;max-width:min(235px,90%);font-size:11px}.pnl-hover strong{display:block;overflow-wrap:anywhere;font-weight:550}.pnl-hover span{display:block;margin-top:4px;color:var(--muted)}.pnl-hover b{color:var(--ink);margin-left:8px;font-weight:550;font-variant-numeric:tabular-nums}
.pnl-bottom{margin-top:11px;padding-bottom:16px}.pnl-ranges{display:flex;gap:6px}.pnl-ranges button{background:transparent;color:var(--muted);border:1px solid transparent;border-radius:7px;padding:0 14px;min-height:38px;font-size:12px;font-weight:650}.pnl-ranges button:hover{background:color-mix(in srgb,var(--pnl-accent) 7%,transparent);color:var(--pnl-accent)}.pnl-ranges button[aria-pressed="true"]{color:var(--pnl-accent);background:color-mix(in srgb,var(--pnl-accent) 11%,transparent);border-color:color-mix(in srgb,var(--pnl-accent) 18%,transparent)}
.pnl-results-link{background:none;border:0;font-size:12px;color:var(--muted);min-height:38px;white-space:nowrap;padding:0}.pnl-results-link span{margin-left:6px}.pnl-results-link:hover{color:var(--green)}.pnl-interaction-hint{color:var(--muted);font-size:11px}
.pnl-footer{border-top:1px solid var(--line);margin:0 -28px;padding:11px 28px;font-size:10px;color:var(--muted);flex-wrap:wrap;gap:4px 16px;background:color-mix(in srgb,var(--ink) 2%,transparent)}.pnl-coverage{text-align:right;margin-left:auto}
.pnl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pnl-legacy-heading{margin-top:27px}.desk-redesign #performance-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:22px;padding-bottom:22px}.desk-redesign #performance-metrics .metric{padding:0 16px 0 0}.desk-redesign #performance-metrics .metric-value{font-size:23px}.pnl-ledger{margin-top:20px}.pnl-ledger #equity-summary{padding:0 16px 14px}.pnl-ledger table{max-width:680px}.pnl-ledger .subtle{padding-top:10px}
/* Market chart */
.desk-redesign .market-section{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:22px;overflow:hidden}.desk-redesign .market-section>.section-heading{margin-bottom:16px;align-items:flex-start;flex-wrap:wrap}.desk-redesign #market-symbol{font-size:20px;letter-spacing:-.5px}.desk-redesign #market-name{display:block;margin:2px 0 0;font-size:11px}.desk-redesign #market-price{font-size:32px;letter-spacing:-.9px;font-weight:550}.desk-redesign .market-price{margin-top:10px}.desk-redesign .market-section .chart-controls{justify-content:flex-start;gap:8px}.market-toolbar{display:flex;gap:12px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;padding:12px 0 14px;border-top:1px solid var(--line)}.market-toolbar-group{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.market-toolbar label{font-size:10px;color:var(--muted);gap:4px}.market-toolbar select{font-size:11px;min-height:36px;max-width:220px}.market-view-toggle{display:flex;gap:3px;background:color-mix(in srgb,var(--ink) 4%,transparent);border:1px solid var(--line);border-radius:7px;padding:3px}.market-view-toggle button{min-height:30px;padding:4px 12px;font-size:11px;border:0;background:transparent;color:var(--muted);border-radius:4px}.market-view-toggle button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #0001}.market-intervals{display:flex;gap:1px}.market-intervals button{border:0;background:transparent;min-width:33px;min-height:36px;font-size:11px;color:var(--muted);border-radius:5px}.market-intervals button[aria-pressed="true"]{color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent);font-weight:650}.desk-redesign .market-section .chart-wrap{height:300px;background:var(--surface)}.desk-redesign .market-section .chart-legend{padding-top:10px;margin-bottom:0;gap:10px 18px}.desk-redesign .market-section .chart-source{font-size:10px;line-height:1.7;max-width:100%;overflow-wrap:anywhere}.desk-redesign .market-section .indicator-strip{background:transparent;border-top:1px solid var(--line);border-radius:0;margin-top:14px;padding:14px 0 2px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 20px}.desk-redesign .market-section .indicator-strip strong{font-size:13px}.desk-redesign .market-section .market-context-details{margin-top:12px}.market-help{font-size:10px;color:var(--muted);margin:9px 0 0}.market-chart-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.desk-redesign .market-section .chart-zoom-controls button{min-width:32px;min-height:32px}.desk-redesign .market-section .position-chart-selection{margin:0 0 10px;padding:10px 0;border-top:1px solid var(--line)}.desk-redesign .market-section .chart-empty{background:var(--surface)}.desk-redesign .market-section .chart-tooltip{box-shadow:0 8px 24px #0002;border-radius:8px;font-size:11px}
@media(min-width:1600px){.pnl-plot{height:245px}.desk-redesign .market-section .chart-wrap{height:330px}}
@media(max-width:1100px){.pnl-ranges{gap:3px}.pnl-ranges button{padding:0 11px}.pnl-interaction-hint{display:none}}
@media(max-width:760px){.pnl-card{padding:19px 17px 0;border-radius:12px}.pnl-topline{gap:10px;align-items:flex-start}.pnl-scope{font-size:10px;padding:4px 8px;max-width:46%}.pnl-headline{align-items:flex-start}.pnl-amount{font-size:36px;letter-spacing:-1.3px}.pnl-return{padding-top:4px;flex-shrink:1;max-width:42%}.pnl-return strong{font-size:14px}.pnl-return span{font-size:10px}.pnl-context{font-size:11px}.pnl-plot{height:195px;margin-top:15px}.pnl-bottom{gap:4px;flex-wrap:wrap;margin-top:10px;padding-bottom:12px}.pnl-ranges{gap:2px;justify-content:space-between;flex:1}.pnl-ranges button{padding:0 10px;min-height:44px;font-size:11px;flex:1}.pnl-results-link{width:100%;text-align:right;font-size:11px;min-height:30px}.pnl-footer{margin:0 -17px;padding:10px 17px;font-size:9px}.pnl-coverage{margin-left:0;text-align:left}.desk-redesign #performance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.desk-redesign #performance-metrics .metric-value{font-size:21px}.desk-redesign .market-section{padding:17px 14px}.desk-redesign .market-section .chart-wrap{height:265px}.desk-redesign #market-price{font-size:30px}.market-toolbar{gap:10px}.market-toolbar-group{gap:6px}.market-intervals button{min-width:34px;min-height:44px}.market-view-toggle button{min-height:34px;padding:4px 10px}.market-toolbar select{max-width:200px}.desk-redesign .market-section .indicator-strip{gap:14px 8px}.market-help{max-width:100%;font-size:10px}}
@media(prefers-reduced-motion:reduce){.pnl-card *{animation:none!important;transition:none!important}}
@media(forced-colors:active){.pnl-card{--pnl-accent:CanvasText}.pnl-line{stroke:CanvasText}.pnl-ranges button[aria-pressed="true"],.market-intervals button[aria-pressed="true"],.market-view-toggle button[aria-pressed="true"]{border:1px solid Highlight;color:Highlight}.pnl-grid,.pnl-zero{stroke:CanvasText}}