/* StreamAdmin · Refresco visual moderado (2026-10-18). Solo presentación: se revierte quitando su <link> en index.html.
   Mantiene el estilo actual (oscuro, azul/verde, menú lateral). Sin fuentes, CDNs ni dependencias nuevas. */

/* Controles nativos (fechas, listas, barras) en oscuro, como el resto del panel */
:root[data-rd]{color-scheme:dark}
:root[data-rd] ::selection{background:rgba(59,130,246,.38);color:#fff}

/* Un solo scroll principal, con ancho estable al pasar entre módulos largos y cortos */
:root[data-rd] .content{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(120,160,255,.26) transparent}

/* Menú lateral: foco visible dentro de su propio scroll y estado activo más nítido */
:root[data-rd] .rd-nav .rd-ni:focus-visible{outline:2px solid var(--rd-cyan);outline-offset:-2px}
:root[data-rd] .rd-kbar:focus-visible{outline:2px solid var(--rd-cyan);outline-offset:2px}
:root[data-rd] .rd-nav .rd-ni.on{box-shadow:inset 0 0 0 1px rgba(59,130,246,.2)}

/* Encabezado: un título largo no empuja los botones en pantallas chicas */
:root[data-rd] .tb-title-wrap{min-width:0}
:root[data-rd] .tb-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Cifras alineadas en tablas, tarjetas y contadores */
:root[data-rd] .t2 td,:root[data-rd] .stat-val,:root[data-rd] .rd-b{font-variant-numeric:tabular-nums}

/* Modales y Ctrl+K */
:root[data-rd] .ovl .modal:focus{outline:none}
:root[data-rd] .rd-cmdk-res{scroll-padding:8px}

/* Pulsos continuos con transform/opacity (los compone la GPU) en vez de animar box-shadow, que repinta cada cuadro. Mismo efecto. */
:root[data-rd] .rd-pulse,:root[data-rd] .rd-day-dot{position:relative;animation:none!important}
:root[data-rd] .rd-pulse::after,:root[data-rd] .rd-day-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:rd-ring 2s ease-out infinite;pointer-events:none}
@keyframes rd-ring{from{transform:scale(1);opacity:.55}to{transform:scale(2.3);opacity:0}}
:root[data-rd] .rd-clock[data-mode=off],:root[data-rd] .rd-day-go{position:relative;isolation:isolate;animation:none!important}
:root[data-rd] .rd-clock[data-mode=off]::after,:root[data-rd] .rd-day-go::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;box-shadow:0 10px 34px rgba(34,211,238,.7);opacity:0;animation:rd-glow 1.8s ease-in-out infinite;pointer-events:none}
@keyframes rd-glow{50%{opacity:1}}

/* Celular y pantallas táctiles: sin fondo animado ni desenfoque por tarjeta (el vidrio pasa a un tono sólido casi igual) */
@media (max-width:820px),(pointer:coarse){
  :root[data-rd] body::before{animation:none!important}
  :root[data-rd] :is(.card,.tw,.stat,.toolbar,.gd-card,.rd-hero,.rd-day,.rd-team,.sa-main-hero){-webkit-backdrop-filter:none;backdrop-filter:none;background-color:rgba(13,21,38,.94)}
}
@media (max-width:820px){
  :root[data-rd] .rd-nav .rd-ni{height:44px;font-size:14px}
  :root[data-rd] .rd-sub .rd-ni{height:40px}
  :root[data-rd] .rd-kbar{height:42px}
}
@media (max-width:560px){
  #toasts{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:none}
  #toasts .toast{width:100%}
}