/* ═══════════════════════════════════════════════════════════════
   APPLICANS DASHBOARD THEME — matches landing page visual system
   Drop into public/ and add <link rel="stylesheet" href="/dashboard-theme.css"/>
   just before </head> in dashboard.html
   ═══════════════════════════════════════════════════════════════ */

/* ── DESIGN TOKENS (align with landing page) ─────────────────── */
:root {
  --bg: #04090f;
  --gold: #c9a84c;
  --gold2: #e4c97a;
  --gold3: #f0d99a;
  --gold4: #a8832a;
  --text: #eee8d8;
  --t2: rgba(238,232,216,.62);
  --t3: rgba(238,232,216,.36);
  --t4: rgba(238,232,216,.16);
  --t5: rgba(238,232,216,.07);
  --h: 'Syne', sans-serif;
  --b: 'DM Sans', sans-serif;
  --ease: cubic-bezier(.16,1,.3,1);
  --gborder: rgba(255,255,255,.08);
  --gborder-gold: rgba(201,168,76,.25);
  --glass: rgba(255,255,255,.032);
  --glass-hi: rgba(255,255,255,.09);
  --gold-dim: rgba(201,168,76,.08);
  --border-gold: rgba(201,168,76,.25);
  --surface: rgba(255,255,255,.032);
  --border: rgba(255,255,255,.08);
}

/* ── BASE ────────────────────────────────────────────────────── */
html, body {
  background: var(--bg) !important;
  color: var(--text) !important;
  font-family: var(--b) !important;
  -webkit-font-smoothing: antialiased;
}

/* Kill the old dashboard ambient blobs */
.amb { display: none !important; }

/* body::before aurora removed — canvas handles it identically to landing page */
body::before { display: none !important; }

/* Suppress the old dashboard noise — we keep it subtle via aurora only */
body::after {
  display: none !important;
}

/* Remove glow from cursor — dashboard only */
#cur-glow { display: none !important; }

/* Gold text cursor bar */
#cur-text {
  position: fixed;
  top: 0; left: 0;
  width: 2px; height: 20px;
  background: rgba(201,168,76,.85);
  border-radius: 1px;
  pointer-events: none;
  z-index: 999999;
  transform: translate(-50%,-50%);
  display: none;
  animation: cblink .85s ease-in-out infinite;
}
body.ct #cur-text { display: block; }
body.ct #cur-canvas { opacity: 0; }
@keyframes cblink { 0%,100%{opacity:1} 50%{opacity:.25} }

/* ── TOPBAR ──────────────────────────────────────────────────── */
.topbar {
  background: rgba(4,9,15,.65) !important;
  backdrop-filter: blur(32px) saturate(1.6) !important;
  -webkit-backdrop-filter: blur(32px) saturate(1.6) !important;
  border-bottom: 1px solid var(--gborder) !important;
  box-shadow: 0 1px 0 rgba(201,168,76,.06) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 200 !important;
}

