/* ============================================================================ ChivoBot Management — hoja de estilos única. Todo el CSS del panel vive acá. Las plantillas solo usan clases. TEMA ACERO (azul profundo). Pares texto/fondo verificados WCAG AA: texto/bg 15.9:1 · muted/surface 6.5:1 · link/bg 9.7:1 · botón blanco/primary 5.4:1 PRINCIPIOS (romperlos es lo que hacía que el panel se viera a medio hacer): 1. Una sola cosa con color por pantalla. Lo normal va en gris; el color se reserva para lo que pide atención. Por eso el estado "bot" es gris. 2. Las acciones de fila son texto, no bloques macizos. Un "Eliminar" rojo repetido 30 veces pesa más que los datos, y borrar es raro. 3. Iconos SVG, nunca emojis: los emojis cambian de dibujo según el sistema operativo, no se pueden colorear y le dan aire de prototipo. 4. Números con font-variant-numeric: tabular-nums, siempre. COMPATIBILIDAD: las plantillas no migradas dependen de que `button`, `input`, `textarea`, `select`, `.card`, `.pill`, `.muted`, `.row` y `.t-cards` sigan estilados globalmente, y de los alias --card/--accent/--accent2. No renombrar sin migrarlas antes. ========================================================================== */ :root { /* Superficies */ --bg:#0b1220; --surface:#131c2e; --surface-2:#18243a; --surface-hover:#1e2c46; --sunken:#080e19; --border:#233149; --border-strong:#33455f; /* Texto */ --text:#e8edf6; --muted:#93a1b8; --dim:#66748c; /* Acción */ --primary:#0e7490; --primary-hover:#0891b2; --primary-ink:#ffffff; --link:#5cc9e0; --accent:#0e7490; /* Estados: pares fondo + texto, no colores sueltos */ --ok:#2dd4bf; --ok-bg:#0b3b3a; --ok-text:#2dd4bf; --warn:#f0b429; --warn-bg:#3b2c09; --warn-text:#f0b429; --danger:#f87171; --danger-bg:#3f1c1c; --danger-text:#f87171; --danger-solid:#b91c1c; --danger-border:#7f1d1d; /* Espaciado / tipografía / radios */ --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --font:-apple-system,'Segoe UI',Roboto,sans-serif; --mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace; --fs-1:11px; --fs-2:12px; --fs-3:13px; --fs-4:14px; --fs-5:16px; --fs-6:20px; --fs-7:25px; --fs-8:32px; --r-sm:6px; --r-md:9px; --r-lg:12px; --r-full:999px; --shadow:0 10px 30px rgba(0,0,0,.45); /* Alias de los tokens viejos (plantillas aún no migradas) */ --card:var(--surface); --accent2:var(--primary); } /* ============================================================================ TEMAS ALTERNATIVOS — se activan con [data-theme] en (lo pone un