/* ============================================================
   Indicators pages — full-width chart layout (indicators only)
   Does not modify canvas drawing logic. Container/layout only.
   ============================================================ */

/* Wider page shell — more horizontal room for charts */
.indicators-page.ind-studio-live .indicators-wrap.ind-studio-wrap {
  width: min(98vw, 1920px);
  max-width: 1920px;
  padding-inline: clamp(8px, 1vw, 14px);
}

.indicators-page.ind-studio-live .ind-studio-renderer-host.ind-studio-canvas-host {
  width: 100%;
  max-width: 100%;
  margin-inline: 0;
  padding-inline: 0;
}

.indicators-page.ind-studio-live .ind-studio-canvas-inner {
  gap: 0;
  width: 100%;
  max-width: 100%;
}

/* Strip outer studio chrome padding on indicator host pages */
.indicators-page.ind-studio-live .ind-studio-renderer-host .rsi-studio,
.indicators-page.ind-studio-live .ind-studio-renderer-host .atr-studio,
.indicators-page.ind-studio-live .ind-studio-renderer-host .macd-studio,
.indicators-page.ind-studio-live .ind-studio-renderer-host .momentum-studio,
.indicators-page.ind-studio-live .ind-studio-renderer-host .cci-studio,
.indicators-page.ind-studio-live .ind-studio-renderer-host .stoch-studio,
.indicators-page.ind-studio-live .ind-studio-renderer-host .ind-rsi-shell {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  box-shadow: none;
  background: transparent;
  overflow: visible;
}

