/* THE GOLD VAULT — SOVEREIGN COMMAND CENTER
   Private Dashboard | Lord Commander Eyes Only */

:root {
  --gold: #C9A84C;
  --gold-light: #E8C97A;
  --black: #050507;
  --dark: #0A0A0F;
  --dark2: #0F0F17;
  --dark3: #151520;
  --dark4: #1C1C2A;
  --border: rgba(201,168,76,0.2);
  --border-dim: rgba(255,255,255,0.06);
  --text: #E8E8F0;
  --text-dim: #8888A0;
  --text-muted: #555568;
  --green: #00C87A;
  --red: #FF4060;
  --font-display: 'Rajdhani', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --sidebar-w: 220px;
  --topbar-h: 60px;
}

* { margin:0; padding:0; box-sizing:border-box; }
html,body { height:100%; overflow:hidden; }
body { background:var(--black); color:var(--text); font-family:var(--font-body); }

/* ── SOVEREIGN SCROLLBARS ─────────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--dark2); border-radius: 3px; }
::-webkit-scrollbar-thumb { background: rgba(201,168,76,0.35); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(201,168,76,0.65); }
::-webkit-scrollbar-corner { background: var(--dark2); }
* { scrollbar-width: thin; scrollbar-color: rgba(201,168,76,0.35) var(--dark2); }
.gold { color:var(--gold); }
.green-text { color:var(--green); }
.red-text { color:var(--red); }
.gold-text { color:var(--gold); }

/* ── ACCESS GRANTED ──────────────────────────────────────── */
.access-screen {
  position:fixed; inset:0; z-index:998;
  display:flex; align-items:center; justify-content:center;
}
.access-bg {
  position:absolute; inset:0;
  background-image: url('https://cdn.leonardo.ai/users/df357756-4a52-432c-b265-2cce084a1091/generations/d4ec6ee9-a959-441f-8caa-d097cc5822b7/Default_Futuristic_luxury_bank_vault_door_opening_massive_circ_0.jpg');
  background-size:cover; background-position:center;
}
.access-bg::after { content:''; position:absolute; inset:0; background:rgba(5,5,7,0.65); }
.access-content { position:relative; z-index:2; text-align:center; }
.access-ring {
  width:120px; height:120px; border-radius:50%;
  border:3px solid var(--gold); margin:0 auto 2rem;
  display:flex; align-items:center; justify-content:center;
  animation:ringPulse 0.8s ease-out forwards;
  box-shadow: 0 0 40px rgba(201,168,76,0.5);
}
@keyframes ringPulse { 0%{transform:scale(0);opacity:0} 70%{transform:scale(1.1)} 100%{transform:scale(1);opacity:1} }
.access-ring-inner { width:80px; height:80px; border-radius:50%; background:rgba(201,168,76,0.1); border:1px solid rgba(201,168,76,0.3); animation:innerPulse 1s ease infinite; }
@keyframes innerPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.05)} }
.access-granted-text {
  font-family:var(--font-display); font-size:2.5rem; font-weight:700;
  letter-spacing:0.4em; color:var(--gold);
  animation:fadeUp 0.5s 0.3s ease both;
  text-shadow: 0 0 30px rgba(201,168,76,0.6);
}
.access-subtitle {
  font-family:var(--font-display); font-size:1rem; letter-spacing:0.3em;
  color:var(--text-dim); margin-top:0.5rem; margin-bottom:2rem;
  animation:fadeUp 0.5s 0.5s ease both;
}
@keyframes fadeUp { from{transform:translateY(20px);opacity:0} to{transform:translateY(0);opacity:1} }
.access-loading { width:300px; height:3px; background:var(--dark4); border-radius:2px; margin:0 auto 1rem; overflow:hidden; }
.access-bar { height:100%; background:linear-gradient(90deg, var(--gold-dark), var(--gold)); border-radius:2px; animation:loadBar 4.8s ease forwards; }
@keyframes loadBar { from{width:0} to{width:100%} }
.access-status { font-family:var(--font-mono); font-size:0.75rem; color:var(--green); letter-spacing:0.1em; animation:fadeUp 0.5s 0.6s ease both; }

/* ── LOGIN ───────────────────────────────────────────────── */
.login-screen {
  position:fixed; inset:0; z-index:999;
  background:var(--black); display:flex; align-items:center; justify-content:center;
  background-image: radial-gradient(ellipse 60% 50% at 50% 0%, rgba(201,168,76,0.08), transparent);
}
.login-box { text-align:center; width:360px; }
.login-emblem { display:flex; justify-content:center; margin-bottom:1.8rem; }
.login-emblem svg {
  filter: drop-shadow(0 0 18px rgba(201,168,76,0.5)) drop-shadow(0 0 6px rgba(201,168,76,0.3));
  animation: vaultPulse 3s ease-in-out infinite;
}
@keyframes vaultPulse {
  0%,100% { filter: drop-shadow(0 0 18px rgba(201,168,76,0.5)) drop-shadow(0 0 6px rgba(201,168,76,0.3)); }
  50%      { filter: drop-shadow(0 0 34px rgba(201,168,76,0.85)) drop-shadow(0 0 14px rgba(201,168,76,0.55)); }
}
.login-logo { font-family:var(--font-display); font-size:2rem; font-weight:700; letter-spacing:0.2em; margin-bottom:0.5rem; }
.login-tag { font-size:0.65rem; letter-spacing:0.4em; color:var(--text-muted); margin-bottom:3rem; }
.login-form { display:flex; flex-direction:column; gap:1rem; }
.login-form input {
  background:var(--dark3); border:1px solid var(--border-dim);
  color:var(--text); padding:0.85rem 1.25rem; border-radius:3px;
  font-size:1rem; font-family:var(--font-mono); text-align:center;
  letter-spacing:0.2em; outline:none; transition:0.3s;
}
.login-form input:focus { border-color:var(--border); }
.login-status { margin-top:1rem; font-size:0.8rem; color:var(--red); min-height:1.2rem; }

/* ── LAYOUT ──────────────────────────────────────────────── */
.dashboard { display:flex; height:100vh; }

/* ── SIDEBAR ─────────────────────────────────────────────── */
.sidebar {
  width:var(--sidebar-w); background:var(--dark2);
  border-right:1px solid var(--border-dim);
  display:flex; flex-direction:column; flex-shrink:0;
}
.sidebar-logo {
  padding:1.5rem 1.25rem; border-bottom:1px solid var(--border-dim);
  font-family:var(--font-display); font-size:1.1rem; font-weight:700;
  letter-spacing:0.15em; display:flex; align-items:center; gap:0.5rem;
}
.sidebar-tag { font-size:0.55rem; letter-spacing:0.3em; color:var(--text-muted); }
.sidebar-nav { flex:1; padding:1rem 0; }
.nav-item {
  display:flex; align-items:center; gap:0.75rem;
  padding:0.75rem 1.25rem; color:var(--text-dim);
  font-size:0.85rem; letter-spacing:0.05em; transition:0.2s;
  text-decoration:none; cursor:pointer;
}
.nav-item:hover { color:var(--text); background:rgba(255,255,255,0.03); }
.nav-item.active { color:var(--gold); background:rgba(201,168,76,0.06); border-right:2px solid var(--gold); }
.nav-icon { font-size:1rem; width:20px; }
.sidebar-footer { padding:1.25rem; border-top:1px solid var(--border-dim); }
.solomon-status { display:flex; align-items:center; gap:0.5rem; font-size:0.75rem; color:var(--text-muted); }
.status-dot { width:6px; height:6px; border-radius:50%; background:var(--green); animation:pulse 2s infinite; }
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }

