/* ───── Панель RSI ───── */
#rsiPanel{position:absolute; top:12px; left:50%; transform:translateX(-50%); z-index:30}
.rsi-frame{
  display:flex; flex-direction:column; align-items:center; gap:4px;
  padding:10px 24px; border:3px solid; border-radius:16px;
  background:#0d0d0d; font-family:monospace; box-shadow:0 0 16px rgba(255,255,255,.15);
  animation:borderRainbow 6s linear infinite;
}
@keyframes borderRainbow{
  0%{border-color:#ff0048}16%{border-color:#ff9a00}33%{border-color:#ffe600}
  50%{border-color:#15ff00}66%{border-color:#00d4ff}83%{border-color:#9b00ff}
  100%{border-color:#ff0048}
}
.rsi-label{font-size:12px; color:#888; letter-spacing:.7px}
.rsi-value{
  font-size:32px; font-weight:900; color:#ffd700; text-shadow:0 0 6px #ffd700;
  transition:opacity .25s, transform .25s;
}
.rsi-value.fade-out{opacity:0; transform:translateY(-10px)}
.rsi-frame.flash-red  {animation:flashRed 0.25s linear infinite alternate}
.rsi-frame.flash-green{animation:flashGreen 0.25s linear infinite alternate}
@keyframes flashRed  {from{box-shadow:0 0 10px #ff0000}to{box-shadow:0 0 22px #ff0000}}
@keyframes flashGreen{from{box-shadow:0 0 10px #00ff4d}to{box-shadow:0 0 22px #00ff4d}}

/* уважение к reduce‑motion */
@media (prefers-reduced-motion: reduce){
  #screenIndicators .ind-asset,
  #screenIndicators .ind-asset::after,
  #tabIndicators.cta-green::after,
  #tabIndicators.cta-green::before{ animation:none }
}