/**
 * Crypto Ideas — cards + detail drawer typography only.
 * Does not change layout, color, geometry, or data.
 */

.cdh-idea-card--mi,
.cdh-idea-card--mi *:not(svg):not(path),
.cdh-idea-modal,
.cdh-idea-modal *:not(svg):not(path),
.cdh-idea-ev-tip {
  font-family: "Tajawal", "IBM Plex Sans Arabic", sans-serif;
  font-synthesis: none;
  letter-spacing: 0;
  text-rendering: geometricPrecision;
}

/* ── Shared LTR numeric islands ─────────────────────────────────── */
.cdh-idea-card--mi .cdh-idea-mi-symbol,
.cdh-idea-card--mi .cdh-idea-mi-price,
.cdh-idea-card--mi .cdh-idea-mi-quote,
.cdh-idea-card--mi .cdh-idea-mi-quote .is-up,
.cdh-idea-card--mi .cdh-idea-mi-quote .is-down,
.cdh-idea-card--mi .cdh-idea-mi-quality strong,
.cdh-idea-modal .cdh-idea-modal-symbol,
.cdh-idea-modal .cdh-idea-modal-price,
.cdh-idea-modal .cdh-idea-modal-change,
.cdh-idea-modal .cdh-idea-quality-meta-score,
.cdh-idea-modal .cdh-idea-qrow-score,
.cdh-idea-modal .cdh-idea-signal-score,
.cdh-idea-modal .cdh-idea-quality-meta-metric strong,
.cdh-idea-card--mi .cdh-idea-mi-metric > strong {
  font-variant-numeric: tabular-nums;
}

.cdh-idea-card--mi .cdh-idea-mi-symbol,
.cdh-idea-card--mi .cdh-idea-mi-price,
.cdh-idea-card--mi .cdh-idea-mi-quote,
.cdh-idea-card--mi .cdh-idea-mi-quote .is-up,
.cdh-idea-card--mi .cdh-idea-mi-quote .is-down,
.cdh-idea-card--mi .cdh-idea-mi-quality strong,
.cdh-idea-modal .cdh-idea-modal-symbol,
.cdh-idea-modal .cdh-idea-modal-price,
.cdh-idea-modal .cdh-idea-modal-change,
.cdh-idea-modal .cdh-idea-quality-meta-score,
.cdh-idea-modal .cdh-idea-qrow-score,
.cdh-idea-modal .cdh-idea-signal-score {
  direction: ltr;
  unicode-bidi: isolate;
}

/* ══════════════════════════════════════════════════════════════════
   IDEA CARDS
   ══════════════════════════════════════════════════════════════════ */

html.light .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-symbol,
[data-zs-crypto-root][data-zs-theme='light'] .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-symbol,
.crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-symbol,
.cdh-idea-card--mi .cdh-idea-mi-symbol {
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0;
}

html.light .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-price,
[data-zs-crypto-root][data-zs-theme='light'] .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-price,
.cdh-idea-card--mi .cdh-idea-mi-price {
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.2;
}

html.light .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-quote,
[data-zs-crypto-root][data-zs-theme='light'] .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-quote,
.cdh-idea-card--mi .cdh-idea-mi-quote {
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.2;
}

html.light .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-quote .is-up,
html.light .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-quote .is-down,
[data-zs-crypto-root][data-zs-theme='light'] .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-quote .is-up,
[data-zs-crypto-root][data-zs-theme='light'] .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-quote .is-down,
.cdh-idea-card--mi .cdh-idea-mi-quote .is-up,
.cdh-idea-card--mi .cdh-idea-mi-quote .is-down {
  font-size: 12px;
  font-weight: 600;
}

html.light .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-status,
[data-zs-crypto-root][data-zs-theme='light'] .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-status,
.cdh-idea-card--mi .cdh-idea-status {
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0;
}

html.light .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-quality strong,
[data-zs-crypto-root][data-zs-theme='light'] .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-quality strong,
.cdh-idea-card--mi .cdh-idea-mi-quality strong {
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
}

html.light .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-quality strong span,
[data-zs-crypto-root][data-zs-theme='light'] .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-quality strong span,
.cdh-idea-card--mi .cdh-idea-mi-quality strong span {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
}

html.light .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-quality em,
[data-zs-crypto-root][data-zs-theme='light'] .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-quality em,
.cdh-idea-card--mi .cdh-idea-mi-quality em {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
}

