/* ============================================================
   ZeroSpread — Indicators Intelligence · Light Mode (1:1)
   Layout/spacing/sizes unchanged — color & surface layer only.
   Scoped: html.light .zsii / html[data-theme='light'] .zsii
   ============================================================ */

/* ── Design tokens ─────────────────────────────────────────── */
html.light .zsii,
html[data-theme='light'] .zsii {
  --bg: #eef2f8;
  --bg2: #e8edf5;
  --panel: #ffffff;
  --panel2: #f8fafc;
  --border: rgba(15, 23, 42, 0.08);
  --border2: rgba(15, 23, 42, 0.06);
  --text: #0f172a;
  --muted: #64748b;
  --green: #00c97a;
  --blue: #0ea5e9;
  --cyan: #06b6d4;
  --purple: #7c3aed;
  --red: #ef4444;
  --orange: #f59e0b;
  --se-border: rgba(15, 23, 42, 0.08);
  --se-border-inner: rgba(15, 23, 42, 0.06);
  --se-divider: rgba(15, 23, 42, 0.06);
  --se-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.06);
  --se-card-bg: #ffffff;
  --se-inner-bg: #f8fafc;
  --se-inner-border: rgba(15, 23, 42, 0.06);
  --se-glow-bar: 0 0 12px;

  color: var(--text);
  background:
    radial-gradient(1200px 640px at 12% -8%, rgba(139, 92, 246, 0.07), transparent 58%),
    radial-gradient(900px 520px at 88% 4%, rgba(22, 168, 255, 0.06), transparent 55%),
    radial-gradient(760px 480px at 50% 108%, rgba(34, 211, 238, 0.05), transparent 52%),
    linear-gradient(180deg, #f6f8fc 0%, #eef2f8 42%, #e9eef6 100%);
}

html.light .zsii .se-engine,
html[data-theme='light'] .zsii .se-engine {
  --se-border: rgba(15, 23, 42, 0.08);
  --se-border-inner: rgba(15, 23, 42, 0.06);
  --se-divider: rgba(15, 23, 42, 0.06);
  --se-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.06);
  --se-card-bg: #ffffff;
  --se-inner-bg: #f8fafc;
  --se-inner-border: rgba(15, 23, 42, 0.06);
}

/* ── Page shell ────────────────────────────────────────────── */
html.light:has(.zsii),
html.light body:has(.zsii),
html[data-theme='light']:has(.zsii),
html[data-theme='light'] body:has(.zsii) {
  background: #eef2f8 !important;
  background-color: #eef2f8 !important;
}

html.light body:has(.zsii) > main,
html[data-theme='light'] body:has(.zsii) > main {
  background: transparent !important;
  background-color: transparent !important;
}

@media (max-width: 767px) {
  html.light:has(.zsii),
  html.light body:has(.zsii),
  html[data-theme='light']:has(.zsii),
  html[data-theme='light'] body:has(.zsii) {
    background-color: #eef2f8 !important;
  }
}

/* ── Cards & surfaces ──────────────────────────────────────── */
html.light .zsii .card,
html.light .zsii .se-engine .grid .card,
html.light .zsii .se-engine .grid .dde-card,
html.light .zsii .se-engine .grid .center-sub.se-impact,
html[data-theme='light'] .zsii .card,
html[data-theme='light'] .zsii .se-engine .grid .card,
html[data-theme='light'] .zsii .se-engine .grid .dde-card,
html[data-theme='light'] .zsii .se-engine .grid .center-sub.se-impact {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.08);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.06);
  backdrop-filter: none;
}

html.light .zsii .mini,
html.light .zsii .imp-card,
html.light .zsii .dde-row,
html.light .zsii .se-signal__cell,
html.light .zsii .se-drivers__row,
html.light .zsii .se-impact__row,
html.light .zsii .cfe-row,
html.light .zsii .dte-path,
html[data-theme='light'] .zsii .mini,
html[data-theme='light'] .zsii .imp-card,
html[data-theme='light'] .zsii .dde-row,
html[data-theme='light'] .zsii .se-signal__cell,
html[data-theme='light'] .zsii .se-drivers__row,
html[data-theme='light'] .zsii .se-impact__row,
html[data-theme='light'] .zsii .cfe-row,
html[data-theme='light'] .zsii .dte-path {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.06);
}

html.light .zsii .dde-row.is-top,
html[data-theme='light'] .zsii .dde-row.is-top {
  background: linear-gradient(135deg, rgba(0, 201, 122, 0.1), rgba(248, 250, 252, 0.98));
  border-color: rgba(0, 201, 122, 0.22);
  box-shadow: 0 0 14px -8px rgba(0, 201, 122, 0.2);
}

/* ── Typography — primary titles ───────────────────────────── */
html.light .zsii :is(
  .card-title,
  .center-head b,
  .col--hero .center-head b,
  .cs-title,
  .col--hero .cs-title,
  .se-engine .grid .card-title,
  .se-engine .grid .cs-title,
  .dte-title,
  .ifs-label,
  .intel-page-head h1,
  .intel-summary__title,
  .brand .b-txt b
),
html[data-theme='light'] .zsii :is(
  .card-title,
  .center-head b,
  .col--hero .center-head b,
  .cs-title,
  .col--hero .cs-title,
  .se-engine .grid .card-title,
  .se-engine .grid .cs-title,
  .dte-title,
  .ifs-label,
  .intel-page-head h1,
  .intel-summary__title,
  .brand .b-txt b
) {
  color: #0f172a;
}

/* ── Typography — secondary / mono labels ──────────────────── */
html.light .zsii :is(
  .lv-name,
  .sg-name,
  .dde-name,
  .imp-card .k,
  .se-drivers__name,
  .se-impact__name,
  .cfe-name,
  .chip .nm,
  .bub .bn,
  .core .ct,
  .core .cs,
  .iae-lbl,
  .dte-cond,
  .sme-hint,
  .dt td.name
),
html[data-theme='light'] .zsii :is(
  .lv-name,
  .sg-name,
  .dde-name,
  .imp-card .k,
  .se-drivers__name,
  .se-impact__name,
  .cfe-name,
  .chip .nm,
  .bub .bn,
  .core .ct,
  .core .cs,
  .iae-lbl,
  .dte-cond,
  .sme-hint,
  .dt td.name
) {
  color: #334155;
}