/* ── MAIN ────────────────────────────────────────────────── */
.main { flex:1; display:flex; flex-direction:column; overflow:hidden; }

/* ── TOPBAR ──────────────────────────────────────────────── */
.topbar {
  height:var(--topbar-h); background:var(--dark2);
  border-bottom:1px solid var(--border-dim);
  display:flex; align-items:center; justify-content:space-between;
  padding:0 2rem; flex-shrink:0;
}
.topbar-title { font-family:var(--font-display); font-size:0.75rem; letter-spacing:0.3em; color:var(--text-muted); }
.topbar-time { font-family:var(--font-mono); font-size:0.75rem; color:var(--text-muted); margin-left:1rem; }
.topbar-right { display:flex; align-items:center; gap:2rem; }
.wealth-gap-mini { text-align:right; }
.wg-label { font-size:0.6rem; letter-spacing:0.2em; color:var(--text-muted); display:block; }
.wg-value { font-family:var(--font-display); font-size:1rem; color:var(--red); }
.topbar-btc { font-family:var(--font-mono); font-size:0.8rem; color:var(--gold); }

/* ── ALERT BANNER ────────────────────────────────────────── */
.alert-banner {
  background:var(--dark4); border-bottom:1px solid var(--gold);
  padding:0.6rem 1.5rem; display:flex; align-items:center; gap:0.75rem;
  font-size:0.8rem; animation:slideDown 0.3s ease;
}
@keyframes slideDown { from{transform:translateY(-100%)} to{transform:translateY(0)} }
.alert-dot { width:6px; height:6px; border-radius:50%; background:var(--gold); flex-shrink:0; animation:pulse 1s infinite; }
.alert-text { flex:1; color:var(--text); }
.alert-time { color:var(--text-muted); font-family:var(--font-mono); font-size:0.7rem; }
.alert-close { background:none; border:none; color:var(--text-muted); cursor:pointer; font-size:0.85rem; margin-left:0.5rem; }

/* ── BOARDROOM STATUS ─────────────────────────────────────── */
.boardroom-status {
  background:rgba(201,168,76,0.06); border-bottom:1px solid var(--border);
  padding:0.4rem 1.5rem; display:flex; align-items:center; gap:0.6rem;
  font-family:var(--font-display); font-size:0.65rem; letter-spacing:0.2em;
  color:var(--gold);
}
.boardroom-time { margin-left:auto; font-family:var(--font-mono); font-size:0.65rem; color:var(--text-muted); }

/* ── PANELS ──────────────────────────────────────────────── */
.panel { display:none; flex:1; overflow-y:auto; padding:2rem; }
.panel.active { display:block; }
.panel-header { display:flex; align-items:center; gap:1rem; margin-bottom:2rem; flex-wrap:wrap; }
.panel-header h2 { font-family:var(--font-display); font-size:1.75rem; }

/* ── BUTTONS ─────────────────────────────────────────────── */
.btn-primary {
  background:var(--gold); color:var(--black); border:none;
  padding:0.65rem 1.5rem; border-radius:3px; cursor:pointer;
  font-family:var(--font-display); font-weight:700; font-size:0.85rem;
  letter-spacing:0.1em; transition:0.2s;
}
.btn-primary:hover { background:var(--gold-light); }
.btn-sm {
  background:transparent; color:var(--gold); border:1px solid var(--border);
  padding:0.4rem 1rem; border-radius:3px; cursor:pointer;
  font-family:var(--font-display); font-size:0.75rem; letter-spacing:0.1em;
  transition:0.2s; margin-left:auto;
}
.btn-sm:hover { background:rgba(201,168,76,0.1); }

/* ── OVERVIEW BACKGROUND ─────────────────────────────────── */
#panel-overview {
  background-image: url('https://cdn.leonardo.ai/users/df357756-4a52-432c-b265-2cce084a1091/generations/1d3f167f-444f-43b3-bb59-51e0110cb8ec/Default_Two_gleaming_gold_bars_resting_on_dark_velvet_in_an_ul_0.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  position: relative;
}
#panel-overview::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(5, 5, 7, 0.82);
  pointer-events: none;
  z-index: 0;
}
#panel-overview > * { position: relative; z-index: 1; }

/* ── KPI GRID ────────────────────────────────────────────── */
.kpi-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; margin-bottom:2rem; }
.kpi-card {
  background:var(--dark3); border:1px solid var(--border-dim);
  padding:1.5rem; border-radius:3px;
}
.kpi-label { font-size:0.65rem; letter-spacing:0.2em; color:var(--text-muted); margin-bottom:0.5rem; }
.kpi-value { font-family:var(--font-display); font-size:1.75rem; font-weight:600; margin-bottom:0.25rem; }
.kpi-sub { font-size:0.75rem; color:var(--text-muted); }
.red { color:var(--red); }

/* ── PROGRESS ────────────────────────────────────────────── */
.progress-section { margin-bottom:2rem; }
.progress-header { display:flex; justify-content:space-between; font-size:0.75rem; letter-spacing:0.1em; color:var(--text-dim); margin-bottom:0.75rem; }
.progress-bar { height:6px; background:var(--dark4); border-radius:3px; overflow:hidden; margin-bottom:0.5rem; }
.progress-fill { height:100%; background:linear-gradient(90deg, var(--gold-dark), var(--gold)); border-radius:3px; transition:width 1s ease; }
.progress-labels { display:flex; justify-content:space-between; font-size:0.65rem; color:var(--text-muted); }

/* ── VENTURE GRID ────────────────────────────────────────── */
.venture-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; }
.venture-card { background:var(--dark3); border:1px solid var(--border-dim); padding:1.25rem; border-radius:3px; text-align:center; }
.venture-icon { font-size:1.5rem; margin-bottom:0.5rem; }
.venture-name { font-size:0.75rem; color:var(--text-dim); margin-bottom:0.4rem; }
.venture-val { font-family:var(--font-display); font-size:0.9rem; margin-bottom:0.5rem; }
.active-tag { font-size:0.6rem; letter-spacing:0.15em; color:var(--green); background:rgba(0,200,122,0.1); padding:0.2rem 0.5rem; border-radius:2px; display:inline-block; }
.pending-tag { font-size:0.6rem; letter-spacing:0.15em; color:var(--gold); background:rgba(201,168,76,0.1); padding:0.2rem 0.5rem; border-radius:2px; display:inline-block; }