html.light .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-thesis,
[data-zs-crypto-root][data-zs-theme='light'] .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-thesis,
.cdh-idea-card--mi .cdh-idea-mi-thesis {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0;
  min-height: calc(1.6em * 2);
  max-height: calc(1.6em * 2);
}

html.light .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-whynow-label,
[data-zs-crypto-root][data-zs-theme='light'] .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-whynow-label,
.cdh-idea-card--mi .cdh-idea-mi-whynow-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
}

html.light .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-whynow-text,
[data-zs-crypto-root][data-zs-theme='light'] .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-whynow-text,
.cdh-idea-card--mi .cdh-idea-mi-whynow-text {
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0;
}

html.light .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-chip,
html.light .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-source-pill,
[data-zs-crypto-root][data-zs-theme='light'] .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-chip,
[data-zs-crypto-root][data-zs-theme='light'] .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-source-pill,
.cdh-idea-card--mi .cdh-idea-chip {
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 0;
}

html.light .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-chip--lead,
[data-zs-crypto-root][data-zs-theme='light'] .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-chip--lead,
.cdh-idea-card--mi .cdh-idea-chip--lead {
  font-weight: 500;
}

html.light .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-metric > span,
[data-zs-crypto-root][data-zs-theme='light'] .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-metric > span,
.cdh-idea-card--mi .cdh-idea-mi-metric > span {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
}

html.light .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-metric > strong,
[data-zs-crypto-root][data-zs-theme='light'] .crypto-discovery-hub .cdh-idea-card--mi .cdh-idea-mi-metric > strong,
.cdh-idea-card--mi .cdh-idea-mi-metric > strong {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
}

/* ══════════════════════════════════════════════════════════════════
   DETAIL DRAWER
   ══════════════════════════════════════════════════════════════════ */

html.light .cdh-idea-modal .cdh-idea-modal-symbol,
.cdh-idea-modal .cdh-idea-modal-symbol {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
}

html.light .cdh-idea-modal .cdh-idea-modal-price,
.cdh-idea-modal .cdh-idea-modal-price {
  font-size: 14px;
  font-weight: 600;
}

html.light .cdh-idea-modal .cdh-idea-modal-change,
.cdh-idea-modal .cdh-idea-modal-change {
  font-size: 12.5px;
  font-weight: 600;
}

html.light .cdh-idea-modal .cdh-idea-modal-status,
.cdh-idea-modal .cdh-idea-modal-status {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
}

html.light .cdh-idea-modal .cdh-idea-quality-meta-label,
.cdh-idea-modal .cdh-idea-quality-meta-label {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
}

html.light .cdh-idea-modal .cdh-idea-quality-meta-score,
.cdh-idea-modal .cdh-idea-quality-meta-score {
  font-size: 34px;
  font-weight: 700;
  line-height: 1.1;
}

html.light .cdh-idea-modal .cdh-idea-quality-meta-score span,
.cdh-idea-modal .cdh-idea-quality-meta-score span {
  font-size: 12px;
  font-weight: 500;
}

html.light .cdh-idea-modal .cdh-idea-quality-meta-tier,
.cdh-idea-modal .cdh-idea-quality-meta-tier {
  font-size: 12.5px;
  font-weight: 600;
}

html.light .cdh-idea-modal .cdh-idea-quality-meta-metric,
.cdh-idea-modal .cdh-idea-quality-meta-metric {
  font-size: 12px;
}

html.light .cdh-idea-modal .cdh-idea-quality-meta-metric span,
.cdh-idea-modal .cdh-idea-quality-meta-metric span {
  font-size: 12px;
  font-weight: 500;
}

html.light .cdh-idea-modal .cdh-idea-quality-meta-metric strong,
.cdh-idea-modal .cdh-idea-quality-meta-metric strong {
  font-size: 12.5px;
  font-weight: 600;
}

html.light .cdh-idea-modal .cdh-idea-quality-meta-foot,
.cdh-idea-modal .cdh-idea-quality-meta-foot {
  font-size: 12px;
  font-weight: 500;
}

html.light .cdh-idea-modal .cdh-idea-thesis-text,
html.light .cdh-idea-modal[dir='rtl'] .cdh-idea-thesis-text,
html.light .cdh-idea-modal[dir='ltr'] .cdh-idea-thesis-text,
.cdh-idea-modal .cdh-idea-thesis-text {
  font-size: clamp(26px, 2.2vw, 30px);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0;
}