html.light .zsii .dde-row.is-top .dde-name,
html[data-theme='light'] .zsii .dde-row.is-top .dde-name {
  color: #0f172a;
}

html.light .zsii :is(.tc-sym .nm b, .iae-count, .db-top),
html[data-theme='light'] .zsii :is(.tc-sym .nm b, .iae-count, .db-top) {
  color: #0f172a;
}

html.light .zsii .brand .b-txt span,
html[data-theme='light'] .zsii .brand .b-txt span {
  color: #64748b;
}

html.light .zsii .center-head span,
html[data-theme='light'] .zsii .center-head span {
  color: var(--blue);
}

/* ── Header chrome ─────────────────────────────────────────── */
html.light .zsii .header,
html.light .zsii .se-engine .header,
html[data-theme='light'] .zsii .header,
html[data-theme='light'] .zsii .se-engine .header {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94));
  border-color: rgba(15, 23, 42, 0.08);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 12px 32px rgba(15, 23, 42, 0.06);
  backdrop-filter: blur(14px);
}

html.light .zsii .header-v3__symbol b,
html[data-theme='light'] .zsii .header-v3__symbol b {
  color: #0f172a;
}

html.light .zsii .header-v3__price,
html[data-theme='light'] .zsii .header-v3__price {
  color: #0f172a;
}

html.light .zsii .header-v3__stat b,
html[data-theme='light'] .zsii .header-v3__stat b {
  color: #0f172a;
}

html.light .zsii .header-v3__signal b,
html[data-theme='light'] .zsii .header-v3__signal b {
  color: #0f172a;
  text-shadow:
    0 0 10px rgba(15, 23, 42, 0.08),
    0 0 18px rgba(22, 168, 255, 0.1);
}

html.light .zsii .header-v3__stats,
html[data-theme='light'] .zsii .header-v3__stats {
  background: rgba(15, 23, 42, 0.03);
  border-color: rgba(15, 23, 42, 0.08);
}

html.light .zsii .header-v3__sparkline-zone,
html[data-theme='light'] .zsii .header-v3__sparkline-zone {
  background: rgba(15, 23, 42, 0.04);
  border-color: rgba(15, 23, 42, 0.08);
}

html.light .zsii .header-v3__signal-card,
html[data-theme='light'] .zsii .header-v3__signal-card {
  background: rgba(15, 23, 42, 0.03);
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

html.light .zsii .header-v3__stat,
html[data-theme='light'] .zsii .header-v3__stat {
  border-inline-start-color: rgba(15, 23, 42, 0.08);
}

html.light .zsii .header-v3__spot,
html[data-theme='light'] .zsii .header-v3__spot {
  background: rgba(15, 23, 42, 0.04);
  border-color: rgba(15, 23, 42, 0.08);
  color: #64748b;
}

html.light .zsii .header-v3__change--up,
html[data-theme='light'] .zsii .header-v3__change--up {
  color: #059669;
}

html.light .zsii .header-v3__change--down,
html[data-theme='light'] .zsii .header-v3__change--down {
  color: #dc2626;
}

html.light .zsii .header-v3__status,
html[data-theme='light'] .zsii .header-v3__status {
  background: rgba(15, 23, 42, 0.03);
  border-top-color: rgba(15, 23, 42, 0.08);
  color: #64748b;
}

html.light .zsii .header-v3__status-item--live,
html[data-theme='light'] .zsii .header-v3__status-item--live {
  color: #059669;
}

html.light .zsii .header-v3__dot,
html[data-theme='light'] .zsii .header-v3__dot {
  background: #059669;
  box-shadow: 0 0 8px rgba(5, 150, 105, 0.45);
}

html.light .zsii .header-v3__shield,
html[data-theme='light'] .zsii .header-v3__shield {
  color: #059669;
}

html.light .zsii .header-v3__sparkline--up,
html[data-theme='light'] .zsii .header-v3__sparkline--up {
  color: #059669;
}

html.light .zsii .header-v3__sparkline--down,
html[data-theme='light'] .zsii .header-v3__sparkline--down {
  color: #dc2626;
}

html.light .zsii .header-v3__bias-up,
html[data-theme='light'] .zsii .header-v3__bias-up {
  color: #059669;
}

html.light .zsii .header-v3__bias-down,
html[data-theme='light'] .zsii .header-v3__bias-down {
  color: #dc2626;
}

html.light .zsii .ticker-card,
html[data-theme='light'] .zsii .ticker-card {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.06);
}

html.light .zsii .se-engine .intel-top-shell,
html[data-theme='light'] .zsii .se-engine .intel-top-shell {
  border-color: rgba(15, 23, 42, 0.08);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(248, 250, 252, 0.96) 58%,
    rgba(244, 247, 251, 0.94) 100%
  );
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 12px 32px rgba(15, 23, 42, 0.06);
}

html.light .zsii .se-engine .intel-top-shell .header,
html[data-theme='light'] .zsii .se-engine .intel-top-shell .header {
  border: 0;
  border-radius: 14px 14px 0 0;
  background: transparent;
  box-shadow: none;
}

html.light .zsii .se-engine .intel-top-shell .intel-nav,
html[data-theme='light'] .zsii .se-engine .intel-top-shell .intel-nav {
  margin: 0;
  border: 0;
  border-radius: 0 0 14px 14px;
  background: linear-gradient(
    180deg,
    rgba(139, 92, 246, 0.05) 0%,
    rgba(139, 92, 246, 0.018) 24%,
    transparent 52%
  );
  box-shadow: none;
}

html.light .zsii .h-icons .ib,
html[data-theme='light'] .zsii .h-icons .ib {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.06);
  color: #475569;
}

html.light .zsii .h-icons .ib:hover,
html[data-theme='light'] .zsii .h-icons .ib:hover {
  background: #f1f5f9;
  color: #0f172a;
}

