/* ═══════════════════════════════════════════════════════════════
   TLYN LUXURY — Tab-1 Live Leads theme
   Ground truth: assets/ui-previews/mock-lightning-arcs.jpg
   Palette: black / gold / white only
   ═══════════════════════════════════════════════════════════════ */

:root {
  --gold: #E1D6B7 !important;
  --gold-bright: #F3EBD3 !important;
  --gold-hot: #FFFDF4 !important;
  --gold-dim: rgba(225,214,183,.12) !important;
  --gold-border: rgba(225,214,183,.34) !important;
  --ember2: #8A6D1A !important;
  --purple: #E4C765 !important;
  --purple-dim: rgba(225,214,183,.12) !important;
  --green: #E4C765 !important;
  --green-dim: rgba(225,214,183,.10) !important;
  --blue: #E1D6B7 !important;
  --blue-dim: rgba(225,214,183,.10) !important;
  --red: #F3EBD3 !important;
  --sky: #E4C765 !important;
  --sky-dim: rgba(225,214,183,.10) !important;
  --bg: #000 !important;
  --bg2: #050505 !important;
  --bg3: #24211E !important;
  --bg4: #141414 !important;
  --border: rgba(244,241,233,.08) !important;
  --border2: rgba(225,214,183,.28) !important;
  --text: #F4F1E9 !important;
  --muted: #9A968C !important;
  --subtle: #5E5B54 !important;
}

html, body { background: #121212 !important; color: var(--text) !important; }

body::before {
  content: "";
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background:
    radial-gradient(ellipse 48% 36% at 78% 4%, rgba(225,214,183,.13), transparent 58%),
    #121212;
}
body::after { display: none !important; }

/* ── Layout ── */
#shell { position: relative !important; background: #121212 !important; }
#main {
  position: relative !important;
  z-index: 3 !important;
  background: transparent !important;
  padding: 18px 22px 28px !important;
  gap: 14px !important;
  overflow-x: hidden !important;
}
#modules {
  background: transparent !important;
  background-image: radial-gradient(ellipse 55% 40% at 72% 8%, rgba(225,214,183,.08), transparent 58%) !important;
}

/* ── Hero band (briefing + KPIs + bolt plate) ── */
#hero-band {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 1;
}

/*
  Bolts BEHIND glass (z-index 1). Thin mock weight:
  - left: delicate wrap on right edge of Total only
  - right: top-right forks, not a wall over Crew
*/
#tlyn-bolts,
.tlyn-lightning {
  position: absolute !important;
  left: -2%;
  right: -4%;
  top: -14px;
  bottom: -10px;
  z-index: 1 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  background-image:
    url('/assets/ui-previews/bolt-plate.png'),
    url('/assets/ui-previews/bolt-plate.png') !important;
  background-repeat: no-repeat, no-repeat !important;
  background-position: 12% 40%, 100% -18% !important;
  background-size: min(460px, 42%) auto, min(700px, 64%) auto !important;
  mix-blend-mode: screen !important;
  opacity: .9 !important;
  filter: brightness(1.22) saturate(1.12) contrast(1.06) !important;
}
/* Signed-in: slightly stronger plate energy */
body.authed #tlyn-bolts {
  opacity: .95 !important;
}
#tlyn-bolts path,
#tlyn-bolts .bolt-left,
#tlyn-bolts .bolt-right,
#tlyn-bolts .bolt-top { display: none !important; }

/* ── Top nav ── */
#topnav {
  position: relative;
  z-index: 40 !important;
  height: 54px !important;
  background: rgba(0,0,0,.94) !important;
  border-bottom: 1px solid rgba(225,214,183,.22) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px) !important;
  padding: 0 20px !important;
}
.nav-logo {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  letter-spacing: .24em !important;
  text-transform: uppercase !important;
  background: linear-gradient(180deg, #FFF8E0 0%, #F3EBD3 42%, #E1D6B7 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  filter: drop-shadow(0 0 12px rgba(225,214,183,.38)) !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  line-height: 1.05 !important;
  gap: 0 !important;
}
.nav-logo img.dash-crest { display: none !important; }
.nav-logo img.nav-brand-logo { display: block !important; }
.nav-logo::after {
  content: "";
  display: block;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 7.5px;
  letter-spacing: .46em;
  font-weight: 700;
  color: rgba(225,214,183,.68);
  -webkit-text-fill-color: rgba(225,214,183,.68);
  margin-top: 3px;
}
.nav-live {
  background: rgba(225,214,183,.10) !important;
  color: #F3EBD3 !important;
  border: 1px solid rgba(225,214,183,.38) !important;
  box-shadow: 0 0 12px rgba(225,214,183,.18) !important;
  font-size: 9px !important;
  letter-spacing: .14em !important;
  padding: 4px 11px !important;
  border-radius: 20px !important;
}
.nav-meta, .nav-btn {
  color: rgba(244,241,233,.42) !important;
  font-size: 11px !important;
}
.nav-btn:hover {
  color: #F3EBD3 !important;
  background: rgba(225,214,183,.08) !important;
}
.nav-ib {
  border-color: rgba(225,214,183,.22) !important;
  background: rgba(255,255,255,.02) !important;
  color: rgba(244,241,233,.48) !important;
}
.nav-ib:hover {
  border-color: rgba(225,214,183,.45) !important;
  color: #F3EBD3 !important;
}
.nav-profile {
  border-color: rgba(225,214,183,.28) !important;
  background: rgba(225,214,183,.06) !important;
}
.nav-profile-avatar {
  background: linear-gradient(135deg, #FFFDF4, #E1D6B7) !important;
  color: #0a0800 !important;
}
.nav-profile-name { color: rgba(244,241,233,.78) !important; }
.profile-dropdown {
  background: #24211E !important;
  border: 1px solid rgba(225,214,183,.3) !important;
  z-index: 50 !important;
}
.pd-item.danger { color: #F3EBD3 !important; }
.notif-dot { background: #F3EBD3 !important; }
.nav-signin {
  display: none;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .04em;
  padding: 7px 14px;
  border-radius: 8px;
  text-decoration: none;
  background: linear-gradient(135deg, #FFFDF4, #E1D6B7);
  color: #0a0800 !important;
  box-shadow: 0 2px 12px rgba(225,214,183,.28);
}
body.preview-mode .nav-signin {
  display: inline-flex !important;
  align-items: center;
}
body.preview-mode #nav-profile-btn { display: none !important; }
body.authed .nav-signin { display: none !important; }
body.authed #nav-profile-btn { display: flex !important; }

/* ── Sidebar ── */
#sidebar {
  width: 216px !important;
  background: linear-gradient(180deg, #2E2922 0%, #1B1813 100%) !important;
  border-right: 1px solid rgba(225,214,183,.26) !important;
  padding: 16px 10px 20px !important;
}
.sb-sec {
  color: rgba(225,214,183,.36) !important;
  letter-spacing: .18em !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}
.sb-item {
  color: rgba(244,241,233,.46) !important;
  border-radius: 9px !important;
  border-left: 2px solid transparent !important;
  font-size: 12.5px !important;
  padding: 9px 11px !important;
}
.sb-item:hover {
  color: #F4F1E9 !important;
  background: rgba(225,214,183,.06) !important;
}
.sb-item.active {
  color: #F3EBD3 !important;
  background: linear-gradient(90deg, rgba(225,214,183,.22), rgba(225,214,183,.02)) !important;
  border-left-color: #F3EBD3 !important;
  font-weight: 700 !important;
  box-shadow: 0 0 20px rgba(225,214,183,.1) !important;
}
.sb-item.active .sb-icon {
  filter: drop-shadow(0 0 6px rgba(240,232,206,.6)) !important;
}
.sb-gold {
  background: linear-gradient(135deg, #FFFDF4, #E1D6B7) !important;
  color: #0a0800 !important;
  font-weight: 800 !important;
}
.sb-dot { background: #F3EBD3 !important; }
#sb-storm { color: #F3EBD3 !important; }
.sb-footer { border-top-color: rgba(225,214,183,.16) !important; }
.sb-av {
  background: rgba(225,214,183,.12) !important;
  border-color: rgba(225,214,183,.32) !important;
  color: #F3EBD3 !important;
}
.sb-name { color: #F4F1E9 !important; }
.sb-tier { color: rgba(225,214,183,.52) !important; }

/* ── Briefing — thin mock strip ── */
#briefing {
  position: relative;
  z-index: 3;
  background:
    linear-gradient(115deg, rgba(255,248,220,.07) 0%, transparent 38%),
    linear-gradient(105deg, rgba(58,52,42,.55), rgba(30,27,22,.62) 55%, rgba(40,36,29,.5)) !important;
  border: 1px solid rgba(225,214,183,.24) !important;
  border-radius: 11px !important;
  box-shadow: 0 4px 18px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,251,238,.03) !important;
  padding: 11px 18px !important;
  backdrop-filter: blur(8px);
  display: flex !important;
  align-items: center !important;
  min-height: 42px;
}
.brief-icon, .brief-dismiss, .brief-sub { display: none !important; }
.brief-body { min-width: 0; flex: 1; }
.brief-title {
  color: rgba(244,241,233,.88) !important;
  font-weight: 450 !important;
  font-size: 13px !important;
  letter-spacing: .01em;
  line-height: 1.35;
  margin: 0 !important;
}

/* ── KPI cards — darker private-bank glass ── */
#stat-row {
  position: relative;
  z-index: 3;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 11px !important;
}
.stat-card {
  position: relative;
  overflow: hidden;
  z-index: 3;
  /* satin obsidian per lightning-arcs mock — warm surface, not void */
  background: linear-gradient(165deg, rgba(48,43,36,.94), rgba(27,24,19,.97)) !important;
  border: 1px solid rgba(225,214,183,.32) !important;
  border-radius: 13px !important;
  box-shadow:
    0 12px 32px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,251,238,.08) !important;
  backdrop-filter: blur(14px) saturate(1.1);
  padding: 15px 17px 13px !important;
  min-height: 110px;
}
.stat-card::before {
  content: "";
  position: absolute; inset: 0; pointer-events: none;
  /* the glossy diagonal specular sweep that defines the mock's cards */
  background:
    linear-gradient(120deg, rgba(255,248,220,.13) 0%, rgba(255,248,220,.05) 26%, transparent 46%),
    linear-gradient(300deg, rgba(255,248,220,.03) 0%, transparent 30%);
}
.stat-lbl {
  position: relative;
  z-index: 2;
  color: rgba(225,214,183,.72) !important;
  font-family: "Barlow Condensed", sans-serif !important;
  letter-spacing: .14em !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  text-transform: uppercase !important;
}
/* Solid gold text — never washed out by bolts */
.stat-val,
#s-total, #s-hot, #s-avg, #s-crew,
#stat-row .stat-val {
  position: relative;
  z-index: 2;
  font-family: "JetBrains Mono", monospace !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  letter-spacing: -1.2px !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #F3EBD3 !important;
  -webkit-text-fill-color: #F3EBD3 !important;
  filter: drop-shadow(0 0 14px rgba(225,214,183,.45)) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.8), 0 0 20px rgba(240,232,206,.35) !important;
  margin-bottom: 6px !important;
  line-height: 1 !important;
}
.stat-sub {
  position: relative;
  z-index: 2;
  color: rgba(244,241,233,.40) !important;
  font-size: 11px !important;
}
.pts-bar {
  height: 3px !important;
  margin-top: 14px !important;
  background: rgba(255,255,255,.05) !important;
  border-radius: 2px !important;
  overflow: hidden;
}
.pts-fill {
  background: linear-gradient(90deg, #8A6D1A, #E4C765, #FFFDF4) !important;
  box-shadow: 0 0 10px rgba(240,232,206,.45);
}

.stat-avg-wrap { display: flex; align-items: center; gap: 14px; margin-top: 2px; }
.stat-avg-ring {
  --pct: 76%;
  width: 56px; height: 56px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  background:
    radial-gradient(circle at center, #050505 57%, transparent 58%),
    conic-gradient(#FFFDF4 0 var(--pct), rgba(225,214,183,.12) var(--pct) 100%);
  box-shadow: 0 0 16px rgba(240,232,206,.28), inset 0 0 12px rgba(0,0,0,.6);
  position: relative;
  z-index: 5;
}
.stat-avg-ring::before {
  content: "";
  position: absolute; inset: 5px;
  border-radius: 50%;
  border: 1px solid rgba(225,214,183,.18);
}
.stat-avg-pct {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px;
  font-weight: 700;
  color: #FFFDF4;
  position: relative;
  z-index: 1;
  text-shadow: 0 0 8px rgba(240,232,206,.45);
}
.stat-avg-text .stat-val { font-size: 28px !important; margin-bottom: 2px !important; }
.stat-card-avg .stat-lbl { margin-bottom: 8px !important; }

/* ── Filter bar (signed-in chrome — quieter than stock) ── */
#filter-bar {
  position: relative;
  z-index: 5;
  background: linear-gradient(180deg, rgba(12,10,8,.92), rgba(6,6,6,.94)) !important;
  border: 1px solid rgba(225,214,183,.16) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  padding: 9px 12px !important;
  gap: 7px !important;
}
.f-lbl { color: rgba(225,214,183,.55) !important; letter-spacing: .08em !important; }
.f-sel, .f-inp {
  background: #1E1B18 !important;
  border-color: rgba(225,214,183,.16) !important;
  color: var(--text) !important;
  font-size: 11px !important;
}
.qf {
  border-color: rgba(225,214,183,.14) !important;
  color: rgba(244,241,233,.42) !important;
  font-size: 10px !important;
  padding: 4px 9px !important;
}
.qf.active, .qf:hover {
  border-color: rgba(225,214,183,.42) !important;
  color: #F3EBD3 !important;
  background: rgba(225,214,183,.1) !important;
}
.f-ct { color: rgba(225,214,183,.55) !important; font-weight: 650 !important; }
body.preview-mode #filter-bar { display: none !important; }
body.preview-mode #f-sort { display: none !important; }
body.preview-mode .preview-banner { display: none !important; }
body.preview-mode .feed-sub { display: none !important; }

/* ── Lead feed ── */
#lead-feed {
  position: relative;
  z-index: 5;
  background:
    linear-gradient(115deg, rgba(255,248,220,.05) 0%, transparent 42%),
    linear-gradient(180deg, rgba(40,36,29,.97), rgba(23,20,16,.99)) !important;
  border: 1px solid rgba(225,214,183,.30) !important;
  border-radius: 16px !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.45) !important;
  overflow: hidden;
}
#lead-feed::before {
  content: "";
  position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(240,232,206,.45), transparent);
  pointer-events: none; z-index: 2;
}
.feed-hd {
  background: linear-gradient(180deg, rgba(225,214,183,.09), transparent) !important;
  border-bottom: 1px solid rgba(225,214,183,.14) !important;
  padding: 13px 18px !important;
}
.feed-title {
  color: #FFFDF4 !important;
  letter-spacing: .16em !important;
  text-shadow: 0 0 14px rgba(240,232,206,.25) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}