html.light .cdh-idea-modal .cdh-idea-kicker,
html.light .cdh-idea-modal .cdh-idea-kicker--thesis,
html.light .cdh-idea-modal .cdh-idea-thesis .cdh-idea-kicker,
html.light .cdh-idea-modal .cdh-idea-decision .cdh-idea-kicker,
html.light .cdh-idea-modal .cdh-idea-rail .cdh-idea-kicker,
html.light .cdh-idea-modal .cdh-idea-why-panel-title,
html.light .cdh-idea-modal .cdh-idea-section-title,
.cdh-idea-modal .cdh-idea-kicker,
.cdh-idea-modal .cdh-idea-why-panel-title,
.cdh-idea-modal .cdh-idea-section-title {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.35;
}

html.light .cdh-idea-modal .cdh-idea-prose,
html.light .cdh-idea-modal .cdh-idea-why-list li,
html.light .cdh-idea-modal .cdh-idea-decision-text,
html.light .cdh-idea-modal .cdh-idea-counter-label,
html.light .cdh-idea-modal .cdh-idea-counter-empty,
.cdh-idea-modal .cdh-idea-prose,
.cdh-idea-modal .cdh-idea-why-list li,
.cdh-idea-modal .cdh-idea-decision-text,
.cdh-idea-modal .cdh-idea-counter-label,
.cdh-idea-modal .cdh-idea-counter-empty {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.7;
}

html.light .cdh-idea-modal .cdh-idea-decision-headline,
.cdh-idea-modal .cdh-idea-decision-headline {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
}

html.light .cdh-idea-modal .cdh-idea-counter-detail,
html.light .cdh-idea-modal .cdh-idea-trigger-detail,
.cdh-idea-modal .cdh-idea-counter-detail,
.cdh-idea-modal .cdh-idea-trigger-detail {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.55;
}

/* ── Analytics sidebar ─────────────────────────────────────────────── */
html.light .cdh-idea-modal .cdh-idea-qrow-label,
html.light .cdh-idea-modal .cdh-idea-svn strong,
.cdh-idea-modal .cdh-idea-qrow-label,
.cdh-idea-modal .cdh-idea-svn strong {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
}

html.light .cdh-idea-modal .cdh-idea-qrow-score,
html.light .cdh-idea-modal .cdh-idea-qmatrix-penalty,
html.light .cdh-idea-modal .cdh-idea-qmatrix-final,
.cdh-idea-modal .cdh-idea-qrow-score,
.cdh-idea-modal .cdh-idea-qmatrix-penalty,
.cdh-idea-modal .cdh-idea-qmatrix-final {
  font-size: 13px;
  font-weight: 600;
}

html.light .cdh-idea-modal .cdh-idea-qrow-score span,
.cdh-idea-modal .cdh-idea-qrow-score span {
  font-size: 11px;
  font-weight: 500;
}

html.light .cdh-idea-modal .cdh-idea-qrow-help,
html.light .cdh-idea-modal .cdh-idea-svn p,
html.light .cdh-idea-modal .cdh-idea-quality-explain,
.cdh-idea-modal .cdh-idea-qrow-help,
.cdh-idea-modal .cdh-idea-svn p,
.cdh-idea-modal .cdh-idea-quality-explain {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.55;
}

html.light .cdh-idea-modal .cdh-idea-ev-summary-row,
html.light .cdh-idea-modal .cdh-idea-signal-label,
.cdh-idea-modal .cdh-idea-ev-summary-row,
.cdh-idea-modal .cdh-idea-signal-label {
  font-size: 12px;
  font-weight: 500;
}

html.light .cdh-idea-modal .cdh-idea-ev-summary-row strong,
html.light .cdh-idea-modal .cdh-idea-signal-score,
.cdh-idea-modal .cdh-idea-ev-summary-row strong,
.cdh-idea-modal .cdh-idea-signal-score {
  font-size: 13px;
  font-weight: 600;
}

html.light .cdh-idea-modal .cdh-idea-evidence-label,
.cdh-idea-modal .cdh-idea-evidence-label {
  font-size: 14px;
  font-weight: 600;
}

html.light .cdh-idea-modal .cdh-idea-evidence-score,
.cdh-idea-modal .cdh-idea-evidence-score {
  font-size: 13px;
  font-weight: 600;
}

html.light .cdh-idea-modal .cdh-idea-evidence-interpretation,
.cdh-idea-modal .cdh-idea-evidence-interpretation {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.55;
}

/* ── Timeline ────────────────────────────────────────────────────── */
html.light .cdh-idea-modal .cdh-idea-timeline-title,
.cdh-idea-modal .cdh-idea-timeline-title {
  font-size: 12.5px;
  font-weight: 600;
}