/* ── Intel nav ─────────────────────────────────────────────── */
html.light .zsii .intel-nav,
html[data-theme='light'] .zsii .intel-nav {
  background:
    linear-gradient(180deg, rgba(139, 92, 246, 0.07) 0%, rgba(139, 92, 246, 0.025) 40%, transparent 72%),
    radial-gradient(ellipse 130% 95% at 50% -28%, rgba(139, 92, 246, 0.08), transparent 62%),
    radial-gradient(ellipse 120% 80% at 82% -10%, rgba(22, 168, 255, 0.05), transparent 50%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94));
  border-color: rgba(15, 23, 42, 0.08);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 12px 32px rgba(15, 23, 42, 0.06);
}

html.light .zsii .intel-nav__item,
html[data-theme='light'] .zsii .intel-nav__item {
  color: #64748b;
}

html.light .zsii .intel-nav__item:hover,
html[data-theme='light'] .zsii .intel-nav__item:hover {
  color: #0f172a;
  background: rgba(139, 92, 246, 0.06);
}

html.light .zsii .intel-nav__item.active,
html[data-theme='light'] .zsii .intel-nav__item.active {
  color: #6d28d9;
  background:
    radial-gradient(circle at 50% 0%, rgba(139, 92, 246, 0.12), transparent 70%),
    linear-gradient(180deg, rgba(139, 92, 246, 0.08), rgba(139, 92, 246, 0.02));
}

html.light .zsii .intel-nav__item.active::after,
html[data-theme='light'] .zsii .intel-nav__item.active::after {
  box-shadow: 0 0 16px rgba(139, 92, 246, 0.45);
}

html.light .zsii .intel-nav__item.active svg,
html[data-theme='light'] .zsii .intel-nav__item.active svg {
  filter: drop-shadow(0 0 5px rgba(124, 58, 237, 0.35));
}

html.light .zsii .intel-asset-selector__trigger,
html[data-theme='light'] .zsii .intel-asset-selector__trigger {
  border-color: rgba(15, 23, 42, 0.1);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

html.light .zsii .intel-asset-selector__trigger:hover,
html.light .zsii .intel-asset-selector__trigger[aria-expanded='true'],
html[data-theme='light'] .zsii .intel-asset-selector__trigger:hover,
html[data-theme='light'] .zsii .intel-asset-selector__trigger[aria-expanded='true'] {
  border-color: rgba(2, 132, 199, 0.22);
}

html.light .zsii .intel-asset-selector__pair,
html[data-theme='light'] .zsii .intel-asset-selector__pair {
  color: #0f172a;
}

html.light .zsii .intel-asset-selector__trigger-favorite,
html[data-theme='light'] .zsii .intel-asset-selector__trigger-favorite {
  border-color: rgba(180, 83, 9, 0.2);
  background: rgba(251, 191, 36, 0.12);
  color: #b45309;
}

html.light .zsii .intel-asset-selector__trigger-favorite:hover,
html[data-theme='light'] .zsii .intel-asset-selector__trigger-favorite:hover {
  border-color: rgba(180, 83, 9, 0.32);
  background: rgba(251, 191, 36, 0.18);
  color: #92400e;
}

html.light .intel-asset-selector__group-label--favorites,
html[data-theme='light'] .intel-asset-selector__group-label--favorites {
  color: #b45309;
}

html.light .intel-asset-selector__favorite-btn,
html[data-theme='light'] .intel-asset-selector__favorite-btn {
  border-color: rgba(15, 23, 42, 0.1);
  background: rgba(248, 250, 252, 0.9);
  color: #64748b;
}

html.light .intel-asset-selector__favorite-btn:hover,
html.light .intel-asset-selector__favorite-btn.is-on,
html[data-theme='light'] .intel-asset-selector__favorite-btn:hover,
html[data-theme='light'] .intel-asset-selector__favorite-btn.is-on {
  border-color: rgba(180, 83, 9, 0.24);
  background: rgba(251, 191, 36, 0.16);
  color: #b45309;
}

html.light .intel-asset-selector__menu,
html.light .intel-asset-selector__menu--floating,
html[data-theme='light'] .intel-asset-selector__menu,
html[data-theme='light'] .intel-asset-selector__menu--floating {
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.14);
}

html.light .intel-asset-selector__menu-head,
html[data-theme='light'] .intel-asset-selector__menu-head {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.96));
  border-bottom-color: rgba(15, 23, 42, 0.08);
}

html.light .intel-asset-selector__search,
html[data-theme='light'] .intel-asset-selector__search {
  border-color: rgba(15, 23, 42, 0.1);
  background: rgba(15, 23, 42, 0.04);
  color: #0f172a;
}

html.light .intel-asset-selector__option,
html[data-theme='light'] .intel-asset-selector__option {
  color: #0f172a;
}

html.light .intel-asset-selector__option.is-active,
html[data-theme='light'] .intel-asset-selector__option.is-active {
  background: rgba(124, 58, 237, 0.07);
  border-color: rgba(124, 58, 237, 0.16);
  box-shadow: 0 0 0 1px rgba(124, 58, 237, 0.05), 0 0 16px rgba(124, 58, 237, 0.06);
}

html.light .intel-asset-selector__option:not(.is-soon):hover,
html[data-theme='light'] .intel-asset-selector__option:not(.is-soon):hover {
  background: rgba(15, 23, 42, 0.04);
  border-color: rgba(15, 23, 42, 0.08);
}

html.light .intel-asset-selector__option-price,
html[data-theme='light'] .intel-asset-selector__option-price {
  color: rgba(71, 85, 105, 0.82);
}

html.light .intel-asset-selector__option-check,
html[data-theme='light'] .intel-asset-selector__option-check {
  color: #059669;
}

html.light .zsii .se-engine .card--decision-hero,
html[data-theme='light'] .zsii .se-engine .card--decision-hero {
  border-color: rgba(5, 150, 105, 0.2);
  background:
    radial-gradient(ellipse 88% 62% at 50% 42%, rgba(16, 185, 129, 0.06), transparent 62%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.96));
  box-shadow:
    0 16px 44px rgba(15, 23, 42, 0.12),
    0 0 0 1px rgba(16, 185, 129, 0.08),
    0 0 32px rgba(16, 185, 129, 0.06);
}