.tlogo {
  font-family: var(--h) !important;
  font-size: 1.2rem !important;
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
  background: linear-gradient(135deg, var(--gold3), var(--gold)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

.t-plan {
  font-size: .58rem !important;
  letter-spacing: .16em !important;
  background: var(--gold-dim) !important;
  border: 1px solid var(--border-gold) !important;
  border-radius: 20px !important;
  padding: .18rem .7rem !important;
  color: var(--gold) !important;
  cursor: pointer !important;
  transition: all .2s !important;
}
.t-plan:hover { background: rgba(201,168,76,.14) !important; }

.logout-btn, .profile-btn {
  font-family: var(--b) !important;
  font-size: .7rem !important;
  letter-spacing: .06em !important;
  color: var(--t3) !important;
  border: 1px solid var(--gborder) !important;
  border-radius: 6px !important;
  background: none !important;
  padding: .38rem .8rem !important;
  transition: all .2s !important;
}
.logout-btn:hover, .profile-btn:hover {
  color: var(--text) !important;
  border-color: rgba(255,255,255,.18) !important;
  background: var(--surface) !important;
}
.profile-btn:hover { color: var(--gold) !important; border-color: var(--border-gold) !important; }

.ham span { background: var(--t2) !important; }

/* ── SIDEBAR ─────────────────────────────────────────────────── */
.sidebar {
  background: rgba(4,9,15,.97) !important;
  border-right: 1px solid var(--gborder) !important;
  backdrop-filter: blur(32px) !important;
  -webkit-backdrop-filter: blur(32px) !important;
}

.snav-label {
  font-family: var(--h) !important;
  font-size: .52rem !important;
  letter-spacing: .28em !important;
  color: rgba(238,232,216,.12) !important;
  text-transform: uppercase !important;
  padding: 0 1.4rem !important;
  margin-top: 1.6rem !important;
  margin-bottom: .4rem !important;
}

.nav-item {
  font-family: var(--b) !important;
  font-size: .78rem !important;
  color: rgba(238,232,216,.3) !important;
  padding: .62rem 1.4rem !important;
  border-left: 2px solid transparent !important;
  letter-spacing: .01em !important;
  gap: .65rem !important;
  transition: all .2s !important;
  position: relative !important;
}
.nav-item svg { opacity: .5; transition: opacity .2s; }
.nav-item:hover {
  color: rgba(238,232,216,.65) !important;
  background: rgba(255,255,255,.03) !important;
}
.nav-item:hover svg { opacity: .8; }
.nav-item.active {
  color: var(--gold2) !important;
  background: var(--gold-dim) !important;
  border-left-color: var(--gold) !important;
}
.nav-item.active svg { stroke: var(--gold2) !important; opacity: 1 !important; }

.npill {
  font-size: .52rem !important;
  letter-spacing: .1em !important;
  background: rgba(201,168,76,.1) !important;
  color: var(--gold) !important;
  border: 1px solid var(--border-gold) !important;
  border-radius: 10px !important;
  padding: .1rem .38rem !important;
}

/* ── CONTENT AREA ────────────────────────────────────────────── */
.content {
  position: relative !important;
  z-index: 1 !important;
}

/* ── LOGIN BOX ───────────────────────────────────────────────── */
#login-screen {
  background: var(--bg) !important;
}
.login-box {
  background: rgba(4,9,15,.92) !important;
  border: 1px solid var(--border-gold) !important;
  border-radius: 20px !important;
  box-shadow: 0 48px 120px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter: blur(32px) !important;
  position: relative !important;
  overflow: hidden !important;
}
.login-box::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201,168,76,.7) 40%, rgba(201,168,76,.4) 60%, transparent);
}
.login-logo {
  font-family: var(--h) !important;
  font-size: 2rem !important;
  font-weight: 800 !important;
  letter-spacing: -.04em !important;
  background: linear-gradient(135deg, var(--gold3), var(--gold)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.login-sub {
  font-size: .58rem !important;
  letter-spacing: .28em !important;
  text-transform: uppercase !important;
  color: var(--t4) !important;
  border-bottom-color: var(--gborder) !important;
}
.llabel {
  font-family: var(--h) !important;
  font-size: .6rem !important;
  letter-spacing: .16em !important;
  color: var(--t3) !important;
}
.linput {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--gborder) !important;
  border-radius: 8px !important;
  color: var(--text) !important;
  font-family: var(--b) !important;
  transition: all .22s !important;
}
.linput:focus {
  border-color: var(--border-gold) !important;
  background: rgba(201,168,76,.04) !important;
  box-shadow: 0 0 0 3px rgba(201,168,76,.08) !important;
  outline: none !important;
}

/* ── PROFILE BANNER ──────────────────────────────────────────── */
.profile-banner {
  background: rgba(201,168,76,.04) !important;
  border: 1px solid rgba(201,168,76,.15) !important;
  border-radius: 12px !important;
  position: relative !important;
  overflow: hidden !important;
}
.profile-banner::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201,168,76,.4), transparent);
}
.pb-avatar {
  border-radius: 8px !important;
  background: linear-gradient(135deg, var(--gold4), var(--gold)) !important;
}
.pb-name { font-family: var(--h) !important; font-weight: 700 !important; }

