/* THE CHAIR — Boardroom Intensity Layer
   v1.0.0: Mahogany / Federal Reserve / situation-room aesthetic
   Layered OVER bloomberg.css — keeps the data-terminal precision
   but wraps it in the weight of a real decision room */

/* ─── PALETTE OVERRIDE: warm the cold terminal ──────────────────── */
:root {
  --ov-mahogany:   #1a0e08;
  --ov-dark-wood:  #110b06;
  --ov-panel:      #140f0a;
  --ov-brass:      #a07830;
  --ov-brass-glow: rgba(160,120,48,0.25);
  --ov-amber:      #d4820a;
  --ov-amber-dim:  rgba(212,130,10,0.12);
  --ov-felt:       #0a1208;     /* green baize desk feel */
  --ov-parchment:  #e8d5a8;
  --ov-shadow:     rgba(0,0,0,0.75);
}

/* ─── BODY: situation room darkness ─────────────────────────────── */
body.game-body {
  background:
    radial-gradient(ellipse 120% 80% at 50% 0%, rgba(40,18,4,0.55) 0%, transparent 65%),
    radial-gradient(ellipse 80% 60% at 100% 100%, rgba(20,10,2,0.4) 0%, transparent 60%),
    #0c0805 !important;
}

/* Subtle wood grain scanlines — horizontal dark banding */
body.game-body::after {
  content: '';
  position: fixed; inset: 0; z-index: 9999; pointer-events: none;
  background:
    repeating-linear-gradient(
      180deg,
      transparent 0px, transparent 6px,
      rgba(0,0,0,0.04) 6px, rgba(0,0,0,0.04) 7px
    );
}

/* ─── VIDEO: barely there — this is an office, not a cockpit ──── */
#bg-video { opacity: 0.02 !important; filter: sepia(0.8) !important; }

