@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap');

/* ════════════════════════════════════════════════════════════════════════
   CRYPTO LWA — TERMINAL SKIN v7.10.32
   Site-wide terminal-style overlay. Loaded after each page's own styles
   so it can override without breaking page-specific layouts. Keeps the
   cryptolwa gold/dark palette intact.
   v7.10.32: @import moved to line 1 (CSS spec — @import must precede
   every other rule). With it at line 122, browsers were silently
   invalidating the import AND it was poisoning the cascade for every
   rule that came before it — including the language list visibility
   rules. That's why the 🌐 picker never opened.
   ──────────────────────────────────────────────────────────────────────── */

/* ════════════════════════════════════════════════════════════════════════
   v7.10.17 — UNIVERSAL MENU DROPDOWN VISIBILITY
   ────────────────────────────────────────────────────────────────────────
   Bug: the visibility CSS for the dropdown was scoped to
   #clwa-bar[data-clwa-injected="1"] AND duplicated by every page's own
   inline style block. Pages whose <nav> didn't have that attribute
   ended up with an INVISIBLE menu — the JS toggled aria-expanded but
   nothing showed.
   Fix: a single universal ruleset that applies regardless of nav
   variant, uses !important to win every specificity war, and survives
   page-level inline overrides.
   ──────────────────────────────────────────────────────────────────────── */
/* ── Logo badge: show the round veve glyph cleanly. The per-page chrome wraps
   the CIRCULAR veve in a rounded-SQUARE bordered box (double gold border + dark
   square corners = a clipped octagon look). The veve SVG already has its own
   disc + gold ring, so strip the wrapper chrome and just size the glyph.
   Loaded site-wide + !important, so this corrects the logo on every page. ── */
#clwa-bar .clwa-logo-img {
  width: 40px !important;
  height: 40px !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  box-shadow: none !important;
}
#clwa-bar .clwa-logo-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  border-radius: 0 !important;
}

#clwa-bar .clwa-menu {
  position: relative !important;
}
#clwa-bar .clwa-menu-list {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  z-index: 2147483000 !important;            /* above paywall overlays, ticker, etc. */
  min-width: 320px !important;
  max-width: calc(100vw - 36px) !important;
  background: rgba(8, 8, 26, 0.985) !important;
  border: 1px solid rgba(201, 168, 76, 0.30) !important;
  border-radius: 6px !important;
  padding: 6px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.75) !important;
  backdrop-filter: blur(14px) !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-6px) !important;
  transition: visibility 0.18s, opacity 0.18s, transform 0.18s !important;
  max-height: calc(100vh - 100px) !important;
  overflow-y: auto !important;
}
#clwa-bar .clwa-menu[aria-expanded="true"] .clwa-menu-list,
#clwa-bar .clwa-menu.is-open .clwa-menu-list,
/* v7.10.17 — JS-FREE FALLBACK. If the button or anything inside the
   menu has keyboard focus, the dropdown opens. This means the menu
   works even when terminal-skin.js is blocked by ad blockers, CSP,
   Brave Shields, or a stale CDN cache. A click on the button focuses
   it natively, so this single CSS rule guarantees the dropdown opens
   on click in EVERY browser. */
#clwa-bar .clwa-menu:focus-within .clwa-menu-list {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}
#clwa-bar .clwa-menu-btn {
  cursor: pointer !important;
}
/* Make sure the trigger is focusable. Buttons are by default, but
   defensive CSS in case any inline style sets tabindex=-1. */
#clwa-bar .clwa-menu-btn { tabindex: 0; }

/* ════════════════════════════════════════════════════════════════════════
   v7.10.31 — UNIVERSAL LANGUAGE-LIST VISIBILITY
   ────────────────────────────────────────────────────────────────────────
   Mirror of the per-page rule that several hardcoded-nav pages already
   ship inline. Adds it globally so EVERY page (including the auto-
   injected nav) can open the 🌐 picker on click. Uses !important so any
   leftover page-level "display:none" can't silently win.
   ──────────────────────────────────────────────────────────────────────── */
