/* Alpha Engine — Aladdin Intelligence Engine v5.0 */
/* Dark-first terminal aesthetic | JetBrains Mono + Inter | Teal accent #00d4aa */

/* ─── DESIGN TOKENS ──────────────────────────────────────────────────────── */
:root,
[data-theme='dark'] {
  --bg:        #0d0e10;
  --surface-1: #12141a;
  --surface-2: #171921;
  --surface-3: #1c1f28;
  --border:    #252830;
  --border-2:  #2e3140;

  --text:      #e2e4ec;
  --text-muted:#8b8fa8;
  --text-faint:#4a4e63;

  --accent:    #00d4aa;
  --accent-dim:#00a884;
  --bull:      #00c896;
  --bear:      #ff4d6d;
  --warn:      #f0a500;
  --neutral:   #7c84a3;
  --purple:    #a78bfa;

  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
  --font-ui:   'Inter', -apple-system, sans-serif;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  --shadow:    0 2px 12px rgba(0,0,0,0.4);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.5);
}

[data-theme='light'] {
  --bg:        #f0f2f5;
  --surface-1: #ffffff;
  --surface-2: #f7f8fa;
  --surface-3: #eef0f4;
  --border:    #dde0e8;
  --border-2:  #cdd0db;
  --text:      #1a1d2e;
  --text-muted:#5c6080;
  --text-faint:#9ca0b8;
  --shadow:    0 2px 8px rgba(0,0,0,0.1);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.15);
}

/* ─── BASE ───────────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  height: 100%;
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

.num { font-family: var(--font-mono); font-variant-numeric: tabular-nums lining-nums; }
.bull { color: var(--bull); }
.bear { color: var(--bear); }
.neutral { color: var(--neutral); }
.warn-color { color: var(--warn); }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }

/* ─── HEADER ─────────────────────────────────────────────────────────────── */
.header {
  position: sticky; top: 0; z-index: 100;
  display: flex; align-items: center; gap: 12px;
  height: 48px; min-height: 48px; padding: 0 16px;
  box-sizing: border-box;
  background: var(--surface-1);
  border-bottom: 1px solid var(--border);
  box-shadow: var(--shadow);
}

.header-left { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.logo-svg { width: 28px; height: 28px; }
.logo-text { display: flex; flex-direction: column; line-height: 1.1; }
.logo-name { font-family: var(--font-mono); font-size: 11px; font-weight: 700; color: var(--accent); letter-spacing: 2px; }
.logo-sub  { font-size: 9px; font-weight: 500; color: var(--text-faint); letter-spacing: 1.5px; text-transform: uppercase; }
.logo-version { font-size: 8px; font-weight: 600; color: var(--accent); letter-spacing: 1px; font-family: var(--font-mono); background: color-mix(in srgb, var(--accent) 12%, transparent); padding: 1px 5px; border-radius: 3px; border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent); margin-top: 2px; }

.header-center { flex: 1; overflow: hidden; min-width: 0; height: 24px; position: relative; }
.header-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; min-width: 560px; justify-content: flex-end; }
.header-meta { display: flex; align-items: center; gap: 8px; }

.clock { font-family: var(--font-mono); font-size: 11px; color: var(--text-muted); width: 72px; text-align: center; white-space: nowrap; }
.sentiment-badge { font-family: var(--font-mono); font-size: 10px; font-weight: 600; color: var(--bull); letter-spacing: 1px; min-width: 92px; white-space: nowrap; }
.refresh-time { font-family: var(--font-mono); font-size: 10px; color: var(--text-muted); white-space: nowrap; width: 128px; text-align: center; display: inline-block; }
.signal-freshness { font-family: var(--font-mono); font-size: 9px; font-weight: 600; letter-spacing: 0.5px; padding: 2px 6px; border-radius: 3px; white-space: nowrap; min-width: 96px; text-align: center; box-sizing: border-box; }
.signal-fresh { background: rgba(0,212,170,0.12); color: var(--bull); border: 1px solid rgba(0,212,170,0.3); }
.signal-stale { background: rgba(239,68,68,0.10); color: var(--bear); border: 1px solid rgba(239,68,68,0.25); }

.theme-toggle, .refresh-btn, .ip-mode-toggle {
  background: none; border: 1px solid var(--border-2); border-radius: var(--radius-sm);
  color: var(--text-muted); padding: 4px 6px; cursor: pointer;
  display: flex; align-items: center;
  transition: color 0.15s, border-color 0.15s;
}
.theme-toggle:hover, .refresh-btn:hover, .ip-mode-toggle:hover { color: var(--accent); border-color: var(--accent); }
.ip-mode-toggle {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding: 5px 8px;
  color: var(--accent);
  background: rgba(0,212,170,0.08);
  border-color: rgba(0,212,170,0.2);
}
.ip-owner-mode .ip-mode-toggle {
  color: var(--warn);
  background: rgba(240,165,0,0.1);
  border-color: rgba(240,165,0,0.24);
}
.ip-safe-mode .owner-sensitive { display: none !important; }

.owner-mode-notice {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 14px;
  border-bottom: 1px solid var(--border);
  background: rgba(12, 14, 20, 0.88);
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.03em;
}
.owner-mode-notice strong {
  color: var(--accent);
  font-size: 10px;
  letter-spacing: 0.08em;
}
.owner-mode-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 10px rgba(0,212,170,0.45);
  flex: 0 0 auto;
}
.ip-owner-mode .owner-mode-notice {
  background: rgba(22, 16, 6, 0.9);
  border-bottom-color: rgba(240,165,0,0.22);
}
.ip-owner-mode .owner-mode-notice strong {
  color: var(--warn);
}
.ip-owner-mode .owner-mode-dot {
  background: var(--warn);
  box-shadow: 0 0 10px rgba(240,165,0,0.42);
}

/* Ticker Bar */
#tickerBar { overflow: hidden; }
.ticker-track {
  display: flex; align-items: center; gap: 0; height: 100%; white-space: nowrap;
  animation: none;
  transform: none;
}
.ticker-item { display: inline-flex; align-items: center; gap: 5px; padding: 0 14px; border-right: 1px solid var(--border); }
.ticker-sym   { font-family: var(--font-mono); font-size: 10px; font-weight: 600; color: var(--text-muted); }
.ticker-price { font-family: var(--font-mono); font-size: 11px; color: var(--text); }
.ticker-chg   { font-family: var(--font-mono); font-size: 10px; }
@keyframes tickerScroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
.ticker-track:hover { animation-play-state: paused; }

/* ─── MAIN LAYOUT ────────────────────────────────────────────────────────── */
.main {
  padding: 12px 16px 32px;
  display: flex; flex-direction: column; gap: 12px;
  max-width: 1800px; margin: 0 auto;
}
.row-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: start; }

/* ─── CARDS ──────────────────────────────────────────────────────────────── */
.card {
  background: var(--surface-1);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  scroll-margin-top: 56px;
}
.card-header {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 14px; border-bottom: 1px solid var(--border);
  background: var(--surface-2);
  flex-wrap: wrap; gap: 8px;
}
.section-tag {
  font-family: var(--font-mono); font-size: 10px; font-weight: 700;
  color: var(--accent); background: rgba(0,212,170,0.1);
  padding: 2px 7px; border-radius: var(--radius-sm);
  border: 1px solid rgba(0,212,170,0.25); letter-spacing: 1px;
}
.section-title {
  font-size: 12px; font-weight: 700; color: var(--text); letter-spacing: 0.5px;
  text-transform: uppercase;
}
.section-subtitle {
  font-size: 10px; color: var(--text-faint); font-family: var(--font-mono); margin-left: auto;
}

/* ─── DELAY DETECTOR BANNER ──────────────────────────────────────────────── */
.delay-banner {
  background: var(--surface-1);
  border: 1px solid var(--border);
  border-left: 4px solid var(--warn);
  border-radius: var(--radius-lg);
  padding: 12px 16px;
}
.delay-banner-inner { display: flex; align-items: flex-start; gap: 20px; flex-wrap: wrap; }
.delay-label-block { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.delay-tag { font-family: var(--font-mono); font-size: 9px; font-weight: 700; letter-spacing: 2px; color: var(--warn); text-transform: uppercase; }
.delay-score-label { font-family: var(--font-mono); font-size: 12px; color: var(--text-muted); }
.delay-score-label strong { color: var(--warn); font-size: 15px; }

.delay-verdict {
  font-family: var(--font-mono); font-size: 11px; font-weight: 700;
  padding: 3px 10px; border-radius: 3px; letter-spacing: 1px;
}
.delay-verdict.ready { background: rgba(0,200,150,0.15); color: var(--bull); }
.delay-verdict.wait  { background: rgba(240,165,0,0.15); color: var(--warn); }
.delay-verdict.warn  { background: rgba(240,100,0,0.15); color: #f06000; }
.delay-verdict.bad   { background: rgba(255,77,109,0.15); color: var(--bear); }

.delay-bars { display: flex; flex-direction: column; gap: 5px; flex: 1; min-width: 260px; }
.delay-bar-item { display: grid; grid-template-columns: 130px 1fr 36px 1fr; align-items: center; gap: 6px; }
.delay-bar-label { font-size: 10px; color: var(--text-muted); font-family: var(--font-mono); }
.delay-bar-track { height: 5px; background: var(--surface-3); border-radius: 3px; overflow: hidden; }
.delay-bar-fill  { height: 100%; border-radius: 3px; transition: width 0.4s ease; }
.bar-ok   { background: var(--bull); }
.bar-warn { background: var(--warn); }
.bar-bad  { background: var(--bear); }
.delay-bar-val  { font-family: var(--font-mono); font-size: 10px; color: var(--text-muted); text-align: right; }
.delay-bar-note { font-size: 10px; color: var(--text-faint); }
.delay-interpretation { font-size: 11px; color: var(--text-muted); flex: 1; min-width: 200px; line-height: 1.5; }

/* ─── REGIME CARD ─────────────────────────────────────────────────────────── */
.regime-body { padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; }
.regime-badge { font-family: var(--font-mono); font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 3px; letter-spacing: 1.5px; margin-left: auto; }
.regime-badge.bull    { background: rgba(0,200,150,0.15); color: var(--bull); }
.regime-badge.bear    { background: rgba(255,77,109,0.15); color: var(--bear); }
.regime-badge.neutral { background: rgba(124,132,163,0.15); color: var(--neutral); }

/* Regime probability vector */
.regime-prob-vector { display: flex; flex-direction: column; gap: 5px; }
.prob-item { display: grid; grid-template-columns: 100px 1fr 36px; align-items: center; gap: 6px; position: relative; }
.prob-item.prob-bar-dominant { background: rgba(0,212,170,0.05); padding: 2px 4px; border-radius: 4px; }
.prob-item.prob-zero { opacity: 0.82; }
.prob-label { font-family: var(--font-mono); font-size: 9px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; }
.prob-track { height: 6px; background: var(--surface-3); border-radius: 3px; overflow: hidden; }
.prob-fill  { height: 100%; border-radius: 3px; transition: width 0.6s ease; }
.prob-fill.bull    { background: var(--bull); }
.prob-fill.bear    { background: var(--bear); }
.prob-fill.neutral { background: var(--neutral); }
.prob-zero .prob-fill { background: rgba(124,132,163,0.45); }
.prob-pct { font-family: var(--font-mono); font-size: 10px; text-align: right; }
.prob-dominant-badge { font-family: var(--font-mono); font-size: 8px; color: var(--accent); background: rgba(0,212,170,0.15); padding: 1px 5px; border-radius: 2px; position: absolute; right: -70px; white-space: nowrap; }

.regime-stat-row { display: flex; gap: 14px; align-items: flex-start; flex-wrap: wrap; }
.regime-stat-block { display: flex; flex-direction: column; gap: 4px; }
.regime-bias { font-family: var(--font-mono); font-size: 12px; font-weight: 700; color: var(--accent); }
.regime-bias strong { color: var(--warn); }
.regime-vix  { font-family: var(--font-mono); font-size: 11px; color: var(--text-muted); }
.vix-delta   { font-family: var(--font-mono); font-size: 10px; }
.spy-recovery { font-size: 10px; color: var(--text-faint); }

/* VIX Term Structure */
.vix-term-wrap { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.vix-term-label { font-family: var(--font-mono); font-size: 9px; color: var(--text-faint); text-transform: uppercase; letter-spacing: 1px; }
.vix-term-bars { display: flex; align-items: flex-end; gap: 8px; height: 80px; }
.vts-bar-wrap { display: flex; flex-direction: column; align-items: center; gap: 3px; }
.vts-val { font-family: var(--font-mono); font-size: 9px; color: var(--text-muted); }
.vts-bar { width: 22px; background: linear-gradient(180deg, rgba(124,132,163,0.45), rgba(124,132,163,0.16)); border-radius: 3px 3px 0 0; transition: height 0.4s ease; border: 1px solid rgba(124,132,163,0.35); }
.vts-bar.vts-tenor { box-shadow: 0 0 10px rgba(124,132,163,0.12); }
.vts-bar-wrap.vts-current .vts-bar { background: var(--accent); border-color: var(--accent); }
.vts-lbl { font-family: var(--font-mono); font-size: 8px; color: var(--text-faint); text-transform: uppercase; }
.vix-term-structure-label { font-family: var(--font-mono); font-size: 9px; font-weight: 700; letter-spacing: 1px; }
.vix-term-structure-label.contango       { color: var(--bull); }
.vix-term-structure-label.backwardation  { color: var(--bear); }

.regime-details { list-style: none; display: flex; flex-direction: column; gap: 3px; }
.regime-detail-item { display: flex; align-items: baseline; gap: 8px; font-size: 11px; }
.detail-badge { font-family: var(--font-mono); font-size: 8px; font-weight: 700; padding: 1px 5px; border-radius: 2px; letter-spacing: 1px; flex-shrink: 0; }
.detail-badge.bull    { background: rgba(0,200,150,0.15); color: var(--bull); }
.detail-badge.bear    { background: rgba(255,77,109,0.15); color: var(--bear); }
.detail-badge.neutral { background: rgba(124,132,163,0.12); color: var(--neutral); }
.detail-key { color: var(--text-muted); font-weight: 600; flex-shrink: 0; }
.detail-val { color: var(--text); font-size: 10px; }

/* ─── CROSS-ASSET GRID ───────────────────────────────────────────────────── */
.asset-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  grid-auto-rows: minmax(80px, auto);
  gap: 1px; background: var(--border);
  align-content: start;
}
.asset-cell {
  background: var(--surface-1); padding: 10px 10px 8px;
  display: flex; flex-direction: column; gap: 2px;
  text-decoration: none; cursor: pointer;
  transition: background 0.15s;
}
.asset-cell:hover { background: var(--surface-3); }
.asset-sym   { font-family: var(--font-mono); font-size: 11px; font-weight: 700; color: var(--accent); }
.asset-name  { font-size: 9px; color: var(--text-faint); margin-bottom: 2px; }
.asset-price { font-family: var(--font-mono); font-size: 13px; font-weight: 600; color: var(--text); }
.asset-change{ font-family: var(--font-mono); font-size: 10px; }
.asset-note  { font-size: 8px; color: var(--text-faint); margin-top: 2px; }
.asset-filter-tabs { display: flex; gap: 4px; margin-left: auto; }

.mini-cross-strip-card {
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.008));
  padding: 10px 12px 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mini-cross-strip-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}
.mini-cross-strip-kicker {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 3px;
}
.mini-cross-strip-title {
  font-size: 12px;
  font-weight: 600;
  color: var(--text);
}
.mini-cross-strip-link {
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 999px;
  padding: 5px 9px;
  background: rgba(255,255,255,0.03);
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
}
.mini-cross-strip-link:hover {
  color: var(--accent);
  border-color: rgba(0,212,170,0.25);
  background: rgba(0,212,170,0.08);
}
.mini-cross-strip-summary {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.mini-cross-tone {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 999px;
  padding: 3px 8px;
}
.mini-cross-tone-bull { background: rgba(0,200,150,0.12); color: var(--bull); border: 1px solid rgba(0,200,150,0.2); }
.mini-cross-tone-bear { background: rgba(255,77,109,0.12); color: var(--bear); border: 1px solid rgba(255,77,109,0.2); }
.mini-cross-tone-neutral { background: rgba(124,132,163,0.12); color: var(--text-muted); border: 1px solid rgba(124,132,163,0.18); }
.mini-cross-summary-text {
  font-size: 10px;
  color: var(--text-muted);
}
.mini-cross-strip-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}
.mini-cross-pill {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 9px 10px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.05);
  background: rgba(255,255,255,0.02);
  text-decoration: none;
  transition: border-color 0.15s ease, background 0.15s ease, transform 0.15s ease;
}
.mini-cross-pill:hover {
  border-color: rgba(0,212,170,0.2);
  background: rgba(255,255,255,0.035);
  transform: translateY(-1px);
}
.mini-cross-pill-top,
.mini-cross-pill-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.mini-cross-sym {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 700;
  color: var(--accent);
}
.mini-cross-price {
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 700;
  color: var(--text);
}
.mini-cross-name {
  font-size: 9px;
  color: var(--text-faint);
}
.mini-cross-change {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 700;
}

/* ─── QUANT METRICS GRID ─────────────────────────────────────────────────── */
.quant-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--border); }
.quant-cell { background: var(--surface-1); padding: 12px 14px; display: flex; flex-direction: column; gap: 5px; }
.quant-ticker { font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--accent); margin-bottom: 4px; }
.quant-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.qr-label { font-size: 10px; color: var(--text-muted); }
.qr-val   { font-family: var(--font-mono); font-size: 11px; font-weight: 600; color: var(--text); }
.quant-footer { font-family: var(--font-mono); font-size: 9px; font-weight: 700; padding: 2px 6px; border-radius: 3px; text-align: center; letter-spacing: 0.5px; margin-top: 4px; }
.quant-footer.bull    { background: rgba(0,200,150,0.15); color: var(--bull); }
.quant-footer.neutral { background: rgba(124,132,163,0.1); color: var(--neutral); }
.quant-footer.bear    { background: rgba(255,77,109,0.1); color: var(--bear); }

/* ─── TABS ───────────────────────────────────────────────────────────────── */
.tab-btn {
  font-family: var(--font-mono); font-size: 9px; font-weight: 600;
  padding: 3px 8px; border: 1px solid var(--border-2); border-radius: var(--radius-sm);
  color: var(--text-muted); background: none; cursor: pointer;
  transition: all 0.15s; letter-spacing: 0.5px;
}
.tab-btn:hover  { color: var(--accent); border-color: var(--accent); }
.tab-btn.active { color: var(--accent); border-color: var(--accent); background: rgba(0,212,170,0.08); }

/* ─── TRADE GRID ─────────────────────────────────────────────────────────── */
.trade-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(272px, 1fr)); gap: 10px; padding: 10px 14px 14px; }

.trade-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.022), rgba(255,255,255,0.01));
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 10px; overflow: hidden;
  box-shadow: 0 8px 20px rgba(0,0,0,0.18);
  transition: border-color 0.15s, transform 0.1s, background 0.15s, box-shadow 0.15s;
}
.trade-card:hover { border-color: rgba(255,255,255,0.12); transform: translateY(-1px); background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.012)); box-shadow: 0 10px 24px rgba(0,0,0,0.22); }
.call-card { border-top: 2px solid var(--bull); }
.put-card  { border-top: 2px solid var(--bear); }
.trade-card.trade-blocked { border-color: rgba(255,77,109,0.12); background: linear-gradient(180deg, rgba(255,77,109,0.04), rgba(255,255,255,0.01)); }
.trade-card.trade-actionable { border-color: rgba(0,212,170,0.14); }

.trade-card-header { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px 7px; }
.trade-card-left { display: flex; align-items: center; gap: 7px; }
.trade-ticker { font-family: var(--font-mono); font-size: 14px; font-weight: 700; color: var(--text); }

.trade-type { font-family: var(--font-mono); font-size: 9px; font-weight: 700; padding: 1px 6px; border-radius: 2px; letter-spacing: 1px; }
.trade-type.call { background: rgba(0,200,150,0.15); color: var(--bull); }
.trade-type.put  { background: rgba(255,77,109,0.15); color: var(--bear); }

.trade-conf { font-family: var(--font-mono); font-size: 10px; }
.trade-conf.high { color: var(--bull); }
.trade-conf.med  { color: var(--warn); }
.trade-conf.low  { color: var(--bear); }

.trade-quick-row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
  padding: 0 12px 8px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  flex-wrap: wrap;
}
.trade-quick-badges { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.trade-verdict,
.trade-grade,
.trade-prob {
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 999px;
  padding: 3px 7px;
}
.trade-verdict-blocked { background: rgba(255,77,109,0.12); color: var(--bear); border: 1px solid rgba(255,77,109,0.22); }
.trade-verdict-live { background: rgba(0,212,170,0.12); color: var(--bull); border: 1px solid rgba(0,212,170,0.22); }
.trade-grade-elite { background: rgba(0,200,150,0.12); color: var(--bull); border: 1px solid rgba(0,200,150,0.2); }
.trade-grade-strong { background: rgba(0,212,170,0.1); color: var(--accent); border: 1px solid rgba(0,212,170,0.18); }
.trade-grade-soft { background: rgba(240,165,0,0.1); color: var(--warn); border: 1px solid rgba(240,165,0,0.18); }
.trade-grade-muted { background: rgba(124,132,163,0.12); color: var(--text-muted); border: 1px solid rgba(124,132,163,0.18); }
.trade-prob { color: var(--text-muted); background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); }

.trade-card-body { padding: 8px 12px 9px; display: flex; flex-direction: column; gap: 6px; }
.trade-headline-row { display: flex; justify-content: space-between; gap: 8px; align-items: flex-start; }
.trade-strike { font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--text); }
.trade-expiry { font-family: var(--font-mono); font-size: 10px; color: var(--text-muted); white-space: nowrap; }
.trade-summary {
  font-size: 10px;
  color: var(--text-muted);
  line-height: 1.45;
  min-height: 28px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.trade-levels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 2px; }
.level-box { flex: 1; background: rgba(255,255,255,0.035); border: 1px solid rgba(255,255,255,0.05); border-radius: 6px; padding: 6px 7px; display: flex; flex-direction: column; gap: 2px; }
.level-label { font-size: 8px; color: var(--text-faint); text-transform: uppercase; letter-spacing: 0.5px; }
.level-val   { font-family: var(--font-mono); font-size: 11px; font-weight: 600; }
.level-box.entry .level-val { color: var(--accent); }
.level-box.stop  .level-val { color: var(--bear); }
.level-box.t1    .level-val { color: var(--bull); }

/* Aladdin TQS mini row on trade cards */
.trade-vol-strip { display: flex; align-items: center; gap: 5px; padding: 3px 12px 4px; flex-wrap: wrap; border-top: 1px solid rgba(255,255,255,0.04); }
.vol-quality-badge { font-family: var(--font-mono); font-size: 8px; font-weight: 700; padding: 1px 5px; border-radius: 2px; letter-spacing: 0.5px; }
.vol-high   { background: rgba(0,200,150,0.15); color: var(--bull); }
.vol-normal { background: rgba(100,180,255,0.12); color: #64b4ff; }
.vol-low    { background: rgba(255,255,255,0.06); color: var(--text-muted); }
.vol-thin   { background: rgba(255,77,109,0.12); color: var(--bear); }
.vol-stat   { font-family: var(--font-mono); font-size: 9px; color: var(--text-faint); }
.vol-rvol   { color: var(--warn); }
.trade-card-aladdin { display: flex; align-items: center; gap: 5px; padding: 0 12px 6px; flex-wrap: wrap; }

.trade-card-footer { display: flex; align-items: center; gap: 6px; padding: 8px 12px 10px; border-top: 1px solid rgba(255,255,255,0.06); flex-wrap: wrap; }
.timing-badge { font-family: var(--font-mono); font-size: 9px; font-weight: 700; padding: 2px 6px; border-radius: 2px; letter-spacing: 0.5px; }
.timing-badge.today  { background: rgba(0,200,150,0.15); color: var(--bull); }
.timing-badge.watch  { background: rgba(240,165,0,0.15); color: var(--warn); }
.timing-badge.wait   { background: rgba(255,77,109,0.12); color: var(--bear); }

.rr-badge { font-family: var(--font-mono); font-size: 10px; color: var(--text-muted); }
.rr-badge span { color: var(--accent); }
.regime-indicator { font-family: var(--font-mono); font-size: 9px; color: var(--text-faint); text-transform: uppercase; letter-spacing: 0.04em; }
.regime-indicator.active      { color: var(--bull); }
.regime-indicator.watch       { color: var(--warn); }
.regime-indicator.wait        { color: var(--warn); }
.regime-indicator.suppressed  { color: var(--bear); }
.regime-indicator.squeeze     { color: #f97316; }
.regime-indicator.trend-up    { color: var(--bull); }
.regime-indicator.chop-mr     { color: var(--text-muted); }
.regime-indicator.bear        { color: var(--bear); }
.regime-indicator.high-vol    { color: var(--bear); }
.regime-indicator.rangebound  { color: var(--text-muted); }
.regime-indicator.scalp       { color: var(--warn); }

.detail-btn {
  font-family: var(--font-mono); font-size: 9px; padding: 3px 8px;
  background: rgba(0,212,170,0.1); border: 1px solid rgba(0,212,170,0.3);
  border-radius: 3px; color: var(--accent); cursor: pointer; margin-left: auto;
  transition: background 0.15s;
}
.detail-btn:hover { background: rgba(0,212,170,0.2); }

/* Mini badges on trade cards */
.tqs-mini { font-family: var(--font-mono); font-size: 9px; font-weight: 700; padding: 1px 6px; border-radius: 2px; }
.tqs-mini.tqs-valid   { background: rgba(0,200,150,0.12); color: var(--bull); }
.tqs-mini.tqs-watch   { background: rgba(240,165,0,0.12); color: var(--warn); }
.tqs-mini.tqs-notrade { background: rgba(255,77,109,0.12); color: var(--bear); }

.delay-mini { font-family: var(--font-mono); font-size: 8px; font-weight: 600; padding: 1px 5px; border-radius: 2px; letter-spacing: 0.3px; }
.delay-mini.ready { color: var(--bull); background: rgba(0,200,150,0.1); }
.delay-mini.warn  { color: var(--warn); background: rgba(240,165,0,0.1); }
.delay-mini.bad   { color: var(--bear); background: rgba(255,77,109,0.1); }

.kelly-mini { font-family: var(--font-mono); font-size: 8px; color: var(--text-faint); }

/* TQS component score bars on trade card */
.tqs-card-comps {
  padding: 6px 12px 4px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  border-top: 1px solid rgba(255,255,255,0.05);
}
.tqs-cc {
  display: grid;
  grid-template-columns: 44px 1fr 22px;
  align-items: center; gap: 5px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.04);
  border-radius: 6px;
  padding: 4px 5px;
}
.tqs-cc-lbl {
  font-family: var(--font-mono); font-size: 8px;
  color: var(--text-faint); white-space: nowrap; overflow: hidden;
}
.tqs-cc-track {
  height: 3px; background: var(--surface-3);
  border-radius: 2px; overflow: hidden;
}
.tqs-cc-fill { height: 100%; border-radius: 2px; transition: width 0.4s ease; }
.tqs-cc-fill.comp-ok   { background: var(--bull); }
.tqs-cc-fill.comp-warn { background: var(--warn); }
.tqs-cc-fill.comp-bad  { background: var(--bear); }
.tqs-cc-val {
  font-family: var(--font-mono); font-size: 8px;
  color: var(--text-muted); text-align: right;
}

.falcon-trade-badge { font-family: var(--font-mono); font-size: 9px; padding: 2px 6px; border-radius: 2px; cursor: default; }
.falcon-full  { background: rgba(0,200,150,0.15); color: var(--bull); }
.falcon-high  { background: rgba(0,200,150,0.1); color: var(--accent-dim); }
.falcon-med   { background: rgba(240,165,0,0.1); color: var(--warn); }
.falcon-low   { background: rgba(255,77,109,0.08); color: var(--bear); }
.falcon-skip  { background: rgba(124,132,163,0.08); color: var(--text-faint); }

/* ─── TQS SCORECARDS ─────────────────────────────────────────────────────── */
.tqs-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 10px; padding: 12px 14px; }
.tqs-card {
  background: var(--surface-2); border: 1px solid var(--border);
  border-radius: var(--radius-md); padding: 12px; display: flex; flex-direction: column; gap: 8px;
}
.tqs-card.tqs-valid   { border-top: 2px solid var(--bull); }
.tqs-card.tqs-watch   { border-top: 2px solid var(--warn); }
.tqs-card.tqs-notrade { border-top: 2px solid var(--border-2); opacity: 0.7; }

.tqs-header { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.tqs-name { font-family: var(--font-mono); font-size: 11px; font-weight: 700; color: var(--text); }
.tqs-label { font-family: var(--font-mono); font-size: 9px; font-weight: 700; padding: 1px 6px; border-radius: 2px; }
.tqs-label.tqs-valid   { background: rgba(0,200,150,0.15); color: var(--bull); }
.tqs-label.tqs-watch   { background: rgba(240,165,0,0.15); color: var(--warn); }
.tqs-label.tqs-notrade { background: rgba(124,132,163,0.12); color: var(--text-faint); }

.tqs-score-row { display: flex; gap: 12px; align-items: center; }
.tqs-gauge-wrap { flex: 1; display: flex; flex-direction: column; gap: 4px; }
.tqs-score-num { font-family: var(--font-mono); font-size: 22px; font-weight: 700; }
.tqs-score-num.tqs-gauge-valid { color: var(--bull); }
.tqs-score-num.tqs-gauge-watch { color: var(--warn); }
.tqs-score-num.tqs-gauge-bad   { color: var(--bear); }
.tqs-gauge-track { height: 6px; background: var(--surface-3); border-radius: 3px; overflow: hidden; }
.tqs-gauge-fill { height: 100%; border-radius: 3px; transition: width 0.6s ease; }
.tqs-gauge-fill.tqs-gauge-valid { background: var(--bull); }
.tqs-gauge-fill.tqs-gauge-watch { background: var(--warn); }
.tqs-gauge-fill.tqs-gauge-bad   { background: var(--bear); }

.tqs-stats { display: flex; flex-direction: column; gap: 4px; flex-shrink: 0; }
.tqs-stat { display: flex; flex-direction: column; align-items: center; gap: 1px; background: var(--surface-3); border-radius: var(--radius-sm); padding: 5px 10px; }
.tqs-stat-label { font-size: 8px; color: var(--text-faint); text-transform: uppercase; letter-spacing: 0.5px; }
.tqs-stat-val { font-family: var(--font-mono); font-size: 12px; font-weight: 700; color: var(--accent); }

.tqs-components { display: flex; flex-direction: column; gap: 5px; }
.tqs-comp { display: grid; grid-template-columns: 100px 1fr 28px 1fr; align-items: center; gap: 5px; }
.tqs-comp-label { font-size: 9px; color: var(--text-muted); font-family: var(--font-mono); }
.tqs-comp-track { height: 5px; background: var(--surface-3); border-radius: 3px; overflow: hidden; }
.tqs-comp-fill  { height: 100%; border-radius: 3px; transition: width 0.4s ease; }
.comp-ok   { background: var(--bull); }
.comp-warn { background: var(--warn); }
.comp-bad  { background: var(--bear); }
.tqs-comp-val  { font-family: var(--font-mono); font-size: 9px; color: var(--text-muted); text-align: right; }
.tqs-comp-note { font-size: 9px; color: var(--text-faint); }
.tqs-empty { font-size: 11px; color: var(--text-faint); font-style: italic; padding: 8px 0; }
.tqs-notrade-banner {
  font-size: 10px; font-weight: 700; font-family: var(--font-mono);
  color: var(--bear); background: rgba(255,77,109,0.08);
  border: 1px solid rgba(255,77,109,0.25); border-radius: 3px;
  padding: 4px 8px; margin: 4px 0 6px; text-align: center; letter-spacing: 0.05em;
}
/* Notrade card: don't dim opacity — still shows score */
.tqs-card.tqs-notrade { border-top: 2px solid rgba(255,77,109,0.4); opacity: 1; }

/* ─── CATALYST FEED ──────────────────────────────────────────────────────── */
.catalyst-feed { display: flex; flex-direction: column; gap: 0; max-height: 320px; overflow-y: auto; }
.catalyst-item { display: flex; gap: 10px; padding: 8px 12px; border-bottom: 1px solid var(--border); }
.catalyst-item:last-child { border-bottom: none; }
.catalyst-left { display: flex; flex-direction: column; gap: 5px; flex-shrink: 0; }
.cat-tag { font-family: var(--font-mono); font-size: 9px; font-weight: 700; color: var(--text-faint); letter-spacing: 1px; }
.cat-impact-badge { font-family: var(--font-mono); font-size: 8px; font-weight: 700; padding: 2px 5px; border-radius: 2px; white-space: nowrap; }
.cat-impact-badge.bull    { background: rgba(0,200,150,0.15); color: var(--bull); }
.cat-impact-badge.bear    { background: rgba(255,77,109,0.15); color: var(--bear); }
.cat-impact-badge.neutral { background: rgba(124,132,163,0.12); color: var(--neutral); }

.catalyst-content { display: flex; flex-direction: column; gap: 4px; flex: 1; }
.catalyst-title { font-size: 11px; font-weight: 700; color: var(--text); }
.catalyst-halflife { font-family: var(--font-mono); font-size: 9px; font-weight: 600; padding: 1px 6px; border-radius: 2px; width: fit-content; }
.catalyst-halflife.hl-fading    { background: rgba(124,132,163,0.1); color: var(--text-faint); }
.catalyst-halflife.hl-live      { background: rgba(240,165,0,0.12); color: var(--warn); }
.catalyst-halflife.hl-approaching{ background: rgba(0,212,170,0.1); color: var(--accent); }
.catalyst-halflife.hl-durable   { background: rgba(0,200,150,0.12); color: var(--bull); }
.catalyst-body   { font-size: 10px; color: var(--text-muted); line-height: 1.5; }
.catalyst-action { font-size: 10px; color: var(--accent); font-weight: 600; }
.catalyst-source { font-size: 9px; color: var(--text-faint); }

.tier-context-rail .card,
.tier-runtime-rail .card {
  overflow: hidden;
}

.tier-context-rail .catalyst-feed {
  max-height: none;
}

/* ─── TIMING TABLE ───────────────────────────────────────────────────────── */
.timing-table-wrap { overflow-x: auto; max-height: 280px; overflow-y: auto; }
.timing-table { width: 100%; border-collapse: collapse; }
.timing-table th, .timing-table td {
  padding: 7px 10px; text-align: left;
  border-bottom: 1px solid var(--border);
  font-size: 10px; white-space: nowrap;
}
.timing-table th { font-family: var(--font-mono); font-size: 9px; font-weight: 700; color: var(--text-faint); text-transform: uppercase; letter-spacing: 0.5px; background: var(--surface-2); position: sticky; top: 0; }
.timing-table td { color: var(--text-muted); }
.timing-window { font-family: var(--font-mono); font-size: 10px; font-weight: 600; color: var(--accent) !important; }
.timing-action { color: var(--text) !important; max-width: 220px; white-space: normal; line-height: 1.4; }
.timing-trigger { max-width: 180px; white-space: normal; line-height: 1.4; }
.timing-size   { font-family: var(--font-mono); }

.status-badge { font-family: var(--font-mono); font-size: 9px; font-weight: 700; padding: 2px 6px; border-radius: 2px; letter-spacing: 0.5px; }
.status-active   { background: rgba(0,200,150,0.15); color: var(--bull); }
.status-caution  { background: rgba(240,165,0,0.15); color: var(--warn); }
.status-catalyst { background: rgba(167,139,250,0.15); color: var(--purple); }
.status-pending  { background: rgba(124,132,163,0.12); color: var(--neutral); }
.status-expiry   { background: rgba(255,77,109,0.12); color: var(--bear); }
.status-hold     { background: rgba(0,212,170,0.08); color: var(--accent-dim); }

/* ─── SCENARIO TREE ──────────────────────────────────────────────────────── */
.scenario-tree { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 12px 14px; }
.scenario-node {
  background: var(--surface-2); border: 1px solid var(--border);
  border-radius: var(--radius-md); padding: 12px;
  display: flex; flex-direction: column; gap: 8px;
}
.scenario-node.scenario-bull { border-top: 2px solid var(--bull); }
.scenario-node.scenario-neutral { border-top: 2px solid var(--neutral); }
.scenario-node.scenario-bear { border-top: 2px solid var(--bear); }

.scenario-header { display: flex; align-items: center; gap: 8px; }
.scenario-id { font-family: var(--font-mono); font-size: 12px; font-weight: 700; color: var(--text-faint); }
.scenario-label { font-size: 12px; font-weight: 700; color: var(--text); }
.scenario-prob { font-family: var(--font-mono); font-size: 14px; font-weight: 700; margin-left: auto; }
.scenario-prob.bull { color: var(--bull); }
.scenario-prob.neutral { color: var(--neutral); }
.scenario-prob.bear { color: var(--bear); }

.scenario-prob-bar-track { height: 4px; background: var(--surface-3); border-radius: 2px; overflow: hidden; }
.scenario-prob-bar { height: 100%; border-radius: 2px; transition: width 0.6s ease; }
.scenario-prob-bar.bull { background: var(--bull); }
.scenario-prob-bar.neutral { background: var(--neutral); }
.scenario-prob-bar.bear { background: var(--bear); }

.scenario-condition { font-size: 10px; color: var(--text-muted); line-height: 1.4; }
.scenario-outcome   { font-size: 10px; color: var(--text); font-weight: 600; }
.scenario-action    { font-size: 10px; color: var(--accent); font-weight: 600; }

.scenario-branches { display: flex; flex-direction: column; gap: 4px; padding-top: 4px; border-top: 1px solid var(--border); }
.scenario-branch { display: flex; align-items: center; gap: 6px; font-size: 9px; }
.branch-prob  { font-family: var(--font-mono); font-weight: 700; color: var(--text-muted); width: 28px; flex-shrink: 0; }
.branch-label { color: var(--text-faint); }
.scenario-branch.bull .branch-prob { color: var(--bull); }
.scenario-branch.neutral .branch-prob { color: var(--neutral); }
.scenario-branch.bear .branch-prob { color: var(--bear); }

/* ─── OPTIONS EFFICIENCY ─────────────────────────────────────────────────── */
.efficiency-table-wrap { overflow-x: auto; }
.efficiency-table { width: 100%; border-collapse: collapse; }
.efficiency-table th, .efficiency-table td {
  padding: 7px 10px; text-align: left;
  border-bottom: 1px solid var(--border); font-size: 10px;
}
.efficiency-table th { font-family: var(--font-mono); font-size: 9px; font-weight: 700; color: var(--text-faint); text-transform: uppercase; letter-spacing: 0.5px; background: var(--surface-2); position: sticky; top: 0; }
.eff-ticker { font-family: var(--font-mono); font-weight: 700; color: var(--text) !important; }
.eff-strike { color: var(--text) !important; }
.eff-badge  { font-family: var(--font-mono); font-size: 9px; font-weight: 700; padding: 2px 6px; border-radius: 2px; }
.eff-high { background: rgba(0,200,150,0.15); color: var(--bull); }
.eff-med  { background: rgba(240,165,0,0.12); color: var(--warn); }
.eff-low  { background: rgba(255,77,109,0.12); color: var(--bear); }

/* ─── NOISE FILTER ───────────────────────────────────────────────────────── */
.noise-list { display: flex; flex-direction: column; gap: 0; max-height: 260px; overflow-y: auto; }
.noise-item { display: grid; grid-template-columns: 70px 60px 80px 1fr; align-items: center; gap: 8px; padding: 7px 14px; border-bottom: 1px solid var(--border); font-size: 10px; }
.noise-item:last-child { border-bottom: none; }
.noise-sym     { font-family: var(--font-mono); font-weight: 700; color: var(--text); }
.noise-chg     { font-family: var(--font-mono); color: var(--bear); }
.noise-verdict { font-family: var(--font-mono); font-size: 9px; font-weight: 700; padding: 1px 5px; border-radius: 2px; text-align: center; }
.verdict-ignore  { background: rgba(124,132,163,0.1); color: var(--text-faint); }
.verdict-monitor { background: rgba(240,165,0,0.12); color: var(--warn); }
.noise-reason  { font-size: 9px; color: var(--text-faint); }
.noise-subtitle { font-size: 10px; color: var(--text-faint); margin-left: auto; }

/* ─── FINAL ACTION BOARD ─────────────────────────────────────────────────── */
.action-board {
  display: grid;
  grid-template-columns: 1.18fr repeat(4, minmax(0, 1fr));
  gap: 8px;
  background: transparent;
}
.action-col {
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.008));
  border: 1px solid rgba(255,255,255,0.06);
  border-top: 2px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 100%;
}
.action-col-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.action-col-header {
  font-family: var(--font-mono); font-size: 10px; font-weight: 700;
  letter-spacing: 1.5px;
}
.action-col-count {
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-faint);
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 999px;
  padding: 2px 6px;
}
.action-now { border-top-color: rgba(255,77,109,0.34); }
.action-tomorrow { border-top-color: rgba(240,165,0,0.34); }
.action-3d { border-top-color: rgba(0,212,170,0.3); }
.action-1w { border-top-color: rgba(0,168,132,0.3); }
.action-1m { border-top-color: rgba(124,132,163,0.24); }
.action-now .action-col-header       { color: var(--bear); }
.action-tomorrow .action-col-header  { color: var(--warn); }
.action-3d .action-col-header        { color: var(--accent); }
.action-1w .action-col-header        { color: var(--accent-dim); }
.action-1m .action-col-header        { color: var(--text-faint); }
.action-primary {
  border: 1px solid rgba(255,255,255,0.05);
  border-radius: 8px;
  background: rgba(255,255,255,0.022);
  padding: 8px 9px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.action-primary-top {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 16px;
}
.action-primary-token,
.action-item-token {
  flex-shrink: 0;
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 999px;
  padding: 2px 6px;
}
.action-primary-token-tag,
.action-item-token-tag {
  color: var(--accent);
  background: rgba(0,212,170,0.1);
  border: 1px solid rgba(0,212,170,0.18);
}
.action-primary-token-lead,
.action-item-token-lead {
  color: var(--warn);
  background: rgba(240,165,0,0.08);
  border: 1px solid rgba(240,165,0,0.18);
}
.action-primary-body {
  font-size: 10px;
  color: var(--text);
  line-height: 1.4;
  font-weight: 600;
}
.action-primary-empty .action-primary-title {
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-faint);
}
.action-primary-empty .action-primary-body {
  color: var(--text-muted);
  font-weight: 500;
}
.action-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.action-item {
  display: flex;
  gap: 6px;
  align-items: flex-start;
  font-size: 9px;
  color: var(--text-muted);
  line-height: 1.35;
  padding: 5px 7px;
  border: 1px solid rgba(255,255,255,0.04);
  border-radius: 7px;
  background: rgba(255,255,255,0.014);
}
.action-item-text { flex: 1; }
.action-item-empty { color: var(--text-faint); font-style: italic; }
.action-item-secondary .action-item-text { color: var(--text-muted); }

