:root{--fondo:#f4f5f7;--panel:#fff;--borde:#e2e5ea;--texto:#1b1f27;--gris:#6b7280;--acento:#d62828;--acento-osc:#b21f1f;--verde:#15803d;--rojo:#c81e1e;--barra:#15181e;--sel:#fff1f1;--radio:10px;color:var(--texto);background:var(--fondo);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}*{box-sizing:border-box}body{background:var(--fondo);margin:0}button{font:inherit;cursor:pointer}input,select{font:inherit;color:inherit}h1,h2,h3{margin:0}h1{font-size:22px}h3{margin-bottom:10px;font-size:15px}kbd{opacity:.75;border:1px solid;border-radius:4px;padding:1px 5px;font-family:ui-monospace,Consolas,monospace;font-size:11px}.app{flex-direction:column;min-height:100vh;display:flex}.barra{background:var(--barra);color:#fff;flex-shrink:0;align-items:center;gap:18px;height:56px;padding:0 16px;display:flex}.marca{white-space:nowrap;align-items:center;gap:8px;font-weight:700;display:flex}.logo{background:var(--acento);border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.barra nav{flex:1;gap:4px;display:flex;overflow-x:auto}.barra nav button{color:#c9ced8;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:8px 12px}.barra nav button:hover{color:#fff;background:#262b35}.barra nav button.activo{background:var(--acento);color:#fff}.estado{gap:6px;display:flex}.pill{white-space:nowrap;border-radius:99px;padding:3px 9px;font-size:12px}.pill.ok{color:#7ee2a0;background:#1f3a2a}.pill.alerta{color:#ffb3b3;background:#4a1f1f}.pill.gris{color:#c9ced8;background:#33373f}main{flex-direction:column;flex:1;min-height:0;display:flex}.primario,.secundario,.peligro{border:1px solid #0000;border-radius:8px;padding:9px 14px;font-weight:600}.primario{background:var(--acento);color:#fff}.primario:hover:not(:disabled){background:var(--acento-osc)}.primario:disabled{opacity:.45;cursor:not-allowed}.secundario{background:var(--panel);border-color:var(--borde);color:var(--texto)}.secundario:hover{border-color:#c4c9d2}.peligro{color:var(--rojo);background:0 0;border-color:#f1c4c4}.grande{padding:13px 22px;font-size:16px}.link{color:var(--acento);background:0 0;border:0;padding:0;text-decoration:underline}.venta{flex:1;grid-template-columns:1fr 320px;gap:16px;min-height:0;padding:16px;display:grid}.venta-izq{flex-direction:column;gap:12px;min-height:0;display:flex}.buscador{position:relative}.buscador input{border-radius:var(--radio);border:2px solid var(--borde);background:var(--panel);outline:none;width:100%;padding:14px 16px;font-size:17px}.buscador input:focus{border-color:var(--acento)}.sugerencias{z-index:5;background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 10px 30px #0000001f}.sugerencias li{cursor:pointer;border-radius:7px;grid-template-columns:80px 1fr auto 100px;align-items:center;gap:12px;padding:9px 10px;display:grid}.sugerencias li.activo,.sugerencias li:hover{background:var(--sel)}.sugerencias .cod{color:var(--gris);font-family:ui-monospace,Consolas,monospace}.sugerencias .pre{text-align:right;font-weight:600}.sugerencias .stock{color:var(--gris);font-size:12px}.tabla-scroll{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);flex:1;min-height:200px;overflow:auto}.tabla{border-collapse:collapse;width:100%}.tabla th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--gris);border-bottom:1px solid var(--borde);background:#fafbfc;padding:10px 12px;font-size:12px;position:sticky;top:0}.tabla td{vertical-align:middle;border-bottom:1px solid #f0f1f4;padding:9px 12px}.tabla tr.sel td{background:var(--sel)}.tabla tr.clic{cursor:pointer}.tabla tr.clic:hover td{background:#fafafa}.tabla tr.anulada td{color:var(--gris);text-decoration:line-through}.d{text-align:right!important}.c{text-align:center!important}.mono{color:var(--gris);font-family:ui-monospace,Consolas,monospace;font-size:13px}.fuerte{font-weight:700}.gris{color:var(--gris)}.rojo{color:var(--rojo)}.verde{color:var(--verde)}.sin-items{text-align:center;color:var(--gris);padding:40px!important}.cant{border:1px solid var(--borde);border-radius:8px;align-items:center;display:inline-flex;overflow:hidden}.cant button{background:#f4f5f7;border:0;width:30px;height:32px;font-size:16px}.cant input{text-align:center;-moz-appearance:textfield;border:0;outline:none;width:52px;height:32px}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.precio{text-align:right;background:0 0;border:1px solid #0000;border-radius:6px;width:100px;padding:4px 6px}.precio:hover,.precio:focus{border-color:var(--borde);background:#fff;outline:none}.nivel{text-transform:uppercase;color:var(--gris);font-size:11px;font-weight:600;display:block}.n-x3{color:#2563eb}.n-docena{color:#7c3aed}.n-bulto{color:var(--verde)}.n-manual{color:#b45309}.quitar{color:var(--gris);background:0 0;border:0;border-radius:6px;width:30px;height:30px;font-size:20px}.quitar:hover{color:var(--rojo);background:#fde8e8}.atajos{color:var(--gris);flex-wrap:wrap;gap:14px;font-size:13px;display:flex}.atajos kbd{margin-right:3px}.venta-der{flex-direction:column;gap:10px;display:flex}.total-caja{background:var(--barra);color:#fff;border-radius:var(--radio);padding:20px}.total-caja .etq{text-transform:uppercase;letter-spacing:.08em;color:#9aa1ad;font-size:13px}.total-caja .total{font-variant-numeric:tabular-nums;margin:6px 0;font-size:44px;font-weight:800;line-height:1.1}.total-caja .sub{color:#9aa1ad;font-size:13px}.cobrar{padding:18px;font-size:20px}.cobrar kbd{color:#fff}.ultima{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);justify-content:space-between;padding:12px;font-size:14px;display:flex}.toast{color:#9ff0bb;border-radius:var(--radio);background:#142a1d;padding:12px 14px;font-weight:600}.vacio{text-align:center;flex:1;place-content:center;gap:10px;padding:40px;display:grid}.vacio p{color:var(--gris);margin:0 0 10px}.pagina{flex-direction:column;flex:1;gap:14px;min-height:0;padding:16px 20px;display:flex}.pagina-cab{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pagina-cab input[type=date]{border:1px solid var(--borde);border-radius:8px;padding:8px 10px}.acciones{flex-wrap:wrap;gap:8px;display:flex}.info{color:#1e4fa3;cursor:pointer;background:#eef6ff;border:1px solid #cfe3ff;border-radius:8px;padding:10px 14px}.tarjetas{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.tarjeta{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.tarjeta span{color:var(--gris);font-size:13px}.tarjeta b{font-variant-numeric:tabular-nums;font-size:24px}.tarjeta small{color:var(--gris);font-size:11px}.tarjeta.verde b{color:var(--verde)}.tarjeta.alerta{cursor:pointer;border-color:#f3c0c0}.tarjeta.alerta b{color:var(--rojo)}.filtros{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filtros input,.filtros select{border:1px solid var(--borde);background:var(--panel);border-radius:8px;padding:9px 12px}.filtros input{flex:1;min-width:200px}.check{align-items:center;gap:6px;font-size:14px;display:flex}.panel{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);padding:16px}.dos-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.dos-col .tabla-scroll{min-height:300px}.fila{font-variant-numeric:tabular-nums;border-bottom:1px dashed #eceef2;justify-content:space-between;gap:12px;padding:7px 0;display:flex}.fila:last-child{border-bottom:0}.total-fila{border-top:2px solid var(--texto);border-bottom:0;margin-top:4px;padding-top:9px}.alerta-caja{color:var(--rojo);background:#fdecec;border:1px solid #f3c0c0;border-radius:8px;padding:10px 14px;font-weight:600}.etiqueta{text-transform:uppercase;border-radius:99px;margin-left:4px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block}.e-nuevo{color:var(--verde);background:#ecfdf3}.e-vuelve{color:#1e4fa3;background:#eef6ff}.e-sinDatos{color:var(--gris);background:#f0f1f4}.sin-alto{border:0;flex:none;min-height:0}.historial{border:1px solid var(--borde);border-radius:8px;max-height:240px;padding:4px 12px;overflow:auto}.unir{gap:8px;display:flex}.form textarea{border:1px solid var(--borde);width:100%;font:inherit;resize:vertical;border-radius:8px;outline:none;padding:10px 12px;font-weight:400}.form textarea:focus{border-color:var(--acento)}.apertura{width:100%;max-width:420px;margin:30px auto 0}.apertura h2{margin-bottom:14px}.fondo-modal{z-index:50;background:#0f12188c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border-radius:14px;width:100%;max-width:560px;max-height:92vh;padding:20px;overflow:auto;box-shadow:0 20px 60px #0000004d}.modal-cab{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.x{color:var(--gris);background:0 0;border:0;font-size:26px;line-height:1}.form{flex-direction:column;gap:12px;display:flex}.form label{color:#374151;flex-direction:column;gap:5px;font-size:13px;font-weight:600;display:flex}.form label small{color:var(--verde);font-weight:600}.form input{border:1px solid var(--borde);border-radius:8px;outline:none;width:100%;min-width:0;padding:10px 12px;font-size:15px;font-weight:400}.form input:focus{border-color:var(--acento)}.fila2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fila4{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.calc{background:#f8f9fb;border-radius:10px;grid-template-columns:160px 1fr;align-items:end;gap:12px;padding:12px;display:grid}.margenes{color:#374151;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.margenes input{text-align:center;border:1px solid var(--borde);border-radius:8px;width:58px;padding:9px 6px}.botones{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.cobro{flex-direction:column;gap:10px;display:flex}.cobro-total{text-align:center;font-variant-numeric:tabular-nums;font-size:42px;font-weight:800}.rapidos{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.rapidos button{padding:8px 4px;font-size:13px}.fila-pago{grid-template-columns:1fr 180px;align-items:center;gap:10px;font-weight:600;display:grid}.fila-pago input{border:1px solid var(--borde);text-align:right;border-radius:8px;outline:none;padding:10px 12px;font-size:17px}.fila-pago input:focus{border-color:var(--acento)}.cliente-cobro{border-bottom:1px solid var(--borde);flex-direction:column;gap:8px;padding-bottom:10px;display:flex}.cliente-info{background:#f4f5f7;border-radius:8px;flex-direction:column;gap:2px;padding:9px 12px;font-size:14px;display:flex}.cliente-info.vuelve{color:#1e4fa3;background:#eef6ff}.cliente-info.nuevo{color:var(--verde);background:#ecfdf3}.sin-datos{align-self:flex-start;padding:6px 12px;font-size:13px}.resumen-pago{text-align:center;padding:6px 0;font-size:22px;font-weight:700}.ticket{display:none}@media print{@page{size:80mm auto;margin:3mm}body *{visibility:hidden}.ticket,.ticket *{visibility:visible}.ticket{color:#000;width:74mm;font-family:ui-monospace,Consolas,monospace;font-size:11px;display:block;position:absolute;top:0;left:0}.ticket hr{border:0;border-top:1px dashed #000}.t-c{text-align:center}.t-b{font-weight:700}.t-f{justify-content:space-between;display:flex}}@media (width<=900px){.venta,.dos-col{grid-template-columns:1fr}.fila4{grid-template-columns:1fr 1fr}.calc{grid-template-columns:1fr}.estado{display:none}.barra{gap:10px}.marca span+*{display:none}}