:root{--azul: #335c9d;--azul-osc: #284a80;--azul-claro: #e6edf7;--azul-borde: #c5d3ea;--texto: #1d2733;--tenue: #5f6b7a;--linea: #dfe5ee;--fondo: #ffffff;--fondo-2: #f5f7fb;--ok: #1f7a3d;--ok-claro: #e2f3e7;--aviso: #8a5a00;--aviso-claro: #fdf1d6;--error: #b3261e;--error-claro: #fbe3e1;--mono: ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;overscroll-behavior-y:none;background:var(--fondo);color:var(--texto);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--azul)}.barra{background:var(--azul);color:#fff;position:sticky;top:0;z-index:10}.barra-in{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;max-width:1200px;margin:0 auto}.marca{font-weight:700;letter-spacing:.02em}.barra-usuario{font-weight:600}.estado-red{background:var(--azul-osc);color:#fff;font-size:12px;text-align:center;padding:3px 8px}.estado-red.offline{background:var(--error)}.btn-barra{background:transparent;color:#fff;border-color:#fff9}.contenedor{max-width:1200px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:14px}.contenedor.angosto{max-width:680px}.titulo{font-size:22px;margin:4px 0}.titulo.sin-margen{margin:0}.subtitulo{font-size:16px;margin:0 0 8px;color:var(--azul)}.tenue{color:var(--tenue)}.pequeno{font-size:13px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.b{font-weight:700}.centrado{text-align:center}.der{text-align:right}.centro{text-align:center}.tachado{text-decoration:line-through;color:var(--tenue)}.pie{text-align:center}.crece{flex:1 1 auto;min-width:0}.tarjeta{background:#fff;border:1px solid var(--linea);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:10px}.fila-titulo{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.acciones-col{display:flex;flex-direction:column;gap:6px}.fila-botones{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.fila-botones.izq{justify-content:flex-start}.fila-botones>.btn-grande{flex:1 1 140px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--azul-borde);background:#fff;color:var(--azul);border-radius:8px;padding:9px 14px;min-height:42px;cursor:pointer;text-decoration:none;font-weight:600}.btn:hover{border-color:var(--azul)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,.campo:focus,.campo-scan:focus,.campo-num:focus{outline:3px solid rgba(51,92,157,.35);outline-offset:1px}.btn-primario{background:var(--azul);border-color:var(--azul);color:#fff}.btn-primario:hover{background:var(--azul-osc)}.btn-peligro{background:var(--error);border-color:var(--error);color:#fff}.btn-peligro-borde{color:var(--error);border-color:var(--error)}.btn-sm{min-height:34px;padding:5px 10px;font-size:13px}.btn-xs{min-height:26px;padding:2px 8px;font-size:12px}.btn-grande{min-height:56px;font-size:17px}.etiqueta{display:block;font-size:13px;color:var(--tenue);margin-bottom:4px}.campo{width:100%;border:1px solid var(--linea);border-radius:8px;padding:10px 12px;background:#fff;min-width:0}.campo-scan{width:100%;border:2px solid var(--azul);border-radius:10px;padding:14px;font-size:22px;font-family:var(--mono);background:var(--azul-claro)}.campo-num{width:100%;border:2px solid var(--azul-borde);border-radius:10px;padding:12px;font-size:26px;font-family:var(--mono);text-align:center}.alerta{border-radius:8px;padding:10px 12px;background:var(--azul-claro);color:var(--azul-osc)}.alerta.ok{background:var(--ok-claro);color:var(--ok);font-weight:600}.alerta.aviso{background:var(--aviso-claro);color:var(--aviso)}.alerta.error{background:var(--error-claro);color:var(--error)}.alerta.grande{font-size:18px;font-weight:700}.alerta.mini{display:inline-block;padding:2px 10px;font-size:13px}.lista-simple{margin:6px 0;padding-left:18px}.chip{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:600;background:var(--fondo-2);color:var(--tenue);white-space:nowrap}.chip.ok{background:var(--ok-claro);color:var(--ok)}.chip.aviso{background:var(--aviso-claro);color:var(--aviso)}.chip.error{background:var(--error-claro);color:var(--error)}.chip.info{background:var(--azul-claro);color:var(--azul)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.tarjeta-rol{display:flex;flex-direction:column;gap:6px;padding:24px;border:2px solid var(--azul-borde);border-radius:12px;text-decoration:none;color:var(--texto)}.tarjeta-rol:hover{border-color:var(--azul);background:var(--azul-claro)}.tarjeta-rol .rol{font-size:20px;font-weight:700;color:var(--azul)}.grid-nombres{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.btn-nombre{min-height:80px;font-size:19px;font-weight:700;border:2px solid var(--azul-borde);background:#fff;color:var(--azul);border-radius:12px;cursor:pointer}.btn-nombre:active,.btn-nombre:hover{background:var(--azul-claro);border-color:var(--azul)}.lista{display:flex;flex-direction:column;gap:8px}.item-lista{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:14px;border:1px solid var(--linea);border-radius:10px;background:#fff;text-align:left;cursor:pointer}.item-titulo{font-weight:700;font-size:17px}.item-articulo{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px;border:1px solid var(--linea);border-left:5px solid var(--linea);border-radius:10px;background:#fff;text-align:left;cursor:pointer;min-height:60px}.item-articulo.contado{border-left-color:var(--azul)}.item-articulo.cerrado{opacity:.55}.item-articulo .sku{font-family:var(--mono);font-weight:700;font-size:17px}.item-articulo .desc{color:var(--tenue);font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-articulo .mi-total{font-family:var(--mono);font-weight:700;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.item-articulo .vacio{color:var(--linea);font-size:22px}.sku-grande{font-family:var(--mono);font-size:30px;font-weight:800;color:var(--azul)}.total-articulo{text-align:right}.numero{font-family:var(--mono);font-size:32px;font-weight:800;color:var(--azul);line-height:1}.numero-md{font-family:var(--mono);font-size:22px;font-weight:700}.numero-sm{font-family:var(--mono);font-weight:700}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fila-total{display:flex;align-items:center;gap:12px;justify-content:space-between;background:var(--azul-claro);border-radius:8px;padding:10px 12px;flex-wrap:wrap}.renglon{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--linea)}.acciones-pie{display:flex;flex-direction:column;gap:8px}@media(max-width:420px){.grid-3{grid-template-columns:1fr 1fr}.grid-3>:first-child{grid-column:1 / -1}}.tabs{display:flex;gap:4px;border-bottom:2px solid var(--linea);flex-wrap:wrap}.tabs button{border:0;background:none;padding:10px 14px;cursor:pointer;color:var(--tenue);font-weight:600;border-bottom:3px solid transparent;margin-bottom:-2px}.tabs button.activa{color:var(--azul);border-bottom-color:var(--azul)}.barra-doc{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.kpi{border:1px solid var(--linea);border-radius:10px;padding:12px}.kpi-t{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--tenue)}.kpi-v{font-family:var(--mono);font-size:24px;font-weight:700}.kpi-v small{font-size:14px;color:var(--tenue)}.medidor{height:6px;background:var(--fondo-2);border-radius:99px;overflow:hidden;margin-top:8px}.medidor i{display:block;height:100%;background:var(--azul)}.filtros{display:flex;gap:6px;flex-wrap:wrap}.filtros button{border:1px solid var(--azul-borde);background:#fff;color:var(--azul);border-radius:99px;padding:5px 12px;cursor:pointer;font-size:13px}.filtros button.activa{background:var(--azul);color:#fff;border-color:var(--azul)}.tabla-cont{overflow-x:auto;border:1px solid var(--linea);border-radius:10px}.tabla{width:100%;border-collapse:collapse;min-width:760px}.tabla th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--tenue);padding:10px;border-bottom:1px solid var(--linea);background:var(--fondo-2);white-space:nowrap}.tabla td{padding:9px 10px;border-bottom:1px solid var(--linea);vertical-align:middle}.tabla th.der,.tabla td.der{text-align:right}.tabla .fila{cursor:pointer}.tabla .fila:hover td{background:var(--fondo-2)}.tabla .fila-alerta td{background:#fffaf0}.tabla .detalle>td{background:var(--fondo-2);padding:14px}.tabla.mini{min-width:0;background:#fff;font-size:13px}.tabla.mini th{background:#fff}.anulada td{text-decoration:line-through;color:var(--tenue)}.anulada td:last-child{text-decoration:none}.detalle-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px}@media(max-width:800px){.detalle-grid{grid-template-columns:1fr}}.bloque-desp{margin-bottom:12px;display:flex;flex-direction:column;gap:6px}.nota{background:#fff;border:1px solid var(--linea);border-radius:6px;padding:6px 10px;margin:8px 0;font-size:13px}.txt-error{color:var(--error);font-weight:700}.txt-aviso{color:var(--aviso);font-weight:700}.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.abajo{display:flex;align-items:flex-end}.modal-fondo{position:fixed;inset:0;background:#141e3273;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:#fff;border-radius:12px;padding:20px;width:100%;max-width:460px;display:flex;flex-direction:column;gap:12px}.nombre-modal{font-size:30px;font-weight:800;text-align:center;color:var(--azul)}.toast{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:60;background:var(--texto);color:#fff;padding:12px 16px;border-radius:8px;max-width:calc(100% - 32px);box-shadow:0 6px 20px #0003}.toast.ok{background:var(--ok)}.toast.error{background:var(--error)}.toast.aviso{background:var(--aviso)}.fila-scan{display:flex;gap:8px;align-items:stretch}.fila-scan .campo-scan{flex:1 1 auto;min-width:0}.btn-teclado{flex:0 0 auto;max-width:42%;white-space:normal;line-height:1.2;font-size:14px}.tabla tr.fila.seleccionada td{background:var(--azul)!important;color:#fff}.tabla tr.fila.seleccionada td .chip{background:#fff}.tabla tr.fila.seleccionada td.txt-error,.tabla tr.fila.seleccionada td.txt-aviso{color:#fff}.tabla tr.detalle>td{background:var(--azul-claro);border-left:6px solid var(--azul);border-bottom:3px solid var(--azul)}.tabla tr.detalle .tabla-cont,.tabla tr.detalle .tabla.mini{background:#fff}.barra-tabla{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between}.barra-tabla .campo{max-width:280px}.paginas{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.paginas button{border:1px solid var(--azul-borde);background:#fff;color:var(--azul);border-radius:6px;padding:5px 10px;cursor:pointer;font-family:var(--mono);font-size:12px}.paginas button.activa{background:var(--azul);border-color:var(--azul);color:#fff}.paginas button:disabled{opacity:.4;cursor:not-allowed}.check{display:flex;gap:8px;align-items:center;cursor:pointer}.sel-pagina{width:auto;min-width:260px;font-family:var(--mono);font-size:13px;padding:7px 10px}.paginas button{font-size:16px;padding:4px 12px}