/* ─── FALCON PANEL ───────────────────────────────────────────────────────── */
.falcon-card { border-top: 2px solid rgba(0,212,170,0.3); }
.falcon-tag { background: rgba(0,212,170,0.15) !important; }
.falcon-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; border-bottom: 1px solid var(--border); flex-wrap: wrap; gap: 8px; }
.falcon-title { display: flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 11px; font-weight: 700; color: var(--accent); }
.falcon-icon { font-size: 16px; }
.falcon-formula { font-size: 10px; color: var(--text-faint); font-weight: 400; }
.falcon-global-m { display: flex; align-items: center; gap: 8px; }
.fg-label  { font-family: var(--font-mono); font-size: 10px; color: var(--text-muted); }
.fg-pct    { font-family: var(--font-mono); font-size: 13px; font-weight: 700; }
.fg-rmax   { font-family: var(--font-mono); font-size: 9px; color: var(--text-faint); }
.fg-pct.gauge-full { color: var(--bull); }
.fg-pct.gauge-high { color: var(--accent); }
.fg-pct.gauge-med  { color: var(--warn); }
.fg-pct.gauge-low  { color: var(--bear); }

.falcon-global-sigs { display: flex; align-items: center; gap: 8px; padding: 8px 14px; border-bottom: 1px solid var(--border); flex-wrap: wrap; }
.fgs-label { font-family: var(--font-mono); font-size: 10px; font-weight: 700; color: var(--text-faint); margin-right: 4px; }
.falcon-sig { display: flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 4px; font-family: var(--font-mono); font-size: 9px; border: 1px solid var(--border); }
.falcon-sig.sig-on   { background: rgba(0,200,150,0.1); border-color: rgba(0,200,150,0.3); }
.falcon-sig.sig-half { background: rgba(240,165,0,0.08); border-color: rgba(240,165,0,0.2); }
.falcon-sig.sig-off  { background: rgba(255,77,109,0.08); border-color: rgba(255,77,109,0.2); }
.sig-icon  { font-size: 11px; }
.sig-on .sig-icon   { color: var(--bull); }
.sig-half .sig-icon { color: var(--warn); }
.sig-off .sig-icon  { color: var(--bear); }
.sig-label { font-weight: 700; color: var(--text-muted); }
.sig-val   { color: var(--text-faint); font-size: 8px; }

.falcon-legend { display: grid; grid-template-columns: 160px 130px 1fr 140px; gap: 8px; padding: 6px 14px; border-bottom: 1px solid var(--border); }
.flt-header { font-family: var(--font-mono); font-size: 8px; font-weight: 700; color: var(--text-faint); text-transform: uppercase; letter-spacing: 0.5px; }

.falcon-trades { display: flex; flex-direction: column; gap: 0; }
.falcon-trade-row { display: grid; grid-template-columns: 160px 130px 1fr 140px; align-items: center; gap: 8px; padding: 8px 14px; border-bottom: 1px solid var(--border); }
.falcon-trade-row:last-child { border-bottom: none; }
.ftr-left { display: flex; align-items: center; gap: 6px; }
.ftr-ticker { font-family: var(--font-mono); font-size: 12px; font-weight: 700; color: var(--text); }
.ftr-strike { font-family: var(--font-mono); font-size: 10px; color: var(--text-muted); }

.ftr-signals { display: flex; gap: 4px; align-items: center; }
.falcon-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.dot-on   { background: var(--bull); }
.dot-half { background: var(--warn); }
.dot-off  { background: var(--bear); }

.ftr-gauge { display: flex; align-items: center; gap: 6px; }
.gauge-track { flex: 1; height: 6px; background: var(--surface-3); border-radius: 3px; overflow: hidden; }
.gauge-track.gauge-lg { height: 8px; width: 80px; }
.gauge-fill { height: 100%; border-radius: 3px; transition: width 0.4s ease; }
.gauge-full { background: var(--bull); }
.gauge-high { background: var(--accent); }
.gauge-med  { background: var(--warn); }
.gauge-low  { background: var(--bear); }
.gauge-pct  { font-family: var(--font-mono); font-size: 10px; color: var(--text-muted); width: 30px; text-align: right; }

.ftr-size { display: flex; align-items: center; gap: 6px; }
.ftr-r { font-family: var(--font-mono); font-size: 10px; color: var(--text-muted); }
.ftr-r strong { color: var(--accent); }
.falcon-size-badge { font-family: var(--font-mono); font-size: 9px; font-weight: 700; padding: 2px 6px; border-radius: 2px; }
.falcon-gate-note {
  font-size: 10px;
  color: var(--text-faint);
  margin-top: 4px;
  grid-column: 1 / -1;
}

.falcon-footnote { padding: 6px 14px; font-family: var(--font-mono); font-size: 9px; color: var(--text-faint); }

/* ─── MACRO BAR ──────────────────────────────────────────────────────────── */
.macro-bar {
  display: flex; align-items: center; gap: 0;
  background: var(--surface-1); border: 1px solid var(--border);
  border-radius: var(--radius-md); overflow: hidden;
  flex-wrap: wrap;
}
.macro-item {
  display: flex; flex-direction: column; gap: 2px;
  padding: 8px 14px; border-right: 1px solid var(--border); flex: 1; min-width: 80px;
}
.macro-item:last-child { border-right: none; }
.macro-label { font-family: var(--font-mono); font-size: 8px; font-weight: 700; color: var(--text-faint); text-transform: uppercase; letter-spacing: 0.5px; }
.macro-val   { font-family: var(--font-mono); font-size: 12px; font-weight: 600; color: var(--text); }

/* ─── FOOTER ─────────────────────────────────────────────────────────────── */
.footer-bar {
  display: flex; justify-content: space-between; align-items: center;
  padding: 8px 14px; font-size: 9px; color: var(--text-faint);
  font-family: var(--font-mono);
  border: 1px solid var(--border); border-radius: var(--radius-md);
  background: var(--surface-1);
}

/* ─── MODAL ──────────────────────────────────────────────────────────────── */
.modal-overlay {
  display: none; position: fixed; inset: 0; z-index: 200;
  background: rgba(0,0,0,0.7); backdrop-filter: blur(4px);
  align-items: center; justify-content: center; padding: 20px;
}
.modal-overlay.open { display: flex; }
.modal {
  background: var(--surface-1); border: 1px solid var(--border-2);
  border-radius: var(--radius-lg); width: 100%; max-width: 560px;
  max-height: 85vh; overflow-y: auto; box-shadow: var(--shadow-lg);
}
.modal-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 16px; border-bottom: 1px solid var(--border);
  background: var(--surface-2); position: sticky; top: 0; z-index: 1;
}
.modal-title-wrap { display: flex; align-items: center; gap: 10px; }
.modal-ticker { font-family: var(--font-mono); font-size: 14px; font-weight: 700; color: var(--text); }
.modal-type-badge.trade-type { font-size: 11px; padding: 2px 8px; }
.modal-close {
  background: none; border: 1px solid var(--border); border-radius: 4px;
  color: var(--text-muted); font-size: 12px; padding: 4px 8px; cursor: pointer;
  transition: color 0.15s, border-color 0.15s;
}
.modal-close:hover { color: var(--bear); border-color: var(--bear); }
.modal-body { display: flex; flex-direction: column; gap: 14px; padding: 16px; }
.modal-section-title { font-family: var(--font-mono); font-size: 9px; font-weight: 700; color: var(--text-faint); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 6px; }
.modal-levels-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
.modal-level { background: var(--surface-3); border-radius: var(--radius-sm); padding: 8px; display: flex; flex-direction: column; gap: 2px; }
.modal-level-label { font-size: 8px; color: var(--text-faint); text-transform: uppercase; letter-spacing: 0.5px; }
.modal-level-val { font-family: var(--font-mono); font-size: 12px; font-weight: 700; color: var(--text); }
.modal-level.entry .modal-level-val { color: var(--accent); }
.modal-level.stop  .modal-level-val { color: var(--bear); }
.modal-level.t1    .modal-level-val { color: var(--bull); }
.modal-level.t2    .modal-level-val { color: var(--bull); }
.modal-size    { font-size: 11px; color: var(--accent); font-weight: 600; }
.modal-trigger { font-size: 11px; color: var(--text-muted); line-height: 1.5; }
.modal-text    { font-size: 11px; color: var(--text-muted); line-height: 1.6; }
.modal-warning { font-size: 11px; color: var(--bear); line-height: 1.5; }
.modal-iv      { font-size: 11px; color: var(--text-muted); line-height: 1.5; }

/* Modal TQS block */
.modal-tqs-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 8px; background: var(--surface-2); border-radius: var(--radius-sm); }
.modal-tqs-score { font-family: var(--font-mono); font-size: 12px; font-weight: 700; }
.modal-kelly, .modal-ber { font-family: var(--font-mono); font-size: 10px; color: var(--text-muted); }