html.light .zsii .se-engine .card--decision-hero .center-head b,
html[data-theme='light'] .zsii .se-engine .card--decision-hero .center-head b {
  color: #0f172a;
  text-shadow: none;
}

html.light .intel-asset-transition__loader,
html[data-theme='light'] .intel-asset-transition__loader {
  color: #0f172a;
}

html.light .zsii .se-signal .card-title,
html[data-theme='light'] .zsii .se-signal .card-title {
  color: #0f172a;
}

html.light .zsii .se-drivers .card-title,
html[data-theme='light'] .zsii .se-drivers .card-title {
  color: #0f172a;
}

html.light .zsii .core .cs2,
html[data-theme='light'] .zsii .core .cs2 {
  color: #475569;
}

html.light .zsii .se-impact__leaders-head,
html.light .zsii .se-drivers__leader-title,
html.light .zsii .se-drivers__podium-rank,
html.light .zsii .se-drivers__leader-hint,
html.light .zsii .se-drivers__foot,
html[data-theme='light'] .zsii .se-impact__leaders-head,
html[data-theme='light'] .zsii .se-drivers__leader-title,
html[data-theme='light'] .zsii .se-drivers__podium-rank,
html[data-theme='light'] .zsii .se-drivers__leader-hint,
html[data-theme='light'] .zsii .se-drivers__foot {
  color: #475569;
}

html.light .zsii .se-signal__icon--support,
html[data-theme='light'] .zsii .se-signal__icon--support {
  color: #089981;
  background: rgba(8, 153, 129, 0.1);
  border-color: rgba(8, 153, 129, 0.22);
}

html.light .zsii .se-signal__icon--oppose,
html[data-theme='light'] .zsii .se-signal__icon--oppose {
  color: #f23645;
  background: rgba(242, 54, 69, 0.08);
  border-color: rgba(242, 54, 69, 0.2);
}

html.light .zsii .se-signal__icon--shield-green,
html[data-theme='light'] .zsii .se-signal__icon--shield-green {
  background: rgba(0, 201, 122, 0.1);
  border-color: rgba(0, 201, 122, 0.24);
}

html.light .zsii .se-signal__icon--clock,
html[data-theme='light'] .zsii .se-signal__icon--clock {
  background: rgba(14, 165, 233, 0.1);
  border-color: rgba(14, 165, 233, 0.26);
}

html.light .zsii .se-signal__health-item,
html[data-theme='light'] .zsii .se-signal__health-item {
  background: rgba(15, 23, 42, 0.04);
  border-color: rgba(148, 163, 184, 0.28);
}

html.light .zsii .se-signal__health-label,
html.light .zsii .se-signal__stability-track-head,
html[data-theme='light'] .zsii .se-signal__health-label,
html[data-theme='light'] .zsii .se-signal__stability-track-head {
  color: #64748b;
}

html.light .zsii .se-signal__health-value,
html[data-theme='light'] .zsii .se-signal__health-value {
  color: #0f172a;
}

html.light .zsii .se-signal__stability-bar,
html[data-theme='light'] .zsii .se-signal__stability-bar {
  background: rgba(15, 23, 42, 0.08);
}

html.light .zsii .se-drivers__bar i.se-bar-fill,
html[data-theme='light'] .zsii .se-drivers__bar i.se-bar-fill {
  box-shadow: 0 0 10px color-mix(in srgb, var(--c, var(--green)) 42%, transparent);
}

html.light .zsii .db-knob,
html[data-theme='light'] .zsii .db-knob {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.08);
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.2), 0 0 0 2px rgba(255, 255, 255, 0.95);
}

/* ── Gauge & ring inner surfaces (light) ─────────────────────── */
html.light .zsii .big-gauge::before,
html.light .zsii .ring::before,
html.light .zsii .iae-ring::before,
html.light .zsii .trend-donut::before,
html[data-theme='light'] .zsii .big-gauge::before,
html[data-theme='light'] .zsii .ring::before,
html[data-theme='light'] .zsii .iae-ring::before,
html[data-theme='light'] .zsii .trend-donut::before {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
}

html.light .zsii .ring,
html[data-theme='light'] .zsii .ring {
  background: conic-gradient(var(--c) calc(var(--p) * 3.6deg), rgba(15, 23, 42, 0.06) 0);
}

html.light .zsii .big-gauge,
html[data-theme='light'] .zsii .big-gauge {
  background: conic-gradient(from -90deg, var(--purple), var(--blue) calc(var(--p) * 3.6deg), rgba(15, 23, 42, 0.06) 0);
}

html.light .zsii .iae-ring,
html[data-theme='light'] .zsii .iae-ring {
  background: conic-gradient(var(--c) calc(var(--p) * 3.6deg), rgba(15, 23, 42, 0.06) 0);
}

html.light .zsii .trend-donut,
html[data-theme='light'] .zsii .trend-donut {
  background: conic-gradient(from -125deg, var(--green) calc(var(--p) * 3.6deg), rgba(15, 23, 42, 0.06) 0);
  box-shadow: 0 0 20px -10px rgba(0, 201, 122, 0.35);
}

/* Strength gauge — inner value + /10 */
html.light .zsii .big-gauge .gv b,
html[data-theme='light'] .zsii .big-gauge .gv b {
  color: #0f172a;
}

html.light .zsii .big-gauge .gv small,
html[data-theme='light'] .zsii .big-gauge .gv small {
  color: #64748b;
}

/* Trend donut — large pct */
html.light .zsii .trend-donut .tv span,
html[data-theme='light'] .zsii .trend-donut .tv span {
  color: #0f172a;
}

/* Summary mini-rings — value stays accent-colored via var(--c) */
html.light .zsii .iae-ring-inner b,
html[data-theme='light'] .zsii .iae-ring-inner b {
  color: var(--c);
}

html.light .zsii .iae-count,
html[data-theme='light'] .zsii .iae-count {
  color: #0f172a;
}