.feed-sub { color: rgba(244,241,233,.30) !important; font-size: 11px !important; }
.feed-page-pill {
  display: inline-flex;
  align-items: center;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .06em;
  padding: 5px 12px;
  border-radius: 20px;
  border: 1px solid rgba(225,214,183,.26);
  color: rgba(240,232,206,.72);
  background: rgba(225,214,183,.07);
}
body.authed #f-sort {
  background: #1E1B18 !important;
  border-color: rgba(225,214,183,.2) !important;
  color: rgba(244,241,233,.55) !important;
  font-size: 10px !important;
}

.feed-cols {
  display: grid !important;
  grid-template-columns: 48px 1.6fr 90px 70px 100px 140px !important;
  gap: 8px !important;
  align-items: center;
  padding: 8px 18px !important;
  border-bottom: 1px solid rgba(225,214,183,.10) !important;
  background: rgba(0,0,0,.38) !important;
}
.feed-cols > div {
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  color: rgba(225,214,183,.45) !important;
  text-transform: uppercase !important;
}
.feed-cols > div:first-child { text-align: center; }

.lead-row,
.preview-row {
  display: grid !important;
  grid-template-columns: 48px 1.6fr 90px 70px 100px 140px !important;
  gap: 8px !important;
  align-items: center;
  padding: 12px 18px !important;
  border-bottom: 1px solid rgba(225,214,183,.055) !important;
  border-left: 2px solid transparent !important;
  cursor: pointer;
}
.lead-row:hover,
.preview-row:hover {
  background: rgba(225,214,183,.03) !important;
  border-left-color: rgba(240,232,206,.5) !important;
}
.lead-name,
.preview-name {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: .02em;
}
.lead-addr,
.preview-addr {
  color: rgba(244,241,233,.40) !important;
  font-size: 11px !important;
  margin-top: 2px;
}

/* Signed-out sample rows: identity fields blurred — the rows are fictional,
   but the blur both signals "sign in to reveal" and guarantees no readable
   name/address ever shows pre-auth (PII + exclusivity promise) */
.preview-name,
.preview-addr {
  filter: blur(4.5px) !important;
  user-select: none !important;
  pointer-events: none;
}

/* Score rings — gold only (kill green/blue/purple rings) */
.score-ring,
.preview-score,
.ring-verified,
.ring-confirmed,
.ring-active,
.ring-monitoring,
.ring-noise {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-family: "JetBrains Mono", monospace !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #FFFDF4 !important;
  -webkit-text-fill-color: #FFFDF4 !important;
  border: 1.5px solid rgba(240,232,206,.55) !important;
  background: rgba(225,214,183,.12) !important;
  box-shadow: 0 0 12px rgba(225,214,183,.28) !important;
}
.ring-verified::before {
  opacity: .45 !important;
  background: conic-gradient(
    transparent 0deg, transparent 220deg,
    rgba(225,214,183,.35) 280deg,
    rgba(240,232,206,.75) 340deg,
    transparent 360deg
  ) !important;
}