#clwa-bar .clwa-lang { position: relative !important; }
#clwa-bar .clwa-lang-list {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 6px) !important;
  right: 0 !important;
  z-index: 2147483000 !important;
  min-width: 200px !important;
  max-height: 60vh !important;
  overflow-y: auto !important;
  background: rgba(8, 8, 26, 0.985) !important;
  border: 1px solid rgba(201, 168, 76, 0.30) !important;
  border-radius: 6px !important;
  padding: 4px !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.75) !important;
}
#clwa-bar .clwa-lang-list.open,
#clwa-bar .clwa-lang-list[aria-hidden="false"],
#clwa-bar .clwa-lang:focus-within .clwa-lang-list {
  display: block !important;
}
#clwa-bar .clwa-lang-list a {
  display: block !important;
  padding: 8px 11px !important;
  border-radius: 4px !important;
  font-family: 'Rajdhani', sans-serif !important;
  font-size: 13.5px !important;
  text-decoration: none !important;
  color: var(--gold-bright, #F0D080) !important;
}
#clwa-bar .clwa-lang-list a:hover {
  background: rgba(201, 168, 76, 0.12) !important;
  color: #FFF !important;
}
:root {
  --term-mono: 'JetBrains Mono','Share Tech Mono','Consolas','SF Mono',monospace;
  --term-amber: #F39C12;
  --term-green: #7CFFB0;
  --term-red:   #FF8B7C;
  --term-blue:  #4DC9FF;
  --term-grid:  rgba(201,168,76,0.10);
  --term-line:  rgba(201,168,76,0.22);
  --term-deep:  #05050F;
  --term-deep2: #08081A;
  --term-panel: #0A0A1E;
  --term-panel2:#0F0F28;
  --gold-bright:#F0D080;
}

/* v7.10.32 — @import moved to line 1 (CSS spec compliance) */

/* ── Body baseline ─────────────────────────────────────────────────── */
body {
  background:
    linear-gradient(180deg, rgba(8,8,26,0.96) 0%, rgba(5,5,15,0.96) 100%),
    repeating-linear-gradient(0deg,
      transparent 0,
      transparent 39px,
      rgba(201,168,76,0.018) 39px,
      rgba(201,168,76,0.018) 40px) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ── terminal-style status status pills ─────────────────────────── */
.term-pill, .clwa-term-pill {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--term-mono);
  font-size: 10.5px; letter-spacing: 1.1px;
  padding: 3px 9px; border-radius: 3px;
  background: var(--term-deep);
  border: 1px solid rgba(201,168,76,0.25);
  color: var(--gold-bright);
}
.term-pill.green, .clwa-term-pill.green { color: var(--term-green); border-color: rgba(46,204,113,0.4); background: rgba(46,204,113,0.06); }
.term-pill.red,   .clwa-term-pill.red   { color: var(--term-red);   border-color: rgba(231,76,60,0.4);  background: rgba(231,76,60,0.06); }
.term-pill.amber, .clwa-term-pill.amber { color: var(--term-amber); border-color: rgba(243,156,18,0.4); background: rgba(243,156,18,0.06); }
.term-pill .dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: currentColor; box-shadow: 0 0 6px currentColor;
  animation: clwa-term-pulse 1.6s ease infinite;
}
@keyframes clwa-term-pulse { 0%,100%{opacity:1} 50%{opacity:0.35} }

/* ── Terminal HUD: top-right UTC clock + market open indicator ────── */
#clwa-term-hud {
  position: fixed;
  top: 70px;          /* sits below the unified header */
  right: 14px;
  z-index: 1199;
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-end;
  font-family: var(--term-mono);
  font-size: 10.5px;
  letter-spacing: 0.7px;
  pointer-events: none;
}
#clwa-term-hud > * { pointer-events: auto; }
#clwa-term-hud .row {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 3px 9px;
  background: rgba(8,8,26,0.85);
  border: 1px solid var(--term-line);
  border-radius: 3px;
  color: var(--gold-bright);
  backdrop-filter: blur(6px);
}
#clwa-term-hud .row .lbl {
  color: rgba(255,255,255,0.45); font-size: 9px; letter-spacing: 1.2px;
}
@media (max-width: 720px) { #clwa-term-hud { display: none; } }

/* ── Numeric / data elements get monospace ─────────────────────────── */
.kpi-val, .pnl-value, .stat, .ticker, .price,
[data-mono],
table th, table td,
code, pre, samp, kbd {
  font-family: var(--term-mono) !important;
}

/* ── Up/down number coloring helpers ──────────────────────────────── */
.up,   .pos, .green-text { color: var(--term-green) !important; }
.down, .neg, .red-text   { color: var(--term-red)   !important; }

/* ── Card-ification: any element marked .panel / .card / .agent-card /
       .pick-card / .feed-card / .sitemap-cluster / .tut-step gets a
       terminal-style thin gold-tinted top border + dense corner radii. ─ */
.panel, .card, .agent-card, .pick-card, .feed-card, .info-bar,
.cluster, .tut-step, .setup-step, .legba-strip, .legba-heatmap-wrap,
.fg-card, .leaders, .nav-card, .term-block,
.module, .edu-card,
.airdrop-card, .narrative-card, .swap-stage, .stage,
.tab-section, .pnl-card, .pane, .pane-body,
.sitemap-wrap .cluster {
  border-radius: 4px !important;
  position: relative;
}
.panel:not(.no-stripe)::before, .card:not(.no-stripe)::before,
.agent-card::before, .pick-card::before, .feed-card::before,
.cluster:not(.no-stripe)::before, .pane:not(.no-stripe)::before,
.fg-card::before, .leaders::before {
  content: ''; position: absolute; left: 0; right: 0; top: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--gold-bright) 0%, var(--gold) 35%, transparent 100%);
  opacity: 0.6;
  pointer-events: none;
}