/* Chart stages — tall hero plot on desktop */
@media (min-width: 1024px) {
  .indicators-page .ind-rsi-shell .ind-rsi-chart .ind-rsi-stage,
  .indicators-page .ind-rsi-stage,
  .indicators-page .rsi-studio__stage,
  .indicators-page .atr-studio__stage,
  .indicators-page .macd-studio__stage,
  .indicators-page .momentum-studio__stage,
  .indicators-page .cci-studio__stage,
  .indicators-page .stoch-studio__stage {
    position: relative;
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    min-height: 700px;
    height: clamp(700px, 74vh, 760px);
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
}

/* Tablet */
@media (min-width: 640px) and (max-width: 1023px) {
  .indicators-page .ind-rsi-shell .ind-rsi-chart .ind-rsi-stage,
  .indicators-page .ind-rsi-stage,
  .indicators-page .rsi-studio__stage,
  .indicators-page .atr-studio__stage,
  .indicators-page .macd-studio__stage,
  .indicators-page .momentum-studio__stage,
  .indicators-page .cci-studio__stage,
  .indicators-page .stoch-studio__stage {
    min-height: 480px;
    height: clamp(480px, 58vh, 620px);
    width: 100%;
    padding: 0;
    overflow: hidden;
  }
}

/* Mobile */
@media (max-width: 639px) {
  .indicators-page .ind-rsi-shell .ind-rsi-chart .ind-rsi-stage,
  .indicators-page .ind-rsi-stage,
  .indicators-page .rsi-studio__stage,
  .indicators-page .atr-studio__stage,
  .indicators-page .macd-studio__stage,
  .indicators-page .momentum-studio__stage,
  .indicators-page .cci-studio__stage,
  .indicators-page .stoch-studio__stage {
    min-height: 360px;
    height: clamp(360px, 52vh, 480px);
    width: 100%;
    padding: 0;
    overflow: hidden;
  }
}

/* Stages — plot fills full stage height (controls row lives outside stage) */
.indicators-page .ind-rsi-stage,
.indicators-page .rsi-studio__stage,
.indicators-page .atr-studio__stage,
.indicators-page .macd-studio__stage,
.indicators-page .momentum-studio__stage,
.indicators-page .cci-studio__stage,
.indicators-page .stoch-studio__stage {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: visible;
}

/* Plot hosts fill remainder below compact control rail */
.indicators-page .ind-live-chart-plot .rsi-studio-canvas,
.indicators-page .ind-live-chart-plot .atr-studio-canvas,
.indicators-page .ind-live-chart-plot .macd-studio-canvas,
.indicators-page .ind-live-chart-plot .momentum-studio-canvas,
.indicators-page .ind-live-chart-plot .cci-studio-canvas,
.indicators-page .ind-live-chart-plot .stoch-studio-canvas,
.indicators-page .ind-live-chart-plot .ind-rsi-chart-wrap,
.indicators-page .ind-live-chart-plot .ind-rsi-skeleton,
.indicators-page .ind-live-chart-plot .ind-rsi-empty,
.indicators-page .ind-live-chart-plot .stoch-studio__skeleton,
.indicators-page .ind-live-chart-plot .stoch-studio__empty,
.indicators-page .ind-live-chart-plot .atr-studio__skeleton,
.indicators-page .ind-live-chart-plot .atr-studio__empty,
.indicators-page .ind-live-chart-plot .macd-studio__skeleton,
.indicators-page .ind-live-chart-plot .macd-studio__empty,
.indicators-page .ind-live-chart-plot .momentum-studio__skeleton,
.indicators-page .ind-live-chart-plot .momentum-studio__empty,
.indicators-page .ind-live-chart-plot .cci-studio__skeleton,
.indicators-page .ind-live-chart-plot .cci-studio__empty {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  touch-action: pan-y;
}

/* No visual crop on any studio canvas.
   The old `width: calc(100% + 40px); margin-inline-start: -28px` overhang
   cropped 28px off the inline-START side — on RTL pages that is the RIGHT
   edge, which cut the final plotted point (~ -18px measured gap) and pushed
   endpoint capsules against the visible edge. Renderers already map the last
   point a safe distance from the true canvas edge, so canvas must equal the
   visible stage. */
@media (min-width: 1024px) {
  .indicators-page .ind-live-chart-plot .rsi-studio-canvas,
  .indicators-page .ind-live-chart-plot .atr-studio-canvas,
  .indicators-page .ind-live-chart-plot .momentum-studio-canvas,
  .indicators-page .ind-live-chart-plot .stoch-studio-canvas,
  .indicators-page .ind-live-chart-plot .cci-studio-canvas,
  .indicators-page .ind-live-chart-plot .macd-studio-canvas {
    width: 100%;
    margin-inline-start: 0;
  }
}

.indicators-page .ind-live-chart-plot .rsi-studio-canvas__surface,
.indicators-page .ind-live-chart-plot .atr-studio-canvas__surface,
.indicators-page .ind-live-chart-plot .macd-studio-canvas__surface,
.indicators-page .ind-live-chart-plot .momentum-studio-canvas__surface,
.indicators-page .ind-live-chart-plot .cci-studio-canvas__surface,
.indicators-page .ind-live-chart-plot .stoch-studio-canvas__surface {
  display: block;
  width: 100%;
  height: 100%;
}
/* Momentum — opaque navy panels on indicators host (no green wash bleed) */
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .momentum-studio__metrics,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .momentum-studio__metrics-hero,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .momentum-studio__metrics-card,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .momentum-studio__intel-panel,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .momentum-studio__intel-bars,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .momentum-studio__events,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .momentum-studio__edu-panel,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .momentum-studio__lower-stack,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .momentum-studio__stage,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .momentum-studio-canvas {
  background: linear-gradient(180deg, rgba(7, 10, 18, 0.98) 0%, rgba(3, 7, 14, 0.99) 100%) !important;
  background-image: linear-gradient(180deg, rgba(7, 10, 18, 0.98) 0%, rgba(3, 7, 14, 0.99) 100%) !important;
  border-color: rgba(148, 163, 184, 0.14);
}

[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .momentum-studio__stage,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .momentum-studio-canvas {
  background: #050914 !important;
  background-image: none !important;
}

/* Accent bars — 3px line only (never full-card stretch on /indicators/*) */
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .momentum-studio .momentum-studio__metrics-hero-accent,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .momentum-studio .momentum-studio__intel-panel-accent,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .momentum-studio .momentum-studio__edu-panel-accent {
  inset-inline: unset !important;
  width: 3px !important;
  min-width: 3px !important;
  max-width: 3px !important;
  flex: 0 0 3px !important;
  background: linear-gradient(180deg, rgba(163, 255, 18, 0.95) 0%, rgba(163, 255, 18, 0.35) 100%) !important;
  background-image: linear-gradient(180deg, rgba(163, 255, 18, 0.95) 0%, rgba(163, 255, 18, 0.35) 100%) !important;
  border-color: transparent !important;
}

[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .momentum-studio[dir='rtl'] .momentum-studio__metrics-hero-accent,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .momentum-studio[dir='rtl'] .momentum-studio__intel-panel-accent,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .momentum-studio[dir='rtl'] .momentum-studio__edu-panel-accent {
  right: 0 !important;
  left: auto !important;
}

[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .momentum-studio[dir='ltr'] .momentum-studio__metrics-hero-accent,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .momentum-studio[dir='ltr'] .momentum-studio__intel-panel-accent,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .momentum-studio[dir='ltr'] .momentum-studio__edu-panel-accent {
  left: 0 !important;
  right: auto !important;
}

/* ATR — opaque navy panels on indicators host (no green wash bleed) */
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .atr-studio__metrics,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .atr-studio__metrics-hero,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .atr-studio__metrics-card,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .atr-studio__intel-panel,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .atr-studio__intel-spectrum,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .atr-studio__events,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .atr-studio__edu-panel,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .atr-studio__lower-stack,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .atr-studio__stage,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .atr-studio-canvas {
  background: linear-gradient(180deg, rgba(7, 10, 18, 0.98) 0%, rgba(3, 7, 14, 0.99) 100%) !important;
  background-image: linear-gradient(180deg, rgba(7, 10, 18, 0.98) 0%, rgba(3, 7, 14, 0.99) 100%) !important;
  border-color: rgba(148, 163, 184, 0.14);
}

[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .atr-studio__stage,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .atr-studio-canvas {
  background: #050914 !important;
  background-image: none !important;
}

[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .atr-studio .atr-studio__metrics-hero-accent,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .atr-studio .atr-studio__intel-panel-accent,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .atr-studio .atr-studio__edu-panel-accent {
  inset-inline: unset !important;
  width: 3px !important;
  min-width: 3px !important;
  max-width: 3px !important;
  flex: 0 0 3px !important;
  background: linear-gradient(180deg, rgba(163, 255, 18, 0.95) 0%, rgba(163, 255, 18, 0.35) 100%) !important;
  background-image: linear-gradient(180deg, rgba(163, 255, 18, 0.95) 0%, rgba(163, 255, 18, 0.35) 100%) !important;
  border-color: transparent !important;
}

[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .atr-studio[dir='rtl'] .atr-studio__metrics-hero-accent,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .atr-studio[dir='rtl'] .atr-studio__intel-panel-accent,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .atr-studio[dir='rtl'] .atr-studio__edu-panel-accent {
  right: 0 !important;
  left: auto !important;
}

[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .atr-studio[dir='ltr'] .atr-studio__metrics-hero-accent,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .atr-studio[dir='ltr'] .atr-studio__intel-panel-accent,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .atr-studio[dir='ltr'] .atr-studio__edu-panel-accent {
  left: 0 !important;
  right: auto !important;
}

/* CCI — opaque navy panels on indicators host (no cyan/green wash bleed) */
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio__metrics,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio__metrics-hero,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio__metrics-card,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio__intel-panel,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio__intel-spectrum,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio__events,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio__edu-panel,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio__watch-next,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio__extreme-alert,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio__lower-stack,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio__stage,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio-canvas {
  background: linear-gradient(180deg, rgba(7, 10, 18, 0.98) 0%, rgba(3, 7, 14, 0.99) 100%) !important;
  background-image: linear-gradient(180deg, rgba(7, 10, 18, 0.98) 0%, rgba(3, 7, 14, 0.99) 100%) !important;
  border-color: rgba(148, 163, 184, 0.14);
}

[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio__stage,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio-canvas {
  background: #050914 !important;
  background-image: none !important;
}

[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio .cci-studio__metrics-hero-accent,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio .cci-studio__intel-panel-accent,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio .cci-studio__edu-panel-accent,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio .cci-studio__watch-next-accent,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio .cci-studio__extreme-alert-accent {
  inset-inline: unset !important;
  width: 3px !important;
  min-width: 3px !important;
  max-width: 3px !important;
  flex: 0 0 3px !important;
  background: linear-gradient(180deg, rgba(34, 211, 238, 0.95) 0%, rgba(22, 182, 201, 0.35) 100%) !important;
  background-image: linear-gradient(180deg, rgba(34, 211, 238, 0.95) 0%, rgba(22, 182, 201, 0.35) 100%) !important;
  border-color: transparent !important;
}

[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio[dir='rtl'] .cci-studio__intel-panel-accent,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio[dir='rtl'] .cci-studio__edu-panel-accent,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio[dir='rtl'] .cci-studio__watch-next-accent,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio[dir='rtl'] .cci-studio__extreme-alert-accent {
  right: 0 !important;
  left: auto !important;
}

[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio[dir='ltr'] .cci-studio__intel-panel-accent,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio[dir='ltr'] .cci-studio__edu-panel-accent,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio[dir='ltr'] .cci-studio__watch-next-accent,
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .cci-studio[dir='ltr'] .cci-studio__extreme-alert-accent {
  left: 0 !important;
  right: auto !important;
}

/* ═══ Indicator studios — shared black terminal surfaces (dark only) ═══
   Scoped to .indicators-page.ind-studio-unified-landing (/indicators/*)
   Accent colors unchanged — backgrounds only. */

html:not(.light) .indicators-page.ind-studio-unified-landing {
  --studio-page-bg: #000000;
  --studio-panel-bg: #030303;
  --studio-card-bg: #050505;
  --studio-card-bg-soft: #070707;
  --studio-border: rgba(255, 255, 255, 0.06);
  --studio-border-soft: rgba(255, 255, 255, 0.05);
  --ind-bg: var(--studio-page-bg);
  --ind-bg-grad-1: transparent;
  --ind-bg-grad-2: transparent;
  --ind-surface: var(--studio-card-bg);
  background: var(--studio-page-bg);
}

html:not(.light) .indicators-page.ind-studio-unified-landing::before {
  display: none;
}

/* ── Landing hero / offer cards ── */
.indicators-page.ind-studio-unified-landing .cci-landing-chart-card,
.indicators-page.ind-studio-unified-landing .cci-landing-offer-card,
.indicators-page.ind-studio-unified-landing .cci-landing-disclaimer,
.indicators-page.ind-studio-unified-landing .cci-landing-hero-content .cci-landing-asset-card {
  background: var(--studio-card-bg);
  background-image: none;
  border-color: var(--studio-border-soft);
}

.indicators-page.ind-studio-unified-landing .cci-landing-hero-content .cci-landing-asset-card {
  box-shadow: none;
}

.indicators-page.ind-studio-unified-landing .market-asset-icon--index,
.indicators-page.ind-studio-unified-landing .market-asset-icon--fallback {
  background: var(--studio-card-bg-soft);
  border-color: var(--studio-border-soft);
  background-image: none;
}

/* ── Confluence — flat black panel ── */
.indicators-page.ind-studio-unified-landing .confluence-bar {
  background: var(--studio-panel-bg) !important;
  background-image: none !important;
  border: 1px solid var(--studio-border) !important;
  box-shadow: none !important;
}

.indicators-page.ind-studio-unified-landing .confluence-bar__glow {
  display: none;
}

.indicators-page.ind-studio-unified-landing .confluence-bar__accent {
  opacity: 0.35;
}

.indicators-page.ind-studio-unified-landing .confluence-bar__cell,
.indicators-page.ind-studio-unified-landing .confluence-bar__cell--state,
.indicators-page.ind-studio-unified-landing .confluence-bar__cell--risk,
.indicators-page.ind-studio-unified-landing .confluence-bar__cell--watch {
  background: var(--studio-card-bg) !important;
  background-image: none !important;
  border: 1px solid var(--studio-border-soft) !important;
}

.indicators-page.ind-studio-unified-landing .confluence-bar__agreement {
  background: var(--studio-card-bg-soft) !important;
  border: 1px solid var(--studio-border-soft) !important;
}

.indicators-page.ind-studio-unified-landing .confluence-bar__agreement-progress {
  background: rgba(255, 255, 255, 0.06);
}

.indicators-page.ind-studio-unified-landing .confluence-bar__trace-toggle {
  background: var(--studio-card-bg-soft);
  border: 1px solid var(--studio-border);
}

.indicators-page.ind-studio-unified-landing .confluence-bar__trace-panel {
  background: var(--studio-card-bg);
}

/* ── Divergence + timeframe agreement ── */
.indicators-page.ind-studio-unified-landing .divergence-panel,
.indicators-page.ind-studio-unified-landing .tf-agreement-panel,
.indicators-page.ind-studio-unified-landing [class*='__tf-agreement'] {
  background: var(--studio-card-bg) !important;
  background-image: none !important;
  border: 1px solid var(--studio-border-soft) !important;
  box-shadow: none !important;
}

.indicators-page.ind-studio-unified-landing .divergence-panel__accent,
.indicators-page.ind-studio-unified-landing .tf-agreement-panel__accent {
  opacity: 0.35;
}

.indicators-page.ind-studio-unified-landing .ind-studio-renderer-host.is-highlighted {
  box-shadow: 0 0 0 1px var(--cci-border-glow);
}

/* ── Live studio roots + chart stages ── */
[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-studio-renderer-host
  [class$='-studio'],
[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-rsi-shell {
  background: var(--studio-page-bg) !important;
  background-image: none !important;
}

[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-studio-renderer-host
  [class*='__stage'],
[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-studio-renderer-host
  [class*='-studio-canvas'],
[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-rsi-shell
  .ind-rsi-stage {
  background: var(--studio-page-bg) !important;
  background-image: none !important;
  border-color: var(--studio-border-soft);
}

/* ── Metrics / intel / edu / events panels ── */
[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-studio-renderer-host
  [class*='__metrics'],
[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-studio-renderer-host
  [class*='__metrics-hero'],
[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-studio-renderer-host
  [class*='__metrics-card'],
[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-studio-renderer-host
  [class*='__metrics-row'],
[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-studio-renderer-host
  [class*='__intel-panel'],
[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-studio-renderer-host
  [class*='__intel-bars'],
[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-studio-renderer-host
  [class*='__intel-spectrum'],
[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-studio-renderer-host
  [class*='__events'],
[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-studio-renderer-host
  [class*='__edu-panel'],
[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-studio-renderer-host
  [class*='__watch-next'],
[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-studio-renderer-host
  [class*='__extreme-alert'],
[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-studio-renderer-host
  [class*='__lower-stack'],
[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-studio-renderer-host
  [class$='__deck'],
[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-studio-renderer-host
  [class$='__card'] {
  background: var(--studio-card-bg) !important;
  background-image: none !important;
  border-color: var(--studio-border-soft) !important;
  box-shadow: none !important;
}

[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-studio-renderer-host
  [class*='__intel-bars'],
[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-studio-renderer-host
  [class*='__ev-item'] {
  background: var(--studio-card-bg-soft) !important;
  background-image: none !important;
}

/* Card accent rails — visible but subtle */
[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-studio-renderer-host
  [class*='-accent'][aria-hidden='true'] {
  opacity: 0.25;
}

/* ── RSI shell (indicators/rsi) ── */
[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page.ind-studio-unified-landing .ind-rsi-shell {
  --ind-rsi-bg: var(--studio-page-bg);
  --ind-rsi-card: var(--studio-card-bg);
  --ind-rsi-border: var(--studio-border-soft);
  --ind-rsi-shadow: none;
}

[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-rsi-shell
  .ind-rsi-card,
[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-rsi-shell
  .ind-rsi-metrics {
  background: var(--studio-card-bg) !important;
  background-image: none !important;
  border-color: var(--studio-border-soft) !important;
  box-shadow: none !important;
}

[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-rsi-shell
  .ind-rsi-signals-table
  tbody
  tr:nth-child(even) {
  background: var(--studio-card-bg-soft);
}

[data-zs-crypto-root][data-zs-theme='dark']
  .indicators-page.ind-studio-unified-landing
  .ind-rsi-shell
  .ind-rsi-end-label {
  background: var(--studio-card-bg) !important;
  border-color: var(--studio-border-soft) !important;
  box-shadow: none !important;
}