/* Tier column: check for top tiers, muted gold text otherwise */
.tbadge {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #E4C765 !important;
  -webkit-text-fill-color: #E4C765 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 0 !important;
}
.t-verified, .t-elite, .t-premium {
  font-size: 0 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
.t-verified::before, .t-elite::before, .t-premium::before {
  content: "✓";
  font-size: 14px;
  color: #E4C765;
  -webkit-text-fill-color: #E4C765;
  text-shadow: 0 0 8px rgba(240,232,206,.4);
}
.t-active, .t-standard, .t-confirmed, .t-high, .t-good, .t-monitoring, .t-noise, .t-low,
span.t-active, span.t-standard, span.t-confirmed {
  background: transparent !important;
  border: none !important;
  color: #E4C765 !important;
  -webkit-text-fill-color: #E4C765 !important;
  text-transform: capitalize !important;
}
/* Kill leftover green/blue/pink system colors in feed chips */
.lead-row .sig,
.lead-row .svc,
.lead-row .cbadge,
.lead-row .tbadge {
  background: rgba(225,214,183,.08) !important;
  color: #E4C765 !important;
  -webkit-text-fill-color: #E4C765 !important;
  border-color: rgba(225,214,183,.22) !important;
}
.lead-row .tbadge {
  background: transparent !important;
  border: none !important;
}

.preview-meta,
.svc {
  background: transparent !important;
  border: none !important;
  color: rgba(244,241,233,.45) !important;
  font-size: 12px !important;
  padding: 0 !important;
}
.preview-check {
  color: #E4C765 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}
.preview-county,
.cbadge {
  font-size: 11px !important;
  letter-spacing: .08em !important;
  color: #E4C765 !important;
  font-weight: 650 !important;
  text-transform: uppercase !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}
.preview-acts,
.lead-acts {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
}
/* Buy CTA — solid gold like mock */
.preview-buy,
.btn-claim {
  border: none !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 7px 13px !important;
  border-radius: 7px !important;
  background: linear-gradient(135deg, #FFFDF4, #E4C765 40%, #E1D6B7) !important;
  color: #0a0800 !important;
  -webkit-text-fill-color: #0a0800 !important;
  text-decoration: none !important;
  box-shadow: 0 2px 12px rgba(225,214,183,.3) !important;
  cursor: pointer;
}
.preview-buy:hover,
.btn-claim:hover {
  filter: brightness(1.06) !important;
  color: #0a0800 !important;
  -webkit-text-fill-color: #0a0800 !important;
  transform: translateY(-1px);
}
.preview-det,
.btn-det {
  border: none !important;
  background: transparent !important;
  color: rgba(244,241,233,.42) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 6px 8px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  cursor: pointer;
}
.preview-det:hover,
.btn-det:hover {
  color: #F3EBD3 !important;
}

/* Quieter floating chrome */
#copilot-btn,
.copilot-fab,
button[onclick*="cop"],
#copilot {
  opacity: .85;
}
body.preview-mode #copilot,
body.preview-mode .copilot-fab,
body.preview-mode #copilot-btn {
  opacity: .55;
}

/* badges → gold system only */
.sig-storm, .sig-heloc, .sig-deed, .sig-new, .sig-hot, .sig-warm,
.sig-verified, .sig-reachable, .sig-ev, .sig-demand,
.ob-developer, .ob-flipper, .ob-repeat, .graph-pill {
  background: rgba(225,214,183,.10) !important;
  color: #E4C765 !important;
  border-color: rgba(225,214,183,.22) !important;
}
body.preview-mode .tbadge { display: none; }

/* Pagination gold */
#pagination { gap: 6px !important; }
.pg-btn {
  background: rgba(0,0,0,.5) !important;
  border: 1px solid rgba(225,214,183,.2) !important;
  color: rgba(244,241,233,.55) !important;
  border-radius: 8px !important;
}
.pg-btn.active, .pg-btn:hover:not(:disabled) {
  background: rgba(225,214,183,.15) !important;
  border-color: rgba(225,214,183,.45) !important;
  color: #F3EBD3 !important;
}
.pg-info { color: rgba(244,241,233,.35) !important; }

.contact-box {
  background: rgba(225,214,183,.05) !important;
  border-color: rgba(225,214,183,.18) !important;
}

/* ── Modules shell (full luxury) ── */
#modules {
  background: transparent !important;
  background-image:
    radial-gradient(ellipse 50% 35% at 70% 0%, rgba(225,214,183,.10), transparent 55%) !important;
  padding: 20px 22px 28px !important;
}
.mod-card {
  background: linear-gradient(165deg, rgba(14,12,10,.94), rgba(3,3,3,.98)) !important;
  border: 1px solid rgba(225,214,183,.26) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,251,238,.04) !important;
  padding: 20px 22px !important;
}
.mod-hdr { margin-bottom: 16px !important; }
.mod-title {
  font-family: "Barlow Condensed", sans-serif !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: #F3EBD3 !important;
  -webkit-text-fill-color: #F3EBD3 !important;
  background: none !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
.mod-sub { color: rgba(244,241,233,.42) !important; font-size: 12px !important; }
#modules h2 {
  color: #F3EBD3 !important;
  font-family: "Barlow Condensed", sans-serif !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
#modules .placeholder .ico { filter: grayscale(1) sepia(1) hue-rotate(5deg) saturate(3); }
#modules a[href^="tel"],
#modules a[href^="mailto"] {
  color: #F3EBD3 !important;
}
#modules a[href^="tel"] i,
#modules a[href^="mailto"] i {
  color: #E1D6B7 !important;
}
/* Kill green contact boxes inside modules */
#modules [style*="34,197,94"],
#modules [style*="22,197,94"],
#modules [style*="52,211,153"] {
  border-color: rgba(225,214,183,.25) !important;
  background: rgba(225,214,183,.08) !important;
}

/* Leaflet / maps dark gold chrome */
.leaflet-container {
  background: #1E1B18 !important;
  border: 1px solid rgba(225,214,183,.22) !important;
  border-radius: 12px !important;
}
.leaflet-control-zoom a {
  background: #262219 !important;
  color: #F3EBD3 !important;
  border-color: rgba(225,214,183,.3) !important;
}

/* Lead detail expand panels */
.lead-detail {
  background: rgba(8,6,4,.95) !important;
  border-top: 1px solid rgba(225,214,183,.14) !important;
}
.lead-detail .detail-grid,
.lead-detail .contact-box {
  border-color: rgba(225,214,183,.2) !important;
}

/* Toast gold */
#toast {
  z-index: 9999 !important;
  position: fixed !important;   /* was 'relative' — dropped the toast into page flow & collapsed it */
  bottom: 24px !important; right: 24px !important;
  width: 340px !important;
  max-width: calc(100vw - 32px) !important;
  background: #221E15 !important;
  border: 1px solid rgba(225,214,183,.35) !important;
  color: #F4F1E9 !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.5) !important;
}

/* Copilot / Ivy FAB gold */
#copilot, .copilot-fab, #copilot-btn,
button.copilot-fab, [id*="copilot"] button,
.fixed.bottom-6 button, #ivy-fab {
  background: linear-gradient(135deg, #FFFDF4, #E1D6B7) !important;
  color: #0a0800 !important;
  border: none !important;
  box-shadow: 0 4px 20px rgba(225,214,183,.35) !important;
}

/* Skeleton gold shimmer */
.skel {
  background: linear-gradient(90deg, rgba(225,214,183,.06), rgba(225,214,183,.14), rgba(225,214,183,.06)) !important;
  background-size: 200% 100% !important;
}

/* Scrollbars gold-dim */
::-webkit-scrollbar-thumb {
  background: rgba(225,214,183,.25) !important;
}
::-webkit-scrollbar-track {
  background: #121212 !important;
}

@media (max-width: 1100px) {
  #stat-row { grid-template-columns: repeat(2, 1fr) !important; }
  #tlyn-bolts { opacity: .75 !important; }
}
@media (max-width: 900px) {
  #tlyn-bolts { opacity: .55 !important; }
  .feed-cols,
  .preview-row,
  .lead-row { grid-template-columns: 44px 1fr 90px !important; }
  .feed-cols > div:nth-child(n+4),
  .preview-row > :nth-child(n+4),
  .lead-row > :nth-child(n+4) { display: none; }
}

/* Territory bar */
#territory-bar {
  background: rgba(225,214,183,.06) !important;
  border: 1px solid rgba(225,214,183,.2) !important;
  border-radius: 12px !important;
  color: #E4C765 !important;
}

/* Profile dropdown gold */
.profile-dropdown .pd-header {
  background: rgba(225,214,183,.06) !important;
  border-bottom-color: rgba(225,214,183,.18) !important;
}
.pd-header-name { color: #FFFDF4 !important; }
.pd-header-role { color: rgba(225,214,183,.55) !important; }
.pd-item:hover { background: rgba(225,214,183,.08) !important; color: #F3EBD3 !important; }

/* Hide filter-bar count line clutter spacing */
#filter-bar .f-ct { letter-spacing: .04em; }

/* Detail expanded panels inside feed */
.lead-detail,
[id^="det-"] {
  background: linear-gradient(180deg, rgba(12,10,8,.98), rgba(4,4,4,.99)) !important;
}

/* Map full-bleed cards */
#heat-map, #map, .map-wrap, #route-map, #canvass-map {
  border: 1px solid rgba(225,214,183,.22) !important;
  border-radius: 12px !important;
  overflow: hidden;
}

/* Module inputs / selects gold focus */
#modules input, #modules select, #modules textarea {
  background: #1E1B18 !important;
  border-color: rgba(225,214,183,.2) !important;
  color: #F4F1E9 !important;
}
#modules input:focus, #modules select:focus, #modules textarea:focus {
  border-color: rgba(225,214,183,.5) !important;
  outline: none !important;
}

/* KPI-ish blocks inside modules */
#modules .kpi, #modules .stat, #modules [class*="kpi"] {
  border-color: rgba(225,214,183,.22) !important;
}

/* Tables inside modules */
#modules table { border-color: rgba(225,214,183,.15) !important; }
#modules th {
  color: rgba(225,214,183,.55) !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
}
#modules td { border-color: rgba(225,214,183,.08) !important; }

/* Back / secondary buttons in modules */
#modules button:not(.btn-claim):not(.preview-buy) {
  border-color: rgba(225,214,183,.22) !important;
}