/* ── Unified header: tighten to terminal density ──────────────────── */
#clwa-bar {
  height: 56px !important;
  border-bottom: 1px solid var(--term-line) !important;
}
#clwa-bar .clwa-logo-text {
  font-family: 'Cinzel', serif;
  letter-spacing: 3px;
}

/* ── v7.7.3 — Menu trigger is now plain TEXT (no button) ───────────────
   gold Cinzel like the logo, white underline by default, turns green
   on hover/open. No background, no border, no caret. */
#clwa-bar .clwa-menu-btn,
#clwa-bar .clwa-menu-btn:hover,
#clwa-bar .clwa-menu-btn:focus {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 4px 2px !important;
  margin: 0 10px !important;
  font-family: 'Cinzel', serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  color: var(--gold-bright) !important;
  text-transform: uppercase !important;
  border-bottom: 2px solid #F5F4FF !important;
  box-shadow: none !important;
  text-shadow: none !important;
  text-decoration: none !important;
  cursor: pointer !important;
  outline: none !important;
  transition: border-bottom-color 0.18s ease, color 0.18s ease !important;
}
#clwa-bar .clwa-menu-btn:hover,
#clwa-bar .clwa-menu[aria-expanded="true"] .clwa-menu-btn {
  border-bottom-color: var(--term-green) !important;
  color: #FFF !important;
}
#clwa-bar .clwa-menu-btn .clwa-caret { display: none !important; }

/* ── Every menu link uses the same Cinzel type as the logo ─────────── */
#clwa-bar .clwa-menu-list a,
#clwa-bar .clwa-lang-list a {
  font-family: 'Cinzel', serif !important;
  letter-spacing: 1.5px !important;
  font-weight: 500 !important;
}
#clwa-bar .clwa-menu-list a small {
  font-family: var(--term-mono) !important;
  letter-spacing: 0.6px !important;
}

/* ── Logo + nav typography uniform across the site ─────────────────── */
h1, h2, h3, h4, h5, h6,
.pane-h .t, .pane-title, .card-t, .term-bar .brand,
.brand-text .row1, .pane-title {
  font-family: 'Cinzel', serif !important;
  letter-spacing: 2.5px !important;
  color: var(--gold-bright);
}
.term-bar .brand b { color: #F5F4FF !important; }

/* ── Inline links inherit logo typography ──────────────────────────── */
.term-foot a, .clwa-foot a {
  font-family: 'Cinzel', serif !important;
  letter-spacing: 1.5px !important;
}

/* ── TradingView ticker — replaces LCW. Sized for adaptive content. ──
   v7.8.1: was 40px which clipped the price line. Bumped to 64px so symbol
   + price + delta fit comfortably on every page. */
#tv-ticker-host, #lcw-marquee-host, #lcw-top {
  position: sticky !important;
  top: 56px !important;            /* sit under unified header */
  z-index: 1100 !important;
  background: var(--term-deep2) !important;
  border-bottom: 1px solid var(--term-line) !important;
  height: 64px !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
#tv-ticker-host iframe, #lcw-marquee-host iframe, #lcw-top iframe {
  width: 100% !important;
  height: 64px !important;
  border: 0 !important;
  background: var(--term-deep2) !important;
  display: block !important;
}

