/**
 * /markets/overview — Dark appearance overlay.
 *
 * Applies when `html` is not `.light`, even if `data-zs-theme` is stale.
 * Does not edit Radar / Shock Mode / Market Pulse locked files.
 * Presentation only.
 */

html:not(.light) [data-zs-page='markets-overview'] {
  --mo-page: var(--zs-bg-void, #030504);
  --mo-page-bg: var(--zs-bg-void, #030504);
  --mo-page-subtle: var(--zs-dark, #070b0a);
  --crypto-canvas: var(--zs-bg-void, #030504);
  --mo-surface: var(--zs-surface-1, #0b1110);
  --mo-surface-raised: var(--zs-surface-2, #101412);
  --mo-surface-muted: var(--zs-surface-2, #101412);
  --mo-surface-selected: var(--zs-surface-3, #141916);
  --mo-border: var(--zs-border-soft, rgba(255, 255, 255, 0.08));
  --mo-border-strong: var(--zs-border-mid, rgba(255, 255, 255, 0.12));
  --mo-divider: var(--zs-border-subtle, rgba(255, 255, 255, 0.06));
  --mo-text-primary: var(--zs-text-primary, #f5f7fa);
  --mo-text-secondary: var(--zs-text-secondary, rgba(255, 255, 255, 0.82));
  --mo-text-muted: var(--zs-text-muted, rgba(255, 255, 255, 0.66));
  --mo-positive: var(--zs-success, #18c37e);
  --mo-negative: var(--zs-red, #ef4444);
  --mo-warning: var(--zs-orange, #f59e0b);
  --mo-chart-grid: var(--zs-border-subtle, rgba(255, 255, 255, 0.06));
  --mo-chart-axis: var(--zs-text-muted, rgba(255, 255, 255, 0.6));
  --mo-row-hover: rgba(255, 255, 255, 0.04);
  --mo-skeleton-bg: rgba(255, 255, 255, 0.07);
  --mo-mv-bg: var(--zs-surface-1, #0b1110);
  --mo-mv-card: var(--zs-surface-2, #101412);
  --mo-mv-border: var(--zs-border-soft, rgba(255, 255, 255, 0.08));
  --zs-text-primary: var(--mo-text-primary);
  --zs-text-secondary: var(--mo-text-secondary);
  --zs-text-muted: var(--mo-text-muted);
  --zs-surface-1: var(--mo-surface);
  --zs-surface-2: var(--mo-surface-muted);
  color: var(--zs-text-primary, #f5f7fa);
  background-color: var(--zs-bg-void, #030504);
}

html:not(.light) [data-zs-page='markets-overview'] .mo-overview-shell,
html:not(.light) [data-zs-page='markets-overview'] .zs-mkt-page-inner,
html:not(.light) [data-zs-page='markets-overview'] .mo-overview-desktop-canvas {
  background: transparent;
  color: var(--zs-text-primary, #f5f7fa);
}

html:not(.light) [data-zs-page='markets-overview'] .mo-overview-card,
html:not(.light) [data-zs-page='markets-overview'] .mo-card-primary,
html:not(.light) [data-zs-page='markets-overview'] .mo-spotlight-chart,
html:not(.light) [data-zs-page='markets-overview'] .mo-stage-primary,
html:not(.light) [data-zs-page='markets-overview'] .mo-overview-tertiary-band,
html:not(.light) [data-zs-page='markets-overview'] .mo-mv-insight,
html:not(.light) [data-zs-page='markets-overview'] .mo-mv-insight-item,
html:not(.light) [data-zs-page='markets-overview'] .mo-mv-opp-card,
html:not(.light) [data-zs-page='markets-overview'] .mo-mv-featured {
  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) [data-zs-page='markets-overview'] .zs-ptc__title,
html:not(.light) [data-zs-page='markets-overview'] h1,
html:not(.light) [data-zs-page='markets-overview'] h2 {
  color: var(--zs-text-primary, #f5f7fa) !important;
}

html:not(.light) [data-zs-page='markets-overview'] .mo-coin-rail .mo-coin-ticker,
html:not(.light) [data-zs-page='markets-overview'] .mo-coin-rail .mo-coin-price,
html:not(.light) [data-zs-page='markets-overview'] .mo-coin-rail .mo-coin-rail-footer a,
html:not(.light) [data-zs-page='markets-overview'] .mo-coin-rail .mo-coin-rail-footer button,
html:not(.light) [data-zs-page='markets-overview'] .mo-mv-insight-title,
html:not(.light) [data-zs-page='markets-overview'] .mo-mv-insight-item-title,
html:not(.light) [data-zs-page='markets-overview'] .mo-mv-opp-price,
html:not(.light) [data-zs-page='markets-overview'] .mo-mv-widget-sym {
  color: var(--zs-text-primary, #f5f7fa) !important;
}

html:not(.light) [data-zs-page='markets-overview'] .mo-coin-rail .mo-coin-currency,
html:not(.light) [data-zs-page='markets-overview'] .mo-mv-widget-title,
html:not(.light) [data-zs-page='markets-overview'] .mo-mv-insight-item-desc,
html:not(.light) [data-zs-page='markets-overview'] .mo-mv-opp-foot {
  color: var(--zs-text-muted, rgba(255, 255, 255, 0.66)) !important;
}

html:not(.light) [data-zs-page='markets-overview'] .mo-coin-rail .mo-coin-change[data-change-dir='up'] {
  color: var(--zs-success, #18c37e) !important;
}

html:not(.light) [data-zs-page='markets-overview'] .mo-coin-rail .mo-coin-change[data-change-dir='down'] {
  color: var(--zs-red, #ef4444) !important;
}

html:not(.light) [data-zs-page='markets-overview'] :is(input, select, textarea) {
  background: var(--zs-surface-2, #101412) !important;
  color: var(--zs-text-primary, #f5f7fa) !important;
  border-color: var(--zs-border-soft, rgba(255, 255, 255, 0.1)) !important;
}

html:not(.light) [data-zs-page='markets-overview'] [class*='skeleton'],
html:not(.light) [data-zs-page='markets-overview'] [data-skeleton] {
  background-color: var(--mo-skeleton-bg, rgba(255, 255, 255, 0.07)) !important;
}

html:not(.light) [data-zs-page='markets-overview'] .recharts-cartesian-axis-tick-value {
  fill: var(--zs-text-muted, rgba(255, 255, 255, 0.6)) !important;
}

/* Beat inline white gradients on market-cap / BTC tertiary panels */
html:not(.light) [data-zs-page='markets-overview'] .mo-overview-tertiary-band,
html:not(.light) [data-zs-page='markets-overview'] .mo-tertiary-panel,
html:not(.light) [data-zs-page='markets-overview'] .mo-mcap-btc-primary,
html:not(.light) [data-zs-page='markets-overview'] .mo-mcap-btc-secondary,
html:not(.light) [data-zs-page='markets-overview'] .mo-mcap-btc-primary > div,
html:not(.light) [data-zs-page='markets-overview'] .mo-mcap-btc-secondary > div,
html:not(.light) [data-zs-page='markets-overview'] .bg-white,
html:not(.light) [data-zs-page='markets-overview'] .zs-mcap-shell {
  background: var(--zs-surface-1, #0b1110) !important;
  color: var(--zs-text-primary, #f5f7fa);
}