/* ── Tracks & bars ─────────────────────────────────────────── */
html.light .zsii :is(
  .track,
  .lv-bar,
  .dde-bar,
  .se-drivers__bar,
  .ifs-bar,
  .sme-track,
  .se-drivers__bar
),
html[data-theme='light'] .zsii :is(
  .track,
  .lv-bar,
  .dde-bar,
  .se-drivers__bar,
  .ifs-bar,
  .sme-track,
  .se-drivers__bar
) {
  background: rgba(15, 23, 42, 0.06);
}

html.light .zsii .track,
html[data-theme='light'] .zsii .track {
  background: rgba(15, 23, 42, 0.06);
}

html.light .zsii .track i,
html[data-theme='light'] .zsii .track i {
  box-shadow: 0 0 12px rgba(124, 58, 237, 0.28);
}

/* ── Icons & chips ─────────────────────────────────────────── */
html.light .zsii :is(.ico, .se-drivers__icon, .dde-rank, .ifs-driver, .chip),
html[data-theme='light'] .zsii :is(.ico, .se-drivers__icon, .dde-rank, .ifs-driver, .chip) {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.06);
}

html.light .zsii .dots i,
html[data-theme='light'] .zsii .dots i {
  background: rgba(15, 23, 42, 0.1);
}

html.light .zsii .dots i.on,
html[data-theme='light'] .zsii .dots i.on {
  box-shadow: 0 0 8px var(--c);
}

/* ── Center engine — arena ─────────────────────────────────── */
html.light .zsii .bub,
html[data-theme='light'] .zsii .bub {
  background: radial-gradient(circle at 50% 38%, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96));
  box-shadow:
    0 0 26px -4px var(--c),
    0 4px 16px rgba(15, 23, 42, 0.08),
    inset 0 0 22px -8px var(--c);
}

html.light .zsii a.bub:hover,
html[data-theme='light'] .zsii a.bub:hover {
  box-shadow:
    0 0 32px -2px var(--c),
    0 6px 20px rgba(15, 23, 42, 0.1),
    inset 0 0 22px -8px var(--c);
}

html.light .zsii .bub .bv,
html[data-theme='light'] .zsii .bub .bv {
  color: #0f172a;
}

html.light .zsii .core .cd,
html.light .zsii .core .cp,
html.light .zsii .se-engine .core .cd,
html.light .zsii .se-engine .core .cp,
html[data-theme='light'] .zsii .core .cd,
html[data-theme='light'] .zsii .core .cp,
html[data-theme='light'] .zsii .se-engine .core .cd,
html[data-theme='light'] .zsii .se-engine .core .cp {
  text-shadow:
    0 0 22px rgba(0, 201, 122, 0.35),
    0 0 8px rgba(0, 201, 122, 0.2);
}

html.light .zsii .arena svg.rings circle[stroke='rgba(120,160,200,.10)'],
html.light .zsii .arena svg.rings circle[stroke='rgba(120,160,200,.12)'],
html[data-theme='light'] .zsii .arena svg.rings circle[stroke='rgba(120,160,200,.10)'],
html[data-theme='light'] .zsii .arena svg.rings circle[stroke='rgba(120,160,200,.12)'] {
  stroke: rgba(15, 23, 42, 0.07);
}

html.light .zsii .arena svg.rings #zsii-coreglow stop:first-child,
html[data-theme='light'] .zsii .arena svg.rings #zsii-coreglow stop:first-child {
  stop-color: #00c97a;
  stop-opacity: 0.14;
}

/* ── Decision bar ──────────────────────────────────────────── */
html.light .zsii .decision-bar--compact,
html.light .zsii .se-engine .decision-bar--compact,
html.light .zsii .lv-row,
html.light .zsii .sg-row,
html.light .zsii .se-drivers__leader,
html.light .zsii .se-drivers__podium,
html.light .zsii .se-drivers__foot,
html.light .zsii .sme-meta,
html[data-theme='light'] .zsii .decision-bar--compact,
html[data-theme='light'] .zsii .se-engine .decision-bar--compact,
html[data-theme='light'] .zsii .lv-row,
html[data-theme='light'] .zsii .sg-row,
html[data-theme='light'] .zsii .se-drivers__leader,
html[data-theme='light'] .zsii .se-drivers__podium,
html[data-theme='light'] .zsii .se-drivers__foot,
html[data-theme='light'] .zsii .sme-meta {
  border-color: rgba(15, 23, 42, 0.06);
}

/* ── Signal intelligence cells ─────────────────────────────── */
html.light .zsii .se-signal__icon,
html[data-theme='light'] .zsii .se-signal__icon {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.06);
}

html.light .zsii .se-signal:hover,
html.light .zsii .se-drivers:hover,
html.light .zsii .se-engine .grid .se-signal:hover,
html.light .zsii .se-engine .grid .se-drivers:hover,
html[data-theme='light'] .zsii .se-signal:hover,
html[data-theme='light'] .zsii .se-drivers:hover,
html[data-theme='light'] .zsii .se-engine .grid .se-signal:hover,
html[data-theme='light'] .zsii .se-engine .grid .se-drivers:hover {
  border-color: rgba(15, 23, 42, 0.12);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 12px 28px rgba(15, 23, 42, 0.07);
}

html.light .zsii .se-drivers__row:hover,
html.light .zsii .se-engine .se-drivers__row:hover,
html[data-theme='light'] .zsii .se-drivers__row:hover,
html[data-theme='light'] .zsii .se-engine .se-drivers__row:hover {
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow: 0 0 12px -4px rgba(22, 168, 255, 0.08);
}

/* ── Buttons ───────────────────────────────────────────────── */
html.light .zsii .sg-btn,
html[data-theme='light'] .zsii .sg-btn {
  background: rgba(14, 165, 233, 0.06);
  border-color: rgba(14, 165, 233, 0.22);
}

html.light .zsii .sg-btn:hover,
html[data-theme='light'] .zsii .sg-btn:hover {
  background: rgba(14, 165, 233, 0.1);
}

html.light .zsii .tf-tabs button.on,
html[data-theme='light'] .zsii .tf-tabs button.on {
  color: #ffffff;
}

