/* ═══════════════════════════════════════════════════════════════════════
   TRADING GURU — INSTITUTIONAL THEME OVERLAY · 2026-07-04
   Additive skin for the corrected multi-page site (loads AFTER site.css).
   Matches the institutional landing: Bloomberg-terminal dark, IBM Plex Mono
   + Inter, amber accent, thin borders, dense data panels.
   Rollback = remove this one <link>. Honesty ("—") untouched.
   ═══════════════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --bg:#080b11; --bg-2:#0c1017; --panel:#0e131c; --panel-2:#111826;
  --border:#1c2534; --border-soft:#161d29;
  --text:#d7deea; --text-dim:#8592a6; --text-mute:#5a6678;
  --amber:#f5a623; --amber-2:#c8850f;
  --cyan:#3fb9d6; --green:#37c26f; --red:#e5484d; --purple:#8b5cf6;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  --sans:'Inter',system-ui,sans-serif;
}

/* base */
html,body{background:var(--bg);}
body{
  font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  image-rendering:auto;
  background-image:linear-gradient(var(--border-soft) 1px,transparent 1px),linear-gradient(90deg,var(--border-soft) 1px,transparent 1px);
  background-size:64px 64px;background-position:center top;background-attachment:fixed;
}
@media(max-width:860px){body{background-attachment:scroll}}
body::after{display:none;}  /* no CRT scanlines */

/* fonts: pixel roles -> Inter/IBM Plex Mono */
.pixel,.brand .logo,.brand .name,nav.top a,nav.top .cta,.nav-toggle,
h1.title,h2,.card h3,.layer-card h3,.agent-card h3,.arena-head .title,
.champ-cell .value,.balance-big,.refusal h4,.section-tag,.eyebrow{
  font-family:var(--sans)!important;letter-spacing:-.005em;image-rendering:auto;-webkit-font-smoothing:antialiased;
}
.status-cell .label,.status-cell .value,.layer-tag,.firewall,.refusal .num,
.arena-block .h,.agent-card .slot,.lb-table th,.cycle-stat-tbl th,
.champ-cell .label,.event-feed-list .kind,.tape-stat .k,.kv-row .k,
footer .brand-small,footer .col-links a,.skip-link,
.mono,.status-cell .meta,.layer-card .props,.lb-table,.lb-table td,.cycle-stat-tbl td,
.conn-status,.event-feed-list,.disclosure,.agent-card .stat-row,.champ-cell .meta,
footer .legal,footer .build-tag,.tape-stat strong,.kv-row strong,.balance-meta,.tape-rsi{
  font-family:var(--mono)!important;
}
h1.title,h2{font-weight:800!important}

/* nav */
nav.top{background:rgba(8,11,17,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);box-shadow:none}
.brand .logo{border:1.5px solid var(--amber);border-radius:6px;color:var(--amber);background:transparent;
  box-shadow:inset 0 0 12px rgba(245,166,35,.15);font-weight:700}
.brand .name{font-weight:600;letter-spacing:.06em}
.brand .name span{color:var(--amber);background:none;-webkit-text-fill-color:var(--amber)}
nav.top a{font-family:var(--mono)!important;font-size:11.5px;letter-spacing:.12em;color:var(--text-dim);border-radius:5px}
nav.top a:hover{color:var(--text);background:var(--panel-2)}
nav.top a.active{color:var(--amber);background:rgba(245,166,35,.08)}
nav.top .cta{background:var(--amber);color:#0a0d12;border:1px solid var(--amber);border-radius:6px;
  font-family:var(--mono)!important;font-weight:600;box-shadow:none}
nav.top .cta:hover{background:var(--amber-2);border-color:var(--amber-2)}

/* headings / eyebrow */
.eyebrow{color:var(--cyan);letter-spacing:.2em;text-shadow:none}
h1.title .amber{color:var(--amber);background:none;-webkit-text-fill-color:var(--amber);text-shadow:none;filter:none}
.section-tag{color:var(--amber);letter-spacing:.2em;text-shadow:none}