/* ── v7.8.4 — Mobile / PWA ticker fix ──────────────────────────────────
   On screens narrower than 480px the TradingView ticker-tape iframe shrinks
   its line-height and the old 40px container clipped the bottom row.
   Bump host + iframe to 48px so the symbols stay legible AND the strip
   stops eating viewport above the fold. Also nudge top:52px to match the
   small #clwa-bar height set in portfolio / petro-lwa / lasiren styles at
   the 720px breakpoint.

   Specificity boosters: portfolio.html, petro-lwa.html, petro-lwa-manual.html
   each inline a `#tv-ticker-host iframe { height: 40px !important; }` rule
   that appears AFTER this stylesheet's link tag. We out-specify by attaching
   `body` and the data-* attribute selector that lives on every page. */
@media (max-width: 480px) {
  body #tv-ticker-host,
  body #lcw-marquee-host,
  body #lcw-top {
    height: 48px !important;
    min-height: 48px !important;
    top: 52px !important;
  }
  body #tv-ticker-host iframe,
  body #lcw-marquee-host iframe,
  body #lcw-top iframe {
    height: 48px !important;
    font-size: 11px !important;
  }
  /* Force the embedded ticker-tape's text to shrink along with the box.
     The iframe's internal CSS reads `font-size: inherit` for the inner
     tape spans on the responsive breakpoint, so giving the host a smaller
     base size keeps prices legible without overflow. */
  body #tv-ticker-host { font-size: 11px !important; }
}

/* If the legacy LCW marquee element is still rendered (no widget loaded
   yet), swap it for our TradingView replacement once the script runs. */
#lcw-marquee-host > .livecoinwatch-widget-5,
#lcw-marquee-host > div[id*="livecoinwatch"],
#lcw-top > .livecoinwatch-widget-5 { display: none !important; }

/* ── Hide any legacy free-vs-members "JOIN $99" or upgrade overlay ── */
.community-gate, .paywall-gate, .members-only-gate, .locked-content,
[data-paywall], #pw-toast { display: none !important; }

/* ── Subtle scrollbars ──────────────────────────────────────────── */
*::-webkit-scrollbar { width: 6px; height: 6px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: var(--gold-dim, #7A5C1E); border-radius: 2px; }
*::-webkit-scrollbar-thumb:hover { background: var(--gold, #C9A84C); }

/* ── Footer disclaimer crunch ─────────────────────────────────────── */
.footer-disclaimer, #footer-disclaimer, .spa-compliance, .term-foot {
  font-family: var(--term-mono);
  letter-spacing: 0.5px;
  font-size: 10px;
}

/* ── Print / a11y helpers (off by default) ────────────────────────── */
@media print {
  #clwa-term-hud { display: none; }
  #tv-ticker-host { display: none; }
}

/* ════════════════════════════════════════════════════════════════════
   ACCESS CONTROL · v7.10.11 — DISABLED.
   Every page is open. All lock badges, "PAID" labels, and grayed-out
   styles for menu items are stripped. The selectors below override any
   stale data-locked / .clwa-lock-icon left behind by older cached JS.
   ────────────────────────────────────────────────────────────────────── */

/* Force every menu link to render as normal regardless of tier. */
#clwa-menu-list a,
#clwa-menu-list a[data-locked],
#clwa-menu-list a[data-locked="1"] {
  opacity: 1 !important;
  color: inherit !important;
  cursor: pointer !important;
  position: relative;
}

/* Kill the ::after "PAID" badge in every tier. */
#clwa-menu-list a::after,
#clwa-menu-list a[data-locked]::after,
#clwa-menu-list a[data-locked="1"]::after {
  content: none !important;
}

/* Hide any leftover lock icon span / PAID badge / LIFETIME badge. */
.clwa-lock-icon,
.clwa-tier-badge,
.badge-paid,
.badge-lifetime,
.menu-lock,
#clwa-paywall-banner { display: none !important; }
body[data-tier="paid"]     #clwa-menu-list .clwa-lock-icon,
body[data-tier="lifetime"] #clwa-menu-list .clwa-lock-icon { display: none; }

/* ── Auth pill / My-account dropdown ─────────────────────────────── */
#clwa-auth-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 8px;
  position: relative;
}
.clwa-auth-cta {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: 'Cinzel', serif;
  font-size: 12px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--gold-bright);
  text-decoration: none;
  background: transparent;
  border: 1px solid rgba(201, 168, 76, 0.30);
  border-radius: 4px;
  padding: 5px 11px;
  cursor: pointer;
  white-space: nowrap;
}
.clwa-auth-cta:hover { background: rgba(201, 168, 76, 0.10); border-color: rgba(201, 168, 76, 0.55); }
.clwa-auth-cta.primary {
  background: var(--gold-bright);
  color: #05050F;
  border-color: var(--gold-bright);
}
.clwa-auth-cta.primary:hover { background: #FFE7A0; }
.clwa-tier-badge {
  display: inline-block;
  font-family: var(--term-mono);
  font-size: 8.5px;
  letter-spacing: 1.5px;
  background: rgba(46, 204, 113, 0.14);
  color: var(--term-green);
  border: 1px solid rgba(46, 204, 113, 0.40);
  border-radius: 2px;
  padding: 1px 5px;
  margin-left: 4px;
}
body[data-tier="lifetime"] .clwa-tier-badge {
  background: rgba(201, 168, 76, 0.16);
  color: var(--gold-bright);
  border-color: rgba(201, 168, 76, 0.55);
}

.clwa-account-menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 160px;
  background: rgba(8, 8, 26, 0.98);
  border: 1px solid rgba(201, 168, 76, 0.30);
  border-radius: 4px;
  padding: 4px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.7);
  z-index: 1400;
  display: none;
}
.clwa-account-menu[aria-hidden="false"] { display: block; }
.clwa-account-menu a {
  display: block;
  padding: 8px 12px;
  color: var(--gold-bright);
  text-decoration: none;
  font-family: 'Cinzel', serif;
  font-size: 12.5px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-radius: 3px;
}
.clwa-account-menu a:hover { background: rgba(201, 168, 76, 0.10); }