/* ── Sub-page summary blocks ───────────────────────────────── */
html.light .zsii .intel-summary,
html[data-theme='light'] .zsii .intel-summary {
  background:
    radial-gradient(circle at 50% 0%, rgba(0, 201, 122, 0.08), transparent 48%),
    radial-gradient(circle at 50% 100%, rgba(139, 92, 246, 0.05), transparent 40%),
    linear-gradient(180deg, #ffffff, #f8fafc);
  border-color: rgba(15, 23, 42, 0.08);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 12px 32px rgba(15, 23, 42, 0.06);
}

html.light .zsii .intel-summary__pct,
html[data-theme='light'] .zsii .intel-summary__pct {
  color: #0f172a;
  text-shadow: 0 0 20px rgba(0, 201, 122, 0.2);
}

html.light .zsii .intel-summary__decision,
html[data-theme='light'] .zsii .intel-summary__decision {
  background: radial-gradient(circle at 50% 50%, rgba(0, 201, 122, 0.1), transparent 72%);
  border-color: rgba(0, 201, 122, 0.2);
  box-shadow: 0 0 32px -12px rgba(0, 201, 122, 0.28);
}

html.light .zsii .intel-summary__decision strong,
html[data-theme='light'] .zsii .intel-summary__decision strong {
  text-shadow: 0 0 24px rgba(0, 201, 122, 0.35);
}

html.light .zsii :is(.advice p, .intel-page-head p),
html[data-theme='light'] .zsii :is(.advice p, .intel-page-head p) {
  color: #64748b;
}

/* ── Maturity / condition marks ────────────────────────────── */
html.light .zsii .dte-cond-mark,
html.light .zsii .sme-phase-dot,
html[data-theme='light'] .zsii .dte-cond-mark,
html[data-theme='light'] .zsii .sme-phase-dot {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.08);
}

html.light .zsii .sme-knob,
html[data-theme='light'] .zsii .sme-knob {
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
}

html.light .zsii .dt td,
html[data-theme='light'] .zsii .dt td {
  border-top-color: rgba(15, 23, 42, 0.06);
}

html.light .zsii .tc-stat,
html[data-theme='light'] .zsii .tc-stat {
  border-left-color: rgba(15, 23, 42, 0.06);
}

html.light .zsii .lab-breakdown-lbl,
html[data-theme='light'] .zsii .lab-breakdown-lbl {
  color: #334155;
}

html.light .zsii .lab-breakdown-item,
html[data-theme='light'] .zsii .lab-breakdown-item {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.06);
}

/* ── Epistemic Horizon card ─────────────────────────────────── */
html.light .zsii .se-horizon__title,
html[data-theme='light'] .zsii .se-horizon__title {
  color: #0f172a;
}
html.light .zsii .se-horizon__subtitle,
html.light .zsii .se-horizon__empty,
html.light .zsii .se-horizon__footer,
html[data-theme='light'] .zsii .se-horizon__subtitle,
html[data-theme='light'] .zsii .se-horizon__empty,
html[data-theme='light'] .zsii .se-horizon__footer {
  color: #64748b;
}
html.light .zsii .se-horizon__gauge-num,
html[data-theme='light'] .zsii .se-horizon__gauge-num {
  color: #0f172a;
  text-shadow: none;
}
html.light .zsii .se-horizon__tier,
html[data-theme='light'] .zsii .se-horizon__tier {
  color: #475569;
  border-bottom-color: rgba(15, 23, 42, 0.08);
}
html.light .zsii .se-horizon__tier.is-active,
html.light .zsii .se-horizon__tier.is-active .se-horizon__tier-label,
html[data-theme='light'] .zsii .se-horizon__tier.is-active,
html[data-theme='light'] .zsii .se-horizon__tier.is-active .se-horizon__tier-label {
  color: #0f172a;
}
html.light .zsii .se-horizon__intel-card,
html[data-theme='light'] .zsii .se-horizon__intel-card {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.08);
}
html.light .zsii .se-horizon__intel-val,
html[data-theme='light'] .zsii .se-horizon__intel-val {
  color: #0f172a;
}
html.light .zsii .se-horizon--green,
html[data-theme='light'] .zsii .se-horizon--green {
  border-color: rgba(5, 150, 105, 0.22);
}
html.light .zsii .se-horizon--orange,
html[data-theme='light'] .zsii .se-horizon--orange {
  border-color: rgba(217, 119, 6, 0.22);
}
html.light .zsii .se-horizon--red,
html[data-theme='light'] .zsii .se-horizon--red {
  border-color: rgba(220, 38, 38, 0.18);
}

html.light .zsii .se-trend-age__title,
html[data-theme='light'] .zsii .se-trend-age__title {
  color: #0f172a;
}
html.light .zsii .se-trend-age__subtitle,
html.light .zsii .se-trend-age__stat-lbl,
html.light .zsii .se-trend-age__ring-lbl,
html.light .zsii .se-trend-age__lifecycle-lbl,
html.light .zsii .se-trend-age__state,
html[data-theme='light'] .zsii .se-trend-age__subtitle,
html[data-theme='light'] .zsii .se-trend-age__stat-lbl,
html[data-theme='light'] .zsii .se-trend-age__ring-lbl,
html[data-theme='light'] .zsii .se-trend-age__lifecycle-lbl,
html[data-theme='light'] .zsii .se-trend-age__state {
  color: #64748b;
}
html.light .zsii .se-trend-age__lifecycle-lbl.is-active,
html[data-theme='light'] .zsii .se-trend-age__lifecycle-lbl.is-active {
  color: #0f172a;
}
html.light .zsii .se-trend-age__hero-single,
html.light .zsii .se-trend-age__stat-val--accent,
html[data-theme='light'] .zsii .se-trend-age__hero-single,
html[data-theme='light'] .zsii .se-trend-age__stat-val--accent {
  color: #059669;
}
html.light .zsii .se-trend-age__hero-single b,
html[data-theme='light'] .zsii .se-trend-age__hero-single b {
  text-shadow: none;
}
html.light .zsii .se-trend-age__stat-val,
html[data-theme='light'] .zsii .se-trend-age__stat-val {
  color: #1e293b;
}
html.light .zsii .se-trend-age__badge--est,
html.light .zsii .se-trend-age__badge--live,
html[data-theme='light'] .zsii .se-trend-age__badge--est,
html[data-theme='light'] .zsii .se-trend-age__badge--live {
  color: #64748b;
  background: #f1f5f9;
  border-color: rgba(15, 23, 42, 0.08);
}
html.light .zsii .se-trend-age__badge--live,
html[data-theme='light'] .zsii .se-trend-age__badge--live {
  color: #059669;
  background: rgba(5, 150, 105, 0.08);
  border-color: rgba(5, 150, 105, 0.18);
}
html.light .zsii .se-trend-age__stats,
html.light .zsii .se-trend-age__lifecycle-rail,
html[data-theme='light'] .zsii .se-trend-age__stats,
html[data-theme='light'] .zsii .se-trend-age__lifecycle-rail {
  border-top-color: rgba(15, 23, 42, 0.08);
}

