/* ============================================================
   Momentum Studio — acceleration brain
   Cinematic dark + pearl light. Chart-first hierarchy.
   ============================================================ */

.momentum-studio {
  --momentum-primary: #a3ff12;
  --momentum-primary-soft: rgba(163, 255, 18, 0.18);
  --momentum-primary-border: rgba(163, 255, 18, 0.35);
  --mom-accent: var(--momentum-primary);
  --mom-accent-soft: var(--momentum-primary-soft);
  --mom-accent-border: var(--momentum-primary-border);
  --mom-accent-line-top: var(--momentum-primary);
  --mom-accent-line-bottom: rgba(163, 255, 18, 0.35);
  --mom-accent-glow: rgba(163, 255, 18, 0.08);
  --mom-loss: #e11d48;
  --mom-loss-soft: rgba(225, 29, 72, 0.72);
  --mom-risk: #f87171;
  --mom-bg: #fafbfc;
  --mom-bg-fog: rgba(15, 17, 23, 0.018);
  --mom-border: rgba(15, 17, 23, 0.07);
  --mom-title: #0f172a;
  --mom-muted: #475569;
  --mom-faint: #64748b;
  --mom-chip-bg: #ffffff;
  --mom-chip-border: rgba(148, 163, 184, 0.22);
  --mom-strip-bg: rgba(15, 17, 23, 0.018);
  --mom-divider: rgba(15, 17, 23, 0.06);
  --mom-panel-bg: #ffffff;
  --mom-panel-border: rgba(148, 163, 184, 0.22);
  --mom-panel-glow: rgba(163, 255, 18, 0.06);
  --mom-radius-md: 12px;
  --mom-radius-lg: 14px;
  --mom-shadow-panel: 0 1px 0 rgba(255, 255, 255, 0.65) inset, 0 8px 24px rgba(15, 17, 23, 0.04);
  --mom-shadow-panel-dark: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 10px 28px rgba(0, 0, 0, 0.28);

  grid-column: 1 / -1;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 520px;
  border: 1px solid var(--mom-border);
  border-radius: var(--cd-panel-radius, 16px);
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  padding: 10px 12px 14px;
  overflow: hidden;
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio {
  --momentum-primary: #a3ff12;
  --momentum-primary-soft: rgba(163, 255, 18, 0.18);
  --momentum-primary-border: rgba(163, 255, 18, 0.35);
  --mom-accent: var(--momentum-primary);
  --mom-accent-soft: rgba(163, 255, 18, 0.12);
  --mom-accent-border: var(--momentum-primary-border);
  --mom-accent-line-top: rgba(163, 255, 18, 0.95);
  --mom-accent-line-bottom: rgba(163, 255, 18, 0.35);
  --mom-accent-glow: rgba(163, 255, 18, 0.08);
  --mom-loss: #f87171;
  --mom-loss-soft: rgba(248, 113, 113, 0.82);
  --mom-risk: #fb7185;
  --mom-bg: #050914;
  --mom-bg-fog: rgba(248, 250, 252, 0.02);
  --mom-border: rgba(148, 163, 184, 0.14);
  --mom-title: rgba(248, 250, 252, 0.98);
  --mom-muted: rgba(226, 232, 240, 0.9);
  --mom-faint: rgba(148, 163, 184, 0.75);
  --mom-chip-bg: rgba(15, 23, 42, 0.42);
  --mom-chip-border: rgba(148, 163, 184, 0.12);
  --mom-strip-bg: rgba(7, 10, 18, 0.55);
  --mom-divider: rgba(148, 163, 184, 0.1);
  --mom-panel-bg: linear-gradient(180deg, rgba(7, 10, 18, 0.98) 0%, rgba(3, 7, 14, 0.99) 100%);
  --mom-panel-border: rgba(148, 163, 184, 0.14);
  --mom-panel-glow: transparent;
  --mom-card-bg: linear-gradient(180deg, rgba(7, 10, 18, 0.98) 0%, rgba(3, 7, 14, 0.99) 100%);
  --mom-card-border: rgba(148, 163, 184, 0.14);
  --mom-card-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
  --mom-text-primary: rgba(248, 250, 252, 0.98);
  --mom-text-secondary: rgba(226, 232, 240, 0.9);
  --mom-text-meta: rgba(148, 163, 184, 0.75);
  background: #050914;
}

/* ---------- Header ---------- */
.momentum-studio__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 2px 4px 0;
  margin-bottom: 6px;
  flex-shrink: 0;
  opacity: 0.62;
}

.momentum-studio__live {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: var(--mom-faint);
}

.momentum-studio__live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--mom-accent);
  opacity: 0.95;
  box-shadow: 0 0 6px var(--mom-accent-glow);
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__live-dot {
  opacity: 1;
  box-shadow: 0 0 8px rgba(163, 255, 18, 0.55);
}

.momentum-studio__title {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--mom-title);
}

/* ---------- Chart stage — hero ---------- */
.momentum-studio__stage {
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  min-height: 380px;
  height: clamp(380px, 52vh, 460px);
  padding: 0 2px;
  border-radius: 10px;
  overflow: hidden;
}

.momentum-studio-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  touch-action: pan-y;
  background: linear-gradient(180deg, transparent 0%, var(--mom-bg-fog) 100%);
  border-radius: 8px;
}

.momentum-studio-canvas__surface {
  display: block;
  width: 100%;
  height: 100%;
  cursor: crosshair;
}

.momentum-studio-canvas__pulse {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.momentum-studio__skeleton {
  width: 100%;
  height: 100%;
  background: var(--cd-surface-hover, rgba(148, 163, 184, 0.12));
  animation: momentum-studio-pulse 1.5s ease-in-out infinite;
}

@keyframes momentum-studio-pulse {
  0%,
  100% {
    opacity: 0.5;
  }
  50% {
    opacity: 0.85;
  }
}

.momentum-studio__empty {
  margin: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: var(--mom-muted);
  text-align: center;
  padding: 0 24px;
}

/* ---------- Metrics hierarchy — 5-level institutional read ---------- */
.momentum-studio__metrics {
  display: grid;
  grid-template-columns: minmax(228px, 1.05fr) repeat(2, minmax(0, 1fr));
  grid-template-rows: auto auto;
  gap: 8px;
  margin-top: 0;
  padding: 10px 8px 10px;
  border-top: 1px solid var(--mom-divider);
  background:
    linear-gradient(180deg, var(--mom-strip-bg) 0%, transparent 100%),
    radial-gradient(80% 120% at 0% 0%, var(--mom-panel-glow) 0%, transparent 55%);
  flex-shrink: 0;
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics {
  background: linear-gradient(180deg, rgba(7, 10, 18, 0.55) 0%, transparent 100%);
}

/* Level 1 — Current speed hero */
.momentum-studio__metrics-hero {
  position: relative;
  grid-row: 1 / span 2;
  grid-column: 1;
  display: flex;
  align-items: stretch;
  min-height: 108px;
  padding: 14px 16px 14px 18px;
  border: 1px solid var(--mom-panel-border);
  border-radius: var(--mom-radius-lg);
  background: var(--mom-panel-bg);
  box-shadow: var(--mom-shadow-panel);
  overflow: hidden;
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-hero {
  box-shadow: var(--mom-shadow-panel-dark);
}

.momentum-studio__metrics-hero-accent {
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: auto;
  top: 10px;
  height: calc(100% - 20px);
  bottom: auto;
  width: 3px;
  min-width: 3px;
  max-width: 3px;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(180deg, var(--mom-accent-line-top) 0%, var(--mom-accent-line-bottom) 100%);
  pointer-events: none;
}

.momentum-studio__metrics-hero-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  flex: 1;
  padding-inline-start: 6px;
}

.momentum-studio__metrics-hero-label {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--mom-faint);
  opacity: 0.88;
}

.momentum-studio__metrics-hero-value {
  font-size: clamp(28px, 2.6vw, 36px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.04em;
  color: var(--mom-title);
}

.momentum-studio__metrics-hero-sub {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--mom-muted);
  opacity: 0.82;
}

.momentum-studio__metrics-hero-live {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 5px;
  flex-shrink: 0;
  align-self: flex-start;
  margin-top: 2px;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--mom-faint);
  opacity: 0.72;
}

.momentum-studio__metrics-hero-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--mom-accent);
  box-shadow: 0 0 0 3px var(--mom-accent-glow);
}

/* Levels 2–5 — institutional metric cards */
.momentum-studio__metrics-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  min-height: 52px;
  padding: 10px 12px;
  border: 1px solid var(--mom-panel-border);
  border-radius: var(--mom-radius-md);
  background: var(--mom-panel-bg);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset;
}

.momentum-studio__metrics-card--direction {
  grid-column: 2;
  grid-row: 1;
}

.momentum-studio__metrics-card--quality {
  grid-column: 3;
  grid-row: 1;
}

.momentum-studio__metrics-card--change {
  grid-column: 2;
  grid-row: 2;
}

.momentum-studio__metrics-card--risk {
  grid-column: 3;
  grid-row: 2;
}

.momentum-studio__metrics-card--risk[data-risk='high'] {
  border-color: rgba(225, 29, 72, 0.22);
}

.momentum-studio__metrics-card--risk[data-risk='medium'] {
  border-color: rgba(248, 113, 113, 0.16);
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-card--risk[data-risk='high'] {
  border-color: rgba(248, 113, 113, 0.28);
}

.momentum-studio__metrics-card-label {
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--mom-faint);
  opacity: 0.86;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.momentum-studio__metrics-card-value {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--mom-title);
}

.momentum-studio__metrics-card--quality .momentum-studio__metrics-card-value,
.momentum-studio__metrics-card--risk .momentum-studio__metrics-card-value {
  font-size: 17px;
}

.momentum-studio__metrics-card-note {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--mom-muted);
  opacity: 0.88;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.momentum-studio__metrics-card-meta {
  margin-top: 1px;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--mom-muted);
  opacity: 0.72;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.momentum-studio__arrow {
  font-size: 13px;
  opacity: 0.9;
}