/* ── Mobile collapse of the pill (keep button only) ─────────────── */
@media (max-width: 560px) {
  .clwa-auth-cta { font-size: 11px; padding: 4px 8px; letter-spacing: 1px; }
  #clwa-auth-pill { gap: 4px; }
}

/* ════════════════════════════════════════════════════════════════════════
   v7.10.6 — Uniform header (injected by terminal-skin.js when missing)
   Scoped so it ONLY applies to the JS-injected nav (data-clwa-injected="1").
   Pages with their own hardcoded #clwa-bar keep their styles untouched.
   ──────────────────────────────────────────────────────────────────────── */
#clwa-bar[data-clwa-injected="1"] {
  position: sticky; top: 0; z-index: 1200;
  display: flex; align-items: center; gap: 14px;
  padding: 8px 18px; height: 56px;
  background: rgba(8, 8, 26, 0.97);
  border-bottom: 1px solid rgba(201, 168, 76, 0.22);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
}
#clwa-bar[data-clwa-injected="1"] .clwa-logo {
  display: flex; align-items: center; gap: 10px;
  text-decoration: none; flex-shrink: 0;
}
#clwa-bar[data-clwa-injected="1"] .clwa-logo-img {
  width: 36px; height: 36px; border-radius: 9px;
  border: 2px solid rgba(201, 168, 76, 0.45);
  overflow: hidden; background: var(--term-deep2, #08081A);
  display: flex; align-items: center; justify-content: center;
}
#clwa-bar[data-clwa-injected="1"] .clwa-logo-img img {
  width: 100%; height: 100%; object-fit: contain;
}
#clwa-bar[data-clwa-injected="1"] .clwa-logo-text {
  font-family: 'Cinzel', serif; font-size: 14px;
  letter-spacing: 3px; color: #F5F4FF;
}
#clwa-bar[data-clwa-injected="1"] .clwa-logo-text span { color: #C9A84C; }
#clwa-bar[data-clwa-injected="1"] .clwa-menu { position: relative; margin-left: 10px; }
#clwa-bar[data-clwa-injected="1"] .clwa-menu-btn {
  background: transparent; border: none; padding: 4px 2px;
  font-family: 'Cinzel', serif; font-size: 15px; font-weight: 700;
  letter-spacing: 3px; color: var(--gold-bright, #F0D080);
  text-transform: uppercase; cursor: pointer;
  border-bottom: 2px solid #F5F4FF;
  transition: border-bottom-color 0.18s, color 0.18s;
}
#clwa-bar[data-clwa-injected="1"] .clwa-menu-btn:hover,
#clwa-bar[data-clwa-injected="1"] .clwa-menu[aria-expanded="true"] .clwa-menu-btn {
  border-bottom-color: #2ECC71; color: #FFF;
}
#clwa-bar[data-clwa-injected="1"] .clwa-menu-btn .clwa-caret { display: none; }
#clwa-bar[data-clwa-injected="1"] .clwa-menu-list {
  position: absolute; top: calc(100% + 8px); left: 0;
  min-width: 320px; max-width: calc(100vw - 36px);
  background: rgba(8, 8, 26, 0.98);
  border: 1px solid rgba(201, 168, 76, 0.22);
  border-radius: 6px; padding: 6px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(14px);
  visibility: hidden; opacity: 0; transform: translateY(-6px);
  transition: visibility 0.18s, opacity 0.18s, transform 0.18s;
  max-height: calc(100vh - 100px); overflow-y: auto;
}
#clwa-bar[data-clwa-injected="1"] .clwa-menu[aria-expanded="true"] .clwa-menu-list {
  visibility: visible; opacity: 1; transform: translateY(0);
}
#clwa-bar[data-clwa-injected="1"] .clwa-menu-list a {
  display: block; padding: 10px 12px; border-radius: 5px;
  color: #A8A8C8; text-decoration: none;
  font-family: 'Cinzel', serif; font-size: 13.5px;
  font-weight: 500; letter-spacing: 1.5px;
}
#clwa-bar[data-clwa-injected="1"] .clwa-menu-list a:hover {
  background: rgba(201, 168, 76, 0.10); color: var(--gold-bright, #F0D080);
}
#clwa-bar[data-clwa-injected="1"] .clwa-menu-list a small {
  display: block; margin-top: 2px; font-family: var(--term-mono);
  font-size: 10px; color: #666688; letter-spacing: 0.8px;
  text-transform: uppercase;
}
#clwa-bar[data-clwa-injected="1"] .clwa-menu-divider {
  height: 1px; background: rgba(255, 255, 255, 0.06); margin: 4px 6px;
}
#clwa-bar[data-clwa-injected="1"] .clwa-spacer { flex: 1 1 auto; }
#clwa-bar[data-clwa-injected="1"] .clwa-lang-btn {
  background: transparent; border: 1px solid rgba(201, 168, 76, 0.22);
  color: #A8A8C8; padding: 6px 10px; border-radius: 4px;
  font-family: var(--term-mono); font-size: 11px; cursor: pointer;
}
#clwa-bar[data-clwa-injected="1"] .clwa-lang-btn:hover { color: #C9A84C; border-color: #C9A84C; }
@media (max-width: 720px) {
  #clwa-bar[data-clwa-injected="1"] { padding: 8px 12px; height: 52px; }
  #clwa-bar[data-clwa-injected="1"] .clwa-logo-text { font-size: 12px; letter-spacing: 2px; }
  #clwa-bar[data-clwa-injected="1"] .clwa-menu-btn { font-size: 13px; letter-spacing: 2px; }
}
@media (max-width: 460px) {
  #clwa-bar[data-clwa-injected="1"] .clwa-logo-text { display: none; }
}

