/* Public history is isolated from portfolio, quote and order styling. */
.stock-chart{margin:0 0 24px;background:linear-gradient(145deg,#162a34,#12212d 70%);overflow:hidden;min-width:0}
.stock-chart .chart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.stock-chart .chart-heading h2{font-size:clamp(23px,3vw,30px);margin:8px 0}
.stock-chart .chart-heading p{margin:10px 0 0;max-width:640px}
.stock-chart #chart-refresh{flex-shrink:0;white-space:nowrap}
.stock-chart .chart-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:20px;margin:24px 0;padding-bottom:22px;border-bottom:1px solid var(--line)}
.stock-chart .chart-symbol-control{flex:1 1 235px;max-width:390px}
.stock-chart .chart-controls label,.stock-chart .chart-control-group>span{display:block;font-size:12px;color:#c4d1d8;margin-bottom:8px;font-weight:650}
.stock-chart .chart-segmented{display:flex;gap:3px;border:1px solid #415867;border-radius:12px;padding:3px;background:#0d1b24}
.stock-chart .chart-segmented button{background:transparent;color:#c4d1d8;min-width:47px;min-height:44px;padding:9px 13px;border-radius:8px}
.stock-chart .chart-segmented button[aria-pressed="true"]{background:#c3f58b;color:#14211c;box-shadow:0 1px 0 #e1fbc1 inset}
.stock-chart .chart-summary{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px}
.stock-chart .chart-summary h3{margin:0 0 6px;font-size:20px}
.stock-chart .chart-summary p{margin:0}
.stock-chart .chart-summary .chart-dates{margin-top:8px;color:#d2e2e9;font-size:12px;font-weight:650}
.stock-chart .chart-last{text-align:right;flex-shrink:0}
.stock-chart .chart-last span{display:block;font-size:9px;letter-spacing:.09em;color:#b4c7d0;font-weight:750}
.stock-chart .chart-last strong{display:block;font-size:32px;line-height:1.3;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.stock-chart .chart-status{font-size:12px;color:#bdcfd7;margin:10px 0 12px;min-height:20px}
.stock-chart .chart-status[data-state="unavailable"],.stock-chart .chart-status[data-partial="true"]{color:var(--amber)}
.stock-chart .chart-plot{background:#0c1a24;border:1px solid #304652;border-radius:13px;min-height:310px;position:relative;overflow:hidden}
.stock-chart #chart-svg{display:block;width:100%;height:310px;touch-action:pan-y;user-select:none}
.stock-chart .chart-empty{min-height:308px;margin:0;padding:30px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#b9cbd5}
.stock-chart .chart-grid{stroke:#29404e;stroke-width:1;stroke-dasharray:3 5}
.stock-chart .chart-axis-label{fill:#b8cbd6;font:11px system-ui,sans-serif;font-variant-numeric:tabular-nums}
.stock-chart .chart-axis-caption{fill:#849eac;font:10px system-ui,sans-serif;letter-spacing:.03em}
.stock-chart .chart-price-line{fill:none;stroke:#c3f58b;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.stock-chart .chart-single-point{fill:#c3f58b}
.stock-chart .chart-candle{stroke-width:1}
.stock-chart .chart-candle-up{fill:#c3f58b;stroke:#c3f58b}
.stock-chart .chart-candle-down{fill:#ffb3ac;stroke:#ffb3ac}
.stock-chart .chart-crosshair{stroke:#93aab8;stroke-width:1;stroke-dasharray:3 4;pointer-events:none}
.stock-chart .chart-selected-dot{fill:#c3f58b;stroke:#0c1a24;stroke-width:2;pointer-events:none}
.stock-chart .chart-inspector{margin-top:18px}
.stock-chart .chart-inspector-heading{display:flex;justify-content:space-between;gap:14px;align-items:baseline;font-size:13px;font-weight:650}
.stock-chart #chart-slider{accent-color:#c3f58b;padding:0;min-height:44px;background:transparent;border:none;cursor:pointer;width:100%}
.stock-chart #chart-slider-help{margin:0 0 14px}
.stock-chart .chart-details{background:#11232e;border:1px solid #314956;border-radius:12px;padding:16px 18px}
.stock-chart #chart-observation-time{font-size:13px;font-weight:700;margin:0 0 14px;color:#dbe9ee}
.stock-chart .chart-details dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.35fr);gap:14px;margin:0}
.stock-chart .chart-details dt{color:#b7cbd5;font-size:11px;margin-bottom:4px}
.stock-chart .chart-details dd{font-size:17px;line-height:1.3;margin:0;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.stock-chart #chart-observations{margin:14px 0 5px}
.stock-chart #chart-fetched{margin:5px 0 14px}
.stock-chart .chart-provenance{font-size:11px;line-height:1.7;color:#b5c7d1;border-top:1px solid #304652;padding-top:15px;margin:14px 0 0}
@media(max-width:760px){
  .stock-chart .chart-controls{gap:14px;margin:20px 0}
  .stock-chart .chart-symbol-control{flex-basis:100%;max-width:none}
  .stock-chart .chart-control-group{flex:1 1 auto}
  .stock-chart .chart-segmented button{flex:1;padding:9px 10px;min-width:40px}
  .stock-chart .chart-heading{flex-wrap:wrap;gap:14px}
  .stock-chart .chart-heading #chart-refresh{font-size:12px;min-height:44px}
  .stock-chart .chart-summary{align-items:flex-start;gap:12px}
  .stock-chart .chart-summary h3{font-size:18px;overflow-wrap:anywhere}
  .stock-chart .chart-summary>div:first-child{min-width:0}
  .stock-chart .chart-last{max-width:44%}
  .stock-chart .chart-last span{font-size:8px;letter-spacing:.04em}
  .stock-chart .chart-last strong{font-size:25px;overflow-wrap:anywhere}
  .stock-chart .chart-details{padding:14px}
  .stock-chart .chart-details dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .stock-chart .chart-details dl>div:last-child{grid-column:1/-1}
  .stock-chart .chart-details dd{font-size:17px}
  .stock-chart .chart-inspector-heading{font-size:12px}
  .stock-chart .chart-empty{padding:20px}
}