/* ── P&L ─────────────────────────────────────────────────── */
.pnl-grid { display:grid; grid-template-columns:1fr 1fr; gap:2rem; margin-bottom:2rem; }
.pnl-section { background:var(--dark3); border:1px solid var(--border-dim); padding:1.5rem; border-radius:3px; }
.pnl-title { font-family:var(--font-display); font-size:0.75rem; letter-spacing:0.2em; margin-bottom:1rem; }
.pnl-table { display:flex; flex-direction:column; gap:0.25rem; margin-bottom:1rem; }
.pnl-row { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:1rem; padding:0.5rem 0; border-bottom:1px solid var(--border-dim); font-size:0.8rem; }
.pnl-row.header { color:var(--text-muted); font-size:0.7rem; letter-spacing:0.1em; }
.pnl-total { font-family:var(--font-display); font-size:0.9rem; text-align:right; padding-top:0.5rem; }
.pnl-net { background:var(--dark4); border:1px solid var(--border); padding:1.5rem; border-radius:3px; font-family:var(--font-display); font-size:1.25rem; letter-spacing:0.1em; text-align:center; margin-bottom:2rem; }
.add-entry { background:var(--dark3); border:1px solid var(--border-dim); padding:1.5rem; border-radius:3px; }
.entry-title { font-size:0.7rem; letter-spacing:0.2em; color:var(--text-muted); margin-bottom:1rem; }
.entry-form { display:flex; gap:0.75rem; flex-wrap:wrap; }
.entry-form select, .entry-form input {
  background:var(--dark4); border:1px solid var(--border-dim); color:var(--text);
  padding:0.5rem 0.75rem; border-radius:3px; font-size:0.8rem; font-family:var(--font-body);
  outline:none; flex:1; min-width:120px;
}

/* ── MARKETS ─────────────────────────────────────────────── */
.market-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
.market-card { background:var(--dark3); border:1px solid var(--border-dim); padding:1.75rem; border-radius:3px; }
.market-label { font-size:0.65rem; letter-spacing:0.25em; color:var(--text-muted); margin-bottom:0.75rem; }
.market-price { font-family:var(--font-display); font-size:2rem; font-weight:600; color:var(--gold); margin-bottom:0.4rem; }
.market-change { font-family:var(--font-mono); font-size:0.85rem; }
.update-time { font-size:0.7rem; color:var(--text-muted); margin-left:auto; font-family:var(--font-mono); }

/* ── CRM ─────────────────────────────────────────────────── */
.crm-stats { display:flex; gap:2rem; margin-bottom:2rem; }
.crm-stat { background:var(--dark3); border:1px solid var(--border-dim); padding:1.25rem 2rem; border-radius:3px; text-align:center; }
.crm-stat span:first-child { display:block; font-family:var(--font-display); font-size:2rem; color:var(--gold); }
.crm-stat span:last-child { font-size:0.7rem; letter-spacing:0.1em; color:var(--text-muted); }
.crm-table { background:var(--dark3); border:1px solid var(--border-dim); border-radius:3px; overflow:hidden; }

/* ── PIPELINE ────────────────────────────────────────────── */
.pipeline-columns { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; height:calc(100vh - 200px); }
.pipe-col { background:var(--dark3); border:1px solid var(--border-dim); border-radius:3px; display:flex; flex-direction:column; }
.pipe-col-header { padding:0.75rem 1rem; font-family:var(--font-display); font-size:0.7rem; letter-spacing:0.2em; color:var(--text-muted); border-bottom:1px solid var(--border-dim); }
.pipe-col-body { flex:1; padding:0.75rem; overflow-y:auto; }

/* ── CHARTS ──────────────────────────────────────────────── */
.chart-tabs { display:flex; gap:0.5rem; margin-left:auto; }
.chart-tab { background:var(--dark4); border:1px solid var(--border-dim); color:var(--text-dim); padding:0.35rem 0.85rem; border-radius:3px; cursor:pointer; font-family:var(--font-display); font-size:0.75rem; letter-spacing:0.1em; transition:0.2s; }
.chart-tab.active, .chart-tab:hover { background:rgba(201,168,76,0.15); border-color:var(--border); color:var(--gold); }
.chart-container { background:var(--dark3); border:1px solid var(--border-dim); border-radius:4px; padding:1.5rem; margin-bottom:1.5rem; }
.chart-header-info { display:flex; justify-content:space-between; align-items:center; margin-bottom:1rem; }
.chart-asset-name { font-family:var(--font-display); font-size:0.75rem; letter-spacing:0.2em; color:var(--text-muted); }
.chart-price-display { display:flex; align-items:center; gap:1rem; }
.chart-current-price { font-family:var(--font-display); font-size:1.5rem; color:var(--gold); }
.chart-change { font-family:var(--font-mono); font-size:0.85rem; }
.mini-charts-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.mini-chart-card { background:var(--dark3); border:1px solid var(--border-dim); border-radius:4px; padding:1rem; }
.mini-label { font-family:var(--font-display); font-size:0.8rem; letter-spacing:0.1em; margin-bottom:0.5rem; }
.mini-chg { font-size:0.75rem; margin-left:0.25rem; }

/* ── TRADING PLATFORMS ───────────────────────────────────── */
.trading-platforms { display:flex; align-items:center; gap:1rem; margin-bottom:1.5rem; flex-wrap:wrap; }
.trading-label { font-size:0.65rem; letter-spacing:0.2em; color:var(--text-muted); font-family:var(--font-display); }
.trading-link { background:var(--dark4); border:1px solid var(--border); padding:0.4rem 1rem; border-radius:3px; font-family:var(--font-display); font-size:0.75rem; letter-spacing:0.08em; color:var(--gold); text-decoration:none; transition:0.2s; }
.trading-link:hover { background:rgba(201,168,76,0.1); transform:translateY(-2px); }

/* ── TOP MOVERS ──────────────────────────────────────────── */
.top-movers { background:var(--dark3); border:1px solid var(--border); border-radius:4px; padding:1.5rem; margin-bottom:1.5rem; }
.top-movers-title { font-family:var(--font-display); font-size:0.75rem; letter-spacing:0.2em; color:var(--gold); margin-bottom:1.25rem; }
.movers-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; }
.mover-card { background:var(--dark4); border:1px solid var(--border-dim); padding:1rem; border-radius:3px; text-align:center; cursor:pointer; transition:0.2s; }
.mover-card:hover { border-color:var(--border); transform:translateY(-2px); }
.mover-card.bullish { border-left:3px solid var(--green); }
.mover-card.bearish { border-left:3px solid var(--red); }
.mover-symbol { font-family:var(--font-display); font-size:1rem; font-weight:700; margin-bottom:0.3rem; }
.mover-price { font-family:var(--font-mono); font-size:0.8rem; color:var(--text-dim); margin-bottom:0.3rem; }
.mover-change { font-family:var(--font-mono); font-size:0.85rem; font-weight:600; }
.mover-signal { font-size:0.6rem; letter-spacing:0.1em; margin-top:0.4rem; padding:0.2rem 0.4rem; border-radius:2px; }
.signal-buy { background:rgba(0,200,122,0.15); color:var(--green); }
.signal-watch { background:rgba(201,168,76,0.15); color:var(--gold); }
.mover-link { display:block; font-size:0.6rem; letter-spacing:0.1em; color:var(--gold); margin-top:0.4rem; text-decoration:none; }
.mover-link:hover { color:var(--gold-light); }