/* Score breakdown bars always gold */
.sl-fill { background: linear-gradient(90deg, #8A6D1A, #F3EBD3) !important; }
.sl-pts, .sl-label { color: #E4C765 !important; }
.sl-desc { color: rgba(244,241,233,.4) !important; }
.sl-track { background: rgba(225,214,183,.1) !important; }
.next-tier-fill { background: linear-gradient(90deg, #8A6D1A, #F3EBD3) !important; }
.next-tier-bar { background: rgba(225,214,183,.12) !important; }
.intel-bonus { color: #E4C765 !important; }
.dc-title { color: #F3EBD3 !important; }
.dc-front, .dc-back {
  background: rgba(8,6,4,.98) !important;
  border-color: rgba(225,214,183,.2) !important;
}
.dk { color: rgba(225,214,183,.55) !important; }
.dv { color: #F4F1E9 !important; }
.row-flip, .dc-flip-btn {
  color: #E1D6B7 !important;
  border-color: rgba(225,214,183,.25) !important;
}
.reason {
  border-left: 2px solid rgba(225,214,183,.35) !important;
  color: rgba(244,241,233,.65) !important;
}
/* LinkedIn box → gold system */
.lead-detail [style*="10,102,194"],
.lead-detail [style*="0a66c2"],
.lead-detail [style*="10,102,194"] {
  background: rgba(225,214,183,.08) !important;
  border-color: rgba(225,214,183,.22) !important;
}

/* v15 density */
body.authed #filter-bar .qf {
  max-width: 128px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.authed #filter-bar .f-sep {
  background: rgba(225,214,183,.15) !important;
}
body.authed .stat-val {
  font-size: 26px !important;   /* was 32 — shorter stat cards, more feed room */
  letter-spacing: -1.4px !important;
}
body.authed .feed-title {
  font-size: 15px !important;
  letter-spacing: .18em !important;
}

/* ═══ v17 — compact signed-in shell (closer to mock density) ═══ */
body.authed #main {
  gap: 12px !important;
  padding: 16px 20px 24px !important;
}
body.authed #hero-band { gap: 10px !important; }

/* Hide carnival quick-filters when signed in — keep real controls only */
body.authed #filter-bar .qf,
body.authed #filter-bar .qf + .f-sep,
body.authed #filter-bar .f-sep:has(+ .qf) {
  display: none !important;
}
/* Fallback if :has unsupported — hide all seps next to qf via class */
body.authed #filter-bar .f-sep { opacity: .35; }

body.authed #filter-bar {
  padding: 7px 12px !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  gap: 8px !important;
  min-height: 42px !important;
  align-items: center !important;
}
body.authed #filter-bar .f-sel,
body.authed #filter-bar .f-inp {
  padding: 5px 9px !important;
  font-size: 11px !important;
  border-radius: 7px !important;
}
body.authed #filter-bar .f-lbl {
  font-size: 10px !important;
}

/* Bolts: left wrap on Total card edge; right forks lighter */
body.authed #tlyn-bolts {
  background-position: 10% 38%, 102% -28% !important;
  background-size: min(400px, 36%) auto, min(680px, 58%) auto !important;
  opacity: .92 !important;
  top: -8px !important;
  bottom: -6px !important;
}

/* Feed denser rows */
body.authed .lead-row {
  padding: 10px 16px !important;
}
body.authed .feed-hd {
  padding: 11px 16px !important;
}
body.authed .feed-cols {
  padding: 6px 16px !important;
}

/* Stronger glass edge on KPIs */
body.authed .stat-card {
  min-height: 76px !important;   /* was 108 — reclaim vertical room for the lead feed */
  border-color: rgba(225,214,183,.36) !important;
}

/* Hide second f-sep clusters that look empty */
body.authed #filter-bar .f-sp { min-width: 8px; }

body.authed #qf-verified,
body.authed #qf-storm,
body.authed #qf-heloc,
body.authed #qf-today,
body.authed #qf-mytrades {
  display: none !important;
}

/* v18 nav + sidebar denser bank feel */
body.authed #topnav { height: 50px !important; }
body.authed #sidebar { width: 208px !important; }
body.authed .sb-item { padding: 8px 10px !important; font-size: 12px !important; }
body.authed .nav-logo { font-size: 18px !important; letter-spacing: .22em !important; }

/* Hide double seps always */
#filter-bar .f-sep + .f-sep { display: none !important; }

/* Mock-like feed glass sheen */
body.authed #lead-feed::after {
  content: "";
  position: absolute;
  top: 0; right: 0;
  width: 42%; height: 70px;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 20%, rgba(255,251,238,.04) 50%, transparent 80%);
  z-index: 1;
}
body.authed #sidebar {
  box-shadow: inset -1px 0 0 rgba(225,214,183,.12), 4px 0 24px rgba(0,0,0,.35) !important;
}
body.authed .sb-item.active {
  box-shadow: 0 0 24px rgba(225,214,183,.14), inset 0 0 0 1px rgba(225,214,183,.08) !important;
}

/* v20 bolt retune — wrap Total + arc over right KPIs */
body.authed #tlyn-bolts {
  background-image:
    url('/assets/ui-previews/bolt-plate.png'),
    url('/assets/ui-previews/bolt-plate.png'),
    url('/assets/ui-previews/bolt-plate.png') !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
  background-position: 8% 45%, 70% -40%, 108% -10% !important;
  background-size: min(380px, 34%) auto, min(520px, 48%) auto, min(560px, 50%) auto !important;
  opacity: .94 !important;
  filter: brightness(1.24) saturate(1.14) contrast(1.05) !important;
}
body.authed #briefing {
  padding: 10px 16px !important;
  min-height: 40px !important;
}
body.authed .brief-title {
  font-size: 13px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.authed #stat-row { gap: 10px !important; }
body.authed .stat-card { padding: 14px 16px 12px !important; }

/* v21 — confirmed tier as check (mock) */
body.authed .t-confirmed {
  font-size: 0 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
body.authed .t-confirmed::before {
  content: "✓";
  font-size: 14px;
  color: #E4C765;
  -webkit-text-fill-color: #E4C765;
  text-shadow: 0 0 8px rgba(240,232,206,.4);
}
body.authed #filter-bar .f-ct {
  margin-left: auto;
  font-size: 11px !important;
  color: rgba(240,232,206,.65) !important;
}
/* Copilot: solid gold pill, smaller */
body.authed #copilot,
body.authed .copilot-fab,
body.authed #ivy-fab {
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  padding: 12px 16px !important;
}

/* v22 */
body.authed .btn-det {
  opacity: .55;
  border: 1px solid rgba(225,214,183,.18) !important;
  padding: 6px 10px !important;
}
body.authed .lead-row:hover .btn-det { opacity: 1; color: #F3EBD3 !important; }
body.authed #lead-feed {
  border-color: rgba(225,214,183,.32) !important;
}
body.authed .score-ring {
  width: 38px !important;
  height: 38px !important;
  font-size: 11px !important;
  box-shadow: 0 0 14px rgba(225,214,183,.32) !important;
}
/* County column pure gold caps */
body.authed .cbadge {
  font-size: 10px !important;
  letter-spacing: .1em !important;
}
/* Trade column muted gold */
body.authed .svc {
  font-size: 11px !important;
  color: rgba(228,199,101,.75) !important;
  -webkit-text-fill-color: rgba(228,199,101,.75) !important;
}

/* v23 */
body.authed .placeholder { color: rgba(244,241,233,.4) !important; }
body.authed .placeholder .ico { opacity: .7; }
body.authed .placeholder p { color: rgba(240,232,206,.75) !important; }
/* Nav refresh quieter */
body.authed .nav-btn { letter-spacing: .04em; }
body.authed .nav-meta { font-size: 10px !important; opacity: .7; }
/* Live badge tighter */
body.authed .nav-live {
  padding: 3px 10px !important;
  font-size: 8px !important;
}

/* v24 pagination under feed tighter */
body.authed #pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  padding: 4px 2px 8px;
}
body.authed .pg-btn {
  min-width: 32px;
  height: 32px;
  font-size: 11px !important;
}
/* Stat labels tighter */
body.authed .stat-lbl {
  margin-bottom: 8px !important;
  font-size: 9.5px !important;
}
body.authed .stat-sub {
  font-size: 10px !important;
}
/* Avg ring slightly larger */
body.authed .stat-avg-ring {
  width: 58px !important;
  height: 58px !important;
}

/* v25 */
body.authed #modules {
  min-height: 0;
}
body.authed #modules .mod-card + .mod-card { margin-top: 12px; }
/* Loading spinners gold globally in product */
body.authed .fa-spinner, body.authed .spin {
  color: #E1D6B7 !important;
  border-top-color: #E1D6B7 !important;
}
/* Heat map legend / chips */
body.authed #modules [style*="border-radius:20px"],
body.authed #modules [style*="border-radius: 20px"] {
  border-color: rgba(225,214,183,.3) !important;
}
@keyframes avgFlash {
  0% { filter: drop-shadow(0 0 0 rgba(240,232,206,0)); }
  40% { filter: drop-shadow(0 0 16px rgba(240,232,206,.55)); }
  100% { filter: drop-shadow(0 0 0 rgba(240,232,206,0)); }
}
.stat-avg-ring.avg-flash { animation: avgFlash .7s ease-out; }

/* v26 */
body.authed #f-search { width: 200px !important; min-width: 160px; }
body.authed #f-sub-trade[style*="display: none"],
body.authed #f-sub-trade[style*="display:none"] { display: none !important; }
body.authed .btn-claim {
  min-width: 78px;
  letter-spacing: .02em;
}
body.authed .lead-name {
  font-size: 12.5px !important;
  letter-spacing: .03em !important;
}
body.authed .lead-addr {
  font-size: 10.5px !important;
}
/* Reduce main scroll padding under feed */
body.authed #pagination { margin-top: 2px; }
/* v27 plans/pricing cards */
body.authed #modules .plan-card,
body.authed #modules [class*="plan"],
body.authed #modules [class*="credit"] {
  border-color: rgba(225,214,183,.22) !important;
}
body.authed #modules .btn-claim,
body.authed #modules button.btn-claim {
  background: linear-gradient(135deg, #FFFDF4, #E1D6B7) !important;
  color: #0a0800 !important;
}

