/* Scoped to historical spreads. */
#spreadHistory{margin-top:18px;padding:22px;background:linear-gradient(145deg,#10232d,#09171f);border:1px solid #254550;border-radius:16px}
#spreadHistory h2{margin:0;font-size:21px}#spreadHistory .sh-sub{color:#8ba9b7;margin:7px 0 18px;font-size:13px}
#spreadHistory .sh-controls{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:16px 0}#spreadHistory label{display:grid;gap:5px;font-size:12px;color:#a3bdc8}
#spreadHistory button,#spreadHistory input{background:#102630;color:#e4f1f6;border:1px solid #365461;border-radius:8px;padding:9px 12px;font:inherit}#spreadHistory button{cursor:pointer}#spreadHistory button:hover,#spreadHistory button:focus-visible{border-color:#66dac9}#spreadHistory input{color-scheme:dark}
#spreadHistory .sh-series{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}#spreadHistory .sh-series button{text-align:left;border-top:3px solid var(--series);padding:12px;opacity:.55}#spreadHistory .sh-series button[aria-pressed=true]{opacity:1;background:#142d38}#spreadHistory .sh-series strong{display:block;font-size:20px;margin:7px 0}#spreadHistory .sh-series small{display:block;color:#99b3c0;font-size:11px;line-height:1.6}
#spreadHistory svg{width:100%;display:block;min-height:260px;touch-action:pan-y}#spreadHistory svg text{fill:#93aebb;font-size:12px}#spreadHistory .sh-chart{margin-top:18px;border:1px solid #25414e;border-radius:12px;background:#081820;padding:8px}#spreadHistory .sh-detail{min-height:32px;display:flex;gap:14px;flex-wrap:wrap;padding:12px;color:#c8dbe3;font-size:13px}#spreadHistory .sh-note{font-size:12px;color:#89a6b5;line-height:1.6}#spreadHistory .sh-status{color:#a8c0cb;font-size:12px}#spreadHistory .sh-error{color:#edc779}#spreadHistory .sh-empty{padding:80px 20px;text-align:center;color:#95b1bf}
@media(max-width:900px){#spreadHistory .sh-series{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:550px){#spreadHistory{padding:12px}#spreadHistory .sh-series{grid-template-columns:repeat(2,minmax(0,1fr))}}

#spreadHistory .sh-summary{margin-top:22px;padding:18px;background:#10222f;border:1px solid #2b4352;border-radius:12px}
#spreadHistory .sh-summary h3{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:#a7becb}
#spreadHistory .sh-summary-scroll{overflow-x:auto}
#spreadHistory .sh-summary table{width:100%;min-width:700px;border-collapse:collapse;font-size:13px}
#spreadHistory .sh-summary th,#spreadHistory .sh-summary td{padding:13px 10px;text-align:right;border-bottom:1px solid #263c49;white-space:nowrap}
#spreadHistory .sh-summary th:first-child{text-align:left}
#spreadHistory .sh-summary thead th{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#99b3c5}
#spreadHistory .sh-summary tbody th{color:#e1edf4;font-weight:600}
#spreadHistory .sh-summary td small{display:block;font-size:10px;color:#93aebb;margin-top:4px;white-space:normal;max-width:175px;margin-left:auto}
#spreadHistory .sh-summary .sh-positive{color:#65d8c6}#spreadHistory .sh-summary .sh-negative{color:#f18dab}
#spreadHistory .sh-summary tbody tr:last-child td,#spreadHistory .sh-summary tbody tr:last-child th{border-bottom:0}