/* /indicators overview only — full black theme (no navy/blue surfaces).
   Imported exclusively from app/indicators/(intel)/page.tsx.
   Scope: .zsii:has(.indicators-overview-black-theme) */

/* ── Page shell ── */
html:has(.indicators-overview-black-theme),
html:has(.indicators-overview-black-theme) body {
  background: #000000 !important;
  background-color: #000000 !important;
  background-image: none !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

html:has(.indicators-overview-black-theme) ::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}

.zsii:has(.indicators-overview-black-theme) {
  --page-bg: #000000;
  --surface-bg: #030303;
  --bg: #000000;
  --bg2: #030303;
  --panel: #030303;
  --panel2: #050505;
  --border: rgba(255, 255, 255, 0.06);
  --border2: rgba(255, 255, 255, 0.08);
  --se-card-bg: #030303;
  --se-inner-bg: #050505;
  --se-border: rgba(255, 255, 255, 0.06);
  --se-border-inner: rgba(255, 255, 255, 0.08);
  --se-divider: rgba(255, 255, 255, 0.06);
  background: #000000 !important;
  background-image: none !important;
}

/* ── Top nav shell (keep purple active-tab glow) ── */
.zsii:has(.indicators-overview-black-theme) .se-engine .intel-top-shell {
  background: #000000 !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.zsii:has(.indicators-overview-black-theme) .se-engine .intel-top-shell .intel-nav {
  background: #000000 !important;
  background-image: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.zsii:has(.indicators-overview-black-theme) .header {
  background: #000000 !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.06);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.zsii:has(.indicators-overview-black-theme) .header-v3__stats,
.zsii:has(.indicators-overview-black-theme) .header-v3__sparkline-zone,
.zsii:has(.indicators-overview-black-theme) .header-v3__signal-card,
.zsii:has(.indicators-overview-black-theme) .header-v3__status,
.zsii:has(.indicators-overview-black-theme) .header-v3__spot {
  background: #030303 !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.06);
}

.zsii:has(.indicators-overview-black-theme) .header-v3__status-divider {
  background: rgba(255, 255, 255, 0.08);
}

.zsii:has(.indicators-overview-black-theme) .intel-asset-selector__trigger,
.zsii:has(.indicators-overview-black-theme) .intel-asset-selector__trigger:hover,
.zsii:has(.indicators-overview-black-theme) .intel-asset-selector__trigger[aria-expanded='true'] {
  background: #050505 !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.08);
}

/* ── Panels + cards ── */
.zsii:has(.indicators-overview-black-theme) .card,
.zsii:has(.indicators-overview-black-theme) .se-engine .grid .card,
.zsii:has(.indicators-overview-black-theme) .se-engine .grid .dde-card,
.zsii:has(.indicators-overview-black-theme) .se-engine .grid .center-sub.se-impact,
.zsii:has(.indicators-overview-black-theme) .se-signal,
.zsii:has(.indicators-overview-black-theme) .se-horizon,
.zsii:has(.indicators-overview-black-theme) .se-drivers {
  background: #030303 !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.zsii:has(.indicators-overview-black-theme) .mini,
.zsii:has(.indicators-overview-black-theme) .imp-card,
.zsii:has(.indicators-overview-black-theme) .se-signal__cell,
.zsii:has(.indicators-overview-black-theme) .se-drivers__row,
.zsii:has(.indicators-overview-black-theme) .dde-row,
.zsii:has(.indicators-overview-black-theme) .se-impact__row,
.zsii:has(.indicators-overview-black-theme) .se-horizon__intel-card {
  background: #050505 !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.zsii:has(.indicators-overview-black-theme) .dde-row.is-top {
  background: linear-gradient(135deg, rgba(0, 230, 138, 0.1), #050505) !important;
}

/* ── Gauge / ring inner fills (not the colored arcs) ── */
.zsii:has(.indicators-overview-black-theme) .ring::before,
.zsii:has(.indicators-overview-black-theme) .big-gauge::before,
.zsii:has(.indicators-overview-black-theme) .trend-donut::before {
  background: #030303 !important;
}

/* ── Center decision engine card — black stage, keep green/neon glow ── */
.zsii:has(.indicators-overview-black-theme) .se-engine .grid .card.card--decision-hero {
  background: #000000 !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}

.zsii:has(.indicators-overview-black-theme) .se-engine .card--decision-hero .arena::before {
  background: radial-gradient(circle at 50% 50%, rgba(0, 230, 138, 0.14), transparent 58%) !important;
}

/* ── Side-column emphasis rules (remove blue-tinted borders) ── */
.zsii:has(.indicators-overview-black-theme) .se-engine .grid > .col--side:first-child > .card:nth-child(2),
.zsii:has(.indicators-overview-black-theme) .se-engine .grid > .col--side:first-child > .se-horizon,
.zsii:has(.indicators-overview-black-theme) .se-engine .grid > .col--side:first-child > .se-signal,
.zsii:has(.indicators-overview-black-theme) .se-engine .grid > .col--side:first-child > .se-drivers {
  border-color: rgba(255, 255, 255, 0.06) !important;
}

/* ── Row dividers ── */
.zsii:has(.indicators-overview-black-theme) .lv-row,
.zsii:has(.indicators-overview-black-theme) .sg-row {
  border-top-color: rgba(255, 255, 255, 0.06);
}

.zsii:has(.indicators-overview-black-theme) .se-horizon__cards {
  border-top-color: rgba(255, 255, 255, 0.06);
}

/* Accent icon fills (green/red/blue/purple) intentionally unchanged. */