:root{
  --bg:#07090c;--surface:#0c0f13;--surface2:#11151a;--surface3:#151a20;
  --line:#20262e;--line2:#2a323c;--text:#eef2f6;--muted:#84909d;--muted2:#5c6773;
  --green:#2fd67a;--red:#ff5c6a;--amber:#f1bb52;--accent:#69a7ff;--blue:#4b8cff;
  --rail:62px;--left:238px;--right:314px;--bottom:198px;--top:52px;--pulse:30px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text)}
button,input,select{font:inherit}.hidden{display:none!important}.boot{height:100vh;display:grid;place-items:center;color:var(--muted);letter-spacing:.08em;font-size:12px}
.terminal{display:grid;width:100vw;height:100vh;grid-template-columns:var(--rail) var(--left) 1fr var(--right);grid-template-rows:var(--top) 1fr var(--bottom) var(--pulse);background:var(--bg)}
.topbar{grid-column:1/5;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#090c10;padding:0 12px;gap:16px;min-width:0}
.brand{display:flex;align-items:center;gap:9px;width:210px}.mark{width:28px;height:28px;border:1px solid #394453;display:grid;place-items:center;font-weight:800;font-size:14px;background:#11161c}
.brand>div:last-child{display:flex;flex-direction:column;line-height:1}.brand b{font-size:12px;letter-spacing:.18em}.brand span{font-size:8px;color:var(--muted);letter-spacing:.22em;margin-top:4px}
.symbol-search{height:34px;min-width:270px;max-width:480px;flex:1;border:1px solid var(--line);background:var(--surface);color:var(--muted);display:flex;align-items:center;gap:9px;padding:0 10px;cursor:pointer;text-align:left}
.symbol-search:hover{border-color:#34404c}.symbol-search kbd,.palette kbd{margin-left:auto;border:1px solid var(--line2);color:var(--muted2);background:#090b0e;padding:2px 6px;font-size:9px}
.market-strip{display:flex;gap:15px}.market-strip div{display:flex;align-items:center;gap:5px;font-size:10px}.market-strip span{color:var(--muted)}.market-strip strong{font-variant-numeric:tabular-nums;font-weight:600}
.session-cluster{margin-left:auto;display:flex;align-items:center;gap:8px}.status{border:1px solid var(--line2);font-size:9px;letter-spacing:.08em;padding:5px 7px}.status.paper{color:#8ebeff}.status.live{color:var(--red)}.status.open{color:var(--green)}.clock{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--muted)}.profile{border:0;background:transparent;color:var(--accent);cursor:pointer}
.rail{grid-row:2/4;grid-column:1;border-right:1px solid var(--line);background:#090c10;display:flex;flex-direction:column;align-items:center;padding:8px 5px;gap:3px}
.rail-btn{width:51px;height:49px;border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;border-left:2px solid transparent}.rail-btn span{font-size:16px}.rail-btn small{font-size:8px}.rail-btn:hover,.rail-btn.active{background:#11161c;color:var(--text);border-left-color:var(--accent)}.rail-spacer{flex:1}
.left-panel{grid-row:2;grid-column:2;border-right:1px solid var(--line);background:var(--surface);overflow:hidden;display:flex;flex-direction:column}
.panel-head{height:58px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-head.compact{height:49px}.eyebrow,.label{font-size:8px;letter-spacing:.14em;color:var(--muted);font-weight:700}.panel-head h2,.jarvis-head h2{font-size:12px;margin:3px 0 0;font-weight:650}.icon-btn{border:1px solid var(--line);background:transparent;color:var(--muted);height:26px;min-width:26px;cursor:pointer}.icon-btn:hover{color:var(--text);border-color:var(--line2)}
.row-grid{display:grid;grid-template-columns:1fr 68px 58px 48px;align-items:center}.watch-head{height:27px;padding:0 9px;border-bottom:1px solid var(--line);font-size:8px;color:var(--muted2);letter-spacing:.08em}.watchlist{overflow:auto;max-height:45%}.watch-row{height:40px;padding:0 9px;border-bottom:1px solid #161b21;cursor:pointer;font-size:10px}.watch-row:hover,.watch-row.active{background:#131920}.watch-row .sym{font-weight:700}.watch-row .price,.watch-row .chg,.watch-row .score{text-align:right;font-variant-numeric:tabular-nums}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.score.good{color:var(--green)}.score.mid{color:var(--amber)}
.section-divider{height:1px;background:var(--line);margin-top:auto}.opportunities{overflow:auto}.opp{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:8px 10px;border-bottom:1px solid #171c22;font-size:10px;cursor:pointer}.opp:hover{background:#131920}.opp-rank{color:var(--muted2)}.opp b{font-size:11px}.opp span:last-child{font-variant-numeric:tabular-nums}.empty-mini{padding:14px 10px;color:var(--muted2);font-size:10px}
.center{grid-row:2;grid-column:3;min-width:400px;background:#090c10;display:grid;grid-template-rows:68px 38px minmax(260px,1fr) 32px 65px;overflow:hidden}
.symbol-header{display:flex;align-items:center;justify-content:space-between;padding:8px 13px;border-bottom:1px solid var(--line)}.symbol-line{display:flex;align-items:center;gap:8px}.symbol-line h1{font-size:17px;margin:0}.symbol-line>span{font-size:10px;color:var(--muted)}.feed-dot{font-size:7px!important;color:var(--green)!important;border:1px solid #204c35;padding:2px 4px}.price-line{display:flex;align-items:baseline;gap:8px;margin-top:5px}.price-line strong{font-size:20px;font-weight:650;font-variant-numeric:tabular-nums}.price-line span{font-size:10px}.quote-grid{display:grid;grid-template-columns:repeat(4,minmax(55px,1fr));gap:13px}.quote-grid div{display:flex;flex-direction:column;text-align:right}.quote-grid span,.market-context span,.levels span,.risk-preview span{font-size:7px;letter-spacing:.08em;color:var(--muted2)}.quote-grid b{font-size:10px;font-variant-numeric:tabular-nums;margin-top:2px}
.chart-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 9px;border-bottom:1px solid var(--line);background:#0b0e12}.segmented{display:flex;height:100%}.segmented button,.toolbar-actions button,.metric-tab{border:0;background:transparent;color:var(--muted);font-size:9px;padding:0 9px;cursor:pointer}.segmented button:hover,.segmented button.active,.metric-tab.active,.metric-tab:hover{color:var(--text);background:#141a21}.toolbar-actions{height:100%;display:flex}.toolbar-actions button{border-left:1px solid var(--line)}
.chart-wrap{position:relative;min-height:260px;background:#080b0f;overflow:hidden}.chart-wrap canvas{display:block;width:100%;height:100%}.chart-watermark{position:absolute;top:14px;left:16px;display:flex;gap:8px;align-items:baseline;pointer-events:none;opacity:.14}.chart-watermark b{font-size:28px}.chart-watermark span{font-size:12px}.chart-state{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--muted2);font-size:10px;background:#090c10cc;padding:6px 9px;border:1px solid var(--line)}.level-legend{position:absolute;left:14px;bottom:12px;background:#0b0f14e8;border:1px solid var(--line);padding:6px 8px;display:flex;gap:12px;font-size:8px}.level-legend>div{display:flex;gap:5px;align-items:center}.level-legend span{width:12px;height:2px}.level-legend .target span{background:var(--green)}.level-legend .entry span{background:var(--accent)}.level-legend .stop span{background:var(--red)}.level-legend em{font-style:normal;color:var(--muted)}
.under-chart{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b0e12}.metric-tab{border-right:1px solid var(--line)}
.market-context{display:grid;grid-template-columns:repeat(8,1fr);background:var(--surface);border-bottom:1px solid var(--line)}.market-context div{padding:9px 10px;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.market-context b{font-size:10px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
.right-panel{grid-row:2;grid-column:4;border-left:1px solid var(--line);background:var(--surface);overflow:auto}
.jarvis-head{height:70px;padding:11px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.confidence-ring{width:48px;height:48px;border:2px solid #33404e;border-radius:50%;display:flex;align-items:baseline;justify-content:center;padding-top:12px;font-variant-numeric:tabular-nums}.confidence-ring span{font-size:16px;font-weight:750}.confidence-ring small{font-size:7px;color:var(--muted)}
.decision-block{padding:12px;border-bottom:1px solid var(--line)}.decision{font-size:18px;font-weight:800;letter-spacing:.08em;margin-top:5px}.decision.buy{color:var(--green)}.decision.sell{color:var(--red)}.decision.wait{color:var(--amber)}.decision-block p{font-size:10px;line-height:1.45;color:#b5bec8;margin:7px 0 0}
.levels{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.levels div{padding:9px 11px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.levels b{font-size:10px;margin-top:3px;font-variant-numeric:tabular-nums}
.why,.what-changed,.order-panel{padding:11px 12px;border-bottom:1px solid var(--line)}.section-title{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.11em;color:var(--muted);font-weight:700}.reason-list{margin-top:7px}.reason{display:flex;gap:7px;font-size:9px;line-height:1.4;padding:3px 0;color:#bbc4cd}.reason.good i{color:var(--green)}.reason.warn i{color:var(--amber)}.reason.bad i{color:var(--red)}.reason i{font-style:normal}.what-changed p{font-size:9px;line-height:1.4;color:var(--muted);margin:6px 0 0}
.buy-sell{display:grid;grid-template-columns:1fr 1fr;margin:8px 0}.buy-sell button{height:29px;border:1px solid var(--line);background:#0d1116;color:var(--muted);cursor:pointer}.buy-sell button.active{border-color:#286544;color:var(--green);background:#0e1a14}.ticket-row{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.ticket-row label{font-size:9px;color:var(--muted)}.ticket-row input,.ticket-row select{width:145px;height:28px;border:1px solid var(--line);background:#090c10;color:var(--text);padding:0 7px;outline:none}.ticket-row input:focus,.ticket-row select:focus{border-color:#3b4c60}
.risk-preview{display:grid;grid-template-columns:repeat(3,1fr);margin:9px 0;border:1px solid var(--line)}.risk-preview div{padding:7px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.risk-preview b{font-size:9px;margin-top:3px}.review-btn{width:100%;height:32px;border:1px solid #315d8f;background:#10233a;color:#bad8ff;font-weight:650;font-size:10px;cursor:pointer}.review-btn:hover{background:#142c48}.ticket-note{display:block;color:var(--muted2);font-size:7px;line-height:1.35;margin-top:6px}
.bottom-panel{grid-row:3;grid-column:2/5;background:#0a0d11;border-top:1px solid var(--line);overflow:hidden}.bottom-tabs{height:32px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 8px}.bottom-tabs button{height:100%;border:0;background:transparent;color:var(--muted);font-size:9px;padding:0 10px;cursor:pointer}.bottom-tabs button.active,.bottom-tabs button:hover{color:var(--text);border-bottom:1px solid var(--accent)}.bottom-spacer{flex:1}.bottom-tabs>span:not(.bottom-spacer){font-size:9px;color:var(--muted);margin-left:14px}.bottom-content{height:calc(100% - 32px);overflow:auto}.empty-state{height:100%;display:grid;place-items:center;color:var(--muted2);font-size:10px}.data-table{width:100%;border-collapse:collapse;font-size:9px}.data-table th{text-align:left;color:var(--muted2);font-size:7px;letter-spacing:.08em;padding:6px 10px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0a0d11}.data-table td{padding:6px 10px;border-bottom:1px solid #151a20;font-variant-numeric:tabular-nums}
.pulsebar{grid-row:4;grid-column:1/5;display:flex;align-items:center;gap:14px;padding:0 10px;border-top:1px solid var(--line);background:#080a0d;font-size:8px;color:var(--muted)}.pulsebar b{color:var(--text)}.pulse-spacer{flex:1}.connection{color:var(--amber);letter-spacing:.08em}.connection.online{color:var(--green)}.connection.offline{color:var(--red)}
.palette{position:fixed;inset:0;background:#020407a8;z-index:100;display:flex;justify-content:center;padding-top:12vh}.palette-box{width:min(680px,90vw);max-height:520px;background:#0d1116;border:1px solid #35404d;box-shadow:0 25px 80px #0009}.palette-input-wrap{height:52px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--line)}.palette-input-wrap input{flex:1;background:transparent;border:0;outline:none;color:var(--text);font-size:14px}.palette-hint{padding:8px 14px;font-size:9px;color:var(--muted2);border-bottom:1px solid var(--line)}.command-results{max-height:380px;overflow:auto}.command-item{padding:10px 14px;border-bottom:1px solid #171c22;cursor:pointer;font-size:10px;display:flex;justify-content:space-between}.command-item:hover{background:#141a21}.toast{position:fixed;z-index:200;right:16px;bottom:48px;border:1px solid #34404c;background:#10151b;color:var(--text);padding:9px 12px;font-size:9px;box-shadow:0 8px 30px #0008}
@media(max-width:1180px){:root{--left:205px;--right:280px}.market-strip{display:none}.market-context{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.terminal{grid-template-columns:54px 1fr;grid-template-rows:52px 1fr 170px 30px}.topbar{grid-column:1/3}.left-panel,.right-panel{display:none}.rail{grid-row:2/4}.center{grid-column:2;grid-row:2}.bottom-panel{grid-column:2;grid-row:3}.pulsebar{grid-column:1/3}.symbol-search{min-width:120px}.brand{width:auto}.brand span{display:none}}


/* ==========================================================
   JARVIS TERMINAL UI-B — ADVANCED CHART / TRADING WORKSPACE
   ========================================================== */
.chart-toolbar{height:40px}
.toolbar-actions button.active-tool{color:#d9e8ff;background:#142033;border-left-color:#2b405c}
.chart-wrap{cursor:crosshair;user-select:none}
.chart-wrap.grabbing{cursor:grabbing}
.chart-wrap canvas{touch-action:none}
.ohlc-hud{
  position:absolute;z-index:6;top:9px;left:13px;height:25px;display:flex;align-items:center;
  gap:10px;padding:0 8px;background:#080b0fd8;border:1px solid #202833;
  font:8px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);pointer-events:none
}
.ohlc-hud span:first-child{color:#d6dde5;min-width:82px}
.ohlc-hud b{font-weight:650;color:#c9d3dd}
.chart-help{
  position:absolute;z-index:5;right:62px;bottom:10px;color:#4d5966;
  font-size:8px;letter-spacing:.02em;pointer-events:none
}
.chart-price-tag{
  position:absolute;right:0;transform:translateY(-50%);font:8px ui-monospace,monospace;
  padding:2px 4px;pointer-events:none
}
.center{grid-template-rows:68px 40px minmax(310px,1fr) 32px 65px}
.level-legend{z-index:7}
.level-legend .target span{box-shadow:0 0 8px #2fd67a66}
.level-legend .entry span{box-shadow:0 0 8px #69a7ff88}
.level-legend .stop span{box-shadow:0 0 8px #ff5c6a66}
@media(max-height:850px){
  :root{--bottom:170px}
  .center{grid-template-rows:62px 38px minmax(250px,1fr) 30px 58px}
}


/* ==========================================================
   JARVIS TERMINAL UI-C — VISUAL INTELLIGENCE / DECISION ALERTS
   ========================================================== */
.decision-overlay{
  position:absolute;z-index:30;inset:0;display:flex;align-items:flex-start;justify-content:center;
  padding-top:64px;pointer-events:none;background:linear-gradient(180deg,#05070a38,transparent 38%)
}
.decision-overlay-inner{
  min-width:260px;max-width:430px;border:1px solid #33404c;background:#090d12f2;
  padding:14px 18px 12px;text-align:center;box-shadow:0 14px 35px #0007
}
.decision-overlay-inner .decision-kicker{display:block;font-size:8px;letter-spacing:.16em;color:var(--muted)}
.decision-overlay-inner strong{
  display:block;margin-top:2px;font-size:34px;letter-spacing:.09em;font-weight:850
}
.decision-overlay-inner span:not(.decision-kicker){font-size:9px;color:var(--muted);margin:0 5px}
.decision-overlay-inner p{font-size:10px;color:#c7d0d9;margin:8px auto 0;line-height:1.4}
.decision-overlay.buy .decision-overlay-inner{border-color:#2b6948;background:#07150ff2}
.decision-overlay.buy strong{color:var(--green)}
.decision-overlay.sell .decision-overlay-inner{border-color:#75333d;background:#17090cf2}
.decision-overlay.sell strong{color:var(--red)}
.decision-overlay.wait .decision-overlay-inner{border-color:#6e582c;background:#171208f2}
.decision-overlay.wait strong{color:var(--amber)}

.chart-signal-badge{
  position:absolute;z-index:8;right:70px;top:10px;height:26px;display:flex;align-items:center;gap:6px;
  padding:0 8px;border:1px solid var(--line2);background:#0a0e13e8;font-size:8px;pointer-events:none
}
.chart-signal-badge span{font-size:7px;color:var(--muted);letter-spacing:.12em}
.chart-signal-badge b{font-size:10px;letter-spacing:.08em}
.chart-signal-badge em{font-style:normal;color:var(--muted);font-variant-numeric:tabular-nums}
.chart-signal-badge.buy{border-color:#285d41}.chart-signal-badge.buy b{color:var(--green)}
.chart-signal-badge.sell{border-color:#6b313a}.chart-signal-badge.sell b{color:var(--red)}
.chart-signal-badge.wait{border-color:#655127}.chart-signal-badge.wait b{color:var(--amber)}

.signal-controls{padding:11px 12px;border-bottom:1px solid var(--line)}
.signal-switch{display:flex;align-items:flex-start;gap:8px;margin-top:8px;font-size:9px;color:#b9c3cd;line-height:1.35}
.signal-switch input{margin-top:1px}
.signal-threshold{display:flex;align-items:center;justify-content:space-between;margin-top:9px}
.signal-threshold label{font-size:9px;color:var(--muted)}
.signal-threshold select{
  width:76px;height:27px;border:1px solid var(--line);background:#090c10;color:var(--text);padding:0 5px
}
.signal-controls small{display:block;margin-top:7px;color:var(--muted2);font-size:7px;line-height:1.4}

.signal-flash{animation:signalPulse .65s ease-out}
@keyframes signalPulse{
  0%{filter:brightness(1)}
  30%{filter:brightness(1.6)}
  100%{filter:brightness(1)}
}
@media (prefers-reduced-motion:reduce){.signal-flash{animation:none}}


/* ==========================================================
   JARVIS TERMINAL UI-D — SIGNAL EXPLAINABILITY + MARKET CONTEXT
   ========================================================== */
.signal-quality-grid{
  display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)
}
.quality-card{
  padding:9px 11px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  min-width:0
}
.quality-card span{font-size:7px;letter-spacing:.09em;color:var(--muted2)}
.quality-card b{
  display:block;margin-top:4px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.quality-card small{
  display:block;margin-top:3px;font-size:7px;color:var(--muted2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.quality-card.good b{color:var(--green)}
.quality-card.warn b{color:var(--amber)}
.quality-card.bad b{color:var(--red)}

.why-not,.market-context-intel{
  padding:11px 12px;border-bottom:1px solid var(--line)
}
.context-row{
  display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0;
  border-bottom:1px solid #171c22;font-size:9px
}
.context-row:last-child{border-bottom:0}
.context-row span{color:var(--muted)}
.context-row b{
  font-size:9px;max-width:165px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right
}
#contextScore{
  font-size:8px;color:var(--muted);font-variant-numeric:tabular-nums
}

.signal-summary-strip{
  position:absolute;z-index:7;left:13px;top:40px;display:flex;gap:5px;pointer-events:none
}
.signal-summary-strip span{
  border:1px solid var(--line2);background:#090d12dc;padding:3px 6px;font-size:7px;color:var(--muted)
}
.signal-summary-strip b{color:var(--text);font-weight:650}

.reason.bad span{color:#d5b9bd}
.reason.warn span{color:#d4c7aa}
.reason.good span{color:#bdcfC5}

@media(max-width:1180px){
  .signal-quality-grid{grid-template-columns:1fr}
}


/* ==========================================================
   JARVIS TERMINAL UI-E — TRADE PLANNING + EXECUTION QUALITY
   ========================================================== */
.trade-plan-panel{padding:11px 12px;border-bottom:1px solid var(--line)}
#tradeReadyState{font-size:8px;color:var(--amber)}
.trade-plan-panel.ready #tradeReadyState{color:var(--green)}
.trade-plan-panel.blocked #tradeReadyState{color:var(--red)}

.trade-quality-meter{margin-top:8px}
.trade-quality-head{display:flex;justify-content:space-between;align-items:center;font-size:9px}
.trade-quality-head span{color:var(--muted)}
.trade-quality-head b{font-size:10px}
.trade-quality-track{height:6px;background:#171d24;margin-top:6px;overflow:hidden}
.trade-quality-track i{display:block;height:100%;width:0;background:#617386;transition:width .25s ease}

.trade-plan-grid{
  display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--line);margin-top:9px
}
.trade-plan-grid>div{background:#0a0e13;padding:7px 8px;min-width:0}
.trade-plan-grid span,.position-helper span{display:block;font-size:7px;color:var(--muted2)}
.trade-plan-grid b,.position-helper b{
  display:block;margin-top:3px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}

.risk-budget-row{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px
}
.risk-budget-row label{font-size:9px;color:var(--muted)}
.risk-budget-input{display:flex;align-items:center;gap:5px}
.risk-budget-input input{
  width:58px;height:27px;border:1px solid var(--line);background:#090c10;color:var(--text);padding:0 6px
}
.risk-budget-input span{font-size:8px;color:var(--muted)}

.position-helper{
  display:grid;grid-template-columns:1fr 1fr;margin-top:9px;border:1px solid var(--line)
}
.position-helper>div{padding:7px 8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.trade-readiness-reasons{margin-top:8px}

.rr-chart-legend{
  position:absolute;z-index:8;left:13px;bottom:10px;display:flex;gap:5px;pointer-events:none
}
.rr-chart-legend span{
  padding:3px 6px;background:#090d12dc;border:1px solid var(--line2);font-size:7px;color:var(--muted)
}
.rr-chart-legend b{font-weight:650}
.rr-chart-legend .rr-risk b{color:var(--red)}
.rr-chart-legend .rr-reward b{color:var(--green)}
.rr-chart-legend .rr-ratio b{color:#8fb9ff}

.trade-plan-zone-label{
  font:8px ui-sans-serif;letter-spacing:.02em
}

@media(max-width:1180px){
  .trade-plan-grid{grid-template-columns:1fr 1fr}
}


/* ==========================================================
   JARVIS TERMINAL UI-F — FINAL POLISH / WORKSPACE CERTIFICATION
   ========================================================== */
.workspace-status{display:flex;align-items:center;gap:6px;margin-left:auto;margin-right:10px;font-size:8px;color:var(--muted)}
.workspace-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #2fd67a55}
.workspace-status.warn .workspace-dot{background:var(--amber);box-shadow:none}
.workspace-status.bad .workspace-dot{background:var(--red);box-shadow:none}

.terminal-hotkeys{display:flex;align-items:center;gap:7px;margin-left:auto;margin-right:8px;font-size:7px;color:var(--muted2)}
.terminal-hotkeys span{display:flex;align-items:center;gap:3px}
.terminal-hotkeys kbd{min-width:17px;height:17px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line2);background:#0a0e13;color:#a9b4bf;font:7px ui-monospace,monospace}

.workspace-controls{padding:10px 12px;border-bottom:1px solid var(--line)}
.workspace-control-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin-top:7px}
.workspace-control-row button{height:28px;border:1px solid var(--line);background:#0a0e13;color:var(--text);font-size:8px}
.workspace-control-row button:hover{background:#111820}
.workspace-controls small{display:block;margin-top:7px;color:var(--muted2);font-size:7px;line-height:1.35}

.terminal-busy{position:absolute;z-index:40;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:#070a0dcc;backdrop-filter:blur(1px);font-size:9px;color:#c9d2dc;pointer-events:none}
.busy-spinner{width:13px;height:13px;border:2px solid #2b3440;border-top-color:#8fb9ff;border-radius:50%;animation:terminalSpin .8s linear infinite}
@keyframes terminalSpin{to{transform:rotate(360deg)}}

body.compact-ui .quality-card,
body.compact-ui .trade-plan-panel,
body.compact-ui .market-context-intel,
body.compact-ui .why,
body.compact-ui .why-not,
body.compact-ui .signal-controls,
body.compact-ui .workspace-controls{padding-top:7px;padding-bottom:7px}
body.compact-ui .context-row{padding:3px 0}
body.compact-ui .trade-plan-grid>div,
body.compact-ui .position-helper>div{padding:5px 6px}

.toast{max-width:min(420px,calc(100vw - 28px))}
button:focus-visible,input:focus-visible,select:focus-visible{outline:1px solid #8fb9ff;outline-offset:1px}
@media(prefers-reduced-motion:reduce){.busy-spinner{animation:none}}


/* ==========================================================
   JARVIS TERMINAL TI-A — MULTI-TIMEFRAME + MARKET UNIVERSE
   ========================================================== */
.asset-universe{display:flex;align-items:center;gap:3px;padding:0 7px;border-right:1px solid var(--line);overflow:hidden;white-space:nowrap}
.asset-class{height:26px;padding:0 7px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:7px}
.asset-class:hover{color:var(--text);background:#0d131a}
.asset-class.active{color:#dbe8f5;border-color:#2a3b50;background:#111a24}
.mtf-panel,.market-universe-panel{padding:10px 12px;border-bottom:1px solid var(--line)}
#mtfConsensus{font-size:8px;color:var(--amber)}
.mtf-panel.buy #mtfConsensus{color:var(--green)} .mtf-panel.sell #mtfConsensus{color:var(--red)}
.mtf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:8px}
.mtf-cell{min-width:0;padding:7px;border:1px solid var(--line);background:#0a0e13}
.mtf-cell span{display:block;font-size:7px;color:var(--muted2)}
.mtf-cell b{display:block;margin-top:3px;font-size:10px}
.mtf-cell small{display:block;margin-top:2px;font-size:7px;color:var(--muted2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mtf-cell.buy{border-color:#25593e}.mtf-cell.buy b{color:var(--green)}
.mtf-cell.sell{border-color:#65313a}.mtf-cell.sell b{color:var(--red)}
.mtf-cell.wait{border-color:#5c4e2f}.mtf-cell.wait b{color:var(--amber)}
.mtf-summary{display:grid;grid-template-columns:repeat(4,1fr);margin-top:6px;border:1px solid var(--line)}
.mtf-summary>div{padding:6px;border-right:1px solid var(--line)} .mtf-summary>div:last-child{border-right:0}
.mtf-summary span{display:block;font-size:6px;color:var(--muted2)} .mtf-summary b{display:block;margin-top:2px;font-size:9px}
.market-universe-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid #171c22;font-size:8px}
.market-universe-row:last-child{border-bottom:0}.market-universe-row span{color:var(--muted)}
.market-universe-row b{font-size:8px;max-width:165px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-tape-badge{position:absolute;z-index:8;right:172px;top:10px;height:26px;display:flex;align-items:center;gap:5px;padding:0 7px;border:1px solid #284638;background:#09110de8;font-size:7px;color:var(--muted)}
.live-tape-badge i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 7px #2fd67a77}
.live-tape-badge span{color:var(--green);font-weight:700}.live-tape-badge.stale{border-color:#5e4d2a}
.live-tape-badge.stale i{background:var(--amber);box-shadow:none}.live-tape-badge.stale span{color:var(--amber)}
@media(max-width:1280px){.asset-universe .asset-class:nth-child(n+5){display:none}.mtf-grid{grid-template-columns:repeat(2,1fr)}}

.deep-intel-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:8px}
.deep-intel-strip>div{background:#091018;padding:7px 8px;min-width:0}
.deep-intel-strip span{display:block;font-size:6px;color:var(--muted2);letter-spacing:.05em}
.deep-intel-strip b{display:block;margin-top:3px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#serverConsensus.buy{color:var(--green)}#serverConsensus.sell{color:var(--red)}#serverConsensus.wait{color:var(--amber)}
.deep-intel-reason{margin-top:7px;padding:7px 8px;border-left:2px solid #33475e;background:#0a0f15;color:#aeb9c4;font-size:7px;line-height:1.45}

.realtime-quote-strip{position:absolute;z-index:9;left:12px;right:12px;top:39px;height:31px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid #1e2b37;background:#070c11e8;backdrop-filter:blur(2px);pointer-events:none}
.realtime-quote-strip>div{padding:5px 7px;border-right:1px solid #17212b;min-width:0}.realtime-quote-strip>div:last-child{border-right:0}
.realtime-quote-strip span{display:block;font-size:6px;color:var(--muted2);letter-spacing:.06em}.realtime-quote-strip b{display:block;margin-top:2px;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.realtime-quote-strip.stale{border-color:#5d4c2b}.realtime-quote-strip.bad{border-color:#673039}
.realtime-fabric-panel{padding:10px 12px;border-bottom:1px solid var(--line)}#fabricOverallState{font-size:8px;color:var(--amber)}
.realtime-fabric-panel.live #fabricOverallState{color:var(--green)}.realtime-fabric-panel.bad #fabricOverallState{color:var(--red)}
.fabric-health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:8px}
.fabric-health-grid>div{background:#091018;padding:7px 8px;min-width:0}.fabric-health-grid span{display:block;font-size:6px;color:var(--muted2)}.fabric-health-grid b{display:block;margin-top:3px;font-size:9px}
.market-clock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:7px}.market-clock-grid>div{padding:6px 7px;border:1px solid var(--line);background:#090d12}
.market-clock-grid span{display:block;font-size:6px;color:var(--muted2)}.market-clock-grid b{display:block;margin-top:2px;font-size:8px}.market-clock-grid small{display:block;margin-top:2px;font-size:6px;color:var(--muted2)}
.market-clock-grid .open b{color:var(--green)}
.adapter-status-list{display:grid;grid-template-columns:1fr 1fr;margin-top:7px;border:1px solid var(--line)}
.adapter-status-list>div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:6px;padding:6px 7px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:7px}
.adapter-status-list i{width:5px;height:5px;border-radius:50%;background:#6b7480}.adapter-status-list span{color:var(--muted)}.adapter-status-list b{font-size:7px;color:var(--muted2)}
.adapter-status-list .live i{background:var(--green);box-shadow:0 0 7px #2fd67a77}.adapter-status-list .live b{color:var(--green)}
.adapter-status-list .degraded i{background:var(--amber)}.adapter-status-list .degraded b{color:var(--amber)}
.fabric-note{margin-top:7px;padding:7px 8px;border-left:2px solid #2c435d;background:#091018;color:#9eabb8;font-size:7px;line-height:1.4}
@media(max-width:1300px){.realtime-quote-strip{grid-template-columns:repeat(4,1fr)}.realtime-quote-strip>div:nth-child(n+5){display:none}}


/* ==========================================================
   JARVIS TERMINAL TI-D — OPTIONS INTELLIGENCE WORKSTATION
   ========================================================== */
.options-workstation{padding:10px 12px;border-bottom:1px solid var(--line);background:#070b10}
.options-workstation.hidden{display:none}
#optionsFeedState{font-size:8px;color:var(--amber)}
.options-workstation.live #optionsFeedState{color:var(--green)}
.options-workstation.bad #optionsFeedState{color:var(--red)}
.options-underlying-strip,.options-snapshot,.option-greeks,.strategy-metrics{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:7px
}
.options-underlying-strip>div,.options-snapshot>div,.option-greeks>div,.strategy-metrics>div{background:#091018;padding:6px 7px;min-width:0}
.options-snapshot{grid-template-columns:repeat(3,1fr)}
.options-underlying-strip span,.options-snapshot span,.option-greeks span,.strategy-metrics span{display:block;font-size:6px;color:var(--muted2)}
.options-underlying-strip b,.options-snapshot b,.option-greeks b,.strategy-metrics b{display:block;margin-top:2px;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.options-controls,.strategy-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:5px;margin-top:7px}
.options-controls label{font-size:6px;color:var(--muted2)}
.options-controls select,.strategy-controls select,.options-controls button,.strategy-controls button{
  width:100%;height:28px;margin-top:3px;border:1px solid var(--line);background:#0a0f15;color:var(--text);font-size:7px
}
.options-chain-wrap{margin-top:7px;overflow:auto;max-height:360px;border:1px solid var(--line)}
.options-chain{width:100%;border-collapse:collapse;min-width:650px;font-size:7px}
.options-chain th,.options-chain td{padding:5px 6px;border-right:1px solid #17212b;border-bottom:1px solid #17212b;text-align:right;white-space:nowrap}
.options-chain th{position:sticky;top:0;z-index:2;background:#0b1118;color:var(--muted2);font-weight:600}
.options-chain thead tr:first-child th{top:0}.options-chain thead tr:nth-child(2) th{top:24px}
.options-chain .call-head{text-align:center;color:#8ed7ad}.options-chain .put-head{text-align:center;color:#ec9ba7}.options-chain .strike-head{text-align:center;color:#dbe8f5}
.options-chain td.strike{text-align:center;font-weight:700;color:#dbe8f5;background:#0d141c}
.options-chain tr.atm td.strike{color:var(--amber)}
.options-chain td.clickable{cursor:pointer}.options-chain td.clickable:hover{background:#111b26}
.options-chain .chain-empty{text-align:center;color:var(--muted2);padding:16px}
.option-detail-card,.strategy-builder{margin-top:8px;padding:8px;border:1px solid var(--line);background:#090e14}
.option-contract-name{margin-top:6px;font-size:8px;color:#d2dbe5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.option-greeks{grid-template-columns:repeat(4,1fr)}
.option-intel-verdict{margin-top:7px;padding:7px;border-left:2px solid #35506d;background:#09121a;color:#aebac6;font-size:7px;line-height:1.4}
.strategy-controls{grid-template-columns:1fr auto}
#strategyPayoff{width:100%;height:140px;margin-top:8px;border:1px solid var(--line);background:#070b10}
.options-disclosure{margin-top:7px;color:var(--muted2);font-size:6px;line-height:1.4}
@media(max-width:1300px){
  .options-snapshot{grid-template-columns:repeat(2,1fr)}
  .option-greeks{grid-template-columns:repeat(2,1fr)}
}


/* ==========================================================
   JARVIS TERMINAL TI-E — LIVE CHART INTELLIGENCE
   ========================================================== */
.chart-intel-panel{padding:10px 12px;border-bottom:1px solid var(--line);background:#070c11}
#chartIntelState{font-size:8px;color:var(--amber)}
.chart-intel-panel.live #chartIntelState{color:var(--green)}
.chart-intel-panel.bad #chartIntelState{color:var(--red)}

.chart-intel-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);margin-top:8px
}
.chart-intel-grid>div{background:#091018;padding:7px 8px;min-width:0}
.chart-intel-grid span{display:block;font-size:6px;color:var(--muted2);letter-spacing:.04em}
.chart-intel-grid b{display:block;margin-top:3px;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.chart-intel-flags{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}
.chart-intel-flags span{padding:4px 6px;border:1px solid #253342;background:#0a1119;color:#99a8b7;font-size:6px}
.chart-intel-flags .hot{border-color:#5c4930;color:var(--amber)}
.chart-intel-flags .good{border-color:#28523c;color:var(--green)}
.chart-intel-flags .bad{border-color:#60313a;color:var(--red)}

.chart-intel-explanation{
  margin-top:7px;padding:7px 8px;border-left:2px solid #3b5a79;background:#09121a;
  color:#aebac6;font-size:7px;line-height:1.45
}

.chart-intel-label{
  position:absolute;z-index:7;pointer-events:none;padding:3px 5px;border:1px solid #31455a;
  background:#08111acc;color:#b9c7d4;font-size:7px;white-space:nowrap
}

@media(max-width:1300px){
  .chart-intel-grid{grid-template-columns:repeat(2,1fr)}
}


/* ==========================================================
   JARVIS TERMINAL TI-F — UNIFIED INTELLIGENCE FUSION
   ========================================================== */
.fusion-panel{padding:10px 12px;border-bottom:1px solid var(--line);background:#060b10}
#fusionState{font-size:8px;color:var(--amber)}
.fusion-panel.live #fusionState{color:var(--green)}
.fusion-panel.bad #fusionState{color:var(--red)}

.fusion-headline{
  display:grid;grid-template-columns:92px 1fr;gap:8px;margin-top:8px
}
.fusion-decision{
  display:flex;align-items:center;justify-content:center;min-height:58px;
  border:1px solid #5b4b2f;background:#121008;color:var(--amber);
  font-size:18px;font-weight:800;letter-spacing:.08em
}
.fusion-decision.buy{border-color:#275d40;background:#07130d;color:var(--green)}
.fusion-decision.sell{border-color:#6a313b;background:#15090b;color:var(--red)}
.fusion-confidence{
  padding:8px 9px;border:1px solid var(--line);background:#091018
}
.fusion-confidence span{display:block;font-size:6px;color:var(--muted2)}
.fusion-confidence strong{display:block;margin-top:3px;font-size:16px}
.fusion-meter{height:5px;margin-top:7px;background:#151e27;overflow:hidden}
.fusion-meter i{display:block;width:0;height:100%;background:#78889a;transition:width .25s ease}
.fusion-panel.buy .fusion-meter i{background:var(--green)}
.fusion-panel.sell .fusion-meter i{background:var(--red)}
.fusion-panel.wait .fusion-meter i{background:var(--amber)}

.fusion-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);margin-top:8px
}
.fusion-grid>div{background:#091018;padding:7px 8px;min-width:0}
.fusion-grid span{display:block;font-size:6px;color:var(--muted2)}
.fusion-grid b{display:block;margin-top:3px;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.fusion-reasons{
  margin-top:7px;padding:8px;border-left:2px solid #46688d;background:#09121a;
  color:#b6c2ce;font-size:7px;line-height:1.5
}
.series2-health{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}
.series2-health span{
  display:flex;align-items:center;gap:5px;padding:4px 6px;border:1px solid #253341;
  background:#0a1118;color:#8e9ba8;font-size:6px
}
.series2-health i{width:5px;height:5px;border-radius:50%;background:#5f6a75}
.series2-health span.good{color:var(--green);border-color:#28513c}
.series2-health span.good i{background:var(--green);box-shadow:0 0 6px #2fd67a66}
.series2-health span.warn{color:var(--amber);border-color:#5a4a2d}
.series2-health span.warn i{background:var(--amber)}
.series2-health span.bad{color:var(--red);border-color:#62313a}
.series2-health span.bad i{background:var(--red)}

@media(max-width:1300px){
  .fusion-grid{grid-template-columns:repeat(2,1fr)}
}

/* ==========================================================
   JARVIS TERMINAL T3-A — MARKET BROWSER + CHART RECOVERY
   ========================================================== */
.market-browser-panel{display:flex;flex-direction:column;min-height:0}
.browser-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;padding:7px;border-bottom:1px solid var(--line)}
.browser-tabs button{height:25px;border:1px solid var(--line);background:#0a1016;color:var(--muted);font-size:7px}
.browser-tabs button.active{border-color:#325777;color:#d8e7f5;background:#0b1721}
.browser-filter{display:grid;grid-template-columns:1fr 82px;gap:4px;padding:7px;border-bottom:1px solid var(--line)}
.browser-filter input,.browser-filter select{height:27px;border:1px solid var(--line);background:#091018;color:var(--text);font-size:7px;padding:0 7px}
.browser-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.browser-loading{padding:12px;color:var(--muted2);font-size:7px}
.browser-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px 9px;border-bottom:1px solid #121b24;cursor:pointer}
.browser-row:hover{background:#0c141d}.browser-row.active{background:#0d1924;border-left:2px solid #5287b8}
.browser-row strong{display:block;font-size:9px}.browser-row small{display:block;margin-top:2px;color:var(--muted2);font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.browser-row .browser-kind{font-size:6px;color:#6e7d8b;align-self:center}

.instrument-briefing{padding:9px 12px;border-bottom:1px solid var(--line);background:#070d13}
.briefing-top{display:flex;justify-content:space-between;gap:12px}
.briefing-identity span{display:block;color:#6f8294;font-size:6px;letter-spacing:.08em}
.briefing-identity strong{display:inline-block;margin-top:3px;font-size:15px;margin-right:7px}
.briefing-identity b{font-size:8px;color:#9dacba}
.briefing-actions{display:flex;gap:5px}
.briefing-actions button{height:28px;padding:0 10px;border:1px solid #28445e;background:#0a1520;color:#cfe1f2;font-size:7px}
.instrument-briefing p{margin:7px 0 0;color:#aab7c3;font-size:7px;line-height:1.45}
.briefing-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:7px}
.briefing-meta>div{background:#091018;padding:6px 7px}.briefing-meta span{display:block;font-size:6px;color:var(--muted2)}.briefing-meta b{display:block;margin-top:2px;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ==========================================================
   JARVIS TERMINAL T3-B — DYNAMIC MARKET SCANNER BROWSER
   ========================================================== */
.browser-quick-filters{display:flex;gap:3px;padding:0 7px 7px;border-bottom:1px solid var(--line)}
.browser-quick-filters button{flex:1;height:23px;border:1px solid var(--line);background:#091018;color:var(--muted2);font-size:6px}
.browser-quick-filters button.active{border-color:#365877;background:#0c1722;color:#d6e8f8}
.browser-status-strip{display:grid;grid-template-columns:auto 1fr auto;gap:6px;padding:6px 8px;border-bottom:1px solid var(--line);font-size:6px;color:var(--muted2)}
#browserLiveState.live{color:var(--green)}#browserLiveState.degraded{color:var(--amber)}
.browser-columns{display:grid;grid-template-columns:minmax(72px,1.4fr) .8fr .65fr .55fr .55fr;gap:5px;padding:5px 8px;border-bottom:1px solid var(--line);font-size:5px;color:#667687;letter-spacing:.05em}
.browser-row{grid-template-columns:minmax(72px,1.4fr) .8fr .65fr .55fr .55fr;gap:5px;align-items:center}
.browser-row .browser-symbol{min-width:0}
.browser-row .browser-symbol strong{display:flex;align-items:center;gap:5px}
.browser-row .browser-symbol small{max-width:125px}
.browser-favorite{appearance:none;border:0;background:transparent;color:#53606d;padding:0;cursor:pointer;font-size:9px}
.browser-favorite.on{color:#f0c75e}
.browser-metric{text-align:right;font-size:7px;white-space:nowrap}
.browser-metric small{margin:0;font-size:6px}
.browser-metric.positive{color:var(--green)}.browser-metric.negative{color:var(--red)}
.browser-score{display:inline-block;min-width:30px;padding:2px 3px;text-align:center;border:1px solid #243241;background:#091018;color:#8d9baa}
.browser-score.good{border-color:#27513b;color:var(--green)}.browser-score.mid{border-color:#5c4d2f;color:var(--amber)}
.browser-rank{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid #26384a;background:#0a1118;color:#8597a8;font-size:6px}
.browser-new{margin-left:4px;padding:1px 3px;border:1px solid #3b5571;color:#87aaca;font-size:5px}
.briefing-live{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:7px}
.briefing-live>div{background:#091018;padding:6px 7px}.briefing-live span{display:block;font-size:6px;color:var(--muted2)}.briefing-live b{display:block;margin-top:2px;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1200px){
 .browser-columns,.browser-row{grid-template-columns:minmax(68px,1.4fr) .8fr .65fr .55fr}
 .browser-columns span:nth-child(4),.browser-row>*:nth-child(4){display:none}
 .briefing-live{grid-template-columns:repeat(3,1fr)}
}

/* ==========================================================
   JARVIS TERMINAL T3-C — SYNCHRONIZED BROWSER + CHART
   ========================================================== */
.browser-mode-strip{display:flex;justify-content:space-between;padding:4px 8px;border-bottom:1px solid var(--line);font-size:5px;color:#657586}
.browser-hover-preview{
  position:absolute;z-index:30;width:220px;padding:8px;border:1px solid #2e455b;background:#071019f2;
  box-shadow:0 8px 30px #0008;color:#d7e4ef;pointer-events:none
}
.browser-hover-preview.hidden{display:none}
.browser-hover-preview strong{display:block;font-size:10px}
.browser-hover-preview>div>span{display:block;margin-top:2px;font-size:6px;color:var(--muted2)}
.preview-metrics{display:grid!important;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:7px}
.preview-metrics span{display:block!important;background:#091018;padding:5px;font-size:6px!important;color:var(--muted2)}
.preview-metrics b{display:block;margin-top:2px;font-size:7px;color:var(--text)}
.browser-hover-preview p{margin:7px 0 0;font-size:6px;line-height:1.4;color:#aeb9c4}

.watch-group-controls{display:grid;grid-template-columns:1fr auto auto;gap:4px;padding:7px;border-bottom:1px solid var(--line)}
.watch-group-controls select,.watch-group-controls button{
  height:25px;border:1px solid var(--line);background:#091018;color:var(--text);font-size:6px;padding:0 6px
}
.watch-group-controls button.active{border-color:#345978;color:#d8eaff;background:#0b1722}

.chart-diagnostics{
  position:absolute;left:12px;bottom:12px;z-index:10;width:330px;max-width:calc(100% - 24px);
  border:1px solid #26394b;background:#071019e8;backdrop-filter:blur(8px);padding:8px
}
.chart-diagnostics-head{display:flex;justify-content:space-between;font-size:6px;color:#72859a}
#chartDiagState.good{color:var(--green)}#chartDiagState.warn{color:var(--amber)}#chartDiagState.bad{color:var(--red)}
.chart-diagnostics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:6px}
.chart-diagnostics-grid>div{background:#091018;padding:5px 6px;min-width:0}
.chart-diagnostics-grid span{display:block;font-size:5px;color:var(--muted2)}
.chart-diagnostics-grid b{display:block;margin-top:2px;font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chart-route-list{max-height:66px;overflow:auto;margin-top:6px;border:1px solid #192634;background:#070c11}
.chart-route-row{display:grid;grid-template-columns:1fr auto;gap:5px;padding:4px 5px;border-bottom:1px solid #14202b;font-size:5px}
.chart-route-row:last-child{border-bottom:0}
.chart-route-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8090a0}
.chart-route-row b{color:#8d9aa7}.chart-route-row.good b{color:var(--green)}.chart-route-row.bad b{color:var(--red)}.chart-route-row.warn b{color:var(--amber)}
#retryChartFeed{width:100%;height:24px;margin-top:6px;border:1px solid #2b4862;background:#0a1520;color:#cfe2f3;font-size:6px}
.browser-row.chart-loaded{box-shadow:inset 2px 0 0 #6aa7dc;background:#0d1924}
@media(max-width:1200px){
  .chart-diagnostics{width:280px}
}


/* ==========================================================
   T3-C REV A — RUNTIME + LAYOUT + INTERACTIVITY REPAIR
   ========================================================== */

/* Center now has SIX direct rows:
   symbol header / briefing / chart toolbar / chart / under-chart / market context */
.center{
  grid-template-rows:68px auto 40px minmax(280px,1fr) 32px 65px !important;
}

/* Keep the market browser visible in desktop-sized narrow windows.
   The prior <=900px rule hid the entire browser, which made the terminal
   look like the browser feature never existed. */
@media(max-width:900px){
  :root{--left:180px;--right:0px}
  .terminal{
    grid-template-columns:54px 180px minmax(500px,1fr) !important;
    grid-template-rows:52px 1fr 170px 30px !important;
    min-width:734px;
    overflow-x:auto;
  }
  .topbar{grid-column:1/4 !important}
  .left-panel{
    display:flex !important;
    grid-column:2 !important;
    grid-row:2 !important;
  }
  .right-panel{display:none !important}
  .rail{grid-row:2/4 !important}
  .center{
    grid-column:3 !important;
    grid-row:2 !important;
    min-width:500px;
    grid-template-rows:62px auto 40px minmax(270px,1fr) 32px 65px !important;
  }
  .bottom-panel{grid-column:2/4 !important;grid-row:3 !important}
  .pulsebar{grid-column:1/4 !important}
  .symbol-search{min-width:150px}
}

/* On very short windows, keep the chart usable instead of letting the
   briefing consume the workspace. */
@media(max-height:820px){
  .instrument-briefing{padding:6px 9px}
  .instrument-briefing p{max-height:30px;overflow:hidden}
  .briefing-live,.briefing-meta{margin-top:5px}
  .center{grid-template-rows:58px auto 36px minmax(250px,1fr) 30px 58px !important}
}

/* Diagnostics should not cover a large portion of a small chart. */
@media(max-width:980px){
  .chart-diagnostics{
    width:250px;
    max-height:118px;
    overflow:auto;
    padding:6px;
  }
  .chart-diagnostics-grid{grid-template-columns:repeat(2,1fr)}
}


/* =====================================================================
   JARVIS T3-B REFERENCE UI REBUILD
   Visual baseline supplied by the user. Professional desktop terminal.
   ===================================================================== */

:root{
  --bg:#05090e;
  --panel:#081018;
  --panel2:#0a121b;
  --panel3:#0c1620;
  --line:#162433;
  --line2:#21354a;
  --text:#eef5fb;
  --muted:#8d9cac;
  --muted2:#617183;
  --blue:#2b88ff;
  --blue2:#0f5fb9;
  --green:#13d483;
  --red:#ff4e5f;
  --amber:#e7b84d;
  --rail:68px;
  --left:250px;
  --right:250px;
  --bottom:165px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text);overflow:hidden}
button,input,select{font:inherit}

.terminal{
  display:grid !important;
  grid-template-columns:var(--rail) var(--left) minmax(640px,1fr) var(--right) !important;
  grid-template-rows:58px minmax(0,1fr) var(--bottom) 28px !important;
  grid-template-areas:
    "top top top top"
    "rail left center right"
    "rail left bottom right"
    "pulse pulse pulse pulse" !important;
  width:100vw;height:100vh;min-width:1180px;background:#05090e;
}

.topbar{
  grid-area:top !important;
  display:flex !important;
  align-items:center;
  gap:14px;
  height:58px;
  padding:0 16px;
  border-bottom:1px solid var(--line);
  background:#060b11;
  overflow:hidden;
}
.brand{width:auto;min-width:128px;gap:10px}
.brand .mark{
  width:28px;height:28px;border:0;border-radius:6px;
  display:grid;place-items:center;
  font-size:20px;font-weight:900;color:#fff;
  background:linear-gradient(145deg,#0e87ff,#3859ff);
}
.brand b{font-size:14px;letter-spacing:.12em}
.brand span{display:none}

.reference-topnav{display:flex;align-items:stretch;height:100%;gap:0;white-space:nowrap}
.reference-topnav button{
  position:relative;height:100%;padding:0 11px;border:0;background:transparent;
  color:#a7b2be;font-size:10px;text-transform:uppercase;letter-spacing:.035em;cursor:pointer
}
.reference-topnav button:hover{color:#fff}
.reference-topnav button.active,.reference-topnav button:nth-child(2){color:#9dceff;background:#081522}
.reference-topnav button.active:after,.reference-topnav button:nth-child(2):after{
  content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;background:var(--blue)
}

.symbol-search{
  flex:1;min-width:180px;max-width:390px;height:34px;margin-left:auto;
  border:1px solid var(--line2);background:#070d14;color:#7f8e9d;border-radius:3px;
  display:flex;align-items:center;gap:8px;padding:0 10px
}
.symbol-search kbd{margin-left:auto;border:1px solid #263747;background:#0b121a;padding:2px 5px;color:#7e8b98}
.market-strip{display:none !important}
.workspace-status{display:flex !important;margin-left:auto;color:#7d8c99;font-size:9px}
.workspace-status .workspace-dot{background:var(--green);box-shadow:0 0 8px #13d48377}
.session-cluster{gap:8px;margin-left:4px}
.session-cluster .status{height:30px;padding:0 10px}
#marketState{border:0;background:transparent;color:var(--green)}
#modeBadge{border:1px solid var(--line2);background:#08111a;color:#8abfff}
.clock{display:none}
.profile{width:30px;height:30px;border:1px solid #1e5d95;border-radius:50%;background:#08111a;color:#8ec7ff}

.rail{
  grid-area:rail !important;display:flex !important;flex-direction:column;
  width:var(--rail);border-right:1px solid var(--line);background:#060b11;padding:8px 0
}
.rail-btn{width:100%;height:58px;border:0;border-left:2px solid transparent;background:transparent;color:#7a8998}
.rail-btn:hover{background:#08131e;color:#dfeaf3}
.rail-btn.active{border-left-color:var(--blue);background:#071728;color:#7fbaff}
.rail-btn span{font-size:16px}.rail-btn small{display:block;margin-top:3px;font-size:7px}
.rail-spacer{flex:1}

.left-panel{
  grid-area:left !important;display:flex !important;flex-direction:column;min-height:0;
  border-right:1px solid var(--line);background:#071019;overflow:hidden
}
.panel-head{height:64px;padding:12px 14px;border-bottom:1px solid var(--line)}
.panel-head .eyebrow{font-size:8px;color:#d7e1ea}.panel-head h2{font-size:11px;margin-top:5px;color:#9fc7f4}
.browser-tabs{display:none !important}
.browser-filter{grid-template-columns:1fr 106px;padding:8px 10px}
.browser-filter input,.browser-filter select{height:30px;font-size:8px}
.browser-quick-filters{padding:7px 10px}
.browser-quick-filters button{height:26px;font-size:7px}
.watch-group-controls{padding:8px 10px;grid-template-columns:1fr auto}
#watchGroupOnly{display:none}
.browser-status-strip{padding:6px 10px}
.browser-mode-strip,.browser-hover-preview{display:none !important}
.browser-columns{
  grid-template-columns:minmax(86px,1.45fr) 55px 52px 45px !important;
  padding:6px 10px;font-size:6px
}
.browser-columns span:nth-child(4){display:none}
.browser-columns span:nth-child(5){display:block}
.browser-columns span:nth-child(5):before{content:"VOL";font-size:0}
.browser-row{
  grid-template-columns:minmax(86px,1.45fr) 55px 52px 45px !important;
  min-height:49px;padding:7px 10px;border-bottom:1px solid #111e2b;background:#071019
}
.browser-row:hover{background:#0a1824}.browser-row.active,.browser-row.chart-loaded{background:#0b2134;box-shadow:inset 3px 0 0 var(--blue)}
.browser-row>*:nth-child(4){display:none !important}
.browser-row .browser-symbol strong{font-size:11px}.browser-row .browser-symbol small{font-size:7px;color:#6f8192}
.browser-row .browser-metric{font-size:8px}
.browser-score{min-width:28px;font-size:7px}
.browser-list{scrollbar-width:thin;scrollbar-color:#41566b #071019}

.center{
  grid-area:center !important;
  display:grid !important;
  grid-template-rows:92px 42px minmax(390px,1fr) 34px 188px 0 !important;
  min-width:0;min-height:0;background:#050a0f;border-right:1px solid var(--line)
}
.symbol-header{grid-row:1 !important;padding:11px 16px;border-bottom:1px solid var(--line);background:#071019}
.symbol-line h1{font-size:17px}.symbol-line #companyName{font-size:9px;color:#8192a3}
.price-line{margin-top:7px}.price-line #lastPrice{font-size:22px}
.quote-grid{grid-template-columns:repeat(4,72px);gap:0}
.quote-grid>div{padding:7px 10px;border-left:1px solid var(--line)}
.quote-grid span{font-size:6px}.quote-grid b{font-size:10px}

.chart-toolbar{
  grid-row:2 !important;display:flex;align-items:center;gap:10px;padding:0 10px;
  border-bottom:1px solid var(--line);background:#071019;overflow-x:auto;overflow-y:hidden
}
.segmented button,.toolbar-actions button{
  height:30px;padding:0 9px;border:0;background:transparent;color:#8e9eae;font-size:8px
}
.segmented button.active,.toolbar-actions button.active-tool{color:#8fc4ff;background:#0a1d30}
.terminal-hotkeys{display:none}
.toolbar-actions{display:flex;align-items:center;gap:0;margin-left:auto;white-space:nowrap}

.chart-wrap{
  grid-row:3 !important;position:relative;min-height:0;border-bottom:1px solid var(--line);
  background:
    linear-gradient(#0d1822 1px,transparent 1px),
    linear-gradient(90deg,#0d1822 1px,transparent 1px),
    #050a0f;
  background-size:100% 54px,72px 100%,auto
}
#chart{width:100%;height:100%}
.chart-watermark{opacity:.12;font-size:32px;left:16px;top:16px}
.ohlc-hud{top:8px;left:14px;background:#071019d9;border:0;font-size:7px}
.signal-summary-strip{display:none}
.realtime-quote-strip{display:none !important}
.chart-help{right:12px;bottom:9px;font-size:6px;color:#506274}
.live-tape-badge{right:96px;top:10px}
.chart-signal-badge{right:12px;top:10px}
.chart-state{font-size:8px;background:#08111bd9;border:1px solid #1b2b3a;padding:8px 12px}

/* Diagnostics belong in the right column, not over the chart. */
.chart-diagnostics{
  position:static !important;width:auto !important;max-width:none !important;max-height:none !important;
  border:0;border-top:1px solid var(--line);background:transparent;padding:12px 14px;margin:0
}
.chart-diagnostics-grid{grid-template-columns:repeat(2,1fr)}
.chart-route-list{max-height:110px}

.under-chart{
  grid-row:4 !important;display:flex;align-items:end;height:34px;padding-left:8px;border-bottom:1px solid var(--line);background:#071019
}
.metric-tab{height:34px;padding:0 13px;border:0;border-bottom:2px solid transparent;background:transparent;color:#8494a4;font-size:8px}
.metric-tab.active{border-bottom-color:var(--blue);color:#8fc4ff;background:#081522}

.reference-insight-grid{
  grid-row:5 !important;display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:6px;padding:7px;background:#050a0f;overflow:hidden
}
.reference-card{min-width:0;border:1px solid var(--line);background:#071019;padding:10px;overflow:hidden}
.reference-card-title{font-size:8px;color:#d5dfe8;margin-bottom:10px}
.reference-card p{font-size:7px;line-height:1.5;color:#8494a4;margin:0 0 9px}
.reference-kv{display:flex;justify-content:space-between;gap:8px;padding:4px 0;font-size:7px}
.reference-kv span{color:#718293}.reference-kv b{color:#d4e0ea;font-weight:500}
.reference-score{display:flex;align-items:flex-end;color:var(--green);gap:3px}.reference-score strong{font-size:27px;line-height:1}.reference-score span{font-size:8px}
.reference-score-bar{height:4px;background:#12202c;margin:9px 0}.reference-score-bar i{display:block;height:100%;width:0;background:var(--green)}
.reference-score-action{font-size:8px;color:var(--green);margin-bottom:6px}
.sentiment-card{text-align:left}.sentiment-gauge{position:relative;width:120px;height:64px;margin:4px auto 0;overflow:hidden}
.gauge-arc{position:absolute;left:10px;top:8px;width:100px;height:100px;border:9px solid #263544;border-bottom-color:transparent;border-left-color:#ca4949;border-top-color:#d69a3d;border-right-color:#2aa96a;border-radius:50%}
.gauge-needle{position:absolute;width:48px;height:2px;background:#39c77d;left:60px;top:54px;transform-origin:left center;transform:rotate(-45deg)}
.sentiment-label{display:block;text-align:center;color:var(--green);font-size:11px;margin-top:-2px}

.instrument-briefing{
  grid-row:5 !important;display:none !important
}
.market-context{grid-row:6 !important;display:none !important}

.right-panel{
  grid-area:right !important;display:block !important;min-height:0;overflow-y:auto;
  border-left:1px solid var(--line);background:#071019
}
.reference-quote-panel{border-bottom:1px solid var(--line);padding:12px 14px}
.reference-panel-title{font-size:9px;color:#d5dfe8;margin-bottom:9px}
.quote-panel-rows>div{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #101c28;font-size:8px}
.quote-panel-rows>div:last-child{border-bottom:0}.quote-panel-rows span{color:#7d8d9d}.quote-panel-rows b{font-weight:500}
.jarvis-head{padding:12px 14px;border-top:1px solid var(--line)}
.jarvis-head .eyebrow{font-size:8px}.jarvis-head h2{font-size:14px}
.decision-block{padding:10px 14px}.decision{height:36px;font-size:13px}
.decision-block p{font-size:7px;line-height:1.45}
.levels,.signal-quality-grid,.why,.what-changed,.chart-intel-panel,.deep-intel-strip,.mtf-panel,.market-universe,.options-workstation,.trade-plan-panel,.workspace-panel{display:none !important}
.fusion-panel{border-top:1px solid var(--line);padding:12px 14px;background:transparent}
.fusion-grid{grid-template-columns:repeat(2,1fr)}
.series2-health{display:none}
.confidence-ring{width:44px;height:44px}

.bottom-panel{
  grid-area:bottom !important;display:block !important;border-top:1px solid var(--line);background:#071019;min-height:0
}
.bottom-tabs{height:38px;padding:0 10px;border-bottom:1px solid var(--line)}
.bottom-tabs button{height:38px;font-size:8px}
.bottom-content{height:calc(100% - 38px);font-size:8px}

.pulsebar{
  grid-area:pulse !important;height:28px;padding:0 12px;border-top:1px solid var(--line);background:#05090e;font-size:7px
}

@media(max-width:1360px){
  :root{--left:220px;--right:220px}
  .reference-topnav button{padding:0 7px;font-size:8px}
  .reference-insight-grid{grid-template-columns:1fr 1fr 1fr}
  .sentiment-card{display:none}
}


/* ==========================================================
   T3-C — REAL DATA ACTIVATION
   ========================================================== */
.live-source-pill{
  display:flex;align-items:center;gap:6px;height:25px;padding:0 8px;margin-left:auto;
  border:1px solid #23384b;background:#071019;color:#8193a5;font-size:6px;white-space:nowrap
}
.live-source-pill span{width:6px;height:6px;border-radius:50%;background:#68798b}
.live-source-pill.live{border-color:#1e573f;color:#7ce7b2}
.live-source-pill.live span{background:var(--green);box-shadow:0 0 8px #13d48377}
.live-source-pill.degraded{border-color:#67552b;color:#e1bd64}
.live-source-pill.degraded span{background:var(--amber)}
.live-source-pill.offline{border-color:#66313a;color:#ef8390}
.live-source-pill.offline span{background:var(--red)}

#chartState.live-wait{
  border-color:#2d4b65;color:#9db7cd;background:#07111bd9
}
.browser-loading.error{color:#e88b95}
.reference-quote-panel .positive{color:var(--green)}
.reference-quote-panel .negative{color:var(--red)}

/* ==========================================================
   T3-D — REALTIME STREAMING + MULTI-MARKET ACTIVATION
   ========================================================== */
.stream-health{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;
  padding:7px 0 9px;border-bottom:1px solid #111f2b;margin-bottom:4px;font-size:7px
}
.stream-dot{width:7px;height:7px;border-radius:50%;background:#687889}
.stream-health.live .stream-dot{background:var(--green);box-shadow:0 0 9px #13d48399}
.stream-health.live b{color:var(--green)}
.stream-health.polling .stream-dot{background:var(--amber)}
.stream-health.polling b{color:var(--amber)}
.stream-health.offline .stream-dot{background:var(--red)}
.stream-health.offline b{color:var(--red)}
#streamAge{color:#718191}
.chart-live-flash{animation:chartLiveFlash .28s ease-out}
@keyframes chartLiveFlash{from{filter:brightness(1.14)}to{filter:none}}


/* =====================================================================
   T3-E — USER REFERENCE PIXEL UI
   The supplied screenshot is the visual contract.
   ===================================================================== */
:root{--rail:68px!important;--left:246px!important;--right:248px!important;--bottom:118px!important}

.terminal{
  grid-template-columns:68px 246px minmax(720px,1fr) 248px!important;
  grid-template-rows:60px minmax(0,1fr) 118px 28px!important;
  min-width:1280px!important;
}
.topbar{height:60px!important;padding:0 18px!important;gap:10px!important}
.brand{min-width:120px!important}
.reference-topnav button{padding:0 10px!important;font-size:9px!important}
.symbol-search{max-width:320px!important;height:34px!important}

.left-panel{min-height:0!important}
.panel-head{height:57px!important;padding:11px 14px!important}
.browser-filter{padding:8px 10px 5px!important}
.browser-quick-filters{padding:5px 10px!important}
.watch-group-controls{padding:5px 10px!important}
.browser-status-strip{padding:5px 10px!important}
.browser-columns{height:24px!important}
.browser-list{flex:1!important;min-height:150px!important;max-height:none!important}

.reference-browser-footer{flex:none;border-top:1px solid var(--line);background:#071019;padding:10px}
.reference-mini-title{font-size:7px;letter-spacing:.08em;color:#b6c3cf;margin-bottom:7px}
.reference-filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.reference-filter-grid button{height:24px;border:1px solid #203143;background:#09131d;color:#a5b3bf;font-size:6px}
.reference-filter-grid button.active{border-color:#23609a;color:#8fc7ff;background:#0a1b2c}
.reference-market-status{margin-top:10px;padding:9px;border:1px solid #172838;background:#08111a}
.reference-market-status>div:nth-child(2){display:flex;justify-content:space-between;align-items:center}
.reference-market-status b{font-size:8px;color:var(--green)}
.reference-market-status span,.reference-market-status small{font-size:6px;color:#7a8997}
.reference-market-status small{display:block;text-align:right;margin-top:5px}
.reference-index-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:8px;border:1px solid #172838}
.reference-index-strip>div{padding:6px;border-right:1px solid #172838;text-align:center}
.reference-index-strip>div:last-child{border-right:0}
.reference-index-strip span{display:block;font-size:6px;color:#708090}
.reference-index-strip b{display:block;margin-top:3px;font-size:7px;color:var(--green)}

.center{
  grid-template-rows:104px 42px minmax(330px,44vh) 34px 37px 252px!important;
  overflow:hidden!important;
}
.instrument-briefing,.market-context{display:none!important}

.symbol-header{grid-row:1!important;position:relative;display:grid!important;grid-template-columns:1fr auto;align-items:start;padding:12px 14px 10px!important}
.reference-header-actions{position:absolute;right:12px;top:11px;display:flex;gap:6px}
.reference-header-actions button{height:28px;border:1px solid #25384a;background:#09131d;color:#a5b4c2;padding:0 9px;font-size:7px}
.reference-header-actions .primary{background:#0e8a57;border-color:#16714d;color:#e7fff4}
.symbol-line{padding-right:250px}
.symbol-line h1{font-size:15px!important}
.price-line #lastPrice{font-size:22px!important}
.quote-grid{margin-top:35px!important;grid-template-columns:repeat(4,72px)!important}
.quote-grid>div{padding:6px 8px!important}.quote-grid span{font-size:5px!important}.quote-grid b{font-size:8px!important}

.chart-toolbar{grid-row:2!important;padding-left:8px!important}
.chart-toolbar .toolbar-actions{margin-left:0!important}.live-source-pill{margin-left:auto!important}
.chart-wrap{grid-row:3!important;background-size:100% 45px,72px 100%,auto!important}
.reference-chart-meta{position:absolute;left:48px;top:10px;z-index:11;display:flex;gap:12px;font-size:7px;color:#9aabba;pointer-events:none}
.reference-chart-meta .ref-chart-symbol{color:#d5e0e9}
.reference-drawing-tools{position:absolute;z-index:12;left:0;top:0;bottom:0;width:38px;border-right:1px solid #132230;background:#061019c7;padding-top:32px;display:flex;flex-direction:column;align-items:center;gap:4px}
.reference-drawing-tools button{width:29px;height:29px;border:0;background:transparent;color:#7f91a2;font-size:13px}
.reference-drawing-tools button:hover,.reference-drawing-tools button.active{background:#0b1b29;color:#e3edf5}
#chart{padding-left:38px}.ohlc-hud{display:none!important}.chart-watermark{left:50px!important}.chart-help{bottom:8px!important}

.reference-rangebar{grid-row:4!important;display:flex;justify-content:space-between;align-items:center;height:34px;padding:0 10px 0 45px;border-bottom:1px solid var(--line);background:#071019}
.reference-rangebar button{height:28px;border:0;background:transparent;color:#8495a5;font-size:7px;padding:0 8px}
.reference-rangebar button.active{color:#70b4ff;border-bottom:2px solid var(--blue)}
.reference-rangebar .range-right{display:flex;align-items:center;gap:3px;color:#8a9aa9;font-size:7px}
.under-chart{grid-row:5!important;height:37px!important}
.metric-tab{height:37px!important;font-size:7px!important}

.reference-insight-grid{grid-row:6!important;grid-template-columns:1.05fr .95fr 1fr 1fr!important;gap:7px!important;padding:7px!important}
.reference-card{padding:11px!important}.reference-card-title{font-size:8px!important;margin-bottom:10px!important}
.reference-card p{font-size:7px!important;line-height:1.45!important}.reference-kv{font-size:7px!important;padding:4px 0!important}
.reference-score strong{font-size:29px!important}.sentiment-card{display:block!important}

.right-panel{display:flex!important;flex-direction:column!important;overflow:hidden!important}
.reference-quote-panel{flex:none;padding:12px 14px!important}.quote-panel-rows>div{padding:5px 0!important;font-size:7px!important}
.stream-health{padding:5px 0 7px!important}
.chart-diagnostics{flex:1!important;min-height:190px!important;overflow:auto!important;border-top:1px solid var(--line)!important;padding:12px 14px!important;background:#071019!important}
.chart-diagnostics-head{font-size:7px!important}.chart-diagnostics-grid{grid-template-columns:1fr 1fr!important}.chart-route-list{max-height:170px!important}
.reference-account-summary{flex:none;border-top:1px solid var(--line);padding:12px 14px;background:#071019}
.account-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.account-summary-grid span{display:block;font-size:6px;color:#718090}.account-summary-grid b{display:block;margin-top:3px;font-size:8px;color:#d6e1e9}

.right-panel>.jarvis-head,.right-panel>.decision-block,.right-panel>.levels,.right-panel>.signal-quality-grid,
.right-panel>.why,.right-panel>.why-not,.right-panel>.market-context-intel,.right-panel>.what-changed,
.right-panel>.fusion-panel,.right-panel>.chart-intel-panel,.right-panel>.realtime-fabric-panel,
.right-panel>.deep-intel-strip,.right-panel>.mtf-panel,.right-panel>.market-universe,
.right-panel>.options-workstation,.right-panel>.trade-plan-panel,.right-panel>.workspace-panel{display:none!important}

.bottom-panel{height:118px!important}.bottom-tabs{height:34px!important}.bottom-tabs button{height:34px!important;font-size:7px!important}.bottom-content{height:84px!important}

@media(min-width:1700px){
  :root{--left:255px!important;--right:258px!important}
  .center{grid-template-rows:104px 42px minmax(350px,45vh) 34px 37px 252px!important}
}
@media(max-height:900px){
  .center{grid-template-rows:88px 38px minmax(300px,42vh) 31px 34px 205px!important}
  .reference-insight-grid{grid-template-columns:1fr 1fr 1fr!important}
  .sentiment-card{display:none!important}
  .reference-browser-footer{padding:7px}
}


/* =====================================================================
   T3-F — REFERENCE DATA POPULATION + RUNTIME STABILIZATION
   ===================================================================== */
.reference-card .unavailable,
.quote-panel-rows .unavailable{color:#617181!important;font-weight:400!important}
.reference-card .live-value,.quote-panel-rows .live-value{color:#e3edf5}
.reference-card .positive,.quote-panel-rows .positive{color:var(--green)!important}
.reference-card .negative,.quote-panel-rows .negative{color:var(--red)!important}

.data-population-banner{
  position:absolute;z-index:14;left:50%;top:46px;transform:translateX(-50%);
  padding:5px 9px;border:1px solid #1d3d58;background:#07111bd9;
  color:#8ab9df;font-size:6px;pointer-events:none
}
.data-population-banner.hidden{display:none}

/* Match the supplied 1536x1024 workstation more literally on normal desktop sizes. */
@media(min-width:1200px) and (max-width:1699px){
  .terminal{
    grid-template-columns:68px 248px minmax(650px,1fr) 252px!important;
    grid-template-rows:60px minmax(0,1fr) 118px 28px!important;
  }
  .center{
    grid-template-rows:104px 42px minmax(355px,46vh) 34px 37px 245px!important;
  }
}


/* =====================================================================
   T3-G — READABILITY + SCALE CORRECTION
   The approved reference layout is frozen. This build fixes the
   "zoomed-out" appearance by raising the visual scale and type hierarchy.
   ===================================================================== */

:root{
  --rail:72px !important;
  --left:292px !important;
  --right:292px !important;
  --bottom:152px !important;
}

/* Do not let an ultrawide monitor make the terminal look microscopically small. */
body{
  font-size:12px !important;
}
.terminal{
  grid-template-columns:72px 292px minmax(760px,1fr) 292px !important;
  grid-template-rows:68px minmax(0,1fr) 152px 32px !important;
  min-width:1360px !important;
}

/* Header / navigation */
.topbar{
  height:68px !important;
  padding:0 20px !important;
  gap:14px !important;
}
.brand{min-width:138px !important}
.brand .mark{
  width:34px !important;
  height:34px !important;
  font-size:22px !important;
}
.brand b{font-size:15px !important}
.reference-topnav button{
  padding:0 12px !important;
  font-size:11px !important;
  letter-spacing:.02em !important;
}
.symbol-search{
  height:40px !important;
  max-width:420px !important;
  font-size:12px !important;
}
.symbol-search kbd{font-size:9px !important}
.workspace-status{font-size:10px !important}
.session-cluster .status{height:34px !important;font-size:10px !important}
.profile{width:34px !important;height:34px !important;font-size:10px !important}

/* Left rail */
.rail-btn{height:64px !important}
.rail-btn span{font-size:18px !important}
.rail-btn small{font-size:9px !important;margin-top:4px !important}

/* Market browser */
.panel-head{
  height:68px !important;
  padding:14px 16px !important;
}
.panel-head .eyebrow{
  font-size:10px !important;
  letter-spacing:.08em !important;
}
.panel-head h2{
  margin-top:6px !important;
  font-size:14px !important;
}
.browser-filter{padding:10px 12px 7px !important;grid-template-columns:1fr 118px !important}
.browser-filter input,.browser-filter select{
  height:36px !important;
  font-size:11px !important;
}
.browser-quick-filters{padding:7px 12px !important}
.browser-quick-filters button{
  height:32px !important;
  font-size:9px !important;
}
.watch-group-controls{padding:7px 12px !important}
.watch-group-controls select,.watch-group-controls button{
  height:32px !important;
  font-size:9px !important;
}
.browser-status-strip{
  padding:7px 12px !important;
  font-size:9px !important;
}
.browser-columns{
  grid-template-columns:minmax(112px,1.45fr) 68px 64px 54px !important;
  padding:8px 12px !important;
  height:30px !important;
  font-size:8px !important;
}
.browser-row{
  grid-template-columns:minmax(112px,1.45fr) 68px 64px 54px !important;
  min-height:58px !important;
  padding:9px 12px !important;
}
.browser-row .browser-symbol strong{font-size:14px !important}
.browser-row .browser-symbol small{font-size:9px !important;margin-top:3px !important}
.browser-row .browser-metric{font-size:10px !important}
.browser-score{font-size:9px !important}
.browser-loading{font-size:11px !important;padding:18px !important}

.reference-browser-footer{padding:12px !important}
.reference-mini-title{
  font-size:9px !important;
  letter-spacing:.07em !important;
  margin-bottom:9px !important;
}
.reference-filter-grid{gap:6px !important}
.reference-filter-grid button{
  height:31px !important;
  font-size:9px !important;
}
.reference-market-status{padding:11px !important;margin-top:12px !important}
.reference-market-status b{font-size:11px !important}
.reference-market-status span,.reference-market-status small{font-size:9px !important}
.reference-index-strip{margin-top:10px !important}
.reference-index-strip>div{padding:8px !important}
.reference-index-strip span{font-size:8px !important}
.reference-index-strip b{font-size:10px !important}

/* Center workstation proportions */
.center{
  grid-template-rows:122px 50px minmax(390px,48vh) 40px 44px 292px !important;
}
.symbol-header{
  padding:15px 18px 12px !important;
}
.symbol-line{padding-right:310px !important}
.symbol-line h1{font-size:20px !important}
.symbol-line #companyName{font-size:11px !important}
.price-line{margin-top:10px !important}
.price-line #lastPrice{font-size:31px !important}
.price-line #dayChange{font-size:14px !important}
.quote-grid{
  margin-top:38px !important;
  grid-template-columns:repeat(4,88px) !important;
}
.quote-grid>div{padding:8px 10px !important}
.quote-grid span{font-size:8px !important}
.quote-grid b{font-size:12px !important}

.reference-header-actions{right:16px !important;top:15px !important;gap:8px !important}
.reference-header-actions button{
  height:34px !important;
  padding:0 12px !important;
  font-size:10px !important;
}

/* Chart controls */
.chart-toolbar{
  height:50px !important;
  padding:0 12px !important;
  gap:12px !important;
}
.segmented button,.toolbar-actions button{
  height:36px !important;
  padding:0 11px !important;
  font-size:10px !important;
}
.live-source-pill{
  height:30px !important;
  padding:0 10px !important;
  font-size:9px !important;
}
.reference-chart-meta{
  left:54px !important;
  top:12px !important;
  gap:14px !important;
  font-size:10px !important;
}
.reference-drawing-tools{
  width:46px !important;
  padding-top:39px !important;
}
.reference-drawing-tools button{
  width:36px !important;
  height:36px !important;
  font-size:16px !important;
}
#chart{padding-left:46px !important}
.chart-watermark{
  left:60px !important;
  font-size:38px !important;
}
.chart-help{font-size:9px !important}
.chart-state{
  font-size:11px !important;
  padding:10px 14px !important;
}
.data-population-banner{
  top:54px !important;
  padding:7px 11px !important;
  font-size:9px !important;
}

/* Chart range selector */
.reference-rangebar{
  height:40px !important;
  padding:0 12px 0 54px !important;
}
.reference-rangebar button{
  height:34px !important;
  padding:0 10px !important;
  font-size:10px !important;
}
.reference-rangebar .range-right{font-size:10px !important}

/* Under chart tabs */
.under-chart{height:44px !important}
.metric-tab{
  height:44px !important;
  padding:0 16px !important;
  font-size:10px !important;
}

/* Intelligence cards */
.reference-insight-grid{
  gap:9px !important;
  padding:9px !important;
}
.reference-card{padding:14px !important}
.reference-card-title{
  font-size:11px !important;
  margin-bottom:12px !important;
  letter-spacing:.04em !important;
}
.reference-card p{
  font-size:10px !important;
  line-height:1.55 !important;
  margin-bottom:11px !important;
}
.reference-kv{
  padding:6px 0 !important;
  font-size:10px !important;
}
.reference-score strong{font-size:38px !important}
.reference-score span{font-size:11px !important}
.reference-score-action{font-size:11px !important}
.sentiment-label{font-size:14px !important}
.sentiment-gauge{
  width:142px !important;
  height:76px !important;
}
.gauge-arc{
  left:11px !important;
  top:8px !important;
  width:120px !important;
  height:120px !important;
  border-width:11px !important;
}
.gauge-needle{
  left:71px !important;
  top:65px !important;
  width:57px !important;
}
.sentiment-card p{font-size:10px !important}

/* Quote / diagnostics / account panel */
.reference-quote-panel{padding:15px 16px !important}
.reference-panel-title{
  font-size:11px !important;
  letter-spacing:.04em !important;
  margin-bottom:11px !important;
}
.stream-health{
  padding:8px 0 10px !important;
  font-size:10px !important;
}
.stream-dot{width:8px !important;height:8px !important}
.quote-panel-rows>div{
  padding:7px 0 !important;
  font-size:10px !important;
}
.chart-diagnostics{
  min-height:220px !important;
  padding:14px 16px !important;
}
.chart-diagnostics-head{font-size:10px !important}
.chart-diagnostics-grid{font-size:9px !important;gap:8px !important}
.chart-route-list{font-size:9px !important;max-height:185px !important}
.reference-account-summary{padding:14px 16px !important}
.account-summary-grid{gap:10px !important}
.account-summary-grid span{font-size:9px !important}
.account-summary-grid b{font-size:11px !important}

/* Bottom workspace */
.bottom-panel{height:152px !important}
.bottom-tabs{
  height:42px !important;
  padding:0 12px !important;
}
.bottom-tabs button{
  height:42px !important;
  padding:0 14px !important;
  font-size:10px !important;
}
.bottom-content{
  height:110px !important;
  font-size:10px !important;
}

/* Footer */
.pulsebar{
  height:32px !important;
  padding:0 14px !important;
  font-size:9px !important;
}

/* Ultrawide correction:
   preserve useful space but don't visually shrink the terminal.
   This is the main T3-G fix for the user's 2560-wide view. */
@media(min-width:1800px){
  :root{
    --rail:76px !important;
    --left:320px !important;
    --right:320px !important;
  }
  .terminal{
    grid-template-columns:76px 320px minmax(900px,1fr) 320px !important;
    grid-template-rows:72px minmax(0,1fr) 160px 34px !important;
  }
  .topbar{height:72px !important}
  .reference-topnav button{font-size:12px !important;padding:0 14px !important}
  .center{
    grid-template-rows:128px 52px minmax(440px,50vh) 42px 46px 308px !important;
  }
  .browser-row .browser-symbol strong{font-size:15px !important}
  .browser-row .browser-metric{font-size:11px !important}
  .reference-card-title{font-size:12px !important}
  .reference-card p,.reference-kv,.quote-panel-rows>div{font-size:11px !important}
}

/* Shorter displays keep the larger type but reduce vertical card footprint,
   rather than shrinking the whole terminal. */
@media(max-height:900px){
  .center{
    grid-template-rows:108px 46px minmax(330px,43vh) 36px 40px 225px !important;
  }
  .reference-card{padding:11px !important}
  .reference-card p{max-height:50px !important;overflow:hidden !important}
  .bottom-panel{height:130px !important}
}


/* =====================================================================
   T3-H — EXACT REFERENCE LAYOUT + FULL-WIDTH CANDLE CHART
   USER-SUPPLIED REFERENCE IMAGE IS THE VISUAL CONTRACT.
   No new layout interpretation in this build.
   ===================================================================== */

:root{
  --rail:72px !important;
  --left:246px !important;
  --right:286px !important;
  --bottom:118px !important;
}

/* Fixed terminal geometry modeled on the supplied reference:
   narrow nav rail + watchlist + dominant chart + quote/diagnostics column. */
.terminal{
  grid-template-columns:72px 246px minmax(820px,1fr) 286px !important;
  grid-template-rows:58px minmax(0,1fr) 118px 28px !important;
  min-width:1360px !important;
  overflow:hidden !important;
}
.topbar{
  height:58px !important;
  min-height:58px !important;
  padding:0 18px !important;
  gap:11px !important;
}
.brand{min-width:126px !important}
.brand .mark{width:30px !important;height:30px !important;font-size:20px !important}
.brand b{font-size:14px !important}
.reference-topnav button{
  padding:0 10px !important;
  font-size:10px !important;
}
.symbol-search{
  height:34px !important;
  max-width:380px !important;
  font-size:11px !important;
}

/* Left side mirrors reference proportions and does not dominate the chart. */
.left-panel{overflow:hidden !important}
.panel-head{height:58px !important;padding:11px 13px !important}
.panel-head .eyebrow{font-size:9px !important}
.panel-head h2{font-size:13px !important}
.browser-filter{padding:7px 9px 5px !important;grid-template-columns:1fr 104px !important}
.browser-filter input,.browser-filter select{height:31px !important;font-size:9px !important}
.browser-quick-filters{padding:4px 9px !important}
.browser-quick-filters button{height:27px !important;font-size:8px !important}
.watch-group-controls{padding:5px 9px !important}
.watch-group-controls select,.watch-group-controls button{height:29px !important;font-size:8px !important}
.browser-status-strip{padding:5px 9px !important;font-size:8px !important}
.browser-columns{
  grid-template-columns:minmax(96px,1.4fr) 54px 50px 43px !important;
  height:25px !important;padding:6px 9px !important;font-size:7px !important
}
.browser-row{
  grid-template-columns:minmax(96px,1.4fr) 54px 50px 43px !important;
  min-height:46px !important;padding:6px 9px !important
}
.browser-row .browser-symbol strong{font-size:12px !important}
.browser-row .browser-symbol small{font-size:8px !important}
.browser-row .browser-metric{font-size:9px !important}
.browser-score{font-size:8px !important}

.reference-browser-footer{padding:8px !important}
.reference-mini-title{font-size:8px !important;margin-bottom:6px !important}
.reference-filter-grid{gap:4px !important}
.reference-filter-grid button{height:25px !important;font-size:7px !important}
.reference-market-status{margin-top:8px !important;padding:8px !important}
.reference-market-status b{font-size:9px !important}
.reference-market-status span,.reference-market-status small{font-size:7px !important}
.reference-index-strip{margin-top:6px !important}
.reference-index-strip>div{padding:6px !important}
.reference-index-strip span{font-size:7px !important}
.reference-index-strip b{font-size:8px !important}

/* Center must look like the reference screenshot:
   header -> chart controls -> dominant candle chart -> ranges -> tabs -> 4 cards. */
.center{
  grid-template-rows:92px 40px minmax(360px,1fr) 32px 37px 192px !important;
  min-width:0 !important;
  overflow:hidden !important;
}
.symbol-header{
  padding:11px 14px 8px !important;
  min-width:0 !important;
  overflow:hidden !important;
}
.symbol-line{padding-right:390px !important}
.symbol-line h1{font-size:18px !important}
.symbol-line #companyName{font-size:10px !important}
.price-line{margin-top:6px !important}
.price-line #lastPrice{font-size:27px !important}
.price-line #dayChange{font-size:12px !important}
.quote-grid{
  position:absolute !important;
  top:17px !important;
  right:185px !important;
  margin:0 !important;
  grid-template-columns:repeat(4,70px) !important;
}
.quote-grid>div{padding:5px 7px !important}
.quote-grid span{font-size:7px !important}
.quote-grid b{font-size:10px !important}

.reference-header-actions{
  right:13px !important;
  top:12px !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:5px !important;
  width:166px !important;
}
.reference-header-actions button{
  height:28px !important;
  padding:0 7px !important;
  font-size:8px !important;
  white-space:nowrap !important;
}
.reference-header-actions .primary{
  grid-column:1 / -1 !important;
  width:100% !important;
}

/* Tool row exactly occupies one line. Nothing may wrap or overlap. */
.chart-toolbar{
  height:40px !important;
  min-height:40px !important;
  overflow:hidden !important;
  flex-wrap:nowrap !important;
  padding:0 8px !important;
  gap:5px !important;
}
.segmented{display:flex !important;flex:none !important}
.segmented button,.toolbar-actions button{
  height:31px !important;
  padding:0 8px !important;
  font-size:8px !important;
  flex:none !important;
}
.toolbar-actions{
  flex:1 1 auto !important;
  min-width:0 !important;
  overflow:hidden !important;
}
.live-source-pill{
  flex:none !important;
  height:27px !important;
  font-size:7px !important;
  margin-left:auto !important;
}

/* Full chart. Canvas owns the entire usable chart region.
   Remove padding that previously caused the rendered chart to occupy only
   the upper-left part of the giant chart surface. */
.chart-wrap{
  grid-row:3 !important;
  position:relative !important;
  min-width:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
  background:
    linear-gradient(#111d28 1px,transparent 1px),
    linear-gradient(90deg,#111d28 1px,transparent 1px),
    #060c12 !important;
  background-size:100% 48px,78px 100%,auto !important;
}
#chart{
  position:absolute !important;
  left:42px !important;
  top:0 !important;
  padding:0 !important;
  margin:0 !important;
  max-width:none !important;
  max-height:none !important;
  display:block !important;
}
.reference-drawing-tools{
  left:0 !important;top:0 !important;bottom:0 !important;
  width:42px !important;padding-top:32px !important
}
.reference-drawing-tools button{
  width:33px !important;height:33px !important;font-size:14px !important
}
.reference-chart-meta{
  left:50px !important;top:9px !important;font-size:9px !important;z-index:14 !important
}
.chart-watermark{left:54px !important;top:18px !important;font-size:32px !important}
.chart-help{right:10px !important;bottom:8px !important;font-size:8px !important}
.chart-state{font-size:10px !important}
.data-population-banner{top:43px !important;font-size:8px !important}

/* Candles should be visually dominant like the reference. */
.chart-wrap.candles-ready #chart{opacity:1 !important}
.chart-wrap.candles-ready .chart-watermark{opacity:.05 !important}

/* Range + tab bands */
.reference-rangebar{
  height:32px !important;
  padding:0 8px 0 50px !important;
}
.reference-rangebar button{height:27px !important;padding:0 8px !important;font-size:8px !important}
.reference-rangebar .range-right{font-size:8px !important}
.under-chart{height:37px !important}
.metric-tab{height:37px !important;padding:0 12px !important;font-size:8px !important}

/* Four equal intelligence cards as in reference. */
.reference-insight-grid{
  grid-template-columns:1.05fr .95fr 1fr 1fr !important;
  gap:6px !important;padding:7px !important;overflow:hidden !important
}
.reference-card{padding:10px !important;min-width:0 !important}
.reference-card-title{font-size:9px !important;margin-bottom:9px !important}
.reference-card p{font-size:8px !important;line-height:1.45 !important;margin-bottom:8px !important}
.reference-kv{padding:4px 0 !important;font-size:8px !important}
.reference-score strong{font-size:30px !important}
.reference-score span{font-size:9px !important}
.reference-score-action{font-size:9px !important}
.sentiment-label{font-size:11px !important}
.sentiment-gauge{width:120px !important;height:62px !important}
.gauge-arc{width:98px !important;height:98px !important;left:11px !important;border-width:9px !important}
.gauge-needle{left:60px !important;top:54px !important;width:47px !important}

/* Right panel is EXACTLY the supplied reference hierarchy.
   Hide every legacy operational card that caused the panel to overflow offscreen. */
.right-panel{
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
}
.reference-quote-panel{
  flex:0 0 auto !important;
  padding:11px 12px !important;
  max-height:324px !important;
  overflow:hidden !important;
}
.reference-panel-title{font-size:9px !important;margin-bottom:8px !important}
.stream-health{font-size:8px !important;padding:5px 0 7px !important}
.quote-panel-rows>div{font-size:8px !important;padding:4px 0 !important}

.chart-diagnostics{
  flex:1 1 auto !important;
  min-height:150px !important;
  max-height:none !important;
  padding:10px 12px !important;
  overflow:auto !important;
}
.chart-diagnostics-head{font-size:8px !important}
.chart-diagnostics-grid,.chart-route-list{font-size:7px !important}
.reference-account-summary{
  flex:0 0 auto !important;
  padding:10px 12px !important;
}
.account-summary-grid span{font-size:7px !important}
.account-summary-grid b{font-size:9px !important}

/* These elements must never be visible in the T3-H reference layout.
   Their logic is preserved in the DOM/runtime; only presentation is removed. */
.right-panel .jarvis-head,
.right-panel .decision-block,
.right-panel .levels,
.right-panel .signal-quality-grid,
.right-panel .why,
.right-panel .why-not,
.right-panel .market-context-intel,
.right-panel .what-changed,
.right-panel .fusion-panel,
.right-panel .chart-intel-panel,
.right-panel .realtime-fabric-panel,
.right-panel .deep-intel-strip,
.right-panel .mtf-panel,
.right-panel .market-universe,
.right-panel .market-universe-panel,
.right-panel .options-workstation,
.right-panel .trade-plan-panel,
.right-panel .workspace-panel,
.right-panel .decision-alerts,
.right-panel .order-risk-panel,
.right-panel .order-risk,
.right-panel [class*="workspace-"],
.right-panel [class*="trade-plan"],
.right-panel [class*="decision-alert"],
.right-panel [class*="order-risk"]{
  display:none !important;
}

/* Bottom bar in reference is shallow and readable. */
.bottom-panel{height:118px !important;overflow:hidden !important}
.bottom-tabs{height:36px !important;padding:0 8px !important}
.bottom-tabs button{height:36px !important;padding:0 10px !important;font-size:8px !important}
.bottom-content{height:82px !important;font-size:8px !important}
.pulsebar{height:28px !important;font-size:7px !important}

/* Critical responsive containment: no horizontal overlap and no content offscreen. */
@media(min-width:1700px){
  :root{--left:258px !important;--right:300px !important}
  .terminal{
    grid-template-columns:72px 258px minmax(900px,1fr) 300px !important;
  }
  .center{
    grid-template-rows:94px 40px minmax(410px,1fr) 32px 37px 200px !important;
  }
  .symbol-line h1{font-size:20px !important}
  .price-line #lastPrice{font-size:30px !important}
  .browser-row .browser-symbol strong{font-size:13px !important}
  .reference-card p,.reference-kv,.quote-panel-rows>div{font-size:9px !important}
}
@media(max-width:1500px){
  :root{--left:220px !important;--right:250px !important}
  .terminal{grid-template-columns:64px 220px minmax(650px,1fr) 250px !important}
  .reference-topnav button{padding:0 6px !important;font-size:8px !important}
  .quote-grid{display:none !important}
  .symbol-line{padding-right:176px !important}
}
@media(max-height:900px){
  .center{grid-template-rows:82px 36px minmax(300px,1fr) 29px 33px 170px !important}
  .reference-insight-grid{grid-template-columns:1fr 1fr 1fr !important}
  .sentiment-card{display:none !important}
  .reference-browser-footer{padding:5px !important}
  .reference-filter-grid{display:none !important}
}


/* =====================================================================
   T3-I — RUNTIME CHART + PANEL FIX
   Fixes two real T3-H issues seen in the live screenshot:
   1) chart redraw stabilizer was outside runtime scope, so the canvas stayed
      at its early small dimensions;
   2) Decision Alerts / Order Risk / Workspace classes were not all covered
      by the visual-hiding selectors.
   ===================================================================== */

/* Right panel must contain ONLY reference surfaces. */
.right-panel > .signal-controls,
.right-panel > .order-panel,
.right-panel > .workspace-controls,
.right-panel > .market-universe-panel,
.right-panel > .market-universe,
.right-panel > .trade-plan-panel,
.right-panel > .options-workstation,
.right-panel > .jarvis-head,
.right-panel > .decision-block,
.right-panel > .levels,
.right-panel > .signal-quality-grid,
.right-panel > .why,
.right-panel > .why-not,
.right-panel > .market-context-intel,
.right-panel > .what-changed,
.right-panel > .fusion-panel,
.right-panel > .chart-intel-panel,
.right-panel > .realtime-fabric-panel,
.right-panel > .mtf-panel{
  display:none !important;
}

/* Explicit visible reference hierarchy. */
.right-panel > .reference-quote-panel,
.right-panel > .chart-diagnostics,
.right-panel > .reference-account-summary{
  display:block !important;
}

/* Do not let hidden legacy content reserve space. */
.right-panel{
  overflow:hidden !important;
}
.reference-quote-panel{
  flex:0 0 auto !important;
}
.chart-diagnostics{
  flex:1 1 auto !important;
}
.reference-account-summary{
  flex:0 0 auto !important;
}

/* Chart gets the whole center surface. */
.chart-wrap{
  width:100% !important;
  height:100% !important;
  contain:layout paint !important;
}
#chart{
  box-sizing:border-box !important;
  transform:none !important;
  min-width:0 !important;
  min-height:0 !important;
  width:auto !important;
  height:auto !important;
}

/* Candle prominence closer to supplied reference. */
.chart-wrap.candles-ready #chart{
  opacity:1 !important;
}
.chart-wrap.candles-ready .chart-watermark{
  opacity:.035 !important;
}
.reference-chart-meta{
  background:#071019b8 !important;
  padding:3px 6px !important;
  border-radius:2px !important;
}

/* Keep the header action cluster contained. */
.reference-header-actions{
  overflow:hidden !important;
}
.reference-header-actions button{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* On the user's wide desktop, preserve the reference density instead of
   shrinking or stretching the chart into an empty field. */
@media(min-width:1800px){
  .terminal{
    grid-template-columns:72px 270px minmax(980px,1fr) 300px !important;
  }
  .center{
    grid-template-rows:96px 42px minmax(470px,1fr) 34px 38px 208px !important;
  }
  .browser-row{min-height:48px !important}
}


/* =====================================================================
   T3-J — TYPOGRAPHY + DENSITY LOCK
   FINAL APPEARANCE-ONLY PASS.
   T3-I geometry is frozen. No column/row redesign here.
   ===================================================================== */

/* Global minimum readable scale. */
html,body,.terminal{
  font-size:12px !important;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
}

/* Top bar */
.brand b{font-size:15px !important;letter-spacing:.05em !important}
.reference-topnav button{font-size:11px !important;font-weight:600 !important}
.symbol-search{font-size:12px !important}
.symbol-search input{font-size:12px !important}
.symbol-search kbd{font-size:9px !important}
.workspace-status,.session-cluster,.profile{font-size:10px !important}

/* Main navigation rail */
.rail-btn small{font-size:9px !important;line-height:1.2 !important}
.rail-btn span{font-size:17px !important}

/* Market Browser */
.panel-head .eyebrow{font-size:9px !important;font-weight:700 !important}
.panel-head h2{font-size:14px !important;font-weight:700 !important}
.browser-filter input,.browser-filter select{font-size:10px !important}
.browser-quick-filters button,
.watch-group-controls select,
.watch-group-controls button{font-size:9px !important}
.browser-status-strip{font-size:9px !important}
.browser-columns{font-size:8px !important;font-weight:700 !important}
.browser-row .browser-symbol strong{font-size:13px !important;line-height:1.15 !important}
.browser-row .browser-symbol small{font-size:9px !important;line-height:1.15 !important}
.browser-row .browser-metric{font-size:10px !important;font-weight:600 !important}
.browser-score{font-size:9px !important}
.browser-loading{font-size:11px !important}

/* Browser footer */
.reference-mini-title{font-size:9px !important;font-weight:700 !important}
.reference-filter-grid button{font-size:8px !important}
.reference-market-status b{font-size:10px !important}
.reference-market-status span,.reference-market-status small{font-size:8px !important}
.reference-index-strip span{font-size:8px !important}
.reference-index-strip b{font-size:9px !important}

/* Symbol header */
.symbol-line h1{font-size:20px !important;font-weight:750 !important}
.symbol-line #companyName{font-size:11px !important}
.price-line #lastPrice{
  font-size:30px !important;
  line-height:1 !important;
  letter-spacing:.01em !important;
}
.price-line #dayChange{font-size:13px !important;font-weight:700 !important}
.quote-grid span{font-size:8px !important}
.quote-grid b{font-size:11px !important}
.reference-header-actions button{font-size:9px !important;font-weight:700 !important}

/* Chart controls / chart labels */
.segmented button,.toolbar-actions button{font-size:9px !important;font-weight:600 !important}
.live-source-pill{font-size:8px !important}
.reference-chart-meta{font-size:10px !important}
.reference-drawing-tools button{font-size:15px !important}
.chart-help{font-size:8px !important}
.chart-state{font-size:10px !important}
.data-population-banner{font-size:9px !important}
.reference-rangebar button{font-size:9px !important}
.reference-rangebar .range-right{font-size:9px !important}
.metric-tab{font-size:9px !important;font-weight:600 !important}

/* Reference information cards */
.reference-card-title{font-size:10px !important;font-weight:750 !important}
.reference-card p{
  font-size:9.5px !important;
  line-height:1.5 !important;
}
.reference-kv{
  font-size:9.5px !important;
  line-height:1.3 !important;
}
.reference-kv span{font-size:9px !important}
.reference-kv b{font-size:10px !important}
.reference-score strong{font-size:32px !important}
.reference-score span{font-size:10px !important}
.reference-score-action{font-size:10px !important;font-weight:700 !important}
.sentiment-label{font-size:12px !important;font-weight:700 !important}
.sentiment-card p{font-size:9.5px !important}

/* Right reference column */
.reference-panel-title{font-size:10px !important;font-weight:750 !important}
.stream-health{font-size:9px !important}
.quote-panel-rows>div{font-size:9.5px !important}
.quote-panel-rows span{font-size:9px !important}
.quote-panel-rows b{font-size:10px !important}
.chart-diagnostics-head{font-size:9px !important}
.chart-diagnostics-grid{font-size:8.5px !important}
.chart-route-list{font-size:8.5px !important}
.account-summary-grid span{font-size:8.5px !important}
.account-summary-grid b{font-size:10px !important}

/* Bottom workspace */
.bottom-tabs button{font-size:9px !important;font-weight:600 !important}
.bottom-content{font-size:9px !important}
.pulsebar{font-size:8px !important}

/* Explicit anti-microscopic guard:
   any legacy utility classes that were set to 5px–8px in prior builds get a
   practical minimum without changing layout dimensions. */
.eyebrow,
.mini-label,
.micro,
.tiny,
.helper,
.hint,
.status-copy,
.panel-note,
.reference-card small,
.right-panel small,
.left-panel small{
  font-size:8.5px !important;
  line-height:1.35 !important;
}

/* Do not make ultrawide screens shrink typography again. */
@media(min-width:1800px){
  html,body,.terminal{font-size:12px !important}
  .reference-topnav button{font-size:11px !important}
  .browser-row .browser-symbol strong{font-size:13px !important}
  .browser-row .browser-symbol small{font-size:9px !important}
  .browser-row .browser-metric{font-size:10px !important}
  .reference-card-title{font-size:10px !important}
  .reference-card p,.reference-kv,.quote-panel-rows>div{font-size:9.5px !important}
  .symbol-line h1{font-size:20px !important}
  .price-line #lastPrice{font-size:30px !important}
}

/* On shorter displays, preserve readable type and trim content instead. */
@media(max-height:900px){
  .reference-card p{
    max-height:44px !important;
    overflow:hidden !important;
  }
  .reference-card .reference-kv:nth-of-type(n+7){
    display:none !important;
  }
}


/* =====================================================================
   T3-K — TRUE CANDLESTICK CHART ENGINE
   Visual geometry + typography from T3-J remain frozen.
   ===================================================================== */

.chart-wrap{
  cursor:crosshair;
}
.chart-wrap.grabbing{cursor:grabbing!important}
.chart-wrap:not(.crosshair-enabled){cursor:default}

.t3k-chart-legend{
  position:absolute;
  z-index:15;
  left:52px;
  top:30px;
  display:flex;
  flex-wrap:wrap;
  gap:5px 12px;
  pointer-events:none;
  padding:4px 7px;
  background:#071019cc;
  border:1px solid #152b3d;
  border-radius:2px;
  font-size:9px;
  line-height:1.2;
}
.t3k-chart-legend span{white-space:nowrap}
.t3k-chart-legend b{font-weight:700}
.t3k-chart-legend .ema9{color:#d9b25b}
.t3k-chart-legend .ema21{color:#9b78ff}
.t3k-chart-legend .vwap{color:#60a7ff}
.t3k-chart-legend .vol{color:#8ca0b1}

/* Dedicated scale bands similar to professional charting terminals. */
.chart-wrap::after{
  content:"";
  position:absolute;
  pointer-events:none;
  right:0;
  top:0;
  bottom:0;
  width:62px;
  border-left:1px solid #15212d;
  background:linear-gradient(90deg,transparent,#07101988);
  z-index:2;
}
.reference-drawing-tools{z-index:20!important}
.reference-chart-meta,.t3k-chart-legend{z-index:18!important}

/* Keep controls comfortably usable now that chart is interactive. */
#timeframes button,
.toolbar-actions button{
  user-select:none;
}
#timeframes button.active,
.toolbar-actions button.active-tool{
  border-color:#245786!important;
  background:#0b2237!important;
  color:#9dcfff!important;
}

/* Price and time labels are intentionally larger than earlier canvas labels. */
.chart-wrap.candles-ready .chart-state{display:none!important}

/* Fullscreen chart mode is a true chart workspace, not browser fullscreen styling. */
body.t3k-chart-focus .left-panel,
body.t3k-chart-focus .right-panel,
body.t3k-chart-focus .bottom-panel,
body.t3k-chart-focus .pulsebar{
  display:none!important;
}
body.t3k-chart-focus .terminal{
  grid-template-columns:72px minmax(0,1fr)!important;
  grid-template-rows:58px minmax(0,1fr)!important;
}
body.t3k-chart-focus .center{
  grid-column:2!important;
  grid-row:2!important;
  grid-template-rows:92px 40px minmax(0,1fr) 32px!important;
}
body.t3k-chart-focus .under-chart,
body.t3k-chart-focus .reference-insight-grid{
  display:none!important;
}


/* =====================================================================
   T3-L — LIVE MARKET BROWSER ACTIVATION
   T3-J visual baseline + T3-K chart engine remain frozen.
   ===================================================================== */

.browser-list{
  scrollbar-width:thin;
  scrollbar-color:#29445d #071019;
}
.browser-list::-webkit-scrollbar{width:8px}
.browser-list::-webkit-scrollbar-track{background:#071019}
.browser-list::-webkit-scrollbar-thumb{background:#29445d;border-radius:6px}

.browser-row{
  cursor:pointer;
  transition:background .12s ease,border-color .12s ease;
}
.browser-row:hover{
  background:#0b1925!important;
}
.browser-row.active{
  background:#0b2032!important;
  box-shadow:inset 3px 0 0 #2589df;
}
.browser-row.chart-loaded{
  border-right:2px solid #2a82c9;
}
.browser-new{
  display:inline-block;
  margin-left:5px;
  padding:1px 4px;
  border:1px solid #17623f;
  color:#49d991;
  font-size:7px;
  line-height:1.2;
}
.browser-data-dot{
  display:inline-block;
  width:6px;height:6px;border-radius:50%;
  margin-right:5px;background:#65717c;
}
.browser-data-dot.live{background:#25d881;box-shadow:0 0 6px #25d88166}
.browser-data-dot.missing{background:#d19837}

.t3l-browser-status{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:5px 9px;
  border-bottom:1px solid #132331;
  background:#071019;
  font-size:8px;
}
.t3l-browser-status .good{color:#39d98a}
.t3l-browser-status .warn{color:#d6a74d}
.t3l-browser-status .muted{color:#758592}

/* Reference-style rows: Symbol | Last | Change | Volume | Jarvis */
.browser-columns,
.browser-row{
  grid-template-columns:minmax(98px,1.45fr) 58px 54px 58px 43px!important;
}
.browser-row .browser-metric.volume{
  color:#9aabb8;
}
.browser-row .browser-metric.no-data{
  color:#596875;
}

/* Asset tabs remain usable on a compact left browser. */
.browser-asset-tabs{
  grid-template-columns:repeat(2,1fr)!important;
}


/* =====================================================================
   T3-M — INSTRUMENT INTELLIGENCE
   Layout remains frozen. New intelligence populates existing reference cards.
   ===================================================================== */
.t3m-intelligence-status{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  height:24px;
  padding:0 9px;
  border-top:1px solid #122231;
  border-bottom:1px solid #122231;
  background:#071019;
  color:#7e8e9b;
  font-size:8px;
}
.t3m-intelligence-status span{display:flex;align-items:center;gap:6px}
.t3m-intelligence-status i{
  width:6px;height:6px;border-radius:50%;background:#667684
}
.t3m-intelligence-status.live i{background:#2bd98b;box-shadow:0 0 7px #2bd98b77}
.t3m-intelligence-status.warn i{background:#d3a447}
.t3m-intelligence-status.live b{color:#83dcb6}
.t3m-intelligence-status.warn b{color:#d7ae62}

.reference-kv b.bullish{color:#2bd98b!important}
.reference-kv b.bearish{color:#ef626d!important}
.reference-kv b.neutral{color:#aab8c3!important}
.reference-kv b.warn{color:#d8ad5a!important}

/* The extra intelligence rows fit by tightening vertical rhythm, not shrinking type. */
.reference-card .reference-kv{
  min-height:18px!important;
}


/* =====================================================================
   T3-N - LIVE COMPOSITE SCORE + BUY / SELL / WAIT DECISION ENGINE
   T3-M layout remains frozen. This build populates the existing Jarvis cards.
   ===================================================================== */

.jarvis-score-card.t3n-buy .reference-score strong,
.sentiment-card.t3n-buy .sentiment-label{color:#28d88b!important}
.jarvis-score-card.t3n-sell .reference-score strong,
.sentiment-card.t3n-sell .sentiment-label{color:#ef5b67!important}
.jarvis-score-card.t3n-wait .reference-score strong,
.sentiment-card.t3n-wait .sentiment-label{color:#d6a94e!important}

.jarvis-score-card.t3n-buy .reference-score-bar i{background:#22c97e!important}
.jarvis-score-card.t3n-sell .reference-score-bar i{background:#e94f5d!important}
.jarvis-score-card.t3n-wait .reference-score-bar i{background:#d2a247!important}

.t3n-evidence-strip{
  display:flex;
  align-items:center;
  gap:16px;
  min-height:25px;
  padding:0 10px;
  border-top:1px solid #132331;
  border-bottom:1px solid #132331;
  background:#071019;
  color:#778895;
  font-size:8px;
  overflow:hidden;
}
.t3n-evidence-strip span{white-space:nowrap}
.t3n-evidence-strip b{color:#c0ccd5;font-size:9px}
.t3n-evidence-strip .bullish{color:#29d88a!important}
.t3n-evidence-strip .bearish{color:#ef606a!important}
.t3n-evidence-strip .warn{color:#d6aa51!important}

#t3nReadiness.good{color:#2bd98b!important}
#t3nReadiness.warn{color:#d8ad5a!important}
#t3nReadiness.bad{color:#ef626d!important}


/* T3-O chart decision overlay/readability lock */
.jarvis-score-card #refJarvisScore{letter-spacing:.01em;}
.jarvis-score-card .score-max{margin-left:7px;opacity:.72;}
#chartWrap{isolation:isolate;}


/* =====================================================================
   T3-P - LIVE TRADE PLAN
   ===================================================================== */
.trade-plan-panel.invalidated{border-color:#6a2730!important}
.trade-plan-panel.invalidated .section-title{color:#ef626d!important}
#t3pPlanStatus.good{color:#2bd98b!important}
#t3pPlanStatus.warn{color:#d8ad5a!important}
#t3pPlanStatus.bad{color:#ef626d!important}
#t3pPlanAge{font-variant-numeric:tabular-nums}


/* =====================================================================
   T3-Q - LIVE ACCOUNT + RISK INTEGRATION
   ===================================================================== */
.t3q-account-health{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  margin-top:7px;padding-top:6px;border-top:1px solid #152534;
  color:#788a98;font-size:8px;
}
.t3q-account-health span{display:flex;align-items:center;gap:6px}
.t3q-account-health i{width:6px;height:6px;border-radius:50%;background:#647583}
.t3q-account-health.live i{background:#26d789;box-shadow:0 0 6px #26d78966}
.t3q-account-health.warn i{background:#d3a446}
.t3q-account-health.bad i{background:#e95864}
.t3q-account-health.live b{color:#81dcb4}
.t3q-account-health.warn b{color:#d8ad5a}
.t3q-account-health.bad b{color:#ef626d}
.account-summary-grid b{font-variant-numeric:tabular-nums}


/* =====================================================================
   T3-R - REVIEW + EXECUTION HANDOFF
   Explicit review/approval only. No order submission.
   ===================================================================== */
.t3r-review-panel{
  margin-top:8px;padding:9px;border:1px solid #183044;background:#071019;
}
.t3r-review-panel.hidden{display:none}
.t3r-review-head,.t3r-handoff-row{
  display:flex;align-items:center;justify-content:space-between;
  color:#7f91a0;font-size:9px;margin-bottom:8px;
}
.t3r-review-head b,.t3r-handoff-row b{color:#d6a94e}
.t3r-review-head b.good,.t3r-handoff-row b.good{color:#28d88b}
.t3r-review-head b.bad,.t3r-handoff-row b.bad{color:#ef626d}
.t3r-review-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;
  margin-bottom:8px;
}
.t3r-review-grid div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #10202d;padding:3px 0}
.t3r-review-grid span{color:#738591;font-size:8px}
.t3r-review-grid b{color:#c9d3da;font-size:9px;text-align:right}
.t3r-gates{display:grid;gap:4px;margin:7px 0}
.t3r-gate{display:flex;align-items:center;gap:7px;font-size:8px;padding:4px 5px;border:1px solid #132535;background:#08131c}
.t3r-gate.good{color:#7fdab0}.t3r-gate.warn{color:#d7ad5c}.t3r-gate.bad{color:#ef7078}
.t3r-review-actions{display:flex;gap:7px;margin-top:8px}
.t3r-review-actions button{flex:1;min-height:28px;border:1px solid #23445a;background:#0b1a25;color:#cbd6dd}
.t3r-review-actions button:first-child{border-color:#266247}
.t3r-review-actions button:disabled{opacity:.45;cursor:not-allowed}
.t3r-handoff-row{margin:9px 0 0;padding-top:7px;border-top:1px solid #173044}


/* =====================================================================
   T3-S - EXECUTION AUTHORITY ADAPTER
   Paper simulation only; live securities submission stays hard-blocked.
   ===================================================================== */
.t3s-authority-panel{margin-top:8px;padding-top:8px;border-top:1px solid #173044;display:grid;gap:5px}
.t3s-authority-panel>div:not(.t3s-actions){display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#758894}
.t3s-authority-panel b{color:#c7d3da;font-variant-numeric:tabular-nums}
.t3s-authority-panel b.good{color:#29d88a}.t3s-authority-panel b.bad{color:#ef626d}.t3s-authority-panel b.warn{color:#d7ad5a}
.t3s-actions{display:flex;gap:7px;margin-top:4px}.t3s-actions button{flex:1;min-height:28px;border:1px solid #23445a;background:#0b1a25;color:#cbd6dd}
.t3s-actions button:disabled{opacity:.4;cursor:not-allowed}
#t3sAuthorityNote{color:#7f909d;font-size:8px;line-height:1.35}

/* T3-T PAPER EXECUTION LEDGER */
.t3t-ledger-status{display:flex;justify-content:space-between;gap:10px;padding-top:6px;border-top:1px solid #173044;color:#758894;font-size:8px}.t3t-ledger-status b{color:#29d88a}.bottom-tabs #t3tOrderCount{opacity:.7;margin-left:3px}.data-table .status-filled{color:#29d88a}.data-table .status-rejected{color:#ef626d}.data-table .status-pending{color:#61b8ff}


/* =====================================================================
   T3-U - PAPER PORTFOLIO RECONCILIATION
   ===================================================================== */
.t3u-reconcile-status{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;
  margin-top:6px;padding-top:6px;border-top:1px solid #173044;
  color:#748895;font-size:8px
}
.t3u-reconcile-status b{text-align:right;color:#d7ad5a}
.t3u-reconcile-status b.good{color:#29d88a}
.t3u-reconcile-status b.bad{color:#ef626d}
.t3u-reconcile-status button{
  min-height:24px;padding:0 8px;border:1px solid #23445a;background:#0a1822;color:#c7d3da;font-size:8px
}
.t3u-reconcile-status button:disabled{opacity:.45}
.t3u-recon-banner{display:flex;gap:14px;align-items:center;padding:7px 9px;margin-bottom:7px;border:1px solid #183044;background:#071019;font-size:8px;color:#788b98}
.t3u-recon-banner b{color:#cbd6dc}
.t3u-recon-banner.good{border-color:#1f503c}.t3u-recon-banner.good b{color:#71d7a7}
.t3u-recon-banner.bad{border-color:#5b2830}.t3u-recon-banner.bad b{color:#ef7078}

/* T3-U REV B function-preserving runtime repair */

/* T3-U REV C runtime layer restoration */

/* T3-U REV D status clarity */
#marketState.open,#refMarketStatus.positive{font-weight:700}
#marketState.closed,#refMarketStatus.negative{font-weight:700}
.pulsebar #marketRegime{min-width:88px}

/* T3-U REV E navigation affordances */
.reference-topnav button,.rail-btn,.browser-tabs button{cursor:pointer}
.reference-topnav button.active{color:#6fb6ff;border-bottom-color:#2f8cff}
.reference-topnav button:focus-visible,.rail-btn:focus-visible,.browser-tabs button:focus-visible{outline:1px solid #2f8cff;outline-offset:2px}
.browser-loading{min-height:54px;display:flex;align-items:center}

/* T3-U REV F asset navigation interaction hardening */
.reference-topnav{position:relative;z-index:20;pointer-events:auto!important}
.reference-topnav .asset-class{
  position:relative;
  z-index:21;
  pointer-events:auto!important;
  cursor:pointer!important;
  user-select:none;
}
.reference-topnav .asset-class.loading{opacity:.65}
.reference-topnav .asset-class.loading:before{
  content:"";
  position:absolute;
  left:5px;top:50%;
  width:4px;height:4px;margin-top:-2px;
  border-radius:50%;
  background:#2f8cff;
}
.reference-topnav button:nth-child(2):not(.active){
  color:#a7b2be!important;
  background:transparent!important;
}
.reference-topnav button:nth-child(2):not(.active):after{display:none!important}

/* T3-U REV G authoritative asset router */
.reference-topnav{pointer-events:auto!important;isolation:isolate}
.reference-topnav .asset-class{pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation}
.reference-topnav .asset-class.active{color:#69b7ff!important}
.reference-topnav .asset-class.loading{opacity:.72}
html[data-asset-router="ready"] .reference-topnav .asset-class{pointer-events:auto!important}

/* T3-V Paper Order Management */
.t3v-open-count{margin-left:5px;font-size:9px;color:#f1b84b}
.t3v-orders-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 10px;border-bottom:1px solid #183047}
.t3v-order-filters{display:flex;gap:6px;flex-wrap:wrap}
.t3v-order-filters button,.t3v-refresh,.t3v-order-actions button,.t3v-order-id{
  border:1px solid #24435d;background:#081522;color:#9db5c8;border-radius:3px;padding:5px 8px;cursor:pointer
}
.t3v-order-filters button.active{border-color:#2f8cff;color:#7fc0ff;background:#0b2135}
.t3v-order-filters button span{opacity:.75;margin-left:3px}
.t3v-order-actions{display:flex;gap:5px;flex-wrap:wrap}
.t3v-order-actions button:hover,.t3v-refresh:hover,.t3v-order-id:hover{border-color:#39759d;color:#d8edff}
.t3v-order-id{padding:2px 5px;background:transparent}
.t3v-status{font-weight:700;font-size:10px}
.t3v-status.good{color:#32d296}.t3v-status.warn{color:#e5b84d}.t3v-status.bad{color:#ff6576}
.t3v-orders-table td{vertical-align:middle}

/* T3-W Paper Position Management */
.t3w-position-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;border-bottom:1px solid #183047;color:#9db5c8}
.t3w-position-toolbar span{color:#6f879a}
.t3w-position-toolbar button,.t3w-position-actions button,.t3w-symbol{
  border:1px solid #24435d;background:#081522;color:#9db5c8;border-radius:3px;padding:5px 8px;cursor:pointer
}
.t3w-position-toolbar button:hover,.t3w-position-actions button:hover,.t3w-symbol:hover{border-color:#39759d;color:#d8edff}
.t3w-position-actions{display:flex;gap:5px;flex-wrap:wrap}
.t3w-position-actions button[data-t3w-action="close"]{border-color:#63303a;color:#ff8994}
.t3w-symbol{padding:2px 5px;background:transparent}
.t3w-position-table td{vertical-align:middle}

/* T3-X Advanced Order Ticket */
.t3x-ticket-status{border:1px solid #20394f;background:#07131e;padding:8px;margin-top:7px}
.t3x-ticket-status>span{font-size:9px;color:#6d869a;text-transform:uppercase;letter-spacing:.08em;margin-right:7px}
.t3x-ticket-status>b{font-size:10px;color:#d6e6f2}
.t3x-ticket-status>b.good{color:#32d296}.t3x-ticket-status>b.warn{color:#e5b84d}
.t3x-ticket-status small{display:block;margin-top:5px;color:#71889b;line-height:1.35}
.ticket-row.hidden{display:none!important}
#t3xLimitPrice,#t3xStopPrice,#t3xNotional{font-variant-numeric:tabular-nums}
.t3v-orders-table{min-width:1220px}

.t3y-risk-gate{border:1px solid #263b4d;background:#06111b;padding:9px;margin-top:8px}
.t3y-risk-gate>div:first-child{display:flex;justify-content:space-between;margin-bottom:7px}
.t3y-risk-gate span{font-size:9px;color:#71889b}.t3y-risk-gate b{font-size:10px}
.t3y-risk-grid{display:grid;grid-template-columns:1fr auto;gap:4px 10px}
.t3y-risk-gate .good{color:#32d296}.t3y-risk-gate .bad{color:#ff667d}.t3y-risk-gate .warn{color:#e5b84d}
#t3yRiskReason{display:block;color:#71889b;margin-top:7px}

.t3z-audit-status{border:1px solid #263b4d;background:#06111b;padding:8px;margin-top:8px}
.t3z-audit-status span{font-size:9px;color:#71889b;text-transform:uppercase;margin-right:8px}.t3z-audit-status b{font-size:10px}
.t3z-audit-status .good{color:#32d296}.t3z-audit-status .bad{color:#ff667d}#t3zAuditHash{display:block;color:#71889b;margin-top:5px}
.t3z-audit-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid #183047;color:#9db5c8}
.t3z-audit-toolbar button{border:1px solid #24435d;background:#081522;color:#9db5c8;border-radius:3px;padding:5px 8px;cursor:pointer}
.t3z-audit-table{min-width:1050px}.t3z-hash{font-family:monospace;color:#6f8fa8}


/* ==========================================================
   JARVIS WORKSTATION V-B1 ? PREMIUM VISUAL FOUNDATION
   Deliberate visual supersession of Build A CSS baseline.
   Layout / surfaces / typography / hierarchy only.
   ========================================================== */

:root{
  --bg:#05070a;
  --surface:#090d12;
  --surface2:#0d1218;
  --surface3:#121820;

  --surface-raised:#10161e;
  --surface-hover:#141c25;
  --surface-active:#182330;

  --line:#18212b;
  --line2:#25313d;
  --line-strong:#334252;

  --text:#f1f5f9;
  --text-soft:#c5ced8;
  --muted:#82909f;
  --muted2:#586574;

  --green:#24d17e;
  --red:#ff5968;
  --amber:#eeb44f;
  --accent:#6ba9ff;
  --blue:#5597f6;

  --chart-bg:#060a0f;
  --chart-grid:#111b25;

  --rail:64px;
  --left:250px;
  --right:326px;
  --bottom:204px;
  --top:56px;
  --pulse:30px;

  --radius-xs:4px;
  --radius-sm:6px;
  --radius-md:9px;

  --shadow-panel:0 18px 45px rgba(0,0,0,.18);
  --shadow-float:0 18px 55px rgba(0,0,0,.42);

  font-family:
    Inter,
    "SF Pro Display",
    "SF Pro Text",
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

html,
body{
  background:
    radial-gradient(
      1100px 700px at 55% -20%,
      rgba(73,118,171,.06),
      transparent 58%
    ),
    var(--bg);
}

body{
  letter-spacing:-.005em;
}

::selection{
  background:rgba(107,169,255,.22);
  color:#fff;
}


/* ---------- WORKSTATION FRAME ---------- */

.terminal{
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.012),
      transparent 120px
    ),
    var(--bg) !important;
}

.topbar{
  height:var(--top);
  padding:0 15px !important;
  gap:14px !important;

  background:
    linear-gradient(
      180deg,
      rgba(15,21,29,.98),
      rgba(7,11,16,.98)
    ) !important;

  border-bottom:
    1px solid var(--line2) !important;

  box-shadow:
    0 8px 28px rgba(0,0,0,.22);

  z-index:50;
}

.brand{
  width:218px;
  gap:10px !important;
}

.mark{
  width:30px !important;
  height:30px !important;

  border:
    1px solid var(--line-strong) !important;

  border-radius:7px;

  background:
    linear-gradient(
      145deg,
      #18212b,
      #0a0f15
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 5px 16px rgba(0,0,0,.25);

  color:#dce8f5;
}

.brand b{
  font-size:11px !important;
  font-weight:760 !important;
  letter-spacing:.20em !important;
}

.brand span{
  color:#718091 !important;
  letter-spacing:.19em !important;
}


/* ---------- GLOBAL CONTROLS ---------- */

button,
input,
select{
  border-radius:var(--radius-xs);
}

button{
  transition:
    background-color .14s ease,
    border-color .14s ease,
    color .14s ease,
    transform .14s ease;
}

button:active{
  transform:translateY(1px);
}

button:focus-visible,
input:focus-visible,
select:focus-visible{
  outline:
    1px solid rgba(107,169,255,.82) !important;

  outline-offset:2px !important;
}

.symbol-search{
  height:36px !important;

  border:
    1px solid var(--line2) !important;

  border-radius:7px !important;

  background:
    linear-gradient(
      180deg,
      rgba(17,23,31,.96),
      rgba(10,14,20,.96)
    ) !important;

  color:#8e9baa !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025);

  transition:
    border-color .14s ease,
    background-color .14s ease,
    box-shadow .14s ease;
}

.symbol-search:hover{
  border-color:#3a4b5d !important;

  background:
    linear-gradient(
      180deg,
      #151c25,
      #0d1218
    ) !important;
}

.symbol-search kbd,
.palette kbd,
.terminal-hotkeys kbd{
  border:
    1px solid #293645 !important;

  border-radius:4px !important;

  background:#070b10 !important;

  color:#7d8c9b !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025);
}


/* ---------- LEFT NAVIGATION ---------- */

.rail{
  background:
    linear-gradient(
      180deg,
      #080c11,
      #06090d
    ) !important;

  border-right:
    1px solid var(--line) !important;

  padding:9px 6px !important;
}

.rail-btn{
  width:50px !important;
  height:48px !important;

  margin-bottom:2px;

  border-radius:7px;

  border-left:0 !important;

  color:#687686 !important;

  position:relative;
}

.rail-btn:hover{
  background:#101720 !important;
  color:#cbd6e1 !important;
}

.rail-btn.active{
  background:
    linear-gradient(
      135deg,
      rgba(52,92,137,.22),
      rgba(31,52,76,.12)
    ) !important;

  color:#dbeaff !important;

  box-shadow:
    inset 0 0 0 1px rgba(103,160,224,.16);
}

.rail-btn.active::before{
  content:"";
  position:absolute;
  left:-6px;
  top:10px;
  bottom:10px;
  width:2px;
  border-radius:2px;
  background:var(--accent);
  box-shadow:0 0 10px rgba(107,169,255,.52);
}


/* ---------- SIDE PANELS ---------- */

.left-panel,
.right-panel{
  background:
    linear-gradient(
      180deg,
      rgba(11,16,22,.98),
      rgba(7,11,16,.98)
    ) !important;
}

.left-panel{
  border-right:
    1px solid var(--line) !important;
}

.right-panel{
  border-left:
    1px solid var(--line) !important;
}

.panel-head,
.jarvis-head{
  background:
    linear-gradient(
      180deg,
      rgba(18,24,32,.84),
      rgba(10,14,20,.60)
    );

  border-bottom:
    1px solid var(--line) !important;
}

.panel-head{
  padding-left:13px !important;
  padding-right:12px !important;
}

.eyebrow,
.label,
.section-title{
  color:#6f7d8c !important;

  font-weight:720 !important;

  letter-spacing:.13em !important;
}

.panel-head h2,
.jarvis-head h2{
  color:#dce3ea;
  font-weight:680 !important;
}


/* ---------- WATCHLIST ---------- */

.watch-head{
  color:#52606f !important;
  background:#080c11;
}

.watchlist{
  scrollbar-width:thin;
  scrollbar-color:#283543 transparent;
}

.watch-row{
  height:42px !important;
  border-bottom:
    1px solid #111820 !important;

  transition:
    background-color .12s ease,
    box-shadow .12s ease;
}

.watch-row:hover{
  background:#101720 !important;
}

.watch-row.active{
  background:
    linear-gradient(
      90deg,
      rgba(64,112,168,.17),
      rgba(17,26,36,.72)
    ) !important;

  box-shadow:
    inset 2px 0 0 #609ee6;
}

.watch-row .sym{
  color:#e2e8ee;
  font-weight:720 !important;
}


/* ---------- PRIMARY CENTER WORKSPACE ---------- */

.center{
  background:
    linear-gradient(
      180deg,
      #080c11,
      #060a0f
    ) !important;

  box-shadow:
    inset 1px 0 0 rgba(255,255,255,.008),
    inset -1px 0 0 rgba(255,255,255,.008);
}

.symbol-header{
  padding:
    8px 16px !important;

  background:
    linear-gradient(
      180deg,
      rgba(13,18,25,.96),
      rgba(8,12,17,.96)
    );

  border-bottom:
    1px solid var(--line) !important;
}

.symbol-line h1{
  font-size:18px !important;
  font-weight:760 !important;
  letter-spacing:-.015em;
}

.price-line strong{
  font-size:22px !important;
  font-weight:660 !important;
  letter-spacing:-.025em;
}

.quote-grid{
  gap:16px !important;
}

.quote-grid span{
  color:#5d6a78 !important;
}

.quote-grid b{
  color:#c9d2db;
  font-size:10px !important;
}


/* ---------- CHART TOOLBAR ---------- */

.chart-toolbar{
  height:40px !important;

  background:
    linear-gradient(
      180deg,
      #0b1016,
      #080c11
    ) !important;

  border-bottom:
    1px solid var(--line) !important;

  padding:
    0 10px !important;
}

.segmented button,
.toolbar-actions button,
.metric-tab{
  color:#718091 !important;
}

.segmented button:hover,
.toolbar-actions button:hover,
.metric-tab:hover{
  background:#121a23 !important;
  color:#d3dce5 !important;
}

.segmented button.active,
.toolbar-actions button.active-tool,
.metric-tab.active{
  background:
    rgba(73,121,177,.13) !important;

  color:#dceaff !important;

  box-shadow:
    inset 0 -1px 0 #679dd9;
}


/* ---------- CHART STAGE ---------- */

.chart-wrap{
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(40,66,94,.045),
      transparent 42%
    ),
    var(--chart-bg) !important;

  border:
    0 !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.012);

  isolation:isolate;
}

.chart-wrap::after{
  background:
    linear-gradient(
      90deg,
      rgba(6,10,15,0),
      rgba(7,12,17,.84)
    ) !important;

  border-left:
    1px solid #17222d !important;
}

.chart-wrap canvas{
  filter:
    saturate(.98)
    contrast(1.01);
}

.chart-watermark{
  opacity:.085 !important;
}

.chart-watermark b{
  font-weight:780 !important;
  letter-spacing:-.025em;
}

.ohlc-hud{
  top:10px !important;
  left:54px !important;

  height:27px !important;

  padding:
    0 9px !important;

  gap:11px !important;

  border:
    1px solid rgba(42,55,69,.88) !important;

  border-radius:5px;

  background:
    rgba(6,10,15,.88) !important;

  backdrop-filter:
    blur(7px);

  box-shadow:
    0 6px 18px rgba(0,0,0,.18);

  color:#7f8d9c !important;
}

.ohlc-hud b{
  color:#cbd4dd !important;
  font-weight:620 !important;
}

.chart-price-tag{
  min-width:58px;

  padding:
    3px 6px !important;

  border-radius:
    3px 0 0 3px;

  text-align:right;
}

.t3k-chart-legend{
  gap:7px !important;
}

.level-legend{
  border:
    1px solid rgba(43,55,68,.82) !important;

  border-radius:5px;

  background:
    rgba(7,12,17,.84) !important;

  backdrop-filter:
    blur(6px);

  box-shadow:
    0 8px 24px rgba(0,0,0,.16);
}


/* ---------- UNDER CHART / CONTEXT ---------- */

.under-chart{
  background:#080d12 !important;

  border-top:
    1px solid var(--line) !important;

  border-bottom:
    1px solid var(--line) !important;
}

.market-context{
  background:
    linear-gradient(
      180deg,
      #0b1016,
      #080c11
    ) !important;

  border-bottom:
    1px solid var(--line) !important;
}

.market-context div{
  border-right:
    1px solid #151e27 !important;
}

.market-context span{
  color:#566372 !important;
}

.market-context b{
  color:#bdc7d1;
}


/* ---------- JARVIS INTELLIGENCE PANEL ---------- */

.jarvis-head{
  height:74px !important;

  padding:
    12px 14px !important;
}

.confidence-ring{
  width:50px !important;
  height:50px !important;

  border:
    1px solid #344354 !important;

  background:
    radial-gradient(
      circle at center,
      #111923,
      #080d12
    );

  box-shadow:
    inset 0 0 0 3px rgba(255,255,255,.012),
    0 5px 20px rgba(0,0,0,.22);
}

.confidence-ring span{
  font-size:17px !important;
  font-weight:760 !important;
}

.decision-block,
.why,
.why-not,
.what-changed,
.order-panel,
.trade-plan-panel,
.signal-controls,
.market-context-intel,
.options-workstation,
.fusion-panel{
  border-bottom:
    1px solid var(--line) !important;
}

.decision-block{
  padding:
    13px 14px !important;

  background:
    linear-gradient(
      180deg,
      rgba(15,21,29,.66),
      rgba(8,12,17,.38)
    );
}

.decision{
  font-size:19px !important;
  font-weight:820 !important;
}

.decision-block p{
  color:#aeb9c4 !important;
}

.reason{
  color:#aab5c0 !important;
}

.context-row{
  border-bottom:
    1px solid #151d25 !important;
}


/* ---------- ORDER / RISK CONTROLS ---------- */

.ticket-row input,
.ticket-row select,
.risk-budget-input input{
  border:
    1px solid var(--line2) !important;

  background:#080d12 !important;

  color:#dce4ec !important;
}

.ticket-row input:hover,
.ticket-row select:hover,
.risk-budget-input input:hover{
  border-color:#38495b !important;
}

.buy-sell{
  gap:5px;
}

.buy-sell button{
  border:
    1px solid var(--line2) !important;

  border-radius:5px;

  background:#0b1117 !important;
}

.buy-sell button:hover{
  background:#121a22 !important;
}

.buy-sell button.active{
  border-color:#286848 !important;

  background:
    linear-gradient(
      180deg,
      #10241a,
      #0b1711
    ) !important;
}

.review-btn{
  height:34px !important;

  border:
    1px solid #315e91 !important;

  border-radius:5px;

  background:
    linear-gradient(
      180deg,
      #15304e,
      #10233a
    ) !important;

  color:#c9e1ff !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035);
}

.review-btn:hover{
  background:
    linear-gradient(
      180deg,
      #1a3a5e,
      #132b47
    ) !important;
}


/* ---------- BOTTOM EXECUTION AREA ---------- */

.bottom-panel{
  background:
    linear-gradient(
      180deg,
      #090e13,
      #070b0f
    ) !important;

  border-top:
    1px solid var(--line2) !important;

  box-shadow:
    0 -8px 28px rgba(0,0,0,.12);
}

.bottom-tabs{
  height:34px !important;

  background:#090e14;

  border-bottom:
    1px solid var(--line) !important;
}

.bottom-tabs button{
  color:#6f7d8c !important;
}

.bottom-tabs button:hover{
  color:#c7d1db !important;
}

.bottom-tabs button.active{
  color:#dbe9f8 !important;
  border-bottom-color:#6aa8ed !important;
}

.data-table th{
  background:#090e13 !important;
  color:#647281 !important;
}

.data-table td{
  border-bottom:
    1px solid #131a22 !important;
}


/* ---------- STATUS STRIP ---------- */

.pulsebar{
  background:
    linear-gradient(
      180deg,
      #080c10,
      #06090d
    ) !important;

  border-top:
    1px solid var(--line) !important;

  color:#667482 !important;
}


/* ---------- FLOATING ELEMENTS ---------- */

.palette-box{
  border:
    1px solid #334151 !important;

  border-radius:9px;

  background:
    rgba(11,16,22,.98) !important;

  box-shadow:
    var(--shadow-float) !important;

  overflow:hidden;
}

.toast{
  border:
    1px solid #344355 !important;

  border-radius:7px;

  background:
    rgba(13,19,26,.96) !important;

  backdrop-filter:
    blur(10px);

  box-shadow:
    var(--shadow-float) !important;
}


/* ---------- SCROLLBARS ---------- */

*{
  scrollbar-width:thin;
  scrollbar-color:#263440 transparent;
}

*::-webkit-scrollbar{
  width:7px;
  height:7px;
}

*::-webkit-scrollbar-track{
  background:transparent;
}

*::-webkit-scrollbar-thumb{
  background:#263440;
  border-radius:8px;
}

*::-webkit-scrollbar-thumb:hover{
  background:#344453;
}


/* ---------- LARGE DESKTOP DENSITY ---------- */

@media(min-width:1700px){
  :root{
    --left:264px;
    --right:344px;
  }

  .symbol-header{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .jarvis-head{
    padding-left:15px !important;
    padding-right:15px !important;
  }
}


/* ---------- COMPACT DESKTOP ---------- */

@media(max-width:1500px){
  :root{
    --left:226px;
    --right:302px;
  }

  .market-strip{
    gap:9px !important;
  }

  .quote-grid{
    gap:10px !important;
  }
}


/* ---------- SHORT VIEWPORT ---------- */

@media(max-height:900px){
  :root{
    --bottom:180px;
  }

  .jarvis-head{
    height:66px !important;
  }

  .watch-row{
    height:38px !important;
  }
}


/* ---------- MOTION ACCESSIBILITY ---------- */

@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    scroll-behavior:auto !important;
    transition:none !important;
  }
}

/* END JARVIS WORKSTATION V-B1 */


/* ==========================================================
   JARVIS WORKSTATION V-C1 ? CHART ENGINE 2.0 PRESENTATION
   Chart interaction / crosshair / axes only.
   ========================================================== */

.chart-wrap{
  --vc1-axis-band:78px;
}

.chart-wrap::after{
  width:
    var(--vc1-axis-band) !important;

  background:
    linear-gradient(
      90deg,
      rgba(6,10,15,0),
      rgba(7,12,17,.92) 28%,
      rgba(7,12,17,.98)
    ) !important;

  border-left:
    1px solid #1b2835 !important;
}

.ohlc-hud{
  font-size:
    9px !important;

  border-color:
    #2b3947 !important;

  box-shadow:
    0 7px 22px rgba(0,0,0,.26) !important;
}

.ohlc-hud span:first-child{
  color:
    #aebac6 !important;
}

.ohlc-hud b{
  color:
    #d6dee7 !important;
}

.chart-help{
  color:
    #596876 !important;
}

.vc1-crosshair-layer{
  position:absolute;
  z-index:24;
  inset:0;
  pointer-events:none;
  opacity:0;
  transition:opacity .06s linear;
}

.vc1-crosshair-layer.visible{
  opacity:1;
}

.vc1-crosshair-v,
.vc1-crosshair-h{
  position:absolute;
  pointer-events:none;
}

.vc1-crosshair-v{
  width:1px;

  background:
    linear-gradient(
      180deg,
      rgba(136,154,172,.08),
      rgba(136,154,172,.52),
      rgba(136,154,172,.08)
    );
}

.vc1-crosshair-h{
  height:1px;

  background:
    linear-gradient(
      90deg,
      rgba(136,154,172,.08),
      rgba(136,154,172,.42),
      rgba(136,154,172,.08)
    );
}

.vc1-crosshair-price{
  position:absolute;
  right:0;

  min-width:76px;

  transform:
    translateY(-50%);

  padding:
    4px 7px;

  border:
    1px solid #3b4b5b;

  border-right:0;

  border-radius:
    4px 0 0 4px;

  background:
    #17222d;

  color:
    #e6edf4;

  text-align:right;

  font:
    600 10px
    ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;

  box-shadow:
    0 4px 14px rgba(0,0,0,.28);
}

.vc1-crosshair-time{
  position:absolute;

  transform:
    translateX(-50%);

  padding:
    4px 7px;

  border:
    1px solid #354553;

  border-radius:4px;

  background:
    #121c25;

  color:
    #cbd5df;

  white-space:nowrap;

  font:
    600 9px
    ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;

  box-shadow:
    0 4px 14px rgba(0,0,0,.24);
}

.chart-wrap.grabbing
.vc1-crosshair-layer{
  opacity:0 !important;
}

.chart-wrap.candles-ready canvas{
  image-rendering:auto;
}

@media(min-width:1800px){

  .ohlc-hud{
    font-size:
      10px !important;
  }

  .vc1-crosshair-price{
    font-size:
      11px;
  }

  .vc1-crosshair-time{
    font-size:
      10px;
  }
}

@media(prefers-reduced-motion:reduce){

  .vc1-crosshair-layer{
    transition:none;
  }
}

/* END JARVIS WORKSTATION V-C1 */


/* ==========================================================
   JARVIS WORKSTATION V-C2 ? PROFESSIONAL VIEWPORT PRESENTATION
   ========================================================== */


/*
 * Chart remains the primary decision surface.
 */

.chart-wrap{
  min-height:390px;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.014),
    inset 0 -1px 0 rgba(255,255,255,.012);
}


/*
 * Right-side scale separation.
 */

.chart-wrap::after{
  width:82px !important;

  background:
    linear-gradient(
      90deg,
      rgba(6,10,15,0),
      rgba(7,12,17,.90) 20%,
      rgba(8,13,19,.99) 54%
    ) !important;

  border-left:
    1px solid #22303e !important;
}


/*
 * Current price treatment.
 */

.chart-price-tag{
  min-width:64px !important;

  padding:
    4px 7px !important;

  border-radius:
    4px 0 0 4px !important;

  font-weight:
    720 !important;

  letter-spacing:
    .01em;

  box-shadow:
    -4px 0 14px rgba(0,0,0,.20);
}


/*
 * OHLC HUD clarity.
 */

.ohlc-hud{
  min-height:28px;

  padding:
    0 10px !important;

  gap:
    12px !important;

  background:
    rgba(7,12,17,.92) !important;

  border:
    1px solid #31404f !important;
}

.ohlc-hud b{
  font-variant-numeric:
    tabular-nums;
}


/*
 * V-C1 crosshair retained and refined.
 */

.vc1-crosshair-v{
  background:
    linear-gradient(
      180deg,
      rgba(154,171,188,.07),
      rgba(154,171,188,.58),
      rgba(154,171,188,.07)
    ) !important;
}

.vc1-crosshair-h{
  background:
    linear-gradient(
      90deg,
      rgba(154,171,188,.07),
      rgba(154,171,188,.46),
      rgba(154,171,188,.07)
    ) !important;
}

.vc1-crosshair-price{
  min-width:
    80px !important;

  padding:
    5px 8px !important;

  border-color:
    #46596b !important;

  background:
    #1a2733 !important;

  color:
    #f0f5fa !important;
}

.vc1-crosshair-time{
  padding:
    5px 8px !important;

  border-color:
    #405264 !important;

  background:
    #18232d !important;

  color:
    #e0e8ef !important;
}


/*
 * Time-range strip.
 */

.under-chart{
  min-height:
    34px;

  background:
    linear-gradient(
      180deg,
      #090e14,
      #070b10
    ) !important;
}


/*
 * Passive lower workspace compaction.
 * No information or controls are removed.
 */

.bottom-panel{
  max-height:
    170px;

  min-height:
    132px;
}

.bottom-tabs{
  height:
    31px !important;
}

.bottom-tabs button{
  padding-top:
    0 !important;

  padding-bottom:
    0 !important;
}

.data-table th,
.data-table td{
  padding-top:
    5px !important;

  padding-bottom:
    5px !important;
}


/*
 * Overview/intelligence cards remain available while
 * consuming less passive vertical space.
 */

.overview-grid,
.instrument-overview,
.instrument-intelligence{
  min-height:
    0 !important;
}

.overview-grid > *,
.instrument-overview > *,
.instrument-intelligence > *{
  padding-top:
    9px !important;

  padding-bottom:
    9px !important;
}


/*
 * High-resolution workstation.
 */

@media(min-width:1700px) and (min-height:950px){

  .chart-wrap{
    min-height:
      430px;
  }

  .bottom-panel{
    max-height:
      176px;
  }
}


/*
 * Short desktop.
 */

@media(max-height:900px){

  .chart-wrap{
    min-height:
      350px;
  }

  .bottom-panel{
    max-height:
      148px;

    min-height:
      118px;
  }
}


/*
 * Very short desktop.
 */

@media(max-height:760px){

  .chart-wrap{
    min-height:
      310px;
  }

  .bottom-panel{
    max-height:
      132px;

    min-height:
      104px;
  }
}


/* END JARVIS WORKSTATION V-C2 */


/* =====================================================================
   JARVIS WORKSTATION V-D1O5 REV B
   COMPACT WORKSTATION HIERARCHY
   PRESENTATION ONLY
   ===================================================================== */

.reference-insight-grid{
  grid-template-columns:
    minmax(0,.92fr)
    minmax(0,.88fr)
    minmax(0,1.10fr)
    minmax(0,1.10fr)
    !important;
  gap:5px !important;
  padding:5px 7px !important;
}

.reference-card{
  padding:8px 10px !important;
}

.reference-card-title{
  margin-bottom:6px !important;
  font-size:8px !important;
  letter-spacing:.055em;
}

.reference-card p{
  margin-bottom:5px !important;
  font-size:7.5px !important;
  line-height:1.35 !important;
}

.reference-kv{
  padding:2px 0 !important;
  font-size:7.5px !important;
}

.jarvis-score-card,
.sentiment-card{
  background:
    linear-gradient(
      180deg,
      rgba(12,26,38,.96),
      rgba(7,16,25,.96)
    ) !important;
}

.reference-score strong{
  font-size:25px !important;
}

.reference-score-bar{
  margin:6px 0 !important;
}

.reference-score-action{
  margin-bottom:4px !important;
}

.sentiment-gauge{
  width:104px !important;
  height:48px !important;
  margin-top:0 !important;
}

.gauge-arc{
  left:10px !important;
  top:3px !important;
  width:84px !important;
  height:84px !important;
  border-width:7px !important;
}

.gauge-needle{
  left:52px !important;
  top:43px !important;
  width:39px !important;
}

.sentiment-label{
  margin-top:0 !important;
  font-size:10px !important;
}

.vd1o5-bottom-tabs{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  overflow:visible !important;
  z-index:40 !important;
}

.vd1o5-bottom-tabs > button{
  flex:0 0 auto !important;
  padding-left:10px !important;
  padding-right:10px !important;
}

.vd1o5-advanced{
  position:relative;
  flex:0 0 auto;
  height:100%;
}

.vd1o5-advanced > summary{
  list-style:none;
  height:100%;
  display:flex;
  align-items:center;
  gap:5px;
  padding:0 11px;
  cursor:pointer;
  color:#8293a3;
  font-size:8px;
  user-select:none;
  border-left:1px solid transparent;
  border-right:1px solid transparent;
}

.vd1o5-advanced > summary::-webkit-details-marker{
  display:none;
}

.vd1o5-advanced[open] > summary{
  color:#a9d4ff;
  background:#0a1722;
  border-color:#173047;
}

.vd1o5-chevron{
  font-size:9px;
  transition:transform .15s ease;
}

.vd1o5-advanced[open] .vd1o5-chevron{
  transform:rotate(180deg);
}

.vd1o5-advanced-menu{
  position:absolute;
  left:0;
  bottom:calc(100% + 5px);
  z-index:160;
  width:650px;
  max-height:360px;
  overflow:auto;
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:7px;
  padding:8px;
  border:1px solid #20374a;
  background:#071019;
  box-shadow:
    0 18px 42px
    rgba(0,0,0,.52);
}

.vd1o5-advanced:not([open]) .vd1o5-advanced-menu{
  display:none;
}

.vd1o5-menu-group{
  min-width:0;
  padding:5px;
  border:1px solid #102434;
  background:#08121b;
}

.vd1o5-menu-title{
  padding:3px 5px 6px;
  color:#536b7d;
  font-size:7px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.vd1o5-advanced-menu button{
  display:flex;
  align-items:center;
  width:100%;
  height:27px !important;
  min-width:0;
  margin:2px 0;
  padding:0 7px !important;
  text-align:left;
  font-size:8px !important;
  color:#8fa0af;
  background:#09131d;
  border:1px solid #132536;
}

.vd1o5-advanced-menu button:hover,
.vd1o5-advanced-menu button.active{
  color:#b9dcff;
  background:#0b1b29;
  border-color:#285173;
}

@media(max-width:1360px){
  .reference-insight-grid{
    grid-template-columns:
      minmax(0,1fr)
      minmax(0,1fr)
      !important;
  }

  .vd1o5-advanced-menu{
    width:520px;
  }
}

/* END JARVIS WORKSTATION V-D1O5 REV B */

/* ============================================================
   JARVIS WORKSTATION V-D1O6B
   CHART FEED DIAGNOSTICS READABILITY
   Presentation only.
   ============================================================ */

.right-panel .chart-diagnostics{
  flex:0 0 auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  padding:12px 12px 11px !important;
  border-top:1px solid var(--line) !important;
  background:#071019 !important;
}

.right-panel .chart-diagnostics-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin-bottom:10px !important;
  font-size:10px !important;
  line-height:1.2 !important;
  letter-spacing:.06em !important;
  color:#91a4b8 !important;
}

.right-panel .chart-diagnostics-head > span{
  font-size:10px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}

.right-panel #chartDiagState{
  font-size:9px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  text-align:right !important;
  white-space:normal !important;
}

.right-panel .chart-diagnostics-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:6px !important;
  margin-top:0 !important;
  background:transparent !important;
}

.right-panel .chart-diagnostics-grid > div{
  min-width:0 !important;
  min-height:43px !important;
  padding:7px 8px !important;
  border:1px solid rgba(116,145,171,.16) !important;
  border-radius:3px !important;
  background:#09131d !important;
}

.right-panel .chart-diagnostics-grid span{
  display:block !important;
  margin:0 0 4px !important;
  font-size:8px !important;
  line-height:1.2 !important;
  letter-spacing:.025em !important;
  color:#71869a !important;
}

.right-panel .chart-diagnostics-grid b{
  display:block !important;
  margin:0 !important;
  font-size:10px !important;
  line-height:1.3 !important;
  font-weight:700 !important;
  color:#d6e1eb !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  text-overflow:clip !important;
}

.right-panel .chart-route-list{
  max-height:92px !important;
  overflow:auto !important;
  margin-top:8px !important;
  padding:0 !important;
  font-size:8px !important;
  line-height:1.35 !important;
}

.right-panel .chart-route-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:8px !important;
  padding:6px 7px !important;
  border-bottom:1px solid rgba(116,145,171,.12) !important;
}

.right-panel .chart-route-row span{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#8fa3b6 !important;
}

.right-panel .chart-route-row b{
  font-size:8px !important;
  white-space:nowrap !important;
}

.right-panel #retryChartFeed{
  width:100% !important;
  min-height:30px !important;
  margin-top:8px !important;
  padding:6px 9px !important;
  font-size:9px !important;
  font-weight:700 !important;
  letter-spacing:.02em !important;
}

/* Preserve right-column usability on shorter displays. */
@media (max-height:900px){
  .right-panel .chart-diagnostics{
    padding:9px 10px !important;
  }

  .right-panel .chart-diagnostics-head{
    margin-bottom:7px !important;
  }

  .right-panel .chart-diagnostics-grid{
    gap:4px !important;
  }

  .right-panel .chart-diagnostics-grid > div{
    min-height:36px !important;
    padding:5px 7px !important;
  }

  .right-panel .chart-route-list{
    max-height:68px !important;
  }
}

/* V-D1O6B END */


/* JARVIS WORKSTATION V-D1O7B ADVANCED CSS CHEVRON */
.vd1o5-chevron{
  display:inline-block;
  width:6px;
  height:6px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:rotate(45deg);
  transform-origin:50% 50%;
  transition:transform .15s ease;
  margin-top:-3px;
}

.vd1o5-advanced[open] .vd1o5-chevron{
  transform:rotate(225deg);
  margin-top:3px;
}
/* END JARVIS WORKSTATION V-D1O7B */

/* JARVIS WORKSTATION V-D2D-C2 VISUAL HIERARCHY */
/*
 * Presentation only.
 * Rebalances workstation chrome around the chart.
 * No chart-engine, market-data, intelligence, or execution semantics.
 */

@media (min-width:1501px){

  :root{
    --left:212px !important;
    --right:276px !important;
    --bottom:154px !important;
  }

  .terminal{
    grid-template-columns:
      var(--rail)
      var(--left)
      minmax(820px,1fr)
      var(--right)
      !important;
  }

  .left-panel .panel-head{
    padding-left:11px !important;
    padding-right:11px !important;
  }

  .browser-filter{
    grid-template-columns:
      minmax(0,1fr)
      92px
      !important;
    padding-left:7px !important;
    padding-right:7px !important;
  }

  .watch-group-controls{
    padding-left:7px !important;
    padding-right:7px !important;
  }

  .browser-columns,
  .browser-row{
    grid-template-columns:
      minmax(82px,1.45fr)
      49px
      47px
      40px
      !important;
    gap:4px !important;
  }

  .browser-columns{
    padding-left:7px !important;
    padding-right:7px !important;
  }

  .browser-row{
    padding-left:7px !important;
    padding-right:7px !important;
  }

  .right-panel .reference-quote-panel,
  .right-panel .reference-account-summary{
    padding-left:11px !important;
    padding-right:11px !important;
  }

  .right-panel .chart-diagnostics{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .right-panel .chart-diagnostics-grid{
    gap:5px !important;
  }

  .right-panel .chart-diagnostics-grid > div{
    padding-left:7px !important;
    padding-right:7px !important;
  }

  .reference-insight-grid{
    gap:4px !important;
    padding:4px 6px !important;
  }

  .reference-card{
    padding:7px 9px !important;
  }

  .reference-card-title{
    margin-bottom:5px !important;
  }

  .reference-card p{
    margin-bottom:4px !important;
  }

  .reference-kv{
    padding-top:1px !important;
    padding-bottom:1px !important;
  }

  .sentiment-gauge{
    height:43px !important;
  }

  .bottom-panel{
    max-height:154px !important;
    min-height:112px !important;
  }
}

@media (min-width:1700px){

  :root{
    --left:218px !important;
    --right:282px !important;
  }

  .terminal{
    grid-template-columns:
      var(--rail)
      var(--left)
      minmax(900px,1fr)
      var(--right)
      !important;
  }
}

@media (min-width:1800px){

  :root{
    --left:224px !important;
    --right:288px !important;
  }
}

@media (max-height:900px) and (min-width:1501px){

  :root{
    --bottom:136px !important;
  }

  .bottom-panel{
    max-height:136px !important;
    min-height:104px !important;
  }

  .reference-insight-grid{
    padding-top:3px !important;
    padding-bottom:3px !important;
  }

  .reference-card{
    padding-top:6px !important;
    padding-bottom:6px !important;
  }
}

/* END JARVIS WORKSTATION V-D2D-C2 */

/* =====================================================================
   JARVIS WORKSTATION V-D2E-B1 DECISION LAYER

   Presentation-only view over existing Jarvis analytical contexts.
   GREEN_LIGHT remains advisory and has zero execution authority.
   ===================================================================== */

.vd2e-decision-layer{
  margin:6px 0 7px;
  padding:7px 8px;
  border:1px solid #203342;
  background:
    linear-gradient(
      180deg,
      rgba(9,22,32,.96),
      rgba(6,15,23,.96)
    );
}

.vd2e-decision-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding-bottom:5px;
  margin-bottom:3px;
  border-bottom:1px solid #172936;
}

.vd2e-decision-state{
  font-size:9px;
  font-weight:800;
  letter-spacing:.055em;
  color:#d8ad5a;
}

.vd2e-decision-readiness{
  display:flex;
  align-items:center;
  gap:5px;
  font-size:6.5px;
  color:#718493;
  white-space:nowrap;
}

.vd2e-decision-readiness b{
  font-size:9px;
  color:#dce7ee;
  font-variant-numeric:tabular-nums;
}

.vd2e-decision-row{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:start;
  gap:7px;
  padding:2px 0;
  line-height:1.25;
}

.vd2e-decision-row span{
  font-size:6.5px;
  color:#667b8a;
  letter-spacing:.04em;
}

.vd2e-decision-row b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:7.5px;
  font-weight:600;
  color:#c6d3dc;
}

.vd2e-next-row b{
  color:#9eb0bd;
}

.vd2e-advisory{
  margin-top:4px;
  padding-top:4px;
  border-top:1px solid #142530;
  font-size:6px;
  letter-spacing:.08em;
  color:#536a79;
  text-align:right;
}

.vd2e-decision-layer.vd2e-green-light{
  border-color:#1f6b4c;
  box-shadow:inset 0 0 0 1px rgba(40,216,139,.05);
}

.vd2e-decision-layer.vd2e-green-light
.vd2e-decision-state{
  color:#28d88b;
}

.vd2e-decision-layer.vd2e-ready
.vd2e-decision-state{
  color:#62d5a3;
}

.vd2e-decision-layer.vd2e-developing
.vd2e-decision-state{
  color:#70b4ff;
}

.vd2e-decision-layer.vd2e-observe
.vd2e-decision-state{
  color:#d8ad5a;
}

.vd2e-decision-layer.vd2e-stand-down
.vd2e-decision-state{
  color:#ef626d;
}

@media(max-height:900px){
  .vd2e-decision-layer{
    margin:4px 0 5px;
    padding:5px 7px;
  }

  .vd2e-decision-row{
    padding:1px 0;
  }

  .vd2e-advisory{
    display:none;
  }
}

/* END JARVIS WORKSTATION V-D2E-B1 DECISION LAYER */

/* =====================================================================
   JARVIS WORKSTATION V-D2E-B2 DECISION SEMANTIC UNIFICATION

   DECISION = current BUY / SELL / WAIT analytical recommendation.
   SETUP = readiness maturity and readiness score.
   BIAS = underlying directional lean.
   GREEN LIGHT = exceptional analytical setup classification only.
   ===================================================================== */

/*
   Preserve legacy composite DOM values for downstream compatibility,
   but remove them from visual competition with the unified decision.
*/
.jarvis-score-card > .reference-score,
.jarvis-score-card > .reference-score-bar,
.jarvis-score-card > .reference-score-action{
  display:none !important;
}

.jarvis-score-card{
  position:relative;
}

.vd2e-decision-layer{
  margin-top:2px !important;
  padding:7px 9px !important;
}

.vd2e-decision-head{
  align-items:flex-start !important;
  padding-bottom:6px !important;
  margin-bottom:4px !important;
}

.vd2e-decision-primary{
  display:flex;
  flex-direction:column;
  min-width:72px;
}

.vd2e-decision-primary > span{
  font-size:6.5px;
  color:#657b8a;
  letter-spacing:.075em;
}

.vd2e-decision-primary > b{
  margin-top:2px;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:.035em !important;
}

.vd2e-decision-readiness{
  display:flex !important;
  flex-direction:column;
  align-items:flex-end !important;
  gap:2px !important;
}

.vd2e-decision-readiness > span{
  font-size:6.5px;
  color:#657b8a;
  letter-spacing:.075em;
}

.vd2e-decision-readiness > b{
  font-size:8px !important;
  font-weight:700;
}

.vd2e-decision-row{
  grid-template-columns:58px minmax(0,1fr) !important;
}

.vd2e-decision-row span{
  font-size:6.5px !important;
}

.vd2e-decision-row b{
  font-size:7.5px !important;
}

.vd2e-green-row{
  margin-top:2px;
  padding-top:4px !important;
  border-top:1px solid #142530;
}

#vd2eGreenLight{
  font-weight:800 !important;
  letter-spacing:.045em;
}

.vd2e-decision-layer[data-decision="BUY"]
.vd2e-decision-state{
  color:#28d88b !important;
}

.vd2e-decision-layer[data-decision="SELL"]
.vd2e-decision-state{
  color:#ef5b67 !important;
}

.vd2e-decision-layer[data-decision="WAIT"]
.vd2e-decision-state{
  color:#d6a94e !important;
}

.vd2e-decision-layer[data-green-light="true"]
#vd2eGreenLight{
  color:#28d88b !important;
}

.vd2e-decision-layer[data-green-light="false"]
#vd2eGreenLight{
  color:#d6a94e !important;
}

.vd2e-advisory{
  font-size:5.8px !important;
  letter-spacing:.065em !important;
}

@media(max-height:900px){

  .vd2e-decision-primary > b{
    font-size:13px !important;
  }

  .vd2e-decision-layer{
    padding:5px 7px !important;
  }

  .vd2e-green-row{
    padding-top:2px !important;
  }
}

/* END JARVIS WORKSTATION V-D2E-B2 DECISION SEMANTIC UNIFICATION */

/* =====================================================================
   JARVIS WORKSTATION V-D2E-B3 DECISION READABILITY

   Visual/readability only.
   No analytical calculation changes.
   No chart changes.
   No execution authority.
   ===================================================================== */

/*
   Give the Jarvis Decision card stronger visual authority while
   remaining inside the existing intelligence-grid footprint.
*/
.jarvis-score-card{
  background:
    linear-gradient(
      180deg,
      rgba(10,25,36,.98),
      rgba(6,17,25,.98)
    ) !important;
  border-color:#274355 !important;
}

/*
   Make the card identity readable at normal workstation distance.
*/
.jarvis-score-card > .reference-card-title{
  font-size:8px !important;
  font-weight:800 !important;
  letter-spacing:.085em !important;
  color:#d7e5ee !important;
  padding-bottom:4px !important;
}

/*
   Increase the unified decision surface without increasing the
   surrounding bottom-panel height.
*/
.vd2e-decision-layer{
  margin:1px 0 3px !important;
  padding:8px 10px 7px !important;
  border-color:#29495d !important;
  background:
    linear-gradient(
      180deg,
      rgba(10,27,39,.98),
      rgba(7,19,28,.98)
    ) !important;
}

/*
   DECISION and SETUP become the dominant first reading line.
*/
.vd2e-decision-head{
  min-height:28px;
  padding-bottom:7px !important;
  margin-bottom:5px !important;
  border-bottom-color:#213746 !important;
}

.vd2e-decision-primary{
  min-width:92px !important;
}

.vd2e-decision-primary > span,
.vd2e-decision-readiness > span{
  font-size:7.5px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:.09em !important;
  color:#8197a6 !important;
}

/*
   BUY / SELL / WAIT must be immediately readable.
*/
.vd2e-decision-primary > b{
  margin-top:4px !important;
  font-size:19px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.045em !important;
  text-shadow:0 0 12px rgba(255,255,255,.04);
}

/*
   Setup maturity remains clearly secondary to the actual decision,
   but readable enough to distinguish READY 86/100 at a glance.
*/
.vd2e-decision-readiness{
  gap:4px !important;
}

.vd2e-decision-readiness > b{
  font-size:10px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  letter-spacing:.025em !important;
  color:#e2edf3 !important;
}

/*
   Supporting intelligence gets larger labels and values.
*/
.vd2e-decision-row{
  grid-template-columns:66px minmax(0,1fr) !important;
  gap:9px !important;
  padding:3px 0 !important;
  line-height:1.25 !important;
}

.vd2e-decision-row span{
  font-size:7px !important;
  font-weight:700 !important;
  letter-spacing:.07em !important;
  color:#748b9a !important;
}

.vd2e-decision-row b{
  font-size:8.5px !important;
  line-height:1.25 !important;
  font-weight:650 !important;
  color:#d3dfe6 !important;

  /*
     Prefer readability over ellipsis. Two lines are allowed for
     blocker/next context without expanding the entire workstation.
  */
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

/*
   Bias gets enough authority to be useful while remaining below
   the actual BUY / SELL / WAIT decision.
*/
#vd2eDecisionDirection{
  font-size:9px !important;
  font-weight:850 !important;
}

.vd2e-decision-layer[data-bias="BUY"]
#vd2eDecisionDirection{
  color:#28d88b !important;
}

.vd2e-decision-layer[data-bias="SELL"]
#vd2eDecisionDirection{
  color:#ef626d !important;
}

.vd2e-decision-layer[data-bias="WAIT"]
#vd2eDecisionDirection,
.vd2e-decision-layer[data-bias="NEUTRAL"]
#vd2eDecisionDirection{
  color:#d6a94e !important;
}

/*
   Blocker is one of the most important decision-support fields.
*/
#vd2eDecisionBlocker{
  color:#e0e8ed !important;
}

/*
   NEXT is actionable analytical context, but not execution.
*/
#vd2eDecisionNext{
  color:#a9becb !important;
}

/*
   Green-light state receives its own clean separation.
*/
.vd2e-green-row{
  margin-top:3px !important;
  padding-top:5px !important;
  border-top-color:#213746 !important;
}

#vd2eGreenLight{
  font-size:8.5px !important;
  font-weight:900 !important;
}

/*
   Keep analytical-only status visible but unobtrusive.
*/
.vd2e-advisory{
  margin-top:4px !important;
  padding-top:4px !important;
  font-size:6.2px !important;
  line-height:1 !important;
  letter-spacing:.075em !important;
  color:#607987 !important;
}

/*
   Decision-specific emphasis.
*/
.vd2e-decision-layer[data-decision="BUY"]{
  border-left:2px solid #28d88b !important;
}

.vd2e-decision-layer[data-decision="SELL"]{
  border-left:2px solid #ef626d !important;
}

.vd2e-decision-layer[data-decision="WAIT"]{
  border-left:2px solid #d6a94e !important;
}

.vd2e-decision-layer[data-decision="BUY"]
.vd2e-decision-state{
  color:#31e497 !important;
}

.vd2e-decision-layer[data-decision="SELL"]
.vd2e-decision-state{
  color:#ff6471 !important;
}

.vd2e-decision-layer[data-decision="WAIT"]
.vd2e-decision-state{
  color:#e2b552 !important;
}

/*
   GREEN LIGHT gets stronger analytical status without becoming
   execution permission.
*/
.vd2e-decision-layer[data-green-light="true"]{
  box-shadow:
    inset 0 0 0 1px rgba(40,216,139,.10),
    inset 3px 0 12px rgba(40,216,139,.035) !important;
}

.vd2e-decision-layer[data-green-light="true"]
#vd2eGreenLight{
  color:#31e497 !important;
}

.vd2e-decision-layer[data-green-light="false"]
#vd2eGreenLight{
  color:#e2b552 !important;
}

/*
   On shorter workstation displays keep readability improvements,
   but recover a little vertical space.
*/
@media(max-height:900px){

  .vd2e-decision-layer{
    padding:6px 8px 5px !important;
  }

  .vd2e-decision-head{
    min-height:24px;
    padding-bottom:5px !important;
    margin-bottom:3px !important;
  }

  .vd2e-decision-primary > b{
    font-size:17px !important;
  }

  .vd2e-decision-readiness > b{
    font-size:9px !important;
  }

  .vd2e-decision-row{
    padding:2px 0 !important;
  }

  .vd2e-decision-row b{
    font-size:8px !important;
  }

  .vd2e-advisory{
    display:none !important;
  }
}

/* END JARVIS WORKSTATION V-D2E-B3 DECISION READABILITY */

/* ==========================================================
   JARVIS WORKSTATION V-D2E-D2
   DECISION DETAIL PRESENTATION
   Existing authoritative intelligence only.
   ========================================================== */

#vd2eDecisionLayer .vd2e-detail-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  margin-top:8px;
}

#vd2eDecisionLayer .vd2e-detail{
  min-width:0;
  padding:7px 8px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:7px;
  background:rgba(255,255,255,.025);
}

#vd2eDecisionLayer .vd2e-detail span{
  display:block;
  margin-bottom:3px;
  font-size:9px;
  font-weight:700;
  letter-spacing:.08em;
  opacity:.58;
}

#vd2eDecisionLayer .vd2e-detail b{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  font-weight:800;
  letter-spacing:.025em;
}

#vd2eDecisionLayer .vd2e-evidence-row,
#vd2eDecisionLayer .vd2e-risk-row{
  display:grid;
  grid-template-columns:82px minmax(0,1fr);
  gap:8px;
  align-items:start;
  margin-top:7px;
  padding-top:7px;
  border-top:1px solid rgba(255,255,255,.065);
}

#vd2eDecisionLayer .vd2e-evidence-row span,
#vd2eDecisionLayer .vd2e-risk-row span{
  font-size:9px;
  font-weight:800;
  letter-spacing:.075em;
  opacity:.58;
}

#vd2eDecisionLayer .vd2e-evidence-row b,
#vd2eDecisionLayer .vd2e-risk-row b{
  min-width:0;
  font-size:10px;
  line-height:1.35;
  font-weight:650;
}

#vd2eDecisionLayer .vd2e-risk-row b{
  opacity:.88;
}

@media (max-width:1280px){
  #vd2eDecisionLayer .vd2e-detail-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-height:850px){
  #vd2eDecisionLayer .vd2e-detail{
    padding:5px 7px;
  }

  #vd2eDecisionLayer .vd2e-evidence-row,
  #vd2eDecisionLayer .vd2e-risk-row{
    margin-top:5px;
    padding-top:5px;
  }
}

/* ==========================================================
   JARVIS WORKSTATION V-D2E-D3
   DECISION CARD ALIGNMENT + CONTAINMENT

   Presentation only.
   Keeps D2 intelligence inside the existing card footprint.
   ========================================================== */

#vd2eDecisionLayer{
  box-sizing:border-box;
  min-height:0;
  overflow:hidden;
}

#vd2eDecisionLayer .vd2e-detail-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:4px;
  margin-top:5px;
}

#vd2eDecisionLayer .vd2e-detail{
  box-sizing:border-box;
  min-width:0;
  padding:4px 6px;
  border-radius:5px;
}

#vd2eDecisionLayer .vd2e-detail span{
  margin-bottom:1px;
  font-size:8px;
  line-height:1.05;
}

#vd2eDecisionLayer .vd2e-detail b{
  font-size:10px;
  line-height:1.1;
}

#vd2eDecisionLayer .vd2e-evidence-row,
#vd2eDecisionLayer .vd2e-risk-row{
  grid-template-columns:70px minmax(0,1fr);
  gap:6px;
  margin-top:4px;
  padding-top:4px;
}

#vd2eDecisionLayer .vd2e-evidence-row span,
#vd2eDecisionLayer .vd2e-risk-row span{
  font-size:8px;
  line-height:1.1;
}

#vd2eDecisionLayer .vd2e-evidence-row b,
#vd2eDecisionLayer .vd2e-risk-row b{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:9px;
  line-height:1.15;
}

/*
  Short workstation viewport:
  preserve one-row metric geometry rather than allowing the
  earlier responsive 2-column rule to make the card taller.
*/
@media (max-width:1280px){
  #vd2eDecisionLayer .vd2e-detail-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (max-height:900px){
  #vd2eDecisionLayer .vd2e-detail-grid{
    gap:3px;
    margin-top:4px;
  }

  #vd2eDecisionLayer .vd2e-detail{
    padding:3px 5px;
  }

  #vd2eDecisionLayer .vd2e-evidence-row,
  #vd2eDecisionLayer .vd2e-risk-row{
    margin-top:3px;
    padding-top:3px;
  }
}

/* ==========================================================
   JARVIS WORKSTATION V-D2E-D4
   DECISION CARD VERTICAL FIT

   Presentation / geometry only.

   Reallocates 34px from the largely unused lower workspace
   into the intelligence row at short desktop heights.

   Chart allocation is preserved approximately:
     previous intelligence row: 170px
     D4 intelligence row:       204px
     previous bottom workspace: 118px
     D4 bottom workspace:        84px

   No intelligence or execution semantics.
   ========================================================== */

#vd2eDecisionLayer{
  overflow:visible;
}

/*
  The reference-card itself remains overflow-contained.
  D4 gives the decision content enough legitimate vertical
  room rather than allowing it to escape the card.
*/
.jarvis-score-card{
  min-height:0;
}

/*
  User workstation screenshot is in the <=900px-height path.
  Increase the intelligence row by 34px.
*/
@media (max-height:900px){

  .terminal{
    grid-template-rows:
      60px
      minmax(0,1fr)
      84px
      28px !important;
  }

  .center{
    grid-template-rows:
      82px
      36px
      minmax(300px,1fr)
      29px
      33px
      204px !important;
  }

  .bottom-panel{
    height:84px !important;
  }

  .bottom-tabs{
    height:32px !important;
  }

  .bottom-content{
    height:52px !important;
  }

  #vd2eDecisionLayer .vd2e-detail-grid{
    margin-top:4px;
  }

  #vd2eDecisionLayer .vd2e-evidence-row,
  #vd2eDecisionLayer .vd2e-risk-row{
    margin-top:3px;
    padding-top:3px;
  }
}

/* ==========================================================
   JARVIS WORKSTATION V-D2E-D5
   DECISION INTERNAL FIT PATCH

   Presentation only.

   D5A confirmed:
   - Support and Invalidation exist in the Decision DOM.
   - Their renderer remains active.
   - D4 already allocated 204px to the intelligence row.
   - The generic .reference-card still clips overflow.

   Scope this exception ONLY to the Jarvis Decision card.
   All other reference cards retain their existing containment.

   No intelligence, scoring, execution, chart or market-data
   semantics are changed.
   ========================================================== */

.reference-card.jarvis-score-card{
  overflow:visible !important;
  position:relative;
  z-index:2;
}

.reference-card.jarvis-score-card #vd2eDecisionLayer{
  overflow:visible !important;
}

/*
  Keep the two final analytical context rows compact enough to
  remain inside the already allocated D4 intelligence footprint.
*/
.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-evidence-row,
.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-risk-row{
  min-height:0;
  margin-top:2px !important;
  padding-top:2px !important;
}

/*
  The advisory footer is semantic disclosure, not primary
  intelligence. Keep it readable without consuming excess height.
*/
.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-advisory{
  margin-top:2px !important;
  padding-top:2px !important;
  line-height:1 !important;
}

/*
  Short workstation viewport:
  preserve D4 outer geometry exactly.
*/
@media (max-height:900px){

  .reference-card.jarvis-score-card{
    overflow:visible !important;
  }

  .reference-card.jarvis-score-card
  #vd2eDecisionLayer{
    overflow:visible !important;
  }

  .reference-card.jarvis-score-card
  #vd2eDecisionLayer .vd2e-evidence-row,
  .reference-card.jarvis-score-card
  #vd2eDecisionLayer .vd2e-risk-row{
    margin-top:1px !important;
    padding-top:1px !important;
  }
}

/* ==========================================================
   JARVIS WORKSTATION V-D2E-D6
   DECISION CARD INTERNAL GRID ALIGNMENT

   Presentation only.

   D5 proved Support / Invalidation render correctly, but
   overflow-visible allowed them to escape the card.

   D6 restores containment and packs the final analytical
   context into a compact two-column row.

   No intelligence, scoring, execution, chart, market-data,
   broker or order semantics are changed.
   ========================================================== */

.reference-card.jarvis-score-card{
  overflow:hidden !important;
  position:relative;
  z-index:auto;
}

.reference-card.jarvis-score-card #vd2eDecisionLayer{
  box-sizing:border-box;
  height:100%;
  max-height:100%;
  min-height:0;
  overflow:hidden !important;
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:auto auto auto auto;
  column-gap:6px;
  row-gap:2px;
  align-content:start;
}

/*
  Existing primary decision content spans the full card.
*/
.reference-card.jarvis-score-card
#vd2eDecisionLayer > :not(.vd2e-evidence-row):not(.vd2e-risk-row){
  grid-column:1 / -1;
  min-width:0;
}

/*
  Preserve the four D2 metrics as one full-width horizontal row.
*/
.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-detail-grid{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:3px !important;
  margin-top:2px !important;
  min-width:0;
}

/*
  Final analytical context:
  SUPPORT | INVALIDATION
*/
.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-evidence-row,
.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-risk-row{
  box-sizing:border-box;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) !important;
  align-items:center;
  gap:4px !important;

  min-width:0;
  min-height:18px;

  margin:0 !important;
  padding:2px 5px !important;

  border-top:1px solid rgba(115,151,177,.13);
  overflow:hidden;
}

.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-evidence-row{
  grid-column:1;
}

.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-risk-row{
  grid-column:2;
}

.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-evidence-row span,
.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-risk-row span{
  display:block;
  margin:0 !important;
  padding:0 !important;

  font-size:7px !important;
  line-height:1 !important;
  letter-spacing:.05em;

  white-space:nowrap;
}

.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-evidence-row b,
.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-risk-row b{
  display:block;
  min-width:0;

  margin:0 !important;
  padding:0 !important;

  font-size:8px !important;
  line-height:1.1 !important;

  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/*
  Advisory disclosure remains contained and visually subordinate.
*/
.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-advisory{
  grid-column:1 / -1;

  margin:0 !important;
  padding:1px 0 0 !important;

  font-size:6px !important;
  line-height:1 !important;

  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/*
  Short-height production workstation.
  Preserve D4 outer geometry; only internal packing changes.
*/
@media (max-height:900px){

  .reference-card.jarvis-score-card{
    overflow:hidden !important;
  }

  .reference-card.jarvis-score-card #vd2eDecisionLayer{
    height:100%;
    max-height:100%;
    overflow:hidden !important;
    row-gap:1px;
  }

  .reference-card.jarvis-score-card
  #vd2eDecisionLayer .vd2e-detail{
    padding:2px 5px !important;
  }

  .reference-card.jarvis-score-card
  #vd2eDecisionLayer .vd2e-evidence-row,
  .reference-card.jarvis-score-card
  #vd2eDecisionLayer .vd2e-risk-row{
    min-height:16px;
    padding:1px 4px !important;
  }
}

/* ==========================================================
   JARVIS WORKSTATION V-D2E-D7
   DECISION CARD FINAL MICRO-COMPACTION

   D6 established the correct internal structure:
   - four metrics in one row
   - Support left
   - Invalidation right
   - card containment restored

   D7 recovers only a few internal vertical pixels so the
   final analytical row is fully visible.

   Outer workstation geometry remains untouched.
   ========================================================== */

.reference-card.jarvis-score-card #vd2eDecisionLayer{
  row-gap:0 !important;
}

/*
  Tighten the primary decision block without reducing the
  prominence of the actual BUY / SELL / WAIT decision.
*/
.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-decision-head{
  margin-bottom:1px !important;
  padding-bottom:1px !important;
}

.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-row{
  min-height:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-top:1px !important;
  padding-bottom:1px !important;
  line-height:1.05 !important;
}

/*
  Four metrics remain readable but consume less vertical space.
*/
.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-detail-grid{
  margin-top:1px !important;
  gap:2px !important;
}

.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-detail{
  min-height:0 !important;
  padding:1px 5px !important;
}

.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-detail span{
  margin:0 !important;
  line-height:1 !important;
}

.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-detail b{
  margin:0 !important;
  line-height:1 !important;
}

/*
  Guarantee a small, fully contained final analytical row.
*/
.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-evidence-row,
.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-risk-row{
  min-height:14px !important;
  height:14px !important;
  margin:0 !important;
  padding:1px 4px !important;
  align-self:start;
}

.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-evidence-row span,
.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-risk-row span{
  font-size:6px !important;
  line-height:1 !important;
}

.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-evidence-row b,
.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-risk-row b{
  font-size:7px !important;
  line-height:1 !important;
}

/*
  Advisory disclosure is not allowed to push the analytical
  fields out of the card. Keep it subordinate and contained.
*/
.reference-card.jarvis-score-card
#vd2eDecisionLayer .vd2e-advisory{
  margin:0 !important;
  padding:0 !important;
  font-size:5px !important;
  line-height:1 !important;
  max-height:6px;
  overflow:hidden;
}

@media (max-height:900px){

  .reference-card.jarvis-score-card
  #vd2eDecisionLayer{
    row-gap:0 !important;
  }

  .reference-card.jarvis-score-card
  #vd2eDecisionLayer .vd2e-row{
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  .reference-card.jarvis-score-card
  #vd2eDecisionLayer .vd2e-detail{
    padding-top:1px !important;
    padding-bottom:1px !important;
  }

  .reference-card.jarvis-score-card
  #vd2eDecisionLayer .vd2e-evidence-row,
  .reference-card.jarvis-score-card
  #vd2eDecisionLayer .vd2e-risk-row{
    min-height:13px !important;
    height:13px !important;
  }
}

/* ==========================================================
   JARVIS WORKSTATION V-D2F-C
   PROFESSIONAL TRADE WORKFLOW UX

   Presentation + navigation only.

   Existing guarded workflow:
     1. Ticket
     2. Server Risk
     3. Review / Approval
     4. Paper Authority

   No broker authority.
   No order-submission authority.
   No execution authority.
   ========================================================== */

.order-panel{
  position:relative;
  scroll-margin-top:8px;
}

/*
  Compact visual process map for the EXISTING workflow.
  This is informational only and carries no authority.
*/
.order-panel::before{
  content:"1  TICKET   ?   2  RISK   ?   3  REVIEW   ?   4  PAPER AUTHORITY";
  display:block;

  margin:-2px 0 9px;
  padding:6px 7px;

  border:1px solid #1d3548;
  border-left:2px solid #2f8cff;
  background:#08131d;

  color:#879aaa;

  font-size:7px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.055em;

  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/*
  Header TRADE navigation arrival state.
  Temporary only; JS removes it automatically.
*/
.order-panel.vd2f-trade-focus{
  border-top-color:#2f8cff !important;
  background:
    linear-gradient(
      180deg,
      rgba(47,140,255,.075),
      rgba(47,140,255,0) 105px
    ),
    var(--surface);
  box-shadow:
    inset 3px 0 0 rgba(47,140,255,.72);
}

/*
  Preserve the hierarchy:
  ticket selection -> risk gate -> review.
*/
.order-panel .section-title{
  min-height:14px;
}

.order-panel .t3y-risk-gate{
  margin-top:9px;
}

.order-panel #reviewTrade{
  margin-top:2px;
}

/*
  Review/handoff is consequential, so maintain visual separation
  from ordinary ticket controls.
*/
.order-panel .t3r-review-panel:not(.hidden){
  margin-top:9px;
  padding-top:9px;
  border-top:1px solid #23415a;
}

/*
  Keep paper-authority language subordinate and explicit.
*/
.order-panel .t3s-authority-panel{
  background:#07121a;
  padding:8px;
  border:1px solid #193247;
}

#refTradeButton{
  transition:
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease;
}

#refTradeButton:hover{
  box-shadow:
    0 0 0 1px rgba(47,140,255,.22);
}


/* ==========================================================
   JARVIS WORKSTATION V-D2F-C3
   GUARDED TRADE WORKFLOW RIGHT-RAIL ACCESS

   Root-cause correction:
   The production right rail was deliberately overflow:hidden
   by an older reference-layout containment rule. V-D2F-C2
   correctly targets this rail, but a non-scrollable rail cannot
   navigate to the existing Order / Risk workflow.

   Presentation/navigation geometry only.
   No broker authority.
   No order-submission authority.
   No execution authority.
   ========================================================== */

.right-panel{
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain;
}

.right-panel > .order-panel{
  display:block !important;
  flex:0 0 auto !important;
  min-height:max-content;
}

/* Preserve the existing account summary after the workflow. */
.right-panel > .reference-account-summary{
  flex:0 0 auto !important;
}

/* Visual focus remains advisory/navigation-only. */
.right-panel > .order-panel.vd2f-trade-focus{
  position:relative;
}

/* END JARVIS WORKSTATION V-D2F-C3 */