/* Sprint 1 D1 — design-critique overrides (DARK-THEME-AWARE)
   Bron: data/rapporten/2026-05-08_sprint1-codeplan.md §4
   Productie-cockpit gebruikt theme-modern (dark · indigo accent).
   D1-strategie: enkel wijzigingen die universeel werken op dark theme.
   Sidebar-active + chip-active + btn-primary blijven onder controle van
   theme-modern (laat rust in indigo-accent dark-pattern).
   Backup pre-edit: data/rapporten/sprint1-D1-backup-pre-edit/ */

:root {
  --numb3rs-navy: #1F4E78;
  --numb3rs-navy-hover: #163D5F;
  --numb3rs-action-blue: #2563eb;
}

/* ─── Topbar navy ANCHORS de NUMB3RS-brand ───
   #1F4E78 is donker genoeg voor het dark theme én sluit aan bij
   jaarbundel/adviesnota-header. Werkt visueel als "logo-kader". */
#topbar,
.topbar {
  background: var(--numb3rs-navy) !important;
  border-bottom: 1px solid var(--numb3rs-navy-hover) !important;
  color: #fff;
}
#topbar a, .topbar a { color: rgba(255,255,255,0.92) !important; }
#topbar input, .topbar input,
#topbar-search, #topbar input[type="search"] {
  background: rgba(255,255,255,0.12) !important;
  border-color: rgba(255,255,255,0.20) !important;
  color: #fff !important;
}
#topbar input::placeholder, .topbar input::placeholder {
  color: rgba(255,255,255,0.65) !important;
}
#topbar-meta, .topbar-meta { color: rgba(255,255,255,0.85) !important; }

/* AI ⌘K knop past zich aan navy-context aan (niet meer paars op navy) */
#ai-bar-toggle {
  background: rgba(255,255,255,0.18) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,0.25) !important;
}
#ai-bar-toggle:hover { background: rgba(255,255,255,0.28) !important; }

/* Cost-pill kleiner + minder prominent op navy
   (was wall-of-numbers item — design-critique sectie A). */
#cost-pill {
  font-size: 10px !important;
  padding: 2px 7px !important;
  opacity: 0.75;
}
#cost-pill:hover { opacity: 1; }

/* Sub-banners (sys-banner, mail-urgent) compacter */
#sys-banner,
#mail-urgent-banner {
  font-size: 11.5px !important;
  padding: 3px 10px !important;
}

/* ─── Page H1 schaling 18→20px (theme-agnostic) ─── */
h1.page-title,
.page-header h1,
.view-header h1 {
  font-size: 20px !important;
}

/* ─── KPI-strip cap: max 3 (guardrail tegen wildgroei design-critique sectie C) ─── */
.kpi-strip > :nth-child(n+4),
.kpi-grid > :nth-child(n+4),
.stats-row > :nth-child(n+4) {
  display: none !important;
}

/* ─── Pipe-step done→done connector visuele bug-fix ───
   Lijn tussen 2 done-stappen blijft anders grijs — ook donker in dark theme. */
.pipe-step.done + .pipe-step.done::before {
  content: '';
  position: absolute;
  top: 11px;
  right: 50%;
  left: -50%;
  height: 1px;
  background: currentColor;
  opacity: 0.55;
  z-index: 0;
}

/* NIET overruled (laat theme-modern beslissen):
   - .sb-link.active   → indigo accent past binnen dark theme
   - .chip.active      → idem
   - .btn.primary      → idem
   - body / sidebar bg → idem
   Dat blijft Sprint 2 (light/dark switch) met expliciete contrast-audit. */