/* ── HOME CARDS ──────────────────────────────────────────────── */
.hcard {
  background: rgba(255,255,255,.028) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
  transition: all .32s var(--ease) !important;
  position: relative !important;
  overflow: hidden !important;
}
.hcard::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: transparent;
  transition: background .3s;
}
.hcard:hover {
  border-color: rgba(201,168,76,.28) !important;
  background: rgba(201,168,76,.04) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.4), inset 0 1px 0 rgba(201,168,76,.1) !important;
}
.hcard:hover::before {
  background: linear-gradient(90deg, transparent, rgba(201,168,76,.5), transparent);
}
.hcard h3 { font-family: var(--h) !important; letter-spacing: -.01em !important; }
.ci {
  background: var(--gold-dim) !important;
  border: 1px solid var(--border-gold) !important;
  border-radius: 9px !important;
  transition: all .28s !important;
}
.hcard:hover .ci {
  background: rgba(201,168,76,.16) !important;
  border-color: rgba(201,168,76,.45) !important;
  box-shadow: 0 0 18px rgba(201,168,76,.22) !important;
}
.ci svg { stroke: var(--gold) !important; }
.hcard-plan {
  background: var(--gold-dim) !important;
  border: 1px solid var(--border-gold) !important;
  border-radius: 20px !important;
  color: var(--gold) !important;
}

/* ── PROGRESS SECTION ────────────────────────────────────────── */
.progress-section {
  background: rgba(255,255,255,.025) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(18px) !important;
}
.progress-bar-track {
  background: rgba(255,255,255,.06) !important;
  border-radius: 2px !important;
}
.progress-bar-inner {
  background: linear-gradient(90deg, var(--gold4), var(--gold), var(--gold2)) !important;
  box-shadow: 0 0 8px rgba(201,168,76,.4) !important;
}
.pt-step {
  border: 1px solid var(--gborder) !important;
  border-radius: 20px !important;
  font-size: .68rem !important;
  transition: all .2s !important;
}
.pt-step.pt-done {
  border-color: rgba(68,200,140,.35) !important;
  color: #6eca8f !important;
  background: rgba(68,200,140,.07) !important;
}

/* ── SCHOOL LIST ─────────────────────────────────────────────── */
.sl-item {
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--gborder) !important;
  border-radius: 10px !important;
  transition: all .2s !important;
}
.sl-item:hover {
  border-color: rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.04) !important;
}
.sl-school-name { font-family: var(--h) !important; }
.sl-count {
  background: var(--gold-dim) !important;
  border: 1px solid var(--border-gold) !important;
  color: var(--gold) !important;
}

