/* ============================================================
   preview-dark.css — DARK theme of Stations Studio (the canonical index.html)
   Loaded only by index.html (body.ncp-dark). Layers on preview.css.
   Front windows become dark navy glass; every text colour is lifted so nothing
   gets buried by the dark base. The deep-space + frosted header bars are unchanged.
   ============================================================ */

/* ---- light text + dark surface tokens (most copy reads these vars) ---- */
.ncp-dark {
  --nc-ink: #dce6f3;            /* main text → light */
  --nc-ink-soft: #93a7bf;       /* secondary text → light-dim */
  --nc-line: rgba(130,162,212,0.18);
  --nc-line-soft: rgba(130,162,212,0.10);
  --nc-parch: rgba(255,255,255,0.05);   /* field surfaces → dark glass */
}

/* ---- front windows → dark navy glass (header strip still transparent → frosted over space) ---- */
.ncp-dark .home-deck    { background: linear-gradient(180deg, transparent 0 41px, rgba(13,22,40,0.62) 41px) !important; }
.ncp-dark .home-station { background: linear-gradient(180deg, transparent 0 37px, rgba(13,22,40,0.62) 37px) !important; }
/* 01 joins the same glass family — lighter body + the same whisper of frost */
.ncp-dark .home-deck,
.ncp-dark .home-station {
  -webkit-backdrop-filter: blur(5px) saturate(1.03);
  backdrop-filter: blur(5px) saturate(1.03);
}
.ncp-dark .ncp-panel    { background: rgba(13,22,40,0.94) !important; }   /* solid — the old transparent-top (62px) left a backdrop seam once the header shrank */
.ncp-dark .home-deck,
.ncp-dark .home-station,
.ncp-dark .ncp-panel { border-color: rgba(120,162,220,0.24) !important; }

/* ── original translucency kept — just a WHISPER of frost so the rays
   diffuse instead of cutting through ── */
.ncp-dark #acq-detail,
.ncp-dark .v2-lane,
.ncp-dark .v2-plate,
.ncp-dark .v2-cast-panel {
  -webkit-backdrop-filter: blur(5px) saturate(1.03);
  backdrop-filter: blur(5px) saturate(1.03);
}

/* ---- inputs / textarea → dark with light text ---- */
.ncp-dark textarea,
.ncp-dark input[type="text"],
.ncp-dark input[type="email"],
.ncp-dark .nc-text {
  background: rgba(255,255,255,0.05) !important; color: #dce6f3 !important;
  border-color: rgba(130,162,212,0.26) !important;
}
.ncp-dark textarea::placeholder,
.ncp-dark input::placeholder,
.ncp-dark .nc-text::placeholder { color: rgba(150,172,205,0.42) !important; }

