:root{--primario:#0f3d5e;--primario-hover:#0b2f49;--primario-suave:#e3eef6;--acento:#14b8a6;--fondo:#f4f6f9;--superficie:#fff;--superficie-2:#f9fafb;--texto:#111827;--texto-suave:#5b6472;--borde:#e3e6eb;--exito:#15803d;--exito-suave:#dcfce7;--alerta:#a16207;--alerta-suave:#fef3c7;--peligro:#b91c1c;--peligro-suave:#fee2e2;--info:#1d4ed8;--info-suave:#dbeafe;--sobre-color:#fff;--sombra:0 1px 2px #1018280f, 0 1px 3px #10182814;--radio:10px;--fuente:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--primario:#5ba3d6;--primario-hover:#7bb8e3;--primario-suave:#16293a;--fondo:#0d1117;--superficie:#151b23;--superficie-2:#1b222c;--texto:#e6e9ee;--texto-suave:#9aa4b2;--borde:#2a323d;--exito:#4ade80;--exito-suave:#12301f;--alerta:#facc15;--alerta-suave:#3a2f0b;--peligro:#f87171;--peligro-suave:#3b1414;--info:#93c5fd;--info-suave:#172a4a;--sobre-color:#0d1117;--sombra:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--fondo);color:var(--texto);font-family:var(--fuente);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}a{color:var(--primario);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}.layout{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.lateral{color:#dbe7f0;background:#0f3d5e;flex-direction:column;gap:4px;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0}.marca{color:#fff;align-items:center;gap:10px;padding:0 10px 18px;font-size:1.15rem;font-weight:800;display:flex}.marca img{width:30px;height:30px}.lateral a{color:#dbe7f0;border-radius:8px;justify-content:space-between;align-items:center;padding:9px 12px;font-weight:500;display:flex}.lateral a:hover{background:#ffffff14;text-decoration:none}.lateral a.active{color:#fff;background:#ffffff29}.lateral .pie{border-top:1px solid #ffffff1f;margin-top:auto;padding:12px;font-size:.85rem}.lateral .pie button{margin-top:8px}.contador{color:#111;background:#f59e0b;border-radius:10px;padding:0 7px;font-size:.75rem;font-weight:700}.principal{width:100%;min-width:0;max-width:1280px;padding:28px 32px}.barra-movil{display:none}@media (width<=860px){.layout{grid-template-columns:1fr}.lateral{z-index:30;transition:transform .2s;position:fixed;inset:0 30% 0 0;transform:translate(-100%)}.lateral.abierto{transform:none}.barra-movil{color:#fff;z-index:20;background:#0f3d5e;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.principal{padding:18px 16px}}.encabezado{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.encabezado p{color:var(--texto-suave);margin:4px 0 0}.acciones{flex-wrap:wrap;gap:8px;display:flex}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:18px}.tarjeta+.tarjeta{margin-top:16px}.rejilla>.tarjeta+.tarjeta{margin-top:0}.tarjeta>h2{margin-bottom:12px}.rejilla{gap:16px;display:grid}.rejilla-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.kpi{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:14px 16px}.kpi .valor{font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:700}.kpi .etiqueta{color:var(--texto-suave);font-size:.85rem}.boton{font:inherit;cursor:pointer;background:var(--primario);color:var(--sobre-color);white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:inline-flex}.boton:hover{background:var(--primario-hover);text-decoration:none}.boton:disabled{opacity:.55;cursor:not-allowed}.boton.secundario{background:var(--superficie);color:var(--texto);border-color:var(--borde)}.boton.secundario:hover{background:var(--superficie-2)}.boton.peligro{background:var(--peligro)}.boton.exito{background:var(--exito)}.boton.chico{padding:4px 10px;font-size:.85rem}.boton.fantasma{color:inherit;background:0 0;border-color:#ffffff4d}.enlace{font:inherit;color:var(--primario);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.enlace:hover{color:var(--primario-hover)}.campo{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.campo>span{color:var(--texto-suave);font-size:.85rem;font-weight:600}.campo small{color:var(--texto-suave)}input,select,textarea{font:inherit;color:var(--texto);background:var(--superficie);border:1px solid var(--borde);border-radius:8px;width:100%;padding:8px 10px}input:focus,select:focus,textarea:focus{outline:2px solid var(--primario);outline-offset:-1px}input[type=checkbox]{width:auto}.check{align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.filtros{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:16px;display:flex}.filtros .campo{min-width:150px;margin:0}.tabla-contenedor{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--texto-suave);border-bottom:1px solid var(--borde);white-space:nowrap;padding:8px 10px;font-size:.78rem}td{border-bottom:1px solid var(--borde);vertical-align:top;padding:10px}tr.clic{cursor:pointer}tr.clic:hover td{background:var(--superficie-2)}tr.archivado td:not(:last-child){opacity:.6}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.chip{white-space:nowrap;border-radius:6px;margin:1px 2px 1px 0;padding:1px 8px;font-size:.78rem;font-weight:600;display:inline-block}.chip.exito{background:var(--exito-suave);color:var(--exito)}.chip.alerta{background:var(--alerta-suave);color:var(--alerta)}.chip.peligro{background:var(--peligro-suave);color:var(--peligro)}.chip.info{background:var(--info-suave);color:var(--info)}.chip.neutro{background:var(--superficie-2);color:var(--texto-suave);border:1px solid var(--borde)}.aviso{border-radius:8px;margin-bottom:14px;padding:10px 14px;font-weight:500}.aviso.exito{background:var(--exito-suave);color:var(--exito)}.aviso.peligro{background:var(--peligro-suave);color:var(--peligro)}.aviso.alerta{background:var(--alerta-suave);color:var(--alerta)}.aviso.info{background:var(--info-suave);color:var(--info)}.vacio{text-align:center;color:var(--texto-suave);padding:32px 12px}.suave{color:var(--texto-suave)}.pre{white-space:pre-wrap;background:var(--superficie-2);border:1px solid var(--borde);border-radius:8px;padding:12px}.pestanas{border-bottom:1px solid var(--borde);gap:4px;margin-bottom:16px;display:flex;overflow-x:auto}.pestanas button{font:inherit;color:var(--texto-suave);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 14px;font-weight:600}.pestanas button.activa{color:var(--primario);border-bottom-color:var(--primario)}.linea-tiempo{margin:0;padding:0;list-style:none}.linea-tiempo li{border-bottom:1px solid var(--borde);grid-template-columns:70px 1fr;gap:14px;padding:12px 0;display:grid}.linea-tiempo .hora{font-variant-numeric:tabular-nums;font-weight:700}.progreso{background:var(--borde);border-radius:4px;min-width:80px;height:8px;overflow:hidden}.progreso>div{background:var(--exito);height:100%}.modal-fondo{z-index:50;background:#00000073;justify-content:center;align-items:flex-start;padding:6vh 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--superficie);border-radius:12px;width:100%;max-width:520px;padding:22px}.modal h2{margin-bottom:16px}.modal .acciones{justify-content:flex-end;margin-top:8px}.entrar{background:linear-gradient(160deg,#0f3d5e 0%,#0b2a41 100%);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.entrar .tarjeta{width:100%;max-width:420px;padding:28px}.entrar .marca{color:var(--texto);justify-content:center;padding-bottom:8px}.lista-orden{border:1px solid var(--borde);border-radius:8px;max-height:320px;margin:0 0 12px;padding:0;list-style:none;overflow-y:auto}.lista-orden li{border-bottom:1px solid var(--borde);align-items:center;gap:8px;padding:6px 10px;display:flex}.lista-orden li:last-child{border-bottom:none}.lista-orden li span{flex:1}.hoja-qr{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.qr{border:2px dashed var(--borde);text-align:center;color:#111;break-inside:avoid;background:#fff;border-radius:12px;padding:14px}.qr img{width:100%;max-width:200px}.qr .nombre{font-size:1.05rem;font-weight:700}.qr .sitio{color:#555;font-size:.8rem}@media print{.lateral,.barra-movil,.no-imprimir{display:none!important}.layout{display:block}.principal{max-width:none;padding:0}body{color:#000;background:#fff}.tarjeta{box-shadow:none;border-color:#ccc}.hoja-qr{grid-template-columns:repeat(3,1fr)}}.alarma{color:#fff;border-radius:var(--radio);background:#b91c1c;margin-bottom:18px;padding:10px 14px;animation:1.2s ease-in-out infinite latido}.alarma a{color:#fff;text-decoration:underline}.alarma-fila{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:4px 0;display:flex}.alarma .boton{color:#b91c1c;background:#fff}@keyframes latido{50%{box-shadow:0 0 0 6px #b91c1c40}}@media (prefers-reduced-motion:reduce){.alarma{animation:none}}.codigo{background:var(--superficie-2);border:1px solid var(--borde);word-break:break-all;border-radius:6px;padding:2px 6px;font-family:ui-monospace,Consolas,monospace}