html.light .zsii .intel-seed-badge,
html[data-theme='light'] .zsii .intel-seed-badge {
  color: #64748b;
  background: rgba(100, 116, 139, 0.1);
  border-color: rgba(100, 116, 139, 0.25);
}

html.light .zsii .intel-label-tip__helper,
html[data-theme='light'] .zsii .intel-label-tip__helper {
  color: #64748b;
}

html.light .zsii .se-decision-evolution__title,
html[data-theme='light'] .zsii .se-decision-evolution__title {
  color: #0f172a;
}
html.light .zsii .se-decision-evolution__subtitle,
html.light .zsii .se-decision-evolution__story,
html.light .zsii .se-decision-evolution__hero-confidence,
html[data-theme='light'] .zsii .se-decision-evolution__subtitle,
html[data-theme='light'] .zsii .se-decision-evolution__story,
html[data-theme='light'] .zsii .se-decision-evolution__hero-confidence {
  color: #64748b;
}
html.light .zsii .se-decision-evolution__hero-band,
html[data-theme='light'] .zsii .se-decision-evolution__hero-band {
  color: #0f172a;
}
html.light .zsii .se-decision-evolution__node,
html[data-theme='light'] .zsii .se-decision-evolution__node {
  background: rgba(255, 255, 255, 0.9);
}
html.light .zsii .se-decision-evolution__node--final,
html[data-theme='light'] .zsii .se-decision-evolution__node--final {
  background: radial-gradient(circle at 50% 42%, rgba(5, 150, 105, 0.1), rgba(255, 255, 255, 0.95));
}
html.light .zsii .se-decision-evolution__hero-pct,
html.light .zsii .se-decision-evolution__tag--final,
html[data-theme='light'] .zsii .se-decision-evolution__hero-pct,
html[data-theme='light'] .zsii .se-decision-evolution__tag--final {
  color: #059669;
}
html.light .zsii .se-decision-evolution__impact--up,
html[data-theme='light'] .zsii .se-decision-evolution__impact--up {
  color: #059669;
}
html.light .zsii .se-decision-evolution__impact--down,
html[data-theme='light'] .zsii .se-decision-evolution__impact--down {
  color: #dc2626;
}
html.light .zsii .se-decision-evolution__impact--neutral,
html[data-theme='light'] .zsii .se-decision-evolution__impact--neutral {
  color: #0284c7;
}
html.light .zsii .se-decision-evolution__mini-reason,
html[data-theme='light'] .zsii .se-decision-evolution__mini-reason {
  color: #64748b;
  border-top-color: rgba(15, 23, 42, 0.08);
}
html.light .zsii .se-decision-evolution__hero-support,
html[data-theme='light'] .zsii .se-decision-evolution__hero-support {
  color: #64748b;
}

/* Intelligence explanation drawer — light */
html.light .zsii .intel-explain-trigger,
html[data-theme='light'] .zsii .intel-explain-trigger {
  color: #0284c7;
  background: rgba(2, 132, 199, 0.06);
  border-color: rgba(2, 132, 199, 0.2);
}
html.light .zsii .intel-explain-trigger:hover,
html[data-theme='light'] .zsii .intel-explain-trigger:hover {
  color: #0369a1;
  background: rgba(2, 132, 199, 0.1);
}
html.light .zsii.intel-explain-root .intel-explain-backdrop,
html[data-theme='light'] .zsii.intel-explain-root .intel-explain-backdrop {
  background: rgba(15, 23, 42, 0.28);
}
html.light .zsii.intel-explain-root .intel-explain-drawer,
html[data-theme='light'] .zsii.intel-explain-root .intel-explain-drawer {
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(2, 132, 199, 0.08), transparent 60%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.98));
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.14);
}
html.light .zsii.intel-explain-root .intel-explain-drawer__hero,
html[data-theme='light'] .zsii.intel-explain-root .intel-explain-drawer__hero {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.94) 72%, rgba(248, 250, 252, 0.88) 100%);
  border-bottom-color: rgba(15, 23, 42, 0.08);
}
html.light .zsii.intel-explain-root .intel-explain-drawer__context,
html[data-theme='light'] .zsii.intel-explain-root .intel-explain-drawer__context {
  color: #0284c7;
}
html.light .zsii.intel-explain-root .intel-explain-drawer__hero-title,
html[data-theme='light'] .zsii.intel-explain-root .intel-explain-drawer__hero-title {
  color: #0f172a;
}
html.light .zsii.intel-explain-root .intel-explain-drawer__divider,
html[data-theme='light'] .zsii.intel-explain-root .intel-explain-drawer__divider {
  border-top-color: rgba(15, 23, 42, 0.08);
}
html.light .zsii.intel-explain-root .intel-explain-drawer__section-title,
html[data-theme='light'] .zsii.intel-explain-root .intel-explain-drawer__section-title {
  color: #64748b;
}
html.light .zsii.intel-explain-root .intel-explain-drawer__text,
html[data-theme='light'] .zsii.intel-explain-root .intel-explain-drawer__text {
  color: #334155;
}
html.light .zsii.intel-explain-root .intel-explain-drawer__driver-name,
html[data-theme='light'] .zsii.intel-explain-root .intel-explain-drawer__driver-name {
  color: #0f172a;
}
html.light .zsii.intel-explain-root .intel-explain-drawer__driver-impact--up,
html[data-theme='light'] .zsii.intel-explain-root .intel-explain-drawer__driver-impact--up {
  color: #059669;
}
html.light .zsii.intel-explain-root .intel-explain-drawer__driver-impact--down,
html[data-theme='light'] .zsii.intel-explain-root .intel-explain-drawer__driver-impact--down {
  color: #dc2626;
}
html.light .zsii.intel-explain-root .intel-explain-drawer__driver-impact--neutral,
html[data-theme='light'] .zsii.intel-explain-root .intel-explain-drawer__driver-impact--neutral {
  color: #0284c7;
}