/* ── NEWS FEED ───────────────────────────────────────────── */
.news-filters { display:flex; gap:0.5rem; margin-bottom:1.5rem; flex-wrap:wrap; }
.news-filter { background:var(--dark4); border:1px solid var(--border-dim); color:var(--text-muted); padding:0.35rem 0.85rem; border-radius:3px; cursor:pointer; font-family:var(--font-display); font-size:0.7rem; letter-spacing:0.15em; transition:0.2s; }
.news-filter.active, .news-filter:hover { background:rgba(201,168,76,0.1); border-color:var(--border); color:var(--gold); }
.news-feed { display:flex; flex-direction:column; gap:1rem; }
.news-item { background:var(--dark3); border:1px solid var(--border-dim); border-left:3px solid var(--gold); padding:1.25rem; border-radius:0 4px 4px 0; transition:0.2s; }
.news-item:hover { border-color:var(--border); }
.news-item-header { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:0.5rem; }
.news-item-title { font-family:var(--font-display); font-size:1rem; font-weight:600; color:var(--text); flex:1; margin-right:1rem; }
.news-item-tag { font-size:0.6rem; letter-spacing:0.2em; padding:0.2rem 0.6rem; border-radius:2px; background:rgba(201,168,76,0.1); color:var(--gold); white-space:nowrap; }
.news-item-desc { font-size:0.82rem; color:var(--text-dim); line-height:1.5; margin-bottom:0.75rem; }
.news-item-footer { display:flex; justify-content:space-between; align-items:center; }
.news-item-source { font-size:0.7rem; color:var(--text-muted); }
.news-item-link { font-size:0.75rem; color:var(--gold); text-decoration:none; letter-spacing:0.05em; }
.news-item-link:hover { color:var(--gold-light); }
.news-loading { text-align:center; color:var(--text-muted); font-size:0.85rem; padding:3rem; }
.news-item.crypto { border-left-color:#F7931A; }
.news-item.markets { border-left-color:#00C87A; }
.news-item.geopolitical { border-left-color:#FF4060; }
.news-item.real_estate { border-left-color:#8B6CE7; }
.news-item.medical { border-left-color:#00B4D8; }

/* ── LIVE INTEL STRIP ────────────────────────────────────── */
.live-intel-strip { background:var(--dark4); border:1px solid var(--border); border-radius:4px; padding:1rem 1.5rem; margin-top:1.5rem; display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
.intel-strip-label { font-family:var(--font-display); font-size:0.7rem; letter-spacing:0.2em; color:var(--gold); white-space:nowrap; }
.intel-strip-items { display:flex; gap:1.5rem; flex:1; overflow:hidden; flex-wrap:wrap; }
.intel-strip-item { font-size:0.78rem; color:var(--text-dim); border-left:2px solid var(--border); padding-left:0.75rem; }
.intel-strip-item b { color:var(--text); }

/* ── VIRAL INTEL ─────────────────────────────────────────── */
.viral-intro { margin-bottom:1.5rem; }
.viral-intro p { color:var(--text-dim); font-size:0.875rem; margin-top:0.5rem; }
.viral-filters { display:flex; gap:0.5rem; margin-bottom:2rem; flex-wrap:wrap; }
.viral-filter { background:var(--dark4); border:1px solid var(--border-dim); color:var(--text-muted); padding:0.4rem 1rem; border-radius:3px; cursor:pointer; font-family:var(--font-display); font-size:0.7rem; letter-spacing:0.15em; transition:0.2s; }
.viral-filter.active, .viral-filter:hover { background:rgba(201,168,76,0.1); border-color:var(--border); color:var(--gold); }
.viral-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem; }
.viral-card { background:var(--dark3); border:1px solid var(--border-dim); border-radius:4px; overflow:hidden; transition:0.2s; }
.viral-card:hover { border-color:var(--border); transform:translateY(-3px); box-shadow:0 8px 30px rgba(0,0,0,0.4); }
.viral-card-rank { background:var(--gold); color:var(--black); font-family:var(--font-display); font-weight:700; font-size:0.75rem; padding:0.3rem 0.75rem; display:inline-block; }
.viral-card-header { padding:1.25rem 1.25rem 0; display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.viral-card-platform { font-size:0.65rem; letter-spacing:0.2em; padding:0.25rem 0.6rem; border-radius:2px; }
.platform-youtube { background:rgba(255,0,0,0.15); color:#FF4444; }
.platform-instagram { background:rgba(200,60,180,0.15); color:#E040C8; }
.platform-twitter { background:rgba(29,161,242,0.15); color:#1DA1F2; }
.viral-card-body { padding:1.25rem; }
.viral-card-title { font-family:var(--font-display); font-size:1.05rem; font-weight:600; margin-bottom:0.5rem; line-height:1.3; }
.viral-source-link { display:inline-block; font-size:0.7rem; letter-spacing:0.1em; color:var(--gold); text-decoration:none; margin-bottom:0.75rem; opacity:0.8; }
.viral-source-link:hover { opacity:1; }
.viral-card-why { font-size:0.8rem; color:var(--text-dim); margin-bottom:1rem; line-height:1.5; }
.viral-card-stats { display:flex; gap:1rem; margin-bottom:1rem; flex-wrap:wrap; }
.viral-stat { font-size:0.7rem; color:var(--text-muted); }
.viral-stat b { color:var(--gold); }
.viral-card-angle { background:var(--dark4); border-left:3px solid var(--gold); padding:0.75rem 1rem; border-radius:0 4px 4px 0; margin-bottom:1rem; }
.viral-angle-label { font-size:0.6rem; letter-spacing:0.2em; color:var(--gold); margin-bottom:0.3rem; }
.viral-angle-text { font-size:0.8rem; color:var(--text); line-height:1.5; }
.viral-card-products { display:flex; flex-wrap:wrap; gap:0.4rem; }
.viral-product-tag { font-size:0.65rem; letter-spacing:0.1em; padding:0.2rem 0.6rem; border-radius:2px; background:rgba(255,255,255,0.05); color:var(--text-dim); border:1px solid var(--border-dim); }
.viral-score { display:flex; align-items:center; gap:0.5rem; margin-top:1rem; padding-top:1rem; border-top:1px solid var(--border-dim); }
.viral-score-label { font-size:0.65rem; letter-spacing:0.15em; color:var(--text-muted); }
.viral-score-bar { flex:1; height:4px; background:var(--dark4); border-radius:2px; overflow:hidden; }
.viral-score-fill { height:100%; background:linear-gradient(90deg, var(--gold-dark), var(--gold)); border-radius:2px; }
.viral-score-num { font-family:var(--font-display); font-size:0.85rem; color:var(--gold); min-width:35px; text-align:right; }

/* ── VIRAL CARD SELECTION ────────────────────────────────── */
.viral-card { cursor:pointer; position:relative; }
.viral-card.selected { border-color:var(--gold); background:var(--dark4); box-shadow:0 0 20px rgba(201,168,76,0.2); }
.viral-card.selected::after { content:'✓ SELECTED'; position:absolute; top:0; right:0; background:var(--gold); color:var(--black); font-family:var(--font-display); font-size:0.65rem; font-weight:700; letter-spacing:0.15em; padding:0.3rem 0.75rem; }
.viral-select-bar { position:sticky; bottom:1.5rem; background:var(--dark4); border:1px solid var(--border); border-radius:4px; padding:1rem 1.5rem; display:flex; align-items:center; justify-content:space-between; margin-top:2rem; box-shadow:0 8px 30px rgba(0,0,0,0.6); display:none; }
.viral-select-bar.visible { display:flex; }
.viral-select-info { font-family:var(--font-display); font-size:0.9rem; }
.viral-select-info span { color:var(--gold); font-size:1.25rem; }

/* ── CEO PANEL ───────────────────────────────────────────── */
.ceo-panel { background:var(--dark3); border:2px solid var(--gold); border-radius:4px; padding:2rem; margin-top:2rem; }
.ceo-header { display:flex; align-items:center; gap:1rem; margin-bottom:2rem; padding-bottom:1.5rem; border-bottom:1px solid var(--border); }
.ceo-icon { font-size:2rem; }
.ceo-title { font-family:var(--font-display); font-size:1.1rem; letter-spacing:0.15em; color:var(--gold); }
.ceo-sub { font-size:0.8rem; color:var(--text-dim); margin-top:0.25rem; }
.ceo-selected { display:flex; flex-direction:column; gap:0.75rem; margin-bottom:1.5rem; }
.ceo-item { background:var(--dark4); border:1px solid var(--border-dim); padding:0.75rem 1rem; border-radius:3px; display:flex; justify-content:space-between; align-items:center; }
.ceo-item-title { font-size:0.875rem; flex:1; }
.ceo-item-rank { font-family:var(--font-display); color:var(--gold); font-size:0.8rem; min-width:50px; }
.solomon-assessment { background:var(--dark2); border-left:3px solid var(--gold); padding:1.25rem; border-radius:0 4px 4px 0; margin-bottom:2rem; }
.assessment-label { font-size:0.65rem; letter-spacing:0.25em; color:var(--gold); margin-bottom:0.5rem; }
.assessment-text { font-size:0.875rem; color:var(--text); line-height:1.6; }
.ceo-confirm-text { font-family:var(--font-display); font-size:1rem; letter-spacing:0.05em; color:var(--text-dim); margin-bottom:1.25rem; text-align:center; }
.ceo-buttons { display:flex; gap:1rem; justify-content:center; }

/* ── CONTENT BRIEFS ──────────────────────────────────────── */
.creation-output { margin-top:2rem; }
.creation-header { font-family:var(--font-display); font-size:1rem; letter-spacing:0.1em; margin-bottom:1.5rem; padding:1rem; background:rgba(201,168,76,0.08); border:1px solid var(--border); border-radius:3px; text-align:center; }
.content-brief { background:var(--dark3); border:1px solid var(--border-dim); border-radius:4px; margin-bottom:1.5rem; overflow:hidden; }
.brief-header { background:var(--dark4); padding:1rem 1.5rem; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--border-dim); }
.brief-platform { font-size:0.65rem; letter-spacing:0.2em; }
.brief-body { padding:1.5rem; display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; }
.brief-section-title { font-size:0.65rem; letter-spacing:0.2em; color:var(--gold); margin-bottom:0.5rem; }
.brief-content { font-size:0.82rem; color:var(--text-dim); line-height:1.6; }
.brief-hooks { display:flex; flex-direction:column; gap:0.4rem; }
.brief-hook { background:var(--dark4); padding:0.5rem 0.75rem; border-radius:3px; font-size:0.8rem; border-left:2px solid var(--gold); }
.brief-cta { background:rgba(201,168,76,0.1); border:1px solid var(--border); padding:0.75rem 1rem; border-radius:3px; font-size:0.82rem; color:var(--gold); margin-top:1rem; text-align:center; }

/* ── SOVEREIGN COUNCIL ───────────────────────────────────── */
.covol-badge { font-family:var(--font-display); font-size:0.7rem; letter-spacing:0.3em; color:var(--black); background:var(--gold); padding:0.3rem 0.85rem; border-radius:2px; margin-left:auto; }
.council-intro { color:var(--text-dim); font-size:0.875rem; margin-bottom:1.5rem; }
.council-input-row { display:flex; gap:1rem; margin-bottom:2rem; }
.council-input-row input { flex:1; background:var(--dark3); border:1px solid var(--border-dim); color:var(--text); padding:0.85rem 1.25rem; border-radius:4px; font-size:0.875rem; font-family:var(--font-body); outline:none; transition:0.2s; }
.council-input-row input:focus { border-color:var(--border); }
.council-status { background:var(--dark4); border:1px solid var(--border); border-radius:4px; padding:1.5rem; margin-bottom:2rem; text-align:center; }
.council-phase { font-family:var(--font-display); font-size:1rem; letter-spacing:0.15em; color:var(--gold); animation:pulse 1.5s infinite; }
.council-report { display:flex; flex-direction:column; gap:1.5rem; }
.council-agent-report { background:var(--dark3); border:1px solid var(--border-dim); border-radius:4px; overflow:hidden; }
.council-agent-report.featured { border-color:var(--border); box-shadow:var(--shadow-gold); }
.council-agent-header { display:flex; align-items:center; gap:0.75rem; padding:1rem 1.5rem; border-bottom:1px solid var(--border-dim); }
.council-agent-header.oracle { background:rgba(99,102,241,0.1); }
.council-agent-header.strategist { background:rgba(0,200,122,0.08); }
.council-agent-header.solomon { background:rgba(201,168,76,0.1); }
.agent-icon { font-size:1.25rem; }
.agent-name { font-family:var(--font-display); font-size:0.85rem; letter-spacing:0.15em; color:var(--text); }
.agent-role { font-size:0.7rem; color:var(--text-muted); margin-left:auto; }
.council-agent-body { padding:1.5rem; font-size:0.875rem; color:var(--text-dim); line-height:1.7; white-space:pre-wrap; }
.council-verdict { background:var(--dark4); border:2px solid var(--gold); border-radius:4px; padding:2rem; text-align:center; }
.verdict-label { font-family:var(--font-display); font-size:0.85rem; letter-spacing:0.2em; color:var(--gold); margin-bottom:1.5rem; }
.verdict-buttons { display:flex; gap:1rem; justify-content:center; }

/* ── SOVEREIGN COUNCIL ───────────────────────────────────── */
.covol-badge { font-family:var(--font-display); font-size:0.7rem; letter-spacing:0.3em; color:var(--black); background:var(--gold); padding:0.3rem 0.85rem; border-radius:2px; margin-left:auto; }
.council-intro { color:var(--text-dim); font-size:0.875rem; margin-bottom:1.5rem; }
.council-input-row { display:flex; gap:1rem; margin-bottom:2rem; }
.council-input-row input { flex:1; background:var(--dark3); border:1px solid var(--border-dim); color:var(--text); padding:0.85rem 1rem; border-radius:3px; font-size:0.875rem; font-family:var(--font-body); outline:none; transition:0.2s; }
.council-input-row input:focus { border-color:var(--border); }
.council-status { background:var(--dark4); border:1px solid var(--border); border-radius:4px; padding:1.5rem; margin-bottom:1.5rem; text-align:center; }
.council-phase { font-family:var(--font-display); font-size:1rem; letter-spacing:0.1em; color:var(--gold); animation:pulse 1.5s infinite; }
.council-report { display:flex; flex-direction:column; gap:1.5rem; }
.council-agent-report { background:var(--dark3); border:1px solid var(--border-dim); border-radius:4px; overflow:hidden; }
.council-agent-report.featured { border-color:var(--border); box-shadow:var(--shadow-gold); }
.council-agent-header { display:flex; align-items:center; gap:0.75rem; padding:1rem 1.25rem; border-bottom:1px solid var(--border-dim); }
.council-agent-header.oracle { background:rgba(99,102,241,0.1); }
.council-agent-header.strategist { background:rgba(16,185,129,0.1); }
.council-agent-header.solomon { background:rgba(201,168,76,0.1); }
.agent-icon { font-size:1.25rem; }
.agent-name { font-family:var(--font-display); font-size:0.85rem; letter-spacing:0.15em; color:var(--text); }
.agent-role { font-size:0.7rem; color:var(--text-muted); margin-left:auto; }
.council-agent-body { padding:1.25rem; font-size:0.875rem; color:var(--text-dim); line-height:1.7; white-space:pre-wrap; }
.council-verdict { background:var(--dark4); border:2px solid var(--gold); border-radius:4px; padding:1.5rem; text-align:center; }
.verdict-label { font-family:var(--font-display); font-size:0.85rem; letter-spacing:0.2em; color:var(--gold); margin-bottom:1.25rem; }
.verdict-buttons { display:flex; gap:1rem; justify-content:center; }

/* ── BOARDROOM LOG ───────────────────────────────────────── */
.boardroom-log-stats { display:flex; gap:1rem; margin-bottom:1.5rem; flex-wrap:wrap; }
.br-stat { background:var(--dark3); border:1px solid var(--border-dim); padding:0.75rem 1.5rem; border-radius:3px; font-family:var(--font-display); font-size:0.8rem; color:var(--text-dim); }
.br-stat b { color:var(--gold); }
.boardroom-log-feed { display:flex; flex-direction:column; gap:1.5rem; }
.br-session { background:var(--dark3); border:1px solid var(--border-dim); border-radius:4px; overflow:hidden; }
.br-session-header { background:var(--dark4); padding:0.75rem 1.25rem; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--border-dim); cursor:pointer; }
.br-session-title { font-family:var(--font-display); font-size:0.85rem; color:var(--gold); letter-spacing:0.1em; }
.br-session-meta { font-size:0.7rem; color:var(--text-muted); }
.br-messages { padding:1rem; display:flex; flex-direction:column; gap:0.75rem; }
.br-msg { display:flex; gap:0.75rem; }
.br-msg-role { font-family:var(--font-display); font-size:0.65rem; letter-spacing:0.15em; min-width:120px; padding-top:0.25rem; }
.br-msg-role.lc { color:var(--gold); }
.br-msg-role.solomon { color:var(--text-muted); }
.br-msg-content { font-size:0.82rem; color:var(--text-dim); line-height:1.5; flex:1; }
.br-msg-time { font-size:0.65rem; color:var(--text-muted); font-family:var(--font-mono); white-space:nowrap; padding-top:0.25rem; }

/* ── STRATEGIST OUTPUT ───────────────────────────────────── */
.strategist-output { background:var(--dark4); border:1px solid var(--border); border-radius:4px; padding:1.5rem; margin-bottom:1.5rem; }
.strategist-label { font-family:var(--font-display); font-size:0.7rem; letter-spacing:0.2em; color:var(--gold); margin-bottom:1rem; }
.strategist-content { font-size:0.875rem; color:var(--text); line-height:1.7; white-space:pre-wrap; }
.strategist-intel-box { background:var(--dark4); border:1px solid var(--border); border-radius:4px; padding:1rem 1.25rem; margin-top:1rem; }
.strategist-intel-box .strategist-label { font-size:0.65rem; }

/* ── SOLOMON CHAT ─────────────────────────────────────────── */
.solomon-chat { display:flex; flex-direction:column; height:calc(100vh - 180px); background:var(--dark3); border:1px solid var(--border); border-radius:4px; overflow:hidden; }
.solomon-messages { flex:1; overflow-y:auto; padding:1.5rem; display:flex; flex-direction:column; gap:1rem; }
.s-msg { max-width:80%; }
.s-msg span { display:block; padding:1rem 1.25rem; border-radius:4px; font-size:0.875rem; line-height:1.6; }
.s-msg.bot span { background:var(--dark4); border:1px solid var(--border-dim); }
.s-msg.user { align-self:flex-end; }
.s-msg.user span { background:var(--gold); color:var(--black); font-weight:500; }
.solomon-input { padding:1.25rem; border-top:1px solid var(--border-dim); display:flex; gap:0.75rem; }
.solomon-input input { flex:1; background:var(--dark4); border:1px solid var(--border-dim); color:var(--text); padding:0.75rem 1rem; border-radius:3px; font-size:0.9rem; font-family:var(--font-body); outline:none; }
.solomon-input input:focus { border-color:var(--border); }


/* ══════════════════════════════════════════════════════════════
   ── BACKOFFICE EXTENSIONS — Archive | Status | Opportunities
   ══════════════════════════════════════════════════════════════ */

/* ── NAV DIVIDER ─────────────────────────────────────────── */
.nav-divider {
  height: 1px;
  background: var(--border-dim);
  margin: 0.5rem 0.75rem;
}

/* ── ARCHIVE PANEL ───────────────────────────────────────── */
.archive-intro { margin-bottom: 1.25rem; font-size: 0.875rem; color: var(--text-dim); }

.archive-filters {
  display: flex; flex-wrap: wrap; gap: 0.5rem;
  margin-bottom: 1rem;
}
.archive-filter {
  background: var(--dark3); border: 1px solid var(--border-dim);
  color: var(--text-dim); padding: 0.3rem 0.85rem;
  border-radius: 3px; font-family: var(--font-display);
  font-size: 0.7rem; letter-spacing: 0.1em; cursor: pointer;
  transition: all 0.2s;
}
.archive-filter:hover, .archive-filter.active {
  background: rgba(201,168,76,0.1);
  border-color: var(--border);
  color: var(--gold);
}

.archive-stats-bar {
  display: flex; align-items: center; gap: 0.75rem;
  padding: 0.5rem 1rem;
  background: var(--dark4); border: 1px solid var(--border-dim);
  border-radius: 3px; margin-bottom: 1rem;
  font-size: 0.75rem; color: var(--text-dim);
}
.archive-stat-sep { color: var(--border-dim); }

.archive-feed {
  display: flex; flex-direction: column; gap: 1rem;
  max-height: calc(100vh - 280px); overflow-y: auto;
}

.archive-card {
  background: var(--dark3);
  border: 1px solid var(--border-dim);
  border-left: 3px solid var(--gold);
  border-radius: 4px; padding: 1.25rem;
  transition: border-color 0.2s;
}
.archive-card:hover { border-color: rgba(201,168,76,0.3); }

.archive-card-header {
  display: flex; flex-wrap: wrap; gap: 0.5rem;
  align-items: center; margin-bottom: 0.75rem;
}
.archive-score-badge {
  font-family: var(--font-display); font-size: 0.65rem;
  letter-spacing: 0.1em; padding: 0.2rem 0.6rem;
  border-radius: 2px; border: 1px solid;
}
.archive-domain-tag {
  background: rgba(255,255,255,0.05); border: 1px solid var(--border-dim);
  padding: 0.2rem 0.5rem; border-radius: 2px;
  font-family: var(--font-display); font-size: 0.65rem;
  letter-spacing: 0.1em; color: var(--text-dim);
}
.archive-agent-tag {
  font-size: 0.7rem; color: var(--text-muted);
  margin-left: auto;
}
.archive-ts { font-family: var(--font-mono); font-size: 0.65rem; color: var(--text-muted); }
.archive-signal-tag {
  font-family: var(--font-mono); font-size: 0.65rem; color: var(--text-muted);
}

.archive-card-title {
  font-family: var(--font-display); font-size: 1rem;
  letter-spacing: 0.05em; color: var(--text);
  margin-bottom: 0.5rem;
}
.archive-card-preview {
  font-size: 0.82rem; color: var(--text-dim); line-height: 1.6;
  margin-bottom: 0.75rem;
}
.archive-card-footer {
  display: flex; justify-content: space-between; align-items: center;
}

/* Archive Modal */
.archive-modal {
  position: fixed; inset: 0; z-index: 200;
  background: rgba(5,5,7,0.85);
  display: flex; align-items: center; justify-content: center;
  padding: 2rem;
}
.archive-modal-inner {
  background: var(--dark2); border: 1px solid var(--border);
  border-radius: 6px; width: 100%; max-width: 860px;
  max-height: 80vh; display: flex; flex-direction: column;
}
.archive-modal-header {
  display: flex; justify-content: space-between; align-items: center;
  padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--border-dim);
}
.archive-modal-title {
  font-family: var(--font-display); font-size: 1.1rem;
  letter-spacing: 0.05em; color: var(--gold);
}
.archive-modal-meta {
  display: flex; flex-wrap: wrap; gap: 0.5rem;
  padding: 0.75rem 1.5rem; border-bottom: 1px solid var(--border-dim);
  background: var(--dark3);
}
.archive-modal-body {
  padding: 1.5rem; overflow-y: auto; flex: 1;
  font-size: 0.875rem; color: var(--text); line-height: 1.7;
  white-space: pre-wrap; font-family: var(--font-mono);
}


/* ── 24H STATUS REPORT PANEL ─────────────────────────────── */
.status-badge-row { margin-bottom: 1.5rem; }
.stack-status-badge {
  display: inline-block; font-family: var(--font-display);
  font-size: 0.8rem; letter-spacing: 0.2em;
  padding: 0.4rem 1.25rem; border-radius: 3px; border: 1px solid;
}

.status-section {
  background: var(--dark3); border: 1px solid var(--border-dim);
  border-radius: 4px; padding: 1.25rem; margin-bottom: 1rem;
}
.status-section-title {
  font-family: var(--font-display); font-size: 0.75rem;
  letter-spacing: 0.15em; color: var(--gold); margin-bottom: 1rem;
}

/* Agent bars */
.agent-bar-row {
  margin-bottom: 1rem; padding-bottom: 1rem;
  border-bottom: 1px solid var(--border-dim);
}
.agent-bar-row:last-child { border-bottom: none; margin-bottom: 0; }
.agent-bar-label {
  display: flex; align-items: center; gap: 0.75rem;
  margin-bottom: 0.4rem;
}
.agent-bar-icon { font-size: 1rem; }
.agent-bar-name {
  font-family: var(--font-display); font-size: 0.85rem;
  letter-spacing: 0.1em; color: var(--text);
}
.agent-bar-status { font-size: 0.7rem; margin-left: auto; }
.agent-bar-stats {
  display: flex; flex-wrap: wrap; gap: 0.75rem;
  font-size: 0.72rem; color: var(--text-muted);
  margin-bottom: 0.4rem;
}
.agent-pbar { height: 3px; margin-top: 0.25rem; }
.agent-bar-summary {
  display: flex; gap: 2rem; margin-top: 0.75rem;
  font-size: 0.8rem; color: var(--text-dim);
  padding-top: 0.75rem; border-top: 1px solid var(--border-dim);
}

/* Token bars */
.token-bar-row { margin-bottom: 0.75rem; }
.token-bar-label {
  display: flex; justify-content: space-between; align-items: baseline;
  margin-bottom: 0.3rem;
}
.token-sys-name {
  font-family: var(--font-display); font-size: 0.8rem;
  letter-spacing: 0.08em; color: var(--text);
}
.token-bar-meta { font-size: 0.72rem; color: var(--text-muted); }
.token-model-tag {
  font-size: 0.65rem; color: var(--text-muted);
  font-family: var(--font-mono); margin-bottom: 0.3rem;
}
.token-pbar { height: 4px; }
.token-cost-total {
  margin-top: 0.75rem; padding-top: 0.75rem;
  border-top: 1px solid var(--border-dim);
  font-size: 0.8rem; color: var(--text-dim);
  display: flex; gap: 1.5rem; flex-wrap: wrap;
}

/* COVOL runs */
.covol-run-row {
  display: flex; gap: 0.75rem; align-items: flex-start;
  padding: 0.5rem 0; border-bottom: 1px solid var(--border-dim);
  font-size: 0.8rem;
}
.covol-run-row:last-child { border-bottom: none; }
.covol-time { font-family: var(--font-mono); color: var(--text-muted); font-size: 0.7rem; white-space: nowrap; }
.covol-event { font-family: var(--font-display); letter-spacing: 0.08em; color: var(--gold); font-size: 0.72rem; }
.covol-domain { font-size: 0.7rem; color: var(--text-muted); }
.covol-domain.dim { display: none; }
.covol-verdict { font-size: 0.75rem; color: var(--text-dim); flex: 1; line-height: 1.4; }

/* Research log */
.research-log-row {
  display: flex; gap: 0.75rem; align-items: center;
  padding: 0.35rem 0; border-bottom: 1px solid var(--border-dim);
  font-size: 0.78rem;
}
.research-log-row:last-child { border-bottom: none; }
.rl-time { font-family: var(--font-mono); color: var(--text-muted); font-size: 0.68rem; }
.rl-event { color: var(--text-dim); }
.domain-tag-sm {
  font-family: var(--font-display); font-size: 0.6rem;
  letter-spacing: 0.1em; padding: 0.15rem 0.4rem;
  background: rgba(201,168,76,0.1); color: var(--gold);
  border-radius: 2px; border: 1px solid rgba(201,168,76,0.2);
}

/* Work done */
.work-done-row {
  display: flex; gap: 1rem; align-items: center;
  padding: 0.5rem 0; border-bottom: 1px solid var(--border-dim);
  font-size: 0.85rem;
}
.work-done-row:last-child { border-bottom: none; }
.wd-icon { font-size: 1rem; min-width: 1.5rem; }
.wd-label { flex: 1; color: var(--text-dim); }
.wd-val { font-family: var(--font-display); font-size: 1.1rem; letter-spacing: 0.05em; }


/* ── OPPORTUNITIES PANEL ─────────────────────────────────── */
.opp-summary-bar {
  display: flex; gap: 0; align-items: stretch;
  background: var(--dark3); border: 1px solid var(--border-dim);
  border-radius: 4px; margin-bottom: 1.5rem; overflow: hidden;
}
.opp-summary-stat {
  flex: 1; padding: 1rem 1.5rem; text-align: center;
  display: flex; flex-direction: column; gap: 0.25rem;
}
.opp-summary-sep {
  width: 1px; background: var(--border-dim); align-self: stretch;
}
.opp-s-val {
  font-family: var(--font-display); font-size: 1.5rem;
  font-weight: 700; letter-spacing: 0.05em; color: var(--text);
}
.opp-s-label { font-size: 0.65rem; color: var(--text-muted); letter-spacing: 0.1em; text-transform: uppercase; }

/* Add opportunity form */
.add-opp-form {
  background: var(--dark3); border: 1px solid var(--border);
  border-radius: 4px; padding: 1.25rem; margin-bottom: 1.5rem;
}
.add-opp-title {
  font-family: var(--font-display); font-size: 0.75rem;
  letter-spacing: 0.2em; color: var(--gold); margin-bottom: 1rem;
}
.add-opp-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.add-opp-grid textarea { grid-column: 1 / -1; resize: vertical; }
.add-opp-grid input, .add-opp-grid textarea {
  background: var(--dark4); border: 1px solid var(--border-dim);
  color: var(--text); padding: 0.6rem 0.85rem; border-radius: 3px;
  font-family: var(--font-body); font-size: 0.85rem; outline: none;
}
.add-opp-grid input:focus, .add-opp-grid textarea:focus { border-color: var(--border); }
.add-opp-actions { display: flex; gap: 0.75rem; justify-content: flex-end; }

/* Opportunity columns */
.opp-columns {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;
}
.opp-col {
  background: var(--dark3); border: 1px solid var(--border-dim);
  border-radius: 4px; overflow: hidden;
  min-height: 400px;
}
.opp-col-high   { border-top: 3px solid var(--gold); }
.opp-col-medium { border-top: 3px solid #5B8DEF; }
.opp-col-low    { border-top: 3px solid var(--text-muted); }

.opp-col-header {
  display: flex; justify-content: space-between; align-items: center;
  padding: 0.75rem 1rem; border-bottom: 1px solid var(--border-dim);
  background: var(--dark4);
}
.opp-tier-badge {
  font-family: var(--font-display); font-size: 0.65rem;
  letter-spacing: 0.15em; padding: 0.25rem 0.65rem;
  border-radius: 2px; border: 1px solid;
}
.tier-high   { background: rgba(201,168,76,0.1); color: var(--gold);    border-color: rgba(201,168,76,0.3); }
.tier-medium { background: rgba(91,141,239,0.1); color: #5B8DEF;         border-color: rgba(91,141,239,0.3); }
.tier-low    { background: rgba(136,136,160,0.1); color: var(--text-muted); border-color: rgba(136,136,160,0.3); }

.opp-col-count {
  font-family: var(--font-display); font-size: 1rem;
  color: var(--text-dim);
}

.opp-col-body {
  padding: 0.75rem; display: flex; flex-direction: column; gap: 0.75rem;
  max-height: 600px; overflow-y: auto;
}
.opp-empty { font-size: 0.8rem; color: var(--text-muted); padding: 1rem; text-align: center; }

/* Opportunity card */
.opp-card {
  background: var(--dark4); border: 1px solid var(--border-dim);
  border-radius: 4px; padding: 1rem; transition: border-color 0.2s;
}
.opp-card:hover { border-color: rgba(201,168,76,0.2); }
.opp-card-high   { border-left: 2px solid var(--gold); }
.opp-card-medium { border-left: 2px solid #5B8DEF; }
.opp-card-low    { border-left: 2px solid var(--text-muted); }

.opp-card-header {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 0.5rem;
}
.opp-domain-tag {
  font-family: var(--font-display); font-size: 0.6rem;
  letter-spacing: 0.1em; padding: 0.15rem 0.4rem;
  background: rgba(255,255,255,0.05); color: var(--text-muted);
  border-radius: 2px; border: 1px solid var(--border-dim);
}
.opp-verdict-badge {
  font-family: var(--font-display); font-size: 0.6rem;
  letter-spacing: 0.1em; padding: 0.15rem 0.5rem;
  border-radius: 2px; border: 1px solid;
}

.opp-card-title {
  font-family: var(--font-display); font-size: 0.85rem;
  color: var(--text); line-height: 1.3; margin-bottom: 0.4rem;
}
.opp-card-desc { font-size: 0.75rem; color: var(--text-dim); line-height: 1.5; margin-bottom: 0.75rem; }

.opp-card-metrics {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem; margin-bottom: 0.75rem;
}
.opp-metric { text-align: center; }
.opp-metric-label { display: block; font-size: 0.55rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 0.2rem; }
.opp-metric-val { font-family: var(--font-display); font-size: 0.82rem; letter-spacing: 0.05em; }

.opp-card-footer {
  display: flex; justify-content: space-between; align-items: center;
}
.opp-date { font-size: 0.65rem; color: var(--text-muted); font-family: var(--font-mono); }

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 1100px) {
  .opp-columns { grid-template-columns: 1fr 1fr; }
  .opp-col-low { grid-column: 1 / -1; }
}
@media (max-width: 768px) {
  .opp-columns { grid-template-columns: 1fr; }
  .opp-col-low { grid-column: auto; }
  .add-opp-grid { grid-template-columns: 1fr; }
}