/* buttons: terminal outline */
.btn{border-radius:6px;border:1px solid var(--border);font-family:var(--mono)!important;font-weight:500;
  letter-spacing:.1em;box-shadow:none;transition:.15s}
.btn:hover{transform:none;box-shadow:none}
.btn-primary{background:var(--amber);color:#0a0d12;border-color:var(--amber);font-weight:600}
.btn-primary:hover{background:var(--amber-2);border-color:var(--amber-2);color:#0a0d12}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}
.btn-ghost:hover{color:var(--amber);border-color:var(--amber);background:transparent}

/* panels: flat terminal (no glass, no glow) */
.status-cell,.card,.layer-card,.agent-card,.refusal,.arena-shell,.champ-banner,
.lb-table,.dash-panel,.disclosure,.conn-status,.tape-chart,.tape-stat,.arena-block,.timeline-rail{
  background:var(--panel)!important;backdrop-filter:none!important;border:1px solid var(--border)!important;
  border-radius:8px!important;box-shadow:none!important;
}
.status-cell{transition:border-color .15s}
.status-cell:hover{border-color:var(--amber)!important;transform:none;box-shadow:none!important}
.status-cell::before{border-color:var(--amber)!important;border-radius:0}
.status-cell::after{border-color:var(--border)!important;border-radius:0}
.status-cell .label{color:var(--text-mute);letter-spacing:.16em}
.status-cell .value.amber{color:var(--amber);text-shadow:none}
.status-cell .value.green{color:var(--green);text-shadow:none}
.status-cell .value.cyan{color:var(--cyan);text-shadow:none}

.agent-card h3,.refusal h4{color:var(--amber)}
.layer-tag{border-radius:4px;box-shadow:none!important}
.layer-tag.l1{color:var(--green)} .layer-tag.l2{color:var(--cyan)} .layer-tag.l3{color:var(--purple)}
.firewall{color:var(--amber);text-shadow:none;border-color:rgba(245,166,35,.35)}
.refusal{border-left:3px solid var(--red)!important}

/* arena / championship */
.arena-shell::before,.arena-shell::after,.arena-shell>.c-tr,.arena-shell>.c-bl{border-color:var(--amber)!important}
.arena-head .title{color:var(--amber);text-shadow:none}
.arena-block{background:var(--bg-2)!important}
.arena-block .h{color:var(--cyan)}
.timeline-rail .cursor{background:var(--amber);box-shadow:none}
.heat-cell{background:var(--cyan);opacity:.7;border-radius:0}
.champ-banner{border:1px solid var(--amber)!important;background:linear-gradient(180deg,rgba(245,166,35,.06),var(--panel))!important}
.champ-banner::before,.champ-banner::after{border-color:var(--amber)}
.champ-progress-bar{background:var(--amber);box-shadow:none}

/* tables */
.lb-table th{color:var(--text-mute);background:var(--bg-2)}
.lb-table td{color:var(--text-dim)}

/* dashboard */
.balance-big{color:var(--green);text-shadow:none;font-weight:800}
.tape-chart{background:var(--bg-2)!important}

/* disclosure */
.disclosure{border:1px dashed rgba(245,166,35,.4)!important;background:rgba(245,166,35,.06)!important;color:#ffd98a}

/* footer + focus */
footer{border-top:1px solid var(--border)}
footer .col-links a:hover{color:var(--amber)}
:focus-visible{outline-color:var(--amber);box-shadow:0 0 0 3px rgba(245,166,35,.18)}
.skip-link{background:var(--amber);color:#0a0d12;border-radius:6px}
.nav-toggle{border:1px solid var(--amber);color:var(--amber);border-radius:6px}
.nav-toggle[aria-expanded="true"]{background:var(--amber);color:#0a0d12}