:root{--marino:#003366;--marino-oscuro:#002244;--oro:#f0c040;--cielo:#a8c8e8;--fondo:#f4f6f9;--tarjeta:#ffffff;--texto:#1b2a3a;--suave:#5b6b7c;--borde:#dce4ee;--exito:#1e7f4f;--ambar:#e08a00;--azul:#4f7db8;--gris:#8a96a3;--error:#b3261e;--rec:#d7261e;--lsm:#6b3fa0;--lsm-suave:#efe7f8}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--fondo);color:var(--texto)}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid var(--oro);outline-offset:2px}.barra{background:var(--marino);color:#fff;display:flex;align-items:center;gap:16px;padding:12px 24px}.barra .marca{font-weight:800;font-size:18px;letter-spacing:.5px}.barra .marca span{color:var(--oro);margin-right:6px}.barra .espacio{flex:1 1}.barra .usuario{font-size:14px;color:var(--cielo);text-align:right}.barra button{background:transparent;border:1px solid var(--cielo);color:#fff;border-radius:8px;padding:6px 12px}.contenido{max-width:1200px;margin:0 auto;padding:24px}.tarjeta{background:var(--tarjeta);border-radius:14px;box-shadow:0 2px 12px rgba(0,51,102,.07);padding:20px}.btn{border:none;border-radius:10px;padding:10px 18px;font-weight:700}.btn-primario{background:var(--oro);color:var(--marino)}.btn-marino{background:var(--marino);color:#fff}.btn-peligro{background:var(--error);color:#fff}.btn-claro{background:#eef2f7;color:var(--marino)}.etiqueta{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.etiqueta-lsm{background:var(--lsm-suave);color:var(--lsm)}.etiqueta-general{background:#e3eef9;color:#1f4e79}.etiqueta-simulado{background:#fff4d6;color:#7a5a00}.etiqueta-preliminar{background:#e3eef9;color:#1f4e79}.rec{display:inline-flex;align-items:center;gap:8px;background:var(--rec);color:#fff;font-weight:800;letter-spacing:1px;padding:6px 12px;border-radius:8px}.rec:before{content:"";width:12px;height:12px;border-radius:50%;background:#fff;animation:latido 1.2s ease-in-out infinite}.rec-apagado{background:#eef2f7;color:var(--suave);font-weight:700}.rec-apagado:before{background:var(--gris);animation:none}.rec-fallo{background:#fcedec;color:var(--error)}.rec-fallo:before{background:var(--error);animation:none}@keyframes latido{0%,to{opacity:1}50%{opacity:.25}}@keyframes llegada{0%{background:#fff3c4}to{background:transparent}}.fila-nueva{animation:llegada 3s ease-out}.conexion{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;padding:6px 12px;border-radius:8px}.conexion:before{content:"";width:10px;height:10px;border-radius:50%;background:currentColor}.conexion-ok{background:#e3f4ea;color:var(--exito)}.conexion-media{background:#fff4d6;color:#7a5a00}.conexion-mal{background:#fcedec;color:var(--error)}.video{position:relative;background:#0b1624;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center}.video video{width:100%;height:100%;object-fit:contain}.video .rotulo{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.55);color:#fff;font-size:13px;font-weight:600;padding:4px 10px;border-radius:6px}.video .vacio{color:var(--cielo);text-align:center;padding:24px;font-size:15px}.semaforo{width:14px;height:14px;border-radius:50%;flex-shrink:0;margin-top:3px}.aviso{border-left:4px solid var(--error);background:#fcedec;color:var(--error);padding:10px 12px;border-radius:8px;font-size:14px}.reconectando{display:inline-flex;align-items:center;gap:8px;background:#eef2f7;color:var(--marino);border:1px solid var(--borde);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600}.reconectando:before{content:"";width:10px;height:10px;border-radius:50%;border:2px solid var(--azul);border-top:2px solid transparent;animation:girar .9s linear infinite}@keyframes girar{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.reconectando:before{animation:none}}.barra nav{display:flex;gap:4px;margin-left:16px}.barra nav a{color:var(--cielo);text-decoration:none;padding:6px 12px;border-radius:8px;font-weight:600;font-size:14px}.barra nav a[aria-current=page]{background:rgba(255,255,255,.12);color:#fff}.tabla{width:100%;border-collapse:collapse;font-size:14px}.tabla th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--suave);padding:8px;border-bottom:2px solid var(--borde)}.tabla td{padding:10px 8px;border-bottom:1px solid var(--borde);vertical-align:top}.tabla tbody tr:hover{background:#f8fafc}.numero{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.metrica{background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;padding:14px 16px}.metrica .valor{font-size:28px;font-weight:800;color:var(--marino);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.metrica .rotulo-metrica{font-size:13px;color:var(--suave)}.metrica .detalle{font-size:12px;color:var(--suave);margin-top:4px}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;word-break:break-all}.punto-presencia{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}