.momentum-studio__metrics-card-value--rising {
  color: #4d6910;
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-card-value--rising {
  color: var(--mom-accent);
}

.momentum-studio__metrics-card-value--falling,
.momentum-studio__metrics-card-value--neg {
  color: var(--mom-loss);
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-card-value--falling,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-card-value--neg {
  color: var(--mom-loss-soft);
}

.momentum-studio__metrics-card-value--flat {
  color: var(--mom-title);
}

.momentum-studio__metrics-card-value--risk-high {
  color: var(--mom-loss);
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-card-value--risk-high {
  color: var(--mom-loss-soft);
}

.momentum-studio__metrics-card-value--risk-medium {
  color: var(--mom-risk);
}

.momentum-studio__metrics-card-value--risk-low {
  color: #64748b;
}

/* ---------- Lower stack — unified brain + events/edu block ---------- */
.momentum-studio__lower-stack {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 0;
  padding: 7px 8px 5px;
  border-top: 1px solid var(--mom-divider);
  background:
    linear-gradient(180deg, var(--mom-strip-bg) 0%, transparent 72%);
  flex-shrink: 0;
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__lower-stack {
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.022) 0%, transparent 72%);
}

/* ---------- Intelligence panel ---------- */
.momentum-studio__insight {
  margin-top: 0;
  padding: 0;
  border-top: none;
  flex-shrink: 0;
}

.momentum-studio__intel-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 7px 12px 7px 16px;
  border: 1px solid var(--mom-panel-border);
  border-radius: var(--mom-radius-lg);
  background: var(--mom-panel-bg);
  box-shadow: var(--mom-shadow-panel);
  overflow: hidden;
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__intel-panel {
  box-shadow: var(--mom-shadow-panel-dark);
}

.momentum-studio__intel-panel-accent {
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: auto;
  top: 6px;
  height: calc(100% - 12px);
  bottom: auto;
  width: 3px;
  min-width: 3px;
  max-width: 3px;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(180deg, var(--mom-accent-line-top) 0%, var(--mom-accent-line-bottom) 100%);
  pointer-events: none;
}

.momentum-studio__intel-panel-header {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-inline-start: 4px;
}

.momentum-studio__intel-panel-eyebrow {
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: var(--mom-faint);
  opacity: 0.88;
  line-height: 1.1;
}

.momentum-studio__intel-panel-verdict {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: -0.02em;
  color: var(--mom-title);
}

.momentum-studio__intel-panel-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-inline-start: 4px;
  margin-top: -2px;
}

.momentum-studio__intel-lead {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.38;
  letter-spacing: -0.01em;
  color: var(--mom-title);
}

.momentum-studio__intel-detail {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.42;
  color: var(--mom-muted);
}

/* Speed + strength — compact terminal instrument row */
.momentum-studio__intel-bars {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  gap: 0;
  margin-top: 0;
  padding: 4px 8px;
  border: 1px solid var(--mom-divider);
  border-radius: calc(var(--mom-radius-md) - 1px);
  background: var(--mom-strip-bg);
}

.momentum-studio__intel-speed,
.momentum-studio__intel-strength {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}

.momentum-studio__intel-speed {
  padding-inline-end: 8px;
  border-inline-end: 1px solid var(--mom-divider);
}

.momentum-studio__intel-strength {
  flex-direction: row;
  align-items: center;
  gap: 6px;
  padding-inline-start: 8px;
}

.momentum-studio__intel-speed-label,
.momentum-studio__intel-strength-label {
  font-size: 7.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mom-faint);
  opacity: 0.84;
  line-height: 1.1;
}

.momentum-studio__intel-strength-label {
  flex-shrink: 0;
  max-width: 42%;
}

.momentum-studio__speed-track {
  position: relative;
  height: 4px;
  margin-top: 0;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(225, 29, 72, 0.32) 0%,
    rgba(127, 142, 163, 0.35) 22%,
    rgba(127, 142, 163, 0.32) 48%,
    rgba(163, 255, 18, 0.35) 78%,
    rgba(163, 255, 18, 0.42) 100%
  );
  box-shadow: inset 0 1px 2px rgba(15, 17, 23, 0.06);
  opacity: 0.92;
}

.momentum-studio__speed-marker {
  position: absolute;
  top: 50%;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffffff;
  border: 1.5px solid var(--mom-title);
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
}

[data-zs-crypto-root]:not([data-zs-theme='dark']) .momentum-studio__speed-marker {
  background: #0f1117;
}

.momentum-studio__speed-steps,
.momentum-studio__strength-steps {
  display: flex;
  justify-content: space-between;
  gap: 1px;
  margin-top: 0;
  min-height: 0;
}

.momentum-studio__speed-step,
.momentum-studio__strength-step {
  font-size: 7px;
  font-weight: 600;
  line-height: 1.1;
  color: var(--mom-faint);
  opacity: 0.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 18%;
  text-align: center;
}

.momentum-studio__strength-step {
  max-width: none;
  flex: 1;
  text-align: center;
  padding: 2px 0;
}

.momentum-studio__strength-steps {
  flex: 1;
  min-width: 0;
}

.momentum-studio__speed-step--active,
.momentum-studio__strength-step--active {
  color: var(--mom-title);
  opacity: 1;
  font-weight: 800;
}

/* ---------- Below: events + edu — rebalanced proportions ---------- */
.momentum-studio__below {
  display: grid;
  grid-template-columns: minmax(0, 0.54fr) minmax(280px, 0.46fr);
  gap: 7px;
  align-items: stretch;
  margin-top: 0;
  padding: 0 1px 1px;
  flex-shrink: 0;
}

/* ---------- Events ---------- */
.momentum-studio__events {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 0;
  padding: 18px 20px;
  min-width: 0;
  align-self: start;
  height: auto;
  border: 1px solid var(--mom-panel-border);
  border-radius: var(--mom-radius-lg);
  background: var(--mom-panel-bg);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset;
  overflow: visible;
  direction: rtl;
  text-align: right;
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__events {
  background: linear-gradient(180deg, rgba(7, 10, 18, 0.98) 0%, rgba(3, 7, 14, 0.99) 100%);
  border-color: rgba(148, 163, 184, 0.14);
  box-shadow: var(--mom-card-shadow);
}

.momentum-studio[dir='ltr'] .momentum-studio__events {
  direction: ltr;
  text-align: left;
}

.momentum-studio__events-header {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  text-align: inherit;
}

.momentum-studio__events-title {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.01em;
  text-transform: none;
  color: rgba(248, 250, 252, 0.94);
  opacity: 1;
  line-height: 1.35;
  text-align: inherit;
}

[data-zs-crypto-root]:not([data-zs-theme='dark']) .momentum-studio__events-title {
  color: #0f172a;
}

.momentum-studio__events-subtitle {
  margin: 0;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
  color: rgba(148, 163, 184, 0.75);
  text-align: inherit;
}

[data-zs-crypto-root]:not([data-zs-theme='dark']) .momentum-studio__events-subtitle {
  color: #64748b;
}

.momentum-studio__events-empty {
  margin: 0;
  font-size: 12px;
  color: var(--mom-muted);
}

/* ═══ Momentum events list — hard reset (scoped, no accent lines) ═══ */
.momentum-studio__events .momentum-studio__ev-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  min-width: 0;
}

.momentum-studio__events .momentum-studio__ev-item,
.momentum-studio__events .momentum-studio__ev-item::before,
.momentum-studio__events .momentum-studio__ev-item::after {
  background-image: none;
}

.momentum-studio__events .momentum-studio__ev-item::before,
.momentum-studio__events .momentum-studio__ev-item::after,
.momentum-studio__events .momentum-studio__ev-dot::before,
.momentum-studio__events .momentum-studio__ev-dot::after,
.momentum-studio__events .momentum-studio__ev-body::before,
.momentum-studio__events .momentum-studio__ev-body::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
}

.momentum-studio__events .momentum-studio__ev-item {
  direction: rtl;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.42);
  border: 1px solid rgba(148, 163, 184, 0.12);
  box-sizing: border-box;
  position: static;
  overflow: visible;
  width: 100%;
  max-width: 100%;
  list-style: none;
}

.momentum-studio[dir='ltr'] .momentum-studio__events .momentum-studio__ev-item {
  direction: ltr;
}

[data-zs-crypto-root]:not([data-zs-theme='dark']) .momentum-studio__events .momentum-studio__ev-item {
  background: rgba(248, 250, 252, 0.94);
  border-color: rgba(148, 163, 184, 0.18);
}

.momentum-studio__events .momentum-studio__ev-dot {
  width: 9px !important;
  height: 9px !important;
  min-width: 9px !important;
  max-width: 9px !important;
  min-height: 9px !important;
  max-height: 9px !important;
  border-radius: 999px;
  flex: 0 0 9px !important;
  display: block;
  position: static !important;
  inset: auto !important;
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none !important;
  transform: none !important;
  align-self: center;
  background: rgba(148, 163, 184, 0.55);
}

.momentum-studio__events .momentum-studio__ev-dot--bearish {
  background: #f23645 !important;
}

.momentum-studio__events .momentum-studio__ev-dot--bullish {
  background: #22c55e !important;
}

.momentum-studio__events .momentum-studio__ev-dot--neutral {
  background: #38bdf8 !important;
}

.momentum-studio__events .momentum-studio__ev-dot--warning {
  background: #94a3b8 !important;
}

.momentum-studio__events .momentum-studio__ev-body {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: right;
  overflow: hidden;
}

.momentum-studio[dir='ltr'] .momentum-studio__events .momentum-studio__ev-body {
  text-align: left;
}

.momentum-studio__events .momentum-studio__ev-name {
  display: block;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  color: rgba(248, 250, 252, 0.94) !important;
  opacity: 1 !important;
  visibility: visible !important;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-zs-crypto-root]:not([data-zs-theme='dark']) .momentum-studio__events .momentum-studio__ev-name {
  color: #0f172a !important;
}

.momentum-studio__events .momentum-studio__ev-when {
  display: block;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.35;
  color: rgba(148, 163, 184, 0.74) !important;
  opacity: 1 !important;
  visibility: visible !important;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-zs-crypto-root]:not([data-zs-theme='dark']) .momentum-studio__events .momentum-studio__ev-when {
  color: #64748b !important;
}

/* ---------- Educational panel ---------- */
.momentum-studio__edu-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 11px 16px;
  padding-inline-start: calc(11px + 6px);
  border: 1px solid var(--mom-panel-border);
  border-radius: var(--mom-radius-lg);
  background: var(--mom-panel-bg);
  box-shadow: var(--mom-shadow-panel);
  align-self: start;
  height: auto;
  overflow: hidden;
  min-width: 0;
  text-align: start;
}

.momentum-studio__edu-panel-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.momentum-studio__edu-panel-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 2px;
  padding-top: 4px;
}

