:root{--bg:#061033;--bg-2:#0a1a4a;--panel:#0d2058;--panel-2:#12286b;--line:#7fd3f729;--ink:#e8f0ff;--ink-2:#c3d0ea;--muted:#8d9dc0;--cyan:#29b6f6;--cyan-2:#7fd3f7;--blue:#1e4fd8;--ok:#3ddc97;--warn:#ffb547;--bad:#ff6b6b;--grad:linear-gradient(120deg, #1e4fd8, #29b6f6);--font-h:"Sora", "Segoe UI", sans-serif;--font-b:"Inter", "Segoe UI", sans-serif;--font-m:"JetBrains Mono", monospace;--r:12px;--barra:60px;--lateral:236px}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--font-b);grid-template-columns:var(--lateral) minmax(0, 1fr);grid-template-rows:var(--barra) 1fr;margin:0;display:grid;overflow:hidden}a{color:inherit;text-decoration:none}h1{font:700 26px/1.15 var(--font-h);letter-spacing:-.02em;margin:0}h2{font:600 15px/1.3 var(--font-h);justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 12px;display:flex}h2 .muted{font:400 12px var(--font-m)}h3{font:600 14px var(--font-h);margin:16px 0 8px}.mono{font-family:var(--font-m)}.muted{color:var(--muted)}.mal{color:var(--bad)}.bien{color:var(--ok)}.aviso{color:var(--warn)}.placa{font:700 15px var(--font-m);letter-spacing:.06em;color:#0b1f5c;background:#fff;border:2px solid #0b1f5c;border-radius:4px;padding:1px 7px;display:inline-block}button{font:inherit;color:inherit}input,select,textarea{font:15px var(--font-b);color:var(--ink);border:1px solid var(--line);background:#030a22b3;border-radius:9px;width:100%;padding:10px 12px}input:focus,select:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px #29b6f62e}select option{color:#0b1f5c;background:#fff}.barra{border-bottom:1px solid var(--line);background:#040b24;grid-column:1/-1;align-items:center;gap:22px;min-width:0;padding:0 18px;display:flex;overflow:hidden}.barra__menu{cursor:pointer;background:0 0;border:0;padding:6px;font-size:22px;display:none}.barra__marca{font:600 17px var(--font-h);align-items:center;gap:8px;display:flex}.barra__marca small{font:500 10px var(--font-m);letter-spacing:.14em;text-transform:uppercase;color:var(--warn);border:1px solid #ffb54780;border-radius:999px;padding:2px 6px}.marca{font:800 20px var(--font-h);letter-spacing:-.04em;background:linear-gradient(120deg,#7fd3f7,#3a7bf0);color:#0000;-webkit-background-clip:text;background-clip:text}.marca i{color:#29b6f6;-webkit-text-fill-color:#29b6f6;font-style:normal}.barra__reloj{flex-direction:column;margin-left:auto;line-height:1.1;display:flex}.barra__reloj small{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10px}.barra__reloj b{color:var(--cyan-2);font-variant-numeric:tabular-nums;font-size:22px}.barra__sim{color:var(--ink-2);align-items:center;gap:14px;font-size:13px;display:flex}.barra__sim select{width:auto;padding:5px 8px;font-size:13px}.check{cursor:pointer;white-space:nowrap;align-items:center;gap:6px;display:flex}.check input{width:auto;accent-color:var(--cyan)}.lateral{border-right:1px solid var(--line);background:#040b24;flex-direction:column;padding:16px 12px;display:flex}.lateral nav a{color:var(--ink-2);border-radius:10px;align-items:center;gap:12px;margin-bottom:4px;padding:12px 14px;font-weight:500;transition:background .2s,color .2s;display:flex}.lateral nav a i{text-align:center;width:22px;color:var(--cyan-2);opacity:.8;font-style:normal}.lateral nav a:hover{color:#fff;background:#7fd3f712}.lateral nav a.is-on{color:#fff;background:linear-gradient(120deg,#1e4fd88c,#29b6f633)}.badge{min-width:22px;height:22px;font:700 12px var(--font-m);background:var(--warn);color:#06133a;border-radius:999px;place-items:center;margin-left:auto;padding:0 7px;display:grid}.badge.is-mal{background:var(--bad);color:#fff}.badge--azul{background:var(--cyan)}.lateral__pie{color:var(--muted);margin-top:auto;font-size:12px;line-height:1.45}.lateral__pie p{margin:0 0 10px}.vista{min-width:0;padding:24px 28px 60px;overflow:auto}.vista__cab{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.vista__cab p{margin:4px 0 0}.acciones{flex-wrap:wrap;gap:10px;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);min-width:0;padding:18px}.panel--ancho{grid-column:1/-1}.grid2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-porteria{grid-template-columns:1.1fr 1fr 1fr;align-items:start;gap:16px;display:grid}.grid-bascula{grid-template-columns:1.1fr 1fr;align-items:start;gap:16px;display:grid}.kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);border-left:3px solid var(--cyan);padding:14px 16px}.kpi b{font:700 28px/1 var(--font-h);letter-spacing:-.02em;font-variant-numeric:tabular-nums;display:block}.kpi small{color:var(--muted);margin-top:6px;font-size:12px;display:block}.kpi em{font:500 11.5px var(--font-m);color:var(--ink-2);margin-top:4px;font-style:normal;display:block}.kpi.mal{border-left-color:var(--bad)}.kpi.mal b{color:var(--bad)}.kpi.bien{border-left-color:var(--ok)}.kpi.aviso{border-left-color:var(--warn)}.kpi.aviso b{color:var(--warn)}.chip{font:600 11px/1.4 var(--font-m);letter-spacing:.02em;color:var(--cyan-2);white-space:nowrap;background:#7fd3f71f;border-radius:999px;padding:3px 9px;display:inline-block}.chip--en_cola{color:var(--warn);background:#ffb54726}.chip--admitido{color:#bfe9ff;background:#29b6f633}.chip--en_patio{color:#cfe0ff;background:#1e4fd866}.chip--salido{color:var(--ok);background:#3ddc9726}.chip--rechazado{color:var(--bad);background:#ff6b6b26}.dif{font:600 12px var(--font-m);border-radius:6px;padding:2px 7px}.dif--bien{color:var(--ok);background:#3ddc971f}.dif--mal{color:var(--bad);background:#ff6b6b26}.tabla{border-collapse:collapse;width:100%;font-size:13.5px}.tabla th{text-align:left;font:600 11px var(--font-m);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:6px 8px}.tabla td{vertical-align:middle;border-bottom:1px solid #7fd3f712;padding:8px}.tabla tr:last-child td{border-bottom:0}.tabla--compacta td,.tabla--compacta th{padding:5px 6px;font-size:12.5px}.tabla tr.mal td{color:var(--bad)}.franjas{grid-template-columns:repeat(12,1fr);align-items:end;gap:6px;height:120px;display:grid}.franja{flex-direction:column;align-items:center;gap:4px;height:100%;display:flex}.franja__barra{background:#7fd3f70f;border-radius:6px;flex:1;width:100%;position:relative;overflow:hidden}.franja__barra i,.franja__barra b{transition:height .6s;display:block;position:absolute;bottom:0;left:0;right:0}.franja__barra i{background:#7fd3f747}.franja__barra b{background:var(--grad)}.franja small{font:11px var(--font-m);color:var(--muted)}.franja.is-actual small{color:var(--warn);font-weight:700}.franja.is-actual .franja__barra{outline:1px solid var(--warn)}.franja.is-pasada{opacity:.7}.leyenda{color:var(--muted);align-items:center;gap:8px;margin:10px 0 0;font-size:12px;display:flex}.leyenda i{border-radius:2px;width:12px;height:8px;display:inline-block}.leyenda .l1{background:#7fd3f747}.leyenda .l2{background:var(--cyan)}.embudo{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.embudo__paso{background:#7fd3f70f;border-radius:10px;flex-direction:column;align-items:center;gap:6px;min-width:84px;padding:10px 12px;display:flex}.embudo__paso b{font:700 26px/1 var(--font-h)}.embudo__flecha{color:var(--muted)}.alertas{gap:6px;margin:0;padding:0;list-style:none;display:grid}.al{border-left:3px solid var(--cyan);background:#7fd3f70d;border-radius:8px;grid-template-columns:44px 1fr;gap:10px;padding:8px 10px;font-size:13px;display:grid}.al time{font:12px var(--font-m);color:var(--muted)}.al--aviso{border-left-color:var(--warn)}.al--alerta{border-left-color:var(--bad)}.lista{gap:10px;display:grid}.camion{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.camion header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.camion header .mono{margin-left:auto;font-size:12px}.camion__datos{color:var(--ink-2);gap:2px;font-size:13.5px;display:grid}.camion footer{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.camion footer p{width:100%;margin:0 0 6px;font-size:13px}.espera{font:600 12px var(--font-m);color:var(--warn);margin-right:auto}.espera.mal{color:var(--bad)}.fila-camion{border:1px solid #0000;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 12px;padding:8px 10px;display:grid}.fila-camion:nth-child(odd){background:#7fd3f70a}.fila-camion.is-sel{border-color:var(--cyan);background:#29b6f61a}.fila-camion .muted{grid-column:2;font-size:12px}.fila-camion button{grid-row:1/span 2}.resultado{margin-top:12px}.buscar{gap:8px;display:flex}.buscar input{text-transform:uppercase}.btn{cursor:pointer;font:600 14px var(--font-h);background:var(--grad);color:#fff;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;transition:transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 20px -10px #29b6f6cc}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px -10px #29b6f6}.btn:active{transform:translateY(0)}.btn--ghost{box-shadow:none;background:#081a4a80;border-color:#b9e8fb4d}.btn--ok{background:linear-gradient(120deg,#1c9c6c,#3ddc97)}.btn--mini{padding:6px 11px;font-size:12.5px}.btn--block{width:100%}.form{gap:12px;margin-top:12px;display:grid}.form label{font:500 12.5px var(--font-h);color:var(--ink-2);gap:5px;display:grid}.form__fila{grid-template-columns:1fr 1fr;gap:12px;display:grid}.indicador{background:#020617;border:2px solid #1b2a5e;border-radius:12px;grid-template-columns:1fr auto;align-items:baseline;gap:10px;margin-bottom:14px;padding:18px 22px;display:grid;box-shadow:inset 0 0 40px #29b6f614}.indicador__valor{font:700 54px/1 var(--font-m);color:#43e0ff;text-shadow:0 0 18px #43e0ff80;font-variant-numeric:tabular-nums;letter-spacing:.02em}.indicador__unidad{font:600 20px var(--font-m);color:var(--muted)}.indicador__estado{font:700 11px var(--font-m);letter-spacing:.2em;color:var(--muted);grid-column:1/-1}.indicador.is-leyendo .indicador__estado{color:var(--warn)}.indicador.is-leyendo .indicador__valor{color:#ffd27a;text-shadow:0 0 18px #ffd27a66}.indicador.is-estable .indicador__estado{color:var(--ok)}.indicador.is-estable .indicador__valor{color:#6ff5b8;text-shadow:0 0 18px #6ff5b880}.bascula__camion{margin-bottom:12px}.bascula__camion p{margin:8px 0 0;font-size:13px}.movil-marco{grid-template-columns:400px 1fr;align-items:start;gap:32px;display:grid}.movil{background:#0b1a45;border:6px solid #1b2a5e;border-radius:34px;width:400px;padding:14px 16px 26px;box-shadow:0 40px 80px -30px #000000b3}.movil__barra{font:12px var(--font-m);color:var(--muted);justify-content:space-between;padding:4px 8px 12px;display:flex}.form--movil{margin-top:0}.confirmacion{text-align:center;justify-items:center;gap:8px;display:grid}.confirmacion p{margin:0}.qr{background:#fff;border-radius:12px;width:160px;height:160px;padding:8px}.qr svg{width:100%;height:100%;display:block}.codigo{font:700 22px var(--font-m);letter-spacing:.1em;color:var(--cyan-2)}.movil-nota ul{color:var(--ink-2);padding-left:18px}.movil-nota li{margin-bottom:8px}.mini-lista{gap:6px;margin:0;padding:0;list-style:none;display:grid}.mini-lista li{background:#7fd3f70f;border-radius:8px;justify-content:space-between;padding:6px 10px;font-size:13px;display:flex}.toast{z-index:50;border:1px solid var(--ok);max-width:420px;color:var(--ink);opacity:0;background:#0d2058;border-radius:10px;padding:12px 16px;font-size:14px;transition:opacity .3s,transform .3s;position:fixed;bottom:20px;right:20px;transform:translateY(10px);box-shadow:0 20px 40px -20px #000c}.toast--aviso{border-color:var(--warn)}.toast.is-on{opacity:1;transform:none}@media print{body{color:#000;background:#fff;display:block;overflow:visible}.barra,.lateral,.acciones,.btn{display:none!important}.vista{padding:0;overflow:visible}.panel,.kpi{color:#000;break-inside:avoid;background:#fff;border-color:#ccc}.kpi b,.kpi small,.kpi em,.muted,.tabla th,.tabla td{color:#000!important}.placa{border-color:#000}.grid2{display:block}.chip{color:#000;background:0 0;border:1px solid #999}}@media (width<=1280px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-porteria{grid-template-columns:1fr 1fr}.grid-porteria>:first-child{grid-column:1/-1}}@media (width<=960px){body{grid-template-columns:minmax(0,1fr)}.barra__marca small,.barra__reloj small{display:none}.barra__reloj b{font-size:18px}.barra__sim{gap:8px}.barra__sim [data-accion=reiniciar]{display:none}.barra__sim .btn{padding:6px 10px;font-size:12px}.lateral__pie{display:block}.lateral{top:var(--barra);width:var(--lateral);z-index:40;transition:transform .25s;position:fixed;bottom:0;left:0;transform:translate(-100%)}body.menu-abierto .lateral{transform:none}.barra__menu{display:block}.barra{gap:12px;padding:0 12px}.barra__sim .check,.barra__sim label{display:none}.grid2,.grid-porteria,.grid-bascula,.movil-marco{grid-template-columns:1fr}.movil{width:100%}.vista{padding:16px 14px 60px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.tabla{white-space:nowrap;display:block;overflow-x:auto}.franjas{height:90px}}.lateral__pie .lateral__reiniciar{margin-bottom:12px;display:none}@media (width<=960px){.lateral__pie .lateral__reiniciar{display:inline-flex}}.solo-vivo{display:none}body.vivo .solo-vivo{display:block}body.vivo .solo-sim,body.vivo .barra__sim>:not([data-accion=reiniciar]){display:none}body.vivo .barra__marca small{color:var(--ok);border-color:#3ddc9780}body.vivo .barra__marca small:before{content:"";background:var(--ok);vertical-align:1px;width:6px;height:6px;box-shadow:0 0 6px var(--ok);border-radius:50%;margin-right:5px;display:inline-block}