/* ── WELCOME HEADING ─────────────────────────────────────────── */
.welcome {
  font-family: var(--h) !important;
  font-weight: 800 !important;
  letter-spacing: -.055em !important;
  line-height: 1.0 !important;
}
.welcome .g {
  background: linear-gradient(135deg, var(--gold3) 0%, var(--gold) 50%, var(--gold4) 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.wsub { color: var(--t3) !important; font-weight: 300 !important; }

/* ── SECTION TITLES ──────────────────────────────────────────── */
.ptitle {
  font-family: var(--h) !important;
  font-weight: 800 !important;
  letter-spacing: -.05em !important;
  line-height: 1.0 !important;
}
.ptitle .g {
  background: linear-gradient(135deg, var(--gold3) 0%, var(--gold) 50%, var(--gold4) 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.svc-title {
  font-family: var(--h) !important;
  font-weight: 800 !important;
  letter-spacing: -.055em !important;
  line-height: .98 !important;
}
.svc-title .g {
  background: linear-gradient(135deg, var(--gold3) 0%, var(--gold) 50%, var(--gold4) 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

.stitle {
  font-family: var(--h) !important;
  font-size: .56rem !important;
  letter-spacing: .28em !important;
  color: var(--gold) !important;
  font-weight: 700 !important;
}
.stitle::after {
  background: linear-gradient(to right, rgba(201,168,76,.4), transparent) !important;
}

/* ── EYEBROW / LABEL ─────────────────────────────────────────── */
.eyebrow, .svc-eyebrow, .svc-label {
  font-family: var(--h) !important;
  color: var(--gold) !important;
  letter-spacing: .22em !important;
}
.out-header, .svc-out-label {
  font-family: var(--h) !important;
  color: var(--gold) !important;
  letter-spacing: .22em !important;
}

/* ── OUTPUT BOXES ────────────────────────────────────────────── */
.out-box, .svc-out-shell {
  background: rgba(4,9,15,.95) !important;
  border: 1px solid rgba(201,168,76,.2) !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.svc-out-shell::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201,168,76,.45), transparent);
  pointer-events: none;
}

/* ── FORM INPUTS ─────────────────────────────────────────────── */
.finput, .fselect, .ftextarea,
.hero-input, .luxury-textarea,
.linput, .dl-finput, .chat-input {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--gborder) !important;
  border-radius: 8px !important;
  color: var(--text) !important;
  font-family: var(--h) !important;
  font-weight: 600 !important;
  letter-spacing: -.01em !important;
  transition: all .22s var(--ease) !important;
}
.finput:focus, .fselect:focus, .ftextarea:focus,
.hero-input:focus, .luxury-textarea:focus,
.dl-finput:focus {
  border-color: var(--border-gold) !important;
  background: rgba(201,168,76,.04) !important;
  box-shadow: 0 0 0 3px rgba(201,168,76,.08), inset 0 1px 0 rgba(255,255,255,.04) !important;
  outline: none !important;
}
.hero-input {
  border-bottom: 2px solid rgba(201,168,76,.4) !important;
  border-radius: 8px 8px 4px 4px !important;
  font-size: 1.2rem !important;
}
.hero-input:focus { border-bottom-color: var(--gold) !important; }

/* ── BUTTONS ─────────────────────────────────────────────────── */
.submit-btn, .login-btn, .btn-next,
.svc-cta, .mc-action.primary,
.ctrl-btn.primary, .ps-submit,
.upgrade-btn, .calc-btn {
  font-family: var(--h) !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  background: linear-gradient(135deg, var(--gold4), var(--gold), var(--gold2)) !important;
  color: #06100a !important;
  border: none !important;
  border-radius: 8px !important;
  transition: transform .28s var(--ease), box-shadow .28s !important;
  position: relative !important;
  overflow: hidden !important;
}
.submit-btn:hover, .login-btn:hover, .btn-next:hover,
.svc-cta:hover, .mc-action.primary:hover,
.ctrl-btn.primary:hover, .ps-submit:hover,
.upgrade-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 36px rgba(201,168,76,.5) !important;
}

.ctrl-btn {
  font-family: var(--h) !important;
  font-size: .7rem !important;
  letter-spacing: .08em !important;
  color: var(--t2) !important;
  background: var(--surface) !important;
  border: 1px solid var(--gborder) !important;
  border-radius: 7px !important;
  transition: all .2s !important;
}
.ctrl-btn:hover {
  border-color: rgba(255,255,255,.18) !important;
  color: var(--text) !important;
}

/* ── MATCH CARDS ─────────────────────────────────────────────── */
.match-card, .sc-card, .school-card,
.cost-card, .sch-card, .path-step,
.question-card, .eval-row {
  background: rgba(255,255,255,.028) !important;
  border: 1px solid var(--gborder) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055) !important;
  transition: border-color .25s, transform .25s var(--ease) !important;
}
.match-card:hover, .cost-card:hover, .sc-card:hover {
  border-color: rgba(201,168,76,.22) !important;
}
.match-card.open, .sc-card.open, .cost-card.open, .an-card.open, .aid-card.open {
  border-color: var(--border-gold) !important;
}

/* ── DEADLINE ITEMS ──────────────────────────────────────────── */
.dl-item, .deadline-item {
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--gborder) !important;
  border-radius: 10px !important;
  transition: all .2s !important;
}
.dl-item:hover { border-color: rgba(255,255,255,.12) !important; }
.dl-item.dl-urgent { border-color: rgba(238,85,85,.25) !important; }