/* ─── RESPONSIVE ─────────────────────────────────────────────────────────── */
@media (max-width: 1100px) {
  .header-right { min-width: 0; }
  .row-grid-2 { grid-template-columns: 1fr; }
  .tier-context-dense,
  .tier-runtime-dense { grid-template-columns: 1fr; }
  .scenario-tree { grid-template-columns: 1fr; }
  .action-board { grid-template-columns: repeat(3, 1fr); }
  .mini-cross-strip-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .quant-grid { grid-template-columns: 1fr; }


.operator-status-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .context-digest { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lab-grid-2 { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  html, body { font-size: 12px; }
  .header {
    flex-wrap: wrap;
    height: auto;
    min-height: 0;
    padding: 8px 12px 10px;
    gap: 8px;
  }
  .header-left {
    width: 100%;
    justify-content: space-between;
    gap: 8px;
  }
  .logo-text { gap: 1px; }
  .logo-sub,
  .logo-version { display: none; }
  .header-center { display: none; }
  .header-right {
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 6px;
  }
  .header-meta {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }
  .sentiment-badge,
  .signal-freshness,
  .clock,
  .refresh-time {
    width: 100%;
    min-width: 0;
    text-align: left;
  }
  .theme-toggle,
  .refresh-btn,
  .ip-mode-toggle {
    min-height: 36px;
    padding: 7px 10px;
  }
  .main { padding: 8px 10px 24px; gap: 8px; }
  .card { border-radius: 10px; }
  .card-header {
    align-items: flex-start;
    padding: 10px 12px;
  }
  .section-subtitle {
    width: 100%;
    margin-left: 0;
  }
  .operator-status-strip {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 10px 10px 0;
  }
  .operator-status-item,
  .context-digest-item { min-height: 0; }
  .section-jump-nav {
    top: 88px;
    padding: 8px 10px 10px;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .section-jump-nav::-webkit-scrollbar { display: none; }
  .section-jump-chip { flex: 0 0 auto; }
  .tier-band-head { align-items: flex-start; flex-direction: column; }
  .tier-band-note { text-align: left; }
  .tier-band-title { font-size: 14px; }
  .mini-cross-strip-head { align-items: flex-start; flex-direction: column; }
  .mini-cross-strip-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tier-alert-chip { grid-template-columns: 1fr; }
  .tier-alert-meta { justify-self: flex-start; }
  .context-digest { grid-template-columns: 1fr; }
  .action-board { grid-template-columns: 1fr; }
  .trade-quick-row { align-items: flex-start; }
  .trade-grid,
  .pm-markets-grid,
  .dec-trades-grid { grid-template-columns: 1fr; padding: 10px; }
  .tqs-card-comps { grid-template-columns: 1fr; }
  .falcon-legend, .falcon-trade-row { grid-template-columns: 1fr; }
  .modal-levels-grid { grid-template-columns: repeat(3, 1fr); }
  .tqs-comp { grid-template-columns: 80px 1fr 28px; }
  .tqs-comp-note { display: none; }
  .delay-bar-item { grid-template-columns: 100px 1fr 30px; }
  .delay-bar-note { display: none; }
  .lab-tabs {
    gap: 6px;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: none;
  }
  .lab-tabs::-webkit-scrollbar { display: none; }
  .lab-tab {
    width: auto;
    min-width: max-content;
    text-align: center;
    flex: 0 0 auto;
  }
  .lab-pane-head { align-items: flex-start; flex-direction: column; }
  .kalshi-auto-card { margin: 0 10px 8px; }
  .kalshi-auto-grid { grid-template-columns: 1fr 1fr; }
  .kalshi-auto-cell { padding: 8px 10px; }
}

@media (max-width: 520px) {
  .header { padding-bottom: 8px; }
  .header-meta { grid-template-columns: 1fr; }
  .section-jump-nav { top: 114px; }
  .mini-cross-strip-grid,
  .kalshi-auto-grid,
  .context-digest,
  .sizing-grid,
  .sizing-standby-grid,
  .perf-weights-grid { grid-template-columns: 1fr; }
  .modal-levels-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ═══════════════════════════════════════════════════════════════════════════
   ALADDIN v3.0 — New Container + Bridge Styles
   (Supplements existing v5.0 CSS without overwriting)
   ═══════════════════════════════════════════════════════════════════════════ */

/* Section subtitle in card headers */
.section-subtitle {
  font-size: 11px;
  color: var(--text-muted);
  font-family: var(--font-ui);
  font-weight: 400;
  letter-spacing: 0.02em;
  flex-shrink: 0;
}

/* Section tag variants */
.delay-tag    { background: rgba(240,165,0,0.15); color: var(--warn); }
.scenario-tag { background: rgba(168,85,247,0.15); color: #a855f7; }
.action-tag   { background: rgba(0,212,170,0.15);  color: var(--accent); }

/* Delay Card */
.delay-card { border-left: 2px solid var(--warn); }
.delay-body { padding: 14px 18px; display: flex; flex-direction: column; gap: 10px; }
.delay-verdict-row { display: flex; gap: 20px; flex-wrap: wrap; align-items: flex-start; }
.delay-verdict-col { display: flex; flex-direction: column; gap: 6px; flex-shrink: 0; }
.delay-score-big {
  font-family: var(--font-mono);
  font-size: 32px;
  font-weight: 800;
  color: var(--warn);
  line-height: 1;
}
.delay-bars-col { flex: 1; min-width: 240px; }
.delay-interp {
  font-size: 11px;
  color: var(--text-muted);
  line-height: 1.5;
  border-top: 1px solid var(--border);
  padding-top: 8px;
}

.ui-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  padding: 4px 7px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.08);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.ui-chip-neutral { background: rgba(124,132,163,0.12); color: var(--text-faint); }
.ui-chip-bull { background: rgba(0,212,170,0.12); color: var(--accent); }
.ui-chip-warn { background: rgba(240,165,0,0.14); color: var(--warn); }
.ui-chip-bear { background: rgba(255,77,109,0.12); color: var(--bear); }

.compact-state {
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.compact-state-eyebrow {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 700;
  color: var(--text-faint);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.compact-state-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
}
.compact-state-body {
  font-size: 11px;
  color: var(--text-muted);
  line-height: 1.45;
}
.compact-state-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.compact-state-bear { border-color: rgba(255,77,109,0.16); }
.compact-state-neutral { border-color: rgba(255,255,255,0.06); }
.compact-state-bull { border-color: rgba(0,212,170,0.16); }

/* Regime Probability Bar */
.regime-prob-bar {
  margin-top: 14px;
  padding: 12px 0 4px;
  border-top: 1px solid var(--border);
}

.regime-prob-vector-inner {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

/* VIX Term Panel — wrapper */
.vix-term-panel {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid var(--border);
}

.vix-term-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.vix-term-title {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--text-muted);
  font-weight: 600;
}

.vix-term-badge {
  font-size: 9px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 3px;
  font-family: var(--font-mono);
  letter-spacing: 0.06em;
}

.vix-term-badge.contango     { background: rgba(0,212,170,0.12); color: var(--accent); }
.vix-term-badge.backwardation{ background: rgba(239,68,68,0.12); color: var(--bear); }
.vix-term-note { font-size: 10px; color: var(--text-faint); font-family: var(--font-mono); margin-top: 6px; }

/* Scenario Card */
.scenario-card { border-left: 2px solid #a855f7; }

/* Action Board Card */
.action-board-card { border-left: 2px solid var(--accent); }

/* ═══════════════════════════════════════════════════════════════════════════
   SECTION H — QUANT ENGINE
   Accent: amber #f59e0b  |  All classes prefixed .qe-
═══════════════════════════════════════════════════════════════════════════ */

/* ── Section Header Tag ── */
.qe-tag {
  display: inline-block;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 2px 8px;
  border-radius: 3px;
  background: rgba(245,158,11,0.15);
  color: #f59e0b;
  font-family: var(--font-mono);
  margin-bottom: 4px;
}

.quant-engine-card {
  border-left: 2px solid #f59e0b;
}

/* ── Composite Score Block ── */
.qe-composite {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  padding: 14px 16px;
  background: rgba(245,158,11,0.06);
  border: 1px solid rgba(245,158,11,0.18);
  border-radius: 6px;
  margin-bottom: 16px;
}

.qe-composite-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 80px;
  gap: 4px;
}

.qe-composite-score {
  font-size: 36px;
  font-weight: 800;
  font-family: var(--font-mono);
  color: #f59e0b;
  line-height: 1;
}

.qe-composite-label {
  font-size: 9px;
  color: var(--text-faint);
  font-family: var(--font-mono);
  letter-spacing: 0.08em;
  text-align: center;
}

.qe-composite-verdict {
  font-size: 11px;
  font-weight: 700;
  font-family: var(--font-mono);
  padding: 3px 8px;
  border-radius: 3px;
  background: rgba(245,158,11,0.18);
  color: #f59e0b;
  letter-spacing: 0.06em;
  margin-top: 2px;
  text-align: center;
}

/* ── Composite Bar Rows ── */
.qe-composite-bars {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.qe-comp-row {
  display: grid;
  grid-template-columns: 130px 1fr 36px 52px 80px;
  align-items: center;
  gap: 6px;
}

.qe-comp-model {
  font-size: 10px;
  color: var(--text-dim);
  font-family: var(--font-mono);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.qe-comp-bar-track {
  height: 5px;
  background: var(--surface-3);
  border-radius: 3px;
  overflow: hidden;
}

.qe-comp-bar {
  height: 100%;
  border-radius: 3px;
  background: #f59e0b;
  transition: width 0.4s ease;
}

.qe-comp-score {
  font-size: 10px;
  font-weight: 700;
  font-family: var(--font-mono);
  color: #f59e0b;
  text-align: right;
}

.qe-comp-weight {
  font-size: 9px;
  color: var(--text-faint);
  font-family: var(--font-mono);
  text-align: center;
}

.qe-comp-signal {
  font-size: 9px;
  font-weight: 700;
  font-family: var(--font-mono);
  padding: 1px 6px;
  border-radius: 2px;
  text-align: center;
  white-space: nowrap;
}

.qe-comp-signal.bull  { background: rgba(0,212,170,0.12); color: var(--accent); }
.qe-comp-signal.bear  { background: rgba(239,68,68,0.12); color: var(--bear); }
.qe-comp-signal.neutral { background: rgba(156,163,175,0.12); color: var(--text-dim); }

/* ── 2-Column Grid ── */
.qe-row-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}

/* ── Model Cards ── */
.qe-model-card {
  background: var(--surface-2);
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.qe-model-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.qe-model-title {
  font-size: 11px;
  font-weight: 700;
  font-family: var(--font-mono);
  color: var(--text-bright);
  letter-spacing: 0.04em;
}

.qe-model-badge {
  font-size: 9px;
  font-weight: 700;
  font-family: var(--font-mono);
  padding: 2px 7px;
  border-radius: 2px;
  letter-spacing: 0.06em;
  white-space: nowrap;
}

.qe-model-badge.bull    { background: rgba(0,212,170,0.12);  color: var(--accent); }
.qe-model-badge.bear    { background: rgba(239,68,68,0.12);   color: var(--bear); }
.qe-model-badge.neutral { background: rgba(245,158,11,0.12);  color: #f59e0b; }

.qe-model-formula {
  font-size: 9px;
  font-family: var(--font-mono);
  color: var(--text-faint);
  background: var(--surface-3);
  padding: 4px 8px;
  border-radius: 3px;
  letter-spacing: 0.03em;
  line-height: 1.5;
  word-break: break-all;
}

.qe-model-interp {
  font-size: 10px;
  color: var(--text-dim);
  line-height: 1.5;
}

/* ── Kalman Price Blocks ── */
.qe-kalman-prices {
  display: flex;
  gap: 10px;
}

.qe-price-block {
  flex: 1;
  background: var(--surface-3);
  border-radius: 4px;
  padding: 6px 10px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.qe-price-label {
  font-size: 9px;
  color: var(--text-faint);
  font-family: var(--font-mono);
  letter-spacing: 0.07em;
}

.qe-price-val {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--font-mono);
  color: var(--text-bright);
}

.qe-price-arrow {
  font-size: 9px;
  font-family: var(--font-mono);
  font-weight: 600;
}
.qe-price-arrow.above { color: var(--bear); }
.qe-price-arrow.below { color: var(--accent); }

/* ── Stat Row ── */
.qe-stat-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.qe-stat-row .qe-price-block {
  flex: none;
  min-width: 80px;
}

/* ── Hurst Scale Gauge ── */
.qe-hurst-scale {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.qe-hurst-track {
  position: relative;
  height: 14px;
  border-radius: 7px;
  overflow: visible;
}

.qe-hurst-regions {
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 7px;
  overflow: hidden;
}

.qe-hurst-region {
  height: 100%;
  flex: 1;
}
.qe-hurst-region.bear    { background: rgba(239,68,68,0.25); }
.qe-hurst-region.neutral { background: rgba(156,163,175,0.15); }
.qe-hurst-region.bull    { background: rgba(0,212,170,0.20); }

.qe-hurst-needle {
  position: absolute;
  top: -3px;
  width: 3px;
  height: 20px;
  background: #f59e0b;
  border-radius: 2px;
  transform: translateX(-50%);
  box-shadow: 0 0 6px rgba(245,158,11,0.7);
}

.qe-hurst-val {
  position: absolute;
  top: -16px;
  transform: translateX(-50%);
  font-size: 9px;
  font-weight: 700;
  font-family: var(--font-mono);
  color: #f59e0b;
  white-space: nowrap;
}

.qe-hurst-labels {
  display: flex;
  justify-content: space-between;
  font-size: 8px;
  color: var(--text-faint);
  font-family: var(--font-mono);
  margin-top: 2px;
}

/* ── Entropy Gauge ── */
.qe-entropy-gauge {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.qe-entropy-track {
  position: relative;
  height: 8px;
  background: var(--surface-3);
  border-radius: 4px;
  overflow: hidden;
}

.qe-entropy-fill {
  height: 100%;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--accent) 0%, #f59e0b 60%, var(--bear) 100%);
  transition: width 0.4s ease;
}

.qe-entropy-threshold {
  position: absolute;
  top: 0;
  width: 2px;
  height: 100%;
  background: rgba(255,255,255,0.4);
}

.qe-entropy-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.qe-entropy-pct {
  font-size: 13px;
  font-weight: 700;
  font-family: var(--font-mono);
  color: #f59e0b;
}

/* ── Distribution Bars ── */
.qe-dist-bars {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.qe-dist-row {
  display: grid;
  grid-template-columns: 60px 1fr 32px;
  align-items: center;
  gap: 6px;
}

.qe-dist-bin {
  font-size: 9px;
  color: var(--text-faint);
  font-family: var(--font-mono);
}

.qe-dist-track {
  height: 5px;
  background: var(--surface-3);
  border-radius: 3px;
  overflow: hidden;
}

.qe-dist-bar {
  height: 100%;
  border-radius: 3px;
  transition: width 0.4s ease;
}

.qe-dist-pct {
  font-size: 9px;
  font-family: var(--font-mono);
  color: var(--text-dim);
  text-align: right;
}

/* ── VIX Slope Bars ── */
.qe-vix-slopes {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 8px;
}

.qe-slope-row {
  display: grid;
  grid-template-columns: 120px 1fr 52px;
  align-items: center;
  gap: 8px;
}

.qe-slope-label {
  font-size: 9px;
  color: var(--text-dim);
  font-family: var(--font-mono);
}

.qe-slope-bar-wrap {
  height: 6px;
  background: var(--surface-3);
  border-radius: 3px;
  overflow: hidden;
}

.qe-slope-bar {
  height: 100%;
  border-radius: 3px;
  transition: width 0.4s ease;
}
.qe-slope-bar.pos { background: var(--accent); }
.qe-slope-bar.neg { background: var(--bear); }

.qe-slope-val {
  font-size: 10px;
  font-weight: 700;
  font-family: var(--font-mono);
  text-align: right;
}
.qe-slope-val.pos { color: var(--accent); }
.qe-slope-val.neg { color: var(--bear); }

.qe-vix-signal {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}

.qe-vix-signal-badge {
  font-size: 10px;
  font-weight: 700;
  font-family: var(--font-mono);
  padding: 3px 10px;
  border-radius: 3px;
  letter-spacing: 0.05em;
}

.qe-vix-signal-badge.bull    { background: rgba(0,212,170,0.15);  color: var(--accent); }
.qe-vix-signal-badge.bear    { background: rgba(239,68,68,0.15);   color: var(--bear); }
.qe-vix-signal-badge.neutral { background: rgba(245,158,11,0.15);  color: #f59e0b; }

/* ── Sharpe-Kelly Card ── */
.qe-sk-card {
  background: var(--surface-2);
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
}

.qe-sk-metrics {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.qe-sk-block {
  flex: 1;
  min-width: 80px;
  background: var(--surface-3);
  border-radius: 4px;
  padding: 7px 10px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.qe-sk-block.highlight {
  background: rgba(245,158,11,0.1);
  border: 1px solid rgba(245,158,11,0.25);
}

.qe-sk-label {
  font-size: 9px;
  color: var(--text-faint);
  font-family: var(--font-mono);
  letter-spacing: 0.07em;
}

.qe-sk-val {
  font-size: 15px;
  font-weight: 800;
  font-family: var(--font-mono);
  color: #f59e0b;
}

/* ── Risk Flag + Recommendation ── */
.qe-risk-flag {
  font-size: 10px;
  color: var(--bear);
  font-family: var(--font-mono);
  background: rgba(239,68,68,0.08);
  border: 1px solid rgba(239,68,68,0.18);
  border-radius: 3px;
  padding: 4px 10px;
  line-height: 1.5;
}

.qe-rec {
  font-size: 10px;
  font-family: var(--font-mono);
  color: var(--text-dim);
  background: var(--surface-3);
  border-radius: 3px;
  padding: 6px 10px;
  line-height: 1.6;
  border-left: 2px solid #f59e0b;
}

/* ── Responsive ── */
@media (max-width: 900px) {
  .qe-row-2 { grid-template-columns: 1fr; }
  .qe-composite { flex-direction: column; }
  .qe-comp-row { grid-template-columns: 100px 1fr 32px 48px 70px; }
}


/* ═══════════════════════════════════════════════════════════════════════════
   SECTION I — MONTE CARLO / GBM / STOCHASTIC OSCILLATOR
   Accent: violet/purple #8b5cf6  |  classes prefixed .mc- / .stoch-
═══════════════════════════════════════════════════════════════════════════ */

.mc-card  { border-left: 2px solid #8b5cf6; }
.mc-tag   { background: rgba(139,92,246,0.15); color: #8b5cf6; }
.mc-tag, .oa-tag { display: inline-block; font-size: 9px; font-weight: 700; letter-spacing: 0.1em; padding: 2px 8px; border-radius: 3px; font-family: var(--font-mono); margin-bottom: 4px; }

/* Formula pills */
.mc-model-header {
  display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px;
}
.mc-formula-pill {
  font-size: 9px; font-family: var(--font-mono); color: var(--text-faint);
  background: var(--surface-3); padding: 3px 9px; border-radius: 3px;
  letter-spacing: 0.03em;
}
.mc-reference-warning {
  margin: -4px 0 12px;
  padding: 7px 10px;
  border: 1px solid rgba(245, 158, 11, 0.22);
  border-radius: 5px;
  background: rgba(245, 158, 11, 0.07);
  color: var(--text-muted);
  font-size: 10px;
  line-height: 1.45;
}

/* 2-col grid for SPY/QQQ */
.mc-row-2 {
  display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px;
}

/* Simulation card */
.mc-sim-card {
  background: var(--surface-2); border: 1px solid var(--border);
  border-radius: 6px; padding: 12px 14px; display: flex; flex-direction: column; gap: 10px;
}

.mc-sim-header {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}

.mc-ticker {
  font-size: 15px; font-weight: 800; font-family: var(--font-mono);
  color: var(--text-bright); letter-spacing: 0.05em;
}

.mc-sim-meta { font-size: 9px; color: var(--text-faint); font-family: var(--font-mono); }

.mc-model-badge {
  font-size: 9px; font-weight: 600; font-family: var(--font-mono);
  padding: 2px 7px; border-radius: 2px; letter-spacing: 0.04em;
}
.mc-model-badge.neutral { background: rgba(139,92,246,0.12); color: #8b5cf6; }

/* Percentile fan */
.mc-fan { display: flex; flex-direction: column; gap: 4px; }

.mc-fan-row {
  display: grid; grid-template-columns: 28px 1fr 60px;
  align-items: center; gap: 6px;
}
.mc-fan-row.mc-fan-median .mc-fan-lbl { color: var(--accent); font-weight: 700; }

.mc-fan-lbl { font-size: 9px; font-family: var(--font-mono); color: var(--text-faint); }

.mc-fan-track {
  height: 6px; background: var(--surface-3); border-radius: 3px; overflow: hidden;
}
.mc-fan-fill { height: 100%; border-radius: 3px; }
.mc-fan-fill.bear    { background: var(--bear); opacity: 0.7; }
.mc-fan-fill.neutral { background: rgba(156,163,175,0.5); }
.mc-fan-fill.accent  { background: var(--accent); }
.mc-fan-fill.bull    { background: var(--accent); }

.mc-fan-val { font-size: 10px; font-family: var(--font-mono); text-align: right; }
.mc-fan-val.bear  { color: var(--bear); }
.mc-fan-val.bull  { color: var(--accent); }
.mc-fan-val.accent { color: var(--accent); font-weight: 700; }

/* Probability bars */
.mc-probs { display: flex; flex-direction: column; gap: 5px; }

.mc-prob-row {
  display: grid; grid-template-columns: 160px 1fr 36px;
  align-items: center; gap: 6px;
}
.mc-prob-label { font-size: 9px; color: var(--text-dim); font-family: var(--font-mono); }
.mc-prob-bar-track { height: 6px; background: var(--surface-3); border-radius: 3px; overflow: hidden; }
.mc-prob-bar { height: 100%; border-radius: 3px; }
.mc-prob-bar.bull { background: var(--accent); }
.mc-prob-bar.bear { background: var(--bear); }
.mc-prob-val { font-size: 10px; font-family: var(--font-mono); text-align: right; }
.mc-prob-val.bull { color: var(--accent); }
.mc-prob-val.bear { color: var(--bear); }

/* EV box */
.mc-ev-box {
  border: 1px solid rgba(139,92,246,0.2);
  background: rgba(139,92,246,0.06);
  border-radius: 5px; padding: 8px 12px;
  display: flex; flex-direction: column; gap: 3px;
}
.mc-ev-box.bull { border-color: rgba(0,212,170,0.25); background: rgba(0,212,170,0.06); }
.mc-ev-title { font-size: 9px; font-family: var(--font-mono); color: var(--text-faint); letter-spacing: 0.07em; }
.mc-ev-val { font-size: 13px; font-weight: 700; font-family: var(--font-mono); color: var(--text-bright); }
.mc-ev-label { font-size: 9px; font-weight: 700; padding: 1px 6px; border-radius: 2px; }
.mc-ev-label.bull { background: rgba(0,212,170,0.15); color: var(--accent); }
.mc-ev-detail { font-size: 9px; color: var(--text-faint); font-family: var(--font-mono); }

/* Scenario rows */
.mc-scenarios { display: flex; flex-direction: column; gap: 4px; }
.mc-scen-row {
  display: grid; grid-template-columns: 90px 60px 1fr 36px;
  align-items: center; gap: 6px;
}
.mc-scen-label { font-size: 9px; font-family: var(--font-mono); color: var(--text-dim); }
.mc-scen-range { font-size: 9px; font-family: var(--font-mono); color: var(--text-faint); }

/* Risk row */
.mc-risk-row {
  display: flex; align-items: center; gap: 10px;
  border-top: 1px solid var(--border); padding-top: 7px; flex-wrap: wrap;
}
.mc-risk-label { font-size: 9px; color: var(--text-faint); font-family: var(--font-mono); }
.mc-risk-val { font-size: 11px; font-weight: 700; font-family: var(--font-mono); }
.mc-risk-val.bear { color: var(--bear); }

/* ── Stochastic Oscillator ── */
.mc-stoch-section { margin-top: 14px; }

.mc-stoch-header {
  display: flex; align-items: baseline; gap: 12px; margin-bottom: 10px;
}
.mc-stoch-title {
  font-size: 11px; font-weight: 700; font-family: var(--font-mono);
  color: var(--text-bright); letter-spacing: 0.05em;
}
.mc-stoch-sub { font-size: 9px; color: var(--text-faint); font-family: var(--font-mono); }

.mc-stoch-row-2 {
  display: grid; grid-template-columns: 1fr 1fr; gap: 14px;
}

.mc-stoch-card {
  background: var(--surface-2); border: 1px solid var(--border);
  border-radius: 6px; padding: 12px 14px; display: flex; flex-direction: column; gap: 8px;
}

.mc-stoch-card-header { display: flex; align-items: center; gap: 10px; }

.mc-stoch-state-badge {
  font-size: 9px; font-weight: 700; font-family: var(--font-mono);
  padding: 2px 8px; border-radius: 2px; letter-spacing: 0.07em;
}
.mc-stoch-state-badge.bear { background: rgba(239,68,68,0.15); color: var(--bear); }
.mc-stoch-state-badge.bull { background: rgba(0,212,170,0.15); color: var(--accent); }

.mc-stoch-kd { display: flex; gap: 10px; flex-wrap: wrap; }

.mc-kd-block {
  background: var(--surface-3); border-radius: 4px; padding: 5px 10px;
  display: flex; flex-direction: column; gap: 2px; min-width: 56px;
}
.mc-kd-label { font-size: 8px; color: var(--text-faint); font-family: var(--font-mono); }
.mc-kd-val { font-size: 14px; font-weight: 700; font-family: var(--font-mono); color: var(--text-bright); }
.mc-kd-val.bear { color: var(--bear); }
.mc-kd-val.bull { color: var(--accent); }

/* Stochastic history chart */
.stoch-history { display: flex; flex-direction: column; gap: 4px; margin-top: 6px; }

.stoch-history-header {
  display: grid; grid-template-columns: 38px 1fr 32px 32px;
  gap: 6px; font-size: 8px; color: var(--text-faint); font-family: var(--font-mono);
  padding-bottom: 3px; border-bottom: 1px solid var(--border);
}

.stoch-history-row {
  display: grid; grid-template-columns: 38px 1fr 32px 32px;
  align-items: center; gap: 6px;
}

.stoch-sess { font-size: 9px; color: var(--text-faint); font-family: var(--font-mono); }

.stoch-bar-wrap {
  position: relative; height: 10px; background: var(--surface-3); border-radius: 3px; overflow: hidden;
}
.stoch-k-bar {
  position: absolute; top: 0; left: 0; height: 100%;
  background: #8b5cf6; border-radius: 3px;
}
.stoch-d-bar {
  position: absolute; top: 0; left: 0; height: 100%;
  background: #a78bfa; border-radius: 3px;
}

.stoch-k-val { font-size: 9px; font-family: var(--font-mono); color: #8b5cf6; font-weight: 700; text-align: right; }
.stoch-d-val { font-size: 9px; font-family: var(--font-mono); color: #a78bfa; text-align: right; }

.mc-stoch-signal {
  font-size: 10px; font-weight: 700; font-family: var(--font-mono);
  color: var(--text-dim); background: var(--surface-3);
  padding: 3px 9px; border-radius: 3px;
}

.mc-stoch-div {
  font-size: 10px; font-family: var(--font-mono);
  padding: 2px 8px; border-radius: 3px;
}
.mc-stoch-div.bear { background: rgba(239,68,68,0.08); color: var(--bear); }
.mc-stoch-div.bull { background: rgba(0,212,170,0.08); color: var(--accent); }

.mc-stoch-interp { font-size: 10px; color: var(--text-dim); line-height: 1.5; }

/* ═══════════════════════════════════════════════════════════════════════════
   SECTION J — OPTIONS ANALYTICS
   Accent: sky blue #38bdf8  |  classes prefixed .oa-
═══════════════════════════════════════════════════════════════════════════ */

.oa-card { border-left: 2px solid #38bdf8; }
.oa-tag  { background: rgba(56,189,248,0.15); color: #38bdf8; }

.oa-section-label {
  font-size: 9px; font-weight: 700; font-family: var(--font-mono);
  color: #38bdf8; letter-spacing: 0.12em; text-transform: uppercase;
  margin: 12px 0 8px;
}
.oa-section-label:first-child { margin-top: 0; }

.oa-formula-row { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }

.oa-live-summary {
  font-size: 10px;
  color: var(--text-muted);
  background: rgba(56,189,248,0.06);
  border: 1px solid rgba(56,189,248,0.14);
  border-radius: 5px;
  padding: 7px 10px;
  margin-bottom: 8px;
  line-height: 1.45;
}

.oa-execution-guard {
  border-radius: 6px;
  padding: 10px 12px;
  margin-bottom: 12px;
  border: 1px solid rgba(245,158,11,0.30);
  background: rgba(245,158,11,0.08);
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.oa-execution-guard.ready {
  border-color: rgba(0,212,170,0.32);
  background: rgba(0,212,170,0.07);
}
.oa-execution-guard.blocked {
  border-color: rgba(239,68,68,0.28);
  background: rgba(239,68,68,0.07);
}
.oa-execution-guard-title {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: var(--warn);
}
.oa-execution-guard.ready .oa-execution-guard-title { color: var(--accent); }
.oa-execution-guard.blocked .oa-execution-guard-title { color: var(--bear); }
.oa-execution-guard-body {
  font-size: 11px;
  color: var(--text-dim);
  line-height: 1.45;
}
.oa-execution-guard-meta {
  font-size: 10px;
  color: var(--text-muted);
  font-family: var(--font-mono);
}

.oa-live-chain-note {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  border-top: 1px solid var(--border);
  padding-top: 6px;
  color: var(--text-faint);
  font-family: var(--font-mono);
  font-size: 9px;
}

/* IV Context */
.oa-iv-context-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 4px; }

.oa-iv-card {
  background: var(--surface-2); border: 1px solid var(--border);
  border-radius: 6px; padding: 12px 14px; display: flex; flex-direction: column; gap: 8px;
}

.oa-iv-header { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

.oa-ticker {
  font-size: 15px; font-weight: 800; font-family: var(--font-mono);
  color: var(--text-bright);
}

.oa-iv-badge {
  font-size: 9px; font-weight: 700; font-family: var(--font-mono);
  padding: 2px 8px; border-radius: 2px; letter-spacing: 0.06em;
}
.oa-iv-badge.bull    { background: rgba(0,212,170,0.15);  color: var(--accent); }
.oa-iv-badge.bear    { background: rgba(239,68,68,0.12);   color: var(--bear); }
.oa-iv-badge.neutral { background: rgba(56,189,248,0.12);  color: #38bdf8; }

.oa-iv-stats { display: flex; gap: 8px; flex-wrap: wrap; }

.oa-iv-stat-block {
  background: var(--surface-3); border-radius: 4px; padding: 5px 10px;
  display: flex; flex-direction: column; gap: 2px; min-width: 72px;
}
.oa-iv-stat-block.highlight {
  background: rgba(56,189,248,0.1); border: 1px solid rgba(56,189,248,0.2);
}

.oa-iv-stat-lbl { font-size: 8px; color: var(--text-faint); font-family: var(--font-mono); letter-spacing: 0.06em; }
.oa-iv-stat-val { font-size: 13px; font-weight: 700; font-family: var(--font-mono); color: var(--text-bright); }
.oa-iv-stat-val.bull { color: var(--accent); }
.oa-iv-stat-val.bear { color: var(--bear); }

.oa-iv-rank-bar-wrap { display: flex; flex-direction: column; gap: 4px; }
.oa-iv-rank-label-row { display: flex; justify-content: space-between; font-size: 9px; font-family: var(--font-mono); color: var(--text-faint); }
.oa-iv-track-val { color: #38bdf8; font-weight: 700; }
.oa-iv-rank-track { height: 6px; background: var(--surface-3); border-radius: 3px; overflow: hidden; }
.oa-iv-rank-fill { height: 100%; border-radius: 3px; }
.oa-iv-rank-fill.bull { background: var(--accent); }
.oa-iv-rank-fill.bear { background: var(--bear); }

.oa-iv-edge {
  font-size: 10px; font-family: var(--font-mono); padding: 3px 9px;
  border-radius: 3px;
}
.oa-iv-edge.bull { background: rgba(0,212,170,0.08); color: var(--accent); }
.oa-iv-edge.bear { background: rgba(239,68,68,0.08); color: var(--bear); }

/* Contract cards */
.oa-contracts-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 4px;
}

.oa-contract-card {
  background: var(--surface-2); border: 1px solid var(--border);
  border-radius: 6px; padding: 12px 14px; display: flex; flex-direction: column; gap: 8px;
}
.oa-contract-card.analytics-only {
  border-color: rgba(245,158,11,0.20);
  background: linear-gradient(180deg, rgba(245,158,11,0.035), rgba(15,23,42,0.18));
}
.oa-contract-card.entry-linked {
  border-color: rgba(0,212,170,0.32);
  box-shadow: 0 0 0 1px rgba(0,212,170,0.08), 0 12px 32px rgba(0,212,170,0.05);
}

.oa-contract-header { display: flex; flex-direction: column; gap: 5px; }

.oa-contract-title-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.oa-contract-sym { font-size: 13px; font-weight: 800; font-family: var(--font-mono); color: var(--text-bright); }
.oa-contract-strike { font-size: 11px; font-family: var(--font-mono); color: var(--text-dim); }
.oa-contract-dte { font-size: 9px; font-family: var(--font-mono); color: var(--text-faint); background: var(--surface-3); padding: 1px 6px; border-radius: 2px; }

.oa-contract-score-row { display: flex; align-items: center; gap: 10px; }
.oa-contract-badge {
  font-size: 10px; font-weight: 700; font-family: var(--font-mono);
  padding: 2px 9px; border-radius: 3px; letter-spacing: 0.05em;
}
.oa-contract-badge.bull    { background: rgba(0,212,170,0.15);  color: var(--accent); }
.oa-contract-badge.bear    { background: rgba(239,68,68,0.12);   color: var(--bear); }
.oa-contract-badge.neutral { background: rgba(156,163,175,0.12); color: var(--text-dim); }
.oa-contract-score-num { font-size: 13px; font-weight: 800; font-family: var(--font-mono); color: var(--text-bright); }
.oa-contract-score-num.analytics-only {
  color: var(--warn);
  border: 1px solid rgba(245,158,11,0.24);
  border-radius: 3px;
  padding: 2px 6px;
  background: rgba(245,158,11,0.08);
}
.oa-contract-score-num.entry-linked { color: var(--accent); }

.oa-disabled-contracts {
  grid-column: 1 / -1;
  color: var(--text-muted);
  font-size: 0.75rem;
  padding: 16px;
  border: 1px dashed rgba(245,158,11,0.26);
  border-radius: 6px;
  background: rgba(245,158,11,0.05);
}

.oa-execution-link {
  display: grid;
  grid-template-columns: auto auto 1fr;
  gap: 8px;
  align-items: center;
  border-radius: 4px;
  padding: 6px 8px;
  font-family: var(--font-mono);
  font-size: 9px;
}
.oa-execution-link.ready {
  background: rgba(0,212,170,0.08);
  border: 1px solid rgba(0,212,170,0.18);
}
.oa-execution-link.blocked {
  background: rgba(239,68,68,0.07);
  border: 1px solid rgba(239,68,68,0.16);
}
.oa-execution-link-label {
  color: var(--text-faint);
  letter-spacing: 0.08em;
}
.oa-execution-link-value {
  font-weight: 800;
  color: var(--text-bright);
}
.oa-execution-link.blocked .oa-execution-link-value { color: var(--bear); }
.oa-execution-link.ready .oa-execution-link-value { color: var(--accent); }
.oa-execution-link-reason {
  color: var(--text-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Greeks row */
.oa-greeks-row {
  display: flex; gap: 8px; flex-wrap: wrap;
  padding: 8px; background: var(--surface-3); border-radius: 5px;
}

.oa-greek-block {
  display: flex; flex-direction: column; gap: 2px;
  min-width: 62px; padding: 4px 8px;
  border-radius: 3px;
}
.oa-greek-block.greek-warn { background: rgba(239,68,68,0.08); border: 1px solid rgba(239,68,68,0.15); }

.oa-greek-lbl { font-size: 9px; color: var(--text-faint); font-family: var(--font-mono); }
.oa-greek-val { font-size: 13px; font-weight: 700; font-family: var(--font-mono); color: var(--text-bright); }
.oa-greek-val.bear { color: var(--bear); }
.oa-greek-note { font-size: 8px; color: var(--text-faint); font-family: var(--font-mono); }

/* Premium row */
.oa-premium-row { display: flex; gap: 8px; flex-wrap: wrap; }

.oa-prem-block {
  flex: 1; min-width: 70px; background: var(--surface-3);
  border-radius: 4px; padding: 5px 9px; display: flex; flex-direction: column; gap: 2px;
}
.oa-prem-block.highlight { background: rgba(56,189,248,0.1); border: 1px solid rgba(56,189,248,0.2); }
.oa-prem-lbl { font-size: 8px; color: var(--text-faint); font-family: var(--font-mono); }
.oa-prem-val { font-size: 12px; font-weight: 700; font-family: var(--font-mono); color: var(--text-bright); }
.oa-prem-val.bull { color: var(--accent); }
.oa-prem-val.bear { color: var(--bear); }

/* Expected move */
.oa-em-row {
  display: flex; align-items: center; gap: 10px;
  font-family: var(--font-mono); flex-wrap: wrap;
  border-top: 1px solid var(--border); padding-top: 6px;
}
.oa-em-lbl { font-size: 9px; color: var(--text-faint); flex: 1; }
.oa-em-range { font-size: 10px; color: var(--text-dim); }
.oa-em-val { font-size: 11px; font-weight: 700; color: #38bdf8; }

/* Greeks efficiency bar */
.oa-greeks-score-bar {
  display: grid; grid-template-columns: 120px 1fr auto;
  align-items: center; gap: 8px;
}
.oa-geb-lbl { font-size: 9px; color: var(--text-faint); font-family: var(--font-mono); }
.oa-geb-track { height: 5px; background: var(--surface-3); border-radius: 3px; overflow: hidden; }
.oa-geb-fill { height: 100%; border-radius: 3px; }
.oa-geb-fill.bull    { background: var(--accent); }
.oa-geb-fill.neutral { background: #f59e0b; }
.oa-geb-fill.bear    { background: var(--bear); }
.oa-geb-val { font-size: 9px; font-family: var(--font-mono); white-space: nowrap; }
.oa-geb-val.bull { color: var(--accent); }
.oa-geb-val.neutral { color: #f59e0b; }
.oa-geb-val.bear { color: var(--bear); }

/* Advanced TQS */
.oa-atqs-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
}

.atqs-card {
  background: var(--surface-2); border: 1px solid var(--border);
  border-radius: 6px; padding: 12px 14px; display: flex; flex-direction: column; gap: 10px;
}

.atqs-header {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}
.atqs-ticker {
  font-size: 12px; font-weight: 800; font-family: var(--font-mono);
  color: var(--text-bright); flex: 1;
}
.atqs-score-wrap { display: flex; align-items: center; gap: 6px; }
.atqs-score-num { font-size: 22px; font-weight: 800; font-family: var(--font-mono); color: #38bdf8; }
.atqs-score-label {
  font-size: 9px; font-weight: 700; font-family: var(--font-mono);
  padding: 2px 7px; border-radius: 2px; letter-spacing: 0.05em;
}
.atqs-score-label.valid   { background: rgba(0,212,170,0.15); color: var(--accent); }
.atqs-score-label.watch   { background: rgba(245,158,11,0.15); color: #f59e0b; }
.atqs-score-label.notrade { background: rgba(239,68,68,0.12); color: var(--bear); }

.atqs-timing {
  font-size: 9px; font-weight: 700; font-family: var(--font-mono);
  padding: 2px 8px; border-radius: 2px;
}
.atqs-timing.warn { background: rgba(245,158,11,0.12); color: #f59e0b; }
.atqs-timing.bad  { background: rgba(239,68,68,0.10); color: var(--bear); }

.atqs-factors { display: flex; flex-direction: column; gap: 4px; }

.atqs-factor-row {
  display: grid; grid-template-columns: 70px 1fr 28px 28px;
  align-items: center; gap: 6px;
}
.atqs-factor-lbl { font-size: 9px; color: var(--text-dim); font-family: var(--font-mono); }
.atqs-factor-track { height: 5px; background: var(--surface-3); border-radius: 3px; overflow: hidden; }
.atqs-factor-bar { height: 100%; border-radius: 3px; }
.atqs-factor-bar.bull    { background: var(--accent); }
.atqs-factor-bar.neutral { background: #f59e0b; }
.atqs-factor-bar.bear    { background: var(--bear); }
.atqs-factor-val { font-size: 9px; font-family: var(--font-mono); text-align: right; }
.atqs-factor-val.bull    { color: var(--accent); }
.atqs-factor-val.neutral { color: #f59e0b; }
.atqs-factor-val.bear    { color: var(--bear); }
.atqs-factor-w { font-size: 8px; color: var(--text-faint); font-family: var(--font-mono); text-align: center; }

.atqs-narratives { display: flex; flex-direction: column; gap: 5px; }

.atqs-narrative-row {
  display: grid; grid-template-columns: 52px 1fr; gap: 8px; align-items: baseline;
}
.atqs-narr-lbl {
  font-size: 9px; font-weight: 700; font-family: var(--font-mono); color: #38bdf8;
}
.atqs-narr-val { font-size: 10px; color: var(--text-dim); line-height: 1.5; }

/* ── Responsive ── */
@media (max-width: 900px) {
  .mc-row-2, .mc-stoch-row-2, .oa-iv-context-row, .oa-contracts-grid, .oa-atqs-grid {
    grid-template-columns: 1fr;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   Section K — Backtesting Engine (emerald #10b981)
   ═══════════════════════════════════════════════════════════════════════════ */
.bt-card       { border-top: 2px solid #10b981; }
.bt-tag        { background: #10b98122; color: #10b981; border-color: #10b98144; }

/* ── Headline ─────────────────────────────────────────────────────────────── */
.bt-headline {
  display: flex; gap: 24px; align-items: flex-start;
  padding: 16px 0 20px;
  border-bottom: 1px solid var(--border);
}
.bt-headline-left { flex: 1; min-width: 0; }
.bt-verdict {
  font-family: 'JetBrains Mono', monospace;
  font-size: 1.6rem; font-weight: 700; letter-spacing: 2px;
  margin-bottom: 8px;
}
.bt-verdict.bull    { color: #10b981; }
.bt-verdict.bear    { color: #ef4444; }
.bt-verdict.neutral { color: var(--text-muted); }
.bt-verdict-sub {
  font-size: 0.75rem; color: var(--text-muted); line-height: 1.5;
  max-width: 580px; margin-bottom: 10px;
}
.bt-meta-row { display: flex; flex-wrap: wrap; gap: 6px; }
.bt-meta-chip {
  font-size: 0.65rem; font-family: 'JetBrains Mono', monospace;
  background: var(--surface-3); border: 1px solid var(--border);
  color: var(--text-muted); padding: 2px 8px; border-radius: 3px;
}

/* ── Metrics Grid ─────────────────────────────────────────────────────────── */
.bt-metrics-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;
  min-width: 320px;
}
.bt-met-tile {
  background: var(--surface-3); border: 1px solid var(--border);
  border-radius: 6px; padding: 10px 12px; text-align: center;
}
.bt-met-tile.bull { border-color: #10b98133; }
.bt-met-tile.bear { border-color: #ef444433; }
.bt-met-val {
  font-family: 'JetBrains Mono', monospace;
  font-size: 1.2rem; font-weight: 700; color: #10b981;
}
.bt-met-tile.bear .bt-met-val  { color: #ef4444; }
.bt-met-tile.neutral .bt-met-val { color: var(--text-muted); }
.bt-met-label { font-size: 0.6rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 1px; margin-top: 2px; }
.bt-met-sub   { font-size: 0.6rem; color: #10b98188; margin-top: 1px; }

/* ── Badge ────────────────────────────────────────────────────────────────── */
.bt-badge {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.6rem; font-weight: 700; letter-spacing: 1px;
  padding: 2px 7px; border-radius: 3px; text-transform: uppercase;
}
.bt-badge-bull    { background: #10b98122; color: #10b981; border: 1px solid #10b98144; }
.bt-badge-bear    { background: #ef444422; color: #ef4444; border: 1px solid #ef444444; }
.bt-badge-neutral { background: var(--surface-3); color: var(--text-muted); border: 1px solid var(--border); }

/* ── Shared bar ───────────────────────────────────────────────────────────── */
.bt-bar-track {
  height: 4px; background: var(--surface-3); border-radius: 2px;
  overflow: hidden; margin: 6px 0;
}
.bt-bar { height: 100%; border-radius: 2px; transition: width 0.4s ease; }
.bt-bar.bull    { background: #10b981; }
.bt-bar.bear    { background: #ef4444; }
.bt-bar.neutral { background: var(--text-muted); }

/* ── Section label ────────────────────────────────────────────────────────── */
.bt-section-label {
  font-size: 0.6rem; font-family: 'JetBrains Mono', monospace;
  color: #10b981; text-transform: uppercase; letter-spacing: 2px;
  margin: 20px 0 10px; border-bottom: 1px solid #10b98122; padding-bottom: 4px;
}

/* ── Sub-blocks (ticker + direction row) ──────────────────────────────────── */
.bt-row-2 {
  display: grid; grid-template-columns: 1fr 1fr; gap: 20px;
  padding: 16px 0;
}
.bt-sub-block {}
.bt-sub-title {
  font-size: 0.6rem; font-family: 'JetBrains Mono', monospace;
  color: var(--text-muted); text-transform: uppercase; letter-spacing: 2px;
  margin-bottom: 10px;
}

/* Ticker cards */
.bt-ticker-grid { display: flex; gap: 12px; }
.bt-ticker-card {
  flex: 1; background: var(--surface-3); border: 1px solid var(--border);
  border-radius: 6px; padding: 12px;
}
.bt-ticker-name {
  font-family: 'JetBrains Mono', monospace; font-size: 1rem; font-weight: 700;
  color: var(--text); margin-bottom: 4px;
}
.bt-ticker-badge { margin-bottom: 8px; }
.bt-ticker-row {
  display: flex; justify-content: space-between; align-items: center;
  font-size: 0.7rem; padding: 3px 0; border-bottom: 1px solid var(--surface-2);
}
.bt-ticker-row:last-child { border-bottom: none; }
.bt-lbl { color: var(--text-muted); }
.bt-val { font-family: 'JetBrains Mono', monospace; font-weight: 600; color: var(--text); }
.bt-val.bull    { color: #10b981; }
.bt-val.bear    { color: #ef4444; }

/* Direction rows */
.bt-dir-row {
  background: var(--surface-3); border: 1px solid var(--border);
  border-radius: 6px; padding: 10px 12px; margin-bottom: 8px;
}
.bt-dir-head { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.bt-dir-label {
  font-family: 'JetBrains Mono', monospace; font-size: 0.9rem; font-weight: 700;
}
.bt-dir-label.bull    { color: #10b981; }
.bt-dir-label.bear    { color: #ef4444; }
.bt-dir-label.neutral { color: var(--text-muted); }
.bt-dir-stats { font-size: 0.7rem; color: var(--text-muted); display: flex; gap: 12px; margin-bottom: 4px; }
.bt-dir-note { font-size: 0.65rem; color: var(--text-muted); margin-top: 4px; line-height: 1.4; }

/* ── Regime Grid ──────────────────────────────────────────────────────────── */
.bt-regime-grid {
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px;
  margin-bottom: 4px;
}
.bt-regime-card {
  background: var(--surface-3); border: 1px solid var(--border);
  border-radius: 6px; padding: 10px 10px 8px;
}
.bt-regime-card.bt-regime-bull    { border-top: 2px solid #10b981; }
.bt-regime-card.bt-regime-bear    { border-top: 2px solid #ef4444; }
.bt-regime-card.bt-regime-neutral { border-top: 2px solid var(--text-muted); }
.bt-regime-head {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 8px; flex-wrap: wrap; gap: 4px;
}
.bt-regime-name {
  font-family: 'JetBrains Mono', monospace; font-size: 0.7rem; font-weight: 700;
  color: var(--text); text-transform: uppercase;
}
.bt-regime-metrics {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; margin-bottom: 6px;
}
.bt-regime-stat { text-align: center; }
.bt-regime-val {
  font-family: 'JetBrains Mono', monospace; font-size: 0.85rem; font-weight: 700;
}
.bt-regime-val.bull    { color: #10b981; }
.bt-regime-val.bear    { color: #ef4444; }
.bt-regime-val.neutral { color: var(--text-muted); }
.bt-regime-lbl { font-size: 0.55rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; }
.bt-regime-note { font-size: 0.6rem; color: var(--text-muted); line-height: 1.35; margin-top: 4px; }

/* ── Score Bucket Grid ────────────────────────────────────────────────────── */
.bt-bucket-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;
}
.bt-bucket-card {
  background: var(--surface-3); border: 1px solid var(--border);
  border-radius: 6px; padding: 10px 12px;
}
.bt-bucket-head {
  display: flex; align-items: center; gap: 6px; margin-bottom: 8px; flex-wrap: wrap;
}
.bt-bucket-name {
  font-family: 'JetBrains Mono', monospace; font-size: 0.7rem; font-weight: 700;
  color: var(--text);
}
.bt-bucket-row {
  display: flex; justify-content: space-between; font-size: 0.7rem;
  padding: 3px 0; border-bottom: 1px solid var(--surface-2);
}
.bt-bucket-row span:first-child { color: var(--text-muted); }
.bt-bucket-row span:last-child  { font-family: 'JetBrains Mono', monospace; font-weight: 600; }
.bt-bucket-note { font-size: 0.6rem; color: var(--text-muted); margin-top: 6px; line-height: 1.35; }

/* ── Ablation ─────────────────────────────────────────────────────────────── */
.bt-ablation-note {
  font-size: 0.65rem; color: var(--text-muted); font-style: italic;
  margin-bottom: 10px;
}
.bt-ablation-grid { display: flex; flex-direction: column; gap: 8px; }
.bt-ablation-row {
  background: var(--surface-3); border: 1px solid var(--border);
  border-radius: 6px; padding: 10px 14px;
  display: grid; grid-template-columns: 200px 220px 140px 1fr; gap: 12px; align-items: center;
}
.bt-ablation-head { display: flex; align-items: center; gap: 8px; }
.bt-ablation-factor {
  font-family: 'JetBrains Mono', monospace; font-size: 0.75rem; font-weight: 700;
  color: var(--text); text-transform: uppercase;
}
.bt-ablation-bars { display: flex; flex-direction: column; gap: 2px; }
.bt-ablation-delta {
  font-family: 'JetBrains Mono', monospace; font-size: 0.7rem; font-weight: 700;
}
.bt-ablation-delta.bull { color: #10b981; }
.bt-ablation-delta.bear { color: #ef4444; }
.bt-ablation-pf { font-size: 0.7rem; color: var(--text-muted); }
.bt-ablation-pf span { font-family: 'JetBrains Mono', monospace; font-weight: 700; }
.bt-ablation-detail { font-size: 0.65rem; color: var(--text-muted); line-height: 1.4; }

/* ── Findings List ────────────────────────────────────────────────────────── */
.bt-findings-list { display: flex; flex-direction: column; gap: 6px; }
.bt-finding-row {
  background: var(--surface-3); border: 1px solid var(--border);
  border-radius: 6px; padding: 10px 14px;
  display: grid; grid-template-columns: 110px 1fr; gap: 14px; align-items: flex-start;
}
.bt-finding-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.bt-finding-p {
  font-family: 'JetBrains Mono', monospace; font-size: 0.8rem; font-weight: 700;
  color: var(--text-muted);
}
.bt-finding-type {
  font-size: 0.6rem; font-family: 'JetBrains Mono', monospace;
  padding: 2px 6px; border-radius: 3px; font-weight: 700; letter-spacing: 1px;
}
.bt-finding-critical { background: #ef444422; color: #ef4444; border: 1px solid #ef444444; }
.bt-finding-high     { background: #f59e0b22; color: #f59e0b; border: 1px solid #f59e0b44; }
.bt-finding-medium   { background: #38bdf822; color: #38bdf8; border: 1px solid #38bdf844; }
.bt-finding-next     { background: #10b98122; color: #10b981; border: 1px solid #10b98144; }
.bt-finding-text { font-size: 0.72rem; color: var(--text); line-height: 1.45; margin-bottom: 4px; }
.bt-finding-action {
  font-size: 0.68rem; color: #10b981; font-family: 'JetBrains Mono', monospace;
  line-height: 1.35;
}


/* ═══════════════════════════════════════════════════════════════════════
   V2 Engine — New UI Components
════════════════════════════════════════════════════════════════════════ */

/* Engine Banner */
.bt-engine-banner {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
  background: linear-gradient(135deg, #0d1f1a 0%, #0f1117 100%);
  border: 1px solid #00d4aa44; border-radius: 8px;
  padding: 10px 14px; margin-bottom: 14px;
}
.bt-engine-label {
  font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em;
  color: #00d4aa; font-family: 'JetBrains Mono', monospace;
}
.bt-engine-chips { display: flex; flex-wrap: wrap; gap: 5px; flex: 1; }
.bt-chip-active {
  font-size: 0.65rem; font-weight: 600; padding: 2px 7px; border-radius: 4px;
  background: #10b98122; color: #10b981; border: 1px solid #10b98144;
}
.bt-chip-suppressed {
  font-size: 0.65rem; font-weight: 600; padding: 2px 7px; border-radius: 4px;
  background: #ef444422; color: #ef4444; border: 1px solid #ef444444;
}
.badge-historical {
  font-size: 0.55rem; font-weight: 700; padding: 1px 5px; border-radius: 3px;
  background: rgba(184,134,11,0.12); color: #b8860b; border: 1px solid rgba(184,134,11,0.25);
  letter-spacing: 0.5px; vertical-align: middle; margin-left: 4px;
}
.bt-engine-note { font-size: 0.63rem; color: var(--text-muted); margin-left: auto; }
.engine-v2-chip {
  background: #8b5cf622; color: #8b5cf6; border: 1px solid #8b5cf644;
  font-size: 0.65rem; padding: 2px 7px; border-radius: 4px;
}

/* IS/OOS Grid */
.bt-isoos-grid {
  display: grid; grid-template-columns: 1fr auto 1fr 1fr; gap: 10px;
  margin-bottom: 16px; align-items: start;
}
.bt-isoos-arrow {
  display: flex; align-items: center; justify-content: center;
  font-size: 1.4rem; color: #00d4aa; padding-top: 30px;
}
.bt-isoos-card {
  background: var(--surface2); border-radius: 8px; padding: 12px;
  border: 1px solid var(--border);
}
.bt-isoos-is    { border-color: #10b98144; }
.bt-isoos-oos-good { border-color: #10b98133; }
.bt-isoos-oos-bad  { border-color: #f59e0b44; }
.bt-isoos-v1delta  { border-color: #38bdf844; }
.bt-isoos-header {
  font-size: 0.65rem; font-weight: 700; letter-spacing: 0.07em;
  color: var(--text-muted); text-transform: uppercase; margin-bottom: 10px;
}
.bt-isoos-metrics {
  display: grid; grid-template-columns: 1fr 1fr; gap: 6px;
}

/* Walk-Forward Grid */
.bt-wf-grid {
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px;
  margin-bottom: 16px;
}
.bt-wf-block {
  background: var(--surface2); border-radius: 8px; padding: 10px;
  border: 1px solid var(--border); display: flex; flex-direction: column; gap: 5px;
}
.bt-wf-bull { border-color: #10b98144; background: linear-gradient(180deg, #0a1f14 0%, #1a1d26 100%); }
.bt-wf-bear { border-color: #ef444444; background: linear-gradient(180deg, #1f0a0a 0%, #1a1d26 100%); }
.bt-wf-neutral { border-color: #f59e0b44; }
.bt-wf-label { font-size: 0.72rem; font-weight: 700; color: var(--text); }
.bt-wf-period { font-size: 0.6rem; color: var(--text-muted); margin-bottom: 4px; }
.bt-wf-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
.bt-wf-stat { display: flex; flex-direction: column; }
.bt-wf-val { font-size: 0.8rem; font-weight: 700; font-family: 'JetBrains Mono', monospace; }
.bt-wf-lbl { font-size: 0.6rem; color: var(--text-muted); }
.bt-wf-badge { margin-top: 4px; }
.bt-wf-note { font-size: 0.6rem; color: var(--text-muted); line-height: 1.35; }

/* Friction Model Grid */
.bt-friction-grid {
  display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px;
  margin-bottom: 16px;
}
.bt-fric-card {
  background: var(--surface2); border-radius: 8px; padding: 10px;
  border: 1px solid var(--border); text-align: center;
}
.bt-fric-card.bull { border-color: #10b98144; }
.bt-fric-card.bear { border-color: #ef444433; }
.bt-fric-card.neutral { border-color: #38bdf833; }
.bt-fric-val {
  font-size: 1rem; font-weight: 700; color: var(--text);
  font-family: 'JetBrains Mono', monospace;
}
.bt-fric-card.bull .bt-fric-val { color: #10b981; }
.bt-fric-card.bear .bt-fric-val { color: #ef4444; }
.bt-fric-label { font-size: 0.63rem; font-weight: 600; color: var(--text-muted); margin-top: 3px; }
.bt-fric-note  { font-size: 0.58rem; color: var(--text-faint); margin-top: 2px; }

/* OOS Collapse Diagnosis */
.bt-oos-diag {
  display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px;
}
.bt-diag-item {
  display: flex; align-items: flex-start; gap: 10px;
  background: var(--surface2); border-radius: 6px; padding: 8px 12px;
  border-left: 3px solid var(--border);
}
.bt-diag-item.bull { border-left-color: #10b981; }
.bt-diag-item.bear { border-left-color: #ef4444; }
.bt-diag-tag {
  font-size: 0.6rem; font-weight: 700; letter-spacing: 0.07em;
  color: var(--text-muted); min-width: 80px; padding-top: 1px;
  flex-shrink: 0;
}
.bt-diag-item.bull .bt-diag-tag { color: #10b981; }
.bt-diag-item.bear .bt-diag-tag { color: #ef4444; }
.bt-diag-text { font-size: 0.72rem; color: var(--text); line-height: 1.45; }

/* v2 finding type colors */
.bt-finding-confirmed { background: #10b98122; color: #10b981; border: 1px solid #10b98144; }
.bt-finding-watch     { background: #f59e0b22; color: #f59e0b; border: 1px solid #f59e0b44; }

/* ── Section Tags ──────────────────────────────────────────────────────────── */
.overnight-tag  { background: #0ea5e922; color: #0ea5e9; border: 1px solid #0ea5e944; }
.momentum-tag   { background: #f9731622; color: #f97316; border: 1px solid #f9731644; }

/* ── L. Overnight Intelligence ─────────────────────────────────────────────── */
.overnight-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}
.on-stat {
  background: var(--surface2);
  border-radius: 8px;
  padding: 12px 14px;
  border: 1px solid var(--border);
}
.on-stat-label { font-size: 0.6rem; font-weight: 700; letter-spacing: 0.08em; color: var(--text-muted); margin-bottom: 4px; }
.on-stat-val   { font-size: 1.1rem; font-weight: 700; font-family: 'JetBrains Mono', monospace; color: var(--text); }
.on-stat-val.bull { color: #10b981; }
.on-stat-val.bear { color: #ef4444; }
.on-stat-sub   { font-size: 0.62rem; color: var(--text-muted); margin-top: 3px; }

.on-summary-bar {
  background: var(--surface2);
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 0.72rem;
  font-family: 'JetBrains Mono', monospace;
  color: var(--text-muted);
  border-left: 3px solid #0ea5e9;
  margin-bottom: 14px;
}
.on-summary-bar .on-highlight { color: var(--accent); font-weight: 700; }

.gex-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px;
  margin-bottom: 10px;
}
.gex-stat {
  background: var(--surface2);
  border-radius: 8px;
  padding: 10px 12px;
  border: 1px solid var(--border);
}
.gex-stat-label { font-size: 0.58rem; font-weight: 700; letter-spacing: 0.08em; color: var(--text-muted); margin-bottom: 3px; }
.gex-stat-val   { font-size: 0.95rem; font-weight: 700; font-family: 'JetBrains Mono', monospace; }
.gex-stat-val.long-gamma  { color: #10b981; }
.gex-stat-val.short-gamma { color: #ef4444; }
.gex-stat-val.neutral     { color: var(--text-muted); }

.gex-regime-bar {
  background: var(--surface2);
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 0.7rem;
  color: var(--text-muted);
  border-left: 3px solid var(--border);
  margin-top: 8px;
}
.gex-regime-bar.long-gamma  { border-left-color: #10b981; }
.gex-regime-bar.short-gamma { border-left-color: #ef4444; }

.uoa-list { display: flex; flex-direction: column; gap: 6px; margin-top: 12px; }
.uoa-item {
  display: flex; align-items: center; gap: 10px;
  background: var(--surface2); border-radius: 6px; padding: 8px 12px;
  border-left: 3px solid var(--border); font-size: 0.7rem;
}
.uoa-item.call-flag { border-left-color: #10b981; }
.uoa-item.put-flag  { border-left-color: #ef4444; }
.uoa-badge {
  font-size: 0.58rem; font-weight: 700; padding: 2px 6px;
  border-radius: 3px; flex-shrink: 0;
}
.uoa-badge.call { background: #10b98122; color: #10b981; }
.uoa-badge.put  { background: #ef444422; color: #ef4444; }
.uoa-label { flex: 1; font-family: 'JetBrains Mono', monospace; color: var(--text); }
.uoa-score { font-size: 0.65rem; color: var(--text-muted); font-weight: 600; }
.uoa-section-title {
  font-size: 0.65rem; font-weight: 700; letter-spacing: 0.08em;
  color: var(--text-muted); margin: 14px 0 6px;
  text-transform: uppercase;
}

/* ── M. Momentum Scanner ──────────────────────────────────────────────────── */
.momentum-plays { display: flex; flex-direction: column; gap: 12px; }
.play-card {
  background: var(--surface2);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 14px 16px;
  position: relative;
  overflow: hidden;
}
.play-card::before {
  content: '';
  position: absolute; top: 0; left: 0; width: 4px; height: 100%;
  background: #f97316;
}
.play-card.squeeze::before { background: #ef4444; }
.play-header {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 10px;
}
.play-ticker {
  font-size: 1.1rem; font-weight: 700;
  font-family: 'JetBrains Mono', monospace; color: var(--text);
}
.play-chg {
  font-size: 0.85rem; font-weight: 700;
  font-family: 'JetBrains Mono', monospace;
  padding: 2px 8px; border-radius: 4px;
}
.play-chg.bull { background: #10b98122; color: #10b981; }
.play-chg.bear { background: #ef444422; color: #ef4444; }
.play-score-badge {
  font-size: 0.62rem; font-weight: 700; padding: 2px 7px;
  border-radius: 3px; background: #f9731622; color: #f97316;
  border: 1px solid #f9731644;
}
.play-stats {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 8px; margin-bottom: 10px;
}
.play-stat { display: flex; flex-direction: column; }
.play-stat-label { font-size: 0.55rem; font-weight: 700; letter-spacing: 0.07em; color: var(--text-muted); }
.play-stat-val   { font-size: 0.8rem; font-weight: 700; font-family: 'JetBrains Mono', monospace; color: var(--text); }
.play-levels {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 6px; padding: 8px 0;
  border-top: 1px solid var(--border); margin-top: 6px;
}
.play-level { display: flex; flex-direction: column; align-items: center; }
.play-level-label { font-size: 0.52rem; font-weight: 700; color: var(--text-muted); letter-spacing: 0.06em; }
.play-level-val   { font-size: 0.78rem; font-weight: 700; font-family: 'JetBrains Mono', monospace; }
.play-level-val.entry  { color: #0ea5e9; }
.play-level-val.stop   { color: #ef4444; }
.play-level-val.target { color: #10b981; }
.play-timing {
  font-size: 0.63rem; color: #f97316; font-weight: 600;
  margin-top: 8px; padding-top: 6px;
  border-top: 1px solid var(--border);
}
.play-squeeze-badge {
  display: inline-block; font-size: 0.55rem; font-weight: 700;
  padding: 1px 6px; border-radius: 3px; margin-left: 8px;
  background: #ef444422; color: #ef4444; border: 1px solid #ef444440;
  vertical-align: middle;
}
.no-plays-msg {
  text-align: center; padding: 32px;
  font-size: 0.75rem; color: var(--text-muted);
  font-family: 'JetBrains Mono', monospace;
}

/* ═══════════════════════════════════════════════════════════════════════
   V3.2 ADDITIONS — Section N (News Intelligence) + Section O (Market Structure)
   ═══════════════════════════════════════════════════════════════════════ */

/* Section N — News Intelligence */
.news-headline-list { list-style: none; padding: 0; margin: 0; }
.news-headline { display: flex; gap: 8px; padding: 6px 0; border-bottom: 1px solid #1e2a3a; font-size: 0.72rem; align-items: flex-start; }
.news-sentiment-bar { height: 6px; border-radius: 3px; background: #1e2a3a; margin: 8px 0; position: relative; overflow: hidden; }
.news-sentiment-fill { height: 100%; border-radius: 3px; transition: width 0.4s ease; }
.news-earnings-risk { background: #f59e0b22; border: 1px solid #f59e0b44; color: #f59e0b; padding: 6px 12px; border-radius: 4px; font-size: 0.72rem; font-weight: 600; margin-bottom: 10px; }
.news-signal-line {
  margin: 6px 0 12px;
  font-size: 0.72rem;
  font-weight: 600;
}
.news-empty-state {
  margin: 8px 0 2px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: 0.72rem;
  color: var(--text-dim, #7c84a3);
  line-height: 1.5;
}

/* Section O — Market Structure: 3-column card grid matching vex-card style */
.struct-o-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; }
@media (max-width: 900px) { .struct-o-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .struct-o-grid { grid-template-columns: 1fr; } }
/* Keep legacy classes in case referenced elsewhere */
.structure-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; }
.structure-col { display: flex; flex-direction: column; gap: 8px; }
.structure-col-header { font-size: 0.65rem; color: #64748b; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 4px; border-bottom: 1px solid #1e2a3a; padding-bottom: 4px; }
.sector-row { display: flex; justify-content: space-between; align-items: center; font-size: 0.72rem; padding: 3px 0; }
.sector-bar { height: 3px; border-radius: 2px; margin-top: 2px; margin-bottom: 4px; min-width: 4px; }
.vwap-dev-bar { height: 8px; background: #1e2a3a; border-radius: 4px; position: relative; margin: 4px 0; overflow: hidden; }
.vwap-dev-fill { height: 100%; border-radius: 4px; position: absolute; top: 0; min-width: 2px; }
.pcr-gauge { font-size: 2rem; font-weight: 700; font-variant-numeric: tabular-nums; text-align: center; margin: 8px 0 4px; }
.pcr-label { font-size: 0.65rem; text-align: center; color: #94a3b8; letter-spacing: 0.08em; text-transform: uppercase; }

/* Panel header compatibility (Section N/O use .panel class alongside .card) */
.panel .panel-header { display: flex; align-items: center; gap: 10px; }
.panel .panel-icon { font-size: 0.85rem; color: var(--accent); }
.panel .panel-title { font-size: 0.82rem; font-weight: 600; letter-spacing: 0.06em; color: var(--text-primary); }
.panel-badge { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.06em; padding: 2px 8px; border-radius: 3px; margin-left: auto; }

/* ─── F2 · MONTE CARLO ENGINE ───────────────────────────────────────────────── */
.mc-cone { display: flex; flex-direction: column; gap: 4px; margin: 12px 0; }
.mc-cone-row { display: flex; align-items: center; gap: 8px; font-size: 0.72rem; font-variant-numeric: tabular-nums; }
.mc-cone-label { width: 40px; color: #64748b; text-align: right; font-size: 0.65rem; }
.mc-cone-price { width: 58px; font-weight: 600; }
.mc-cone-bar { height: 6px; border-radius: 3px; }
.mc-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 12px; }
.mc-stat { text-align: center; background: #0f1923; border-radius: 6px; padding: 8px 4px; }
.mc-stat-val { font-size: 1.05rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.mc-stat-label { font-size: 0.6rem; color: #64748b; text-transform: uppercase; letter-spacing: 0.06em; margin-top: 2px; }
.mc-horizon-tabs { display: flex; gap: 8px; margin-bottom: 14px; flex-wrap: wrap; }
.mc-horizon-tab { padding: 4px 14px; border-radius: 4px; background: #1e2a3a; color: #94a3b8; font-size: 0.7rem; cursor: pointer; border: 1px solid transparent; transition: all 0.15s; font-family: inherit; }
.mc-horizon-tab:hover { background: #0ea5e922; color: #0ea5e9; }
.mc-horizon-tab.active { background: #0ea5e922; color: #0ea5e9; border-color: #0ea5e944; }
.mc-sym-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }
.mc-sym-card { background: #0b1520; border: 1px solid #1e2a3a; border-radius: 8px; padding: 14px; }
.mc-sym-header { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.mc-sym-ticker { font-size: 1rem; font-weight: 700; color: #0ea5e9; letter-spacing: 0.05em; }
.mc-sym-paths { font-size: 0.65rem; color: #64748b; }
.mc-scenario-bar-wrap { margin: 4px 0 2px; }
.mc-scenario-row { display: flex; align-items: center; gap: 10px; margin: 5px 0; font-size: 0.72rem; }
.mc-scenario-label { width: 44px; color: #94a3b8; font-weight: 600; font-size: 0.65rem; }
.mc-scenario-pct { width: 34px; text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; }
.mc-scenario-track { flex: 1; height: 8px; background: #1e2a3a; border-radius: 4px; overflow: hidden; }
.mc-scenario-fill { height: 100%; border-radius: 4px; }
.mc-scenario-ret { font-size: 0.62rem; color: #64748b; width: 50px; text-align: right; }
.mc-metadata { font-size: 0.65rem; color: #64748b; margin-top: 14px; padding-top: 10px; border-top: 1px solid #1e2a3a; display: flex; flex-wrap: wrap; gap: 8px; }
.mc-meta-pill { background: #0f1923; border-radius: 4px; padding: 3px 8px; }
.mc-section-title { font-size: 0.7rem; font-weight: 600; color: #94a3b8; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 8px; }
@media (max-width: 768px) { .mc-sym-grid { grid-template-columns: 1fr; } .mc-stats { grid-template-columns: repeat(2, 1fr); } }

/* ── Section P: Paper Trading ─────────────────────────────────────────────── */
.paper-metric { text-align: center; padding: 8px 12px; }
.paper-metric-val { font-size: 1.5rem; font-weight: 700; font-variant-numeric: tabular-nums; color: #e2e8f0; }
.paper-metric-label { font-size: 0.65rem; color: #64748b; text-transform: uppercase; letter-spacing: 0.08em; margin-top: 2px; }
.pt-metrics-row { display: flex; flex-wrap: wrap; gap: 0; border-bottom: 1px solid #1e2a3a; padding-bottom: 12px; margin-bottom: 14px; }
.pt-metrics-row .paper-metric { border-right: 1px solid #1e2a3a; flex: 1 1 120px; }
.pt-metrics-row .paper-metric:last-child { border-right: none; }
.paper-section-block {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #1e2a3a;
}
.paper-section-title {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #94a3b8;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.paper-position-row { display: grid; grid-template-columns: 60px 50px 80px 80px 80px 60px; gap: 8px; padding: 6px 0; border-bottom: 1px solid #1e2a3a; font-size: 0.72rem; align-items: center; }
.pt-pos-header { font-size: 0.62rem; color: #64748b; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 600; }
.pt-closed-row { display: grid; grid-template-columns: 60px 130px 80px 50px 100px 1fr; gap: 8px; padding: 5px 0; border-bottom: 1px solid #1e2a3a; font-size: 0.7rem; align-items: center; }
.pt-closed-header { font-size: 0.62rem; color: #64748b; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 600; }
.pt-section-label { font-size: 0.65rem; font-weight: 700; color: #94a3b8; letter-spacing: 0.1em; text-transform: uppercase; margin: 14px 0 6px; }
.pt-positions-table, .pt-closed-table { padding: 0 2px; }
.pt-empty { font-size: 0.72rem; color: #4b5563; padding: 8px 0; font-style: italic; }
.pt-sym { font-weight: 700; color: #0ea5e9; }
.pt-arrow { color: #94a3b8; font-variant-numeric: tabular-nums; }
.pt-regime { font-size: 0.65rem; color: #94a3b8; }
.pt-reason { font-size: 0.65rem; color: #64748b; }
.pt-grade { display: inline-block; padding: 2px 6px; border-radius: 3px; font-size: 0.65rem; font-weight: 700; background: #1e2a3a; color: #94a3b8; }
.pt-grade-A-plus { background: #14532d22; color: #22c55e; }
.pt-grade-A { background: #14532d18; color: #4ade80; }
.pt-grade-B { background: #1d4ed822; color: #60a5fa; }
.pt-grade-C { background: #78350f22; color: #fbbf24; }
.pt-grade-F { background: #450a0a22; color: #f87171; }
.pt-footer-row { display: flex; flex-wrap: wrap; gap: 12px; padding: 10px 0 4px; font-size: 0.68rem; color: #64748b; border-top: 1px solid #1e2a3a; margin-top: 10px; align-items: center; }
.pt-footer-row b { color: #94a3b8; }
.pt-reset-btn { margin-left: auto; cursor: pointer; color: #475569; font-size: 0.68rem; padding: 3px 8px; border-radius: 4px; border: 1px solid #1e2a3a; transition: all 0.15s; }
.pt-reset-btn:hover { color: #f87171; border-color: #f8717144; background: #f8717108; }
.pt-placeholder { font-size: 0.78rem; color: #4b5563; padding: 20px 0; font-style: italic; text-align: center; }
.pt-chip-row {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  padding: 10px 14px 8px;
}
.pt-chip,
.pt-mode-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  padding: 2px 8px;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,0.08);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}
#ptSummaryStrip {
  padding: 0 14px 10px;
}
.pt-stat-row {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}
.pt-stat-cell {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255,255,255,0.026), rgba(255,255,255,0.01));
}
.pt-stat-label {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.12em;
  color: var(--text-faint);
  text-transform: uppercase;
}
.pt-stat-value {
  margin-top: 5px;
  font-family: var(--font-mono);
  font-size: 18px;
  font-weight: 900;
  color: var(--text);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.pt-stat-sub {
  margin-top: 2px;
  font-size: 10px;
  color: var(--text-muted);
}
.pt-explain-strip {
  padding: 0 14px 12px;
}
#paperTradingContent .compact-state {
  max-width: none;
}
#paperTradingContent .paper-section-block {
  margin: 0;
  padding: 14px;
  border-top: 1px solid var(--border);
}
#paperTradingContent .paper-section-title {
  margin-bottom: 9px;
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--text-muted);
}
.wb-empty {
  padding: 14px;
  border: 1px dashed rgba(255,255,255,0.08);
  border-radius: 8px;
  background: rgba(255,255,255,0.018);
  color: var(--text-faint);
  font-size: 12px;
  font-style: italic;
}
.wb-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
  font-family: var(--font-mono);
  font-size: 12px;
}
.wb-table th,
.wb-table td {
  padding: 7px 8px;
  border-bottom: 1px solid rgba(255,255,255,0.055);
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}
.wb-table th {
  position: sticky;
  top: 0;
  z-index: 3;
  background: rgba(14,18,28,0.96);
  color: var(--text-muted);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.wb-table tbody tr {
  transition: background 0.12s ease, color 0.12s ease;
}
.wb-table tbody tr:hover {
  background: rgba(0,212,170,0.035);
}
.wb-table td strong {
  color: var(--text);
}
#ptPositionsEl,
#ptTradeLogEl,
#ptDailyEl,
#ptModeSplitEl {
  max-width: 100%;
  overflow-x: auto;
}
#ptTradeLogEl {
  max-height: 360px;
  overflow-y: auto;
  border: 1px solid rgba(255,255,255,0.05);
  border-radius: 8px;
  background: rgba(0,0,0,0.08);
}
#ptPositionsEl .wb-table td:nth-child(2),
#ptTradeLogEl .wb-table td:nth-child(4) {
  color: var(--accent);
  font-weight: 800;
}
#ptModeSplitEl .wb-table {
  max-width: 520px;
}
@media (max-width: 768px) {
  .pt-metrics-row { display: grid; grid-template-columns: repeat(2, 1fr); }
  .pt-metrics-row .paper-metric { border-right: none; }
  .pt-stat-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .paper-position-row { grid-template-columns: 55px 40px 70px 70px 70px 50px; font-size: 0.65rem; }
  .pt-closed-row { grid-template-columns: 55px 1fr 65px 40px; }
  .pt-closed-row span:nth-child(5), .pt-closed-row span:nth-child(6) { display: none; }
}

/* ── Backtest Verified Badge ───────────────────────────────────────────── */
.bt-verified-badge {
  margin-top: 14px;
  padding: 10px 14px;
  background: linear-gradient(135deg, #0d1f16 0%, #0a1a1f 100%);
  border: 1px solid #20808d55;
  border-left: 3px solid #20808d;
  border-radius: 6px;
  font-size: 0.72rem;
}
.bt-verified-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.bt-check {
  font-size: 1rem;
  color: #6daa45;
  font-weight: 700;
}
.bt-verified-title {
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  font-size: 0.72rem;
  font-weight: 700;
  color: #6daa45;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.bt-sig-badge {
  font-size: 0.62rem;
  background: #6daa4522;
  color: #6daa45;
  border: 1px solid #6daa4555;
  border-radius: 3px;
  padding: 1px 5px;
}
.bt-sig-badge.bt-insig {
  background: #ffc55322;
  color: #ffc553;
  border-color: #ffc55355;
}
.bt-verified-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  color: #c9d1d9;
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  font-size: 0.7rem;
}
.bt-metric {
  font-weight: 600;
  color: #e6edf3;
}
.bt-sep {
  color: #30363d;
  font-weight: 400;
}
.bt-verified-sub {
  margin-top: 5px;
  font-size: 0.63rem;
  color: #4f98a3;
  font-style: italic;
}

/* ═══════════════════════════════════════════════════════════════════════════
   SECTION Q — Vanna / Charm Exposure (VEX / CHEX)
   ═══════════════════════════════════════════════════════════════════════════ */
.vex-grid {
  display: grid;
  grid-template-columns: 1fr 260px;
  gap: 14px;
}
@media (max-width: 720px) {
  .vex-grid { grid-template-columns: 1fr; }
}
.vex-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 8px;
  padding: 14px 16px;
}
.vex-regime-label {
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 3px;
}
.vex-regime-label.bull  { color: var(--bull); }
.vex-regime-label.bear  { color: var(--bear); }
.vex-regime-label.neutral { color: var(--neutral); }
.vex-regime-sub {
  font-size: 0.68rem;
  color: var(--text-dim, #7c84a3);
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.vex-row {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.vex-metric {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 80px;
}
.vex-val {
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  font-size: 1rem;
  font-weight: 700;
}
.vex-val.bull  { color: var(--bull); }
.vex-val.bear  { color: var(--bear); }
.vex-val.neutral { color: var(--neutral); }
.vex-lbl {
  font-size: 0.63rem;
  color: var(--text-dim, #7c84a3);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.vex-signals-col {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 12px;
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 8px;
}
.vex-signal-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  border-bottom: 1px solid rgba(255,255,255,0.04);
}
.vex-signal-row:last-child { border-bottom: none; }
.vex-sig-lbl {
  font-size: 0.68rem;
  color: var(--text-dim, #7c84a3);
  white-space: nowrap;
}
.vex-sig-val {
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  font-size: 0.7rem;
  font-weight: 700;
  text-align: right;
}
.vex-sig-val.bull   { color: var(--bull); }
.vex-sig-val.bear   { color: var(--bear); }
.vex-sig-val.neutral { color: var(--neutral); }
.vex-strikes {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: flex-end;
}
.vex-strike-tag {
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  font-size: 0.62rem;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 3px;
  background: rgba(255,255,255,0.06);
}
.vex-strike-tag.bull { color: var(--bull); background: rgba(0,200,150,0.1); }
.vex-strike-tag.bear { color: var(--bear); background: rgba(255,77,109,0.1); }
.vex-explainer {
  margin-top: 10px;
  padding: 8px 12px;
  background: rgba(255,255,255,0.025);
  border-left: 3px solid rgba(255,255,255,0.12);
  border-radius: 0 6px 6px 0;
  font-size: 0.71rem;
  color: var(--text-dim, #7c84a3);
  line-height: 1.5;
}
.vex-thin-note {
  margin-top: 10px;
  padding: 8px 12px;
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(255,255,255,0.06);
  border-left: 3px solid rgba(124,132,163,0.45);
  border-radius: 6px;
  font-size: 0.71rem;
  color: var(--text-dim, #7c84a3);
  line-height: 1.5;
}
.vex-exp-tag {
  font-weight: 700;
  color: var(--text, #e6edf3);
  margin-right: 6px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   SECTION R — VPIN Informed Flow
   ═══════════════════════════════════════════════════════════════════════════ */
.vpin-grid {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 16px;
}
@media (max-width: 600px) {
  .vpin-grid { grid-template-columns: 1fr; }
}
.vpin-gauge-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 14px 12px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 8px;
}
.vpin-gauge-val {
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.vpin-gauge-val.bull   { color: var(--bull); }
.vpin-gauge-val.bear   { color: var(--bear); }
.vpin-gauge-val.neutral { color: var(--neutral); }
.vpin-gauge-lbl {
  font-size: 0.65rem;
  color: var(--text-dim, #7c84a3);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.vpin-bar-track {
  width: 100%;
  height: 6px;
  background: rgba(255,255,255,0.08);
  border-radius: 3px;
  overflow: hidden;
  margin: 4px 0;
}
.vpin-bar-fill {
  height: 100%;
  border-radius: 3px;
  transition: width 0.4s ease;
}
.vpin-bar-fill.bull   { background: var(--bull); }
.vpin-bar-fill.bear   { background: var(--bear); }
.vpin-bar-fill.neutral { background: var(--neutral); }
.vpin-pct-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 0.58rem;
}
.vpin-percentile {
  font-size: 0.63rem;
  color: var(--text-dim, #7c84a3);
  margin-top: 2px;
}
.vpin-metrics-col {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.vpin-metric-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 10px;
  background: rgba(255,255,255,0.025);
  border-radius: 5px;
  border: 1px solid rgba(255,255,255,0.05);
}
.vpin-ml {
  font-size: 0.68rem;
  color: var(--text-dim, #7c84a3);
}
.vpin-mv {
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  font-size: 0.72rem;
  font-weight: 700;
}
.vpin-mv.bull   { color: var(--bull); }
.vpin-mv.bear   { color: var(--bear); }
.vpin-mv.neutral { color: var(--neutral); }
.vpin-interpretation {
  font-size: 0.68rem;
  color: var(--text-dim, #7c84a3);
  line-height: 1.5;
  padding: 6px 10px;
  background: rgba(255,255,255,0.02);
  border-radius: 5px;
  border-left: 2px solid rgba(255,255,255,0.1);
  font-style: italic;
}
.vpin-warning {
  display: block;
  margin-top: 4px;
  font-size: 0.68rem;
  color: var(--bear);
  font-weight: 700;
  padding: 5px 10px;
  background: rgba(255,77,109,0.08);
  border: 1px solid rgba(255,77,109,0.2);
  border-radius: 4px;
}
.vpin-ref {
  margin-top: 10px;
  font-size: 0.6rem;
  color: rgba(124,132,163,0.6);
  font-style: italic;
  text-align: right;
}
.degraded-badge {
  background: rgba(255,160,0,0.15);
  color: #ffa000;
  border: 1px solid rgba(255,160,0,0.3);
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 11px;
  font-family: monospace;
}

/* ═══════════════════════════════════════════════════════════════════════════
   SECTION S — Options Order Flow Imbalance (OFI)
   ═══════════════════════════════════════════════════════════════════════════ */
.ofi-grid {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 16px;
}
@media (max-width: 600px) {
  .ofi-grid { grid-template-columns: 1fr; }
}
.ofi-gauge-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 14px 12px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 8px;
}
.ofi-gauge-val {
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.ofi-gauge-val.bull   { color: var(--bull); }
.ofi-gauge-val.bear   { color: var(--bear); }
.ofi-gauge-val.neutral { color: var(--neutral); }
.ofi-gauge-lbl {
  font-size: 0.65rem;
  color: var(--text-dim, #7c84a3);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.ofi-label {
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.ofi-label.bull   { color: var(--bull); }
.ofi-label.bear   { color: var(--bear); }
.ofi-label.neutral { color: var(--neutral); }
.ofi-bar-track {
  position: relative;
  width: 100%;
  height: 8px;
  background: linear-gradient(to right, rgba(255,77,109,0.3) 0%, rgba(255,255,255,0.05) 50%, rgba(0,200,150,0.3) 100%);
  border-radius: 4px;
  overflow: hidden;
  margin: 4px 0;
}
.ofi-bar-fill {
  height: 100%;
  border-radius: 4px;
  transition: width 0.4s ease;
  max-width: 100%;
}
.ofi-bar-fill.bull   { background: var(--bull); }
.ofi-bar-fill.bear   { background: var(--bear); }
.ofi-bar-fill.neutral { background: var(--neutral); }
.ofi-bar-mid {
  position: absolute;
  top: 0; bottom: 0;
  left: 50%;
  width: 2px;
  background: rgba(255,255,255,0.25);
  transform: translateX(-50%);
}
.ofi-bar-labels {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 0.55rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.ofi-flow-col {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.ofi-flow-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 10px;
  background: rgba(255,255,255,0.025);
  border-radius: 5px;
  border: 1px solid rgba(255,255,255,0.05);
}
.ofi-flow-lbl {
  font-size: 0.68rem;
  color: var(--text-dim, #7c84a3);
}
.ofi-flow-val {
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  font-size: 0.72rem;
  font-weight: 700;
}
.ofi-flow-val.bull   { color: var(--bull); }
.ofi-flow-val.bear   { color: var(--bear); }
.ofi-flow-val.neutral { color: var(--neutral); }
.ofi-interpretation {
  margin-top: 10px;
  padding: 8px 12px;
  font-size: 0.7rem;
  color: var(--text-dim, #7c84a3);
  line-height: 1.5;
  background: rgba(255,255,255,0.02);
  border-left: 3px solid rgba(255,255,255,0.1);
  border-radius: 0 6px 6px 0;
  font-style: italic;
}
.ofi-ref {
  margin-top: 6px;
  font-size: 0.6rem;
  color: rgba(124,132,163,0.6);
  font-style: italic;
  text-align: right;
}
.panel-empty {
  text-align: center;
  padding: 24px 12px;
  color: var(--text-dim, #7c84a3);
  font-size: 0.75rem;
  font-style: italic;
}

/* ═══════════════════════════════════════════════════════════════════════════
   SIGNAL BADGE — Loading / Connecting State
   ═══════════════════════════════════════════════════════════════════════════ */
.signal-loading {
  background: rgba(245,158,11,0.10);
  color: #f59e0b;
  border: 1px solid rgba(245,158,11,0.25);
  animation: signal-pulse 1.4s ease-in-out infinite;
}
@keyframes signal-pulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.5; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   MOBILE OPTIMIZATIONS — Q/R/S sections on small screens
   ═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 480px) {
  /* VEX grid single column with tighter padding */
  .vex-grid { gap: 10px; }
  .vex-card { padding: 10px 12px; }
  .vex-regime-label { font-size: 0.9rem; }
  .vex-row { gap: 10px; }
  .vex-val { font-size: 0.85rem; }
  .vex-signals-col { padding: 8px 10px; }

  /* VPIN gauge smaller on mobile */
  .vpin-grid { gap: 10px; }
  .vpin-gauge-col { padding: 10px; }
  .vpin-gauge-val { font-size: 1.5rem; }

  /* OFI gauge compact */
  .ofi-grid { gap: 10px; }
  .ofi-gauge-col { padding: 10px; }
  .ofi-gauge-val { font-size: 1.5rem; }
  .ofi-flow-row { padding: 5px 8px; }
}

/* ─── SNAPSHOT HISTORY PANEL ─────────────────────────────────────────────── */
.snapshot-toggle-icon {
  font-size: 10px; color: var(--text-faint); margin-left: auto; padding-right: 2px;
}
.snapshot-content { padding: 0 14px 12px; }
.snapshot-toolbar {
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 0 10px; border-bottom: 1px solid var(--border); margin-bottom: 6px;
}
.snapshot-hint { font-size: 10px; color: var(--text-faint); font-style: italic; }
.snapshot-restore-btn {
  font-family: var(--font-mono); font-size: 9px; font-weight: 700;
  background: rgba(0,212,170,0.1); border: 1px solid rgba(0,212,170,0.3);
  color: var(--accent); padding: 3px 10px; border-radius: 3px; cursor: pointer;
  transition: background 0.15s;
}
.snapshot-restore-btn:hover { background: rgba(0,212,170,0.2); }
.snapshot-loading, .snapshot-empty, .snapshot-error {
  font-size: 11px; color: var(--text-faint); padding: 12px 0; text-align: center;
}
.snapshot-error { color: var(--bear); }
.snapshot-date-group { margin-bottom: 10px; }
.snapshot-date-label {
  font-family: var(--font-mono); font-size: 9px; font-weight: 700;
  color: var(--text-faint); letter-spacing: 0.08em; text-transform: uppercase;
  padding: 4px 0 4px; border-bottom: 1px solid var(--border); margin-bottom: 3px;
}
.snapshot-row {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  align-items: start; gap: 10px;
  padding: 8px 6px; border-radius: 4px; cursor: pointer;
  transition: background 0.12s; font-size: 10px;
}
.snapshot-row:hover { background: var(--surface-3); }
.snapshot-row.snap-active { background: rgba(0,212,170,0.07); border-left: 2px solid var(--accent); }
.snap-time { font-family: var(--font-mono); font-size: 9px; color: var(--text-muted); }
.snap-mainline { display:flex; flex-direction:column; gap:6px; min-width:0; }
.snap-primary { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.snap-secondary { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.snap-changes { display:flex; gap:6px; flex-wrap:wrap; }
.snap-meta-line { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.snap-bias {
  font-family: var(--font-mono); font-size: 9px; font-weight: 600;
  color: var(--accent); background: rgba(0,212,170,0.08); border-radius: 2px; padding: 1px 4px;
}
.snap-tqs-row { display: flex; gap: 4px; flex-wrap: wrap; }
.snap-tqs {
  font-family: var(--font-mono); font-size: 8px; font-weight: 700;
  padding: 1px 5px; border-radius: 2px; background: rgba(100,120,180,0.1);
  color: var(--text-muted);
}
.snap-tqs.snap-tqs-valid      { background: rgba(0,200,150,0.12); color: var(--bull); }
.snap-tqs.snap-tqs-watch      { background: rgba(240,165,0,0.12); color: var(--warn); }
.snap-tqs.snap-tqs-no-trade   { background: rgba(255,77,109,0.1); color: var(--bear); }
.snap-tqs.snap-tqs-no-entry   { background: rgba(255,77,109,0.1); color: var(--bear); }
.snap-trades {
  font-family: var(--font-mono); font-size: 9px; color: var(--text-faint); text-align: center;
}
.snap-ver { font-size: 8px; color: var(--text-faint); font-family: var(--font-mono); }
.snap-empty { font-size: 9px; color: var(--text-faint); }
.rt-explain-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.pt-explain-strip { padding: 0 0 10px; }
.aladdin-prob-row,
.aladdin-regime-context {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

/* ─── TOP OPTIONS PLAYS SCANNER ──────────────────────────────────────────── */
.top-plays-subhead {
  font-size: 10px; color: var(--text-faint); padding: 4px 14px 8px;
  font-style: italic; border-bottom: 1px solid var(--border); margin-bottom: 8px;
}
.top-plays-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 10px; padding: 0 14px 14px;
  align-items: start;
}
.top-play-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.024), rgba(255,255,255,0.01));
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 10px; padding: 10px;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}
.top-play-card:hover { border-color: rgba(0,212,170,0.25); background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.012)); box-shadow: 0 10px 24px rgba(0,0,0,0.18); }
.top-play-header {
  display: flex; justify-content: space-between; align-items: flex-start;
  margin-bottom: 6px;
}
.top-play-left { display: flex; align-items: center; gap: 5px; }
.top-play-ticker {
  font-family: var(--font-mono); font-size: 14px; font-weight: 700;
  color: var(--text-primary);
}
.top-play-strike {
  font-family: var(--font-mono); font-size: 10px; color: var(--accent);
  background: rgba(0,212,170,0.08); padding: 1px 5px; border-radius: 2px;
}
.top-play-score { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.top-play-price {
  display: flex; align-items: center; gap: 8px;
  padding: 4px 0; border-bottom: 1px solid var(--border); margin-bottom: 6px;
}
.top-play-px { font-family: var(--font-mono); font-size: 13px; color: var(--text-primary); }
.top-play-chg { font-family: var(--font-mono); font-size: 10px; font-weight: 600; }
.top-play-rv { font-family: var(--font-mono); font-size: 9px; color: var(--text-faint); }
.top-play-levels {
  display: flex; gap: 6px; margin-bottom: 6px;
}
.operator-play-builder {
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 8px;
  padding: 8px;
  margin: 6px 0;
  background: rgba(0,0,0,0.16);
}
.operator-play-builder.builder-candidate {
  border-color: rgba(0,212,170,0.18);
  background: rgba(0,212,170,0.045);
}
.operator-play-builder.builder-watch {
  border-color: rgba(240,165,0,0.18);
  background: rgba(240,165,0,0.04);
}
.operator-play-builder.builder-reject {
  border-color: rgba(255,77,109,0.15);
  background: rgba(255,77,109,0.035);
}
.builder-main {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: baseline;
}
.builder-label {
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 800;
  color: var(--text-faint);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.builder-value {
  font-family: var(--font-mono);
  font-size: 9px;
  color: var(--text-primary);
  text-align: right;
}
.builder-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 6px;
}
.play-check {
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.05em;
  padding: 2px 5px;
  border-radius: 999px;
  text-transform: uppercase;
  border: 1px solid rgba(255,255,255,0.08);
  color: var(--text-faint);
}
.play-check-pass { color: var(--accent); background: rgba(0,212,170,0.11); border-color: rgba(0,212,170,0.18); }
.play-check-watch { color: var(--warn); background: rgba(240,165,0,0.11); border-color: rgba(240,165,0,0.18); }
.play-check-quote { color: #8ea1ff; background: rgba(142,161,255,0.11); border-color: rgba(142,161,255,0.2); }
.play-check-fail { color: var(--bear); background: rgba(255,77,109,0.11); border-color: rgba(255,77,109,0.18); }
.builder-note {
  margin-top: 6px;
  font-size: 9px;
  color: var(--text-faint);
}
.builder-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 6px;
}
.top-play-footer {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: 6px; padding-top: 5px; border-top: 1px solid var(--border);
  font-size: 9px;
}
.top-play-meta { font-family: var(--font-mono); font-size: 8px; color: var(--text-faint); }
.top-plays-empty { font-size: 11px; color: var(--text-faint); text-align: center; padding: 10px 0; font-style: italic; }

.manual-trade-checklist-content {
  padding: 10px 14px 14px;
}
.manual-checklist-shell {
  display: grid;
  gap: 10px;
}
.manual-checklist-summary {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 8px;
  background: rgba(0,0,0,0.15);
}
.manual-checklist-kicker,
.manual-option-review-title {
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--accent);
}
.manual-checklist-title {
  margin-top: 4px;
  font-size: 13px;
  font-weight: 900;
  color: var(--text-primary);
}
.manual-checklist-note {
  margin-top: 4px;
  font-size: 10px;
  color: var(--text-muted);
  line-height: 1.35;
}
.manual-checklist-count {
  min-width: 78px;
  text-align: right;
  font-family: var(--font-mono);
}
.manual-checklist-count strong {
  display: block;
  color: var(--accent);
  font-size: 18px;
}
.manual-checklist-count span {
  color: var(--text-faint);
  font-size: 8px;
  text-transform: uppercase;
}
.manual-checklist-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}
.manual-checklist-compact .manual-checklist-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.manual-checklist-collapsed-note {
  padding: 8px 10px;
  border: 1px solid rgba(255, 215, 0, 0.16);
  border-radius: 5px;
  background: rgba(255, 215, 0, 0.045);
  color: var(--text-muted);
  font-size: 10px;
  line-height: 1.35;
}
.manual-check-item {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 7px;
  row-gap: 2px;
  align-items: center;
  padding: 8px;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 8px;
  background: rgba(255,255,255,0.025);
  font-size: 10px;
  color: var(--text-primary);
}
.manual-check-item input { accent-color: var(--accent); }
.manual-check-item small {
  grid-column: 2;
  color: var(--text-faint);
  font-family: var(--font-mono);
  font-size: 8px;
  text-transform: uppercase;
}
.manual-checklist-actions {
  margin: 0;
}
.manual-entry-state {
  margin: 7px 0;
  padding: 6px 8px;
  border-radius: 6px;
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.manual-entry-state-ready {
  color: var(--accent);
  border: 1px solid rgba(0,212,170,0.25);
  background: rgba(0,212,170,0.08);
}
.manual-entry-state-watch {
  color: var(--warn);
  border: 1px solid rgba(240,165,0,0.2);
  background: rgba(240,165,0,0.07);
}
.manual-option-review {
  margin-top: 8px;
  padding: 8px;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 8px;
  background: rgba(0,0,0,0.16);
}
.manual-option-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  margin-top: 7px;
}
.manual-review-field {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 5px 6px;
  border-radius: 6px;
  background: rgba(255,255,255,0.025);
  font-family: var(--font-mono);
  font-size: 8px;
}
.manual-review-field span {
  color: var(--text-faint);
  text-transform: uppercase;
}
.manual-review-field strong {
  color: var(--text-muted);
  text-align: right;
  overflow-wrap: anywhere;
}
.manual-review-field-ok strong { color: var(--text-primary); }
.manual-review-field-missing strong { color: var(--warn); }

.social-intel-card {
  border-left: 2px solid rgba(0,212,170,0.55);
}
.social-intel-content {
  padding: 10px 14px 12px;
}
.social-warning {
  color: var(--warn);
  font-family: var(--font-mono);
  font-size: 9px;
  margin-bottom: 8px;
}
.social-summary {
  display: grid;
  grid-template-columns: 86px 1fr;
  gap: 10px;
  align-items: center;
  margin-bottom: 8px;
}
.social-big {
  display: block;
  font-family: var(--font-mono);
  font-size: 28px;
  font-weight: 900;
  color: var(--accent);
  line-height: 1;
}
.social-label {
  display: block;
  margin-top: 2px;
  font-size: 9px;
  color: var(--text-faint);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.social-narratives {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.social-pill {
  font-family: var(--font-mono);
  font-size: 8px;
  padding: 3px 6px;
  border-radius: 999px;
  color: var(--text-muted);
  background: rgba(255,255,255,0.045);
  border: 1px solid rgba(255,255,255,0.07);
}
.social-muted {
  color: var(--text-faint);
  font-size: 10px;
}
.social-list {
  display: grid;
  gap: 5px;
}
.social-row {
  display: grid;
  grid-template-columns: 42px 1fr 32px 42px;
  align-items: center;
  gap: 7px;
  font-family: var(--font-mono);
  font-size: 9px;
}
.social-symbol { color: var(--text-strong); font-weight: 800; }
.social-meter {
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
}
.social-meter i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--accent), var(--warn));
}
.social-heat { color: var(--text-muted); text-align: right; }
.social-mod { text-align: right; font-weight: 900; }
.social-mod.bull { color: var(--accent); }
.social-mod.bear { color: var(--bear); }
.governance-card {
  border-left: 2px solid rgba(240,165,0,0.62);
}
.governance-content {
  padding: 10px 14px 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.gov-banner {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.gov-banner-pill {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 999px;
  padding: 4px 8px;
  border: 1px solid rgba(255,255,255,0.10);
}
.gov-paper {
  color: var(--warn);
  background: rgba(240,165,0,0.10);
  border-color: rgba(240,165,0,0.22);
}
.gov-block {
  color: var(--bear);
  background: rgba(255,77,109,0.10);
  border-color: rgba(255,77,109,0.22);
}
.gov-watch {
  color: var(--neutral);
  background: rgba(148,163,184,0.10);
  border-color: rgba(148,163,184,0.18);
}
.gov-topline {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}
.gov-gates {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.gov-gate {
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 8px;
  padding: 8px 9px;
  background: rgba(255,255,255,0.025);
}
.gov-gate span {
  display: block;
  color: var(--text-muted);
  font-size: 10px;
}
.gov-gate strong {
  display: block;
  margin-top: 3px;
  font-family: var(--font-mono);
  font-size: 12px;
}
.gov-gate.ok strong { color: var(--bull); }
.gov-gate.block strong { color: var(--bear); }
.gov-doctrine-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.world-model-card {
  border-left: 2px solid rgba(0,212,170,0.55);
}
.world-model-content {
  padding: 10px 14px 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.wm-topline {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}
.wm-kicker,
.wm-doctrine,
.wm-inventory-label {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent);
}
.wm-title {
  margin-top: 4px;
  font-size: 14px;
  font-weight: 700;
  color: var(--text);
}
.wm-subtitle {
  margin-top: 4px;
  color: var(--text-muted);
  font-size: 11px;
  line-height: 1.45;
}
.wm-confidence {
  min-width: 74px;
  border: 1px solid rgba(0,212,170,0.16);
  border-radius: 8px;
  padding: 9px 10px;
  text-align: center;
  background: rgba(0,212,170,0.045);
}
.wm-confidence span {
  display: block;
  font-family: var(--font-mono);
  font-size: 18px;
  font-weight: 800;
  color: var(--accent);
}
.wm-confidence small {
  color: var(--text-muted);
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.wm-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.wm-metric {
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 8px;
  padding: 8px 9px;
  background: rgba(255,255,255,0.025);
}
.wm-metric span {
  display: block;
  color: var(--text-muted);
  font-size: 10px;
}
.wm-metric strong {
  display: block;
  margin-top: 3px;
  font-family: var(--font-mono);
  font-size: 13px;
  color: var(--text);
}
.wm-metric.bull strong { color: var(--bull); }
.wm-metric.bear strong { color: var(--bear); }
.wm-inventory {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.wm-inventory > div {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  border: 1px solid rgba(255,255,255,0.05);
  border-radius: 8px;
  padding: 8px;
}
.wm-chip {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 700;
  border-radius: 999px;
  padding: 2px 7px;
  text-transform: uppercase;
}
.wm-chip-ok {
  color: var(--bull);
  background: rgba(0,200,150,0.10);
  border: 1px solid rgba(0,200,150,0.18);
}
.wm-chip-warn {
  color: var(--warn);
  background: rgba(240,165,0,0.10);
  border: 1px solid rgba(240,165,0,0.18);
}
.wm-explain {
  margin-left: 16px;
  color: var(--text-muted);
  font-size: 11px;
  line-height: 1.45;
}
.context-diagnostic {
  border: 1px solid rgba(240,165,0,0.16);
  border-radius: 8px;
  padding: 9px 10px;
  background: rgba(240,165,0,0.045);
}
.context-diagnostic-title {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--warn);
}
.context-diagnostic-title span {
  color: var(--text-muted);
}
.context-diagnostic ul {
  margin: 7px 0 0 16px;
  color: var(--text-muted);
  font-size: 11px;
  line-height: 1.45;
}
.readiness-diagnostic-card {
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
  padding: 10px 12px;
  background: rgba(255,255,255,0.025);
}
.readiness-diagnostic-card-warn {
  border-color: rgba(240,165,0,0.26);
  background: rgba(240,165,0,0.045);
}
.wm-doctrine {
  color: var(--neutral);
}
.osint-context-card {
  border-left: 2px solid rgba(45,212,191,0.55);
}
.osint-context-content {
  padding: 10px 14px 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.osint-event-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
.osint-event-count {
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 8px;
  padding: 8px 9px;
  background: rgba(255,255,255,0.025);
}
.osint-event-count span {
  display: block;
  color: var(--text-muted);
  font-size: 10px;
}
.osint-event-count strong {
  display: block;
  margin-top: 3px;
  font-family: var(--font-mono);
  font-size: 13px;
  color: var(--text);
}
.osint-source-health-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
  margin: 2px 0;
}
.osint-source-card {
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
  padding: 9px 10px;
  background: rgba(255,255,255,0.025);
}
.osint-source-card span,
.osint-source-card small {
  display: block;
  color: var(--text-muted);
  font-size: 10px;
  text-transform: uppercase;
}
.osint-source-card strong {
  display: block;
  margin: 3px 0;
  font-family: var(--font-mono);
  color: var(--text);
  font-size: 12px;
}
.osint-source-card.ok { border-color: rgba(22, 163, 74, 0.35); }
.osint-source-card.warn { border-color: rgba(240, 165, 0, 0.4); }
.osint-source-card.off { border-color: rgba(255, 77, 109, 0.35); }
.osint-alert-list {
  margin: 0;
  padding-left: 16px;
  color: var(--text-muted);
  font-size: 11px;
  line-height: 1.45;
}
.world-intel-empty {
  border: 1px solid rgba(240,165,0,0.18);
  border-radius: 8px;
  padding: 9px 10px;
  background: rgba(240,165,0,0.045);
  color: var(--text-muted);
  font-size: 11px;
  line-height: 1.45;
}
.positioning-card {
  border-left: 2px solid rgba(167,139,250,0.55);
}
.positioning-content {
  padding: 10px 14px 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pos-topline {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}
.pos-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.pos-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.pos-metric {
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 8px;
  padding: 8px 9px;
  background: rgba(255,255,255,0.025);
}
.pos-metric span {
  display: block;
  color: var(--text-muted);
  font-size: 10px;
}
.pos-metric strong {
  display: block;
  margin-top: 3px;
  font-family: var(--font-mono);
  font-size: 13px;
  color: var(--purple);
}
.owner-diagnostics-card {
  border-left: 2px solid rgba(142,161,255,0.7);
}
.owner-diagnostics-note {
  padding: 8px 14px;
  border-bottom: 1px solid var(--border);
  font-size: 10px;
  line-height: 1.45;
  color: var(--text-muted);
}
.owner-diagnostics-grid {
  padding: 12px 14px;
  display: grid;
  grid-template-columns: repeat(5, minmax(160px, 1fr));
  gap: 10px;
}
.owner-diagnostics-locked .owner-diagnostics-grid {
  grid-template-columns: 1fr;
}
.owner-diag-card {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
  background: rgba(255,255,255,0.025);
}
.owner-diag-card h3 {
  margin: 0 0 8px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--text-muted);
}
.owner-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.owner-kv,
.owner-mini-row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: 9px;
  padding: 4px 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.owner-kv span,
.owner-mini-row span,
.owner-muted {
  color: var(--text-faint);
}
.owner-kv b,
.owner-mini-row b {
  color: var(--text-strong);
}
.owner-muted {
  font-size: 10px;
  line-height: 1.45;
}
.paper-inline-detail {
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 8px;
  background: rgba(255,255,255,0.02);
}
.paper-inline-title {
  margin-bottom: 6px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--text-muted);
}
.owner-inline-block {
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.owner-inline-title {
  margin-bottom: 6px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--text-muted);
}
@media (max-width: 1100px) {
  .owner-diagnostics-grid {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
  }
}
@media (max-width: 680px) {
  .owner-diagnostics-grid,
  .gov-gates,
  .wm-metrics,
  .wm-inventory,
  .osint-event-grid,
  .pos-metrics,
  .social-summary {
    grid-template-columns: 1fr;
  }
}

/* ── Polymarket YES/NO Recommendation ───────────────────────────────────── */
.pm-rec-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0 4px;
  flex-wrap: wrap;
}
.pm-rec-badge {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  padding: 2px 8px;
  border-radius: 4px;
  white-space: nowrap;
  flex-shrink: 0;
}
.pm-rec-yes  { background: rgba(0,200,100,0.18); color: #00c864; border: 1px solid rgba(0,200,100,0.35); }
.pm-rec-no   { background: rgba(255,60,60,0.15);  color: #ff4444; border: 1px solid rgba(255,60,60,0.3);  }
.pm-rec-neutral { background: rgba(180,180,180,0.12); color: #888; border: 1px solid rgba(180,180,180,0.25); }
.pm-rec-note {
  font-size: 10px;
  color: var(--text-muted, #888);
  line-height: 1.3;
}

/* ── PM Score Row + Meter ──────────────────────────────────────────────── */
.pm-score-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  background: rgba(0,0,0,0.2);
  border-bottom: 1px solid rgba(255,255,255,0.06);
  flex-wrap: wrap;
}
.pm-score-label { font-size: 11px; color: var(--text-muted, #888); text-transform: uppercase; letter-spacing: 0.08em; }
.pm-score-val   { font-size: 22px; font-weight: 700; color: var(--accent, #00d4aa); min-width: 36px; }
.pm-h9-label    { font-size: 11px; color: var(--text-muted, #888); margin-left: auto; }
.pm-meter {
  flex: 1;
  min-width: 120px;
  height: 6px;
  background: rgba(255,255,255,0.08);
  border-radius: 3px;
  position: relative;
  overflow: visible;
}
.pm-meter-fill {
  position: absolute;
  top: -3px;
  width: 10px;
  height: 12px;
  background: var(--accent, #00d4aa);
  border-radius: 2px;
  transform: translateX(-50%);
  left: 50%;
  transition: left 0.5s ease;
}
.pm-mode-strip {
  margin: 0 16px 10px;
  padding: 9px 11px;
  border: 1px solid rgba(0,212,170,0.12);
  border-left: 2px solid rgba(0,212,170,0.55);
  border-radius: 8px;
  background: rgba(0,212,170,0.035);
}
.pm-mode-title {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent);
}
.pm-mode-copy {
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.45;
  color: var(--text-muted);
}
.pm-mode-bullets {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 7px;
}
.pm-mode-bullets span {
  font-family: var(--font-mono);
  font-size: 8px;
  color: var(--text-faint);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 999px;
  padding: 3px 6px;
  background: rgba(255,255,255,0.035);
}
.kalshi-auto-card {
  margin: 0 16px 10px;
  border: 1px solid rgba(240,165,0,0.18);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(240,165,0,0.055), rgba(255,255,255,0.025));
  overflow: hidden;
}
.kalshi-auto-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.kalshi-auto-kicker {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--warn);
}
.kalshi-auto-title {
  margin-top: 3px;
  font-size: 12px;
  font-weight: 800;
  color: var(--text);
}
.kalshi-auto-badge {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 999px;
  padding: 4px 8px;
  color: var(--text-muted);
  background: rgba(255,255,255,0.04);
  white-space: nowrap;
}
.kalshi-auto-badge.live,
.kalshi-auto-badge.entered { color: var(--bull); border-color: rgba(0,200,150,0.32); background: rgba(0,200,150,0.10); }
.kalshi-auto-badge.dry-run,
.kalshi-auto-badge.blocked { color: var(--warn); border-color: rgba(240,165,0,0.34); background: rgba(240,165,0,0.10); }
.kalshi-auto-badge.error,
.kalshi-auto-badge.disabled { color: var(--bear); border-color: rgba(255,77,109,0.28); background: rgba(255,77,109,0.08); }
.kalshi-auto-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.kalshi-auto-cell {
  padding: 9px 12px;
  border-right: 1px solid rgba(255,255,255,0.05);
  min-width: 0;
}
.kalshi-auto-cell:last-child { border-right: none; }
.kalshi-auto-label {
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 800;
  color: var(--text-faint);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.kalshi-auto-value {
  margin-top: 4px;
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 800;
  color: var(--text);
  overflow-wrap: anywhere;
}
.kalshi-auto-subvalue {
  margin-top: 3px;
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-faint);
  overflow-wrap: anywhere;
}
.kalshi-auto-value.good { color: var(--bull); }
.kalshi-auto-value.warn { color: var(--warn); }
.kalshi-auto-value.bad { color: var(--bear); }
.kalshi-auto-note {
  padding: 9px 12px;
  color: var(--text-muted);
  font-size: 10px;
  line-height: 1.45;
}
.kalshi-auto-logic {
  border-top: 1px solid rgba(255,255,255,0.05);
  background: rgba(0,0,0,0.16);
}
.kalshi-logic-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px 8px;
}
.kalshi-logic-kicker,
.kalshi-logic-subhead {
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text-faint);
}
.kalshi-logic-title {
  margin-top: 3px;
  font-size: 11px;
  font-weight: 700;
  color: var(--text);
}
.kalshi-logic-stamp {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 800;
  color: var(--accent);
  white-space: nowrap;
}
.kalshi-logic-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  padding: 0 12px 10px;
}
.kalshi-logic-step {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(255,255,255,0.06);
  background: rgba(255,255,255,0.025);
}
.kalshi-logic-step.good { border-color: rgba(0,200,150,0.24); background: rgba(0,200,150,0.055); }
.kalshi-logic-step.warn { border-color: rgba(240,165,0,0.25); background: rgba(240,165,0,0.055); }
.kalshi-logic-step.bad  { border-color: rgba(255,77,109,0.20); background: rgba(255,77,109,0.045); }
.kalshi-step-label {
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-faint);
}
.kalshi-step-value {
  margin-top: 4px;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 900;
  color: var(--text);
  overflow-wrap: anywhere;
  text-transform: uppercase;
}
.kalshi-logic-step.good .kalshi-step-value { color: var(--bull); }
.kalshi-logic-step.warn .kalshi-step-value { color: var(--warn); }
.kalshi-logic-step.bad .kalshi-step-value  { color: var(--bear); }
.kalshi-step-detail {
  margin-top: 3px;
  font-size: 9px;
  color: var(--text-muted);
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.kalshi-logic-body {
  display: grid;
  grid-template-columns: minmax(240px, 0.9fr) minmax(260px, 1.1fr);
  gap: 10px;
  padding: 0 12px 12px;
}
.kalshi-reject-panel,
.kalshi-brain-panel {
  min-width: 0;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 6px;
  background: rgba(255,255,255,0.025);
  padding: 10px;
}
.kalshi-reject-row {
  display: grid;
  grid-template-columns: minmax(112px, 0.9fr) minmax(80px, 1fr) 28px;
  gap: 8px;
  align-items: center;
  margin-top: 7px;
}
.kalshi-reject-name {
  font-size: 10px;
  color: var(--text-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kalshi-reject-bar {
  height: 5px;
  border-radius: 999px;
  background: rgba(255,255,255,0.07);
  overflow: hidden;
}
.kalshi-reject-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(240,165,0,0.65), rgba(0,212,170,0.65));
}
.kalshi-reject-count {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 900;
  color: var(--text);
  text-align: right;
}
.kalshi-brain-rationale,
.kalshi-logic-empty {
  margin-top: 7px;
  color: var(--text-muted);
  font-size: 10px;
  line-height: 1.45;
}
.kalshi-brain-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
}
.kalshi-category-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid rgba(255,255,255,0.05);
}
.kalshi-category-strip span {
  font-size: 9px;
  color: var(--text-faint);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 999px;
  padding: 3px 6px;
  background: rgba(255,255,255,0.03);
}
.kalshi-category-strip b {
  color: var(--text-muted);
  font-weight: 800;
}
.kalshi-brain-flags span {
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent);
  border: 1px solid rgba(0,212,170,0.18);
  border-radius: 999px;
  padding: 3px 6px;
  background: rgba(0,212,170,0.055);
}
@media (max-width: 900px) {
  .kalshi-logic-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kalshi-logic-body { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .kalshi-logic-head { flex-direction: column; }
  .kalshi-logic-steps { grid-template-columns: 1fr; }
  .kalshi-reject-row { grid-template-columns: minmax(0, 1fr) 70px 28px; }
}
.pm-markets-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 12px;
  padding: 16px;
}
.pm-footer {
  padding: 8px 16px;
  font-size: 10px;
  color: var(--text-muted, #666);
  border-top: 1px solid rgba(255,255,255,0.05);
}
.pm-market-card {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
  padding: 12px;
  cursor: pointer;
  transition: background 0.2s;
}
.pm-market-card:hover { background: rgba(255,255,255,0.07); }
.pm-mkt-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; margin-bottom: 6px; }
.pm-mkt-q   { font-size: 12px; color: var(--text-primary, #e0e0e0); line-height: 1.4; flex: 1; }
.pm-mkt-prob { font-size: 18px; font-weight: 700; white-space: nowrap; }
.pm-mkt-prob.bull { color: #00d4aa; }
.pm-mkt-prob.bear { color: #ff4444; }
.pm-mkt-prob.neutral { color: #888; }
.pm-mkt-bar { height: 4px; background: rgba(255,255,255,0.08); border-radius: 2px; margin-bottom: 8px; overflow: hidden; }
.pm-mkt-bar-fill { height: 100%; border-radius: 2px; transition: width 0.5s ease; }
.pm-mkt-bar-fill.bull { background: #00d4aa; }
.pm-mkt-bar-fill.bear { background: #ff4444; }
.pm-mkt-bar-fill.neutral { background: #888; }
.pm-mkt-meta { display: flex; justify-content: space-between; font-size: 10px; color: var(--text-muted, #666); margin-top: 6px; }

/* ── [FEATURE-CONGRESSIONAL-FLOW] Z2 panel — match dark quant chrome ──── */
.cong-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  padding: 10px 16px;
  background: rgba(0,0,0,0.2);
  border-bottom: 1px solid rgba(255,255,255,0.06);
  font-size: 11px;
  color: var(--text-muted, #aaa);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.cong-summary .cong-stat strong { color: var(--text-primary, #e0e0e0); font-size: 13px; margin-right: 4px; }
.cong-summary .cong-bull strong { color: #00d4aa; }
.cong-summary .cong-bear strong { color: #ff4444; }
.cong-summary .cong-dim         { color: #777; }
.cong-table-wrap { padding: 8px 16px 12px; overflow-x: auto; }
.cong-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.cong-table th, .cong-table td {
  text-align: left;
  padding: 6px 8px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  vertical-align: middle;
}
.cong-table th {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-muted, #888);
  background: rgba(255,255,255,0.02);
}
.cong-table td.num { font-variant-numeric: tabular-nums; color: var(--text-muted, #aaa); }
.cong-table td.cong-rep    { color: var(--text-primary, #e0e0e0); }
.cong-table td.cong-ticker { font-weight: 700; letter-spacing: 0.04em; }
.cong-table td.cong-range  { color: var(--text-muted, #aaa); }
.cong-party-r { color: #ff7f7f; font-size: 10px; }
.cong-party-d { color: #7faaff; font-size: 10px; }
.cong-party-i { color: #888;    font-size: 10px; }
.cong-uchip {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 5px;
  font-size: 9px;
  letter-spacing: 0.08em;
  background: rgba(0, 212, 170, 0.15);
  color: #00d4aa;
  border: 1px solid rgba(0, 212, 170, 0.4);
  border-radius: 3px;
  text-transform: uppercase;
}
.cong-msg {
  padding: 16px;
  font-size: 12px;
  color: var(--text-muted, #aaa);
}
.cong-msg.cong-error { color: #ff4444; }
.cong-msg.cong-dim   { color: #888; }

/* ═══════════════════════════════════════════════════════════════════════════
   V. ALADDIN SCORE
   ═══════════════════════════════════════════════════════════════════════════ */
.aladdin-card { padding: 20px; }
.aladdin-header { display: flex; align-items: flex-start; gap: 24px; margin-bottom: 20px; flex-wrap: wrap; }
.aladdin-ring  { position: relative; width: 80px; height: 80px; flex-shrink: 0; }
.aladdin-svg   { width: 80px; height: 80px; }
.aladdin-score-center {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.aladdin-score-num { font-size: 20px; font-weight: 800; color: #e0e0e0; line-height: 1; }
.aladdin-score-sub { font-size: 9px; color: #666; }
.aladdin-header-text { flex: 1; min-width: 0; }
.aladdin-title { font-size: 13px; font-weight: 700; letter-spacing: 0.1em; color: #e0e0e0; margin: 0 0 6px; }
.aladdin-label { margin-bottom: 8px; display: inline-block; }
.aladdin-interp { font-size: 12px; color: #aaa; line-height: 1.5; margin: 0; }
.aladdin-boost { font-size: 11px; color: #ffd700; margin-top: 6px; }
.aladdin-components { border-top: 1px solid rgba(255,255,255,0.06); padding-top: 14px; }
.aladdin-comps-title { font-size: 10px; font-weight: 700; letter-spacing: 0.1em; color: #666; text-transform: uppercase; margin-bottom: 10px; }
.aladdin-comp-row { display: grid; grid-template-columns: 140px 1fr 36px; align-items: center; gap: 10px; margin-bottom: 6px; }
.aladdin-comp-name { font-size: 11px; color: #aaa; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.aladdin-comp-bar-wrap { background: rgba(255,255,255,0.07); border-radius: 3px; height: 6px; overflow: hidden; }
.aladdin-comp-bar { height: 100%; border-radius: 3px; transition: width 0.4s ease; }
.aladdin-comp-bar.bull { background: #00d4aa; }
.aladdin-comp-bar.neutral { background: #ffd700; }
.aladdin-comp-bar.bear { background: #ff4444; }
.aladdin-comp-val { font-size: 11px; font-weight: 600; color: #e0e0e0; text-align: right; }

/* ═══════════════════════════════════════════════════════════════════════════
   V2. NEURAL EDGE TILE
   ═══════════════════════════════════════════════════════════════════════════ */
.neural-edge-card { padding: 0; }
.ne-tile { padding: 16px 20px 14px; }
.ne-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; flex-wrap: wrap; gap: 8px; }
.ne-header-left { display: flex; align-items: center; gap: 10px; }
.ne-title { font-size: 13px; font-weight: 700; letter-spacing: 0.08em; color: #e0e0e0; }
.ne-v1 { font-size: 10px; font-weight: 600; color: #666; margin-left: 2px; letter-spacing: 0.05em; }
.ne-badge { font-family: var(--font-mono); font-size: 9px; font-weight: 700; padding: 2px 7px; border-radius: 3px; letter-spacing: 0.06em; }
.ne-badge-active  { background: rgba(0,200,150,0.15); color: #00c896; border: 1px solid rgba(0,200,150,0.25); }
.ne-badge-standby { background: rgba(255,255,255,0.06); color: #555; border: 1px solid rgba(255,255,255,0.08); }
.ne-meta-chip { font-family: var(--font-mono); font-size: 9px; color: #555; }

.ne-body { display: flex; gap: 20px; align-items: center; margin-bottom: 14px; }

/* Probability arc */
.ne-arc-col { position: relative; width: 80px; height: 80px; flex-shrink: 0; }
.ne-arc-svg { width: 80px; height: 80px; }
.ne-arc-bg { fill: none; stroke: rgba(255,255,255,0.06); stroke-width: 7; }
.ne-arc-fg { fill: none; stroke-width: 7; stroke-linecap: round; transition: stroke-dashoffset 0.6s ease, stroke 0.4s ease; }
.ne-arc-center { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.ne-arc-prob { font-size: 18px; font-weight: 800; color: #e0e0e0; line-height: 1; }
.ne-arc-lbl  { font-size: 8px; color: #555; letter-spacing: 0.08em; margin-top: 2px; }

/* Stats */
.ne-stats-col { flex: 1; display: flex; flex-direction: column; gap: 7px; }
.ne-stat-row { display: flex; align-items: center; justify-content: space-between; }
.ne-stat-label { font-size: 11px; color: #666; }
.ne-stat-val { font-family: var(--font-mono); font-size: 12px; font-weight: 700; }
.ne-bull    { color: #00c896; }
.ne-bear    { color: #ff4d6d; }
.ne-mid     { color: #ffd700; }
.ne-neutral { color: #888; }

/* Adjustment bar */
.ne-adj-bar-wrap { margin-bottom: 12px; }
.ne-adj-bar-track { position: relative; height: 6px; background: rgba(255,255,255,0.06); border-radius: 3px; overflow: hidden; }
.ne-adj-bar-center { position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.15); }
.ne-adj-bar-fill { position: absolute; top: 0; height: 100%; border-radius: 3px; transition: width 0.5s ease, left 0.5s ease; }
.ne-bar-bull    { background: #00c896; }
.ne-bar-bear    { background: #ff4d6d; }
.ne-bar-neutral { background: #555; width: 0 !important; }
.ne-adj-bar-labels { display: flex; justify-content: space-between; margin-top: 3px; font-family: var(--font-mono); font-size: 8px; color: #444; }

/* Footer */
.ne-footer { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 10px; }
.ne-footer-mode { font-family: var(--font-mono); font-size: 9px; color: #444; letter-spacing: 0.05em; }
.ne-footer-ver  { font-family: var(--font-mono); font-size: 9px; color: #333; }

/* ═══════════════════════════════════════════════════════════════════════════
   W. DECISION ENGINE
   ═══════════════════════════════════════════════════════════════════════════ */
.dec-card { padding: 0; }
.dec-header { display: flex; align-items: center; gap: 10px; padding: 14px 16px; border-bottom: 1px solid rgba(255,255,255,0.06); flex-wrap: wrap; }
.dec-conf { font-size: 10px; }
.dec-regime-mult { font-size: 11px; color: #aaa; }
.dec-candidates { font-size: 10px; color: #666; margin-left: auto; }
.dec-rationale { padding: 10px 16px; font-size: 12px; color: #aaa; border-bottom: 1px solid rgba(255,255,255,0.05); line-height: 1.5; }
.dec-trades-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; padding: 14px 16px; }
.dec-trade-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 12px; }
.dec-trade-label { font-size: 9px; font-weight: 700; letter-spacing: 0.1em; color: #666; text-transform: uppercase; margin-bottom: 6px; }
.dec-trade-header { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; flex-wrap: wrap; }
.dec-ticker { font-size: 16px; font-weight: 800; color: #e0e0e0; }
.dec-strike { font-size: 13px; color: #aaa; }
.dte-badge { font-size: 9px; font-weight: 700; padding: 2px 7px; border-radius: 4px; letter-spacing: 0.06em; background: rgba(255,215,0,0.15); color: #ffd700; border: 1px solid rgba(255,215,0,0.3); }
.dec-trade-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 8px; }
.dec-metric { display: flex; flex-direction: column; gap: 2px; }
.dec-metric-label { font-size: 9px; color: #666; letter-spacing: 0.08em; text-transform: uppercase; }
.dec-metric-val { font-size: 13px; font-weight: 700; color: #e0e0e0; }
.dec-trade-entry { font-size: 10px; color: #888; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 6px; }
.dec-reason-stack { margin-top: 8px; display: flex; flex-direction: column; gap: 4px; }
.dec-reason-stack span { font-size: 10px; color: var(--text-muted); line-height: 1.35; }
.dec-backup-empty { font-size: 11px; color: #444; padding: 12px; text-align: center; border: 1px dashed rgba(255,255,255,0.08); border-radius: 8px; }
/* Stand-aside state */
.dec-standaside-state { padding: 16px; }
.dec-sa-badge { margin-bottom: 10px; }
.dec-sa-title { font-size: 13px; font-weight: 700; color: #e0e0e0; margin-bottom: 4px; }
.dec-sa-detail { font-size: 11px; color: #aaa; margin-bottom: 6px; }
.dec-sa-reason-text { font-size: 12px; color: #888; margin-bottom: 10px; line-height: 1.5; }
.dec-sa-hint { font-size: 11px; color: #555; margin-bottom: 12px; }
.dec-sa-regime-grid { display: flex; flex-direction: column; gap: 6px; }
.dec-sa-trade-row { display: flex; align-items: center; gap: 8px; padding: 6px 10px; background: rgba(255,255,255,0.03); border-radius: 6px; flex-wrap: wrap; }
.dec-sa-ticker { font-size: 13px; font-weight: 700; color: #e0e0e0; min-width: 50px; }
.dec-sa-label { font-size: 10px; }
.dec-sa-why { font-size: 10px; color: #666; margin-left: auto; }
/* Candidates table */
.dec-candidates-table { padding: 0 16px 14px; }
.dec-cand-title { font-size: 10px; font-weight: 700; letter-spacing: 0.1em; color: #666; text-transform: uppercase; margin-bottom: 8px; }
.dec-cand-row { display: flex; align-items: center; gap: 8px; padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,0.04); }
.dec-cand-rank { font-size: 10px; color: #555; width: 22px; }
.dec-cand-ticker { font-size: 12px; font-weight: 700; color: #e0e0e0; width: 50px; }
.dec-cand-bar-wrap { flex: 1; background: rgba(255,255,255,0.07); border-radius: 3px; height: 5px; overflow: hidden; }
.dec-cand-bar { height: 100%; background: #00d4aa; border-radius: 3px; }
.dec-cand-score { font-size: 11px; font-weight: 600; color: #e0e0e0; min-width: 32px; text-align: right; }

.intelligence-stack-card {
  border-color: rgba(0, 212, 170, 0.18);
  overflow: hidden;
}
.intelligence-stack-summary {
  cursor: pointer;
  list-style: none;
}
.intelligence-stack-summary::-webkit-details-marker { display: none; }
.intelligence-stack-badge {
  color: var(--accent);
  border-color: rgba(0, 212, 170, 0.30);
  background: rgba(0, 212, 170, 0.08);
}
.intelligence-stack-content {
  padding: 12px 14px 16px;
}
.intelligence-stack-topline {
  display: grid;
  grid-template-columns: minmax(180px, 0.7fr) minmax(240px, 1.3fr);
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}
.intelligence-stack-kicker {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--text-faint);
}
.intelligence-stack-mode {
  color: var(--text);
  font-weight: 800;
  font-size: 13px;
}
.intelligence-stack-reason {
  color: var(--text-muted);
  font-size: 12px;
  line-height: 1.45;
}
.pipeline-status-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}
.pipeline-status-badge {
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.10em;
  padding: 3px 7px;
  border-radius: 3px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.04);
  color: var(--text-muted);
  text-transform: uppercase;
}
.pipeline-status-badge.badge-execution { color: var(--accent); border-color: rgba(0,212,170,0.30); background: rgba(0,212,170,0.08); }
.pipeline-status-badge.badge-live { color: #00e5b8; border-color: rgba(0,229,184,0.35); background: rgba(0,229,184,0.10); }
.pipeline-status-badge.badge-premarket { color: var(--warn); border-color: rgba(240,165,0,0.30); background: rgba(240,165,0,0.06); }
.pipeline-status-badge.badge-afterhours { color: var(--text-muted); border-color: rgba(255,255,255,0.12); }
.pipeline-status-badge.badge-safety { color: var(--bear); border-color: rgba(255,77,109,0.25); background: rgba(255,77,109,0.05); }
.pipeline-status-badge.badge-paper { color: var(--purple); border-color: rgba(167,139,250,0.25); background: rgba(167,139,250,0.06); }
.engine-flow-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 10px;
}
.engine-flow-control {
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.035);
  color: var(--text-muted);
  border-radius: 5px;
  padding: 5px 7px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
}
.engine-flow-control.active {
  color: var(--accent);
  border-color: rgba(0,212,170,0.24);
  background: rgba(0,212,170,0.07);
}
.ranking-reason-strip {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.ranking-reason-strip span {
  flex: 0 0 auto;
  max-width: 360px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.035);
  color: var(--text-muted);
  font-size: 10px;
  line-height: 1.35;
  padding: 6px 8px;
  border-radius: 6px;
}
.engine-pipeline-wrap {
  position: relative;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
}
.engine-pipeline-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}
.engine-pipeline-svg path {
  fill: none;
  stroke: rgba(0,212,170,0.18);
  stroke-width: 1.2;
}
.engine-pipeline-svg path.connector-active { stroke: rgba(0,212,170,0.45); }
.engine-pipeline-svg path.connector-warning { stroke: rgba(240,165,0,0.40); }
.engine-pipeline-svg path.connector-blocked { stroke: rgba(255,77,109,0.35); }
.engine-pipeline-svg path.connector-highlight { stroke: rgba(0,212,170,0.72); stroke-width: 1.8; }
.engine-pipeline-svg .flow-pulse {
  fill: none;
  stroke: rgba(0,212,170,0.85);
  stroke-width: 2;
  stroke-dasharray: 6 18;
  stroke-linecap: round;
  animation: svgFlowPulse 3.2s linear infinite;
}
.engine-pipeline-svg .flow-pulse-warn {
  stroke: rgba(240,165,0,0.70);
  animation: svgFlowPulse 3.2s linear infinite;
}
.engine-flow-map {
  display: grid;
  grid-template-columns: repeat(6, minmax(180px, 1fr));
  gap: 18px;
  position: relative;
  z-index: 1;
}
.engine-flow-group {
  position: relative;
  min-width: 0;
  scroll-snap-align: start;
}
.engine-flow-group-title {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 8px;
  min-height: 24px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.engine-flow-group-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: rgba(0,212,170,0.12);
  color: var(--accent);
  font-size: 8px;
  font-weight: 800;
  flex-shrink: 0;
}
.engine-flow-nodes {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.engine-flow-connector {
  position: absolute;
  top: 48px;
  right: -16px;
  width: 14px;
  height: calc(100% - 56px);
  pointer-events: none;
}
.engine-flow-connector::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 1px;
  background: linear-gradient(90deg, rgba(0,212,170,0.14), rgba(0,212,170,0.72), rgba(0,212,170,0.14));
  background-size: 42px 1px;
  animation: engineFlow 2.8s linear infinite;
}
.engine-flow-connector::after {
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  right: -1px;
  border-left: 5px solid rgba(0,212,170,0.65);
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
}
.engine-node {
  width: 100%;
  text-align: left;
  font: inherit;
  color: inherit;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.028);
  border-radius: 7px;
  padding: 8px;
  min-height: 82px;
  cursor: pointer;
  position: relative;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}
.engine-node::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  border-radius: 7px 7px 0 0;
  background: transparent;
}
.engine-node:hover {
  transform: translateY(-1px);
  border-color: rgba(0,212,170,0.30);
  background: rgba(0,212,170,0.045);
}
.engine-node-selected {
  border-color: rgba(0,212,170,0.58);
  box-shadow: 0 0 0 1px rgba(0,212,170,0.12), 0 0 20px rgba(0,212,170,0.10);
}
.engine-node-active {
  border-color: rgba(0,212,170,0.24);
  box-shadow: 0 0 0 1px rgba(0,212,170,0.04), 0 0 18px rgba(0,212,170,0.04);
  animation: engineNodePulse 4.8s ease-in-out infinite;
}
.engine-node-active::before { background: rgba(0,212,170,0.55); }
.engine-node-warning {
  border-color: rgba(240,165,0,0.30);
  background: rgba(240,165,0,0.045);
  box-shadow: 0 0 16px rgba(240,165,0,0.045);
  animation: engineNodePulseWarn 4.8s ease-in-out infinite;
}
.engine-node-warning::before { background: rgba(240,165,0,0.60); }
.engine-node-offline {
  border-color: rgba(255,77,109,0.24);
  background: rgba(255,77,109,0.035);
  box-shadow: 0 0 16px rgba(255,77,109,0.04);
}
.engine-node-offline::before { background: rgba(255,77,109,0.55); }
.engine-node-locked {
  border-style: solid;
  background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.018));
}
.engine-node-locked::before { background: rgba(255,77,109,0.40); }
.engine-node-connected {
  border-color: rgba(0,212,170,0.45);
  background: rgba(0,212,170,0.055);
}
.engine-node-head {
  display: flex;
  gap: 6px;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 4px;
}
.engine-node-stage-chip {
  font-family: var(--font-mono);
  font-size: 7px;
  color: var(--text-faint);
  letter-spacing: 0.06em;
  margin-bottom: 2px;
}
.engine-node-name {
  color: var(--text);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
}
.engine-node-badge {
  flex: 0 0 auto;
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.08em;
  color: var(--text-muted);
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.04);
  border-radius: 3px;
  padding: 2px 4px;
  max-width: 96px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.engine-node-badge-pass { color: var(--bull); border-color: rgba(0,200,150,0.30); background: rgba(0,200,150,0.08); }
.engine-node-badge-warn { color: var(--warn); border-color: rgba(240,165,0,0.30); background: rgba(240,165,0,0.06); }
.engine-node-badge-fail { color: var(--bear); border-color: rgba(255,77,109,0.30); background: rgba(255,77,109,0.06); }
.engine-node-badge-locked { color: var(--bear); border-color: rgba(255,77,109,0.25); background: rgba(255,77,109,0.05); font-weight: 700; }
.engine-node-badge-analytics { color: var(--purple); border-color: rgba(167,139,250,0.25); background: rgba(167,139,250,0.05); }
.engine-node-score {
  font-family: var(--font-mono);
  color: var(--accent);
  font-weight: 800;
  font-size: 13px;
  margin-bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.engine-node-reason {
  color: var(--text-muted);
  font-size: 10px;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.engine-node:hover .engine-node-reason {
  -webkit-line-clamp: unset;
}
.engine-node-freshness {
  font-family: var(--font-mono);
  font-size: 8px;
  color: var(--text-faint);
  margin-top: 3px;
}
.engine-node-impact {
  display: none;
  color: var(--text-faint);
  font-size: 9px;
  line-height: 1.3;
  margin-top: 4px;
}
.engine-flow-expanded .engine-node-impact {
  display: block;
}
.engine-hide-neutral .engine-node-neutral:not(.engine-node-locked) {
  display: none;
}
.engine-node-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 4px;
}
.engine-node-metrics span {
  font-family: var(--font-mono);
  font-size: 9px;
  color: var(--text-faint);
}
.engine-node-metrics b {
  color: var(--text-muted);
}
.engine-diamond {
  width: 100%;
  text-align: center;
  font: inherit;
  color: inherit;
  border: none;
  background: transparent;
  padding: 4px 0;
  cursor: pointer;
}
.engine-diamond-shape {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  transform: rotate(45deg);
  border: 1.5px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.03);
  border-radius: 4px;
  transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}
.engine-diamond-inner {
  transform: rotate(-45deg);
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--text-muted);
  line-height: 1.15;
  text-align: center;
  max-width: 48px;
}
.engine-diamond-label {
  font-family: var(--font-mono);
  font-size: 8px;
  color: var(--text-faint);
  margin-top: 4px;
  text-align: center;
}
.engine-diamond-pass .engine-diamond-shape {
  border-color: rgba(0,200,150,0.40);
  background: rgba(0,200,150,0.06);
  box-shadow: 0 0 12px rgba(0,200,150,0.08);
}
.engine-diamond-pass .engine-diamond-inner { color: var(--bull); }
.engine-diamond-wait .engine-diamond-shape {
  border-color: rgba(240,165,0,0.35);
  background: rgba(240,165,0,0.05);
  box-shadow: 0 0 12px rgba(240,165,0,0.06);
}
.engine-diamond-wait .engine-diamond-inner { color: var(--warn); }
.engine-diamond-fail .engine-diamond-shape {
  border-color: rgba(255,77,109,0.35);
  background: rgba(255,77,109,0.05);
  box-shadow: 0 0 12px rgba(255,77,109,0.06);
}
.engine-diamond-fail .engine-diamond-inner { color: var(--bear); }
.engine-diamond-unknown .engine-diamond-shape {
  border-color: rgba(255,255,255,0.10);
}
.engine-detail-drawer {
  margin-top: 12px;
  border: 1px solid rgba(0,212,170,0.12);
  background: rgba(0,0,0,0.18);
  border-radius: 7px;
  padding: 12px;
  animation: engineDetailIn 180ms ease-out;
}
.engine-detail-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
  margin-bottom: 8px;
}
.engine-detail-kicker {
  font-family: var(--font-mono);
  color: var(--text-faint);
  font-size: 9px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.engine-detail-head h3 {
  margin: 2px 0 0;
  color: var(--text);
  font-size: 14px;
}
.engine-detail-reason {
  color: var(--text-muted);
  font-size: 12px;
  line-height: 1.45;
  margin-bottom: 10px;
}
.engine-detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 6px;
}
.engine-detail-grid div {
  border: 1px solid rgba(255,255,255,0.06);
  background: rgba(255,255,255,0.025);
  border-radius: 5px;
  padding: 6px 7px;
}
.engine-detail-grid span {
  display: block;
  color: var(--text-faint);
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.engine-detail-grid b {
  display: block;
  color: var(--text);
  font-size: 11px;
  margin-top: 2px;
  overflow-wrap: anywhere;
}
.engine-detail-deps {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.engine-detail-dep-tag {
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.06em;
  padding: 2px 6px;
  border-radius: 3px;
  border: 1px solid rgba(0,212,170,0.15);
  background: rgba(0,212,170,0.04);
  color: var(--accent-dim);
}
.engine-detail-dep-tag.dep-downstream {
  border-color: rgba(167,139,250,0.20);
  background: rgba(167,139,250,0.04);
  color: var(--purple);
}
.engine-safety-lane {
  display: flex;
  gap: 8px;
  margin-top: 10px;
  padding: 8px;
  border: 1px solid rgba(255,77,109,0.15);
  background: rgba(255,77,109,0.025);
  border-radius: 6px;
}
.engine-safety-node {
  flex: 1;
  text-align: center;
  font-family: var(--font-mono);
  font-size: 9px;
  color: var(--bear);
  padding: 6px 4px;
  border: 1px solid rgba(255,77,109,0.20);
  border-radius: 4px;
  background: rgba(255,77,109,0.035);
}
.engine-safety-node-label {
  font-size: 8px;
  color: var(--text-faint);
  margin-top: 2px;
}
.pipeline-diagnostics-strip {
  display: none;
  gap: 8px;
  margin-top: 8px;
  padding: 6px 8px;
  border: 1px solid rgba(255,255,255,0.06);
  background: rgba(255,255,255,0.02);
  border-radius: 5px;
  font-family: var(--font-mono);
  font-size: 9px;
  color: var(--text-faint);
}
.engine-show-diagnostics .pipeline-diagnostics-strip { display: flex; flex-wrap: wrap; }
.pipeline-diagnostics-strip span { margin-right: 12px; }
.pipeline-diagnostics-strip b { color: var(--text-muted); }
@keyframes engineFlow {
  0% { opacity: 0.35; background-position: -42px 0; }
  50% { opacity: 0.85; }
  100% { opacity: 0.35; background-position: 42px 0; }
}
@keyframes svgFlowPulse {
  0% { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: -48; }
}
@keyframes engineNodePulse {
  0%, 100% { box-shadow: 0 0 0 1px rgba(0,212,170,0.04), 0 0 14px rgba(0,212,170,0.035); }
  50% { box-shadow: 0 0 0 1px rgba(0,212,170,0.09), 0 0 22px rgba(0,212,170,0.08); }
}
@keyframes engineNodePulseWarn {
  0%, 100% { box-shadow: 0 0 16px rgba(240,165,0,0.04); }
  50% { box-shadow: 0 0 22px rgba(240,165,0,0.09); }
}
@keyframes engineDetailIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .engine-flow-connector::before,
  .engine-pipeline-svg .flow-pulse,
  .engine-pipeline-svg .flow-pulse-warn,
  .engine-node-active,
  .engine-node-warning,
  .engine-node,
  .engine-node:hover,
  .engine-detail-drawer {
    animation: none;
    transition: none;
    transform: none;
  }
  .engine-diamond-shape { transition: none; }
}
@media (max-width: 1100px) {
  .engine-flow-map {
    grid-template-columns: 1fr;
  }
  .engine-flow-connector {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    height: 14px;
  }
  .engine-flow-connector::before {
    top: 7px;
    width: 100%;
  }
  .engine-flow-connector::after {
    top: 4px;
    right: 0;
  }
  .intelligence-stack-topline {
    grid-template-columns: 1fr;
  }
  .engine-safety-lane {
    flex-wrap: wrap;
  }
  .engine-pipeline-svg { display: none; }
}
.execution-pipeline-shell {
  position: relative;
  display: block;
}
.execution-pipeline-viewport {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  border: 1px solid rgba(0,212,170,0.12);
  border-radius: 12px;
  flex: 1 1 auto;
  min-width: 0;
  max-height: 710px;
  background:
    radial-gradient(circle at 12% 18%, rgba(0,212,170,0.12), transparent 24%),
    radial-gradient(circle at 84% 76%, rgba(167,139,250,0.11), transparent 24%),
    linear-gradient(180deg, rgba(7,12,18,0.98), rgba(4,7,11,0.99));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.025), 0 18px 45px rgba(0,0,0,0.18);
}
.execution-pipeline-viewport::-webkit-scrollbar { height: 9px; }
.execution-pipeline-viewport::-webkit-scrollbar-track { background: rgba(255,255,255,0.025); }
.execution-pipeline-viewport::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, rgba(0,212,170,0.25), rgba(167,139,250,0.24));
  border-radius: 999px;
}
.execution-pipeline-scroll-hint {
  position: sticky;
  left: 12px;
  top: 10px;
  z-index: 9;
  display: inline-flex;
  margin: 10px 0 0 12px;
  padding: 3px 7px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 999px;
  background: rgba(0,0,0,0.45);
  color: var(--text-faint);
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.execution-pipeline-canvas {
  position: relative;
  min-width: 1900px;
  min-height: 900px;
  margin-top: -22px;
}
.execution-pipeline-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.028) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(circle at center, #000 52%, transparent 100%);
  pointer-events: none;
  opacity: 0.42;
}
.execution-pipeline-svg {
  position: absolute;
  inset: 0;
  width: 1900px;
  height: 900px;
  pointer-events: none;
  z-index: 2;
  overflow: visible;
}
.pipeline-arrow-head {
  fill: rgba(0,212,170,0.62);
}
.pipeline-link {
  fill: none;
  stroke-width: 1.55;
  stroke: rgba(0,212,170,0.20);
  filter: drop-shadow(0 0 3px rgba(0,212,170,0.10));
  opacity: 0.68;
}
.pipeline-link-active { stroke: rgba(0,212,170,0.24); }
.pipeline-link-wait { stroke: rgba(240,165,0,0.22); }
.pipeline-link-fail { stroke: rgba(255,77,109,0.24); }
.pipeline-link-locked { stroke: rgba(148,163,184,0.22); }
.pipeline-link-pulse {
  fill: none;
  stroke-width: 2.25;
  stroke: rgba(0,229,184,0.56);
  stroke-dasharray: 8 34;
  stroke-linecap: round;
  animation: pipelineFlowPulse 1.55s linear infinite;
  opacity: 0.42;
}
.pipeline-link-pulse.pipeline-link-wait { stroke: rgba(240,165,0,0.50); }
.pipeline-link-pulse.pipeline-link-fail { stroke: rgba(255,77,109,0.48); }
.pipeline-link-highlight {
  opacity: 1;
  stroke-width: 2.6;
  stroke: rgba(0,229,184,0.95);
  filter: drop-shadow(0 0 8px rgba(0,212,170,0.34));
}
.pipeline-link-secondary {
  opacity: 0.28;
}
.pipeline-compact-focus .pipeline-link-secondary,
.pipeline-compact-focus .pipeline-link-pulse.pipeline-link-secondary {
  display: none;
}
.pipeline-stage-label {
  position: absolute;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: 230px;
  color: var(--accent);
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.pipeline-stage-label span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: rgba(0,212,170,0.13);
  border: 1px solid rgba(0,212,170,0.18);
}
.pipeline-safety-lane {
  position: absolute;
  left: 28px;
  right: 28px;
  top: 748px;
  height: 136px;
  z-index: 1;
  border: 1px solid rgba(255,77,109,0.13);
  border-radius: 16px;
  background: linear-gradient(90deg, rgba(255,77,109,0.055), rgba(15,23,42,0.22), rgba(255,77,109,0.035));
  box-shadow: inset 0 0 30px rgba(255,77,109,0.035);
  pointer-events: none;
}
.execution-safety-lane-label {
  position: absolute;
  left: 40px;
  right: 40px;
  top: 752px;
  z-index: 2;
  padding: 7px 10px 54px;
  border: 1px solid rgba(255,77,109,0.14);
  border-radius: 12px;
  background: linear-gradient(90deg, rgba(255,77,109,0.045), rgba(255,255,255,0.018));
  color: rgba(255,77,109,0.75);
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  pointer-events: none;
}
.execution-node {
  position: absolute;
  z-index: 5;
  width: 206px;
  min-height: 78px;
  text-align: left;
  font: inherit;
  color: inherit;
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 10px;
  padding: 8px 9px;
  background:
    linear-gradient(180deg, rgba(17,27,38,0.94), rgba(6,10,16,0.94));
  backdrop-filter: blur(10px);
  box-shadow: 0 16px 34px rgba(0,0,0,0.30), inset 0 1px 0 rgba(255,255,255,0.05);
  cursor: pointer;
  overflow: hidden;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease, background 160ms ease;
}
.execution-node::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: rgba(148,163,184,0.42);
}
.execution-node:hover,
.execution-node-selected {
  transform: translateY(-2px);
  border-color: rgba(0,212,170,0.48);
  box-shadow: 0 16px 34px rgba(0,0,0,0.26), 0 0 0 1px rgba(0,212,170,0.10), 0 0 22px rgba(0,212,170,0.12);
}
.execution-node-connected {
  border-color: rgba(0,212,170,0.34);
  background: linear-gradient(180deg, rgba(0,212,170,0.085), rgba(7,12,18,0.92));
}
.execution-node-active::before { background: rgba(0,229,184,0.76); }
.execution-node-warning::before { background: rgba(240,165,0,0.78); }
.execution-node-offline::before { background: rgba(255,77,109,0.78); }
.execution-node-neutral::before { background: rgba(148,163,184,0.40); }
.execution-node-active {
  border-color: rgba(0,212,170,0.24);
  animation: nodeStatusGlow 4.4s ease-in-out infinite;
}
.execution-node-warning {
  border-color: rgba(240,165,0,0.30);
  background: linear-gradient(180deg, rgba(45,32,10,0.52), rgba(7,12,18,0.92));
  animation: nodeStatusGlowWarn 4.4s ease-in-out infinite;
}
.execution-node-offline {
  border-color: rgba(255,77,109,0.28);
  background: linear-gradient(180deg, rgba(50,12,20,0.48), rgba(7,12,18,0.92));
}
.execution-node-stage-chip {
  color: var(--text-faint);
  font-family: var(--font-mono);
  font-size: 7px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.execution-node-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
}
.execution-node-name {
  color: var(--text);
  font-size: 10px;
  font-weight: 850;
  line-height: 1.2;
}
.execution-node-score {
  margin-top: 5px;
  color: var(--accent);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.execution-node-reason {
  margin-top: 3px;
  color: var(--text-muted);
  font-size: 9px;
  line-height: 1.28;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.execution-node-freshness {
  margin-top: 4px;
  color: var(--text-faint);
  font-family: var(--font-mono);
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.execution-node-impact {
  display: none;
  margin-top: 5px;
  color: var(--text-faint);
  font-size: 9px;
  line-height: 1.3;
}
.engine-flow-expanded .execution-node-impact { display: block; }
.engine-hide-neutral .execution-node-neutral:not(.engine-node-locked) { opacity: 0.18; }
.pipeline-compact-focus .execution-node-secondary {
  display: none;
}
.pipeline-compact-focus .pipeline-diamond-secondary {
  display: none;
}
.pipeline-compact-focus .pipeline-safety-lane,
.pipeline-compact-focus .execution-safety-lane-label {
  display: none;
}
.pipeline-compact-focus .execution-pipeline-viewport {
  max-height: 560px;
}
.pipeline-compact-focus .execution-node {
  width: 164px;
  min-height: 74px;
}
.pipeline-compact-focus .execution-node-name {
  font-size: 9.5px;
}
.pipeline-compact-focus .execution-node-score {
  font-size: 11px;
}
.pipeline-compact-focus .execution-node-reason {
  -webkit-line-clamp: 2;
}
.pipeline-compact-focus .pipeline-stage-label {
  width: 180px;
}
.pipeline-compact-focus .pipeline-stage-1 { left: 34px !important; }
.pipeline-compact-focus .pipeline-stage-2 { left: 225px !important; }
.pipeline-compact-focus .pipeline-stage-3 { left: 420px !important; }
.pipeline-compact-focus .pipeline-stage-4 { left: 615px !important; }
.pipeline-compact-focus .pipeline-stage-5 { left: 810px !important; }
.pipeline-compact-focus .pipeline-stage-6 { left: 1010px !important; }
.pipeline-compact-focus [data-node-id="market-data-feed"] { left: 36px !important; top: 76px !important; }
.pipeline-compact-focus [data-node-id="options-chain-feed"] { left: 36px !important; top: 178px !important; }
.pipeline-compact-focus [data-node-id="quant-engine"] { left: 225px !important; top: 76px !important; }
.pipeline-compact-focus [data-node-id="contract-quality"] { left: 420px !important; top: 76px !important; }
.pipeline-compact-focus [data-node-id="quote-freshness"] { left: 420px !important; top: 178px !important; }
.pipeline-compact-focus [data-node-id="spread-liquidity-engine"] { left: 420px !important; top: 280px !important; }
.pipeline-compact-focus [data-node-id="regime-governance-engine"] { left: 615px !important; top: 76px !important; }
.pipeline-compact-focus [data-node-id="edge-layer-v1"] { left: 615px !important; top: 178px !important; }
.pipeline-compact-focus [data-node-id="neural-edge-v1"] { left: 615px !important; top: 280px !important; }
.pipeline-compact-focus [data-node-id="best-call-watch"] { left: 810px !important; top: 76px !important; }
.pipeline-compact-focus [data-node-id="best-put-watch"] { left: 810px !important; top: 178px !important; }
.pipeline-compact-focus [data-node-id="final-ranking-engine"] { left: 810px !important; top: 280px !important; }
.pipeline-compact-focus [data-node-id="execution-readiness-engine"] { left: 810px !important; top: 382px !important; }
.pipeline-compact-focus [data-node-id="final-execution-verdict"] { left: 1010px !important; top: 126px !important; }
.pipeline-compact-focus [data-node-id="no-broker-auto-execution"] { left: 1010px !important; top: 280px !important; }
.pipeline-compact-focus [data-diamond-id="gate-contract-pass"] { left: 584px !important; top: 78px !important; }
.pipeline-compact-focus [data-diamond-id="gate-quote-fresh"] { left: 584px !important; top: 180px !important; }
.pipeline-compact-focus [data-diamond-id="gate-spread-ok"] { left: 584px !important; top: 282px !important; }
.pipeline-compact-focus [data-diamond-id="gate-execution-ready"] { left: 958px !important; top: 392px !important; }
.pipeline-compact-focus .pipeline-diamond {
  width: 62px;
  min-height: 58px;
}
.pipeline-compact-focus .pipeline-diamond-shape {
  width: 38px;
  height: 38px;
  border-radius: 5px;
}
.pipeline-compact-focus .pipeline-diamond-inner,
.pipeline-compact-focus .pipeline-diamond-label {
  font-size: 7px;
}
.pipeline-compact-focus .pipeline-diamond-label {
  margin-top: 5px;
}
.pipeline-compact-focus .execution-pipeline-canvas {
  min-height: 540px;
}
.execution-node-metrics {
  display: none;
  gap: 4px;
  flex-wrap: wrap;
  margin-top: 5px;
}
.engine-show-diagnostics .execution-node-metrics,
.engine-flow-expanded .execution-node-metrics { display: flex; }
.execution-node-metrics span {
  color: var(--text-faint);
  font-family: var(--font-mono);
  font-size: 8px;
}
.execution-node-metrics b { color: var(--text-muted); }
.pipeline-diamond {
  position: absolute;
  z-index: 5;
  width: 94px;
  min-height: 82px;
  border: none;
  background: transparent;
  color: inherit;
  text-align: center;
  cursor: pointer;
}
.pipeline-diamond-shape {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  transform: rotate(45deg);
  border: 1.5px solid rgba(255,255,255,0.14);
  border-radius: 7px;
  background: rgba(8,14,20,0.92);
  box-shadow: 0 12px 26px rgba(0,0,0,0.22);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.pipeline-diamond-inner {
  transform: rotate(-45deg);
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.08em;
}
.pipeline-diamond-label {
  display: block;
  margin-top: 8px;
  color: var(--text-faint);
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.pipeline-diamond:hover .pipeline-diamond-shape,
.pipeline-diamond-selected .pipeline-diamond-shape,
.pipeline-diamond-connected .pipeline-diamond-shape {
  transform: rotate(45deg) scale(1.04);
  border-color: rgba(0,212,170,0.48);
  box-shadow: 0 0 20px rgba(0,212,170,0.16);
}
.pipeline-diamond-pass .pipeline-diamond-shape { border-color: rgba(0,200,150,0.44); background: rgba(0,200,150,0.08); }
.pipeline-diamond-pass .pipeline-diamond-inner { color: var(--bull); }
.pipeline-diamond-wait .pipeline-diamond-shape { border-color: rgba(240,165,0,0.42); background: rgba(240,165,0,0.07); }
.pipeline-diamond-wait .pipeline-diamond-inner { color: var(--warn); }
.pipeline-diamond-fail .pipeline-diamond-shape { border-color: rgba(255,77,109,0.42); background: rgba(255,77,109,0.07); }
.pipeline-diamond-fail .pipeline-diamond-inner { color: var(--bear); }
.pipeline-diamond-unknown .pipeline-diamond-shape { border-color: rgba(148,163,184,0.22); }
.execution-pipeline-shell .engine-detail-drawer,
.pipeline-detail-drawer {
  position: absolute;
  right: 14px;
  top: 14px;
  z-index: 24;
  width: min(380px, calc(100% - 28px));
  max-height: 650px;
  overflow: auto;
  margin-top: 0;
  border-radius: 12px;
  animation: drawerSlideIn 180ms ease-out;
  box-shadow: 0 24px 70px rgba(0,0,0,0.44), 0 0 0 1px rgba(0,212,170,0.10);
}
.pipeline-detail-drawer[hidden] {
  display: none;
}
.engine-detail-jump {
  margin-top: 10px;
  border: 1px solid rgba(0,212,170,0.22);
  background: rgba(0,212,170,0.07);
  color: var(--accent);
  border-radius: 6px;
  padding: 7px 9px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}
.quantmuse-ideas-tile {
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(0,212,170,0.12);
  border-radius: 12px;
  background:
    radial-gradient(circle at 14% 0%, rgba(0,212,170,0.08), transparent 28%),
    linear-gradient(180deg, rgba(17,27,38,0.78), rgba(7,12,18,0.92));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.035), 0 14px 30px rgba(0,0,0,0.16);
}
.quantmuse-ideas-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 0;
  border-bottom: 0;
}
.quantmuse-ideas-summary {
  cursor: pointer;
  list-style: none;
}
.quantmuse-ideas-summary::-webkit-details-marker { display: none; }
.quantmuse-ideas-summary::after {
  content: "OPEN";
  align-self: center;
  border: 1px solid rgba(0,212,170,0.20);
  border-radius: 999px;
  padding: 4px 7px;
  color: var(--accent);
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.08em;
}
.quantmuse-ideas-tile[open] .quantmuse-ideas-summary {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.quantmuse-ideas-tile[open] .quantmuse-ideas-summary::after {
  content: "CLOSE";
}
.quantmuse-ideas-note {
  margin: 10px 0 0;
  color: var(--text-muted);
  font-size: 11px;
  line-height: 1.45;
}
.quantmuse-ideas-kicker {
  color: var(--accent);
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.quantmuse-ideas-head h3 {
  margin: 4px 0 3px;
  color: var(--text);
  font-size: 15px;
  letter-spacing: 0.02em;
}
.quantmuse-ideas-head p {
  margin: 0;
  max-width: 760px;
  color: var(--text-muted);
  font-size: 11px;
  line-height: 1.45;
}
.quantmuse-ideas-badges {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  flex-wrap: wrap;
  min-width: 260px;
}
.quantmuse-ideas-badges span,
.quantmuse-defer-strip span {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 999px;
  padding: 4px 7px;
  color: var(--text-faint);
  background: rgba(255,255,255,0.025);
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.quantmuse-ideas-badges span:first-child {
  color: var(--purple);
  border-color: rgba(167,139,250,0.25);
  background: rgba(167,139,250,0.06);
}
.quantmuse-ideas-badges span:nth-child(2) {
  color: var(--warn);
  border-color: rgba(240,165,0,0.22);
  background: rgba(240,165,0,0.045);
}
.quantmuse-ideas-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
  margin-top: 12px;
}
.quantmuse-idea-card {
  display: flex;
  flex-direction: column;
  min-height: 154px;
  padding: 11px;
  border: 1px solid rgba(255,255,255,0.075);
  border-top: 2px solid rgba(0,212,170,0.34);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255,255,255,0.032), rgba(255,255,255,0.012));
  box-shadow: 0 10px 22px rgba(0,0,0,0.14);
}
.quantmuse-idea-top {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}
.quantmuse-idea-priority,
.quantmuse-idea-status {
  color: var(--accent);
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.quantmuse-idea-status { color: var(--text-faint); }
.quantmuse-idea-card h4 {
  margin: 9px 0 6px;
  color: var(--text);
  font-size: 12px;
  line-height: 1.25;
}
.quantmuse-idea-value {
  color: var(--accent);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 800;
}
.quantmuse-idea-card p {
  margin: 7px 0;
  color: var(--text-muted);
  font-size: 10px;
  line-height: 1.42;
}
.quantmuse-idea-impact {
  margin-top: auto;
  color: var(--text-faint);
  font-size: 9px;
  line-height: 1.35;
}
.quantmuse-defer-strip {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,0.055);
}
.quantmuse-defer-strip .quantmuse-defer-label {
  color: var(--warn);
  border-color: rgba(240,165,0,0.18);
  background: rgba(240,165,0,0.04);
}
@keyframes pipelineFlowPulse {
  from { stroke-dashoffset: 46; }
  to { stroke-dashoffset: -46; }
}
@keyframes nodeStatusGlow {
  0%, 100% { box-shadow: 0 12px 28px rgba(0,0,0,0.20), 0 0 12px rgba(0,212,170,0.06); }
  50% { box-shadow: 0 12px 28px rgba(0,0,0,0.20), 0 0 24px rgba(0,212,170,0.13); }
}
@keyframes nodeStatusGlowWarn {
  0%, 100% { box-shadow: 0 12px 28px rgba(0,0,0,0.20), 0 0 12px rgba(240,165,0,0.06); }
  50% { box-shadow: 0 12px 28px rgba(0,0,0,0.20), 0 0 24px rgba(240,165,0,0.12); }
}
@keyframes drawerSlideIn {
  from { opacity: 0; transform: translateX(10px); }
  to { opacity: 1; transform: translateX(0); }
}
@media (prefers-reduced-motion: reduce) {
  .pipeline-link-pulse,
  .execution-node-active,
  .execution-node-warning,
  .execution-node,
  .pipeline-diamond-shape,
  .execution-pipeline-shell .engine-detail-drawer {
    animation: none;
    transition: none;
    transform: none;
  }
}
@media (max-width: 1180px) {
  .execution-pipeline-shell .engine-detail-drawer,
  .pipeline-detail-drawer {
    position: fixed;
    left: 12px;
    right: 12px;
    top: auto;
    bottom: 12px;
    width: auto;
    max-height: min(70vh, 620px);
  }
  .quantmuse-ideas-head { flex-direction: column; }
  .quantmuse-ideas-badges { justify-content: flex-start; min-width: 0; }
  .quantmuse-ideas-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .quantmuse-ideas-grid { grid-template-columns: 1fr; }
}
.dec-cand-ev { font-size: 11px; font-weight: 600; min-width: 48px; text-align: right; }

/* ═══════════════════════════════════════════════════════════════════════════
   X. POSITION SIZING
   ═══════════════════════════════════════════════════════════════════════════ */
.sizing-card { padding: 0; }
.sizing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 0; border-bottom: 1px solid rgba(255,255,255,0.06); }
.sizing-metric { padding: 16px 14px; border-right: 1px solid rgba(255,255,255,0.05); }
.sizing-metric:last-child { border-right: none; }
.sizing-val { font-size: 22px; font-weight: 800; color: #e0e0e0; line-height: 1; margin-bottom: 4px; }
.sizing-label { font-size: 9px; font-weight: 700; letter-spacing: 0.1em; color: #666; text-transform: uppercase; }
.sizing-sub { font-size: 10px; color: #555; margin-top: 2px; }
.sizing-kelly-row { display: flex; align-items: center; gap: 8px; padding: 10px 16px; font-size: 12px; color: #aaa; flex-wrap: wrap; border-bottom: 1px solid rgba(255,255,255,0.05); }
.sizing-kelly-label { color: #666; font-size: 10px; }
.sizing-kelly-val { font-weight: 700; color: #e0e0e0; }
.sizing-kelly-divider { color: #444; }
.sizing-adjustments { display: flex; gap: 8px; padding: 10px 16px; flex-wrap: wrap; border-bottom: 1px solid rgba(255,255,255,0.05); }
.sizing-adj { font-size: 10px; padding: 2px 8px; border-radius: 4px; background: rgba(255,255,255,0.06); }
.sizing-rationale { padding: 10px 16px; font-size: 11px; color: #888; line-height: 1.5; }
/* Standby state */
.sizing-standby-state { padding: 16px; }
.sizing-standby-title { font-size: 13px; font-weight: 700; color: #e0e0e0; margin-bottom: 4px; }
.sizing-standby-sub { font-size: 11px; color: #888; margin-bottom: 14px; line-height: 1.5; }
.sizing-standby-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); gap: 10px; margin-bottom: 14px; }
.sizing-standby-metric { background: rgba(255,255,255,0.04); border-radius: 6px; padding: 10px; text-align: center; }
.sizing-standby-val { font-size: 18px; font-weight: 800; color: #00d4aa; }
.sizing-standby-label { font-size: 9px; color: #666; letter-spacing: 0.08em; text-transform: uppercase; margin-top: 4px; }
.sizing-standby-rec { font-size: 11px; color: #666; line-height: 1.5; }

/* ═══════════════════════════════════════════════════════════════════════════
   Y. PERFORMANCE FEEDBACK
   ═══════════════════════════════════════════════════════════════════════════ */
.perf-card { padding: 0; }
.perf-standby-state { padding: 16px; }
.perf-standby-title { font-size: 13px; font-weight: 700; color: #e0e0e0; margin-bottom: 4px; }
.perf-standby-sub { font-size: 11px; color: #888; margin-bottom: 14px; line-height: 1.5; }
.perf-standby-modules { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.perf-module-row { display: flex; align-items: center; gap: 10px; font-size: 11px; color: #aaa; padding: 6px 10px; background: rgba(255,255,255,0.03); border-radius: 6px; }
.perf-weights-title { font-size: 10px; font-weight: 700; letter-spacing: 0.1em; color: #666; text-transform: uppercase; margin-bottom: 8px; }
.perf-weights-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(70px, 1fr)); gap: 8px; }
.perf-weight-cell { background: rgba(255,255,255,0.04); border-radius: 6px; padding: 8px; text-align: center; }
.perf-weight-val { font-size: 16px; font-weight: 800; color: #00d4aa; }
.perf-weight-label { font-size: 9px; color: #666; letter-spacing: 0.06em; text-transform: uppercase; margin-top: 3px; }
.perf-attr-subtitle { font-size: 11px; color: #666; margin-bottom: 10px; }

/* ═══════════════════════════════════════════════════════════════════════════
   PREDICTIVE OPTIONS PLAY TILE
   ═══════════════════════════════════════════════════════════════════════════ */
.predictive-card { padding: 0; overflow: hidden; }
.pred-tile { display: flex; flex-direction: column; }

/* Header */
.pred-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07);
  flex-wrap: wrap; gap: 8px;
}
.pred-header-left { display: flex; align-items: center; gap: 8px; }
.pred-pulse {
  width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0;
}
.pulse-green { background: #00d4aa; box-shadow: 0 0 6px #00d4aa; animation: pulse-glow 2s infinite; }
.pulse-amber { background: #ffd700; box-shadow: 0 0 6px #ffd700; animation: pulse-glow 2s infinite; }
@keyframes pulse-glow { 0%,100% { opacity:1; } 50% { opacity:0.4; } }
.pred-label { font-size: 12px; font-weight: 700; letter-spacing: 0.06em; color: #e0e0e0; }
.pred-badges { display: flex; gap: 6px; align-items: center; }
.pred-badge {
  font-size: 10px; font-weight: 700; letter-spacing: 0.08em;
  padding: 3px 10px; border-radius: 4px;
}
.pred-badge-tqs { background: rgba(0,212,170,0.15); color: #00d4aa; border: 1px solid rgba(0,212,170,0.3); }
.pred-badge-exe  { background: rgba(0,255,136,0.15); color: #00ff88; border: 1px solid rgba(0,255,136,0.3); }
.pred-badge-paper{ background: rgba(255,215,0,0.15);  color: #ffd700; border: 1px solid rgba(255,215,0,0.3); }
.pred-badge-stand{ background: rgba(255,68,68,0.12);  color: #ff4444; border: 1px solid rgba(255,68,68,0.25);}

/* Body */
.pred-body { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
@media (max-width: 700px) { .pred-body { grid-template-columns: 1fr; } }

/* Verdict row */
.pred-verdict-row {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 12px 14px; border-bottom: 1px solid rgba(255,255,255,0.06);
  grid-column: 1 / -1;
}
.pred-verdict-left { display: flex; align-items: center; gap: 10px; flex: 1; }
.pred-verdict-icon { font-size: 20px; flex-shrink: 0; }
.pred-verdict-text { flex: 1; }
.pred-verdict-main { font-size: 14px; font-weight: 800; letter-spacing: 0.04em; margin-bottom: 2px; }
.verdict-execute { color: #00ff88; }
.verdict-paper   { color: #ffd700; }
.verdict-standby { color: #ff4444; }
.pred-verdict-sub { font-size: 11px; color: #888; line-height: 1.4; }
.pred-aladdin-ring { display: flex; flex-direction: column; align-items: center; gap: 2px; flex-shrink: 0; }
.pred-aladdin-score {
  font-size: 18px; font-weight: 800; padding: 4px 10px;
  border-radius: 6px; line-height: 1;
}
.score-apex  { background: rgba(0,255,136,0.15); color: #00ff88; border: 1px solid rgba(0,255,136,0.3); }
.score-mod   { background: rgba(255,215,0,0.15);  color: #ffd700; border: 1px solid rgba(255,215,0,0.3); }
.score-avoid { background: rgba(255,68,68,0.12);  color: #ff4444; border: 1px solid rgba(255,68,68,0.25);}
.pred-aladdin-lbl { font-size: 9px; letter-spacing: 0.1em; color: #666; }

/* Sections inside body */
.pred-section-title {
  font-size: 9px; font-weight: 700; letter-spacing: 0.12em; color: #555;
  text-transform: uppercase; padding: 8px 14px 4px; border-bottom: 1px solid rgba(255,255,255,0.04);
}

/* Scenarios */
.pred-scenarios { padding: 10px 14px; display: flex; flex-direction: column; gap: 8px; border-right: 1px solid rgba(255,255,255,0.06); }
.pred-scenario { background: rgba(255,255,255,0.04); border-radius: 6px; padding: 10px; }
.pred-sc-label { font-size: 10px; font-weight: 700; letter-spacing: 0.08em; margin-bottom: 4px; }
.pred-sc-label.pred-sc-bull { color: #00d4aa; }
.pred-sc-label.pred-sc-bear { color: #ff4444; }
.pred-sc-play  { font-size: 12px; font-weight: 700; color: #e0e0e0; margin-bottom: 2px; }
.pred-sc-detail{ font-size: 11px; color: #888; line-height: 1.4; margin-bottom: 4px; }
.pred-sc-prob  { font-size: 11px; font-weight: 600; }
.pred-sc-prob-bull { color: #00d4aa; }
.pred-sc-prob-bear { color: #ff4444; }

/* GEX levels */
.pred-levels { padding: 10px 14px; display: flex; flex-direction: column; gap: 4px; }
.pred-level { display: flex; justify-content: space-between; align-items: center; padding: 5px 8px; background: rgba(255,255,255,0.03); border-radius: 4px; }
.pred-level-lbl { font-size: 10px; color: #888; }
.pred-level-val { font-size: 12px; font-weight: 700; color: #e0e0e0; font-family: var(--font-mono, monospace); }
.pred-level-flip    .pred-level-val { color: #ffd700; }
.pred-level-kalman  .pred-level-val { color: #00d4aa; }
.pred-level-support .pred-level-val { color: #00d4aa; }
.pred-level-resist  .pred-level-val { color: #ff4444; }

/* Signal gate bars */
.pred-signal-bars { padding: 10px 14px; display: flex; flex-direction: column; gap: 6px; grid-column: 1 / -1; border-top: 1px solid rgba(255,255,255,0.06); }
.pred-sig-row { display: flex; align-items: center; gap: 10px; }
.pred-sig-name { font-size: 10px; color: #888; width: 56px; flex-shrink: 0; }
.pred-bar-wrap { flex: 1; background: rgba(255,255,255,0.07); border-radius: 3px; height: 5px; overflow: hidden; }
.pred-bar { height: 100%; border-radius: 3px; transition: width 0.5s ease; }
.bar-green  { background: #00d4aa; }
.bar-yellow { background: #ffd700; }
.bar-red    { background: #ff4444; }
.pred-sig-val { font-size: 10px; font-weight: 600; width: 40px; text-align: right; }
.val-green  { color: #00d4aa; }
.val-yellow { color: #ffd700; }
.val-red    { color: #ff4444; }

/* Divider */
.pred-divider { grid-column: 1 / -1; height: 1px; background: rgba(255,255,255,0.06); }

/* Footer */
.pred-footer {
  display: flex; justify-content: space-between; align-items: center;
  padding: 8px 14px; font-size: 10px; color: #555;
  border-top: 1px solid rgba(255,255,255,0.06);
  grid-column: 1 / -1; flex-wrap: wrap; gap: 4px;
}
.pred-footer-left  { display: flex; gap: 8px; flex-wrap: wrap; }
.pred-footer-right { color: #444; }

/* Cross-asset card — no fixed height so it auto-sizes to content */
.cross-asset-card { overflow: hidden; }

/* cross-asset-body: stacks grid on top, predictive tile fills remaining space */
.cross-asset-body {
  display: flex;
  flex-direction: column;
}

/* Predictive tile inset — fills the blank grey space inside the cross-asset card */
.predictive-inset {
  border-top: 1px solid rgba(255,255,255,0.06);
  background: rgba(0,0,0,0.15);
  flex: 1;
}
.predictive-inset .pred-tile {
  height: 100%;
}
/* Override: when inset, tile takes compact layout */
.predictive-inset .pred-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.predictive-inset .pred-header {
  border-bottom: 1px solid rgba(255,255,255,0.07);
  background: rgba(255,255,255,0.02);
}

/* ─── FRESHNESS ROW (Phase 7A) ──────────────────────────────────────────── */
.freshness-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 3px 20px;
  background: var(--surface-1);
  border-bottom: 1px solid var(--border);
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--text-muted);
  letter-spacing: 0.3px;
}
.freshness-row .fr-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 4px;
}
.freshness-row .fr-dot.live  { background: var(--bull); box-shadow: 0 0 4px var(--bull); }
.freshness-row .fr-dot.stale { background: var(--warn); }
.freshness-row .fr-dot.offline { background: var(--bear); }
.freshness-row .fr-item { white-space: nowrap; }
.freshness-row .fr-sep { color: var(--text-faint); }

/* ─── DTE DIRECTION BAR (Phase 7B) ──────────────────────────────────────── */
.dte-direction-bar {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 2px 20px;
  background: var(--surface-2);
  border-bottom: 1px solid var(--border);
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.3px;
}
.dte-direction-bar .dte-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 1px 8px;
  border-radius: 3px;
  font-weight: 600;
}
.dte-direction-bar .dte-chip.call { background: rgba(0,200,150,0.12); color: var(--bull); border: 1px solid rgba(0,200,150,0.25); }
.dte-direction-bar .dte-chip.put  { background: rgba(255,77,109,0.10); color: var(--bear); border: 1px solid rgba(255,77,109,0.2); }
.dte-direction-bar .dte-chip.wait { background: rgba(124,132,163,0.10); color: var(--text-muted); border: 1px solid rgba(124,132,163,0.2); }
.dte-direction-bar .dte-label { color: var(--text-faint); font-weight: 500; }
.dte-direction-bar .dte-tqs { font-size: 9px; opacity: 0.7; }

.remote-readonly-mode #refreshBtn {
  opacity: 0.48;
  cursor: not-allowed;
}
.remote-readonly-mode #refreshBtn::after {
  content: " READ ONLY";
  font-size: 8px;
  margin-left: 4px;
  color: var(--text-faint);
}

.execution-side-watch-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 10px;
}
.execution-companion-strip {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 8px;
  padding: 7px 9px;
  border: 1px solid rgba(0,212,170,0.10);
  border-radius: 9px;
  background: rgba(0,212,170,0.035);
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.execution-companion-strip span {
  color: var(--accent);
  font-weight: 900;
}
.execution-companion-strip a,
.execution-side-link {
  color: var(--accent);
  text-decoration: none;
}
.execution-companion-strip a:hover,
.execution-side-link:hover {
  text-decoration: underline;
}
.execution-side-card {
  border: 1px solid rgba(255,255,255,0.08);
  border-left: 3px solid rgba(124,132,163,0.46);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255,255,255,0.026), rgba(255,255,255,0.01));
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.execution-side-call { border-left-color: var(--bull); }
.execution-side-put { border-left-color: var(--bear); }
.execution-side-empty { border-left-color: rgba(124,132,163,0.48); opacity: 0.82; }
.execution-side-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-faint);
}
.execution-side-top b {
  color: var(--text);
  font-size: 10px;
}
.execution-side-main {
  color: var(--text);
  font-size: 15px;
  font-weight: 850;
}
.execution-side-main span {
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 11px;
  margin-left: 6px;
}
.execution-side-score,
.execution-side-reason {
  color: var(--text-muted);
  font-size: 11px;
  line-height: 1.35;
}
.execution-side-chips {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.execution-side-link {
  align-self: flex-start;
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.operator-status-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  padding: 8px 16px 0;
  max-width: 1800px;
  margin: 0 auto;
}
.operator-status-item {
  border: 1px solid rgba(255,255,255,0.06);
  border-left-width: 2px;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.008));
  padding: 9px 11px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 72px;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.15s ease, transform 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.operator-status-item:hover { transform: translateY(-1px); background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.012)); box-shadow: 0 8px 18px rgba(0,0,0,0.16); }
.operator-status-item.status-live { border-left-color: var(--bull); }
.operator-status-item.status-warn { border-left-color: var(--warn); }
.operator-status-item.status-bear,
.operator-status-item.status-offline { border-left-color: var(--bear); }
.operator-status-item.status-neutral { border-left-color: var(--neutral); }
.operator-status-label {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-faint);
}
.operator-status-value { font-size: 12px; font-weight: 700; color: var(--text); line-height: 1.3; }
.operator-status-meta { font-size: 10px; color: var(--text-muted); line-height: 1.35; }

.section-jump-nav {
  position: sticky;
  top: 90px;
  z-index: 98;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding: 10px 16px 12px;
  max-width: 1800px;
  margin: 0 auto;
  background: linear-gradient(180deg, rgba(13,14,16,0.98), rgba(13,14,16,0.92));
  border-bottom: 1px solid rgba(255,255,255,0.04);
}
.section-jump-nav[aria-hidden="true"] { display: none; }
.section-jump-chip {
  border: 1px solid var(--border-2);
  border-radius: 999px;
  padding: 7px 12px;
  background: rgba(255,255,255,0.03);
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
.section-jump-chip:hover,
.section-jump-chip.active {
  color: var(--accent);
  border-color: rgba(0,212,170,0.4);
  background: rgba(0,212,170,0.09);
}

.aethrix-dashboard-shell {
  position: relative;
}

.aethrix-os-shell {
  display: grid;
  grid-template-columns: 204px minmax(0, 1fr);
  min-height: calc(100vh - 52px);
  width: 100%;
}

.aethrix-main-stage {
  width: 100%;
  max-width: none;
  min-width: 0;
  padding: 10px 12px 18px;
}

.aethrix-side-nav {
  position: sticky;
  top: 48px;
  z-index: 80;
  align-self: start;
  min-height: calc(100vh - 48px);
  padding: 14px 12px 18px;
  border-right: 1px solid rgba(255,255,255,0.07);
  background: linear-gradient(180deg, rgba(10,14,17,0.99), rgba(5,7,9,0.99));
  display: flex;
  flex-direction: column;
  gap: 12px;
  box-shadow: none;
}

.side-nav-brand {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 9px 12px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.side-nav-brand span {
  color: var(--accent);
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.side-nav-brand small {
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.side-nav-kicker,
.side-nav-section-label {
  color: var(--text-faint);
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.side-nav-section-label {
  color: var(--accent);
  margin-top: 2px;
}

.side-nav-group,
.side-nav-actions,
.side-nav-health {
  display: grid;
  gap: 8px;
}

.aethrix-side-nav .layout-mode-btn,
.side-nav-action {
  width: 100%;
  justify-content: flex-start;
  border-radius: 4px;
  padding: 9px 10px;
  text-align: left;
}

.side-nav-action {
  border: 1px solid rgba(255,255,255,0.07);
  background: rgba(255,255,255,0.025);
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
}

.side-nav-action:hover {
  color: var(--accent);
  border-color: rgba(0,212,170,0.32);
  background: rgba(0,212,170,0.07);
}

.side-nav-health {
  margin-top: 0;
  padding: 10px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 5px;
  background: rgba(255,255,255,0.025);
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 9px;
  line-height: 1.45;
}

.side-nav-health strong {
  color: var(--accent);
  letter-spacing: 0.09em;
}

.side-nav-health span {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.side-nav-health b {
  color: var(--accent);
  font-weight: 800;
}

.side-nav-health b.bear,
.side-nav-health .bear {
  color: var(--bear);
}

.side-nav-meter {
  height: 6px;
  margin: 7px 0 2px;
  background: rgba(132,154,168,0.14);
  border-radius: 999px;
  overflow: hidden;
}

.side-nav-meter i {
  display: block;
  height: 100%;
  background: var(--accent);
  border-radius: inherit;
}

.side-nav-safety-health {
  margin-top: auto;
}

.side-nav-health small {
  display: block;
  margin-top: 7px;
  color: var(--text-faint);
  font-size: 8px;
  letter-spacing: 0.04em;
  line-height: 1.35;
}

#aethrixPanelParkingLot {
  display: none !important;
}

.tier-band {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 4px 0 8px;
  scroll-margin-top: 116px;
}
.tier-band[hidden],
[hidden] {
  display: none !important;
}
.dashboard-tab-hidden {
  display: none !important;
}
.legacy-layout-row-hidden {
  display: none !important;
}
.tier-band-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 2px 2px 4px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.tier-band-kicker {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 4px;
}
.tier-band-title { font-size: 15px; font-weight: 700; color: var(--text); }
.tier-band-note {
  font-size: 11px;
  color: var(--text-muted);
  line-height: 1.4;
  text-align: right;
}
.tab-executive-summary {
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,0.07);
  border-left: 3px solid rgba(0,212,170,0.45);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(0,212,170,0.06), rgba(255,255,255,0.018));
  color: var(--text-muted);
  font-size: 11px;
  line-height: 1.45;
}
.tier-band-stack,
.tier-band-row {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.tier-band-row.row-grid-2 { display: grid; }

body[data-aethrix-tab="command"] #tier-action {
  gap: 10px;
  padding-top: 0;
}

body[data-aethrix-tab="command"] {
  --bg: #050708;
  --surface-1: #0a0d10;
  --surface-2: #0f1317;
  --surface-3: #14191e;
  --border: rgba(132, 154, 168, 0.18);
  --border-2: rgba(0, 212, 170, 0.22);
  --text: #d7dee6;
  --text-muted: #8b97a6;
  --text-faint: #52606b;
  background:
    linear-gradient(180deg, #050708 0%, #080b0d 55%, #050708 100%);
}

body[data-aethrix-tab="command"] .header {
  height: 60px;
  min-height: 60px;
  padding: 0 14px;
  background: rgba(8, 11, 14, 0.98);
  border-bottom: 1px solid rgba(0, 212, 170, 0.16);
  box-shadow: none;
}

body[data-aethrix-tab="command"] .logo-svg {
  width: 34px;
  height: 34px;
}

body[data-aethrix-tab="command"] .logo-name {
  font-size: 15px;
  letter-spacing: 0.18em;
}

body[data-aethrix-tab="command"] .logo-sub {
  font-size: 9px;
  color: #7e8b99;
}

body[data-aethrix-tab="command"] .logo-version {
  display: none;
}

body[data-aethrix-tab="command"] .ticker-item {
  min-width: 118px;
  justify-content: center;
  padding: 0 13px;
  border-right-color: rgba(132, 154, 168, 0.16);
}

body[data-aethrix-tab="command"] .ticker-sym,
body[data-aethrix-tab="command"] .ticker-price,
body[data-aethrix-tab="command"] .ticker-chg {
  font-size: 11px;
}

body[data-aethrix-tab="command"] .main {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

body[data-aethrix-tab="command"] .tier-band-head {
  display: none;
}

body[data-aethrix-tab="command"] .tier-band-title {
  font-size: 18px;
  letter-spacing: 0.01em;
}

body[data-aethrix-tab="command"] .tier-band-note {
  max-width: 720px;
  font-size: 11px;
}

body[data-aethrix-tab="command"] .tab-executive-summary {
  display: none;
}

body[data-aethrix-tab="command"] .aethrix-primary-tabs,
body[data-aethrix-tab="command"] .section-jump-nav {
  display: none;
}

body[data-aethrix-tab="command"] #freshnessRow,
body[data-aethrix-tab="command"] #dteDirectionBar,
body[data-aethrix-tab="command"] #overnightFuturesContextStrip,
body[data-aethrix-tab="command"] #dataConnectionStatus {
  display: none !important;
}

body[data-aethrix-tab="command"] #dataConnectionStatus.data-connection-status {
  display: flex !important;
  align-items: center;
  gap: 18px;
  min-height: 30px;
  padding: 0 12px;
  border-bottom: 1px solid rgba(132, 154, 168, 0.16);
  background: rgba(8, 11, 14, 0.96);
  color: #6f7b89;
}

body[data-aethrix-tab="command"] #dataConnectionStatus span {
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
}

body[data-aethrix-tab="command"] #dataConnectionStatus span::before {
  color: var(--text-faint);
}

body[data-aethrix-tab="command"] .operator-status-strip {
  display: none !important;
}

body[data-aethrix-tab="command"] .operator-status-item {
  min-height: 0;
  flex: 1 1 0;
  padding: 8px 12px;
  gap: 2px;
  border: 0;
  border-right: 1px solid rgba(132,154,168,0.13);
  border-radius: 0;
  background: transparent;
}

body[data-aethrix-tab="command"] .operator-status-label {
  font-size: 8px;
}

body[data-aethrix-tab="command"] .operator-status-value {
  font-size: 11px;
}

body[data-aethrix-tab="command"] .operator-status-meta {
  display: none;
}

body[data-aethrix-tab="command"] #commandCenterTopRow {
  display: none;
}

body[data-aethrix-tab="command"] #commandAccuracySummaryPanel,
body[data-aethrix-tab="command"] #commandGovernanceSummaryPanel {
  display: none;
}

body[data-aethrix-tab="command"] .command-grid {
  width: 100%;
  min-width: min(1500px, 100%);
  max-width: none;
  margin: 0;
  display: grid;
  gap: 12px;
}

.command-row {
  display: grid;
  gap: 10px;
  align-items: stretch;
}

.command-row-primary {
  grid-template-columns: minmax(360px, 1.45fr) minmax(360px, 1.45fr) minmax(270px, 0.95fr) minmax(270px, 0.92fr);
}

.command-row-predictive {
  grid-template-columns: minmax(0, 1fr);
}

.command-row-secondary {
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 1.24fr) minmax(0, 1.04fr) minmax(0, 1.04fr);
}

.command-row-health {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body[data-aethrix-tab="command"] .command-os-card,
body[data-aethrix-tab="command"] #regimeSection,
body[data-aethrix-tab="command"] #aladdinSection,
body[data-aethrix-tab="command"] #manualTradeChecklistPanel {
  min-width: 0;
  min-height: 192px;
  height: 100%;
  border-radius: 5px;
  background: linear-gradient(180deg, rgba(15,19,23,0.96), rgba(8,11,13,0.96));
  border-color: rgba(132,154,168,0.18);
  box-shadow: none;
}

body[data-aethrix-tab="command"] .command-row-primary .command-os-card,
body[data-aethrix-tab="command"] .command-row-primary #aladdinSection {
  min-height: 286px;
}

body[data-aethrix-tab="command"] .command-row-primary > .card,
body[data-aethrix-tab="command"] .command-row-primary > .panel {
  max-height: 304px;
  overflow: hidden;
  position: relative;
}

body[data-aethrix-tab="command"] #predictiveOptionsPanel {
  min-height: 116px;
  max-height: 154px;
  overflow: hidden;
  transition: max-height 180ms ease, min-height 180ms ease;
}

body[data-aethrix-tab="command"] #predictiveOptionsPanel.predictive-expanded {
  min-height: 388px;
  max-height: 760px;
  overflow: visible;
}

body[data-aethrix-tab="command"] #predictiveOptionsPanel .pred-header {
  min-height: 42px;
}

body[data-aethrix-tab="command"] #predictiveOptionsPanel .pred-label {
  font-size: 16px;
  letter-spacing: 0.04em;
}

body[data-aethrix-tab="command"] #predictiveOptionsPanel .pred-verdict-main {
  font-size: 15px;
}

body[data-aethrix-tab="command"] #predictiveOptionsPanel .pred-scenario {
  padding: 14px 16px;
}

body[data-aethrix-tab="command"] .command-row-primary > .card::after,
body[data-aethrix-tab="command"] .command-row-primary > .panel::after {
  display: none;
}

body[data-aethrix-tab="command"] #aladdinSection.aladdin-card {
  padding: 0;
}

body[data-aethrix-tab="command"] #aladdinSection .aladdin-header {
  gap: 16px;
  margin: 14px 14px 8px;
}

body[data-aethrix-tab="command"] #aladdinSection .aladdin-ring,
body[data-aethrix-tab="command"] #aladdinSection .aladdin-svg {
  width: 86px;
  height: 86px;
}

body[data-aethrix-tab="command"] #aladdinSection .aladdin-components {
  display: grid;
  max-height: 108px;
  overflow: hidden;
  padding: 0 14px 12px;
}

body[data-aethrix-tab="command"] #aladdinSection .aladdin-title {
  font-size: 13px;
}

body[data-aethrix-tab="command"] #aladdinSection .aladdin-interp {
  font-size: 11px;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body[data-aethrix-tab="command"] .command-row-health .command-os-card {
  min-height: 170px;
}

body[data-aethrix-tab="command"] .command-row-secondary > .card,
body[data-aethrix-tab="command"] .command-row-secondary > .panel {
  max-height: 288px;
  overflow: hidden;
}

body[data-aethrix-tab="command"] .command-row-secondary > .card::after,
body[data-aethrix-tab="command"] .command-row-secondary > .panel::after {
  display: none;
}

body[data-aethrix-tab="command"] .command-row-secondary #commandPrimaryCandidatePanel::after,
body[data-aethrix-tab="command"] .command-row-secondary #commandJarvisBriefingPanel::after {
  display: none;
}

body[data-aethrix-tab="command"] #manualTradeChecklistPanel .manual-checklist-grid {
  max-height: 190px;
  overflow: hidden;
}

body[data-aethrix-tab="command"] #manualTradeChecklistPanel[data-has-manual-candidate="false"] {
  min-height: 136px;
}

body[data-aethrix-tab="command"] #manualTradeChecklistPanel[data-has-manual-candidate="false"] .manual-checklist-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body[data-aethrix-tab="command"] #manualTradeChecklistPanel[data-has-manual-candidate="false"] .manual-checklist-actions [data-manual-action="copy-checklist"],
body[data-aethrix-tab="command"] #manualTradeChecklistPanel[data-has-manual-candidate="false"] .manual-checklist-actions [data-manual-action="reset-checklist"],
body[data-aethrix-tab="command"] #manualTradeChecklistPanel[data-has-manual-candidate="false"] .manual-checklist-actions [data-manual-action="export-note"] {
  display: none;
}

body[data-aethrix-tab="command"] #regimeSection .vix-term-structure,
body[data-aethrix-tab="command"] #regimeSection .vix-term-chart {
  max-height: 72px;
  overflow: hidden;
}

body[data-aethrix-tab="command"] .command-os-content {
  padding: 10px 12px 12px;
}

.pred-expand-btn {
  border: 1px solid rgba(0, 212, 170, 0.26);
  border-radius: 4px;
  background: rgba(0, 212, 170, 0.06);
  color: var(--accent);
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding: 5px 8px;
  text-transform: uppercase;
  cursor: pointer;
}

.pred-expand-btn:hover {
  background: rgba(0, 212, 170, 0.12);
}

.command-decision-brief {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.command-decision-brief > div,
.command-diagnostics-details {
  border: 1px solid rgba(132, 154, 168, 0.12);
  border-radius: 5px;
  background: rgba(255,255,255,0.025);
}

.command-decision-brief > div {
  min-height: 74px;
  padding: 9px;
}

.command-decision-brief strong {
  display: block;
  color: var(--accent);
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.1em;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.command-decision-brief span {
  color: var(--text-muted);
  font-size: 10px;
  line-height: 1.35;
}

.command-diagnostics-details {
  margin-top: 8px;
  padding: 7px 9px;
}

.command-diagnostics-details summary {
  color: var(--text-muted);
  cursor: pointer;
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.command-diagnostics-details .command-os-grid {
  margin-top: 8px;
}

.command-status-stack {
  align-items: flex-start;
}

body[data-aethrix-tab="command"] .command-os-row {
  padding: 9px;
}

body[data-aethrix-tab="command"] .command-os-title {
  font-size: 17px;
}

body[data-aethrix-tab="command"] .command-os-subtitle {
  font-size: 10px;
}

body[data-aethrix-tab="command"] .panel-header,
body[data-aethrix-tab="command"] .card-header {
  min-height: 38px;
  padding: 9px 12px;
  border-bottom-color: rgba(132,154,168,0.16);
  background: rgba(18, 23, 28, 0.82);
}

body[data-aethrix-tab="command"] #regimeSection .regime-body {
  padding: 16px 14px 14px;
}

body[data-aethrix-tab="command"] #regimeSection .regime-chart-area {
  min-height: 186px;
}

body[data-aethrix-tab="command"] #manualTradeChecklistPanel .top-plays-subhead {
  padding: 10px 14px;
  border-bottom: 1px solid rgba(132,154,168,0.14);
  color: var(--text-muted);
}

body[data-aethrix-tab="command"] .panel-title,
body[data-aethrix-tab="command"] .section-title {
  font-size: 12px;
  letter-spacing: 0.08em;
}

body[data-aethrix-tab="command"] .panel-icon,
body[data-aethrix-tab="command"] .section-tag {
  min-width: 25px;
  text-align: center;
  color: var(--accent);
  background: rgba(0,212,170,0.07);
  border-color: rgba(0,212,170,0.36);
  border-radius: 4px;
}

body[data-aethrix-tab="command"] .panel-badge {
  display: none;
}

body[data-aethrix-tab="command"] #tier-action::after {
  content: "STATE: WATCH (NON-EXECUTABLE)  |  NEXT REVIEW: PRE-OPEN  |  ALL ACTIONS MANUAL EXTERNAL ONLY  |  NO AUTOMATED EXECUTION  |  PAPER SIGNAL MODE  |  BROKER DISABLED";
  display: block;
  padding: 7px 10px;
  border: 1px solid rgba(132,154,168,0.16);
  border-radius: 4px;
  color: var(--accent);
  background: rgba(8,11,14,0.92);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.03em;
}

body[data-aethrix-tab="command"] #tierActionLeft,
body[data-aethrix-tab="command"] #tierActionRight,
body[data-aethrix-tab="command"] #tierActionFlow,
body[data-aethrix-tab="command"] .command-support-grid {
  display: none;
}

body[data-aethrix-tab="command"] .provider-readiness-card,
body[data-aethrix-tab="command"] .accuracy-readiness-card,
body[data-aethrix-tab="command"] .governance-card {
  min-height: 0;
}

body[data-aethrix-tab="execution"] #tierRuntimePrimary > #kalshiScalperSection {
  border-color: rgba(240,165,0,0.28);
}

.panel-collapsed-default {
  max-height: 86px;
  overflow: hidden;
  position: relative;
}

.panel-collapsed-default::after {
  content: "Collapsed by default · open full panel in scoped review";
  position: absolute;
  right: 12px;
  bottom: 8px;
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--warn);
  background: rgba(13,14,16,0.88);
  border: 1px solid rgba(240,165,0,0.24);
  border-radius: 999px;
  padding: 3px 8px;
}

.panel-collapsed-default > :not(.card-header):not(.panel-header):not(summary) {
  display: none !important;
}

.tier-context-dense,
.tier-runtime-dense {
  display: grid;
  gap: 12px;
  align-items: start;
}

.tier-context-dense {
  grid-template-columns: minmax(0, 1.32fr) minmax(320px, 0.82fr);
}

.tier-runtime-dense {
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
}

.tier-context-main,
.tier-context-rail,
.tier-runtime-main,
.tier-runtime-rail {
  min-width: 0;
}

.tier-context-rail,
.tier-runtime-rail {
  gap: 10px;
}

.tier-alert-strip {
  display: none;
  margin-top: -2px;
}
.tier-alert-strip.active { display: block; }
.tier-alert-chip {
  width: 100%;
  border: 1px solid rgba(240,165,0,0.26);
  border-left: 3px solid var(--warn);
  border-radius: 8px;
  background: rgba(240,165,0,0.08);
  padding: 10px 12px;
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, transform 0.15s ease;
}
.tier-alert-chip:hover {
  background: rgba(240,165,0,0.12);
  transform: translateY(-1px);
}
.tier-alert-label,
.context-digest-label,
.lab-pane-note {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-faint);
}
.tier-alert-value {
  font-size: 12px;
  font-weight: 700;
  color: var(--warn);
}
.tier-alert-meta {
  font-size: 11px;
  color: var(--text-muted);
  line-height: 1.4;
  justify-self: flex-end;
}

.context-digest {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.context-digest-item {
  border: 1px solid rgba(255,255,255,0.06);
  border-left: 3px solid rgba(124,132,163,0.45);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.008));
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 76px;
}
.context-digest-item.digest-live { border-left-color: var(--bull); }
.context-digest-item.digest-warn { border-left-color: var(--warn); }
.context-digest-item.digest-bear { border-left-color: var(--bear); }
.context-digest-item.digest-neutral { border-left-color: rgba(124,132,163,0.55); }
.context-digest-value {
  font-size: 12px;
  font-weight: 700;
  color: var(--text);
}
.context-digest-meta {
  font-size: 10px;
  color: var(--text-muted);
  line-height: 1.4;
}

.lab-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.lab-tab {
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 999px;
  padding: 8px 12px;
  background: rgba(255,255,255,0.02);
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
.lab-tab:hover,
.lab-tab.active {
  color: var(--accent);
  border-color: rgba(0,212,170,0.35);
  background: rgba(0,212,170,0.08);
}
.lab-pane {
  display: none;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 8px;
  background: rgba(255,255,255,0.015);
  padding: 12px;
}
.lab-pane.active {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.lab-pane-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.lab-pane-title {
  font-size: 13px;
  font-weight: 700;
  color: var(--text);
}
.lab-pane-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.lab-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.lab-pane .card,
.lab-pane .macro-bar { min-width: 0; }
.lab-pane .macro-bar { grid-column: 1 / -1; }

.agent-council-card {
  border-color: rgba(0, 212, 170, 0.20);
}
.agent-council-card .panel-header {
  gap: 10px;
}
.agent-council-badge.live {
  color: var(--bull);
  border-color: rgba(0, 200, 150, 0.32);
  background: rgba(0, 200, 150, 0.10);
}
.agent-council-badge.blocked {
  color: var(--warn);
  border-color: rgba(240, 165, 0, 0.34);
  background: rgba(240, 165, 0, 0.10);
}
.agent-council-badge.stale {
  color: var(--warn);
  border-color: rgba(240, 165, 0, 0.42);
  background: rgba(240, 165, 0, 0.12);
}
.agent-council-badge.error {
  color: var(--bear);
  border-color: rgba(255, 77, 109, 0.28);
  background: rgba(255, 77, 109, 0.08);
}
.agent-council-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.agent-council-empty {
  padding: 12px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.025);
}
.agent-council-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.agent-council-kicker,
.agent-council-grid span,
.agent-council-cases span {
  display: block;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--text-faint);
  margin-bottom: 4px;
}
.agent-council-title {
  font-size: 17px;
  font-weight: 800;
  color: var(--text);
}
.agent-council-copy,
.agent-council-thesis,
.agent-council-risk {
  color: var(--text-muted);
  line-height: 1.45;
  font-size: 13px;
}
.agent-council-confidence {
  font-family: var(--font-mono);
  font-size: 24px;
  font-weight: 800;
  color: var(--accent);
}
.agent-council-warning {
  border: 1px solid rgba(240, 165, 0, 0.28);
  background: rgba(240, 165, 0, 0.08);
  color: var(--warn);
  font-size: 11px;
  font-weight: 700;
  padding: 7px 9px;
}
.agent-council-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.agent-council-grid > div,
.agent-council-cases > div,
.agent-council-risk {
  padding: 10px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.025);
}
.agent-council-grid b {
  color: var(--text);
  font-weight: 700;
}
.agent-council-cases {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  color: var(--text-muted);
  line-height: 1.45;
  font-size: 12px;
}
.agent-council-stage-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.agent-council-stage-row span,
.agent-council-mini {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--text-muted);
}
.agent-council-stage-row span {
  padding: 5px 8px;
  border-radius: 999px;
  border: 1px solid rgba(0, 212, 170, 0.22);
  background: rgba(0, 212, 170, 0.06);
}
.agent-council-stage-row b {
  color: var(--accent);
}
@media (max-width: 900px) {
  .agent-council-grid,
  .agent-council-cases {
    grid-template-columns: 1fr;
  }
  .agent-council-hero {
    flex-direction: column;
  }
}

/* ─── SIGNAL STALENESS BADGES (Phase 2D) ────────────────────────────────── */
.signal-age-badge {
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 1px 5px;
  border-radius: 2px;
  margin-left: 6px;
  vertical-align: middle;
}
.signal-age-badge.age-ok    { background: rgba(0,212,170,0.12); color: var(--bull); }
.signal-age-badge.age-stale { background: rgba(240,165,0,0.15); color: var(--warn); }
.signal-age-badge.age-offline { background: rgba(255,77,109,0.15); color: var(--bear); }

/* ─── P0-FRESHNESS: Per-Artifact TTL Stale Badges ───────────────────────── */
.freshness-badge {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.08em;
  padding: 1px 5px;
  border-radius: 3px;
  vertical-align: middle;
  margin-left: 6px;
}
.freshness-badge.stale {
  background: rgba(239, 68, 68, 0.15);
  color: #ef4444;
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.tile-stale .num,
.tile-stale .vex-val,
.tile-stale .ofi-gauge-val,
.tile-stale .ofi-flow-val {
  opacity: 0.6;
}


/* ── V3 BACKTEST PANEL ──────────────────────────────── */
.v3bt-card { border-top: 2px solid var(--accent); }
.v3bt-tag { background: rgba(0,212,255,0.15); color: #00d4ff; }

.v3bt-section-label {
  font-family: 'JetBrains Mono', monospace; font-size: 0.65rem; font-weight: 700;
  color: var(--text-muted); text-transform: uppercase; letter-spacing: 1px;
  margin: 16px 0 8px; padding-bottom: 4px;
  border-bottom: 1px solid var(--border);
}

/* v2 vs v3 comparison grid */
.v3bt-compare-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
}
.v3bt-compare-card {
  background: var(--surface-3); border: 1px solid var(--border);
  border-radius: 6px; padding: 12px;
}
.v3bt-compare-header {
  font-family: 'JetBrains Mono', monospace; font-size: 0.7rem; font-weight: 700;
  color: var(--accent); text-transform: uppercase; letter-spacing: 1px;
  margin-bottom: 10px;
}
.v3bt-compare-metrics {
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
}
.v3bt-metric { text-align: center; }
.v3bt-metric-val {
  font-family: 'JetBrains Mono', monospace; font-size: 0.85rem; font-weight: 700;
  color: var(--text);
}
.v3bt-metric-label {
  font-size: 0.55rem; color: var(--text-muted); text-transform: uppercase;
  letter-spacing: 0.5px; margin-top: 2px;
}
.v3bt-bull { color: var(--bull); }
.v3bt-bear { color: var(--bear); }
.v3bt-dim { font-size: 0.65rem; color: var(--text-muted); }

/* Per-regime table */
.v3bt-table-wrap { overflow-x: auto; }
.v3bt-table {
  width: 100%; border-collapse: collapse; font-size: 0.7rem;
  font-family: 'JetBrains Mono', monospace;
}
.v3bt-table th {
  font-size: 0.6rem; font-weight: 700; color: var(--text-faint);
  text-transform: uppercase; letter-spacing: 0.5px;
  background: var(--surface-2); padding: 6px 10px; text-align: left;
}
.v3bt-table td {
  padding: 6px 10px; border-bottom: 1px solid var(--border);
  color: var(--text);
}
.v3bt-mono { font-family: 'JetBrains Mono', monospace; font-weight: 600; }

/* CALL vs PUT direction cards */
.v3bt-dir-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
}
.v3bt-dir-card {
  background: var(--surface-3); border: 1px solid var(--border);
  border-radius: 6px; padding: 12px;
}
.v3bt-dir-call { border-top: 2px solid var(--bull); }
.v3bt-dir-put  { border-top: 2px solid #00d4ff; }
.v3bt-dir-header {
  font-family: 'JetBrains Mono', monospace; font-size: 0.7rem; font-weight: 700;
  color: var(--text); text-transform: uppercase; letter-spacing: 1px;
  margin-bottom: 10px; display: flex; align-items: center; gap: 8px;
}
.v3bt-dir-metrics {
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
}
.v3bt-nodata {
  padding: 10px 14px 14px;
}

/* PUT edge badge */
.v3bt-edge-badge {
  font-size: 0.55rem; font-weight: 700; color: #00d4ff;
  background: rgba(0,212,255,0.12); padding: 2px 6px; border-radius: 3px;
  border: 1px solid rgba(0,212,255,0.3); letter-spacing: 0.5px;
}

/* Walk-forward warning */
.v3bt-oos-warning {
  font-size: 0.65rem; color: var(--bear); background: rgba(255,77,109,0.08);
  padding: 8px 12px; border-radius: 4px; margin-top: 8px; line-height: 1.5;
}

/* Freshness stamp */
.v3bt-freshness {
  font-family: 'JetBrains Mono', monospace; font-size: 0.6rem;
  color: var(--text-faint); margin-top: 16px; padding-top: 8px;
  border-top: 1px solid var(--border);
}

/* No data stub */
.v3bt-nodata {
  padding: 20px; text-align: center;
}
.v3bt-nodata-msg {
  font-size: 0.75rem; color: var(--text-muted); margin-bottom: 8px;
}
.v3bt-v2ref {
  font-family: 'JetBrains Mono', monospace; font-size: 0.65rem;
  color: var(--text-faint);
}
.v3bt-v2ref-label {
  color: var(--accent); font-weight: 700;
}

/* ═══ Static-data badge ═══════════════════════════════════════════════════ */
.static-badge {
  background: rgba(255, 160, 0, 0.15);
  color: #ffa000;
  border: 1px solid rgba(255, 160, 0, 0.3);
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 11px;
  font-family: monospace;
  margin-left: 8px;
  vertical-align: middle;
}
.static-badge.live {
  background: rgba(0, 212, 170, 0.12);
  color: var(--accent);
  border-color: rgba(0, 212, 170, 0.28);
}
.trust-badge.live {
  color: var(--accent);
  border-color: rgba(0, 212, 170, 0.3);
  background: rgba(0, 212, 170, 0.1);
}

/* ═══ P1-UI-HIERARCHY: Mobile Responsive ══════════════════════════════════ */
@media (max-width: 768px) {
  #command-cards { grid-template-columns: 1fr; }
  .detail-drawer { width: 100vw; }
  .tab-link { padding: 8px 12px; font-size: 10px; }
  .v3bt-compare-grid,
  .v3bt-dir-grid { grid-template-columns: 1fr; }
}

/* ─── RT. RUNTIME TRUTH (P4-DIAG-PANEL) ─────────────────────────────────── */
.rt-card { margin-top: 12px; }
.rt-window-tabs { display: inline-flex; gap: 4px; margin-left: auto; }
.rt-tab {
  font-family: var(--font-mono); font-size: 10px; font-weight: 600;
  letter-spacing: 1px; color: var(--text-muted);
  background: var(--surface-3); border: 1px solid var(--border);
  padding: 3px 9px; border-radius: var(--radius-sm); cursor: pointer;
}
.rt-tab:hover { color: var(--accent); border-color: var(--accent-dim); }
.rt-tab.active {
  color: var(--accent); border-color: var(--accent);
  background: rgba(0,212,170,0.08);
}
.rt-refresh-pill {
  font-family: var(--font-mono); font-size: 9px; color: var(--text-faint);
  background: var(--surface-3); border: 1px solid var(--border);
  padding: 2px 6px; border-radius: var(--radius-sm); margin-left: 8px;
}
.rt-body { padding: 12px 14px 14px; }
.rt-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
}
@media (max-width: 900px) { .rt-grid { grid-template-columns: 1fr; } }
.rt-tile {
  background: var(--surface-2); border: 1px solid var(--border);
  border-radius: var(--radius-md); padding: 10px 12px; min-height: 140px;
  display: flex; flex-direction: column; gap: 8px;
}
.rt-tile-head {
  display: flex; align-items: center; justify-content: space-between;
  font-family: var(--font-mono); font-size: 10px; font-weight: 600;
  color: var(--text-muted); letter-spacing: 0.5px; text-transform: uppercase;
  padding-bottom: 6px; border-bottom: 1px solid var(--border);
}
.rt-tile-meta { font-weight: 500; color: var(--text-faint); text-transform: none; letter-spacing: 0; }
.rt-tile-content { flex: 1; display: flex; flex-direction: column; gap: 6px; min-height: 100px; }
.rt-skel {
  background: linear-gradient(90deg, var(--surface-3), var(--surface-1), var(--surface-3));
  background-size: 200% 100%; animation: rt-shimmer 1.4s linear infinite;
  height: 80px; border-radius: var(--radius-sm);
}
@keyframes rt-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }
.rt-empty {
  font-family: var(--font-mono); font-size: 10px; color: var(--text-faint);
  display: flex; align-items: center; justify-content: center;
  min-height: 80px; text-align: center;
}
.rt-error {
  font-family: var(--font-mono); font-size: 10px; color: var(--bear);
  display: flex; align-items: center; justify-content: center;
  min-height: 80px; text-align: center;
}
.rt-spark-row { display: flex; flex-direction: column; gap: 4px; }
.rt-spark-label {
  font-family: var(--font-mono); font-size: 9px; color: var(--text-muted);
  display: flex; justify-content: space-between; align-items: center;
}
.rt-spark-status {
  font-weight: 700; padding: 1px 5px; border-radius: 2px; font-size: 9px;
}
.rt-status-connected { color: var(--bull); background: rgba(0,200,150,0.12); }
.rt-status-connecting { color: var(--warn); background: rgba(240,165,0,0.14); }
.rt-status-disabled, .rt-status-disconnected { color: var(--bear); background: rgba(255,77,109,0.12); }
.rt-status-unknown { color: var(--text-faint); background: rgba(124,132,163,0.12); }
.rt-spark-svg { display: block; width: 100%; height: 32px; }
.rt-line-svg { display: block; width: 100%; height: 110px; }
.rt-donut-wrap { display: flex; align-items: center; gap: 12px; }
.rt-donut-svg { flex: 0 0 auto; }
.rt-donut-legend { display: flex; flex-direction: column; gap: 3px; flex: 1; }
.rt-legend-row {
  display: flex; align-items: center; gap: 6px;
  font-family: var(--font-mono); font-size: 10px;
}
.rt-legend-swatch { width: 8px; height: 8px; border-radius: 2px; flex: 0 0 auto; }
.rt-legend-name { color: var(--text-muted); flex: 1; }
.rt-legend-pct { color: var(--text); font-weight: 600; }
.rt-stat-row {
  display: flex; gap: 12px; font-family: var(--font-mono); font-size: 10px;
  color: var(--text-muted); margin-top: 4px;
}
.rt-stat-row strong { color: var(--text); font-weight: 600; }
.rt-model-wrap { display: flex; flex-direction: column; gap: 8px; }
.rt-model-status {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  font-family: var(--font-mono); font-size: 10px; color: var(--text-muted);
}
.rt-model-badge {
  font-size: 9px; font-weight: 700; padding: 2px 6px; border-radius: 3px;
  text-transform: uppercase;
}
.rt-model-badge.ready { color: var(--bull); background: rgba(0,200,150,0.12); }
.rt-model-badge.collecting { color: var(--warn); background: rgba(240,165,0,0.14); }
.rt-model-badge.off { color: var(--text-faint); background: rgba(124,132,163,0.12); }
.rt-model-grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px;
}
.rt-model-metric {
  background: rgba(255,255,255,0.04); border-radius: 6px; padding: 8px;
}
.rt-model-metric-label {
  font-family: var(--font-mono); font-size: 9px; color: var(--text-faint);
  margin-bottom: 4px; text-transform: uppercase;
}
.rt-model-metric-value {
  font-size: 16px; font-weight: 700; color: var(--text);
}
.rt-model-regimes {
  display: flex; flex-direction: column; gap: 5px;
}
.rt-model-regime {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  font-family: var(--font-mono); font-size: 10px; color: var(--text-muted);
  padding: 5px 8px; background: rgba(255,255,255,0.03); border-radius: 4px;
}
.rt-model-regime strong { color: var(--text); }

/* ─── AR. AUTONOMY REVIEW (OWNER-ONLY OBSERVATIONAL) ───────────────────── */
.autonomy-review-content {
  padding: 14px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ar-meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
.ar-meta > div {
  background: rgba(255,255,255,0.035);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 8px 10px;
}
.ar-meta span,
.ar-section-title {
  display: block;
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--text-faint);
}
.ar-meta b {
  display: block;
  margin-top: 4px;
  font-family: var(--font-mono);
  font-size: 16px;
  color: var(--text);
}
.ar-policy,
.ar-issues {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.ar-policy span,
.ar-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,0.04);
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .8px;
  text-transform: uppercase;
  padding: 5px 9px;
}
.ar-chip b {
  color: var(--text);
  font-size: 11px;
}
.ar-chip.ar-warn { color: var(--warn); border-color: rgba(255, 184, 77, .35); background: rgba(255, 184, 77, .10); }
.ar-chip.ar-bad { color: var(--bear); border-color: rgba(255, 77, 109, .35); background: rgba(255, 77, 109, .10); }
.ar-chip.ar-neutral { color: var(--text-muted); }
.ar-grid {
  display: grid;
  grid-template-columns: minmax(260px, .9fr) minmax(320px, 1.1fr);
  gap: 12px;
}
.ar-acc,
.ar-recs {
  margin-top: 8px;
  background: rgba(255,255,255,0.025);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}
.ar-acc-row {
  display: grid;
  grid-template-columns: 52px 78px 1fr;
  gap: 8px;
  align-items: center;
  padding: 8px 10px;
  border-bottom: 1px solid var(--border);
  font-family: var(--font-mono);
}
.ar-acc-row:last-child { border-bottom: 0; }
.ar-acc-row span { color: var(--text-faint); font-size: 10px; letter-spacing: 1px; }
.ar-acc-row b { color: var(--accent); font-size: 13px; }
.ar-acc-row small { color: var(--text-muted); font-size: 10px; }
.ar-recs {
  margin-bottom: 0;
  padding: 10px 12px 10px 28px;
  color: var(--text-muted);
  font-size: 12px;
  line-height: 1.45;
}
.ar-recs li + li { margin-top: 7px; }
.ar-muted {
  color: var(--text-faint);
  font-size: 12px;
  font-style: italic;
}
@media (max-width: 900px) {
  .ar-meta,
  .ar-grid { grid-template-columns: 1fr; }
}
.pipeline-debug-panel {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0 10px;
  padding: 8px 10px;
  border: 1px dashed rgba(0,212,170,0.32);
  border-radius: 10px;
  background: rgba(0,212,170,0.055);
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.04em;
}
.pipeline-debug-panel span {
  white-space: nowrap;
  padding: 2px 6px;
  border-radius: 999px;
  background: rgba(0,0,0,0.18);
  border: 1px solid rgba(255,255,255,0.06);
}
.pipeline-debug-panel b { color: var(--accent); }

/* IV/RV Spread tile */
.ivrv-row { display:flex; align-items:center; gap:8px; margin-bottom:4px; }
.ivrv-label { font-size:10px; color:var(--text-muted,#888); text-transform:uppercase; letter-spacing:.06em; min-width:38px; }
.ivrv-val { font-size:15px; font-weight:700; }
.ivrv-val.bull { color:var(--bull,#22c55e); }
.ivrv-val.bear { color:var(--bear,#ef4444); }
.ivrv-val.neutral { color:var(--text-secondary,#aaa); }
.ivrv-sub { font-size:10px; color:var(--text-muted,#666); }
.ivrv-interp { font-size:10px; padding:2px 0; }
.ivrv-interp.bull { color:var(--bull,#22c55e); }
.ivrv-interp.bear { color:var(--bear,#ef4444); }
.ivrv-interp.neutral { color:var(--text-muted,#888); }

/* Quant Engine vol context strip */
.qe-vol-strip { display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 4px; padding:8px 10px; background:var(--panel-bg2,#0f0f1a); border-radius:6px; border:1px solid var(--border,#222); }
.qe-vol-item { flex:1; min-width:100px; display:flex; flex-direction:column; gap:2px; }
.qe-vol-lbl { font-size:9px; text-transform:uppercase; letter-spacing:.07em; color:var(--text-muted,#666); }
.qe-vol-val { font-size:14px; font-weight:700; }
.qe-vol-val.bull { color:var(--bull,#22c55e); }
.qe-vol-val.bear { color:var(--bear,#ef4444); }
.qe-vol-val.neutral { color:var(--text-secondary,#aaa); }
.qe-vol-sub { font-size:9px; color:var(--text-muted,#666); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* Polymarket Scalper Panel */
.pm-scalp-section { margin-top:12px; }
.pm-scalp-title,.pm-edge-title { font-size:9px; text-transform:uppercase; letter-spacing:.09em; color:var(--text-muted,#666); margin-bottom:4px; padding-bottom:3px; border-bottom:1px solid rgba(255,255,255,0.06); }
.pm-scalp-row { display:flex; align-items:center; gap:6px; padding:4px 0; border-bottom:1px solid rgba(255,255,255,0.04); font-size:11px; }
.pm-scalp-row:last-child { border-bottom:none; }
.pm-scalp-sig { font-size:9px; font-weight:700; padding:2px 5px; border-radius:4px; text-transform:uppercase; letter-spacing:.04em; min-width:52px; text-align:center; }
.pm-scalp-sig.BUY_YES { background:rgba(34,197,94,.18); color:#22c55e; }
.pm-scalp-sig.BUY_NO  { background:rgba(239,68,68,.18);  color:#ef4444; }
.pm-scalp-sig.WATCH   { background:rgba(234,179,8,.15);  color:#eab308; }
.pm-scalp-sig.ACCUMULATING { background:rgba(99,102,241,.15); color:#818cf8; }
.pm-scalp-label { flex:1; color:var(--text-secondary,#bbb); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pm-scalp-edge  { font-weight:700; font-size:11px; min-width:34px; text-align:right; }
.pm-scalp-size  { font-size:10px; color:var(--accent,#00d4aa); min-width:36px; text-align:right; }
.pm-scalp-spread{ font-size:9px; color:var(--text-muted,#666); min-width:30px; text-align:right; }
.pm-edge-section { margin-top:12px; }
.pm-edge-row { display:flex; align-items:center; gap:6px; padding:3px 0; font-size:10px; }
.pm-edge-label { flex:1; color:var(--text-muted,#888); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:9px; }
.pm-edge-bar-wrap { width:80px; height:6px; background:rgba(255,255,255,0.06); border-radius:3px; overflow:hidden; flex-shrink:0; }
.pm-edge-bar { height:100%; border-radius:3px; transition:width .4s; }
.pm-edge-bar.bull { background:linear-gradient(90deg,#22c55e,#4ade80); }
.pm-edge-bar.bear { background:linear-gradient(90deg,#ef4444,#f87171); }
.pm-edge-bar.neutral { background:rgba(255,255,255,0.2); }
.pm-edge-z { font-size:10px; font-weight:700; min-width:32px; text-align:right; }
.pm-edge-sig { font-size:8px; text-transform:uppercase; letter-spacing:.05em; min-width:44px; text-align:right; }
.pm-edge-sig.BUY_YES { color:#22c55e; }
.pm-edge-sig.BUY_NO  { color:#ef4444; }
.pm-edge-sig.WATCH   { color:#eab308; }
.pm-edge-sig.NEUTRAL { color:var(--text-muted,#666); }
.pm-edge-sig.ACCUMULATING { color:#818cf8; }

/* Phase 2B never-sleep command center */
.command-center-top-row {
  display: grid;
  grid-template-columns: repeat(7, minmax(128px, 1fr));
  gap: 10px;
  padding: 10px 18px 4px;
}
.dashboard-layout-control {
  position: sticky;
  top: 48px;
  z-index: 99;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 18px 8px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  background: rgba(7, 8, 12, 0.94);
  backdrop-filter: blur(10px);
}
.dashboard-tab-control {
  border-top: 1px solid rgba(255,255,255,0.035);
  box-shadow: 0 8px 24px rgba(0,0,0,0.24);
}
.dashboard-layout-control span {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text-faint);
}
.layout-mode-btn {
  appearance: none;
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 999px;
  padding: 4px 10px;
  background: rgba(255,255,255,0.03);
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  min-height: 28px;
  transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
.layout-mode-btn:hover {
  color: var(--text);
  border-color: rgba(255,255,255,0.22);
}
.layout-mode-btn.active {
  color: var(--accent);
  border-color: rgba(0,212,170,0.38);
  background: rgba(0,212,170,0.10);
}
.jarvis-operator-body {
  display: grid;
  gap: 10px;
  padding: 14px;
}
.jarvis-operator-rule {
  display: grid;
  gap: 5px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 8px;
  background: rgba(255,255,255,0.025);
}
.jarvis-operator-rule strong {
  color: var(--accent);
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.jarvis-operator-rule span,
.jarvis-operator-note {
  color: var(--text-muted);
  font-size: 11px;
  line-height: 1.4;
}
.jarvis-operator-note {
  padding: 2px 2px 0;
  font-family: var(--font-mono);
}
.jarvis-briefing-preview {
  min-height: 82px;
  max-height: 180px;
  overflow: auto;
  margin: 8px 0 0;
  padding: 8px;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 8px;
  background: rgba(0,0,0,0.2);
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 9px;
  line-height: 1.45;
  white-space: pre-wrap;
}
.jarvis-mode-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 8px;
}
.jarvis-mode-card {
  min-height: 112px;
  padding: 10px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
  background: rgba(0,0,0,0.16);
}
.jarvis-mode-card.recommended {
  border-color: rgba(0,212,170,0.32);
  background: rgba(0,212,170,0.06);
}
.jarvis-mode-card.warn {
  border-color: rgba(255,190,0,0.34);
  background: rgba(255,190,0,0.06);
}
.jarvis-mode-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: var(--text);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.jarvis-mode-title span {
  color: var(--accent);
  font-family: var(--font-mono);
  font-size: 8px;
}
.jarvis-mode-facts {
  display: grid;
  gap: 3px;
  margin-top: 8px;
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 9px;
}
.jarvis-mode-facts code {
  color: var(--warn);
  font-family: var(--font-mono);
}
.jarvis-mode-card p {
  margin: 8px 0 0;
  color: var(--text-faint);
  font-size: 10px;
  line-height: 1.4;
}
@media (max-width: 980px) {
  .jarvis-mode-grid { grid-template-columns: 1fr; }
}
.provider-safe-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 2px;
}
.provider-safe-action-btn {
  min-height: 28px;
  padding: 5px 9px;
  border-radius: 6px;
  border: 1px solid rgba(0,212,170,0.24);
  background: rgba(0,212,170,0.07);
  color: var(--accent);
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
}
.provider-safe-action-btn:hover {
  border-color: rgba(0,212,170,0.46);
  background: rgba(0,212,170,0.12);
}
.paper-simulation-doctrine {
  display: flex;
  gap: 10px;
  align-items: baseline;
  margin: 0 0 10px;
  padding: 8px 10px;
  border: 1px solid rgba(0,212,170,0.15);
  border-radius: 8px;
  background: rgba(0,212,170,0.045);
}
.paper-simulation-doctrine strong {
  color: var(--accent);
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.paper-simulation-doctrine span {
  color: var(--text-muted);
  font-size: 10px;
  line-height: 1.35;
}
.provider-probe-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin: 10px 0;
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 10px;
}
.provider-probe-summary span,
.provider-probe-summary strong {
  padding: 4px 7px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 6px;
  background: rgba(255,255,255,0.03);
}
.provider-probe-summary strong {
  color: var(--text);
}
.command-center-tile {
  min-height: 86px;
  padding: 10px 12px;
  border-radius: 8px;
  background: rgba(13, 15, 22, 0.92);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}
.command-center-tile-live { border-color: rgba(0, 212, 170, 0.34); }
.command-center-tile-warn { border-color: rgba(245, 158, 11, 0.34); }
.command-center-tile-blocked { border-color: rgba(255, 77, 109, 0.32); }
.command-center-label {
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.command-center-value {
  margin-top: 7px;
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.18;
}
.command-center-detail {
  margin-top: 5px;
  color: var(--text-muted);
  font-size: 11px;
  line-height: 1.25;
}
.command-os-card {
  min-height: 168px;
  border-color: rgba(0,212,170,0.12);
  background: linear-gradient(180deg, rgba(15,18,27,0.98), rgba(10,12,18,0.96));
}
.command-primary-candidate-card {
  border-left: 2px solid var(--accent);
}
.command-os-content {
  padding: 10px 14px 14px;
}
.command-os-kicker {
  color: var(--accent);
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.command-os-title {
  margin-top: 5px;
  color: var(--text-primary);
  font-size: 18px;
  font-weight: 900;
  line-height: 1.15;
}
.command-os-subtitle {
  margin-top: 6px;
  color: var(--text-muted);
  font-size: 11px;
  line-height: 1.35;
}
.command-os-pill-row,
.command-os-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}
.command-os-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  padding: 4px 7px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.035);
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 9px;
  overflow-wrap: anywhere;
}
.command-os-pill b {
  color: var(--text-faint);
  text-transform: uppercase;
}
.command-os-pill-live {
  color: var(--accent);
  border-color: rgba(0,212,170,0.22);
  background: rgba(0,212,170,0.08);
}
.command-os-pill-warn {
  color: var(--warn);
  border-color: rgba(240,165,0,0.22);
  background: rgba(240,165,0,0.07);
}
.command-os-doctrine {
  margin-top: 10px;
  color: var(--warn);
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.06em;
}
.command-os-list {
  display: grid;
  gap: 7px;
}
.command-os-table-wrap {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.command-os-table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--font-mono);
  font-size: 10px;
  font-variant-numeric: tabular-nums;
}
.command-os-table th,
.command-os-table td {
  padding: 6px 8px;
  border-bottom: 1px solid rgba(132,154,168,0.12);
  text-align: left;
  white-space: nowrap;
}
.command-os-table th {
  color: var(--text-faint);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.command-os-table td {
  color: var(--text);
}
.command-os-table tr:last-child td {
  border-bottom: 0;
}
.command-os-table tbody tr:hover {
  background: rgba(0,212,170,0.035);
}
.command-cell-live {
  color: var(--accent) !important;
}
.command-cell-warn {
  color: var(--warn) !important;
  font-weight: 800;
}
.command-cell-bear {
  color: var(--bear) !important;
  font-weight: 800;
}
.command-cell-neutral {
  color: var(--text-muted) !important;
}
.command-os-table-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: auto;
  padding-top: 9px;
  border-top: 1px solid rgba(132,154,168,0.12);
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 9px;
}
.command-os-table-footer b {
  color: var(--warn);
}
.command-os-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.06);
  background: rgba(255,255,255,0.025);
}
.command-os-row strong {
  display: block;
  color: var(--text-primary);
  font-size: 12px;
}
.command-os-row span {
  display: block;
  margin-top: 3px;
  color: var(--text-muted);
  font-size: 10px;
  line-height: 1.25;
}
.command-os-row-score {
  min-width: 82px;
  text-align: right;
  color: var(--accent);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 900;
}
.command-os-row-score small {
  display: block;
  margin-top: 4px;
  color: var(--text-faint);
  font-size: 8px;
  text-transform: uppercase;
}
.command-os-empty {
  padding: 12px;
  color: var(--text-muted);
  border: 1px dashed rgba(255,255,255,0.09);
  border-radius: 8px;
  font-size: 11px;
}
.command-primary-candidate {
  display: grid;
  gap: 10px;
}
.command-primary-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 10px;
}
.command-primary-meta b {
  color: var(--accent);
}
.command-primary-levels {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 7px 12px;
  padding-top: 6px;
  border-top: 1px solid rgba(132,154,168,0.13);
  font-family: var(--font-mono);
  font-size: 10px;
}
.command-primary-levels span {
  color: var(--text-faint);
}
.command-primary-levels b {
  min-width: 0;
  color: var(--text);
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.command-accuracy-reference,
.command-system-reference,
.command-governance-reference {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  align-items: center;
  min-height: 118px;
}
.command-score-ring {
  width: 92px;
  height: 92px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 8px solid rgba(0,212,170,0.72);
  border-right-color: rgba(132,154,168,0.25);
  color: var(--text);
  font-family: var(--font-mono);
  line-height: 1;
}
.command-score-ring b {
  display: block;
  font-size: 24px;
}
.command-score-ring span {
  display: block;
  color: var(--text-faint);
  font-size: 9px;
}
.command-mini-metrics {
  display: grid;
  gap: 6px;
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 10px;
}
.command-mini-metrics span {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid rgba(132,154,168,0.1);
  padding-bottom: 3px;
}
.command-mini-metrics b {
  color: var(--accent);
}
.command-system-reference {
  grid-template-columns: 88px 88px 1fr;
}
.command-system-reference > div:first-child,
.command-system-reference > div:nth-child(2) {
  display: grid;
  gap: 8px;
  align-content: center;
  min-height: 90px;
  border-right: 1px solid rgba(132,154,168,0.18);
  color: var(--text-muted);
  font-family: var(--font-mono);
  text-transform: uppercase;
}
.command-big-live,
.command-big-bear {
  font-size: 28px;
  font-family: var(--font-mono);
  font-weight: 400;
}
.command-big-live { color: var(--accent); }
.command-big-bear { color: var(--bear); }
.command-governance-reference {
  grid-template-columns: 1fr 104px;
}
.command-safe-shield {
  display: grid;
  place-items: center;
  gap: 6px;
  color: var(--accent);
  font-family: var(--font-mono);
  font-size: 19px;
  font-weight: 900;
  text-align: center;
}
.command-safe-shield::before {
  content: "◇";
  display: block;
  color: var(--accent);
  font-size: 46px;
  line-height: 0.7;
}
.command-safe-shield span {
  color: var(--text-muted);
  font-size: 10px;
  font-weight: 500;
}
.command-jarvis-summary {
  align-items: center;
  gap: 8px;
}
body[data-aethrix-tab="command"] #tierActionPrimary {
  display: grid;
  grid-template-columns: none;
  gap: 16px;
}
body[data-aethrix-tab="command"] #tierActionLeft,
body[data-aethrix-tab="command"] #tierActionRight {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
body[data-aethrix-tab="command"] #tierActionFlow {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
body[data-aethrix-tab="command"] #tierActionTrade,
body[data-aethrix-tab="command"] #tierActionSecondary,
body[data-aethrix-tab="command"] #tierActionSplit {
  display: none;
}
.overnight-futures-context-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 6px 18px 12px;
}
.overnight-context-pill {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 6px;
  background: rgba(255,255,255,0.025);
}
.overnight-context-pill strong {
  color: var(--accent);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.overnight-context-pill span {
  color: var(--text-secondary);
  font-size: 11px;
}
.multi-horizon-play-board {
  display: grid;
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  gap: 10px;
}
.multi-horizon-column {
  min-width: 0;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
  background: rgba(255,255,255,0.018);
  overflow: hidden;
}
.multi-horizon-head {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 9px 10px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  color: var(--text-primary);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.multi-horizon-head small {
  color: var(--text-muted);
  font-size: 9px;
  font-weight: 600;
}
.horizon-card,
.horizon-empty {
  margin: 8px;
  padding: 9px;
  border-radius: 6px;
  background: rgba(0,0,0,0.18);
  border: 1px solid rgba(255,255,255,0.07);
}
.horizon-card.is-executable { border-color: rgba(0, 212, 170, 0.38); }
.horizon-card.is-watch { border-color: rgba(245, 158, 11, 0.22); }
.horizon-card.is-static { border-color: rgba(148, 163, 184, 0.22); opacity: 0.82; }
.horizon-card-head {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 800;
}
.horizon-card-state {
  margin-top: 6px;
  color: var(--accent);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}
.horizon-card-meta,
.horizon-empty span {
  display: block;
  margin-top: 5px;
  color: var(--text-muted);
  font-size: 10px;
  line-height: 1.3;
}
.horizon-empty strong {
  display: block;
  color: var(--text-secondary);
  font-size: 12px;
}
.horizon-quality-row {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 7px;
}
.horizon-quality-chip {
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 4px;
  background: rgba(255,255,255,0.035);
  color: var(--text-faint);
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0;
  padding: 2px 5px;
  text-transform: uppercase;
}
.multi-horizon-footnote {
  grid-column: 1 / -1;
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0;
  padding: 2px 4px;
  text-transform: uppercase;
}
.data-connection-status {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 5px 18px 0;
  color: var(--text-faint);
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0;
}
.data-connection-status span {
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 4px;
  background: rgba(255,255,255,0.025);
  padding: 2px 6px;
}
.data-connection-status b {
  color: var(--text-secondary);
  font-weight: 800;
}
@media (max-width: 1240px) {
  .aethrix-os-shell {
    grid-template-columns: 184px minmax(0, 1fr);
  }
  .aethrix-main-stage {
    padding: 10px 16px 20px;
  }
  body[data-aethrix-tab="command"] .command-grid {
    width: min(1120px, calc(100vw - 224px));
  }
  .command-center-top-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .multi-horizon-play-board { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-aethrix-tab="command"] .command-row-primary,
  body[data-aethrix-tab="command"] .command-row-secondary,
  body[data-aethrix-tab="command"] .command-row-health {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body[data-aethrix-tab="command"] #commandPrimaryCandidatePanel,
  body[data-aethrix-tab="command"] #aladdinSection,
  body[data-aethrix-tab="command"] #commandBestIdeasPanel,
  body[data-aethrix-tab="command"] #commandTopOptionsSummaryPanel,
body[data-aethrix-tab="command"] #commandMomentumSummaryPanel {
    grid-column: span 1;
    grid-row: auto;
  }
  body[data-aethrix-tab="command"] #tierActionLeft,
  body[data-aethrix-tab="command"] #tierActionRight {
    grid-template-columns: 1fr;
  }
}

.tier-operate .operate-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.operate-card {
  min-height: 0;
}

.operate-status-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.operate-status-strip span,
.operate-kv {
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.035);
  border-radius: 6px;
  padding: 7px 9px;
}

.operate-status-strip span {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  color: var(--muted);
}

.operate-grid-mini {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.operate-kv {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.operate-kv span,
.operate-muted,
.operate-checklist small {
  color: var(--muted);
}

.operate-kv b,
.operate-card-title {
  color: var(--text);
  overflow-wrap: anywhere;
}

.operate-card-title {
  font-size: 15px;
  font-weight: 800;
  margin-bottom: 9px;
}

.operate-muted {
  margin: 10px 0 0;
  line-height: 1.45;
}

.operate-mcp-url,
.operate-ticket-preview {
  margin-top: 10px;
  padding: 9px;
  border-radius: 6px;
  border: 1px solid rgba(0,255,213,0.16);
  background: rgba(0,255,213,0.05);
  color: var(--accent);
  overflow-wrap: anywhere;
}

.operate-ticket-preview {
  max-height: 260px;
  overflow: auto;
  color: var(--text);
  white-space: pre-wrap;
  font-size: 11px;
}

.operate-setup-list {
  margin: 10px 0 0;
  padding-left: 18px;
  color: var(--muted);
  line-height: 1.45;
}

.operate-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.operate-action-btn {
  border: 1px solid rgba(0,255,213,0.22);
  background: rgba(0,255,213,0.07);
  color: var(--accent);
  border-radius: 6px;
  padding: 8px 10px;
  font-weight: 800;
  cursor: pointer;
}

.operate-action-btn:disabled {
  border-color: rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.04);
  color: var(--muted);
  cursor: not-allowed;
}

.operate-checklist {
  display: grid;
  gap: 7px;
}

.operate-gate-groups {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.operate-gate-group {
  display: grid;
  gap: 5px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 6px;
  padding: 8px;
  background: rgba(255,255,255,0.025);
}

.operate-gate-group strong {
  color: var(--text);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.operate-gate-group span {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.operate-gate-group span.complete {
  color: var(--accent);
}

.operate-checklist > div {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 3px 8px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 6px;
  padding: 8px;
  background: rgba(255,255,255,0.03);
}

.operate-checklist > div small {
  grid-column: 2;
}

.operate-checklist .complete b {
  color: var(--accent);
}

.operate-checklist .blocked b,
.bear {
  color: var(--danger);
}

.live {
  color: var(--accent);
}

@media (max-width: 1180px) {
  .tier-operate .operate-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .tier-operate .operate-grid,
  .operate-grid-mini {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  body[data-aethrix-tab="command"] .header {
    position: sticky;
    height: auto;
    min-height: 58px;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 6px 10px;
    padding: 7px 10px;
  }
  body[data-aethrix-tab="command"] .header-center {
    display: none;
  }
  body[data-aethrix-tab="command"] .header-right {
    flex: 1 1 100%;
    min-width: 0;
    justify-content: flex-start;
    gap: 6px;
    flex-wrap: wrap;
  }
  body[data-aethrix-tab="command"] .header-meta {
    gap: 6px;
    flex-wrap: wrap;
  }
  body[data-aethrix-tab="command"] .clock,
  body[data-aethrix-tab="command"] .refresh-time {
    width: auto;
    min-width: 0;
  }
  body[data-aethrix-tab="command"] .operator-status-strip {
    flex-wrap: wrap;
  }
  body[data-aethrix-tab="command"] .operator-status-item {
    flex: 1 1 128px;
    min-width: 0;
    padding: 7px 9px;
  }
  body[data-aethrix-tab="command"] #dataConnectionStatus.data-connection-status {
    flex-wrap: wrap;
    gap: 8px 12px;
    padding: 7px 10px;
    line-height: 1.45;
  }
  body[data-aethrix-tab="command"] #tier-action::after {
    font-size: 9px;
    line-height: 1.5;
    white-space: normal;
  }
  .aethrix-os-shell {
    display: block;
  }
  .aethrix-side-nav {
    position: sticky;
    top: 0;
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,0.07);
    padding: 8px 10px;
  }
  .side-nav-brand,
  .side-nav-actions,
  .side-nav-health {
    display: none;
  }
  .side-nav-group {
    display: flex;
    overflow-x: auto;
  }
  .aethrix-side-nav .layout-mode-btn {
    width: auto;
    flex: 0 0 auto;
  }
  .aethrix-main-stage {
    padding: 8px 10px 18px;
  }
  .header {
    position: sticky;
    top: 0;
    display: grid;
    grid-template-columns: 1fr;
    height: auto;
    min-height: 0;
    padding: 8px 12px 10px;
    gap: 8px;
  }
  .header-left,
  .header-right {
    width: 100%;
    min-width: 0;
  }
  .header-left {
    justify-content: flex-start;
  }
  .header-center {
    display: none;
  }
  .header-right,
  .header-meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 6px;
  }
  .sentiment-badge,
  .signal-freshness,
  .clock,
  .refresh-time {
    width: auto;
    min-width: 0;
    max-width: 100%;
    text-align: left;
  }
  .operator-status-strip {
    grid-template-columns: 1fr !important;
    padding: 8px 10px 0;
  }
  .operator-status-item {
    min-height: 0;
  }
  .command-center-top-row,
  .multi-horizon-play-board { grid-template-columns: 1fr; }
  .overnight-futures-context-strip { display: grid; grid-template-columns: 1fr; }
  .dashboard-layout-control {
    position: sticky;
    top: 0;
    overflow-x: auto;
    justify-content: flex-start;
    padding: 8px 10px;
  }
  .dashboard-layout-control::-webkit-scrollbar { display: none; }
  body[data-aethrix-tab="command"] #tierActionPrimary,
  body[data-aethrix-tab="command"] .command-grid,
  body[data-aethrix-tab="command"] .command-row-primary,
  body[data-aethrix-tab="command"] .command-row-secondary,
  body[data-aethrix-tab="command"] .command-row-health {
    width: 100%;
    grid-template-columns: 1fr;
  }
}