/* 15-step performance gradient: step 0 (-8%) → step 14 (+8%) */
.pct-step-00 { background: #450a0a; color: #fecaca; font-weight: 600; }
.pct-step-01 { background: #7f1d1d; color: #fecaca; font-weight: 600; }
.pct-step-02 { background: #991b1b; color: #fee2e2; font-weight: 600; }
.pct-step-03 { background: #b91c1c; color: #fef2f2; font-weight: 600; }
.pct-step-04 { background: #dc2626; color: #ffffff; font-weight: 600; }
.pct-step-05 { background: #ef4444; color: #ffffff; }
.pct-step-06 { background: #f87171; color: #450a0a; }
.pct-step-07 { background: #334155; color: #e2e8f0; }
.pct-step-08 { background: #86efac; color: #14532d; }
.pct-step-09 { background: #4ade80; color: #14532d; }
.pct-step-10 { background: #22c55e; color: #ffffff; }
.pct-step-11 { background: #16a34a; color: #ffffff; font-weight: 600; }
.pct-step-12 { background: #15803d; color: #ecfdf5; font-weight: 600; }
.pct-step-13 { background: #166534; color: #ecfdf5; font-weight: 600; }
.pct-step-14 { background: #14532d; color: #ffffff; font-weight: 700; }

.change-pct-cell {
  font-variant-numeric: tabular-nums;
  border-radius: 0.2rem;
  padding: 0.1rem 0.35rem;
  text-align: right;
  display: inline-block;
  min-width: 4rem;
}

/* Core indicator structural context (TICK / VIX / ADD) */
.indicator-context-value {
  display: inline-block;
  padding: 0.1rem 0.35rem;
  font-variant-numeric: tabular-nums;
  border-radius: 0.15rem;
}

.ctx-ex-oversold,
.ctx-bull-thrust,
.ctx-complacent {
  background-color: rgba(0, 230, 118, 0.15);
  color: #00e676;
  border-left: 3px solid #00e676;
}

.ctx-ex-overbought,
.ctx-high-vol,
.ctx-bear-liquidation {
  background-color: rgba(255, 23, 68, 0.15);
  color: #ff1744;
  border-left: 3px solid #ff1744;
}