/* SAIFAN workspace: keep the shared TRADE2 header, use the full desktop canvas. */
body{background:#0a1422}
.feed-status{font-size:11px;color:var(--amber);margin:0 0 5px;min-height:17px}
.feed-status[data-state="ready"]{color:var(--cyan)}
.actions #connect{border-color:#478f88;background:#164844;color:#a7f5e5}
.actions #disconnect{font-size:10px}
[hidden]{display:none!important}
main{width:100%;max-width:none;padding:16px 20px 12px}
.breadcrumb{margin-bottom:12px;font-size:11px}
.heading{margin-bottom:12px;align-items:center;gap:20px}
.heading h1{font-size:clamp(24px,2.1vw,34px);line-height:1.25;letter-spacing:-.5px;margin:4px 0 6px}
.heading h1>span[dir]{display:inline-block;letter-spacing:.2px}
.title-divider{color:#3e607b;font-weight:400;margin:0 8px}
.heading p{font-size:12px}
.heading .sf-eyebrow{font-size:9px;letter-spacing:1.6px}
.actions{flex-shrink:0;gap:8px}
.actions button{font-size:12px;padding:8px 12px}
.actions #demo{border-color:#396b71;background:#17333e;color:#8aefe1}
.notice{padding:8px 12px;margin-bottom:12px;font-size:11px;border-radius:6px}
.metrics{gap:10px;margin-bottom:12px;grid-template-columns:repeat(5,minmax(0,1fr))}
.metrics article{padding:12px 16px;border-radius:7px;min-width:0;background:linear-gradient(115deg,#142c3d,#102033);border-color:#244057}
.metrics label{font-size:12px;color:#bdcddd}
.metrics strong{font-size:clamp(24px,2vw,32px);font-variant-numeric:tabular-nums;line-height:1.25;margin:6px 0}
.metrics article:first-child strong{font-size:24px}
.metrics small{font-size:10px;line-height:1.4;min-height:14px}
.metrics #vwap{color:var(--cyan)}
.workspace{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;align-items:stretch;direction:ltr}
.charts,.two,.workspace>aside{display:contents}
.workspace .panel{direction:rtl;margin:0;min-width:0;padding:14px;border-radius:7px;border-color:#244057;background:#101f30}
.spy-panel{grid-column:1 / 8;grid-row:1}
.profile-panel{grid-column:8 / 10;grid-row:1;display:flex;flex-direction:column}
.signal{grid-column:10 / 13;grid-row:1}
.vix-daily-panel{grid-column:1 / 5;grid-row:2}
.vix-intraday-panel{grid-column:5 / 9;grid-row:2}
.daily-panel{grid-column:9 / 13;grid-row:2}
.panel h2{font-size:15px;line-height:1.35;margin:4px 0 8px}
.panel .sf-eyebrow{font-size:9px;letter-spacing:1.2px}
.panel-title{gap:8px;margin-bottom:5px}
.legend{font-size:10px;gap:12px;margin:4px 0 8px}
.chart.big{height:clamp(260px,34vh,390px)}
.chart{height:165px}
.chart-foot{font-size:10px;padding-top:7px;margin-top:6px}
.profile{flex:1;min-height:190px;margin:6px 0 8px;display:flex;flex-direction:column;justify-content:center;overflow-x:auto}
.profile-row{font-size:10px;margin:2px 0;gap:5px;line-height:1.3;flex-shrink:0}
.profile-row span:first-child{width:43px;flex-shrink:0}
.profile-row b{font-size:10px;letter-spacing:1px;white-space:nowrap;overflow:visible;padding:1px 3px}
.profile-panel small{font-size:9px;line-height:1.5;margin-top:6px}
.profile-panel .levels>div{font-size:10px;padding:5px 0}
.signal{display:flex;flex-direction:column;border-top:2px solid var(--cyan)!important}
.signal h2{font-size:clamp(18px,1.5vw,23px);margin:8px 0}
.signal p{font-size:11px;line-height:1.65;margin:0 0 8px}
.checks{margin:4px 0 10px}
.check{font-size:11px;padding:8px 0;gap:8px}
.signal .wide{font-size:11px;padding:8px;margin-top:auto;margin-bottom:5px}
.signal small{font-size:10px}
.daily-panel .levels{margin-top:12px}
.daily-panel .levels>div{padding:12px 0;font-size:12px}
.vix-daily-panel>p,.vix-intraday-panel>p{margin:6px 0 0;font-size:10px}
.settings{margin:12px 0 0;padding:11px 14px;border-radius:7px}
.settings summary,.help summary{font-size:12px}
.settings-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 30px;padding-top:8px}
.settings-fields p{grid-column:1 / -1;margin:0}
.settings label{gap:8px}
.help{margin:8px 0 0;padding:11px 14px;border-radius:7px}
footer{padding:12px 0 4px}
@media(min-width:1800px){main{padding-inline:24px}.workspace{gap:14px}.workspace .panel{padding:17px}.profile-row{font-size:11px}.profile-row b{letter-spacing:2px}.chart{height:190px}}
@media(max-width:1199px){.spy-panel{grid-column:1 / 9}.profile-panel{grid-column:9 / 13}.signal{grid-column:9 / 13;grid-row:2 / 4}.vix-daily-panel{grid-column:1 / 5;grid-row:2}.vix-intraday-panel{grid-column:5 / 9;grid-row:2}.daily-panel{grid-column:1 / 9;grid-row:3}.daily-panel .levels{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:0}.timeline-panel{grid-row:4}.heading{flex-direction:row;align-items:center}.heading h1{font-size:25px}.heading p{max-width:440px}.chart.big{height:300px}}
@media(max-width:900px){.heading{flex-direction:column;align-items:flex-start;gap:12px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.spy-panel{grid-column:1 / -1}.profile-panel{grid-column:1 / 6;grid-row:2 / 4}.signal{grid-column:6 / 13;grid-row:2 / 4}.vix-daily-panel{grid-column:1 / 7;grid-row:4}.vix-intraday-panel{grid-column:7 / 13;grid-row:4}.daily-panel{grid-column:1 / -1;grid-row:5}.timeline-panel{grid-row:6}.settings-fields{grid-template-columns:1fr}}
@media(max-width:600px){main{padding:12px}.heading h1{font-size:23px}.title-divider{margin-inline:2px}.metrics{grid-template-columns:1fr 1fr;gap:8px}.metrics article{padding:11px 12px}.metrics article:last-child{grid-column:1 / -1}.metrics strong{font-size:26px}.workspace{display:flex;flex-direction:column;gap:10px}.workspace>aside,.workspace .charts,.workspace .two{display:contents}.workspace .signal{order:0;margin:0}.spy-panel{order:1}.profile-panel{order:2}.vix-daily-panel{order:3}.vix-intraday-panel{order:4}.daily-panel{order:5}.timeline-panel{order:6;display:block}.timeline-panel .timeline{margin:10px 0}.timeline-panel .legend{margin-top:6px}.workspace .panel{padding:13px}.profile{max-height:none;overflow-x:auto}.chart.big{height:285px}.daily-panel .levels{display:block}.settings-fields{display:block}.actions{flex-wrap:wrap}.heading p{font-size:11px}.notice{line-height:1.7}.signal .wide{margin-top:4px}.chart-foot{gap:8px;flex-wrap:wrap}}

/* SVG geometry matches the price plot, including space for the price axis. */
.session-regime{border-top:1px solid var(--border);padding-top:9px;margin-top:7px}
.session-regime .panel-title{margin:0}.session-regime .sf-eyebrow{display:none}
.session-regime h2{font-size:12px;margin:0}
.regime-cursor{display:block;min-height:18px;font-size:10px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}
.session-regime .timeline{display:block;height:24px;margin:3px 0 6px;direction:ltr;touch-action:pan-y}
.session-regime .timeline svg{display:block;width:100%;height:24px}
.session-regime .legend{margin:0;font-size:10px;gap:8px}
.session-regime .timeline-empty{display:block;background:#15283a;border-radius:3px;color:var(--muted);text-align:center;font-size:10px;padding:4px}
.spy-panel .chart-tooltip{max-width:calc(100% - 12px);z-index:1}