/* ── PATH STEPS ──────────────────────────────────────────────── */
.path-step {
  border-radius: 14px !important;
  transition: all .28s var(--ease) !important;
}
.path-step:hover {
  border-color: var(--border-gold) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,.3) !important;
}
.ps-num {
  background: linear-gradient(135deg, var(--gold4), var(--gold)) !important;
  color: #06100a !important;
}

/* ── CHAT ────────────────────────────────────────────────────── */
.chat-window {
  background: rgba(4,9,15,.7) !important;
  border: 1px solid var(--gborder) !important;
  border-radius: 14px !important;
}
.chat-msg.user .chat-bubble {
  background: linear-gradient(135deg, var(--gold4), var(--gold), var(--gold2)) !important;
  color: #06100a !important;
  font-weight: 500 !important;
}
.chat-msg.assistant .chat-bubble {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--gborder) !important;
  color: var(--t2) !important;
}
.chat-input-wrap {
  background: rgba(4,9,15,.7) !important;
  border: 1px solid var(--gborder) !important;
  border-radius: 10px !important;
}
.chat-input-wrap:focus-within { border-color: var(--border-gold) !important; }
.chat-send {
  background: linear-gradient(135deg, var(--gold4), var(--gold)) !important;
  border-radius: 8px !important;
}
.chat-suggest {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--gborder) !important;
  border-radius: 20px !important;
  color: var(--t3) !important;
  transition: all .18s !important;
}
.chat-suggest:hover {
  border-color: var(--border-gold) !important;
  color: var(--gold) !important;
  background: var(--gold-dim) !important;
}

/* ── UPGRADE GATE ────────────────────────────────────────────── */
.upgrade-icon {
  background: var(--gold-dim) !important;
  border: 1.5px solid var(--border-gold) !important;
  border-radius: 50% !important;
}
.upgrade-icon svg { stroke: var(--gold) !important; }
.upgrade-title { font-family: var(--h) !important; font-weight: 800 !important; }