html.light .cdh-idea-modal .cdh-idea-timeline-detail,
.cdh-idea-modal .cdh-idea-timeline-detail {
  font-size: 12px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

html.light .cdh-idea-modal .cdh-idea-timeline-at,
.cdh-idea-modal .cdh-idea-timeline-at {
  font-size: 11px;
  font-weight: 400;
}

/* ── Watch / monitoring ─────────────────────────────────────────── */
html.light .cdh-idea-modal .cdh-idea-trigger-label,
.cdh-idea-modal .cdh-idea-trigger-label {
  font-size: 12.5px;
  font-weight: 500;
}

html.light .cdh-idea-modal .cdh-idea-trigger-status,
.cdh-idea-modal .cdh-idea-trigger-status {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
}

/* ── Footer ──────────────────────────────────────────────────────── */
html.light .cdh-idea-modal .cdh-idea-foot-meta,
html.light .cdh-idea-modal .cdh-idea-disclaimer,
.cdh-idea-modal .cdh-idea-foot-meta,
.cdh-idea-modal .cdh-idea-disclaimer {
  font-size: 11.5px;
  font-weight: 400;
}

html.light .cdh-idea-modal .cdh-idea-asset-link,
.cdh-idea-modal .cdh-idea-asset-link {
  font-size: 12.5px;
  font-weight: 600;
}

@media (max-width: 980px) {
  html.light .cdh-idea-modal .cdh-idea-thesis-text,
  html.light .cdh-idea-modal[dir='rtl'] .cdh-idea-thesis-text,
  html.light .cdh-idea-modal[dir='ltr'] .cdh-idea-thesis-text,
  .cdh-idea-modal .cdh-idea-thesis-text {
    font-size: 26px;
  }
}

/**
 * /crypto/all-coins — Dark appearance overlay.
 *
 * Beats unscoped light ink / white surfaces that still apply when
 * `html` is not `.light`. Does not change Light Mode rules.
 * Presentation only — no table/data logic.
 */

html:not(.light) .crypto-all-coins-page,
html:not(.light) .crypto-all-coins-page.crypto-discovery-hub,
html:not(.light) [data-zs-crypto-root]:has(.crypto-all-coins-page) {
  --ac-border: var(--zs-border-soft, rgba(255, 255, 255, 0.06));
  --ac-hairline: var(--zs-border-subtle, rgba(255, 255, 255, 0.04));
  --ac-hairline-strong: var(--zs-border-soft, rgba(255, 255, 255, 0.08));
  --ac-page: var(--zs-bg-void, #030504);
  --ac-surface: var(--zs-surface-1, #0b1110);
  --ac-surface-muted: var(--zs-surface-2, #101412);
  --ac-surface-raised: var(--zs-surface-2, #101412);
  --ac-text: var(--zs-text-primary, #f5f7fa);
  --ac-text-secondary: var(--zs-text-secondary, rgba(255, 255, 255, 0.78));
  --ac-text-muted: var(--zs-text-muted, rgba(255, 255, 255, 0.62));
  --at-border-faint: var(--zs-border-subtle, rgba(255, 255, 255, 0.04));
  --crypto-canvas: var(--zs-bg-void, #030504);
  --crypto-row-divider: var(--zs-border-subtle, rgba(255, 255, 255, 0.04));
  --crypto-row-zebra: rgba(255, 255, 255, 0.018);
  --crypto-row-hover-bg: rgba(255, 255, 255, 0.04);
  --crypto-row-hover-shadow: none;

  /* Workspace CSS still calls Light constants unscoped. Alias them here only. */
  --zs-light-bg: var(--zs-bg-void, #030504);
  --zs-light-surface: var(--zs-surface-1, #0b1110);
  --zs-light-surface-soft: var(--zs-surface-2, #101412);
  --zs-light-border: var(--zs-border-soft, rgba(255, 255, 255, 0.08));
  --zs-light-border-soft: var(--zs-border-subtle, rgba(255, 255, 255, 0.04));
  --zs-light-ink: var(--zs-text-primary, #f5f7fa);
  --zs-light-text: var(--zs-text-primary, #f5f7fa);
  --zs-light-text-strong: var(--zs-text-primary, #f5f7fa);
  --zs-light-secondary: var(--zs-text-secondary, rgba(255, 255, 255, 0.78));
  --zs-light-secondary-alt: var(--zs-text-muted, rgba(255, 255, 255, 0.62));

  --csd-bg: var(--zs-bg-void, #030504);
  --csd-bg-veil: var(--zs-bg-void, #030504);
  --csd-surface: var(--zs-surface-1, #0b1110);
  --csd-surface-mid: var(--zs-surface-2, #101412);
  --csd-surface-high: var(--zs-surface-2, #101412);
  --csd-card: var(--zs-surface-1, #0b1110);
  --csd-elevated: var(--zs-surface-2, #101412);
  --csd-gradient-surface: var(--zs-surface-1, #0b1110);

  --crypto-coll-surface: var(--zs-surface-1, #0b1110);
  --crypto-coll-surface-hover: var(--zs-surface-2, #101412);
  --crypto-coll-surface-alt: var(--zs-surface-2, #101412);
  --crypto-coll-hero-bg: var(--zs-surface-1, #0b1110);
  --crypto-coll-panel-bg: var(--zs-surface-1, #0b1110);
  --crypto-coll-card-bg: var(--zs-surface-1, #0b1110);
  --crypto-coll-badge-bg: var(--zs-surface-2, #101412);
  --crypto-coll-surface-chip: var(--zs-surface-2, #101412);
  --crypto-coll-text: var(--zs-text-primary, #f5f7fa);
  --crypto-coll-muted: var(--zs-text-muted, rgba(255, 255, 255, 0.62));
  --crypto-coll-separator: var(--zs-border-subtle, rgba(255, 255, 255, 0.04));

  color: var(--zs-text-primary, #f5f7fa);
}

html:not(.light) .crypto-all-coins-page,
html:not(.light) .crypto-all-coins-wrapper,
html:not(.light) .crypto-all-coins-page .outer-shell,
html:not(.light) [data-zs-crypto-root]:has(.crypto-all-coins-page) {
  background-color: var(--zs-bg-void, #030504) !important;
  color: var(--zs-text-primary, #f5f7fa) !important;
}

html:not(.light) .crypto-all-coins-page .crypto-all-coins-shell,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-table-wrap,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-cards,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-toolbar {
  background: var(--zs-surface-1, #0b1110) !important;
  border-color: var(--zs-border-soft, rgba(255, 255, 255, 0.08)) !important;
  box-shadow: none !important;
  color: var(--zs-text-primary, #f5f7fa);
}

html:not(.light) .crypto-all-coins-page .cdh-page-title,
html:not(.light) .crypto-all-coins-page .ncd-title,
html:not(.light) .crypto-all-coins-page .csd-sector-hero-title,
html:not(.light) .crypto-all-coins-page .zs-ptc__title {
  color: var(--zs-text-primary, #f5f7fa) !important;
  text-shadow: none;
}

html:not(.light) .crypto-all-coins-page .cdh-page-subtitle,
html:not(.light) .crypto-all-coins-page .ncd-subtitle,
html:not(.light) .crypto-all-coins-page .ncd-disclosure,
html:not(.light) .crypto-all-coins-page .csd-sector-hero-sub {
  color: var(--zs-text-secondary, rgba(255, 255, 255, 0.78)) !important;
}

html:not(.light) .crypto-all-coins-page .cdh-section-tabs,
html:not(.light) .crypto-all-coins-page .cdh-section-switcher {
  background: transparent !important;
  border-color: var(--zs-border-soft, rgba(255, 255, 255, 0.08)) !important;
}

html:not(.light) .crypto-all-coins-page .cdh-section-tab,
html:not(.light) .crypto-all-coins-page .cdh-section-switcher-tab,
html:not(.light) .crypto-all-coins-page .ncd-page button.cdh-section-switcher-tab[type='button'] {
  background: var(--zs-surface-2, #101412) !important;
  border-color: var(--zs-border-soft, rgba(255, 255, 255, 0.1)) !important;
  color: var(--zs-text-secondary, rgba(255, 255, 255, 0.88)) !important;
  box-shadow: none !important;
}

html:not(.light) .crypto-all-coins-page .cdh-section-tab--active,
html:not(.light) .crypto-all-coins-page .cdh-section-switcher-tab.is-active,
html:not(.light) .crypto-all-coins-page .ncd-page button.cdh-section-switcher-tab[type='button'].is-active,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-tab.is-active {
  background: var(--zs-surface-3, #141916) !important;
  border-color: var(--zs-border-mid, rgba(255, 255, 255, 0.12)) !important;
  color: var(--zs-text-primary, #f5f7fa) !important;
}

html:not(.light) .crypto-all-coins-page .all-coins-terminal-search,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-search:focus-within,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-search-wrap input,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-search-input {
  background: var(--zs-surface-2, #101412) !important;
  border-color: var(--zs-border-soft, rgba(255, 255, 255, 0.1)) !important;
  color: var(--zs-text-primary, #f5f7fa) !important;
  box-shadow: none !important;
}

html:not(.light) .crypto-all-coins-page .all-coins-terminal-search-input::placeholder,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-search input::placeholder {
  color: var(--zs-text-muted, rgba(255, 255, 255, 0.62)) !important;
}

html:not(.light) .crypto-all-coins-page .all-coins-terminal-tab,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-tabs [role='tab'] {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--zs-text-secondary, rgba(255, 255, 255, 0.88)) !important;
  box-shadow: none !important;
}

html:not(.light) .crypto-all-coins-page .all-coins-terminal-tab:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  color: var(--zs-text-primary, #f5f7fa) !important;
}

html:not(.light) .crypto-all-coins-page .all-coins-terminal-tab:focus-visible {
  outline-color: var(--zs-text-primary, #f5f7fa);
}

html:not(.light) .crypto-all-coins-page .all-coins-terminal-table-wrap,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-grid,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-grid-row,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-grid-row--data,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-grid-row--header,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-grid-cell,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-grid-cell--header,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-col-spark,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-spark {
  border-color: var(--zs-border-subtle, rgba(255, 255, 255, 0.04)) !important;
  border-top-color: var(--zs-border-subtle, rgba(255, 255, 255, 0.04)) !important;
  border-bottom-color: var(--zs-border-subtle, rgba(255, 255, 255, 0.04)) !important;
  border-inline-color: var(--zs-border-subtle, rgba(255, 255, 255, 0.04)) !important;
  box-shadow: none !important;
}

html:not(.light) .crypto-all-coins-page .all-coins-terminal-table-wrap {
  background: var(--zs-surface-1, #0b1110) !important;
}

html:not(.light) .crypto-all-coins-page .all-coins-terminal-grid-row,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-grid-row--data,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-grid-cell {
  background: transparent !important;
  color: var(--zs-text-primary, #f5f7fa);
}

html:not(.light) .crypto-all-coins-page .all-coins-terminal-grid-row--header,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-grid-row--header .all-coins-terminal-grid-cell,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-grid-cell--header {
  background: var(--zs-surface-2, #101412) !important;
  border-bottom: 1px solid var(--zs-border-soft, rgba(255, 255, 255, 0.06)) !important;
  color: var(--zs-text-secondary, rgba(255, 255, 255, 0.78)) !important;
}

html:not(.light) .crypto-all-coins-page .all-coins-terminal-grid-row--data:hover,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-grid-row--data:hover .all-coins-terminal-grid-cell {
  background: rgba(255, 255, 255, 0.04) !important;
}

html:not(.light) .crypto-all-coins-page .all-coins-terminal-grid-row--data:last-child .all-coins-terminal-grid-cell {
  border-bottom-color: transparent !important;
}

html:not(.light) .crypto-all-coins-page .all-coins-terminal-col-spark,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-spark,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-spark svg {
  background: transparent !important;
}

html:not(.light) .crypto-all-coins-page .cdh-table-filter-bar,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-tabs {
  background: var(--zs-surface-2, #101412) !important;
  border-color: var(--zs-border-subtle, rgba(255, 255, 255, 0.04)) !important;
  box-shadow: none !important;
}

html:not(.light) .crypto-all-coins-page .all-coins-terminal-empty {
  background: var(--zs-surface-2, #101412) !important;
  border-color: var(--zs-border-soft, rgba(255, 255, 255, 0.08)) !important;
  color: var(--zs-text-secondary, rgba(255, 255, 255, 0.78)) !important;
  box-shadow: none !important;
}

html:not(.light) .crypto-all-coins-page .all-coins-terminal-num,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-card-price,
html:not(.light) .crypto-all-coins-page .ncd-coin-name,
html:not(.light) .crypto-all-coins-page .ncd-coin-symbol,
html:not(.light) .crypto-all-coins-page .csd-traded-name {
  color: var(--zs-text-primary, #f5f7fa) !important;
}

html:not(.light) .crypto-all-coins-page .all-coins-terminal-meta,
html:not(.light) .crypto-all-coins-page .ncd-coin-meta,
html:not(.light) .crypto-all-coins-page .csd-traded-sym {
  color: var(--zs-text-muted, rgba(255, 255, 255, 0.62)) !important;
}

html:not(.light) .crypto-all-coins-page .all-coins-terminal-load-more {
  background: var(--zs-surface-2, #101412) !important;
  border-color: var(--zs-border-soft, rgba(255, 255, 255, 0.12)) !important;
  color: var(--zs-text-primary, #f5f7fa) !important;
}

html:not(.light) .crypto-all-coins-page .all-coins-terminal-load-more:hover:not(:disabled) {
  background: var(--zs-surface-3, #141916) !important;
  border-color: var(--zs-border-mid, rgba(255, 255, 255, 0.16)) !important;
  color: var(--zs-text-primary, #f5f7fa) !important;
}

html:not(.light) .crypto-all-coins-page [class*='skeleton'],
html:not(.light) .crypto-all-coins-page [data-skeleton],
html:not(.light) .crypto-all-coins-page [class*='skel'],
html:not(.light) .crypto-all-coins-page .ncd-kpi--skel .ncd-kpi-label,
html:not(.light) .crypto-all-coins-page .ncd-kpi--skel .ncd-kpi-value,
html:not(.light) .crypto-all-coins-page .ncd-skel-logo,
html:not(.light) .crypto-all-coins-page .ncd-skel-line,
html:not(.light) .crypto-all-coins-page .ncd-skel-stat {
  background-color: rgba(255, 255, 255, 0.07) !important;
}

/* Family surfaces — beat unscoped workspace #fff / Light constants */
html:not(.light) .crypto-all-coins-page .ncd-kpi-strip,
html:not(.light) .crypto-all-coins-page .ncd-coin-card,
html:not(.light) .crypto-all-coins-page .ncd-coin-card:hover,
html:not(.light) .crypto-all-coins-page .ncd-insight-panel,
html:not(.light) .crypto-all-coins-page .ncd-list-panel,
html:not(.light) .crypto-all-coins-page .ncd-table-section,
html:not(.light) .crypto-all-coins-page .ncd-table-scroll,
html:not(.light) .crypto-all-coins-page .ncd-page-empty,
html:not(.light) .crypto-all-coins-page .ncd-table-empty,
html:not(.light) .crypto-all-coins-page .cdh-list-card,
html:not(.light) .crypto-all-coins-page .cdh-list-card:hover,
html:not(.light) .crypto-all-coins-page .cdh-list-detail-band,
html:not(.light) .crypto-all-coins-page .cdh-idea-card--mi,
html:not(.light) .crypto-all-coins-page .cdh-idea-modal,
html:not(.light) .crypto-all-coins-page .cdh-faq-item,
html:not(.light) .crypto-all-coins-page .csd-summary-band,
html:not(.light) .crypto-all-coins-page .csd-overview-header,
html:not(.light) .crypto-all-coins-page .csd-analytics-workspace,
html:not(.light) .crypto-all-coins-page .csd-overview-body,
html:not(.light) .crypto-all-coins-page .csd-analytics-card,
html:not(.light) .crypto-all-coins-page .csd-top-card,
html:not(.light) .crypto-all-coins-page .csd-hero-tile,
html:not(.light) .crypto-all-coins-page .csd-intel-card,
html:not(.light) .crypto-all-coins-page .csd-mover-card,
html:not(.light) .crypto-all-coins-page .csd-traded-card,
html:not(.light) .crypto-all-coins-page .csd-chart-wrap,
html:not(.light) .crypto-all-coins-page .all-coins-terminal-card,
html:not(.light) .crypto-all-coins-page .cdh-news-card,
html:not(.light) .crypto-all-coins-page .cdh-news-side-card,
html:not(.light) .crypto-all-coins-page .cdh-news-side-panel {
  background: var(--zs-surface-1, #0b1110) !important;
  background-image: none !important;
  border-color: var(--zs-border-soft, rgba(255, 255, 255, 0.08)) !important;
  box-shadow: none !important;
  color: var(--zs-text-primary, #f5f7fa);
}

html:not(.light) .crypto-all-coins-page .ncd-kpi,
html:not(.light) .crypto-all-coins-page .csd-overview-kpi {
  background: transparent !important;
  border-inline-start-color: var(--zs-border-subtle, rgba(255, 255, 255, 0.04)) !important;
  box-shadow: none !important;
}

html:not(.light) .crypto-all-coins-page .ncd-kpi-label,
html:not(.light) .crypto-all-coins-page .ncd-kpi-hint,
html:not(.light) .crypto-all-coins-page .ncd-coin-meta-label,
html:not(.light) .crypto-all-coins-page .ncd-coin-name,
html:not(.light) .crypto-all-coins-page .ncd-widget-subtitle,
html:not(.light) .crypto-all-coins-page .ncd-pulse-label,
html:not(.light) .crypto-all-coins-page .ncd-table-name,
html:not(.light) .crypto-all-coins-page .ncd-table-head .ncd-table-cell,
html:not(.light) .crypto-all-coins-page .csd-overview-kpi-label,
html:not(.light) .crypto-all-coins-page .cdh-list-meta,
html:not(.light) .crypto-all-coins-page .cdh-faq-a {
  color: var(--zs-text-muted, rgba(255, 255, 255, 0.68)) !important;
}

html:not(.light) .crypto-all-coins-page .ncd-kpi-value,
html:not(.light) .crypto-all-coins-page .ncd-coin-sym,
html:not(.light) .crypto-all-coins-page .ncd-coin-price,
html:not(.light) .crypto-all-coins-page .ncd-coin-meta-value,
html:not(.light) .crypto-all-coins-page .ncd-section-title,
html:not(.light) .crypto-all-coins-page .ncd-widget-title,
html:not(.light) .crypto-all-coins-page .ncd-pulse-value,
html:not(.light) .crypto-all-coins-page .ncd-table-sym,
html:not(.light) .crypto-all-coins-page .csd-overview-kpi-value,
html:not(.light) .crypto-all-coins-page .cdh-list-label,
html:not(.light) .crypto-all-coins-page .cdh-faq-q,
html:not(.light) .crypto-all-coins-page .cdh-faq-heading {
  color: var(--zs-text-primary, #f5f7fa) !important;
}

html:not(.light) .crypto-all-coins-page .ncd-coin-stats,
html:not(.light) .crypto-all-coins-page .ncd-widget-divider,
html:not(.light) .crypto-all-coins-page .ncd-table-head,
html:not(.light) .crypto-all-coins-page .ncd-table-row,
html:not(.light) .crypto-all-coins-page .ncd-pulse-row,
html:not(.light) .crypto-all-coins-page .cdh-faq-item {
  border-color: var(--zs-border-subtle, rgba(255, 255, 255, 0.04)) !important;
}

html:not(.light) .crypto-all-coins-page .ncd-coin-card:hover,
html:not(.light) .crypto-all-coins-page .cdh-list-card:hover,
html:not(.light) .crypto-all-coins-page .cdh-idea-card--mi:hover,
html:not(.light) .crypto-all-coins-page .ncd-table-row:hover {
  background: rgba(255, 255, 255, 0.04) !important;
}

html:not(.light) .crypto-all-coins-page .cdh-list-card.is-active,
html:not(.light) .crypto-all-coins-page .cdh-idea-card--mi.is-selected {
  background: var(--zs-surface-2, #101412) !important;
  border-color: var(--zs-border-mid, rgba(255, 255, 255, 0.12)) !important;
}

html:not(.light) .crypto-all-coins-page .csd-chip,
html:not(.light) .crypto-all-coins-page .csd-chip.is-active,
html:not(.light) .crypto-all-coins-page .ncd-page button.cdh-section-switcher-tab[type='button'].is-active {
  background: var(--zs-surface-3, #141916) !important;
  border-color: var(--zs-border-mid, rgba(255, 255, 255, 0.12)) !important;
  color: var(--zs-text-primary, #f5f7fa) !important;
}

html:not(.light) .crypto-all-coins-page .csd-chip:not(.is-active) {
  background: transparent !important;
  border-color: var(--zs-border-soft, rgba(255, 255, 255, 0.1)) !important;
  color: var(--zs-text-secondary, rgba(255, 255, 255, 0.88)) !important;
}

html:not(.light) .crypto-all-coins-page .ncd-kpi-value.is-up,
html:not(.light) .crypto-all-coins-page .ncd-coin-change.is-up,
html:not(.light) .crypto-all-coins-page .ncd-pulse-value.is-up,
html:not(.light) .crypto-all-coins-page .ncd-table-cell--change.is-up {
  color: var(--zs-success, #18c37e) !important;
}

html:not(.light) .crypto-all-coins-page .ncd-kpi-value.is-down,
html:not(.light) .crypto-all-coins-page .ncd-coin-change.is-down,
html:not(.light) .crypto-all-coins-page .ncd-pulse-value.is-down,
html:not(.light) .crypto-all-coins-page .ncd-table-cell--change.is-down {
  color: var(--zs-red, #ef4444) !important;
}