.momentum-studio[dir='rtl'] .momentum-studio__edu-panel-footer {
  justify-content: flex-start;
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__edu-panel {
  box-shadow: var(--mom-card-shadow);
  border-color: var(--mom-card-border);
  background: var(--mom-card-bg);
}

.momentum-studio__edu-panel-accent {
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: auto;
  top: 4px;
  height: calc(100% - 8px);
  bottom: auto;
  width: 3px;
  min-width: 3px;
  max-width: 3px;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(180deg, var(--mom-accent-line-top) 0%, var(--mom-accent-line-bottom) 100%);
  pointer-events: none;
}

.momentum-studio__edu-panel-title {
  margin: 0;
  font-size: clamp(14px, 1.4vw, 16px);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.018em;
  color: var(--mom-title);
  text-align: start;
}

.momentum-studio__edu-panel-text {
  margin: 0;
  padding-inline: 0;
  max-width: 720px;
  font-size: 12px;
  line-height: 1.45;
  color: var(--mom-muted);
  text-align: start;
}

.momentum-studio__edu-panel-divider {
  width: 100%;
  max-width: 720px;
  height: 1px;
  margin: 2px 0 0;
  padding: 0;
  border: none;
  background: rgba(148, 163, 184, 0.1);
}

.momentum-studio__edu-panel-chips {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
  max-width: 100%;
}

.momentum-studio__edu-panel-chip {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  background: rgba(255, 255, 255, 0.03);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  color: var(--mom-muted);
  white-space: nowrap;
}

[data-zs-crypto-root]:not([data-zs-theme='dark']) .momentum-studio__edu-panel-chip {
  background: rgba(15, 23, 42, 0.03);
}

.momentum-studio__edu-panel-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 0;
  margin-inline-start: 0;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid var(--mom-accent-border);
  background: var(--mom-accent-soft);
  font-size: 12px;
  font-weight: 700;
  color: #4d6910;
  text-decoration: none;
  transition:
    background 0.18s ease,
    border-color 0.18s ease,
    transform 0.18s ease;
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__edu-panel-cta {
  border-color: rgba(148, 163, 184, 0.14);
  color: rgba(248, 250, 252, 0.98);
  background: linear-gradient(180deg, rgba(7, 10, 18, 0.98) 0%, rgba(3, 7, 14, 0.99) 100%);
}

.momentum-studio__edu-panel-cta-arrow {
  font-size: 12px;
  line-height: 1;
  opacity: 0.88;
}

.momentum-studio__edu-panel-cta:hover {
  background: rgba(163, 255, 18, 0.14);
  border-color: rgba(163, 255, 18, 0.35);
  transform: translateY(-1px);
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__edu-panel-cta:hover {
  background: rgba(7, 10, 18, 0.98);
  border-color: rgba(148, 163, 184, 0.2);
}

/* ---------- Light mode contrast lift ---------- */
[data-zs-crypto-root]:not([data-zs-theme='dark']) .momentum-studio__bar {
  opacity: 0.82;
}

[data-zs-crypto-root]:not([data-zs-theme='dark']) .momentum-studio__title,
[data-zs-crypto-root]:not([data-zs-theme='dark']) .momentum-studio__intel-panel-verdict,
[data-zs-crypto-root]:not([data-zs-theme='dark']) .momentum-studio__intel-lead,
[data-zs-crypto-root]:not([data-zs-theme='dark']) .momentum-studio__metrics-card-value {
  color: #080a0e;
}

[data-zs-crypto-root]:not([data-zs-theme='dark']) .momentum-studio__metrics-hero-value {
  color: #5f7d10;
}

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
  .momentum-studio__metrics {
    grid-template-columns: minmax(200px, 1fr) repeat(2, minmax(0, 1fr));
  }

  .momentum-studio__below {
    grid-template-columns: 1fr;
  }

  .momentum-studio__edu-panel {
    max-width: none;
  }
}

/* ---------- Mobile ---------- */
@media (max-width: 768px) {
  .momentum-studio {
    min-height: 460px;
    padding: 10px 10px 12px;
    overflow-x: hidden;
  }

  .momentum-studio__stage {
    min-height: 300px;
    height: clamp(300px, 48vh, 380px);
  }

  .momentum-studio__lower-stack {
    gap: 4px;
    padding: 5px 4px 3px;
  }

  .momentum-studio__intel-panel {
    padding: 7px 10px 7px 14px;
    gap: 3px;
  }

  .momentum-studio__intel-panel-verdict {
    font-size: 13.5px;
  }

  .momentum-studio__intel-lead {
    font-size: 12.5px;
    line-height: 1.36;
  }

  .momentum-studio__intel-detail {
    font-size: 11.5px;
    line-height: 1.4;
  }

  .momentum-studio__intel-bars {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 4px 7px;
  }

  .momentum-studio__intel-speed {
    padding-inline-end: 0;
    padding-bottom: 4px;
    border-inline-end: none;
    border-bottom: 1px solid var(--mom-divider);
  }

  .momentum-studio__intel-strength {
    flex-direction: row;
    align-items: center;
    padding-inline-start: 0;
    padding-top: 0;
    gap: 5px;
  }

  .momentum-studio__intel-strength-label {
    max-width: 38%;
  }

  .momentum-studio__metrics {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto auto;
    gap: 7px;
    padding: 8px 6px 8px;
  }

  .momentum-studio__metrics-hero {
    grid-column: 1 / -1;
    grid-row: 1;
    min-height: 88px;
    padding: 12px 14px;
  }

  .momentum-studio__metrics-hero-value {
    font-size: 28px;
  }

  .momentum-studio__metrics-card--direction {
    grid-column: 1;
    grid-row: 2;
  }

  .momentum-studio__metrics-card--quality {
    grid-column: 2;
    grid-row: 2;
  }

  .momentum-studio__metrics-card--change {
    grid-column: 1;
    grid-row: 3;
  }

  .momentum-studio__metrics-card--risk {
    grid-column: 2;
    grid-row: 3;
  }

  .momentum-studio__metrics-card {
    padding: 9px 11px;
    min-height: 50px;
  }

  .momentum-studio__metrics-card-value {
    font-size: 16px;
  }

  .momentum-studio__metrics-card-note {
    font-size: 9.5px;
    -webkit-line-clamp: 2;
  }

  .momentum-studio__below {
    grid-template-columns: 1fr;
    padding: 0;
    gap: 5px;
  }

  .momentum-studio__events {
    padding: 14px 16px;
  }

  .momentum-studio__events .momentum-studio__ev-name {
    font-size: 12px;
  }

  .momentum-studio__edu-panel {
    order: 2;
    max-width: none;
    padding: 11px 12px 11px 16px;
  }

  .momentum-studio__edu-panel-cta {
    width: auto;
  }

  .momentum-studio__speed-step {
    font-size: 7px;
    max-width: 19%;
  }
}

@media (max-width: 375px) {
  .momentum-studio {
    padding: 8px 8px 10px;
  }

  .momentum-studio__lower-stack {
    padding: 4px 2px 2px;
  }

  .momentum-studio__intel-panel {
    padding: 6px 9px 6px 13px;
  }

  .momentum-studio__intel-strength-label {
    max-width: 36%;
    font-size: 7px;
  }

  .momentum-studio__metrics {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, auto);
    gap: 7px;
  }

  .momentum-studio__metrics-hero,
  .momentum-studio__metrics-card--direction,
  .momentum-studio__metrics-card--quality,
  .momentum-studio__metrics-card--change,
  .momentum-studio__metrics-card--risk {
    grid-column: 1;
    grid-row: auto;
  }

  .momentum-studio__metrics-hero {
    min-height: 88px;
  }

  .momentum-studio__speed-steps {
    flex-wrap: wrap;
    row-gap: 4px;
  }

  .momentum-studio__speed-step {
    max-width: 32%;
    font-size: 7.5px;
  }

  .momentum-studio__edu-panel {
    width: 100%;
    padding: 10px 11px 10px 15px;
  }

  .momentum-studio__edu-panel-cta {
    width: 100%;
    justify-content: center;
  }
}

