:root{--azul:#1a8fe3;--azul-oscuro:#0f6fb5;--azul-claro:#e8f3fc;--gris-1:#f5f7fa;--gris-2:#e3e8ee;--gris-3:#8a94a6;--texto:#1f2a37;--verde:#2e9e5b;--rojo:#d64545;--ambar:#e0a100;--radio:3px;color:var(--texto);font-family:Arial,Helvetica,sans-serif;font-size:13px}*{box-sizing:border-box}body{background:#fff;margin:0}a{color:var(--azul-oscuro);text-decoration:none}a:hover{text-decoration:underline}.app{grid-template-columns:210px 1fr;min-height:100vh;display:grid}.menu{background:var(--azul-oscuro);color:#fff;padding:0}.menu h1{background:var(--azul);letter-spacing:.3px;margin:0;padding:14px 16px;font-size:15px}.menu nav a{color:#fff;border-left:3px solid #0000;padding:9px 16px;display:block}.menu nav a:hover{background:#ffffff14;text-decoration:none}.menu nav a.activo{background:#ffffff24;border-left-color:#fff;font-weight:700}.menu .usuario{border-top:1px solid #fff3;margin-top:12px;padding:12px 16px;font-size:12px}.menu .usuario button{margin-top:6px}.contenido{min-width:0;padding:12px 16px 40px}.barra{background:var(--azul);color:#fff;justify-content:space-between;align-items:center;margin:0 0 10px;padding:7px 12px;font-size:15px;font-weight:700;display:flex}.barra small{opacity:.9;font-size:12px;font-weight:400}.filtros{flex-wrap:wrap;align-items:end;gap:8px 16px;margin-bottom:10px;display:flex}.filtros label{color:var(--gris-3);flex-direction:column;gap:3px;font-size:12px;display:flex}input,select,textarea{font:inherit;border:1px solid var(--gris-2);border-radius:var(--radio);color:var(--texto);background:#fff;padding:4px 6px}input:focus,select:focus,textarea:focus{outline:2px solid var(--azul-claro);border-color:var(--azul)}input[type=number]{text-align:right;width:90px}button{font:inherit;border:1px solid var(--azul-oscuro);background:var(--azul);color:#fff;border-radius:var(--radio);cursor:pointer;padding:5px 10px}button:hover{background:var(--azul-oscuro)}button:disabled{opacity:.5;cursor:default}button.sec{color:var(--azul-oscuro);background:#fff}button.sec:hover{background:var(--azul-claro)}button.peligro{background:var(--rojo);border-color:#a83232}button.mini{padding:1px 6px;font-size:12px;line-height:1.4}.tabla-wrap{border:1px solid var(--gris-2);border-radius:var(--radio);overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th,td{border-bottom:1px solid var(--gris-2);text-align:left;vertical-align:middle;padding:4px 8px}th{background:var(--gris-1);cursor:default;font-weight:700;position:sticky;top:0}tbody tr:nth-child(2n){background:#fafbfd}tbody tr:hover{background:var(--azul-claro)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}td.centro,th.centro{text-align:center}tr.sel{background:#fff4d6!important}.pie{color:var(--gris-3);justify-content:space-between;align-items:center;padding:6px 2px;font-size:12px;display:flex}.tag{background:var(--gris-2);border-radius:10px;padding:1px 7px;font-size:11px;display:inline-block}.tag.en_proceso{background:#fff1c2}.tag.secuenciada,.tag.validada{background:var(--azul-claro)}.tag.terminada,.tag.confirmada_sap,.tag.empacada,.tag.confirmada,.tag.completado{background:#d9f2e3}.tag.cancelada,.tag.rechazada{background:#fbd9d9}.tag.creada,.tag.pendiente{background:var(--gris-2)}.punto{background:var(--gris-2);vertical-align:middle;border-radius:50%;width:11px;height:11px;display:inline-block}.punto.ok{background:var(--verde)}.punto.mal{background:var(--rojo)}.punto.aviso{background:var(--ambar)}.kpis{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.kpi{border:1px solid var(--gris-2);border-top:3px solid var(--azul);min-width:150px;padding:8px 12px}.kpi b{font-size:20px;display:block}.kpi span{color:var(--gris-3);font-size:12px}.panel{border:1px solid var(--gris-2);border-radius:var(--radio);margin-bottom:12px;padding:10px 12px}.panel h3{color:var(--azul-oscuro);text-transform:uppercase;letter-spacing:.3px;margin:0 0 8px;font-size:13px}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.campos{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px 14px;display:grid}.campos label{color:var(--gris-3);flex-direction:column;font-size:11px;display:flex}.campos label b,.campos label span.v{color:var(--texto);font-size:13px;font-weight:400}.acciones{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.msg{border-radius:var(--radio);margin:8px 0;padding:8px 10px}.msg.ok{background:#d9f2e3}.msg.error{background:#fbd9d9}.msg.info{background:var(--azul-claro)}.cargando{color:var(--gris-3);text-align:center;padding:20px}.login{max-width:360px;margin:80px auto}.login form{flex-direction:column;gap:10px;display:flex}.ia{white-space:pre-wrap;border-radius:var(--radio);background:#fffbe6;border:1px solid #f0dd8a;padding:10px}@media (width<=800px){.app{grid-template-columns:1fr}.menu nav{flex-wrap:wrap;display:flex}.grid2{grid-template-columns:1fr}}.barra .tag{color:#fff;background:#ffffff40}