/* v28 bolt delicacy */
body.authed #tlyn-bolts {
  background-position: 11% 42%, 72% -45%, 105% -15% !important;
  background-size: min(360px, 32%) auto, min(480px, 44%) auto, min(600px, 54%) auto !important;
  opacity: .88 !important;
}


/* ═══════════════════════════════════════════════════════════════
   MOCK1 — force Tab-1 preview layout (mock-lightning-arcs.jpg)
   ═══════════════════════════════════════════════════════════════ */

/* Hide filter strip by default — mock has none */
#filter-bar.filters-collapsed,
body.authed #filter-bar:not(.filters-open) {
  display: none !important;
}
#filter-bar.filters-open {
  display: flex !important;
}
.feed-filter-toggle {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 20px;
  border: 1px solid rgba(225,214,183,.28);
  background: rgba(225,214,183,.06);
  color: rgba(240,232,206,.75);
  cursor: pointer;
}
.feed-filter-toggle.active,
.feed-filter-toggle:hover {
  background: rgba(225,214,183,.14);
  color: #FFFDF4;
  border-color: rgba(225,214,183,.45);
}
body.preview-mode .feed-filter-toggle { display: none !important; }
body.authed #f-sort { display: none !important; }
body.authed .feed-sub { display: none !important; }

/* Full-width mock bolt plate across hero */
#tlyn-bolts,
.tlyn-lightning,
body.authed #tlyn-bolts {
  position: absolute !important;
  left: -3% !important;
  right: -5% !important;
  top: -24px !important;
  bottom: -24px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  /* clean bolt plate only (no UI ghosts): left wrap + right forks */
  background-image:
    url('/assets/ui-previews/bolt-mock.png'),
    url('/assets/ui-previews/bolt-mock.png') !important;
  background-repeat: no-repeat, no-repeat !important;
  background-position: 5% 40%, 100% -5% !important;
  background-size: min(520px, 48%) auto, min(780px, 72%) auto !important;
  mix-blend-mode: screen !important;
  opacity: .92 !important;
  filter: brightness(1.2) saturate(1.18) contrast(1.05) !important;
}

#hero-band {
  gap: 14px !important;
  padding-bottom: 4px;
}

/* Briefing = thin mock strip */
#briefing,
body.authed #briefing {
  background: linear-gradient(100deg, rgba(225,214,183,.07), rgba(0,0,0,.12) 40%, transparent) !important;
  border: 1px solid rgba(225,214,183,.2) !important;
  border-radius: 10px !important;
  padding: 12px 18px !important;
  min-height: 44px !important;
  backdrop-filter: blur(8px) !important;
  box-shadow: none !important;
}
.brief-title,
body.authed .brief-title {
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: rgba(244,241,233,.9) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* KPI glass — private bank dark glass */
#stat-row {
  gap: 14px !important;
}
.stat-card,
body.authed .stat-card {
  background: linear-gradient(160deg, rgba(18,14,10,.45), rgba(0,0,0,.55)) !important;
  border: 1px solid rgba(225,214,183,.38) !important;
  border-radius: 14px !important;
  min-height: 120px !important;
  padding: 18px 18px 16px !important;
  backdrop-filter: blur(16px) saturate(1.2) !important;
  box-shadow:
    0 16px 40px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,251,238,.08) !important;
}
.stat-val,
body.authed .stat-val,
#s-total, #s-hot, #s-avg, #s-crew {
  font-size: 34px !important;
  letter-spacing: -1.6px !important;
  color: #F3EBD3 !important;
  -webkit-text-fill-color: #F3EBD3 !important;
  filter: drop-shadow(0 0 16px rgba(225,214,183,.45)) !important;
}
.stat-lbl {
  font-size: 10px !important;
  letter-spacing: .16em !important;
  color: rgba(225,214,183,.75) !important;
  margin-bottom: 12px !important;
}
.stat-avg-ring {
  width: 62px !important;
  height: 62px !important;
  box-shadow: 0 0 22px rgba(240,232,206,.4) !important;
}

/* Main page black void */
body.authed #main {
  padding: 18px 24px 28px !important;
  gap: 16px !important;
  background: transparent !important;
}

/* Feed = mock vault panel */
#lead-feed,
body.authed #lead-feed {
  background: linear-gradient(180deg, rgba(12,10,8,.97), rgba(2,2,2,.99)) !important;
  border: 1px solid rgba(225,214,183,.32) !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.55) !important;
}
.feed-hd {
  padding: 14px 20px !important;
  background: linear-gradient(180deg, rgba(225,214,183,.12), transparent) !important;
}
.feed-title,
body.authed .feed-title {
  font-size: 15px !important;
  letter-spacing: .2em !important;
  color: #FFFDF4 !important;
  text-shadow: 0 0 18px rgba(240,232,206,.35) !important;
}
.feed-page-pill {
  display: inline-flex !important;
}

/* Rows denser mock */
body.authed .lead-row {
  padding: 12px 20px !important;
  grid-template-columns: 48px 1.7fr 100px 70px 110px 150px !important;
}
body.authed .feed-cols {
  grid-template-columns: 48px 1.7fr 100px 70px 110px 150px !important;
  padding: 8px 20px !important;
}
body.authed .score-ring {
  width: 40px !important;
  height: 40px !important;
  border-width: 2px !important;
  box-shadow: 0 0 16px rgba(225,214,183,.35) !important;
}
body.authed .btn-claim {
  padding: 8px 16px !important;
  font-size: 11px !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #FFF8E0, #F3EBD3 35%, #E1D6B7) !important;
  box-shadow: 0 2px 14px rgba(225,214,183,.4) !important;
}
body.authed .btn-det {
  opacity: .5;
}

/* Hide Ivy chat bubble for mock plate purity — keep accessible via keyboard? user hated clutter */
body.authed #copilot,
body.authed .copilot-fab,
body.authed #ivy-fab,
body.authed [class*="copilot"] {
  display: none !important;
}

/* Sidebar darker bank rail */
body.authed #sidebar {
  width: 212px !important;
  background: linear-gradient(180deg, #26221C, #1B1712) !important;
  border-right: 1px solid rgba(225,214,183,.24) !important;
}
body.authed #topnav {
  height: 52px !important;
  background: rgba(0,0,0,.96) !important;
  border-bottom: 1px solid rgba(225,214,183,.24) !important;
}

/* mock2b — kill Ivy fab hard */
body.authed #ivy-root,
body.authed #ivy-fab,
body.authed #ivy,
body.authed .ivy-fab,
body.authed .ivy-launcher,
body.authed button[title*="Ivy" i],
body.authed button[aria-label*="Ivy" i],
body.authed [id*="ivy" i],
body.authed [class*="ivy" i] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* Hide sort when signed-in for mock plate (page pill remains) */
body.authed #f-sort { display: none !important; }

/* Companion chat must stay visible when signed in.
   (Old mock3 rules hid #cop-fab / #cop-panel under body.authed — that broke chat.) */

/* ── BRIGHT VARIANT: warm ambient glow lifting the page out of pitch black ── */
#shell::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(60% 40% at 18% 0%, rgba(212,175,55,0.08), transparent 60%),
    radial-gradient(50% 35% at 85% 8%, rgba(212,175,55,0.06), transparent 60%),
    radial-gradient(70% 50% at 50% 100%, rgba(212,175,55,0.03), transparent 70%);
}

/* ── BOO'S GOLD: #E1D6B7 champagne — metallic band treatment ──────────
   Picked by eye from the mock (imagecolorpicker 2026-07-11). The metal
   look = light→shade→light banding with a near-white glint on top. */
.stat-val,
#s-total, #s-hot, #s-avg, #s-crew,
#stat-row .stat-val {
  background: linear-gradient(180deg,
    #FFFFFA 0%, #F6EED6 40%, #E1D6B7 62%, #D9CCA6 78%, #F2E9CE 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #E1D6B7 !important; /* fallback */
  filter: drop-shadow(0 1px 10px rgba(225,214,183,.35)) !important;
}
.feed-title {
  background: linear-gradient(180deg, #FFFEF8 10%, #E1D6B7 70%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.nav-logo {
  background: linear-gradient(180deg, #FFFEF8 5%, #EAE0C2 45%, #CDC09B 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
/* glassier card sweep with the whiter metal */
.stat-card::before {
  background:
    linear-gradient(120deg, rgba(255,252,240,.16) 0%, rgba(255,252,240,.06) 26%, transparent 46%),
    linear-gradient(300deg, rgba(255,252,240,.04) 0%, transparent 30%) !important;
}

/* ── MOCK-FIDELITY PASS: serif numerals, thin arcs, gloss, lit rail ── */
.stat-val, #s-total, #s-hot, #s-avg, #s-crew, #stat-row .stat-val {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 600 !important;
  font-size: 42px !important;
  letter-spacing: .01em !important;
  line-height: 1 !important;
}
.brief-title {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 21px !important;
  font-weight: 500 !important;
  color: #F2EAD5 !important;
}
/* thin filament arcs (the mock's lightning) instead of cloudy plates */
#tlyn-bolts, .tlyn-lightning {
  background-image: url('/assets/ui-previews/bolts.svg'), url('/assets/ui-previews/bolts.svg') !important;
  background-position: -2% 30%, 104% 0% !important;
  background-size: 58% auto, 46% auto !important;
  opacity: .95 !important;
  filter: brightness(1.1) !important;
}
/* stronger piano-black gloss bands */
.stat-card::before {
  background:
    linear-gradient(120deg, rgba(255,252,240,.20) 0%, rgba(255,252,240,.07) 24%, transparent 44%),
    linear-gradient(120deg, transparent 52%, rgba(255,252,240,.05) 62%, transparent 74%) !important;
}
/* top-lit sidebar like the mock's left rail */
#sidebar {
  background: linear-gradient(168deg, #3A342B 0%, #241F19 34%, #16130E 100%) !important;
  box-shadow: inset -1px 0 0 rgba(255,251,238,.04) !important;
}

/* numerals above the gloss sweep — kills the "engraved" wash */
.stat-val, #s-total, #s-hot, #s-avg, #s-crew {
  position: relative !important;
  z-index: 3 !important;
}
/* bolts.svg was drawn as ONE full-hero composition (1200x320) — let it be */
#tlyn-bolts, .tlyn-lightning {
  background-image: url('/assets/ui-previews/bolts.svg') !important;
  background-repeat: no-repeat !important;
  background-position: center 12% !important;
  background-size: 96% auto !important;
  opacity: .9 !important;
}