/* ── Dark Premium — information-first card shell (Momentum Brain) ── */
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-hero,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-card,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__intel-panel,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__events,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__edu-panel {
  background: var(--mom-card-bg);
  border: 1px solid var(--mom-card-border);
  box-shadow: var(--mom-card-shadow);
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics {
  background: rgba(7, 10, 18, 0.55);
  background-image: none;
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__lower-stack {
  background: transparent;
  background-image: none;
}

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

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__stage {
  background: #050914;
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__edu-panel {
  background: rgba(7, 10, 18, 0.96);
  border-color: rgba(148, 163, 184, 0.14);
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__intel-bars {
  background: linear-gradient(180deg, rgba(7, 10, 18, 0.98) 0%, rgba(3, 7, 14, 0.99) 100%);
  border-color: rgba(148, 163, 184, 0.14);
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__speed-track {
  background: linear-gradient(
    90deg,
    rgba(148, 163, 184, 0.22) 0%,
    rgba(148, 163, 184, 0.16) 50%,
    rgba(148, 163, 184, 0.22) 100%
  );
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.22);
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__edu-panel-cta {
  border-color: rgba(148, 163, 184, 0.14);
  color: rgba(248, 250, 252, 0.98);
  background: linear-gradient(180deg, rgba(7, 10, 18, 0.98) 0%, rgba(3, 7, 14, 0.99) 100%);
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__edu-panel-cta:hover {
  background: rgba(7, 10, 18, 0.98);
  border-color: rgba(148, 163, 184, 0.2);
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-hero-label,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-card-label,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__intel-panel-eyebrow,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__intel-speed-label,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__intel-strength-label,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__events-title,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__events-subtitle,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-hero-live {
  color: var(--mom-text-meta);
  opacity: 1;
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-hero-sub,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-card-note,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-card-meta,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__intel-detail,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__edu-panel-text,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__events .momentum-studio__ev-when {
  color: var(--mom-text-secondary);
  opacity: 1;
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__title,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__intel-panel-verdict,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__intel-lead,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-card-value,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-card-value--flat,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__edu-panel-title,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__events .momentum-studio__ev-name {
  color: var(--mom-text-primary);
  opacity: 1;
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-hero-value {
  color: var(--mom-accent);
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-card-value--rising {
  color: var(--mom-accent);
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-card-value--falling,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-card-value--neg,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-card-value--risk-high {
  color: var(--mom-loss-soft);
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-card-value--risk-medium {
  color: var(--mom-risk);
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-card-value--risk-low {
  color: var(--mom-text-secondary);
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__speed-step,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__strength-step {
  color: var(--mom-text-meta);
  opacity: 0.72;
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__speed-step--active {
  color: var(--mom-accent);
  opacity: 1;
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__strength-step--active {
  color: var(--mom-text-primary);
  opacity: 1;
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__speed-marker {
  background: #ffffff;
  border-color: var(--mom-accent);
  box-shadow: 0 0 0 2px rgba(163, 255, 18, 0.22);
}

[data-zs-crypto-root][data-zs-theme='dark'] .indicators-page .ind-studio-renderer-host .momentum-studio {
  background: #050914;
}


/* ═══ Hard green-wash removal — opaque navy shells (matches Stochastic fix) ═══ */
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-hero,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-card,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__intel-panel,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__intel-bars,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__events,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__edu-panel {
  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) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35) !important;
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__events .momentum-studio__ev-item {
  background: rgba(15, 23, 42, 0.42) !important;
  background-image: none !important;
  box-shadow: none !important;
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__edu-panel {
  background: rgba(7, 10, 18, 0.96) !important;
  background-image: none !important;
}

[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-hero::before,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-hero::after,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-card::before,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__metrics-card::after,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__intel-panel::before,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__intel-panel::after,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__intel-bars::before,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__intel-bars::after,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__events::before,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__events::after,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__edu-panel::before,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__edu-panel::after,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__events .momentum-studio__ev-item::before,
[data-zs-crypto-root][data-zs-theme='dark'] .momentum-studio__events .momentum-studio__ev-item::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* RTL narrative alignment — Arabic text blocks */
.momentum-studio[dir='rtl'] .momentum-studio__intel-brain,
.momentum-studio[dir='rtl'] .momentum-studio__intel-narrative,
.momentum-studio[dir='rtl'] .momentum-studio__events,
.momentum-studio[dir='rtl'] .momentum-studio__edu-panel,
.momentum-studio[dir='rtl'] .momentum-studio__metrics-hero-body {
  text-align: right;
  direction: rtl;
}

.momentum-studio[dir='rtl'] .momentum-studio__intel-brain {
  margin-inline-start: auto;
  margin-inline-end: 0;
}

/* RTL absolute accent bars — prevent full-card green wash (inset-inline stretch bug) */
.momentum-studio__metrics-hero-accent,
.momentum-studio__intel-panel-accent,
.momentum-studio__edu-panel-accent {
  inset-inline: unset;
  width: 3px !important;
  min-width: 3px !important;
  max-width: 3px !important;
  flex: 0 0 3px !important;
}

.momentum-studio[dir='rtl'] .momentum-studio__metrics-hero-accent,
.momentum-studio[dir='rtl'] .momentum-studio__intel-panel-accent,
.momentum-studio[dir='rtl'] .momentum-studio__edu-panel-accent {
  right: 0;
  left: auto;
}

.momentum-studio[dir='ltr'] .momentum-studio__metrics-hero-accent,
.momentum-studio[dir='ltr'] .momentum-studio__intel-panel-accent,
.momentum-studio[dir='ltr'] .momentum-studio__edu-panel-accent {
  left: 0;
  right: auto;
}

@media (prefers-reduced-motion: reduce) {
  .momentum-studio__edu-panel-cta {
    transition: none;
  }

  .momentum-studio__edu-panel-cta:hover {
    transform: none;
  }
}

/* ============================================================
   ATR Studio — Market Breathing Engine
   Institutional instrument panel (not decorative dashboard)
   ============================================================ */

.atr-studio {
  --atr-accent: #84cc16;
  --atr-accent-soft: rgba(132, 204, 22, 0.08);
  --atr-accent-border: rgba(132, 204, 22, 0.22);
  --atr-accent-line-top: #84cc16;
  --atr-accent-line-bottom: rgba(132, 204, 22, 0.28);
  --atr-accent-glow: rgba(132, 204, 22, 0.12);
  --atr-amber: #b8860b;
  --atr-red: #b83a2f;
  --atr-bg: #eef1f5;
  --atr-bg-pearl: #f4f6f9;
  --atr-bg-fog: rgba(15, 17, 23, 0.028);
  --atr-border: rgba(15, 17, 23, 0.09);
  --atr-title: #0f172a;
  --atr-muted: #475569;
  --atr-faint: #64748b;
  --atr-chip-bg: #ffffff;
  --atr-chip-border: rgba(148, 163, 184, 0.22);
  --atr-strip-bg: rgba(15, 17, 23, 0.018);
  --atr-divider: rgba(15, 17, 23, 0.055);
  --atr-panel-bg: #ffffff;
  --atr-panel-border: rgba(148, 163, 184, 0.22);
  --atr-panel-glow: rgba(132, 204, 22, 0.02);
  --atr-radius-sm: 8px;
  --atr-radius-md: 10px;
  --atr-radius-lg: 12px;
  --atr-shadow-panel: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 8px 24px rgba(15, 17, 23, 0.04);
  --atr-shadow-panel-dark: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 10px 28px rgba(0, 0, 0, 0.22);

  grid-column: 1 / -1;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 420px;
  border: 1px solid var(--atr-border);
  border-radius: var(--cd-panel-radius, 16px);
  background: linear-gradient(180deg, #f8f9fb 0%, #eef1f5 100%);
  padding: 6px 10px 6px;
  overflow: hidden;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio {
  --atr-accent: #a3ff12;
  --atr-accent-soft: rgba(163, 255, 18, 0.08);
  --atr-accent-border: rgba(163, 255, 18, 0.28);
  --atr-accent-line-top: rgba(163, 255, 18, 0.95);
  --atr-accent-line-bottom: rgba(163, 255, 18, 0.35);
  --atr-accent-glow: rgba(163, 255, 18, 0.14);
  --atr-amber: #d4a843;
  --atr-red: #d65a48;
  --atr-bg: #050807;
  --atr-bg-pearl: #060908;
  --atr-bg-fog: rgba(248, 250, 252, 0.016);
  --atr-border: rgba(248, 250, 252, 0.08);
  --atr-title: #f8fafc;
  --atr-muted: #94a3b8;
  --atr-faint: rgba(203, 213, 225, 0.72);
  --atr-chip-bg: rgba(248, 250, 252, 0.05);
  --atr-chip-border: rgba(248, 250, 252, 0.1);
  --atr-strip-bg: rgba(248, 250, 252, 0.02);
  --atr-divider: rgba(248, 250, 252, 0.06);
  --atr-panel-bg: rgba(8, 12, 12, 0.82);
  --atr-panel-border: rgba(248, 250, 252, 0.09);
  --atr-panel-glow: rgba(163, 255, 18, 0.015);
  background: linear-gradient(180deg, #060908 0%, #050807 100%);
}

/* ---------- Header ---------- */
.atr-studio__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 4px;
  margin-bottom: 2px;
  flex-shrink: 0;
  opacity: 0.72;
}

.atr-studio__live {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: var(--atr-faint);
}

.atr-studio__live-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--atr-accent);
  opacity: 0.75;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__live-dot {
  opacity: 0.85;
}

.atr-studio__title {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--atr-title);
}

/* ---------- Chart stage — hero (+30% vertical presence) ---------- */
.atr-studio__stage {
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  min-height: 528px;
  height: clamp(528px, 58vh, 632px);
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--atr-divider);
  background: var(--atr-bg-pearl);
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__stage {
  border-color: rgba(248, 250, 252, 0.06);
  background:
    radial-gradient(90% 60% at 50% 0%, rgba(163, 255, 18, 0.025) 0%, transparent 50%),
    var(--atr-bg);
}

.atr-studio-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  touch-action: pan-y;
  background: linear-gradient(180deg, transparent 0%, var(--atr-bg-fog) 100%);
}

.atr-studio-canvas__surface {
  display: block;
  width: 100%;
  height: 100%;
  cursor: crosshair;
}

.atr-studio__skeleton {
  width: 100%;
  height: 100%;
  background: var(--cd-surface-hover, rgba(148, 163, 184, 0.12));
  animation: atr-studio-pulse 1.5s ease-in-out infinite;
}

@keyframes atr-studio-pulse {
  0%,
  100% {
    opacity: 0.5;
  }
  50% {
    opacity: 0.85;
  }
}

.atr-studio__empty {
  margin: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: var(--atr-muted);
  text-align: center;
  padding: 0 24px;
}

/* ---------- Metrics hierarchy — 5-level institutional read ---------- */
.atr-studio__metrics {
  display: grid;
  grid-template-columns: minmax(228px, 1.05fr) repeat(2, minmax(0, 1fr));
  grid-template-rows: auto auto;
  gap: 8px;
  margin-top: 0;
  padding: 8px 10px 10px;
  border-top: 1px solid var(--atr-divider);
  background: linear-gradient(180deg, var(--atr-strip-bg) 0%, transparent 100%);
  flex-shrink: 0;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__metrics {
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.018) 0%, transparent 100%);
}

/* Level 1 — Current ATR hero */
.atr-studio__metrics-hero {
  position: relative;
  grid-row: 1 / span 2;
  grid-column: 1;
  display: flex;
  align-items: stretch;
  min-height: 104px;
  padding: 12px 16px 12px 18px;
  border: 1px solid var(--atr-panel-border);
  border-radius: var(--atr-radius-lg);
  background: var(--atr-panel-bg);
  box-shadow: var(--atr-shadow-panel);
  overflow: hidden;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__metrics-hero {
  box-shadow: var(--atr-shadow-panel-dark);
}

.atr-studio__metrics-hero-accent {
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: auto;
  top: 10px;
  height: calc(100% - 20px);
  bottom: auto;
  width: 3px;
  min-width: 3px;
  max-width: 3px;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(180deg, var(--atr-accent-line-top) 0%, var(--atr-accent-line-bottom) 100%);
  pointer-events: none;
}

.atr-studio__metrics-hero-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  flex: 1;
  padding-inline-start: 6px;
}

.atr-studio__metrics-hero-label {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--atr-faint);
  opacity: 0.88;
}

.atr-studio__metrics-hero-value {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: clamp(28px, 2.6vw, 36px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.04em;
  color: var(--atr-title);
}

.atr-studio__metrics-hero-prefix {
  font-size: 0.42em;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--atr-accent);
  opacity: 0.92;
}

[data-zs-crypto-root]:not([data-zs-theme='dark']) .atr-studio__metrics-hero-prefix {
  color: #5f7d10;
}

.atr-studio__metrics-hero-sub {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--atr-muted);
  opacity: 0.82;
}

.atr-studio__metrics-hero-live {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 5px;
  flex-shrink: 0;
  align-self: flex-start;
  margin-top: 2px;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--atr-faint);
  opacity: 0.72;
}

.atr-studio__metrics-hero-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--atr-accent);
  box-shadow: 0 0 0 3px var(--atr-accent-glow);
}

/* Levels 2–5 — institutional metric cards */
.atr-studio__metrics-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  min-width: 0;
  min-height: 52px;
  padding: 10px 12px;
  border: 1px solid var(--atr-panel-border);
  border-radius: var(--atr-radius-md);
  background: var(--atr-panel-bg);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset;
}

.atr-studio__metrics-card--breath {
  grid-column: 2;
  grid-row: 1;
}

.atr-studio__metrics-card--energy {
  grid-column: 3;
  grid-row: 1;
}

/* Level 4 — Expansion probability (before motion quality) */
.atr-studio__metrics-card--burst {
  grid-column: 2;
  grid-row: 2;
}

/* Level 5 — Motion quality */
.atr-studio__metrics-card--quality {
  grid-column: 3;
  grid-row: 2;
}

.atr-studio__metrics-card--burst[data-burst='high'] {
  border-color: rgba(184, 58, 47, 0.22);
}

.atr-studio__metrics-card--burst[data-burst='medium'] {
  border-color: rgba(176, 123, 22, 0.18);
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__metrics-card--burst[data-burst='high'] {
  border-color: rgba(214, 90, 72, 0.28);
}

.atr-studio__metrics-card-label {
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--atr-faint);
  opacity: 0.86;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.atr-studio__metrics-card-value {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--atr-title);
}

.atr-studio__metrics-card--energy .atr-studio__metrics-card-value,
.atr-studio__metrics-card--quality .atr-studio__metrics-card-value,
.atr-studio__metrics-card--burst .atr-studio__metrics-card-value {
  font-size: 17px;
}

.atr-studio__metrics-card-note {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--atr-muted);
  opacity: 0.88;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.atr-studio__metrics-card-meta {
  margin-top: 1px;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--atr-muted);
  opacity: 0.72;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.atr-studio__metrics-card-value--expanding {
  color: var(--atr-title);
}

.atr-studio__metrics-card-value--contracting {
  color: #b07b16;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__metrics-card-value--contracting {
  color: var(--atr-amber);
}

.atr-studio__metrics-card-value--stable {
  color: var(--atr-title);
}

.atr-studio__metrics-card-value--burst-high {
  color: var(--atr-red);
}

.atr-studio__metrics-card-value--burst-medium {
  color: #b07b16;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__metrics-card-value--burst-medium {
  color: var(--atr-amber);
}

.atr-studio__metrics-card-meta--neg {
  color: #b07b16;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__metrics-card-meta--neg {
  color: var(--atr-amber);
}

/* ---------- ATR Risk Card — distance bands + risk interpretation ---------- */
.atr-studio__risk-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 10px 0 0;
  padding: 12px 14px 12px 18px;
  border: 1px solid var(--atr-panel-border);
  border-radius: var(--atr-radius-lg);
  background: var(--atr-panel-bg);
  box-shadow: var(--atr-shadow-panel);
  flex-shrink: 0;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__risk-card {
  box-shadow: var(--atr-shadow-panel-dark);
}

.atr-studio__risk-card-accent {
  position: absolute;
  inset-inline-start: 0;
  top: 10px;
  height: calc(100% - 20px);
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(180deg, var(--atr-accent-line-top) 0%, var(--atr-accent-line-bottom) 100%);
  pointer-events: none;
}

.atr-studio__risk-card-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding-inline-start: 4px;
}

.atr-studio__risk-card-title {
  margin: 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--atr-faint);
  opacity: 0.9;
}

.atr-studio__risk-card-base {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--atr-title);
  font-variant-numeric: tabular-nums;
}

.atr-studio__risk-bands {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.atr-studio__risk-band {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--atr-inner-border, var(--atr-panel-border));
  border-radius: var(--atr-radius-md);
  background: var(--atr-strip-bg, rgba(148, 163, 184, 0.04));
}

.atr-studio__risk-band-label {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--atr-faint);
  opacity: 0.85;
}

.atr-studio__risk-band-value {
  font-size: clamp(14px, 1.4vw, 18px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--atr-title);
  font-variant-numeric: tabular-nums;
}

.atr-studio__risk-classifications {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.atr-studio__risk-classification {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  padding: 8px 12px;
  border: 1px solid var(--atr-panel-border);
  border-radius: var(--atr-radius-md);
  background: var(--atr-panel-bg);
}

.atr-studio__risk-classification[data-risk-env='extreme'] {
  border-color: rgba(184, 58, 47, 0.32);
}

.atr-studio__risk-classification[data-risk-env='high'] {
  border-color: rgba(184, 58, 47, 0.24);
}

.atr-studio__risk-classification[data-risk-env='medium'] {
  border-color: rgba(180, 123, 22, 0.28);
}

.atr-studio__risk-classification[data-pressure='volatility_release'] {
  border-color: rgba(180, 123, 22, 0.22);
}

.atr-studio__risk-classification[data-pressure='volatility_exhaustion'] {
  border-color: rgba(100, 116, 139, 0.28);
}

.atr-studio__risk-classification[data-volatility='explosive'] {
  border-color: rgba(184, 58, 47, 0.22);
}

.atr-studio__risk-classification[data-volatility='active'] {
  border-color: rgba(180, 123, 22, 0.22);
}

.atr-studio__risk-classification-label {
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--atr-faint);
  opacity: 0.78;
}

.atr-studio__risk-classification-value {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--atr-title);
  line-height: 1.25;
}

.atr-studio__risk-classification[data-risk-env='extreme'] .atr-studio__risk-classification-value,
.atr-studio__risk-classification[data-risk-env='high'] .atr-studio__risk-classification-value {
  color: #b83a2f;
}

.atr-studio__risk-classification[data-risk-env='medium'] .atr-studio__risk-classification-value {
  color: #b07b16;
}

.atr-studio__risk-classification[data-volatility='explosive'] .atr-studio__risk-classification-value {
  color: #b83a2f;
}

.atr-studio__risk-classification[data-volatility='active'] .atr-studio__risk-classification-value {
  color: #b07b16;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__risk-classification[data-risk-env='extreme'] .atr-studio__risk-classification-value,
[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__risk-classification[data-risk-env='high'] .atr-studio__risk-classification-value,
[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__risk-classification[data-volatility='explosive'] .atr-studio__risk-classification-value {
  color: #f87171;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__risk-classification[data-risk-env='medium'] .atr-studio__risk-classification-value,
[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__risk-classification[data-volatility='active'] .atr-studio__risk-classification-value {
  color: var(--atr-amber);
}

.atr-studio__risk-position {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 2px;
}

.atr-studio__risk-position-title {
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--atr-faint);
  opacity: 0.78;
  padding-inline-start: 4px;
}

.atr-studio__risk-position-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.atr-studio__risk-position-item {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid var(--atr-inner-border, var(--atr-panel-border));
  border-radius: var(--atr-radius-md);
  background: var(--atr-strip-bg, rgba(148, 163, 184, 0.04));
}

.atr-studio__risk-position-label {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--atr-faint);
  opacity: 0.85;
}

.atr-studio__risk-position-value {
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--atr-title);
  font-variant-numeric: tabular-nums;
}

/* ---------- Intelligence panel — Market Intelligence Engine ---------- */
.atr-studio__insight {
  margin-top: 0;
  padding: 10px 8px 0;
  border-top: 1px solid var(--atr-divider);
  flex-shrink: 0;
}

.atr-studio__intel-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 16px 14px 20px;
  border: 1px solid var(--atr-panel-border);
  border-radius: var(--atr-radius-lg);
  background: var(--atr-panel-bg);
  box-shadow: var(--atr-shadow-panel);
  overflow: hidden;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__intel-panel {
  box-shadow: var(--atr-shadow-panel-dark);
}

.atr-studio__intel-panel-accent {
  position: absolute;
  inset-inline-start: 0;
  top: 12px;
  bottom: 12px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(180deg, var(--atr-accent-line-top) 0%, var(--atr-accent-line-bottom) 100%);
}

.atr-studio__intel-panel-header {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-inline-start: 4px;
}

.atr-studio__intel-panel-eyebrow {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--atr-faint);
  opacity: 0.88;
}

.atr-studio__intel-panel-verdict {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: var(--atr-title);
}

.atr-studio__intel-panel-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-inline-start: 4px;
}

.atr-studio__intel-lead {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: -0.01em;
  color: var(--atr-title);
}

.atr-studio__intel-detail {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.58;
  color: var(--atr-muted);
}

.atr-studio__intel-energy {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 2px;
  padding: 10px 12px;
  border: 1px solid var(--atr-divider);
  border-radius: var(--atr-radius-md);
  background: var(--atr-strip-bg);
}

.atr-studio__intel-energy-label {
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--atr-faint);
  opacity: 0.84;
}

/* ---------- Below: events + edu ---------- */
.atr-studio__below {
  display: grid;
  grid-template-columns: 1fr minmax(200px, 240px);
  gap: 10px;
  margin-top: 8px;
  padding: 0 8px 4px;
  flex-shrink: 0;
}

/* ---------- Energy bar — institutional spectrum ---------- */
.atr-studio__energy-track {
  position: relative;
  height: 6px;
  margin-top: 1px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(127, 142, 163, 0.45) 0%,
    rgba(127, 142, 163, 0.35) 22%,
    rgba(155, 191, 104, 0.42) 48%,
    rgba(212, 100, 82, 0.48) 100%
  );
  box-shadow: inset 0 1px 2px rgba(15, 17, 23, 0.06);
  opacity: 0.92;
}

.atr-studio__energy-marker {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ffffff;
  border: 2px solid var(--atr-title);
  transform: translate(-50%, -50%);
}

[data-zs-crypto-root]:not([data-zs-theme='dark']) .atr-studio__energy-marker {
  background: #0f1117;
}

.atr-studio__energy-steps {
  display: flex;
  justify-content: space-between;
  gap: 1px;
  margin-top: 0;
}

.atr-studio__energy-step {
  font-size: 8.5px;
  font-weight: 600;
  color: var(--atr-faint);
  opacity: 0.5;
  white-space: nowrap;
}

.atr-studio__energy-step--active {
  color: var(--atr-title);
  opacity: 1;
  font-weight: 800;
}

/* ---------- Events — MACD-quality chips, not buttons ---------- */
.atr-studio__events {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 0;
  padding: 0 2px;
}

.atr-studio__events-title {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--atr-faint);
  opacity: 0.86;
}

.atr-studio__events-empty {
  margin: 0;
  font-size: 12px;
  color: var(--atr-muted);
}

.atr-studio__chips {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 8px 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.atr-studio__chip {
  display: inline-flex;
  align-items: stretch;
  max-width: 100%;
  padding: 10px 14px;
  border-radius: var(--atr-radius-md);
  border: 1px solid var(--atr-chip-border);
  background: var(--atr-chip-bg);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset;
  cursor: default;
  pointer-events: none;
}

.atr-studio__chip--latest {
  border-color: rgba(15, 17, 23, 0.14);
  background: rgba(15, 17, 23, 0.03);
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__chip--latest {
  border-color: rgba(248, 250, 252, 0.14);
  background: rgba(248, 250, 252, 0.04);
}

.atr-studio__chip-body {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0;
  min-width: 0;
}

.atr-studio__chip-event {
  font-size: 11px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.01em;
  color: var(--atr-title);
}

.atr-studio__chip-age {
  font-size: 10.5px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.01em;
  color: rgba(15, 17, 23, 0.58);
}

.atr-studio__chip-age::before {
  content: ' · ';
  color: rgba(15, 17, 23, 0.35);
  font-weight: 400;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__chip-age {
  color: rgba(203, 213, 225, 0.82);
}

/* ---------- Educational panel — integrated ATR Studio card ---------- */
.atr-studio__edu-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 14px 12px 18px;
  border: 1px solid var(--atr-panel-border);
  border-radius: var(--atr-radius-lg);
  background: var(--atr-panel-bg);
  box-shadow: var(--atr-shadow-panel);
  align-self: stretch;
  overflow: hidden;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__edu-panel {
  box-shadow: var(--atr-shadow-panel-dark);
}

.atr-studio__edu-panel-accent {
  position: absolute;
  inset-inline-start: 0;
  top: 12px;
  bottom: 12px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(180deg, rgba(100, 116, 139, 0.55) 0%, rgba(100, 116, 139, 0.18) 100%);
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__edu-panel-accent {
  background: linear-gradient(180deg, rgba(148, 163, 184, 0.5) 0%, rgba(148, 163, 184, 0.16) 100%);
}

.atr-studio__edu-panel-header {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding-inline-start: 4px;
}

.atr-studio__edu-panel-icon {
  display: inline-flex;
  flex-shrink: 0;
  margin-top: 1px;
  color: #5f7d10;
  opacity: 0.9;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__edu-panel-icon {
  color: rgba(163, 255, 18, 0.78);
}

.atr-studio__edu-panel-headings {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.atr-studio__edu-panel-kicker {
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--atr-faint);
  opacity: 0.82;
}

.atr-studio__edu-panel-title {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--atr-title);
}

.atr-studio__edu-panel-text {
  margin: 0;
  padding-inline-start: 4px;
  font-size: 11px;
  line-height: 1.55;
  color: var(--atr-muted);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.atr-studio__edu-panel-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  align-self: flex-start;
  margin-top: 2px;
  margin-inline-start: 4px;
  padding: 7px 12px;
  border-radius: var(--atr-radius-md);
  border: 1px solid var(--atr-accent-border);
  background: var(--atr-accent-soft);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #4d7c0f;
  text-decoration: none;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__edu-panel-cta {
  border-color: rgba(163, 255, 18, 0.32);
  background: rgba(163, 255, 18, 0.08);
  color: var(--atr-accent);
}

.atr-studio__edu-panel-cta-arrow {
  font-size: 11px;
  line-height: 1;
  opacity: 0.88;
}

.atr-studio__edu-panel-cta:hover {
  background: rgba(132, 204, 22, 0.12);
  border-color: rgba(132, 204, 22, 0.32);
  transform: translateY(-1px);
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__edu-panel-cta:hover {
  background: rgba(163, 255, 18, 0.14);
  border-color: rgba(163, 255, 18, 0.42);
}

/* ---------- Light mode contrast lift ---------- */
[data-zs-crypto-root]:not([data-zs-theme='dark']) .atr-studio__bar {
  opacity: 0.82;
}

[data-zs-crypto-root]:not([data-zs-theme='dark']) .atr-studio__title,
[data-zs-crypto-root]:not([data-zs-theme='dark']) .atr-studio__intel-panel-verdict,
[data-zs-crypto-root]:not([data-zs-theme='dark']) .atr-studio__intel-lead {
  color: #080a0e;
}

[data-zs-crypto-root]:not([data-zs-theme='dark']) .atr-studio__metrics-hero-value,
[data-zs-crypto-root]:not([data-zs-theme='dark']) .atr-studio__metrics-card-value {
  color: #080a0e;
}

[data-zs-crypto-root]:not([data-zs-theme='dark']) .atr-studio-canvas {
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.4) 0%, var(--atr-bg-fog) 100%);
}

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
  .atr-studio__metrics {
    grid-template-columns: minmax(200px, 1fr) repeat(2, minmax(0, 1fr));
  }

  .atr-studio__below {
    grid-template-columns: 1fr;
  }

  .atr-studio__edu-panel {
    max-width: 420px;
  }
}

/* ---------- Mobile master pass ---------- */
@media (max-width: 768px) {
  .atr-studio {
    min-height: 460px;
    padding: 6px 8px 10px;
    overflow-x: hidden;
  }

  .atr-studio__stage {
    min-height: 340px;
    height: clamp(340px, 48vh, 420px);
  }

  .atr-studio__insight {
    padding: 8px 4px 0;
  }

  .atr-studio__intel-panel {
    padding: 12px 14px 12px 18px;
    gap: 8px;
  }

  .atr-studio__intel-panel-verdict {
    font-size: 14px;
  }

  .atr-studio__intel-lead {
    font-size: 13px;
    line-height: 1.55;
  }

  .atr-studio__intel-detail {
    font-size: 12px;
  }

  .atr-studio__metrics {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto auto;
    gap: 8px;
    padding: 10px 6px 12px;
  }

  .atr-studio__risk-card {
    margin: 8px 0 0;
    padding: 12px 12px 12px 16px;
  }

  .atr-studio__risk-bands {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .atr-studio__risk-classifications {
    grid-template-columns: 1fr;
  }

  .atr-studio__risk-position-grid {
    grid-template-columns: 1fr;
  }

  .atr-studio__metrics-hero {
    grid-column: 1 / -1;
    grid-row: 1;
    min-height: 92px;
    padding: 14px 16px;
  }

  .atr-studio__metrics-hero-value {
    font-size: 28px;
  }

  .atr-studio__metrics-card--breath {
    grid-column: 1;
    grid-row: 2;
  }

  .atr-studio__metrics-card--energy {
    grid-column: 2;
    grid-row: 2;
  }

  .atr-studio__metrics-card--burst {
    grid-column: 1;
    grid-row: 3;
  }

  .atr-studio__metrics-card--quality {
    grid-column: 2;
    grid-row: 3;
  }

  .atr-studio__metrics-card {
    padding: 10px 12px;
    min-height: 54px;
  }

  .atr-studio__metrics-card-value {
    font-size: 16px;
  }

  .atr-studio__metrics-card-note {
    font-size: 9.5px;
    -webkit-line-clamp: 2;
  }

  .atr-studio__below {
    grid-template-columns: 1fr;
    padding: 0 4px 4px;
    gap: 8px;
  }

  .atr-studio__edu-panel {
    order: 2;
    max-width: none;
  }

  .atr-studio__chip {
    max-width: calc(100% - 4px);
  }

  .atr-studio__chip-event {
    font-size: 10.5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .atr-studio__edu-panel-cta {
    transition: none;
  }

  .atr-studio__edu-panel-cta:hover {
    transform: none;
  }
}

/* ═══ ATR Studio — Stochastic/MACD-style reading layout (intel / events / edu) ═══ */

.atr-studio__lower-stack {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 0;
  padding: 8px 8px 4px;
  border-top: 1px solid var(--atr-divider);
  background: linear-gradient(180deg, var(--atr-strip-bg) 0%, transparent 72%);
  flex-shrink: 0;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__lower-stack {
  background: rgba(7, 10, 18, 0.88);
  border-top-color: rgba(148, 163, 184, 0.14);
}

.atr-studio__insight {
  margin-top: 0;
  padding: 0;
  flex-shrink: 0;
}

.atr-studio__intel-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 12px 14px;
  padding-inline-start: calc(14px + 6px);
  border: 1px solid var(--atr-panel-border);
  border-radius: var(--atr-radius-lg);
  background: var(--atr-panel-bg);
  box-shadow: var(--atr-shadow-panel);
  overflow: visible;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__intel-panel {
  background: linear-gradient(180deg, rgba(7, 10, 18, 0.98) 0%, rgba(3, 7, 14, 0.99) 100%);
  border-color: rgba(148, 163, 184, 0.14);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28);
}

.atr-studio__intel-panel-accent {
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: auto;
  top: 3px;
  height: calc(100% - 6px);
  bottom: auto;
  width: 3px;
  min-width: 3px;
  max-width: 3px;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(180deg, var(--atr-accent-line-top) 0%, var(--atr-accent-line-bottom) 100%);
  pointer-events: none;
}

.atr-studio__intel-panel-layout {
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 1.4vw, 14px);
  min-width: 0;
}

.atr-studio__intel-brain {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 100%;
  width: 100%;
  line-height: 1.55;
  text-align: start;
}

.atr-studio__intel-narrative {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.atr-studio__intel-panel-header {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.atr-studio__intel-panel-eyebrow {
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: var(--atr-faint);
  opacity: 0.88;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__intel-panel-eyebrow {
  color: rgba(148, 163, 184, 0.75);
}

.atr-studio__intel-panel-verdict {
  margin: 0;
  font-size: clamp(15px, 1.5vw, 17px);
  font-weight: 800;
  line-height: 1.28;
  letter-spacing: -0.02em;
  color: var(--atr-title);
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__intel-panel-verdict {
  color: rgba(248, 250, 252, 0.98);
}

.atr-studio__intel-panel-body {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

.atr-studio__intel-insight-label {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--atr-faint);
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__intel-insight-label {
  color: rgba(148, 163, 184, 0.72);
}

.atr-studio__intel-lead,
.atr-studio__intel-detail {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--atr-muted);
}

.atr-studio__intel-lead {
  font-weight: 600;
  color: #334155;
}

.atr-studio__intel-detail--pro {
  font-size: 12px;
  opacity: 0.92;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__intel-lead {
  color: rgba(226, 232, 240, 0.92);
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__intel-detail {
  color: rgba(148, 163, 184, 0.82);
}

.atr-studio__intel-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 2px;
}

.atr-studio__intel-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(132, 204, 22, 0.22);
  background: rgba(132, 204, 22, 0.08);
  font-size: 10px;
  font-weight: 700;
  color: #5f7d10;
}

.atr-studio__intel-badge--trend {
  border-color: rgba(148, 163, 184, 0.18);
  background: rgba(148, 163, 184, 0.08);
  color: #475569;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__intel-badge {
  border-color: rgba(163, 255, 18, 0.24);
  background: rgba(163, 255, 18, 0.08);
  color: #a3ff12;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__intel-badge--trend {
  border-color: rgba(148, 163, 184, 0.16);
  background: rgba(148, 163, 184, 0.08);
  color: rgba(203, 213, 225, 0.88);
}

.atr-studio__intel-spectrum {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px;
  border: 1px solid var(--atr-divider);
  border-radius: var(--atr-radius-md);
  background: var(--atr-strip-bg);
  direction: ltr;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__intel-spectrum {
  background: rgba(15, 23, 42, 0.42);
  border-color: rgba(148, 163, 184, 0.12);
}

.atr-studio__intel-timing-label {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--atr-faint);
}

.atr-studio__timing-active-zone {
  font-size: 13px;
  font-weight: 800;
  line-height: 1.3;
  color: #0f172a;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__timing-active-zone {
  color: rgba(248, 250, 252, 0.96);
}

.atr-studio__timing-track-stage {
  position: relative;
  margin-top: 2px;
}

.atr-studio__timing-track {
  position: relative;
  height: 7px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(95, 111, 168, 0.45) 0%,
    rgba(127, 142, 163, 0.38) 35%,
    rgba(132, 204, 22, 0.55) 72%,
    rgba(184, 58, 47, 0.42) 100%
  );
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08);
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__timing-track {
  background: linear-gradient(
    90deg,
    rgba(71, 85, 105, 0.55) 0%,
    rgba(100, 116, 139, 0.42) 40%,
    rgba(163, 255, 18, 0.38) 75%,
    rgba(214, 90, 72, 0.35) 100%
  );
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.14);
}

.atr-studio__timing-marker {
  position: absolute;
  top: 50%;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--atr-accent);
  border: 2px solid #ffffff;
  transform: translate(-50%, -50%);
  z-index: 1;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__timing-marker {
  background: #a3ff12;
  border-color: #ffffff;
}

.atr-studio__timing-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px;
  margin-top: 6px;
}

.atr-studio__timing-step {
  min-width: 0;
  font-size: 9px;
  font-weight: 600;
  line-height: 1.35;
  color: #64748b;
  text-align: center;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__timing-step {
  color: rgba(148, 163, 184, 0.72);
}

.atr-studio__timing-step--current {
  color: #0f172a;
  font-weight: 800;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__timing-step--current {
  color: rgba(248, 250, 252, 0.96);
}

.atr-studio__below {
  display: grid;
  grid-template-columns: minmax(0, 0.54fr) minmax(0, 0.46fr);
  gap: 8px;
  align-items: start;
  min-width: 0;
  margin-top: 0;
  padding: 0;
}

.atr-studio__events {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 14px;
  min-width: 0;
  align-self: start;
  height: auto;
  border: 1px solid var(--atr-panel-border);
  border-radius: var(--atr-radius-lg);
  background: var(--atr-panel-bg);
  box-shadow: var(--atr-shadow-panel);
  overflow: visible;
  direction: rtl;
  text-align: right;
}

.atr-studio[dir='ltr'] .atr-studio__events {
  direction: ltr;
  text-align: left;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__events {
  background: linear-gradient(180deg, rgba(7, 10, 18, 0.98) 0%, rgba(3, 7, 14, 0.99) 100%);
  border-color: rgba(148, 163, 184, 0.14);
}

.atr-studio__events-header {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.atr-studio__events-title {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--atr-title);
}

.atr-studio__events-subtitle {
  margin: 0;
  font-size: 11px;
  font-weight: 500;
  color: var(--atr-muted);
}

.atr-studio__events-empty {
  margin: 0;
  font-size: 12px;
  color: var(--atr-muted);
}

.atr-studio__events .atr-studio__ev-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.atr-studio__events .atr-studio__ev-item {
  direction: rtl;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(248, 250, 252, 0.94);
  border: 1px solid rgba(148, 163, 184, 0.16);
  list-style: none;
}

.atr-studio[dir='ltr'] .atr-studio__events .atr-studio__ev-item {
  direction: ltr;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__events .atr-studio__ev-item {
  background: rgba(15, 23, 42, 0.42) !important;
  border-color: rgba(148, 163, 184, 0.12) !important;
  box-shadow: none !important;
}

.atr-studio__events .atr-studio__ev-dot {
  width: 9px !important;
  height: 9px !important;
  min-width: 9px !important;
  border-radius: 999px;
  flex: 0 0 9px !important;
  background: rgba(148, 163, 184, 0.55);
}

.atr-studio__events .atr-studio__ev-dot--bullish {
  background: #84cc16 !important;
}

.atr-studio__events .atr-studio__ev-dot--bearish {
  background: #5f6fa8 !important;
}

.atr-studio__events .atr-studio__ev-dot--neutral {
  background: #94a3b8 !important;
}

.atr-studio__events .atr-studio__ev-dot--warning {
  background: #b8860b !important;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__events .atr-studio__ev-dot--bullish {
  background: #a3ff12 !important;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__events .atr-studio__ev-dot--warning {
  background: #d4a843 !important;
}

.atr-studio__events .atr-studio__ev-body {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: right;
  overflow: hidden;
}

.atr-studio[dir='ltr'] .atr-studio__events .atr-studio__ev-body {
  text-align: left;
}

.atr-studio__events .atr-studio__ev-name {
  display: block;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--atr-title) !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.atr-studio__events .atr-studio__ev-when {
  display: block;
  font-size: 10.5px;
  font-weight: 500;
  color: var(--atr-faint) !important;
}

.atr-studio__edu-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 11px 14px;
  padding-inline-start: calc(11px + 6px);
  border: 1px solid var(--atr-panel-border);
  border-radius: var(--atr-radius-lg);
  background: var(--atr-panel-bg);
  box-shadow: var(--atr-shadow-panel);
  align-self: start;
  height: auto;
  overflow: hidden;
  min-width: 0;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__edu-panel {
  background: linear-gradient(180deg, rgba(7, 10, 18, 0.98) 0%, rgba(3, 7, 14, 0.99) 100%);
  border-color: rgba(148, 163, 184, 0.14);
}

.atr-studio__edu-panel-accent {
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: auto;
  top: 4px;
  height: calc(100% - 8px);
  width: 3px;
  min-width: 3px;
  max-width: 3px;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(180deg, rgba(100, 116, 139, 0.55) 0%, rgba(100, 116, 139, 0.18) 100%);
  pointer-events: none;
}

.atr-studio__edu-panel-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.atr-studio__edu-panel-title {
  margin: 0;
  font-size: clamp(14px, 1.4vw, 16px);
  font-weight: 800;
  line-height: 1.25;
  color: var(--atr-title);
}

.atr-studio__edu-panel-text {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: var(--atr-muted);
}

.atr-studio__edu-panel-divider {
  width: 100%;
  height: 1px;
  margin: 2px 0 0;
  border: none;
  background: rgba(148, 163, 184, 0.1);
}

.atr-studio__edu-panel-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 2px;
}

.atr-studio__edu-panel-chip {
  display: inline-flex;
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  background: rgba(15, 23, 42, 0.03);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--atr-muted);
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__edu-panel-chip {
  background: rgba(255, 255, 255, 0.03);
  color: rgba(148, 163, 184, 0.88);
}

.atr-studio__edu-panel-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 2px;
  padding-top: 4px;
}

.atr-studio[dir='rtl'] .atr-studio__edu-panel-footer {
  justify-content: flex-start;
}

.atr-studio__edu-panel-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(132, 204, 22, 0.24);
  background: rgba(132, 204, 22, 0.08);
  font-size: 11px;
  font-weight: 700;
  color: #5f7d10;
  text-decoration: none;
}

[data-zs-crypto-root][data-zs-theme='dark'] .atr-studio__edu-panel-cta {
  border-color: rgba(148, 163, 184, 0.14);
  color: rgba(248, 250, 252, 0.98);
  background: rgba(15, 23, 42, 0.42);
}

.atr-studio[dir='rtl'] .atr-studio__intel-brain,
.atr-studio[dir='rtl'] .atr-studio__events,
.atr-studio[dir='rtl'] .atr-studio__edu-panel {
  text-align: right;
  direction: rtl;
}

.atr-studio[dir='rtl'] .atr-studio__intel-panel-accent,
.atr-studio[dir='rtl'] .atr-studio__edu-panel-accent {
  inset-inline: unset;
  right: 0;
  left: auto;
  width: 3px !important;
}

.atr-studio[dir='ltr'] .atr-studio__intel-panel-accent,
.atr-studio[dir='ltr'] .atr-studio__edu-panel-accent {
  inset-inline: unset;
  left: 0;
  right: auto;
  width: 3px !important;
}

@media (max-width: 768px) {
  .atr-studio__below {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   Studio Light Mode — forced readability safety layer
   Loaded LAST after all studio CSS. html.light only.
   Does not modify canvas / svg drawing colors.
   ============================================================ */

/* ── Canvas / chart — never override drawing surfaces ── */
html.light [data-zs-crypto-root] canvas,
html.light [data-zs-crypto-root] svg,
html.light [data-zs-crypto-root] [class*='-canvas'],
html.light [data-zs-crypto-root] [class*='__stage']:not(.rsi-studio__stage) {
  background: unset !important;
  box-shadow: none !important;
}

html.light [data-zs-crypto-root] .rsi-studio {
  background: #ffffff !important;
  background-image: none !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
}

html.light [data-zs-crypto-root] .rsi-studio__stage {
  background: #ffffff !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: 20px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.06) !important;
}

html.light [data-zs-crypto-root] .rsi-studio__event-timeline {
  overflow: visible !important;
  flex-wrap: wrap !important;
}

html.light [data-zs-crypto-root] .atr-studio,
html.light [data-zs-crypto-root] .rsi-studio,
html.light [data-zs-crypto-root] .macd-studio,
html.light [data-zs-crypto-root] .momentum-studio,
html.light [data-zs-crypto-root] .cci-studio,
html.light [data-zs-crypto-root] .stoch-studio {
  color: #0f172a;
  overflow: visible !important;
}

/* ── Large panels — white cards, no neon / overlay washes ── */
html.light [data-zs-crypto-root] .atr-studio [class*='__intel']:not([class*='accent']):not([class*='-canvas']),
html.light [data-zs-crypto-root] .atr-studio [class*='__edu']:not([class*='accent']):not([class*='-canvas']),
html.light [data-zs-crypto-root] .atr-studio [class*='__brain']:not([class*='accent']):not([class*='-canvas']),
html.light [data-zs-crypto-root] .atr-studio [class*='__event']:not([class*='accent']):not([class*='-canvas']),
html.light [data-zs-crypto-root] .atr-studio [class*='__metrics-hero'],
html.light [data-zs-crypto-root] .atr-studio [class*='__metrics-card'],
html.light [data-zs-crypto-root] .momentum-studio [class*='__intel']:not([class*='accent']):not([class*='-canvas']),
html.light [data-zs-crypto-root] .momentum-studio [class*='__edu']:not([class*='accent']):not([class*='-canvas']),
html.light [data-zs-crypto-root] .momentum-studio [class*='__brain']:not([class*='accent']):not([class*='-canvas']),
html.light [data-zs-crypto-root] .momentum-studio [class*='__event']:not([class*='accent']):not([class*='-canvas']),
html.light [data-zs-crypto-root] .momentum-studio [class*='__metrics-hero'],
html.light [data-zs-crypto-root] .momentum-studio [class*='__metrics-card'],
html.light [data-zs-crypto-root] .rsi-studio [class*='__brain']:not([class*='accent']):not([class*='-canvas']),
html.light [data-zs-crypto-root] .rsi-studio [class*='__card']:not([class*='accent']):not([class*='-canvas']),
html.light [data-zs-crypto-root] .macd-studio [class*='__brain']:not([class*='accent']):not([class*='-canvas']),
html.light [data-zs-crypto-root] .macd-studio [class*='__events']:not([class*='accent']):not([class*='-canvas']),
html.light [data-zs-crypto-root] .macd-studio [class*='__card']:not([class*='accent']):not([class*='-canvas']),
html.light [data-zs-crypto-root] .cci-studio [class*='__intel']:not([class*='accent']):not([class*='-canvas']),
html.light [data-zs-crypto-root] .cci-studio [class*='__edu']:not([class*='accent']):not([class*='-canvas']),
html.light [data-zs-crypto-root] .cci-studio [class*='__brain']:not([class*='accent']):not([class*='-canvas']),
html.light [data-zs-crypto-root] .cci-studio [class*='__ev-list']:not([class*='accent']):not([class*='-canvas']),
html.light [data-zs-crypto-root] .cci-studio [class*='__watch-next']:not([class*='accent']):not([class*='-canvas']),
html.light [data-zs-crypto-root] .cci-studio [class*='__extreme-alert']:not([class*='accent']):not([class*='-canvas']),
html.light [data-zs-crypto-root] .cci-studio [class*='__metrics-hero'],
html.light [data-zs-crypto-root] .cci-studio [class*='__metrics-card'],
html.light [data-zs-crypto-root] .stoch-studio [class*='__intel']:not([class*='accent']):not([class*='-canvas']),
html.light [data-zs-crypto-root] .stoch-studio [class*='__edu']:not([class*='accent']):not([class*='-canvas']),
html.light [data-zs-crypto-root] .stoch-studio [class*='__events']:not([class*='accent']):not([class*='-canvas']),
html.light [data-zs-crypto-root] .stoch-studio [class*='__metrics-hero'],
html.light [data-zs-crypto-root] .stoch-studio [class*='__metrics-card'] {
  background: #ffffff !important;
  background-image: none !important;
  color: #0f172a !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 14px 34px rgba(15, 23, 42, 0.06) !important;
  opacity: 1 !important;
}

/* Accent bars — thin line only, not full panel neon */
html.light [data-zs-crypto-root] [class*='accent'] {
  box-shadow: none !important;
  opacity: 1 !important;
}

/* ── Text clarity ── */
html.light [data-zs-crypto-root] .atr-studio *,
html.light [data-zs-crypto-root] .rsi-studio *,
html.light [data-zs-crypto-root] .macd-studio *,
html.light [data-zs-crypto-root] .momentum-studio *,
html.light [data-zs-crypto-root] .cci-studio *,
html.light [data-zs-crypto-root] .stoch-studio * {
  text-shadow: none !important;
  min-width: 0;
}

html.light [data-zs-crypto-root] canvas *,
html.light [data-zs-crypto-root] svg * {
  text-shadow: unset !important;
  min-width: unset;
}

html.light [data-zs-crypto-root] [class*='__muted'],
html.light [data-zs-crypto-root] [class*='__text'],
html.light [data-zs-crypto-root] [class*='__copy'],
html.light [data-zs-crypto-root] [class*='__body'],
html.light [data-zs-crypto-root] [class*='__desc'],
html.light [data-zs-crypto-root] [class*='__detail'],
html.light [data-zs-crypto-root] [class*='__lead'],
html.light [data-zs-crypto-root] [class*='__sub'],
html.light [data-zs-crypto-root] [class*='__label'],
html.light [data-zs-crypto-root] [class*='__kicker'],
html.light [data-zs-crypto-root] [class*='__eyebrow'],
html.light [data-zs-crypto-root] [class*='__faint'] {
  color: #475569 !important;
  opacity: 1 !important;
}

html.light [data-zs-crypto-root] [class*='__title'],
html.light [data-zs-crypto-root] [class*='__headline'],
html.light [data-zs-crypto-root] [class*='__value'],
html.light [data-zs-crypto-root] [class*='__verdict'],
html.light [data-zs-crypto-root] [class*='__name'] {
  color: #0f172a !important;
  opacity: 1 !important;
}

/* Prevent left-side clipping from line-clamp / hidden overflow */
html.light [data-zs-crypto-root] [class*='__edu-panel-text'],
html.light [data-zs-crypto-root] [class*='__card-sub'],
html.light [data-zs-crypto-root] [class*='__col-text'],
html.light [data-zs-crypto-root] [class*='__chip-event'],
html.light [data-zs-crypto-root] [class*='__event-chip-label'] {
  overflow: visible !important;
  text-overflow: unset !important;
  white-space: normal !important;
  -webkit-line-clamp: unset !important;
  display: block !important;
}

html.light [data-zs-crypto-root] [class*='__intel-panel'],
html.light [data-zs-crypto-root] [class*='__edu-panel'],
html.light [data-zs-crypto-root] [class*='__card--brain'],
html.light [data-zs-crypto-root] [class*='__card--events'] {
  overflow: visible !important;
}

/* ── No rogue internal horizontal scrollbars ── */
html.light [data-zs-crypto-root] [class*='__events'],
html.light [data-zs-crypto-root] [class*='__timeline'],
html.light [data-zs-crypto-root] [class*='__event-chips'],
html.light [data-zs-crypto-root] [class*='__chips'] {
  overflow-x: hidden !important;
  overflow-y: visible !important;
  scrollbar-width: none !important;
}

html.light [data-zs-crypto-root] [class*='__events']::-webkit-scrollbar,
html.light [data-zs-crypto-root] [class*='__timeline']::-webkit-scrollbar,
html.light [data-zs-crypto-root] [class*='__event-chips']::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.divergence-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  padding: 1rem 1.1rem;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--zs-border, #2a3344) 88%, transparent);
  background: color-mix(in srgb, var(--zs-surface-2, #121820) 92%, #000 8%);
  overflow: hidden;
}

.divergence-panel--full-span {
  grid-column: 1 / -1;
}

.divergence-panel__accent {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 3px;
  height: 100%;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--zs-accent, #5b8cff) 85%, #fff 15%) 0%,
    color-mix(in srgb, var(--zs-accent, #5b8cff) 35%, transparent) 100%
  );
}

.divergence-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.divergence-panel__titles {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.divergence-panel__title {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 650;
  letter-spacing: 0.01em;
  color: var(--zs-text, #e8edf5);
}

.divergence-panel__subtitle {
  margin: 0;
  font-size: 0.78rem;
  color: color-mix(in srgb, var(--zs-text-muted, #8b97ab) 92%, transparent);
}

.divergence-panel__kind-badge {
  flex-shrink: 0;
  padding: 0.25rem 0.55rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
}

.divergence-panel__kind-badge--bullish {
  color: #7dffb0;
  background: color-mix(in srgb, #1f8f55 28%, transparent);
  border: 1px solid color-mix(in srgb, #2ecc71 45%, transparent);
}

.divergence-panel__kind-badge--bearish {
  color: #ff9a9a;
  background: color-mix(in srgb, #c0392b 28%, transparent);
  border: 1px solid color-mix(in srgb, #e74c3c 45%, transparent);
}

.divergence-panel__empty {
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.45;
  color: color-mix(in srgb, var(--zs-text-muted, #8b97ab) 95%, transparent);
}

.divergence-panel__body {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.divergence-panel__latest {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.55rem 0.65rem;
  border-radius: 10px;
  background: color-mix(in srgb, var(--zs-surface-3, #0d1219) 88%, transparent);
  border: 1px solid color-mix(in srgb, var(--zs-border, #2a3344) 70%, transparent);
}

.divergence-panel__latest-label {
  font-size: 0.74rem;
  color: var(--zs-text-muted, #8b97ab);
}

.divergence-panel__latest-value {
  font-size: 0.84rem;
  font-weight: 650;
}

.divergence-panel__latest-value--bullish {
  color: #7dffb0;
}

.divergence-panel__latest-value--bearish {
  color: #ff9a9a;
}

.divergence-panel__metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
  margin: 0;
}

.divergence-panel__metric {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.55rem 0.6rem;
  border-radius: 10px;
  background: color-mix(in srgb, var(--zs-surface-3, #0d1219) 75%, transparent);
  border: 1px solid color-mix(in srgb, var(--zs-border, #2a3344) 55%, transparent);
}

.divergence-panel__metric-label {
  margin: 0;
  font-size: 0.68rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--zs-text-muted, #8b97ab);
}

.divergence-panel__metric-value {
  margin: 0;
  display: flex;
  align-items: baseline;
  gap: 0.35rem;
  font-size: 0.86rem;
  font-weight: 650;
  color: var(--zs-text, #e8edf5);
}

.divergence-panel__metric-value--strength-weak {
  color: #b8c4d8;
}

.divergence-panel__metric-value--strength-moderate {
  color: #ffd27a;
}

.divergence-panel__metric-value--strength-strong {
  color: #9ecbff;
}

.divergence-panel__confidence-text {
  font-weight: 650;
}

.divergence-panel__confidence-pct {
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--zs-text-muted, #8b97ab);
}

.divergence-panel__confidence-bar {
  margin-top: 0.15rem;
  height: 4px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--zs-border, #2a3344) 80%, transparent);
  overflow: hidden;
}

.divergence-panel__confidence-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  transition: width 0.25s ease;
}

.divergence-panel__confidence-fill--low {
  background: linear-gradient(90deg, #7a8496, #9aa3b5);
}

.divergence-panel__confidence-fill--medium {
  background: linear-gradient(90deg, #c49a3a, #ffd27a);
}

.divergence-panel__confidence-fill--high {
  background: linear-gradient(90deg, #2ecc71, #7dffb0);
}

@media (max-width: 720px) {
  .divergence-panel__metrics {
    grid-template-columns: 1fr;
  }
}