/* ── PROFILE SETUP ───────────────────────────────────────────── */
#profile-screen { background: var(--bg) !important; }
.profile-logo {
  font-family: var(--h) !important;
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
  background: linear-gradient(135deg, var(--gold3), var(--gold)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.profile-title {
  font-family: var(--h) !important;
  font-weight: 800 !important;
  letter-spacing: -.04em !important;
}
.profile-card {
  background: rgba(4,9,15,.85) !important;
  border: 1px solid var(--gborder) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(28px) !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.sec-head {
  font-family: var(--h) !important;
  font-size: .56rem !important;
  letter-spacing: .28em !important;
  color: var(--gold) !important;
}
.sec-head::after {
  background: linear-gradient(to right, rgba(201,168,76,.4), transparent) !important;
}
.si-dot.active {
  background: linear-gradient(135deg, var(--gold4), var(--gold)) !important;
  border-color: var(--gold) !important;
  color: #06100a !important;
  box-shadow: 0 4px 16px rgba(201,168,76,.35) !important;
}
.si-dot.done {
  background: var(--gold-dim) !important;
  border-color: var(--border-gold) !important;
  color: var(--gold) !important;
}

/* ── TAGS ────────────────────────────────────────────────────── */
.tag {
  border: 1px solid var(--gborder) !important;
  color: var(--t3) !important;
  border-radius: 20px !important;
  transition: all .18s !important;
}
.tag:hover { border-color: var(--border-gold) !important; color: var(--gold) !important; background: var(--gold-dim) !important; }
.tag.sel { border-color: var(--gold) !important; color: var(--gold) !important; background: var(--gold-dim) !important; }

/* OPT PILLS */
.opt-pill {
  border: 1px solid var(--gborder) !important;
  color: var(--t3) !important;
  border-radius: 6px !important;
  transition: all .18s !important;
}
.opt-pill:hover { border-color: rgba(201,168,76,.28) !important; color: var(--t2) !important; }
.opt-pill.active { border-color: var(--gold) !important; color: var(--gold) !important; background: var(--gold-dim) !important; }

/* ── TOGGLES ─────────────────────────────────────────────────── */
.toggle, .luxury-toggle {
  background: rgba(255,255,255,.1) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
}
.toggle.on, .luxury-toggle.on {
  background: rgba(201,168,76,.22) !important;
  border-color: var(--border-gold) !important;
}
.toggle-thumb, .luxury-toggle-thumb { background: var(--gold) !important; }

/* ── SCROLLBAR ───────────────────────────────────────────────── */
::-webkit-scrollbar { width: 4px !important; }
::-webkit-scrollbar-track { background: transparent !important; }
::-webkit-scrollbar-thumb { background: rgba(201,168,76,.22) !important; border-radius: 2px !important; }
::-webkit-scrollbar-thumb:hover { background: rgba(201,168,76,.45) !important; }
* { scrollbar-width: thin !important; scrollbar-color: rgba(201,168,76,.22) transparent !important; }

/* ── INTERVIEW ROOM ──────────────────────────────────────────── */
.interview-room, .q-bubble {
  background: rgba(4,9,15,.9) !important;
  border: 1px solid rgba(201,168,76,.15) !important;
  border-radius: 14px !important;
}

/* ── COST TICKER ─────────────────────────────────────────────── */
.cost-ticker {
  background: rgba(4,9,15,.85) !important;
  border: 1px solid var(--border-gold) !important;
  border-radius: 16px !important;
  position: relative !important;
  overflow: hidden !important;
}
.cost-ticker::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(201,168,76,.5), transparent) !important;
}
.cost-ticker-val {
  font-family: var(--h) !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg, var(--gold3), var(--gold)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* ── RESUME TEMPLATE CARDS ───────────────────────────────────── */
.resume-tmpl-card.active .rtc-preview {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 2px rgba(201,168,76,.2) !important;
}
.resume-tmpl-card.active .rtc-name { color: var(--gold) !important; }
.rtc-name { font-family: var(--h) !important; color: var(--t3) !important; }

/* ── MOBILE NAV ──────────────────────────────────────────────── */
.mobile-nav {
  background: rgba(4,9,15,.97) !important;
  border-top: 1px solid var(--gborder) !important;
  backdrop-filter: blur(32px) !important;
}
.mn-item.active svg { stroke: var(--gold) !important; }
.mn-item.active span { color: var(--gold) !important; }

/* ── ANALYTICS / AID CARDS ───────────────────────────────────── */
.an-card, .aid-card {
  background: rgba(255,255,255,.028) !important;
  border: 1px solid var(--gborder) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(18px) !important;
  transition: border-color .25s !important;
}
.an-card:hover, .aid-card:hover { border-color: rgba(255,255,255,.14) !important; }

/* ── SECTION DIVIDERS ────────────────────────────────────────── */
.school-list-section { border-top: 1px solid var(--gborder) !important; }
.sl-title { font-family: var(--h) !important; font-weight: 700 !important; }

/* ── BREADCRUMB ──────────────────────────────────────────────── */
.svc-breadcrumb-cur { color: var(--gold) !important; }
.svc-back-btn { color: var(--t4) !important; font-family: var(--h) !important; }
.svc-back-btn:hover { color: var(--t2) !important; }
.svc-desc {
  border-left: 1px solid rgba(201,168,76,.22) !important;
  color: var(--t3) !important;
}
.svc-profile-pill {
  background: rgba(201,168,76,.05) !important;
  border: 1px solid rgba(201,168,76,.14) !important;
  color: rgba(201,168,76,.65) !important;
  border-radius: 4px !important;
}

/* ── CTA NOTE ────────────────────────────────────────────────── */
.svc-cta-note { color: var(--t4) !important; font-size: .7rem !important; }

/* ── PF NOTICE ───────────────────────────────────────────────── */
.pf-notice {
  background: var(--gold-dim) !important;
  border: 1px solid var(--border-gold) !important;
  border-radius: 20px !important;
  color: var(--gold) !important;
  display: inline-flex !important;
}