/* the black 1px text-shadow was the "engraved" culprit — glow only */
.stat-val, #s-total, #s-hot, #s-avg, #s-crew, #stat-row .stat-val {
  text-shadow: none !important;
  font-weight: 700 !important;
  filter: drop-shadow(0 0 14px rgba(240,232,206,.45)) !important;
}

/* ══ MATERIAL PASS (Boo 2026-07-11): "black glass + brightness AND
   shadows + light-light gold + little offset brown"
   Not flat hexes — a lighting model:
   · cards = BLACK glass (not brown satin) with hot specular sweeps
   · deep drop-shadows return (HDR: bright highlights over real dark)
   · brown appears only as OFFSET accents: warm edges, underglow
   · numerals stay light-light gold #E1D6B7→white ══ */

html, body { background: #0C0B0A !important; }
#shell {
  background: radial-gradient(140% 110% at 50% -20%, #191713 0%, #0C0B0A 55%, #070706 100%) !important;
}

.stat-card {
  background: linear-gradient(160deg, #13110E 0%, #0A0908 55%, #070606 100%) !important;
  border: 1px solid rgba(166,138,86,.32) !important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.85),
    0 6px 18px rgba(0,0,0,.6),
    0 16px 44px rgba(94,74,44,.12),
    inset 0 1px 0 rgba(255,251,238,.14),
    inset 0 -1px 0 rgba(94,74,44,.28) !important;
}
.stat-card::before {
  background:
    linear-gradient(118deg, rgba(255,252,242,.22) 0%, rgba(255,252,242,.08) 20%, transparent 42%),
    linear-gradient(118deg, transparent 55%, rgba(255,252,242,.05) 66%, transparent 78%),
    radial-gradient(90% 60% at 85% 115%, rgba(94,74,44,.22), transparent 60%) !important;
}

#briefing {
  background:
    linear-gradient(115deg, rgba(255,252,242,.10) 0%, transparent 32%),
    linear-gradient(105deg, #14120F, #0A0908 60%, #0D0C0A) !important;
  border: 1px solid rgba(166,138,86,.28) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,251,238,.10) !important;
}

#lead-feed {
  background:
    linear-gradient(115deg, rgba(255,252,242,.06) 0%, transparent 38%),
    linear-gradient(180deg, #12100D, #080807) !important;
  border: 1px solid rgba(166,138,86,.30) !important;
  box-shadow:
    0 26px 64px rgba(0,0,0,.8),
    0 14px 40px rgba(94,74,44,.10),
    inset 0 1px 0 rgba(255,251,238,.10) !important;
}

#sidebar {
  background: linear-gradient(168deg, #2A251E 0%, #17140F 42%, #0B0A08 100%) !important;
}

/* ═══════════ v9 MOCK-FIDELITY FINAL — 5-expert /think synthesis ═══════════

/* 1 · PAGE: neutral vignette, no warm dome */
html, body { background: #0A0A0A !important; }
#shell { background: radial-gradient(140% 110% at 50% -20%, #111110 0%, #090909 55%, #060606 100%) !important; }
#shell::before { display: none !important; }
#modules { background-image: none !important; }

/* 2 · CARDS: neutral graphite, ONE sheared 129° specular, warm-white border */
.stat-card, body.authed .stat-card {
  background: linear-gradient(129deg, #0B0B0B 52%, #0A0A0A 70%, #070707 100%) !important;
  border: 1px solid rgba(255,248,232,.12) !important;
  border-radius: 11px !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.85), 0 20px 44px rgba(0,0,0,.55),
              inset 0 1px 0 rgba(255,248,232,.06) !important;
}
.stat-card::before {
  background: linear-gradient(129deg,
    rgba(255,250,240,.16) 0%, rgba(255,250,240,.11) 25%,
    rgba(255,250,240,.06) 49%, rgba(255,250,240,0) 52%) !important;
}

/* 3 · BRIEFING: same material; greeting is a grotesque sans per mock */
#briefing {
  background: linear-gradient(129deg, rgba(255,250,240,.13) 0%, rgba(255,250,240,.05) 50%, transparent 55%), #0B0B0B !important;
  border: 1px solid rgba(255,248,232,.10) !important;
}
.brief-title {
  font-family: "Barlow", "Helvetica Neue", "Inter", sans-serif !important;
  font-size: 21px !important; font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: rgba(233,230,222,.92) !important;
}

/* 4 · NUMERALS: Cormorant 700 · 56px · lining · parchment */
.stat-val, #s-total, #s-hot, #s-avg, #s-crew, #stat-row .stat-val {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 56px !important; font-weight: 700 !important;
  letter-spacing: 0 !important; line-height: .95 !important;
  font-feature-settings: "lnum" 1;
  background: linear-gradient(180deg, #FFFEF6 0%, #ECE3CB 55%, #D9CCA6 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #ECE3CB !important;
  text-shadow: none !important;
  filter: drop-shadow(0 0 14px rgba(240,225,180,.22)) !important;
}

/* 5 · LABELS: BC 700 · 13px · .12em · steady neutral-warm */
.stat-lbl, body.authed .stat-lbl {
  font-size: 13px !important; letter-spacing: .12em !important;
  color: rgba(232,228,218,.62) !important;
}