/* ════════════════════════════════════════════════════════════════════════
   v7.10.8 — TERMINAL TERMINAL UNIFORMITY LAYER
   Applied to every page that loads terminal-skin.css. Pushes the whole
   site to a consistent dark-terminal aesthetic without rewriting any
   page's own layout.

   Scope: body baseline, typography, panels, scrollbars, info cards,
   inputs, buttons, tables, and the ticker tape. Per-page styles still
   win where they're more specific.
   ──────────────────────────────────────────────────────────────────────── */

:root {
  --bbg-bg:        #07071A;
  --bbg-bg-elev:   #0B0B22;
  --bbg-bg-panel:  #0F0F2A;
  --bbg-border:    rgba(201, 168, 76, 0.18);
  --bbg-border-hi: rgba(201, 168, 76, 0.45);
  --bbg-gold:      #C9A84C;
  --bbg-gold-hi:   #F0D080;
  --bbg-amber:     #F39C12;
  --bbg-green:     #2ECC71;
  --bbg-red:       #E74C3C;
  --bbg-blue:      #4DC9FF;
  --bbg-text:      #F2F2FA;
  --bbg-text-dim:  #A8A8C8;
  --bbg-text-mute: #666688;
  --bbg-mono:      'JetBrains Mono','Share Tech Mono','Consolas','SF Mono',monospace;
}

