:root{--navy: #01325e;--yellow: #fcc62d;--red: #dd0a0a;--ink: #14181c;--success: #2e7d32;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(1, 50, 94, .06);--shadow-md: 0 4px 16px rgba(1, 50, 94, .1);--dur-fast: .15s;--ease: cubic-bezier(.2, .8, .2, 1);--text-h1: 24px;--text-h2: 18px;--text-body: 14px;--text-caption: 12px;--ring: rgba(252, 198, 45, .6);--bg: #f6f8fb;--surface: #ffffff;--text: var(--ink);--border: #e2e8f0;--muted: #64748b;--muted-surface: #f6f8fb;--on-navy: #ffffff;--on-navy-dim: #cbd5e1;--kpi-hint: #5b6b7f;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--navy)}a:focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-radius:4px}.btn{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--navy);color:#fff;border:none;border-radius:var(--radius-sm);padding:10px var(--space-4);font-weight:700;font-size:var(--text-body);cursor:pointer;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.btn:hover{box-shadow:var(--shadow-md)}.btn:active{transform:translateY(1px);box-shadow:var(--shadow-sm)}.btn:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.btn:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}.btn.secondary{background:var(--surface);color:var(--navy);border:1.5px solid var(--border)}.btn.danger{background:var(--red);color:#fff}.btn.small{padding:6px 10px;font-size:13px}.input,.select,.textarea{width:100%;padding:10px var(--space-3);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-body);background:var(--surface);color:var(--text);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:3px solid var(--ring);outline-offset:1px;border-color:var(--navy)}.field{margin-bottom:var(--radius-md)}.field label,.field .field-label{display:block;font-size:13px;font-weight:600;margin-bottom:var(--space-2);color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card:has(>table){overflow:auto!important}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.error{background:#dd0a0a14;border:1px solid rgba(221,10,10,.3);color:var(--red);border-radius:var(--radius-sm);padding:10px var(--space-3);font-size:var(--text-body)}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:var(--text-caption);font-weight:700}.badge.green{background:#2e7d321f;color:var(--success)}.badge.gray{background:var(--muted-surface);color:var(--muted)}.badge.warn{background:#fcc62d2e;color:#6b5400}.badge.danger{background:#dd0a0a1a;color:#b30808}.semaforo-verde{color:var(--success)}.semaforo-ambar{color:#b26a00}.semaforo-rojo{color:#b30808}.badge.scan-pending{animation:badge-pulse 1.6s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.55}}.upload-progress{display:flex;align-items:center;gap:var(--space-3)}.upload-progress__track{flex:1;height:8px;border-radius:999px;background:var(--muted-surface);overflow:hidden}.upload-progress__bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--navy),var(--yellow));transition:width var(--dur-fast) var(--ease)}.upload-progress__label{font-size:var(--text-caption);font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums;min-width:88px;text-align:right}@media (prefers-reduced-motion: reduce){.upload-progress__bar{transition:none}}.badge.live{display:inline-flex;align-items:center;gap:6px;background:#dd0a0a1f;color:var(--red);letter-spacing:.04em}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--red);display:inline-block;animation:live-dot-pulse 1.2s ease-in-out infinite}@keyframes live-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.5)}}.countdown{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;font-weight:700;color:var(--navy)}.q-feed{max-height:380px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:2px}.q-bubble{background:var(--muted-surface);border:1px solid var(--border);border-radius:12px;padding:8px 12px;font-size:14px;overflow-wrap:anywhere}.q-bubble .q-meta{font-size:var(--text-caption);color:var(--muted);font-weight:700;margin-bottom:2px}.punto{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle;margin-right:2px;background:var(--muted);flex:none}.punto-verde{background:var(--success)}.punto-ambar{background:#e09400}.punto-rojo{background:#d32f2f;box-shadow:0 0 0 3px #d32f2f2e}.punto-gris{background:#94a3b8}.estado-clase{position:sticky;top:0;z-index:5;margin:12px 0 0;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--border);border-left-width:5px;background:var(--surface);box-shadow:var(--shadow-sm)}.estado-clase.nivel-bien,.estado-clase.nivel-listo{border-left-color:var(--success)}.estado-clase.nivel-aviso{border-left-color:#e09400}.estado-clase.nivel-actuar{border-width:2px 2px 2px 6px;border-color:#d32f2f}.estado-clase-fila{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.estado-clase-texto{display:flex;flex-direction:column;gap:2px;flex:1 1 240px;min-width:0}.estado-clase-frase{font-size:16px}.estado-clase.nivel-actuar .estado-clase-frase{font-size:17px}.estado-clase[data-clave=olvida-iniciar] .estado-clase-frase{font-size:28px;line-height:1.2}.estado-clase-accion{font-size:14px;font-weight:700}.estado-clase-nota,.estado-clase-pie{font-size:13px;color:var(--muted)}.estado-clase-pie{margin-top:6px;font-size:12px}.consola-columnas{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin-top:16px;align-items:start}.consola-columna{display:flex;flex-direction:column;gap:16px;min-width:0}.detalles-tecnicos{margin-top:16px}.detalles-tecnicos>summary{cursor:pointer;font-weight:700;font-size:14px}.interaccion-bloque{padding-top:10px;margin-top:10px;border-top:1px solid var(--border)}.interaccion-bloque:first-of-type{border-top:0;margin-top:4px;padding-top:0}.interaccion-titulo{margin:0 0 6px;font-size:14px}.interaccion-nota{color:var(--muted);font-size:12px;margin:4px 0 0}.interaccion-campo{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600}.interaccion-campo textarea,.interaccion-opciones input{width:100%;font:inherit;font-weight:400;font-size:14px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.interaccion-opciones{display:flex;flex-direction:column;gap:6px}.encuesta-barras{display:flex;flex-direction:column;gap:8px;margin-top:8px}.encuesta-etiqueta{display:flex;justify-content:space-between;gap:8px;font-size:13px}.encuesta-fila.lider .encuesta-etiqueta{font-weight:800}.encuesta-cifra{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.barra{display:flex;height:12px;margin-top:3px;border-radius:999px;overflow:hidden;background:var(--muted-surface);border:1px solid var(--border)}.barra-tramo{height:100%;transition:width .4s var(--ease)}.barra-tramo.tiempo-real,.leyenda.tiempo-real{background:var(--yellow)}.barra-tramo.con-retraso,.leyenda.con-retraso{background:repeating-linear-gradient(45deg,#fcc62d8c,#fcc62d8c 4px,#fcc62d4d 4px,#fcc62d4d 8px)}.leyenda{display:inline-block;width:12px;height:8px;border-radius:3px;vertical-align:middle}.manos{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.manos li{display:flex;gap:8px;align-items:center}.manos-quien{display:flex;flex-direction:column;flex:1;min-width:0}.manos-nombre{font-weight:700;font-size:14px;overflow-wrap:anywhere}.manos li .btn{flex:none}.q-bubble .q-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}.q-bubble.respondida{opacity:.55}.q-respondida{font:inherit;font-size:11px;font-weight:700;border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:1px 8px;cursor:pointer;white-space:nowrap}.q-respondida[aria-pressed=true]{color:var(--success);border-color:var(--success)}.q-nuevas{position:absolute;left:50%;bottom:8px;transform:translate(-50%);border:0;border-radius:999px;padding:4px 12px;font:inherit;font-size:12px;font-weight:800;background:var(--navy);color:var(--on-navy);box-shadow:var(--shadow-md);cursor:pointer}.q-bubble .q-quien{display:flex;min-width:0}.q-bubble .q-usuario{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}.q-bubble .q-hora{flex:none;white-space:nowrap}.q-pie{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;margin-top:6px}.q-accion,.q-plegada,.q-anteriores{font:inherit;font-size:11px;font-weight:700;border:1px solid var(--border);background:var(--surface);color:var(--navy);border-radius:999px;padding:1px 8px;cursor:pointer;white-space:nowrap}.q-plegada{margin-top:2px;color:var(--muted);border-style:dashed}.q-anteriores{align-self:center;color:var(--muted)}.q-etiqueta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:var(--text-caption);color:var(--muted);margin-bottom:2px}.q-chip{border:1px solid var(--border);border-radius:999px;padding:0 6px;font-weight:700}.q-menu{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.q-bubble.oculta{border-style:dashed;background:transparent}.q-bubble.privada{border-left:3px solid var(--border)}.q-bubble.respondiendo{outline:2px solid var(--yellow);outline-offset:1px}.q-bubble.q-tutor{background:#01325e12;border-color:#01325e40}.q-firma{color:var(--navy)}.q-marca{display:inline-block;border-radius:999px;padding:0 6px;background:var(--navy);color:var(--on-navy);font-size:10px;letter-spacing:.02em}.q-cita{font-size:var(--text-caption);color:var(--muted);border-left:2px solid var(--border);padding-left:6px;margin:2px 0 4px}.q-texto-tutor{white-space:pre-wrap}.q-por{font-size:11px;color:var(--muted);margin-top:2px}.q-confirma{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:var(--text-caption);font-weight:700}.q-barra-chat{display:flex;flex-direction:column;gap:6px;margin:0 0 8px}.q-pausado,.q-aviso-chat{margin:0;padding:6px 10px;border-radius:var(--radius-sm);background:#fcc62d2e;font-size:var(--text-caption);font-weight:700}.q-silenciados{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:var(--text-caption);color:var(--muted)}.q-silenciada{display:inline-flex;align-items:center;gap:4px;font-weight:700}.q-caja{display:flex;flex-direction:column;gap:6px;margin-top:8px;flex:none}.q-caja textarea{font:inherit;font-size:14px;width:100%;box-sizing:border-box;resize:vertical;min-height:52px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}.q-respondiendo{display:flex;align-items:center;gap:6px;font-size:var(--text-caption);font-weight:700;color:var(--navy)}.q-quitar{font:inherit;font-size:14px;line-height:1;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0 4px}.q-aviso-privada,.q-error{margin:0;font-size:var(--text-caption);font-weight:700}.q-error{color:var(--red);margin-top:6px}.q-nota,.q-contador{margin:0;font-size:11px;color:var(--muted)}.q-accion:focus-visible,.q-plegada:focus-visible,.q-anteriores:focus-visible,.q-quitar:focus-visible,.q-caja textarea:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.aviso-sesion{margin:12px 0 0;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--danger, #b30808);background:var(--surface);font-size:14px;line-height:1.5}.pausa-sin-senal{margin:8px 0 0;display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:13px;line-height:1.4;color:var(--muted)}.estado-clase-reserva{margin:12px 0 0;display:flex;justify-content:flex-end}.aviso-cerradas{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 10px;padding:8px 10px;border-radius:8px;border:1px solid #e09400;font-size:13px;font-weight:700}.interruptor{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12px;font-weight:700;padding:3px 10px 3px 4px;border-radius:999px;border:1px solid var(--border);background:var(--muted-surface);color:var(--muted);cursor:pointer}.interruptor-bola{width:16px;height:16px;border-radius:50%;background:#94a3b8;transition:background var(--dur-fast) var(--ease)}.interruptor.encendido{color:var(--success);border-color:var(--success)}.interruptor.encendido .interruptor-bola{background:var(--success)}.interruptor:focus-visible,.q-respondida:focus-visible,.q-nuevas:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.nav-count{display:inline-block;min-width:18px;margin-left:auto;padding:1px 6px;border-radius:999px;background:var(--yellow);color:var(--navy);font-size:11px;font-weight:800;line-height:16px;text-align:center;vertical-align:middle}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px var(--space-3);border-bottom:1px solid var(--border);font-size:var(--text-body)}th{color:var(--muted);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.03em}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:var(--on-navy);padding:var(--space-5) var(--radius-md)}.sidebar .brand{display:flex;align-items:center;padding:var(--space-2) 10px 18px}.brand-logo{height:46px;width:auto;max-width:100%;display:block;flex:0 0 auto}.sidebar nav a{display:flex;align-items:center;color:var(--on-navy-dim);text-decoration:none;padding:10px var(--space-3);border-radius:var(--radius-sm);border-left:3px solid transparent;font-weight:600;margin-bottom:var(--space-1);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.sidebar nav a:hover{background:#ffffff1f;color:var(--on-navy)}.sidebar nav a.active{background:#fcc62d29;border-left-color:var(--yellow);color:#fff;font-weight:800}.sidebar nav a:focus-visible{outline:3px solid var(--ring);outline-offset:-2px}.nav-group{margin-bottom:var(--space-3)}.nav-group-title{margin:var(--space-2) var(--space-3) 6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-navy-dim);opacity:.65}.banner-info{background:var(--muted-surface);border:1px solid var(--border);border-left:4px solid var(--yellow);color:var(--text-body);padding:12px 16px;border-radius:var(--radius-md);font-size:14px;line-height:1.45}.nav-toggle,.nav-scrim{display:none}.content{padding:var(--space-6) var(--space-6);max-width:1100px;min-width:0}.content h1{margin:0 0 var(--space-5);font-size:var(--text-h1)}.content h2{font-size:var(--text-h2)}.content h3{font-size:var(--text-body)}.row{display:flex;gap:var(--space-4);align-items:center}.spacer{flex:1}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.stat .num{font-size:var(--space-6);font-weight:800;color:var(--navy)}.stat .label{color:var(--muted);font-size:13px}.skeleton{position:relative;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--muted-surface) 25%,var(--border) 37%,var(--muted-surface) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite;min-height:1em;color:transparent}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width: 768px){.shell{display:block;grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;z-index:40;overflow-y:auto;transform:translate(-100%);transition:transform var(--dur-fast) var(--ease);box-shadow:var(--shadow-md)}.shell.nav-open .sidebar{transform:none}.shell.nav-open .nav-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#01325e66}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:20;gap:var(--space-2);width:44px;height:44px;margin:var(--space-2) 0 var(--space-2) var(--space-2);background:var(--surface);color:var(--navy);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.nav-toggle:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.content{padding:var(--space-4);max-width:100%}}@media (prefers-color-scheme: dark){:root{--bg: #0b1620;--surface: #11202e;--text: #e8eef4;--border: #1f3346;--muted: #93a4b5;--muted-surface: #16283a;--ring: rgba(252, 198, 45, .7);--kpi-hint: #94a3b8;color-scheme:dark}.stat .num,a{color:#7db4ec}.badge.green{color:#6ee7a8}.countdown{color:#7db4ec}.btn.secondary{background:var(--surface);color:var(--on-navy)}.badge.gray{background:var(--muted-surface);color:var(--muted)}.badge.warn{color:#ffd966}.badge.danger{color:#ff8a8a}.semaforo-ambar{color:#ffd966}.semaforo-rojo{color:#ff8a8a}.punto-verde{background:#6ee7a8}.punto-ambar{background:#ffd966}.punto-rojo{background:#ff8a8a}.estado-clase.nivel-bien,.estado-clase.nivel-listo{border-left-color:#6ee7a8}.estado-clase.nivel-aviso{border-left-color:#ffd966}.estado-clase.nivel-actuar{border-color:#ff8a8a}.q-respondida[aria-pressed=true],.interruptor.encendido{color:#6ee7a8;border-color:#6ee7a8}.interruptor.encendido .interruptor-bola{background:#6ee7a8}.q-nuevas{background:#7db4ec;color:#0b1620}.q-accion,.q-firma,.q-respondiendo{color:#7db4ec}.q-bubble.q-tutor{background:#7db4ec1a;border-color:#7db4ec59}.q-marca{background:#7db4ec;color:#0b1620}.q-error{color:#ff8a8a}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}