/* Extraido de <style> inline para cumplir CSP estricta (AUDIT-2026-10-20) */
:root{--bg:#03080f;--bg2:#060d18;--bg3:#0a1525;--bg4:#0f1e35;--bg5:#152540;--glass:rgba(10,21,37,.72);--b:rgba(255,255,255,.06);--b2:rgba(255,255,255,.10);--b3:rgba(255,255,255,.18);--tx:#e8f1ff;--tx2:#8fa8c8;--tx3:#4d6585;--dim:#243348;--teal:#00d4a0;--teal2:rgba(0,212,160,.12);--teal3:rgba(0,212,160,.25);--blue:#3b82f6;--green:#22c55e;--red:#ef4444;--amber:#f59e0b;--purple:#a855f7;--cyan:#06b6d4;--mono:"JetBrains Mono",monospace;--sans:"DM Sans",sans-serif;--sh:0 24px 60px rgba(0,0,0,.55);--sh2:0 4px 20px rgba(0,0,0,.35);--card:var(--bg3);--card2:var(--bg4);--bd:var(--b);--txt:var(--tx);--mut:var(--tx2);--bull:var(--green);--bear:var(--red);--neu:var(--tx3);--acc:var(--blue);--glow:0 0 30px rgba(88,166,255,.15);--r12:16px;--r16:20px;--r20:24px;--shadow:0 20px 60px rgba(0,0,0,.35);--bg1:var(--bg2);--text:var(--tx);--text2:var(--tx2);--text3:var(--tx3);--border:var(--b);--border2:var(--b2)}
*{box-sizing:border-box}
html,body{margin:0;background:radial-gradient(1200px 700px at 20% 0%,rgba(88,166,255,.11),transparent 35%),radial-gradient(1000px 600px at 90% 10%,rgba(34,197,94,.08),transparent 30%),var(--bg);color:var(--tx);font-family:var(--sans)}
body{min-height:100vh}
@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(88,166,255,.35)}50%{transform:scale(1.08);box-shadow:0 0 0 12px rgba(88,166,255,0)}}

/* === Sistema status cards (Fase 8.1 M1) === */
.sys-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin:2px 0 4px}
.sys-card{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:linear-gradient(180deg,var(--bg4),var(--bg3));border:1px solid var(--b);border-radius:var(--r12);transition:border-color .25s,box-shadow .25s;overflow:hidden}
.sys-card::before{content:'';position:absolute;inset:0;background:radial-gradient(120px 60px at 0 0,rgba(88,166,255,.06),transparent 70%);pointer-events:none}
.sys-card.s-ok{border-color:rgba(34,197,94,.35)}
.sys-card.s-ok .sys-dot{background:var(--green);box-shadow:0 0 8px rgba(34,197,94,.55)}
.sys-card.s-warn{border-color:rgba(245,158,11,.4)}
.sys-card.s-warn .sys-dot{background:var(--amber);box-shadow:0 0 8px rgba(245,158,11,.55)}
.sys-card.s-err{border-color:rgba(239,68,68,.45)}
.sys-card.s-err .sys-dot{background:var(--red);box-shadow:0 0 8px rgba(239,68,68,.55)}
.sys-dot{flex:0 0 auto;width:10px;height:10px;border-radius:50%;margin-top:5px;background:var(--tx3);transition:background .25s}
.sys-body{flex:1;min-width:0}
.sys-body .sys-nm{font-size:11px;color:var(--tx2);font-family:var(--mono);letter-spacing:.02em;margin-bottom:4px}
.sys-body .sys-v{font-size:13px;font-weight:600;color:var(--tx);line-height:1.35;word-break:break-word}
.sys-meta{display:flex;gap:10px;align-items:center;margin-top:6px;font-family:var(--mono);font-size:10px;color:var(--tx3)}
.sys-lat{display:inline-flex;align-items:center;color:var(--tx3)}
.sys-lat::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--tx3);margin-right:5px;opacity:.5}
.sys-fresh{color:var(--teal);opacity:.85}
.sys-card.s-err .sys-fresh{color:var(--red)}
@keyframes syspulse{0%,100%{opacity:1}50%{opacity:.45}}
.sys-card.s-ok .sys-dot{animation:syspulse 2.4s ease-in-out infinite}
@media(max-width:640px){.sys-grid{grid-template-columns:1fr}}