/* Intelligence help popover — light */
html.light .zsii .intel-help-popover__trigger,
html[data-theme='light'] .zsii .intel-help-popover__trigger {
  border-color: rgba(15, 23, 42, 0.12);
  background: rgba(15, 23, 42, 0.04);
  color: #64748b;
}
html.light .zsii .intel-help-popover__trigger:hover,
html.light .zsii .intel-help-popover__trigger[aria-expanded='true'],
html[data-theme='light'] .zsii .intel-help-popover__trigger:hover,
html[data-theme='light'] .zsii .intel-help-popover__trigger[aria-expanded='true'] {
  color: #0284c7;
  background: rgba(2, 132, 199, 0.08);
  border-color: rgba(2, 132, 199, 0.22);
}
html.light .intel-help-popover__panel--floating,
html[data-theme='light'] .intel-help-popover__panel--floating {
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.14);
}
html.light .intel-help-popover__panel--floating .intel-help-popover__head,
html.light .intel-help-popover__panel--floating .intel-help-popover__block + .intel-help-popover__block,
html[data-theme='light'] .intel-help-popover__panel--floating .intel-help-popover__head,
html[data-theme='light'] .intel-help-popover__panel--floating .intel-help-popover__block + .intel-help-popover__block {
  border-color: rgba(15, 23, 42, 0.08);
}
html.light .intel-help-popover__panel--floating .intel-help-popover__title,
html[data-theme='light'] .intel-help-popover__panel--floating .intel-help-popover__title {
  color: #0f172a;
}
html.light .intel-help-popover__panel--floating .intel-help-popover__label,
html[data-theme='light'] .intel-help-popover__panel--floating .intel-help-popover__label {
  color: #64748b;
}
html.light .intel-help-popover__panel--floating .intel-help-popover__text,
html.light .intel-help-popover__panel--floating .intel-help-popover__driver-name,
html[data-theme='light'] .intel-help-popover__panel--floating .intel-help-popover__text,
html[data-theme='light'] .intel-help-popover__panel--floating .intel-help-popover__driver-name {
  color: #334155;
}
html.light .intel-help-popover__panel--floating .intel-help-popover__driver-impact--up,
html[data-theme='light'] .intel-help-popover__panel--floating .intel-help-popover__driver-impact--up {
  color: #059669;
}
html.light .intel-help-popover__panel--floating .intel-help-popover__driver-impact--down,
html[data-theme='light'] .intel-help-popover__panel--floating .intel-help-popover__driver-impact--down {
  color: #dc2626;
}
html.light .intel-help-popover__panel--floating .intel-help-popover__driver-impact--neutral,
html[data-theme='light'] .intel-help-popover__panel--floating .intel-help-popover__driver-impact--neutral {
  color: #0284c7;
}
html.light .intel-help-popover__panel--floating .intel-help-popover__service,
html[data-theme='light'] .intel-help-popover__panel--floating .intel-help-popover__service {
  border-color: rgba(2, 132, 199, 0.16);
  background: rgba(2, 132, 199, 0.06);
}
html.light .intel-help-popover__panel--floating .intel-help-popover__service-badge,
html[data-theme='light'] .intel-help-popover__panel--floating .intel-help-popover__service-badge {
  border-color: rgba(2, 132, 199, 0.2);
  background: rgba(2, 132, 199, 0.1);
  color: #0284c7;
}
html.light .intel-help-popover__panel--floating .intel-help-popover__service-title,
html[data-theme='light'] .intel-help-popover__panel--floating .intel-help-popover__service-title {
  color: #0f172a;
}
html.light .intel-help-popover__panel--floating .intel-help-popover__step,
html[data-theme='light'] .intel-help-popover__panel--floating .intel-help-popover__step {
  border-color: rgba(15, 23, 42, 0.08);
}
html.light .intel-help-popover__panel--floating .intel-help-popover__step--why,
html[data-theme='light'] .intel-help-popover__panel--floating .intel-help-popover__step--why {
  border-color: rgba(180, 83, 9, 0.18);
  background: rgba(251, 191, 36, 0.1);
}
html.light .intel-help-popover__panel--floating .intel-help-popover__step--why .intel-help-popover__label,
html[data-theme='light'] .intel-help-popover__panel--floating .intel-help-popover__step--why .intel-help-popover__label {
  color: #b45309;
}
html.light .intel-help-popover__panel--floating .intel-help-popover__step--why .intel-help-popover__text,
html[data-theme='light'] .intel-help-popover__panel--floating .intel-help-popover__step--why .intel-help-popover__text {
  color: #78350f;
}
html.light .intel-help-popover__panel--floating .intel-help-popover__label--live,
html[data-theme='light'] .intel-help-popover__panel--floating .intel-help-popover__label--live {
  color: #0284c7;
}
html.light .intel-help-popover__panel--floating .intel-help-popover__bullets,
html[data-theme='light'] .intel-help-popover__panel--floating .intel-help-popover__bullets {
  color: #334155;
}
html.light .intel-help-popover__panel--floating .intel-help-popover__service + .intel-help-popover__block,
html[data-theme='light'] .intel-help-popover__panel--floating .intel-help-popover__service + .intel-help-popover__block {
  border-color: rgba(15, 23, 42, 0.08);
}