/* 6 · WORDMARK: Cinzel inscriptional, topnav scale */
.nav-logo {
  font-family: "Cinzel", "Trajan Pro", serif !important;
  font-size: 17px !important; font-weight: 400 !important;
  letter-spacing: .15em !important;
  background: linear-gradient(180deg, #FFF7E3 0%, #EFE3C6 60%, #C6BCA3 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.nav-logo::after {
  font-family: "Cinzel", serif !important;
  font-size: 7.5px !important; letter-spacing: .32em !important;
  color: #C9BC9C !important; -webkit-text-fill-color: #C9BC9C !important;
}

/* 7 · LIGHTNING: photoreal composite ABOVE glass.
   Selector includes body.authed — a stale authed rule was silently winning
   when signed in (why Boo's view never matched the previews). */
#tlyn-bolts, body.authed #tlyn-bolts, .tlyn-lightning {
  position: absolute !important;
  inset: -30px 0 0 0 !important;
  z-index: 5 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  mix-blend-mode: screen !important;
  opacity: .95 !important;
  filter: none !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
  background-image:
    url('/assets/ui-previews/bolt-right.png'),
    url('/assets/ui-previews/bolt-left.png'),
    url('/assets/ui-previews/bolts.svg') !important;
  background-size: 52% auto, 58% auto, 96% auto !important;
  background-position: 97.6% 75.8%, -70.6% 23.3%, center 0 !important;
  -webkit-mask-image: linear-gradient(180deg, #000 0 86%, transparent 100%);
          mask-image: linear-gradient(180deg, #000 0 86%, transparent 100%);
}

/* 8 · SIDEBAR: lit plate dies fast to black; active = rounded pill w/ rim light */
#sidebar, body.authed #sidebar {
  background: linear-gradient(180deg, #3A3833 0%, #12110F 20%, #090909 100%) !important;
  border-right: 1px solid rgba(255,255,255,.05) !important;
}
.sb-sec { color: rgba(230,230,228,.66) !important; letter-spacing: .2em !important; font-size: 9.5px !important; }
.sb-item { color: #C4C4C4 !important; }
.sb-item.active, body.authed .sb-item.active {
  background: linear-gradient(90deg, #484439 0%, #3E3A2F 45%, #221B11 100%) !important;
  border-left: none !important;
  border-radius: 10px !important;
  color: #DBD0B5 !important;
  box-shadow: inset 2px 0 0 #C6B896, inset 0 1px 0 rgba(202,189,155,.35),
              0 0 20px rgba(120,100,60,.18) !important;
}
.sb-gold, .sb-badge.sb-gold {
  background: linear-gradient(180deg, #FAEBD6, #E2CFA6) !important;
  color: #1a1200 !important;   /* was light cream #FFF9E8 — unreadable on the light champagne pill */
  text-shadow: none !important;
}

/* 9 · FEED: flat #0A0A0A + TL wash + gold top seam; satin header; white title */
#lead-feed, body.authed #lead-feed {
  background:
    linear-gradient(180deg, rgba(224,182,116,.14) 0px, rgba(224,182,116,0) 26px),
    radial-gradient(ellipse 120% 62% at 0% -8%,
      rgba(255,246,228,.20) 0%, rgba(255,246,228,.09) 46%,
      rgba(255,246,228,.04) 64%, transparent 68%),
    #0A0A0A !important;
  border: 1px solid rgba(255,248,232,.11) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.85), 0 28px 60px rgba(0,0,0,.5),
              inset 0 1px 0 rgba(255,248,232,.07) !important;
}
.feed-hd, body.authed .feed-hd {
  background:
    linear-gradient(112deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.07) 45%,
      rgba(255,255,255,.02) 56%, rgba(255,255,255,.01) 100%),
    #262421 !important;
  border-bottom: 1px solid rgba(0,0,0,.35) !important;
  min-height: 50px;
  align-items: center;
}
.feed-title, body.authed .feed-title {
  font-size: 19px !important; font-weight: 700 !important; letter-spacing: .06em !important;
  background: none !important;
  color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.5) !important;
}
#feed-page-pill, .feed-page-pill {
  background: linear-gradient(180deg, #F9EACB, #E4CFA4) !important;
  border: none !important; border-radius: 17px !important;
  padding: 7px 14px !important;
  font-size: 12px !important; font-weight: 800 !important;
  color: #14100A !important; -webkit-text-fill-color: #14100A !important;
}
.feed-cols, body.authed .feed-cols {
  background: #2D2C2A !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}
.feed-cols > div { color: #9DA09D !important; letter-spacing: .14em !important; font-size: 10px !important; }
.lead-row, .preview-row { padding: 14px 20px !important; border-bottom: 1px solid rgba(255,248,232,.07) !important; }
.lead-name, .preview-name {
  font-family: "Barlow", sans-serif !important;
  font-size: 14px !important; font-weight: 700 !important;
  letter-spacing: .03em !important; color: #EDEDEA !important;
}
.lead-addr, .preview-addr {
  font-size: 11px !important; letter-spacing: .04em !important;
  color: #9F9C97 !important; margin-top: 4px !important;
}
.preview-meta, .svc { color: #B8B2A6 !important; }
.preview-county, .cbadge {
  color: #FAFAFB !important; -webkit-text-fill-color: #FAFAFB !important;
  font-weight: 700 !important; letter-spacing: .06em !important;
}
.preview-check {
  color: #F1E0BD !important; font-size: 17px !important;
  text-shadow: 0 0 6px rgba(240,220,180,.35) !important;
}

/* 10 · SCORE COINS: solid bronze, beveled, glowless */
.score-ring, .preview-score,
.ring-verified, .ring-confirmed, .ring-active, .ring-monitoring, .ring-noise {
  width: 38px !important; height: 38px !important;
  background: linear-gradient(180deg, #565037 0%, #4C452F 60%, #524A36 100%) !important;
  border: 1.5px solid #7C705B !important;
  border-bottom-color: #3A3325 !important;
  border-right-color: #4E4634 !important;
  box-shadow: inset 0 1px 0 rgba(255,244,218,.18), 0 2px 8px rgba(0,0,0,.5) !important;
  font-family: "Barlow", "Inter", sans-serif !important;
  font-size: 13px !important; font-weight: 700 !important;
  color: #EADDBE !important; -webkit-text-fill-color: #EADDBE !important;
}
.ring-verified::before { display: none !important; }

/* 11 · BUY: bronze satin pill, cream serif — polarity fixed */
/* NOTE: .btn-claim removed here — this dark-bronze+cream-text style collided with
   the light-champagne .btn-claim rules (652/1231/1411), producing light text on a
   light fill (unreadable). .btn-claim now uses the light champagne + dark text
   design consistently; this bronze pill stays for .preview-buy / .vg-btn only. */
.preview-buy, .vg-btn {
  background: linear-gradient(180deg, #5C4D38 0%, #4E4230 55%, #63533A 100%) !important;
  border: 1px solid rgba(212,184,122,.5) !important;
  border-radius: 10px !important;
  padding: 6px 15px !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 17px !important; font-weight: 600 !important;
  letter-spacing: .01em !important; text-transform: none !important;
  color: #FFF6DA !important; -webkit-text-fill-color: #FFF6DA !important;
  box-shadow: inset 0 1px 0 rgba(255,244,214,.28), inset 0 -1px 0 rgba(255,236,190,.12),
              0 4px 12px rgba(0,0,0,.45) !important;
  text-shadow: none !important;
}
.preview-buy:hover, .btn-claim:hover { filter: brightness(1.12) !important; }
.preview-det, .btn-det {
  border: none !important; opacity: 1 !important;
  color: rgba(255,255,255,.72) !important; font-size: 13px !important;
}

/* 12 · CREW FILAMENT: lens hot-spot at the tip */
.pts-fill {
  position: relative !important; overflow: visible !important;
  background: linear-gradient(90deg, #55452A, #EAD6B5 70%, #FFFEE5 88%, #D9C69B 100%) !important;
  box-shadow: none !important;
}
.pts-fill::after {
  content: ""; position: absolute; right: -8px; top: 50%; transform: translateY(-50%);
  width: 56px; height: 14px; border-radius: 50%;
  background: radial-gradient(ellipse, rgba(255,254,229,.9), transparent 70%);
  filter: blur(1px); pointer-events: none;
}

/* 13 · CHROME: bronze bell chip, near-black profile pill */
.nav-meta { color: rgba(255,255,255,.55) !important; }
.nav-ib {
  background: linear-gradient(180deg, #5A4D36, #4A3F2C) !important;
  border: 1px solid rgba(240,218,168,.30) !important;
  border-radius: 10px !important; color: #F0DAA8 !important;
}
.nav-profile { background: #171717 !important; border: 1px solid rgba(255,255,255,.07) !important; }
.nav-profile-avatar { background: linear-gradient(180deg, #E9D9B4, #D3BE93) !important; color: #1A0E00 !important; }
.nav-profile-name { color: #F2F3F3 !important; }
.preview-buy, .btn-claim, body.authed .btn-claim, .vg-btn { white-space: nowrap !important; }

/* ═══ v11 POP PASS — precise delicate arcs (px-solved), warm glow, gold ring ═══ */

/* arcs: scaled to mock delicacy; ring centers on card1 (measured 1180x263 band,
   card1 x0-285 y98-258; bolt-left ring center = 72%/49% of its 720x446 crop) */
#tlyn-bolts, body.authed #tlyn-bolts, .tlyn-lightning {
  background-image:
    url('/assets/ui-previews/bolt-right.png'),
    url('/assets/ui-previews/bolt-left.png'),
    url('/assets/ui-previews/bolts.svg'),
    radial-gradient(40% 50% at 18% 66%, rgba(228,188,120,.15), transparent 70%),
    radial-gradient(45% 42% at 82% 20%, rgba(228,188,120,.12), transparent 70%) !important;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
  background-size: 420px auto, 364px auto, 92% auto, 100% 100%, 100% 100% !important;
  background-position: right -8px top 0, left -196px top 60px, center 8px, center, center !important;
  opacity: .88 !important;
}

/* warmth: sweeps + borders shift from near-white to warm cream */
.stat-card::before {
  background: linear-gradient(129deg,
    rgba(255,244,214,.19) 0%, rgba(255,244,214,.12) 25%,
    rgba(255,244,214,.06) 49%, rgba(255,244,214,0) 52%) !important;
}
.stat-card, body.authed .stat-card { border-color: rgba(255,242,210,.14) !important; }
#briefing { border-color: rgba(255,242,210,.12) !important; }
#lead-feed, body.authed #lead-feed { border-color: rgba(255,242,210,.13) !important; }

/* pop: numerals get a double glow halo like the mock */
.stat-val, #s-total, #s-hot, #s-avg, #s-crew, #stat-row .stat-val {
  filter: drop-shadow(0 0 10px rgba(244,226,178,.40))
          drop-shadow(0 0 26px rgba(228,196,128,.20)) !important;
}

/* avg-score ring: warm gold conic + bloom (was white) */
#s-avg-ring, .stat-avg-ring, .avg-ring {
  background:
    radial-gradient(closest-side, #0B0B0A 72%, transparent 73% 100%),
    conic-gradient(from -90deg, #F3E3B4 0%, #D9B878 calc(var(--pct, 0%) * .55),
      #A9834A var(--pct, 0%), rgba(120,105,70,.22) var(--pct, 0%)) !important;
  box-shadow: 0 0 24px rgba(240,210,140,.45), inset 0 0 10px rgba(240,210,140,.15) !important;
}
#s-avg-pct, .stat-avg-pct { color: #F3E8CC !important; text-shadow: 0 0 10px rgba(240,210,140,.5) !important; }

/* feed gold seam slightly hotter */
#lead-feed, body.authed #lead-feed {
  background:
    linear-gradient(180deg, rgba(228,186,116,.18) 0px, rgba(228,186,116,0) 28px),
    radial-gradient(ellipse 120% 62% at 0% -8%,
      rgba(255,246,228,.20) 0%, rgba(255,246,228,.09) 46%,
      rgba(255,246,228,.04) 64%, transparent 68%),
    #0A0A0A !important;
}

/* ═══ v13 MIRROR PASS — "as if I put my face to it" ═══ */

/* sidebar: lit welcoming plate + full-rail diagonal mirror band */
#sidebar, body.authed #sidebar {
  background:
    linear-gradient(115deg, rgba(255,246,224,.11) 0%, rgba(255,246,224,.045) 30%, transparent 47%),
    linear-gradient(180deg, #454138 0%, #23201B 30%, #100F0D 72%, #0B0A09 100%) !important;
}
.sb-item { color: #D6D6D3 !important; }

/* feed: broad diagonal mirror sweep across the whole panel */
#lead-feed, body.authed #lead-feed {
  background:
    linear-gradient(180deg, rgba(228,186,116,.18) 0px, rgba(228,186,116,0) 28px),
    linear-gradient(118deg, rgba(255,248,230,.10) 0%, rgba(255,248,230,.05) 30%, rgba(255,248,230,.015) 50%, transparent 60%),
    radial-gradient(ellipse 120% 62% at 0% -8%,
      rgba(255,246,228,.16) 0%, rgba(255,246,228,.07) 46%, transparent 66%),
    #0B0B0A !important;
}

/* warmth: shift ambient bath toward rosegold */
#tlyn-bolts, body.authed #tlyn-bolts, .tlyn-lightning {
  background-image:
    url('/assets/ui-previews/bolt-right.png'),
    url('/assets/ui-previews/bolt-left.png'),
    radial-gradient(40% 50% at 18% 66%, rgba(230,182,132,.16), transparent 70%),
    radial-gradient(45% 42% at 82% 20%, rgba(230,182,132,.13), transparent 70%) !important;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat !important;
  background-size: 420px auto, 364px auto, 100% 100%, 100% 100% !important;
  background-position: right -8px top 0, left -196px top 60px, center, center !important;
}

/* ═══ v14 — hand-drawn flowing arcs replace the pasted plates ═══ */
#tlyn-bolts, body.authed #tlyn-bolts, .tlyn-lightning {
  background-image:
    url('/assets/ui-previews/storm-arcs.svg'),
    radial-gradient(38% 48% at 9% 66%, rgba(230,182,132,.15), transparent 70%),
    radial-gradient(42% 40% at 78% 18%, rgba(230,182,132,.12), transparent 70%) !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
  background-size: 100% 100%, 100% 100%, 100% 100% !important;
  background-position: center, center, center !important;
  opacity: .92 !important;
  -webkit-mask-image: none !important;
          mask-image: none !important;
}

/* ═══ v15 — PRESENCE PASS: bigger brighter wording, humble luxury ═══ */

/* brand block: two clean lines, larger, brighter, never clipped */
#topnav { height: 62px !important; }
.nav-logo {
  font-size: 21px !important;
  letter-spacing: .17em !important;
  background: linear-gradient(180deg, #FFFBEE 0%, #F3E7C8 55%, #D9C89E 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  filter: drop-shadow(0 0 14px rgba(240,224,180,.30)) !important;
}
.nav-brand-sub {
  font-size: 9.5px !important;
  letter-spacing: .34em !important;
  color: rgba(226,210,172,.78) !important;
}
.nav-logo::after { display: none !important; } /* subline retired */

/* wording lift across the shell — bigger, brighter, still quiet */
.sb-item { font-size: 13.5px !important; color: #D9D9D5 !important; }
.sb-sec { font-size: 10px !important; color: rgba(236,234,228,.72) !important; }
.sb-item.active { font-size: 13.5px !important; }
.nav-meta { font-size: 12.5px !important; color: rgba(255,255,255,.62) !important; }
.nav-btn { font-size: 12.5px !important; }
.brief-title { font-size: 23px !important; color: rgba(240,237,229,.95) !important; }
body .stat-lbl, .stat-lbl { font-size: 13.5px !important; color: rgba(236,230,216,.70) !important; }
body .stat-sub, .stat-sub { font-size: 12px !important; color: rgba(200,192,176,.75) !important; }
.lead-name, .preview-name { font-size: 14.5px !important; color: #F2F2EF !important; }
.lead-addr, .preview-addr { color: rgba(200,196,188,.72) !important; }
.f-sel { font-size: 12.5px !important; }
.feed-cols > div { font-size: 10.5px !important; color: rgba(200,202,198,.85) !important; }
/* cache-bust redrawn arcs */
#tlyn-bolts, body.authed #tlyn-bolts, .tlyn-lightning {
  background-image:
    url('/assets/ui-previews/storm-arcs.svg?v=6'),
    radial-gradient(38% 48% at 9% 66%, rgba(230,182,132,.15), transparent 70%),
    radial-gradient(42% 40% at 78% 18%, rgba(230,182,132,.12), transparent 70%) !important;
  opacity: .85 !important;
}
/* screen-blend erases dark pixels — normal blend lets the bronze outline live */
#tlyn-bolts, body.authed #tlyn-bolts, .tlyn-lightning {
  mix-blend-mode: normal !important;
  opacity: .92 !important;
}

/* ═══ v22 FINAL — lightning retired. Luxury carries itself. ═══
   Ambient warmth only: two soft radial glows, zero drawn shapes. */
#tlyn-bolts, body.authed #tlyn-bolts, .tlyn-lightning {
  background-image:
    radial-gradient(42% 52% at 12% 62%, rgba(228,188,128,.10), transparent 72%),
    radial-gradient(46% 44% at 80% 16%, rgba(228,188,128,.08), transparent 72%) !important;
  background-size: 100% 100%, 100% 100% !important;
  background-position: center, center !important;
  background-repeat: no-repeat, no-repeat !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

/* ═══ FEED DENSITY (Boo 2026-07-12): ~25 leads visible in the box ═══ */
.lead-row, body.authed .lead-row {
  padding: 7px 18px !important;
  min-height: 40px;
}
.lead-row .lead-name, .lead-name { font-size: 12.5px !important; }
.lead-row .lead-addr, .lead-addr { font-size: 10px !important; margin-top: 2px !important; }
.score-ring, body.authed .score-ring { width: 30px !important; height: 30px !important; font-size: 11px !important; }
.btn-claim, body.authed .btn-claim { padding: 4px 12px !important; font-size: 14px !important; }
.preview-row { padding: 7px 18px !important; }
.preview-score { width: 30px !important; height: 30px !important; font-size: 11px !important; }
#lead-list {
  max-height: min(1080px, calc(100vh - 300px));
  min-height: 620px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(225,214,183,.25) transparent;
}
#lead-list::-webkit-scrollbar { width: 8px; }
#lead-list::-webkit-scrollbar-thumb { background: rgba(225,214,183,.22); border-radius: 4px; }
/* density v2: single-line rows, all variants */
.preview-name, .lead-name, .preview-addr, .lead-addr {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.preview-name { font-size: 12.5px !important; }
.preview-addr { font-size: 10px !important; margin-top: 2px !important; }
.lead-row, .preview-row, body.authed .lead-row { padding: 5px 18px !important; }
#lead-list { max-height: min(1320px, calc(100vh - 280px)); }

/* ═══════════ ACADEMY — black-glass + champagne gold (Aeternus) ═══════════ */
.acad-hero {
  position: relative; overflow: hidden;
  display: flex; align-items: center; gap: 20px;
  padding: 26px 30px; margin-bottom: 24px; border-radius: 18px;
  background: linear-gradient(160deg, #13110E 0%, #0A0908 55%, #070606 100%) !important;
  border: 1px solid rgba(166,138,86,.34) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.85), 0 6px 18px rgba(0,0,0,.6),
              inset 0 1px 0 rgba(255,251,238,.14), inset 0 -1px 0 rgba(94,74,44,.30) !important;
}
.acad-hero::before {
  content:''; position:absolute; inset:0; pointer-events:none; border-radius:inherit;
  background:
    linear-gradient(118deg, rgba(255,252,242,.20) 0%, rgba(255,252,242,.07) 20%, transparent 42%),
    radial-gradient(120% 90% at 90% 130%, rgba(94,74,44,.28), transparent 62%);
}
.acad-hero > * { position: relative; z-index: 1; }
.acad-hero-badge {
  flex-shrink: 0; width: 58px; height: 58px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; font-size: 30px;
  background: radial-gradient(circle at 40% 32%, #23201b, #0b0a08 72%);
  border: 1px solid rgba(212,184,122,.45);
  box-shadow: 0 0 26px -6px rgba(225,214,183,.4), inset 0 1px 0 rgba(255,251,238,.16);
}
.acad-hero-title {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 700 !important; font-size: 40px !important;
  letter-spacing: .03em !important; line-height: 1 !important;
  background: linear-gradient(180deg,#FFFFFA 0%,#F6EED6 40%,#E1D6B7 62%,#D9CCA6 78%,#F2E9CE 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  filter: drop-shadow(0 0 14px rgba(240,232,206,.45));
}
.acad-hero-sub {
  font-size: 12.5px; color: rgba(225,214,183,.60); margin-top: 7px;
  max-width: 720px; line-height: 1.55;
}
.acad-sec-title {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase;
  color: #C9A94F; margin: 4px 2px 14px;
}
.acad-card {
  position: relative; overflow: hidden; margin-bottom: 14px; border-radius: 15px;
  background: linear-gradient(160deg, #13110E 0%, #0A0908 58%, #070606 100%) !important;
  border: 1px solid rgba(166,138,86,.26) !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.68), 0 4px 12px rgba(94,74,44,.12),
              inset 0 1px 0 rgba(255,251,238,.10), inset 0 -1px 0 rgba(94,74,44,.22) !important;
  transition: border-color .2s, box-shadow .2s, transform .2s;
}
.acad-card::before {
  content:''; position:absolute; inset:0; pointer-events:none; border-radius:inherit; z-index:0;
  background: linear-gradient(118deg, rgba(255,252,242,.13) 0%, rgba(255,252,242,.045) 22%, transparent 44%);
}
.acad-card > * { position: relative; z-index: 1; }
.acad-card:hover {
  border-color: rgba(212,184,122,.5) !important;
  box-shadow: 0 22px 56px rgba(0,0,0,.8), 0 8px 22px rgba(94,74,44,.22),
              inset 0 1px 0 rgba(255,251,238,.16) !important;
  transform: translateY(-2px);
}
.acad-card-done { border-color: rgba(212,184,122,.55) !important; }
.acad-card-icon { filter: drop-shadow(0 2px 6px rgba(0,0,0,.5)); }
.acad-card-title {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 700 !important; font-size: 18.5px !important; letter-spacing: .01em !important;
  line-height: 1.15;
  background: linear-gradient(180deg,#FFFFFA,#F3EBD3 45%,#E1D6B7 78%,#EFE6CC);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}