/* ─── HEADER: dark mahogany bar ─────────────────────────────────── */
.game-header {
  background: linear-gradient(180deg, #0e0906 0%, #130d08 100%) !important;
  border-bottom: 1px solid var(--ov-brass) !important;
  box-shadow: 0 2px 24px rgba(0,0,0,0.6), 0 1px 0 rgba(160,120,48,0.15) !important;
}

/* Brand glows brass, not green */
.gh-brand {
  color: var(--ov-brass) !important;
  text-shadow: 0 0 12px var(--ov-brass-glow) !important;
  letter-spacing: 0.3em !important;
}

/* Rank badge — brass bordered */
.rank-badge {
  background: rgba(160,120,48,0.08) !important;
  border-color: var(--ov-brass) !important;
}
.rank-icon, #rank-title { color: var(--ov-brass) !important; }

/* Clock: bigger, more prominent — the ticking matters here */
.analog-clock canvas {
  filter: drop-shadow(0 0 6px rgba(160,120,48,0.5));
}

/* Quarter/progress display: amber urgency */
.qi-val { color: var(--ov-amber) !important; font-size: 1rem !important; }
.progress-fill { background: var(--ov-brass) !important; box-shadow: 0 0 8px var(--ov-brass-glow) !important; }

/* Score: parchment-white, weight of history */
.sb-val { color: var(--ov-parchment) !important; text-shadow: 0 0 8px rgba(232,213,168,0.3) !important; }
.economy-status { border-color: var(--ov-brass) !important; color: var(--ov-brass) !important; }

/* LIVE indicator: amber, not red — this isn't a news channel, it's real life */
.live-indicator { color: var(--ov-amber) !important; }
.live-dot-red { background: var(--ov-amber) !important; box-shadow: 0 0 8px var(--ov-amber) !important; }

/* Watchers: the weight of it */
.watchers-scroll { color: rgba(160,120,48,0.4) !important; font-style: italic; }

/* ─── NEWS TICKER: Federal Register, not Bloomberg ───────────────── */
.news-bar {
  background: var(--ov-dark-wood) !important;
  border-bottom: 1px solid rgba(160,120,48,0.3) !important;
}
.news-label {
  background: var(--ov-brass) !important;
  color: #0e0906 !important;
  font-weight: 800 !important;
  letter-spacing: 0.2em !important;
}
.news-scroll { color: var(--ov-parchment) !important; opacity: 0.8; }

/* ─── PANELS: dark mahogany, felt-lined ─────────────────────────── */
.panel {
  background: linear-gradient(160deg, #140f0a 0%, #0f0a07 100%) !important;
  border: 1px solid rgba(160,120,48,0.22) !important;
  box-shadow:
    inset 0 0 60px rgba(0,0,0,0.6),
    inset 0 0 2px rgba(160,120,48,0.08),
    0 4px 32px rgba(0,0,0,0.5) !important;
}

/* Rivet effect on panel corners */
.panel::before {
  content: '';
  position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(circle 3px at 10px 10px, rgba(160,120,48,0.4) 0%, transparent 100%),
    radial-gradient(circle 3px at calc(100% - 10px) 10px, rgba(160,120,48,0.4) 0%, transparent 100%),
    radial-gradient(circle 3px at 10px calc(100% - 10px), rgba(160,120,48,0.4) 0%, transparent 100%),
    radial-gradient(circle 3px at calc(100% - 10px) calc(100% - 10px), rgba(160,120,48,0.4) 0%, transparent 100%);
  border-radius: inherit;
  z-index: 0;
}

.panel-title {
  color: var(--ov-brass) !important;
  text-shadow: 0 0 8px var(--ov-brass-glow) !important;
  border-bottom-color: rgba(160,120,48,0.2) !important;
  letter-spacing: 0.25em !important;
}

/* ─── RATE CONTROL: the main lever — weighty, deliberate ────────── */
.rate-control {
  background: linear-gradient(160deg, #110d08 0%, #0d0a06 100%) !important;
  border: 1px solid rgba(160,120,48,0.3) !important;
  box-shadow: inset 0 0 40px rgba(0,0,0,0.5), 0 0 20px rgba(0,0,0,0.4) !important;
}

.rc-label {
  color: var(--ov-brass) !important;
  letter-spacing: 0.2em !important;
}
.rc-current {
  color: var(--ov-amber) !important;
  font-size: 1.5rem !important;
  text-shadow: 0 0 12px rgba(212,130,10,0.5) !important;
}

/* Rate buttons: deliberate, no neon */
.rate-btn.cut  { background: #5c0a0a !important; border: 1px solid #8b1010 !important; }
.rate-btn.hold { background: #3a2800 !important; border: 1px solid var(--ov-brass) !important; color: var(--ov-brass) !important; }
.rate-btn.hike { background: #0a2a0a !important; border: 1px solid #226622 !important; color: #44aa44 !important; }

/* Submit: the weight of a real decision */
.submit-btn {
  background: linear-gradient(135deg, #1a0f04, #2a1a08) !important;
  border: 1px solid var(--ov-brass) !important;
  color: var(--ov-parchment) !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  box-shadow: 0 0 16px rgba(160,120,48,0.15), inset 0 1px 0 rgba(160,120,48,0.1) !important;
  transition: all 0.3s !important;
}
.submit-btn:hover {
  background: linear-gradient(135deg, #2a1a08, #3a2810) !important;
  box-shadow: 0 0 28px rgba(160,120,48,0.3), 0 0 60px rgba(160,120,48,0.1) !important;
  border-color: var(--ov-amber) !important;
  color: #fff !important;
}

/* ─── FEED TABS: subdued authority ──────────────────────────────── */
.feed-tabs .ft-tab { color: rgba(160,120,48,0.45) !important; font-size: 0.6rem !important; letter-spacing: 0.12em !important; }
.feed-tabs .ft-tab.active {
  color: var(--ov-brass) !important;
  border-color: var(--ov-brass) !important;
  background: rgba(160,120,48,0.08) !important;
}

/* ─── ADVISORS & CHARTS: parchment readability ───────────────────── */
.adv-name  { color: var(--ov-brass) !important; }
.adv-title { color: rgba(160,120,48,0.5) !important; }
.adv-message { color: var(--ov-parchment) !important; opacity: 0.9; line-height: 1.6 !important; }

/* GDP line goes gold in this context */
.cl-item.gdp { color: var(--ov-brass) !important; }

/* ─── MODALS: heavy, Federal ─────────────────────────────────────── */
.glass {
  background: rgba(14,9,5,0.98) !important;
  border: 1px solid var(--ov-brass) !important;
  box-shadow: 0 0 60px rgba(0,0,0,0.8), 0 0 20px rgba(160,120,48,0.1) !important;
}

.em-btn {
  background: rgba(160,120,48,0.1) !important;
  border: 1px solid var(--ov-brass) !important;
  color: var(--ov-brass) !important;
}
.em-btn:hover {
  background: var(--ov-brass) !important;
  color: #0e0906 !important;
}

/* ─── SCENARIO SELECT CARDS: newspaper headline weight ──────────── */
.ss-header {
  color: var(--ov-brass) !important;
  letter-spacing: 0.25em !important;
}
.ss-diff { font-weight: 800 !important; letter-spacing: 0.1em !important; }

/* ─── GAME CONTROLS: subdued ────────────────────────────────────── */
.gc-btn { border-color: rgba(160,120,48,0.2) !important; color: rgba(160,120,48,0.45) !important; }
.gc-btn:hover { border-color: var(--ov-brass) !important; color: var(--ov-brass) !important; }

/* ─── TERMINAL BAR: keeps green but on wood bg ───────────────────── */
#terminal-bar {
  background: #0a0805 !important;
  border-color: rgba(160,120,48,0.35) !important;
}

/* ─── PREDICTION MARKETS: parchment feel ────────────────────────── */
.pm-contract {
  background: rgba(20,15,8,0.8) !important;
  border-color: rgba(160,120,48,0.15) !important;
}
.pm-contract:hover { border-color: var(--ov-brass) !important; }
.pm-question { color: var(--ov-parchment) !important; }

/* ─── SCROLLBARS: almost invisible wood ─────────────────────────── */
* {
  scrollbar-color: rgba(160,120,48,0.2) transparent !important;
}

/* ─── WALL CLOCK: animated second-hand ring ─────────────────────── */
/* The existing analog clock already draws, this adds a tension ring behind it */
.analog-clock {
  position: relative;
}
.analog-clock::after {
  content: '';
  position: absolute; inset: -4px;
  border-radius: 50%;
  border: 2px solid rgba(160,120,48,0.3);
  box-shadow: 0 0 8px rgba(160,120,48,0.2);
  pointer-events: none;
}