/* ── Body baseline (most pages already do this, this just enforces) ── */
body {
  background:
    linear-gradient(180deg, rgba(8,8,26,0.96) 0%, rgba(5,5,15,0.96) 100%),
    var(--bbg-bg) !important;
  color: var(--bbg-text);
  min-height: 100vh;
}

/* ── institutional scrollbar (Webkit) ────────────────────────────────── */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.02); }
::-webkit-scrollbar-thumb { background: rgba(201, 168, 76, 0.30); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: rgba(201, 168, 76, 0.55); }
::-webkit-scrollbar-corner { background: transparent; }
* { scrollbar-color: rgba(201, 168, 76, 0.30) rgba(255, 255, 255, 0.02); scrollbar-width: thin; }

/* ── Mono number cells everywhere ──────────────────────────────── */
.data-mono, .mono, .num, .price, .pct, .vol,
[class*="-val"], [class*="-price"], [class*="-num"], [class*="-pct"] {
  font-family: var(--bbg-mono);
  font-variant-numeric: tabular-nums;
}

/* ── Page-section panels — uniform card chrome ─────────────────── */
section, article, .panel, .card, .term-panel, .bbg-panel {
  background-color: var(--bbg-bg-panel);
}

/* ── desk-style inputs ───────────────────────────────── */
body input[type="text"]:not(.bbg-skip),
body input[type="email"]:not(.bbg-skip),
body input[type="search"]:not(.bbg-skip),
body input[type="number"]:not(.bbg-skip),
body input[type="password"]:not(.bbg-skip),
body select:not(.bbg-skip),
body textarea:not(.bbg-skip) {
  background: var(--bbg-bg-elev);
  border: 1px solid var(--bbg-border);
  color: var(--bbg-text);
  font-family: var(--bbg-mono);
  border-radius: 3px;
  padding: 8px 12px;
  transition: border-color .15s, box-shadow .15s;
}
body input[type="text"]:not(.bbg-skip):focus,
body input[type="email"]:not(.bbg-skip):focus,
body input[type="search"]:not(.bbg-skip):focus,
body input[type="number"]:not(.bbg-skip):focus,
body input[type="password"]:not(.bbg-skip):focus,
body select:not(.bbg-skip):focus,
body textarea:not(.bbg-skip):focus {
  outline: none;
  border-color: var(--bbg-gold);
  box-shadow: 0 0 0 1px rgba(201, 168, 76, 0.25);
}

/* ── Headings → small-caps gold like a desk header ─────────────── */
.bbg-h1, .bbg-h2, .bbg-h3 {
  font-family: 'Cinzel', serif;
  color: var(--bbg-gold-hi);
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* ── institutional data table baseline ─────────────────────────────── */
table.bbg, table.term-table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--bbg-mono);
  font-size: 12.5px;
}
table.bbg thead th, table.term-table thead th {
  background: var(--bbg-bg-elev);
  color: var(--bbg-text-mute);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 10.5px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--bbg-border);
  text-align: left;
}
table.bbg tbody td, table.term-table tbody td {
  padding: 8px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  color: var(--bbg-text);
}
table.bbg tbody tr:hover, table.term-table tbody tr:hover {
  background: rgba(201, 168, 76, 0.04);
}

/* ── Pill / chip baseline ──────────────────────────────────────── */
.bbg-pill {
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--bbg-bg-elev);
  border: 1px solid var(--bbg-border);
  color: var(--bbg-text-dim);
  font-family: var(--bbg-mono);
  font-size: 11px;
  letter-spacing: 1.5px;
  padding: 4px 10px;
  border-radius: 3px;
  text-transform: uppercase;
}
.bbg-pill.green { color: var(--bbg-green); border-color: rgba(46, 204, 113, 0.4); }
.bbg-pill.amber { color: var(--bbg-amber); border-color: rgba(243, 156, 18, 0.4); }
.bbg-pill.red   { color: var(--bbg-red);   border-color: rgba(231, 76, 60, 0.4); }

/* ── Force monospace + gold accent on existing page-ticker rows ── */
[id*="ticker"] .symbol,
[id*="ticker"] .price,
[id*="ticker"] .change,
.term-ticker .symbol,
.term-ticker .price,
.term-ticker .change {
  font-family: var(--bbg-mono);
}

/* ── Print suppression: never let print mode break the dark theme — */
@media print {
  body { background: white !important; color: black !important; }
  #clwa-bar, #tv-ticker-host, #lcw-marquee-host { display: none !important; }
}