/* ---- copy that was hard-coded dark navy → light ---- */
.ncp-dark .home-step,
.ncp-dark .home-step-n,
.ncp-dark .nc-seclabel,
.ncp-dark .nc-field-label,
.ncp-dark .ncp-panel-sec-lbl,
.ncp-dark .nc-sechead,
.ncp-dark .edx-meta,
.ncp-dark .db-card-title { color: #cdd9ea !important; }
.ncp-dark .home-masthead-count,
.ncp-dark .home-deck-hint,
.ncp-dark .nc-dim,
.ncp-dark .nc-gen-note,
.ncp-dark .ncp-panel-sec-sub { color: rgba(188,203,226,0.6) !important; }
.ncp-dark .home-masthead-title { color: #dce8f7 !important; }

/* ---- light pills / chips that sat on cream → dark glass ---- */
.ncp-dark .home-manage-btn,
.ncp-dark .home-browse-btn,
.ncp-dark .home-quickadd {
  background: rgba(120,162,220,0.10) !important; border-color: rgba(120,162,220,0.28) !important;
  color: #cfe0f5 !important; box-shadow: none !important;
}
.ncp-dark .home-quickadd:hover { border-color: #f5c542 !important; color: #f5c542 !important; }
/* the 03 inventory ＋ wears the gold permanently — the look the masthead one
   only shows on hover */
.ncp-dark .v2-inv-quickadd {
  background: rgba(245,197,66,0.08) !important;
  border-color: rgba(245,197,66,0.6) !important;
  color: #f5c542 !important;
}
.ncp-dark .mg-filter { background: rgba(120,162,220,0.08) !important; color: rgba(200,214,235,0.7) !important;
  border-color: rgba(120,162,220,0.22) !important; }
/* .mg-sort is just a flex wrapper around the pill buttons — no block/border behind them */
.ncp-dark .mg-sort { background: transparent !important; border-color: transparent !important;
  color: rgba(200,214,235,0.7) !important; }

/* ---- the small inner "NaviStars pool" card etc. (light surfaces inside the panel) → dark ---- */
/* NOTE: .nc-credits ("X LEFT") deliberately excluded — it's just a tiny inline counter, no box behind it */
.ncp-dark .nc-card-empty,
.ncp-dark .nc-drop,
.ncp-dark .nc-thumb,
.ncp-dark .ncp-pool { background: rgba(255,255,255,0.045) !important; border-color: rgba(130,162,212,0.2) !important; }

/* ---- remaining buried text/controls → light (DEMO tag stays dark: it sits on a gold pill) ---- */
.ncp-dark .edx-progress-pct,
.ncp-dark .nc-credits-num { color: #cfe0f5 !important; }
.ncp-dark .home-st-rcv-label { color: #eaf1fb !important; font-weight: 700 !important; }   /* bold white — was too weak */
/* share row — Full Screen (raised blue) + Broadcast (gold filled); was flat/weak */
.ncp-dark .home-st-share-btn { background: rgba(120,162,220,0.12) !important; color: #dce8f7 !important;
  border: 2px solid rgba(120,162,220,0.42) !important; box-shadow: 0 3px 0 rgba(8,18,40,0.6) !important; }
.ncp-dark .home-st-share-btn:active { box-shadow: 0 0 0 rgba(8,18,40,0.6) !important; }
.ncp-dark .home-st-share-cast { background: linear-gradient(180deg,#f5c542,#e0a040) !important;
  color: #2a1c06 !important; border-color: #b9831f !important; box-shadow: 0 3px 0 #8f6416 !important; }
.ncp-dark .home-st-share-cast:active { box-shadow: 0 0 0 #8f6416 !important; }
.ncp-dark .home-rail-edge { background: rgba(16,28,50,0.92) !important; color: #cfe0f5 !important;
  border-color: rgba(120,162,220,0.3) !important; }

/* ============================================================
   DARK THEME — synthesized audit pass (append to preview-dark.css)
   Palette (reuse everywhere, same role → same value):
     · primary text      #dce6f3
     · secondary / dim    rgba(190,205,228,0.62)
     · faint              rgba(150,172,205,0.45)
     · dark surface       rgba(255,255,255,0.05)  border rgba(130,162,212,0.2)
     · structural blue    #18B0F5   (+ navy #213f7a / #0b1830)
     · GOLD accent pop    #f5c542   (deep #e0a040)  ← every place that was green
   NOTE: index-dark.html keeps html.theme-light, so events.css light overrides
   (cream pool rows, forest text, green --accent/--live tokens) are live and
   must be beaten with !important here.
   ============================================================ */

/* ---- 0. KILL GREEN/CYAN AT THE TOKEN SOURCE -------------------------------
   events.css drives manage-list, slider, pool ids, status dots, links off these
   vars. Re-point them so every var() consumer goes blue/gold at once. --------- */
.ncp-dark {
  --accent: #18B0F5 !important;
  --border: rgba(120,162,220,0.18) !important;
  --border-mid: rgba(120,162,220,0.30) !important;
  --live: #f5c542 !important;
  --active: #f5c542 !important;
  --moss: #f5c542 !important;
  --forest-light: #f5c542 !important;
}

/* ============================================================
   1. POOL BREAKDOWN  (manage overlay — was white box + cream rows + green)
   ============================================================ */
.ncp-dark .manage-overlay {
  background: rgba(7,13,26,0.55) !important;   /* lighter, blur-led — matches the Open-a-station feel, not a black-out */
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}
.ncp-dark .manage-panel {
  background: linear-gradient(180deg, rgba(13,22,40,0.97), rgba(10,16,32,0.98)) !important;
  border-color: rgba(120,162,220,0.22) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,0.6) !important;
}
.ncp-dark .manage-panel-title { color: #dce6f3 !important; }
.ncp-dark .manage-tree-list {
  background: rgba(13,22,40,0.8) !important;
  border-color: rgba(120,162,220,0.22) !important;
}
.ncp-dark .manage-tree-row {
  color: #cdd9ea !important;
  border-bottom-color: rgba(120,162,220,0.14) !important;
}
.ncp-dark .manage-tree-row:nth-child(even) { background: rgba(255,255,255,0.03) !important; }
.ncp-dark .manage-tree-row:hover { background: rgba(255,255,255,0.06) !important; }
.ncp-dark .manage-tree-id { color: #f5c542 !important; }            /* green "LC ----" → gold pop */
.ncp-dark .manage-tree-status { color: rgba(190,205,228,0.62) !important; }
.ncp-dark .manage-tree-meta { color: rgba(190,205,228,0.55) !important; }
.ncp-dark .manage-tree-date { color: rgba(190,205,228,0.55) !important; }
.ncp-dark .manage-tree-row.open .manage-tree-date { color: rgba(150,172,205,0.45) !important; }
.ncp-dark .manage-tree-row.open .manage-tree-dot { background: rgba(190,205,228,0.35) !important; box-shadow: none !important; }
.ncp-dark .manage-tree-row.claimed .manage-tree-status { color: #f5c542 !important; }  /* green "Connected" → gold */
.ncp-dark .manage-tree-row.claimed .manage-tree-dot {
  background: #f5c542 !important;
  box-shadow: 0 0 6px rgba(245,197,66,0.55) !important;
}

/* ---- Filter pills "All / Connected / Open" — one canonical idle + one active (gold) ---- */
.ncp-dark .manage-filter-btn {
  background: transparent !important;
  color: rgba(190,205,228,0.7) !important;
  border-color: rgba(120,162,220,0.28) !important;
}
.ncp-dark .manage-filter-btn:hover {
  color: #f5c542 !important;
  border-color: rgba(245,197,66,0.5) !important;
}
.ncp-dark .manage-filter-btn.active {       /* "All" was forest-green → solid gold */
  background: linear-gradient(180deg, #f5c542, #e0a040) !important;
  color: #0e1830 !important;
  border-color: #e0a040 !important;
}

/* ============================================================
   2. DONATION SLIDER  ("HOW MANY" — forest-green track/thumb → gold/blue)
   ============================================================ */
.ncp-dark .buy-slider {
  background: linear-gradient(to right,
    #f5c542 0%, #f5c542 var(--slider-pct, 9%),
    rgba(120,162,220,0.22) var(--slider-pct, 9%), rgba(120,162,220,0.22) 100%) !important;
}
.ncp-dark .buy-slider::-webkit-slider-thumb { background: #f5c542 !important; }
.ncp-dark .buy-slider::-moz-range-thumb { background: #f5c542 !important; }
.ncp-dark .buy-slider-val { color: #dce6f3 !important; }

/* ============================================================
   3. ADD-CREDITS / PURCHASE MODAL  (cyan progress fill → structural blue)
   ============================================================ */
.ncp-dark .purchase-progress-fill {
  background: linear-gradient(90deg, #213f7a, #18B0F5) !important;
  box-shadow: 0 0 12px rgba(24,176,245,0.5) !important;
}

/* ============================================================
   4. DONATION CHOOSER CARDS  (RESTORATION·Trees = green → navy+gold;
      C// · Voices = green → navy+blue)
   ============================================================ */
.ncp-dark .ncp-proj-trees {
  background: #0b1a30 !important;
  border-color: #2a4a78 !important;
  box-shadow: 0 5px 0 #0a1428, inset 0 1px 0 rgba(255,255,255,0.10) !important;
}
.ncp-dark .ncp-proj-trees::before {
  background: radial-gradient(ellipse 130% 110% at 38% 30%, #2d4d7a 0%, #14304f 46%, #0b1a30 100%) !important;
}
.ncp-dark .ncp-proj-trees .ncp-proj-main {        /* C// · Trees → green (its own mission colour) */
  color: #5fcf7e !important;
  text-shadow: 0 1px 5px rgba(0,0,0,0.5) !important;
}
.ncp-dark .ncp-proj-trees .ncp-proj-check {       /* selected check badge → gold */
  background: #e0a040 !important;
  color: #0e1830 !important;
}
.ncp-dark .ncp-proj-trees.is-on {                 /* SELECTED green ring → gold ring */
  border-color: #f5c542 !important;
  box-shadow: 0 2px 0 #e0a040, inset 0 1px 0 rgba(255,255,255,0.18) !important;
}
.ncp-dark .ncp-proj-cslash {
  background: #060f1c !important;
  border-color: #243a55 !important;
  box-shadow: 0 5px 0 #050b16, inset 0 1px 0 rgba(255,255,255,0.06) !important;
}
.ncp-dark .ncp-proj-cslash::before {
  background: radial-gradient(ellipse 130% 110% at 38% 30%, #1b3a55 0%, #0a1726 47%, #060f1c 100%) !important;
}
.ncp-dark .ncp-proj-cslash .ncp-proj-main {       /* the merged mission wears GOLD — blue+green live below it */
  color: #f5c542 !important;
  text-shadow: 0 0 14px rgba(245,197,66,0.45) !important;
}
.ncp-dark .ncp-proj-cslash .ncp-proj-check {       /* selection badge — gold (one selection colour) */
  background: #e0a040 !important;
  color: #0e1830 !important;
}
.ncp-dark .ncp-proj-cslash.is-on {                 /* SELECTED ring → gold, same as Trees */
  border-color: #f5c542 !important;
  box-shadow: 0 2px 0 #e0a040, inset 0 1px 0 rgba(255,255,255,0.18) !important;
}

/* ---- Donation screen headings + meta (dark-blue navy text → light) ---- */
.ncp-dark .ncp-receives-hero,
.ncp-dark .ncp-detail-lead strong,
.ncp-dark .ncp-stat-val,
.ncp-dark .ncp-slider-val,
.ncp-dark .ncp-region-sel { color: #dce6f3 !important; }
.ncp-dark .ncp-slider-val { background: transparent !important; border-bottom-color: rgba(130,162,212,0.35) !important; }
.ncp-dark .ncp-slider-val:focus { border-bottom-color: #e0a040 !important; }
.ncp-dark .ncp-region-val,
.ncp-dark .ncp-receipt-row { color: #cdd9ea !important; }
.ncp-dark .ncp-receives-sub,
.ncp-dark .ncp-detail-lead,
.ncp-dark .ncp-stat-lbl,
.ncp-dark .ncp-stat-sub,
.ncp-dark .ncp-region-note,
.ncp-dark .ncp-receipt-incl em,
.ncp-dark .ncp-receipt-note,
.ncp-dark .ncp-buy-pool,
.ncp-dark .ncp-send-hint,
.ncp-dark .ncp-sec-sub { color: rgba(190,205,228,0.62) !important; }
.ncp-dark .ncp-perk-sep { color: rgba(150,172,205,0.45) !important; }

/* ---- Region box / dropdown surfaces + borders ---- */
.ncp-dark .ncp-region-box,
.ncp-dark .ncp-support-block {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(130,162,212,0.2) !important;
  /* lit-from-above inset — outer shadows get clipped by the pixel-corner
     clip-path, but inset light is clip-safe and kills the flat look */
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

/* ── elevation: keepsake cards float as real objects ──────────────────────
   Their stock shadows are navy (tuned for the light theme) — invisible on the
   dark page. Deep black ambient + tight contact shadow reads as elevation. */
.ncp-dark .home-st-stage,
.ncp-dark .ncp-mg-canvas,
.ncp-dark .ncp-mg-canvas-empty {
  box-shadow: 0 24px 64px rgba(0,0,0,0.6), 0 6px 18px rgba(0,0,0,0.45),
              inset 0 1px 0 rgba(255,255,255,0.07) !important;
}
/* fine-print divider + total gap inside the support block, on dark */
.ncp-dark .ncp-support-block .ncp-receipt-note { border-top-color: rgba(130,162,212,0.16) !important; }
.ncp-dark .ncp-receipt-payee { color: rgba(170,188,215,0.55) !important; }
.ncp-dark .ncp-receipt-payee strong { color: #cdd9ea !important; }

/* ── v2 flow ── */
/* on-page acquire section — section labels/sub sit on the dark page directly */
.ncp-dark .v2-acquire .ncp-panel-sec-lbl { color: #cfe0f5 !important; }
.ncp-dark .v2-acquire .ncp-panel-sec-sub { color: rgba(170,188,215,0.6) !important; }
.ncp-dark .v2-acquire .ncp-receives-sub { color: rgba(170,188,215,0.55) !important; }
.ncp-dark .v2-acquire .v2-buy-foot { border-top-color: rgba(130,162,212,0.14) !important; }
.ncp-dark .v2-acquire .ncp-cast-closing { color: rgba(190,205,228,0.65) !important; }
.ncp-dark .v2-bc-note { color: rgba(170,188,215,0.5) !important; }
.ncp-dark .v2-bc-note strong { color: #cdd9ea !important; }
/* live strip — chrome comes wholesale from .home-station (same as the cards) */
.ncp-dark .v2-mint-line { color: rgba(170,188,215,0.5) !important; }
.ncp-dark .v2-add-price { color: rgba(170,188,215,0.6) !important; }
.ncp-dark .v2-add-price strong { color: #e0a040 !important; }
.ncp-dark .v2-drop-line { color: rgba(224,160,64,0.7) !important; }
.ncp-dark .v2-drop-line strong { color: #f5c542 !important; }
.ncp-dark .v2-canvas-side .edx-meta { color: rgba(170,188,215,0.6) !important; }
/* cast modal column divider on dark */
.ncp-dark .v2-mg .ncp-panel-body:not(.ncp-panel-body-buy) .ncp-panel-right { border-left-color: rgba(130,162,212,0.16) !important; }
@media (max-width: 980px) {
  .ncp-dark .v2-mg .ncp-panel-body:not(.ncp-panel-body-buy) .ncp-panel-right { border-top-color: rgba(130,162,212,0.16) !important; }
}
.ncp-dark .ncp-region-sel {
  background: rgba(255,255,255,0.06) !important;
  border-color: rgba(130,162,212,0.25) !important;
}
.ncp-dark .ncp-detail-lead { border-bottom-color: rgba(130,162,212,0.16) !important; }
.ncp-dark .ncp-region-note { border-top-color: rgba(130,162,212,0.16) !important; }

/* ---- Receipt block ---- */
.ncp-dark .ncp-receipt {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(130,162,212,0.2) !important;
}
.ncp-dark .ncp-receipt-divider { border-top-color: rgba(130,162,212,0.18) !important; }
.ncp-dark .ncp-receipt-total { color: #dce6f3 !important; }
.ncp-dark .ncp-receipt-total strong { color: #f5c542 !important; }   /* $9.98 navy → gold */
.ncp-dark .ncp-brand-link { color: #f5c542 !important; }             /* YuCROWN 501(c)(3) link */
.ncp-dark .ncp-receipt-note .ncp-brand-link { color: #18B0F5 !important; }   /* Support modal: Earth LinC / nonprofit link → structural blue */
.ncp-dark .ncp-region-note .ncp-brand-link { color: #eaf1fb !important; }    /* "More at yucrown.earth" → white, not gold */
/* opening lede + addition diagram + closing line (screen 04 redesign) */
.ncp-dark .ncp-cast-lede { color: rgba(190,205,228,0.7) !important; }
.ncp-dark .ncp-addn-dot { background: #e2c87e !important; box-shadow: 0 0 6px rgba(226,200,126,0.5) !important; }
/* first half white + bold — must out-specify `.ncp-dark .ncp-detail-lead strong` (#dce6f3 !important) */
.ncp-dark .ncp-detail-lead strong.ncp-addn-lead-strong { color: #ffffff !important; }
/* Cast cell — whole cell pale gold */
.ncp-dark .ncp-addn-cast-cell .ncp-stat-lbl { color: #e2c87e !important; }
/* C// detail cells — ONE accent: gold, the C// identity colour */
.ncp-dark .v2-cell-blue .ncp-stat-lbl { color: rgba(245,197,66,0.85) !important; text-shadow: 0 0 8px rgba(245,197,66,0.3); }
.ncp-dark .ncp-addn-cast-cell .ncp-stat-val { color: #ecd596 !important; }
.ncp-dark .ncp-addn-cast-cell .ncp-stat-sub { color: rgba(226,200,126,0.78) !important; }
.ncp-dark .ncp-cast-closing { color: rgba(190,205,228,0.62) !important; }
/* first-cast confirm gate (dark) */
.ncp-dark .ncp-confirm { border-color: rgba(245,197,66,0.45) !important; background: linear-gradient(180deg, rgba(245,197,66,0.1), rgba(245,197,66,0.02)) !important; }
/* v2 confirm gate — no box, a soft gold halo that diffuses to nothing (overrides
   the boxed default above; same !important weight, but scoped + later) */
.ncp-dark .v2-confirm-col .ncp-confirm {
  border-color: transparent !important;
  background: radial-gradient(ellipse 88% 64% at 50% 46%, rgba(245,197,66,0.16), rgba(245,197,66,0.05) 48%, rgba(245,197,66,0) 74%) !important;
}
.ncp-dark .ncp-confirm-q { color: #eef4fb !important; }
.ncp-dark .ncp-confirm-later { color: rgba(190,205,228,0.7) !important; }
.ncp-dark .ncp-confirm-later:hover { color: #fff !important; }
.ncp-dark .ncp-confirm-note { color: rgba(190,205,228,0.6) !important; }
/* DRAFT hint under Support button — gold-tinted so it reads as prominent guidance */
.ncp-dark .edx-buy-hint { color: rgba(245,197,66,0.8) !important; }
.ncp-dark .edx-buy-hint .ns-star { color: #f5c542 !important; }
/* what-you-receive gold row */
.ncp-dark .ncp-receipt-gift {
  border-color: rgba(245,197,66,0.5) !important;
  background: linear-gradient(90deg, rgba(245,197,66,0.15), rgba(245,197,66,0.04)) !important;
}
.ncp-dark .ncp-receipt-gift-l { color: #eaf1fb !important; }
.ncp-dark .ncp-receipt-gift-l strong { color: #f5c542 !important; }
.ncp-dark .ncp-gift-star { color: #f5c542 !important; }
.ncp-dark .ncp-receipt-gift-r { color: rgba(245,197,66,0.82) !important; }

/* ---- Donation accents → structural blue ---- */
.ncp-dark .ncp-perk-ico { color: #18B0F5 !important; }
.ncp-dark .ncp-detail-dot {
  background: #18B0F5 !important;
  box-shadow: 0 0 6px rgba(24,176,245,0.5) !important;
}
/* mission leads override the generic blue — the dot wears the theme colour */
.ncp-dark .v2-lead-trees .ncp-detail-dot {
  background: #6fe09a !important;
  box-shadow: 0 0 9px rgba(111,224,154,0.9) !important;
}
.ncp-dark .v2-lead-cslash .ncp-detail-dot {
  background: #f5c542 !important;
  box-shadow: 0 0 9px rgba(245,197,66,0.9) !important;
}

/* ---- Buy/broadcast panel copy + fields ---- */
.ncp-dark .ncp-panel-sec-lbl { color: #eaf1fb !important; }   /* unify ALL section labels → white */
.ncp-dark .ncp-panel-sec-sub { color: rgba(190,205,228,0.62) !important; }   /* strengthen existing */
.ncp-dark .ncp-buy-pool strong,
.ncp-dark .ncp-pool-status strong { color: #dce6f3 !important; }
.ncp-dark .ncp-pool-status { color: #cdd9ea !important; }
.ncp-dark .ncp-textarea {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(130,162,212,0.22) !important;
  color: #dce6f3 !important;
}
.ncp-dark .ncp-textarea:focus { border-color: #18B0F5 !important; }
.ncp-dark .ncp-mg-canvas-empty { color: rgba(190,205,228,0.6) !important; }

/* ============================================================
   5. EVENT-DETAIL (edx-*)  — titles, meta, signal, progress, keepsake
   ============================================================ */
.ncp-dark .edx-title,
.ncp-dark .edx-stat-val,
.ncp-dark .edx-progress-labels strong { color: #dce6f3 !important; }
.ncp-dark .edx-progress-total { color: #f5c542 !important; }
.ncp-dark .edx-total-lbl { color: rgba(190,205,228,0.55) !important; }
.ncp-dark .edx-progress-pct { color: rgba(190,205,228,0.6) !important; }
/* only the Total is gold; cast count goes neutral */
.ncp-dark .edx-pl-cast strong { color: #dce6f3 !important; }
.ncp-dark .edx-pl-wait,
.ncp-dark .edx-pl-wait strong { color: rgba(190,205,228,0.55) !important; }
.ncp-dark .edx-evtnum,
.ncp-dark .edx-meta,
.ncp-dark .edx-stat-lbl,
.ncp-dark .edx-signal-sub,
.ncp-dark .edx-progress-cap,
.ncp-dark .edx-progress-labels,
.ncp-dark .edx-recompose,
.ncp-dark .edx-onchain .ed-onchain-bar-link { color: rgba(190,205,228,0.62) !important; }
.ncp-dark .edx-signal-l { color: #cdd9ea !important; }
.ncp-dark .edx-host { color: rgba(190,205,228,0.7) !important; }
.ncp-dark .edx-recompose:hover,
.ncp-dark .edx-onchain .ed-onchain-bar-link:hover { color: #cdd9ea !important; }

.ncp-dark .edx-signal,
.ncp-dark .home-st-info .edx-signal {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(130,162,212,0.2) !important;
}
.ncp-dark .home-st-info .edx-progress-attached {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(130,162,212,0.2) !important;
}
.ncp-dark .edx-signal-draft {
  background: rgba(255,255,255,0.03) !important;
  border-color: rgba(130,162,212,0.2) !important;
}
.ncp-dark .edx-lock-veil { background: rgba(6,12,24,0.45) !important; }

/* signal dot/code/label: green/cyan → gold pop (matches pool status) */
.ncp-dark .edx-signal-dot {
  background: #f5c542 !important;
  box-shadow: 0 0 5px rgba(245,197,66,0.55) !important;
}
.ncp-dark .edx-signal-dot::after { border-color: #f5c542 !important; }
.ncp-dark .edx-signal-lbl { color: rgba(245,197,66,0.78) !important; }
.ncp-dark .edx-signal-code { color: #f5c542 !important; }

/* progress track + fill (track dark, fill structural blue) */
.ncp-dark .db-card-progress-bar,
.ncp-dark .edx-progress-bar {
  background: rgba(255,255,255,0.08) !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3) !important;
}
.ncp-dark .db-card-progress-fill { background: linear-gradient(90deg, #18B0F5, #57b6ee) !important; }
.ncp-dark .edx-progress-fill {
  background: linear-gradient(90deg, #e0a040, #f5c542 70%, #ffd970) !important;
  box-shadow: 0 0 10px rgba(245,197,66,0.45) !important;
}

/* keepsake-empty CTA: green → gold */
.ncp-dark .edx-ke-spark { color: #f5c542 !important; }
.ncp-dark .edx-ke-btn {
  background: linear-gradient(180deg, #f5c542, #e0a040) !important;
  color: #2a1c06 !important;
}

/* ============================================================
   6. HOME / STATION RAIL / HERO
   ============================================================ */
.ncp-dark .home-masthead-dot {
  background: #18B0F5 !important;
  box-shadow: 0 0 10px rgba(24,176,245,0.7), 0 0 0 1px rgba(24,176,245,0.25) !important;
}
.ncp-dark .home-step { color: #dce6f3 !important; }   /* strengthen existing */
.ncp-dark .home-body { color: #cdd9ea !important; }
.ncp-dark .home-swatch-hint { color: rgba(190,205,228,0.55) !important; }
.ncp-dark .home-topup-cancel { color: rgba(190,205,228,0.55) !important; }
.ncp-dark .home-topup-title { color: #dce6f3 !important; }

/* manage/browse pill hover (existing rule sets idle; add hover) */
.ncp-dark .home-manage-btn:hover,
.ncp-dark .home-browse-btn:hover {
  border-color: #f5c542 !important;
  color: #f5c542 !important;
}
/* "Open a station" card on the strip — hover warms to gold */
.ncp-dark .home-pick-new:hover .home-pick-new-bracket { border-color: #f5c542 !important; }
.ncp-dark .home-pick-new:hover .home-pick-new-plus,
.ncp-dark .home-pick-new:hover .home-pick-new-label { color: #f5c542 !important; }

/* swatch + rail selection rings → structural blue */
.ncp-dark .home-swatch { border-color: rgba(130,162,212,0.28) !important; }
.ncp-dark .home-swatch-on {
  border-color: #18B0F5 !important;
  box-shadow: 0 0 0 2px rgba(24,176,245,0.4) !important;
}
.ncp-dark .home-pick-cover { border-color: rgba(130,162,212,0.2) !important; }
.ncp-dark .home-pick:hover .home-pick-cover { border-color: rgba(24,176,245,0.45) !important; }
.ncp-dark .home-pick-on .home-pick-cover {
  border-color: #18B0F5 !important;
  box-shadow: 0 8px 24px rgba(24,176,245,0.25), 0 2px 8px rgba(0,0,0,0.4) !important;
}
.ncp-dark .home-pick-on::after {
  background: #18B0F5 !important;
  box-shadow: 0 0 6px rgba(24,176,245,0.6) !important;
}

/* status / deck dots → structural blue (rail live), gold (empty sparks) */
.ncp-dark .home-station-dot { background: #f5c542 !important; }
.ncp-dark .home-deck-dot { background: #18B0F5 !important; box-shadow: 9px 0 0 #2a4a78 !important; }
.ncp-dark .home-st-empty-all-spark { background: none !important; color: #18B0F5 !important; }
.ncp-dark .home-st-empty-spark,
.ncp-dark .home-hero-empty-spark { color: #f5c542 !important; }
.ncp-dark .home-st-empty-all { color: rgba(190,205,228,0.62) !important; }
.ncp-dark .home-st-empty-txt { color: rgba(231,205,135,0.52) !important; }   /* very pale gold */

/* hero flip pill: green-tint bg + cyan text → navy glass + gold */
.ncp-dark .home-flip {
  background: rgba(13,22,40,0.85) !important;
  color: #f5c542 !important;
  border-color: rgba(245,197,66,0.32) !important;
}

/* hero typewriter cursor/copy: green → gold + light */
.ncp-dark .ncp-tw-cursor { color: #f5c542 !important; }
.ncp-dark .ncp-hero-tw { color: rgba(205,217,234,0.8) !important; }

/* compose terminal hint — unify on one gold */
.ncp-dark .home-text-hint,
.ncp-dark .home-text-hint-prompt,
.ncp-dark .home-text-hint em { color: #f5c542 !important; }
.ncp-dark .home-deck-hint,
.ncp-dark .home-station-rcv { color: rgba(205,217,234,0.6) !important; }

/* ============================================================
   7. BROWSE / MANAGE GRID (mg-*, br-*)
   ============================================================ */
.ncp-dark .mg-card { border-color: rgba(130,162,212,0.2) !important; }
.ncp-dark .mg-card:hover {
  border-color: #f5c542 !important;
  box-shadow: 0 14px 34px rgba(0,0,0,0.4) !important;
}
.ncp-dark .mg-card-open {        /* green CTA → gold */
  background: linear-gradient(180deg, #f5c542, #e0a040) !important;
  color: #2a1c06 !important;
  box-shadow: 0 4px 14px rgba(245,197,66,0.3) !important;
}
.ncp-dark .mg-sort-btn {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(130,162,212,0.25) !important;
  color: rgba(205,217,234,0.7) !important;
}
.ncp-dark .mg-sort-btn:hover { color: #f5c542 !important; border-color: rgba(245,197,66,0.5) !important; }
.ncp-dark .mg-sort-on {        /* active sort → gold (beats the .mg-sort-btn dark bg) */
  background: linear-gradient(180deg,#f5c542,#e0a040) !important;
  color: #2a1c06 !important; border-color: #6e4a13 !important;
}

/* the search bar is one rounded surface (.br-search-row); the input must be transparent —
   needs to out-specify the generic .ncp-dark input[type="text"] dark-glass background */
.ncp-dark .br-search-row .br-search { color: #dce6f3 !important; background: transparent !important; }
.ncp-dark .br-search::placeholder { color: rgba(150,172,205,0.45) !important; }
.ncp-dark .br-search-ico { color: rgba(190,205,228,0.5) !important; }
.ncp-dark .br-empty { color: rgba(190,205,228,0.62) !important; }
.ncp-dark .br-new-card { border-color: rgba(130,162,212,0.28) !important; }
.ncp-dark .br-new-card:hover {
  border-color: #f5c542 !important;
  box-shadow: 0 12px 30px rgba(245,197,66,0.15) !important;
}
.ncp-dark .br-new-plus { color: rgba(190,205,228,0.45) !important; }
.ncp-dark .br-new-label { color: rgba(190,205,228,0.5) !important; }
.ncp-dark .br-new-sub { color: rgba(150,172,205,0.45) !important; }
.ncp-dark .br-new-card:hover .br-new-plus,
.ncp-dark .br-new-card:hover .br-new-label,
.ncp-dark .br-new-card:hover .br-new-sub { color: #f5c542 !important; }
.ncp-dark .br-card-on {          /* selected ring → gold (canon: selection = gold) */
  border-color: #f5c542 !important;
  box-shadow: 0 0 0 2px #f5c542, 0 12px 30px rgba(0,0,0,0.4) !important;
}
/* close control — unified hover → gold across all four overlays (Browse is the reference) */
.ncp-dark .br-close:hover,
.ncp-dark .ncp-panel-close:hover,
.ncp-dark .new-event-modal .new-event-close:hover { color: #f5c542 !important; }

/* ============================================================
   8. LENS CHIPS + SEGMENTED TABS
   ============================================================ */
.ncp-dark .ncp-lens-btn {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(130,162,212,0.22) !important;
  color: rgba(205,217,234,0.7) !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.06) !important;
}
.ncp-dark .ncp-lens-btn:hover {
  color: #eaf6ff !important;
  background: rgba(255,255,255,0.08) !important;
}
.ncp-dark .ncp-lens-on {         /* active lens: Navi-cyan text → structural blue */
  background: linear-gradient(160deg, #0b1830 0%, #1c3a6e 100%) !important;
  color: #57c8ff !important;
  border-top-color: rgba(24,176,245,0.22) !important;
  box-shadow: 0 0 18px rgba(24,176,245,0.10), 0 3px 14px rgba(0,0,0,0.4), inset 0 1px 0 rgba(24,176,245,0.18) !important;
}
.ncp-dark .ncp-lens-narration { color: rgba(190,205,228,0.7) !important; }
.ncp-dark .ncp-lens-row { border-bottom-color: rgba(130,162,212,0.15) !important; }

.ncp-dark .ncp-tabs {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(130,162,212,0.2) !important;
}
.ncp-dark .ncp-tab { color: rgba(205,217,234,0.7) !important; }
.ncp-dark .ncp-tab:hover { background: rgba(255,255,255,0.06) !important; }
.ncp-dark .ncp-tab-on,
.ncp-dark .ncp-tab-on:hover {    /* navy #213f7a → structural blue */
  background: #18B0F5 !important;
  color: #04121f !important;
  box-shadow: 0 4px 12px rgba(24,176,245,0.3) !important;
}

/* ============================================================
   9. NEW LINC MODAL (nl-*) — near-white panel → dark glass
   ============================================================ */
.ncp-dark .nl-panel {
  background: linear-gradient(180deg, rgba(13,22,40,0.96), rgba(10,16,32,0.98)) !important;
  border-color: rgba(130,162,212,0.2) !important;
}
.ncp-dark .nl-head {
  background: rgba(14,26,52,0.6) !important;
  border-bottom-color: rgba(130,162,212,0.16) !important;
}
.ncp-dark .nl-title,
.ncp-dark .nl-type-name,
.ncp-dark .nl-moment-name { color: #dce6f3 !important; }
.ncp-dark .nl-sub,
.ncp-dark .nl-close { color: rgba(190,205,228,0.62) !important; }
.ncp-dark .nl-close:hover { color: #eaf6ff !important; }
.ncp-dark .nl-section-lbl { color: rgba(190,205,228,0.85) !important; }
.ncp-dark .nl-section-hint,
.ncp-dark .nl-type-sub,
.ncp-dark .nl-moment-chip { color: rgba(190,205,228,0.55) !important; }
.ncp-dark .nl-label { color: rgba(190,205,228,0.7) !important; }
.ncp-dark .nl-divider { border-top-color: rgba(130,162,212,0.14) !important; }
.ncp-dark .nl-moment-callout {
  color: rgba(190,205,228,0.62) !important;
  border-left-color: rgba(130,162,212,0.2) !important;
}
.ncp-dark .nl-type-btn {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(130,162,212,0.2) !important;
}
.ncp-dark .nl-moment { border-color: rgba(130,162,212,0.18) !important; }
.ncp-dark .nl-type-btn:hover,
.ncp-dark .nl-moment:hover { border-color: rgba(130,162,212,0.4) !important; }
.ncp-dark .nl-type-on,
.ncp-dark .nl-moment-on,
.ncp-dark .nl-input:focus {      /* navy selection → structural blue */
  border-color: #18B0F5 !important;
  box-shadow: 0 0 0 3px rgba(24,176,245,0.18) !important;
}
.ncp-dark .nl-input {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(130,162,212,0.22) !important;
  color: #dce6f3 !important;
}

/* ============================================================
   10. OPEN-STATION MODAL (new-event-*)
   ============================================================ */
/* ── modal titles → gold (CAST tag, OPEN A STATION, BROWSE STATIONS) ── */
.ncp-dark .ncp-panel-hdr-tag { color: #f5c542 !important; }
.ncp-dark .new-event-modal .new-event-title-main { color: #f5c542 !important; }
.ncp-dark .br-title { color: #f5c542 !important; }
/* station name beside the CAST tag → small + dim, so the gold title leads, not the station */
.ncp-dark .ncp-panel-hdr-name { color: rgba(190,205,228,0.55) !important; }

.ncp-dark .new-event-modal .new-event-label { color: rgba(190,205,228,0.85) !important; }
.ncp-dark .new-event-modal .new-event-summary-note { color: rgba(190,205,228,0.7) !important; }
.ncp-dark .new-event-modal .new-event-btn-secondary {
  border-color: rgba(130,162,212,0.3) !important;
  color: rgba(190,205,228,0.7) !important;
}

/* ============================================================
   11. COMPOSER FRAME (nc-*)
   ============================================================ */
.ncp-dark .nc-title,
.ncp-dark .nc-topup-title { color: #dce6f3 !important; }
.ncp-dark .nc-tag,
.ncp-dark .nc-sechint,
.ncp-dark .nc-credits-label,
.ncp-dark .nc-drop-add,
.ncp-dark .nc-topup-sub,
.ncp-dark .nc-topup-cancel { color: rgba(190,205,228,0.6) !important; }
.ncp-dark .nc-seclabel { color: rgba(190,205,228,0.85) !important; }
.ncp-dark .nc-field-label { color: #cdd9ea !important; }
.ncp-dark .nc-drop-plus { color: rgba(190,205,228,0.75) !important; }

/* composer fields → dark glass + light text */
.ncp-dark .nc-evt-select,
.ncp-dark .nc-evt-bound,
.ncp-dark .nc-text,
.ncp-dark .nc-pack {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(130,162,212,0.22) !important;
  color: #dce6f3 !important;
}
.ncp-dark .nc-pack { color: #cdd9ea !important; }
.ncp-dark .nc-drop {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(130,162,212,0.22) !important;
}
.ncp-dark .nc-text::placeholder { color: rgba(150,172,205,0.45) !important; }
.ncp-dark .nc-text:focus,
.ncp-dark .nc-pack:hover,
.ncp-dark .nc-drop:hover,
.ncp-dark .nc-bare .nc-drop:hover { border-color: #18B0F5 !important; }
.ncp-dark .nc-text:focus { box-shadow: 0 0 0 3px rgba(24,176,245,0.18) !important; }
.ncp-dark .nc-bare .nc-evt-select:focus,
.ncp-dark .nc-bare .nc-text:focus {
  box-shadow: inset 0 0 0 3px rgba(13,22,40,0.96), inset 0 0 0 4px #18B0F5 !important;
}

/* composer primary buttons / chips → structural blue */
.ncp-dark .nc-evt-bound-moment,
.ncp-dark .nc-gen {
  background: #18B0F5 !important;
  color: #04121f !important;
}
.ncp-dark .nc-dot.on { background: #18B0F5 !important; border-color: #18B0F5 !important; }
.ncp-dark .nc-dot { border-color: rgba(130,162,212,0.3) !important; }
.ncp-dark .nc-pack-price { color: #f5c542 !important; }   /* keep prices gold (consistent) */

/* composer SAVE pill + saved state */
.ncp-dark .nc-save {
  background: rgba(255,255,255,0.06) !important;
  border-color: rgba(130,162,212,0.35) !important;
  color: #cdd9ea !important;
}
.ncp-dark .nc-save.saved {
  border-color: rgba(24,176,245,0.6) !important;
  background: rgba(24,176,245,0.16) !important;
}

/* composer top-up overlay (cream) → dark */
.ncp-dark .nc-topup { background: rgba(10,16,32,0.97) !important; }

/* composer pixel connector nodes / blink (mint → structural blue) */
.ncp-dark .nc-conn-node-l,
.ncp-dark .nc-conn-node-r {
  background: #18B0F5 !important;
  border-color: rgba(130,162,212,0.4) !important;
}
.ncp-dark .nc-conn-mid::after { background: #18B0F5 !important; }

/* composer modal close X */
.ncp-dark .nc-modal-x {
  background: rgba(13,22,40,0.95) !important;
  color: #cdd9ea !important;
  border: 1px solid rgba(130,162,212,0.25) !important;
}

/* ============================================================
   12. COACH MARK
   ============================================================ */
.ncp-dark .ncp-coach-tip {
  background: rgba(13,22,40,0.96) !important;
  border-color: #18B0F5 !important;
  box-shadow: inset 0 0 0 3px rgba(13,22,40,0.96), inset 0 0 0 4px rgba(24,176,245,0.18), 0 18px 50px rgba(0,0,0,0.6) !important;
}
.ncp-dark .ncp-coach-text { color: #dce6f3 !important; }
.ncp-dark .ncp-coach-skip { color: rgba(190,205,228,0.55) !important; }
.ncp-dark .ncp-coach-skip:hover { color: #eaf6ff !important; }
.ncp-dark .ncp-coach-ring {
  box-shadow: 0 0 0 9999px rgba(4,8,16,0.72), 0 0 0 3px #18B0F5, 0 0 34px rgba(24,176,245,0.65) !important;
}
.ncp-dark .ncp-coach-next {
  background: #18B0F5 !important;
  color: #04121f !important;
}

/* ============================================================
   13. DASHBOARD HERO + STAT GRID (db-*) — forest-green surface → navy glass
   ============================================================ */
.ncp-dark .db-hero {
  background: linear-gradient(180deg, rgba(13,22,40,0.92) 0%, rgba(10,17,33,0.96) 100%) !important;
  border: 1px solid rgba(120,162,220,0.22) !important;
}
.ncp-dark .db-hero-corner { border-color: rgba(24,176,245,0.55) !important; }
.ncp-dark .db-hero-banner {        /* "YOUR LINCS · LIVE" → gold */
  color: #f5c542 !important;
  text-shadow: 0 0 8px rgba(245,197,66,0.35) !important;
}
.ncp-dark .db-hero-banner-bracket { color: rgba(245,197,66,0.7) !important; }
.ncp-dark .db-hero-banner-dot {
  background: #18B0F5 !important;
  box-shadow: 0 0 10px rgba(24,176,245,0.9) !important;
}
.ncp-dark .db-hero-banner-text {   /* green gradient-clip text → gold gradient */
  background: linear-gradient(180deg, #ffe08a 0%, #f5c542 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.ncp-dark .db-stat-grid { border-top: 1px dashed rgba(120,162,220,0.28) !important; }
.ncp-dark .db-stat-divider {
  background: linear-gradient(180deg, transparent 0%, rgba(120,162,220,0.35) 50%, transparent 100%) !important;
}
.ncp-dark .db-stat-label { color: #93a7bf !important; text-shadow: none !important; }
.ncp-dark .db-stat-marker { color: #f5c542 !important; }
.ncp-dark .db-stat-value {
  color: #dce6f3 !important;
  text-shadow: 0 0 18px rgba(24,176,245,0.18), 0 2px 0 rgba(0,0,0,0.18) !important;
}
.ncp-dark .db-stat-sub { color: rgba(190,205,228,0.6) !important; }
.ncp-dark .db-section-title { color: #dce6f3 !important; }
.ncp-dark .db-events-summary { color: rgba(190,205,228,0.6) !important; }

/* root tag chip floating on card cover → blue glass (unify) */
.ncp-dark .edx-root-tag { background: rgba(24,176,245,0.85) !important; color: #04121f !important; }

/* detail hero button — keep light pill, ensure navy text on light bg */
.ncp-dark .ncp-hero-btn { background: rgba(255,255,255,0.92) !important; color: #0d1c30 !important; }

/* NOTE intentionally NOT overridden: .cert-preview-* (NFT certificate aquamarine
   is decorative deliverable artwork, analogous to the Navi sprite) and the Navi
   pixel body green on the sprite canvas. */

/* ============================================================
   14. LOCKED ACTION BUTTONS (demo/sample) + active send
   The locked Cast/send pills were dark-navy text on a dark-navy translucent
   fill — invisible on the dark panel. Lift to a dim light "disabled" pill.
   The active send button used a navy fill (weak on dark) → structural blue.
   ============================================================ */
.ncp-dark .ncp-btn-anchor-locked,
.ncp-dark .ncp-btn-anchor-locked:hover,
.ncp-dark .ncp-btn-anchor-locked:active,
.ncp-dark .ncp-btn-send-locked,
.ncp-dark .ncp-btn-send-locked:hover,
.ncp-dark .ncp-btn-send-locked:active {
  background: rgba(255,255,255,0.05) !important;
  color: rgba(190,205,228,0.5) !important;
  border-color: rgba(130,162,212,0.22) !important;
  box-shadow: 0 4px 0 rgba(8,16,32,0.5) !important;
}
.ncp-dark .ncp-btn-anchor-locked .ncp-btn-anchor-amt {
  background: rgba(255,255,255,0.06) !important;
  color: rgba(190,205,228,0.6) !important;
}
.ncp-dark .ncp-btn-send:not(.ncp-btn-send-locked) {
  background: linear-gradient(180deg,#f5c542,#e0a040) !important;   /* the real Cast → gold */
  color: #2a1c06 !important;
  border-color: #b9831f !important;
}

/* ---- inline-green captions/dots (set via style="" in JS) → gold pop.
   A stylesheet !important beats an inline style that has no !important. ---- */
.ncp-dark .nc-thumb-pal { color: #f5c542 !important; }                  /* "◈ cover" / "◈ palette" accent caption */
.ncp-dark .nc-fdot[style*="3a9e78"] { background: #f5c542 !important; } /* green field-label dot → gold (terra dot kept) */

/* ============================================================
   15. CREAM-VAR SURFACES that were missed (background: var(--nc-panel)/(--nc-parch))
   These pixel-frame panels/inputs kept a cream fill + cream inset ring on dark.
   --nc-panel is overloaded (also light TEXT on navy heads/buttons) so it can't be
   redefined globally — each surface is overridden explicitly, inset ring included.
   ============================================================ */

/* Browse-all modal */
.ncp-dark .br-panel {
  background: linear-gradient(180deg, rgba(13,22,40,0.97), rgba(10,16,32,0.98)) !important;
  border-color: rgba(120,162,220,0.24) !important;
  box-shadow: inset 0 0 0 3px rgba(13,22,40,0.97), inset 0 0 0 4px rgba(120,162,220,0.18),
              0 24px 64px rgba(0,0,0,0.55) !important;
}
.ncp-dark .br-search-row {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(120,162,220,0.28) !important;
  box-shadow: none !important;
}

/* Open-a-Station modal */
.ncp-dark .new-event-modal .new-event-panel {
  background: linear-gradient(180deg, rgba(13,22,40,0.97), rgba(10,16,32,0.98)) !important;
  border-color: rgba(120,162,220,0.24) !important;
  box-shadow: inset 0 0 0 3px rgba(13,22,40,0.97), inset 0 0 0 4px rgba(120,162,220,0.18),
              0 24px 60px rgba(0,0,0,0.5) !important;
}
.ncp-dark .new-event-modal .new-event-input {
  background: rgba(255,255,255,0.05) !important; color: #dce6f3 !important;
  border-color: rgba(120,162,220,0.28) !important;
  box-shadow: inset 0 0 0 3px rgba(13,22,40,0.6), inset 0 0 0 4px rgba(120,162,220,0.18) !important;
}
.ncp-dark .new-event-modal .new-event-input:focus {
  box-shadow: inset 0 0 0 3px rgba(13,22,40,0.6), inset 0 0 0 4px #18B0F5 !important;
}
.ncp-dark .new-event-modal .new-event-input::placeholder { color: rgba(150,172,205,0.45) !important; }

/* Composer frame (locked for samples; real users reach it) */
.ncp-dark .nc-frame {
  background: rgba(11,18,34,0.96) !important;
  border-color: rgba(120,162,220,0.2) !important;
  box-shadow: 0 30px 70px rgba(0,0,0,0.5), 0 1px 0 rgba(120,162,220,0.12) inset !important;
}
.ncp-dark .nc-frame-head {
  background: linear-gradient(rgba(14,24,46,0.9), rgba(11,18,34,0.7)) !important;
  border-bottom-color: rgba(120,162,220,0.16) !important;
}
.ncp-dark .nc-right {
  background: linear-gradient(160deg, rgba(13,22,40,0.72), rgba(10,16,30,0.86)) !important;
  border-left-color: rgba(120,162,220,0.14) !important;
}
.ncp-dark .nc-bare .nc-left,
.ncp-dark .nc-bare .nc-right {
  background: rgba(13,22,40,0.84) !important;
  border-color: rgba(120,162,220,0.22) !important;
  box-shadow: inset 0 0 0 3px rgba(13,22,40,0.84), inset 0 0 0 4px rgba(120,162,220,0.18),
              0 6px 0 rgba(0,0,0,0.3) !important;
}
.ncp-dark .nc-conn-mid { background: rgba(13,22,40,0.6) !important; }

/* ============================================================
   16. OPEN-A-STATION summary box (events.css cream sub-panel #FAF7EE with
   near-black / forest-green text inside) → dark glass + lifted text.
   ============================================================ */
.ncp-dark .new-event-summary {   /* preview: this block is just the helper caption — no box */
  background: transparent !important;
  border-color: transparent !important;
}
.ncp-dark .new-event-summary-row + .new-event-summary-row { border-top-color: rgba(120,162,220,0.14) !important; }
.ncp-dark .new-event-summary-label { color: rgba(190,205,228,0.7) !important; }
.ncp-dark .new-event-summary-value { color: #dce6f3 !important; }
.ncp-dark .new-event-summary-value strong { color: #f5c542 !important; }   /* forest-green #1F4633 → gold */
.ncp-dark .new-event-summary-hint { color: rgba(190,205,228,0.55) !important; }

/* ============================================================
   17. HOME-DECK INPUT FRAMES — the chunky cream pixel double-ring (inset 3px
   var(--nc-panel) + 4px) read as a thick WHITE frame on dark. Refine to a
   single thin hairline; keep the notched pixel corners (clip-path stays).
   ============================================================ */
.ncp-dark .nc-bare .nc-evt-select,
.ncp-dark .nc-bare .nc-drop,
.ncp-dark .nc-bare .nc-text {
  border: 1px solid rgba(120,162,220,0.22) !important;
  border-left: 1px solid rgba(120,162,220,0.22) !important;
  background: rgba(255,255,255,0.04) !important;
  box-shadow: none !important;
}
.ncp-dark .nc-bare .nc-evt-select:focus,
.ncp-dark .nc-bare .nc-text:focus {
  border-color: #18B0F5 !important;
  box-shadow: 0 0 0 2px rgba(24,176,245,0.16) !important;
}
.ncp-dark .nc-bare .nc-drop:hover { border-color: rgba(24,176,245,0.55) !important; }

/* ============================================================
   18. ACCENT PASS — SELECTION = GOLD.
   Warm gold marks "the one you picked / what's live"; blue stays for hover,
   structure, navigation and active-process. (filter-pill / status dots / prices
   / selected-donation are already gold — this extends the same language.)
   ============================================================ */
/* selected STATION card — gold ring + gold corner indicator (was blue) */
.ncp-dark .home-pick-on .home-pick-cover {
  border-color: #f5c542 !important;
  box-shadow: 0 8px 24px rgba(245,197,66,0.22), 0 2px 8px rgba(0,0,0,0.4) !important;
}
.ncp-dark .home-pick-on::after {
  background: #f5c542 !important;
  box-shadow: 0 0 6px rgba(245,197,66,0.6) !important;
}
/* selected colour SWATCH — gold ring (was blue) */
.ncp-dark .home-swatch-on {
  border-color: #f5c542 !important;
  box-shadow: 0 0 0 2px rgba(245,197,66,0.4) !important;
}

/* ============================================================
   19. PAGE ROOT — <html> is theme-light (cream) and peeks at scroll edges
   behind the dark body. preview-dark.css loads ONLY on the dark page, so this
   is safely scoped to dark only.
   ============================================================ */
html { background: #06080d !important; }

/* ============================================================
   20. SELECTION-GOLD TIMING FIX — the blue :hover rule (.home-pick:hover
   .home-pick-cover, 3 specificity) was out-ranking the gold selected rule
   (.home-pick-on .home-pick-cover, 2), so a just-clicked card showed blue
   until the cursor left. Match specificity + later source so selected stays gold.
   ============================================================ */
.ncp-dark .home-pick-on:hover .home-pick-cover {
  border-color: #f5c542 !important;
  box-shadow: 0 8px 24px rgba(245,197,66,0.22), 0 2px 8px rgba(0,0,0,0.4) !important;
}

/* ============================================================
   FLOATING NAV — replaces the old fixed top bar
   (foundation-lock: navigation floats, quiet, no menu bar)
   ============================================================ */
.ncp-nav-toggle {
  position: fixed; top: 16px; right: 18px; z-index: 460;
  width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;
  background: rgba(12,20,38,0.62); border: 1px solid rgba(120,170,230,0.30);
  border-radius: 12px; cursor: pointer;
  -webkit-backdrop-filter: blur(14px) saturate(1.12); backdrop-filter: blur(14px) saturate(1.12);
  box-shadow: 0 6px 22px rgba(0,0,0,0.42), inset 0 1px 0 rgba(195,222,255,0.13);
  transition: border-color .2s, background .2s, transform .12s;
}
.ncp-nav-toggle:hover { border-color: rgba(130,185,255,0.6); background: rgba(16,28,52,0.8); }
.ncp-nav-toggle:active { transform: translateY(1px); }
.ncp-nav-lines { display: flex; flex-direction: column; gap: 4px; width: 19px; }
.ncp-nav-lines > span { height: 2px; border-radius: 2px; background: #bcd6f5; transition: transform .26s ease, opacity .18s ease; }
body.ncp-nav-open .ncp-nav-lines > span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
body.ncp-nav-open .ncp-nav-lines > span:nth-child(2) { opacity: 0; }
body.ncp-nav-open .ncp-nav-lines > span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

.ncp-nav-backdrop {
  position: fixed; inset: 0; z-index: 440; background: rgba(4,7,13,0.52);
  -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); animation: ncpNavFade .2s ease;
}
@keyframes ncpNavFade { from { opacity: 0; } to { opacity: 1; } }

.ncp-nav-drawer {
  position: fixed; top: 0; right: 0; bottom: 0; z-index: 450; width: 272px; max-width: 82vw;
  display: flex; flex-direction: column; padding: 72px 16px 18px;
  transform: translateX(104%); transition: transform .3s cubic-bezier(.3,.82,.3,1);
  background: linear-gradient(180deg, rgba(11,18,34,0.95), rgba(6,10,20,0.97));
  border-left: 1px solid rgba(120,170,230,0.22);
  -webkit-backdrop-filter: blur(22px) saturate(1.15); backdrop-filter: blur(22px) saturate(1.15);
  box-shadow: -10px 0 44px rgba(0,0,0,0.5);
}
body.ncp-nav-open .ncp-nav-drawer { transform: translateX(0); }
.ncp-nav-brand { display: block; padding: 0 10px 16px; margin-bottom: 8px; border-bottom: 1px solid rgba(120,170,230,0.14); }
.ncp-nav-brand img { height: 23px; width: auto; display: block; opacity: .96; }
.ncp-nav-section { font-family: var(--font-pixel); font-size: 7px; letter-spacing: .26em; color: rgba(140,170,215,0.5);
  text-transform: uppercase; padding: 22px 12px 7px; }
button.ncp-nav-link {
  width: 100%; background: none; border: none; cursor: pointer; text-align: left;
  font-family: var(--font-sans); font-size: 13.5px;
}
.ncp-nav-links { display: flex; flex-direction: column; gap: 1px; }
.ncp-nav-link { display: flex; align-items: center; gap: 11px; padding: 10px 12px; border-radius: 9px;
  font-family: var(--font-sans); font-size: 13.5px; color: #cdddf2; text-decoration: none;
  transition: background .15s, color .15s; }
.ncp-nav-link:hover { background: rgba(120,170,230,0.1); color: #fff; }
/* current page — not a link: highlighted, non-clickable, with a "here" marker so the user knows where they are */
.ncp-nav-link-current { background: rgba(127,195,255,0.12); color: #fff; cursor: default; position: relative; padding-left: 14px; }
.ncp-nav-link-current::before { content: ''; position: absolute; left: 3px; top: 9px; bottom: 9px; width: 2px; border-radius: 2px; background: #7fc3ff; box-shadow: 0 0 7px rgba(127,195,255,0.6); }
.ncp-nav-link-current:hover { background: rgba(127,195,255,0.12); }
.ncp-nav-here { margin-left: auto; font-family: var(--font-mono); font-size: 8px; letter-spacing: .18em; text-transform: uppercase; color: rgba(127,195,255,0.85); }
.ncp-nav-ico { width: 17px; text-align: center; color: #7fc3ff; font-size: 13px; flex-shrink: 0; }
.ncp-nav-ext { margin-left: auto; opacity: .45; font-size: 12px; }
/* footer — pinned to the bottom via margin-top:auto; contains only Log out */
.ncp-nav-foot { margin-top: auto; padding-top: 16px; border-top: 1px solid rgba(120,170,230,0.12); }
.ncp-nav-socials { display: flex; justify-content: flex-start; gap: 4px; padding: 0 6px; margin-bottom: 4px; }
.ncp-nav-socials a { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center;
  border-radius: 9px; color: rgba(170,195,230,0.55); text-decoration: none;
  transition: color .15s, background .15s, transform .12s; }
.ncp-nav-socials a:hover { color: #fff; background: rgba(120,170,230,0.1); transform: translateY(-1px); }
.ncp-nav-socials svg { width: 17px; height: 17px; display: block; }
.ncp-nav-logout { display: flex; align-items: center; gap: 11px; width: 100%; padding: 12px;
  background: rgba(255,255,255,0.03); border: 1px solid rgba(150,175,220,0.18); border-radius: 9px;
  font-family: var(--font-sans); font-size: 13px; color: rgba(200,212,230,0.8); cursor: pointer; text-align: left;
  transition: background .15s, color .15s, border-color .15s; }
.ncp-nav-logout:hover { background: rgba(240,110,110,0.1); border-color: rgba(240,110,110,0.4); color: #ffdada; }
.ncp-nav-logout .ncp-nav-ico { color: rgba(225,140,140,0.85); }