:root{--fondo:#edf0f4;--papel:#fff;--papel-2:#f5f8fb;--linea:#c7d2df;--linea-fina:#e3e9f0;--tinta:#16222e;--suave:#5b6a7a;--suave-claro:#9fadbc;--apagado:#94a3b2;--sombra:#d5dce5;--mal:#b03a2b;--bien:#1f7a4d;--acento:#2a6bae;--sobre-acento:#fff;--barra:#16222e;--sobre-barra:#e8eef4;--suave-barra:#93a4b5;--linea-barra:#2a3a4b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{-webkit-font-smoothing:antialiased;background:var(--fondo);height:100%;color:var(--tinta);margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{-webkit-user-select:none;user-select:none}button,input{font:inherit;color:inherit}button:active:not(:disabled){transform:scale(.985)}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:3px solid var(--tinta);outline-offset:2px}.cifra{font-variant-numeric:tabular-nums}.tpv{flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.barra-zonas{background:var(--barra);height:64px;color:var(--sobre-barra);border-bottom:1px solid var(--linea-barra);flex-shrink:0;justify-content:space-between;align-items:stretch;display:flex}.zona{border:0;border-right:1px solid var(--linea-barra);min-width:150px;color:inherit;letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:0 0;padding:0 26px;font-size:17px;font-weight:500}.aviso-barra{color:var(--suave-barra);font-size:13px}.zona.activa{background:var(--acento);color:var(--sobre-acento);font-weight:700}.cuerpo{flex:1;min-height:0;display:flex}.izquierda{border-right:1px solid var(--linea);flex-direction:column;flex:1;min-width:0;display:flex}.area{background:var(--papel-2);flex-direction:column;flex:1;min-height:0;padding:14px;display:flex}.area-cabecera{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:48px;display:flex}.volver{border:1px solid var(--linea);background:var(--papel);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:44px;display:flex}.rejilla{flex:1;grid-template-columns:repeat(auto-fill,minmax(152px,1fr));grid-auto-rows:minmax(112px,auto);align-content:start;gap:10px;min-height:0;margin-top:12px;display:grid;overflow-y:auto}.familias{background:var(--papel);border-top:1px solid var(--linea);flex-shrink:0;grid-template-rows:repeat(2,112px);grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:10px;height:262px;padding:14px;display:grid;overflow:hidden}.familia{border:1px solid var(--linea);background:var(--papel);cursor:pointer;text-align:left;border-radius:6px;align-items:center;padding:12px;font-size:17px;font-weight:600;display:flex}.familia.flecha{background:var(--papel-2);justify-content:center;font-size:30px}.familia.activa{background:var(--acento);color:var(--sobre-acento);border-color:var(--acento);font-weight:700}.derecha{background:var(--papel);flex-direction:column;flex-shrink:0;width:38%;min-width:360px;max-width:520px;display:flex}.cuenta{border-bottom:1px solid var(--linea);flex-direction:column;flex:1;min-height:0;display:flex}.cuenta-cabecera{border-bottom:1px solid var(--linea-fina);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.lineas{flex:1;min-height:0;padding:6px 0;overflow-y:auto}.linea{cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;min-height:56px;padding:9px 16px;font-size:16px;font-weight:500;display:flex}.linea.elegida{background:var(--acento);color:var(--sobre-acento)}.linea.elegida span{color:inherit!important}.total{border-top:1px solid var(--linea);background:var(--papel-2);flex-shrink:0;justify-content:space-between;align-items:center;height:80px;padding:0 16px;display:flex}.acciones{border-bottom:1px solid var(--linea);flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;display:grid}.cobrar{background:var(--acento);min-height:80px;color:var(--sobre-acento);letter-spacing:.04em;cursor:pointer;border:0;border-radius:6px;grid-column:1/-1;font-size:22px;font-weight:700}.empleado{background:var(--papel-2);flex-shrink:0;justify-content:space-between;align-items:center;height:74px;padding:0 16px;display:flex}.velo{background:#1a1a178c;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.recuadro{background:var(--papel);border:1px solid var(--tinta);border-radius:10px;width:min(620px,94vw);padding:28px;box-shadow:0 24px 60px #00000059}.empleados{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:20px;display:grid}.tarjeta-empleado{border:1px solid var(--linea);background:var(--papel);cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:88px;padding:0 20px;display:flex}.caja-importe{border:1px solid var(--linea);background:var(--papel-2);border-radius:6px;flex:180px;min-width:0;padding:14px 16px}.caja-importe.oscura{background:var(--acento);color:var(--sobre-acento);border-color:var(--acento)}.pago{border:2px solid var(--tinta);background:var(--papel);letter-spacing:.03em;cursor:pointer;border-radius:6px;flex:1;min-height:88px;font-size:20px;font-weight:700}.pago.principal{background:var(--acento);color:var(--sobre-acento);border-color:var(--acento)}.lista-aviso{border:1px solid var(--linea-fina);border-radius:6px;max-height:240px;margin-top:16px;overflow-y:auto}.fila-aviso{border-bottom:1px solid var(--linea-fina);align-items:center;gap:10px;padding:11px 14px;font-size:16px;display:flex}.fila-aviso:last-child{border-bottom:0}.ticket{border:1px solid var(--linea-fina);border-radius:6px;max-height:46vh;padding:18px 16px;overflow-y:auto}.cierre{flex-direction:column;height:100vh;display:flex;overflow:hidden}.cierre-cuerpo{flex:1;grid-template-columns:1fr 380px 1fr;align-items:stretch;gap:16px;min-height:0;padding:16px;display:grid}@media (max-width:1279px){.cierre-cuerpo{grid-template-columns:1fr 1fr}.cierre-centro{order:-1;grid-column:1/-1}}.cierre-panel{background:var(--papel);border:1px solid var(--linea);border-radius:8px;min-width:0;padding:18px;overflow-y:auto}.cierre-centro{background:var(--papel-2);flex-direction:column;display:flex}.titulillo{letter-spacing:.16em;color:var(--suave);margin:0 0 12px;font-size:12px;font-weight:600}.etiqueta{letter-spacing:.1em;color:var(--suave);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.cifras{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:20px;display:grid}.cifra-caja{border:1px solid var(--linea);background:var(--papel-2);border-radius:6px;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.cifra-caja.oscura{background:var(--acento);color:var(--sobre-acento);border-color:var(--acento)}.cifra-caja.oscura .etiqueta{color:#fffc}.cifra-caja strong{font-size:28px;font-weight:700}.tabla{border:1px solid var(--linea-fina);border-radius:6px}@media print{.velo{background:0 0;padding:0;position:static}.tpv>.cuerpo,.tpv>.barra-zonas,.recuadro>h2,.recuadro>div:last-child{display:none!important}.recuadro{box-shadow:none;border:0;padding:0;width:100%!important}.ticket{border:0;max-height:none}}.lista-tickets{border:1px solid var(--linea-fina);border-radius:6px}.ticket-fila{border-bottom:1px solid var(--linea-fina);align-items:center;gap:12px;padding:10px 14px;display:flex}.ticket-fila:last-child{border-bottom:0}.ticket-num{min-width:56px;color:var(--suave);font-size:13px}.ticket-medio{flex-direction:column;flex:1;min-width:0;display:flex}.ticket-medio strong{font-size:15px}.ticket-pie{color:var(--suave);font-size:12px}.ticket-total{text-align:right;min-width:90px;font-weight:700}.descuadre-marca{color:var(--mal);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.cuadre-campos{gap:8px;margin-bottom:10px;display:grid}.cuadre-campo{border:1px solid var(--linea);border-left:4px solid var(--linea);background:var(--papel);cursor:pointer;text-align:left;border-radius:6px;justify-content:space-between;align-items:baseline;gap:12px;min-height:56px;padding:0 14px;display:flex}.cuadre-campo.elegido{border-color:var(--acento);border-left-color:var(--acento);background:var(--papel-2)}.cuadre-campo strong{font-size:24px;font-weight:700}.cuadre-cuentas{border-top:1px solid var(--linea-fina);margin-top:8px;padding-top:10px}.cuadre-linea{color:var(--suave);justify-content:space-between;align-items:baseline;padding:3px 0;font-size:14px;display:flex}.cuadre-linea strong{color:var(--tinta);font-size:17px}.cuadre-veredicto{border-radius:6px;justify-content:space-between;align-items:center;min-height:56px;margin-top:6px;padding:0 16px;font-size:16px;font-weight:700;display:flex}.cuadre-veredicto strong{font-size:24px}.cuadre-veredicto.pendiente{background:var(--papel);border:1px dashed var(--linea);color:var(--suave);justify-content:center;font-weight:500}.cuadre-veredicto.bien{background:var(--bien);color:#fff;justify-content:center}.cuadre-veredicto.mal{background:var(--mal);color:#fff}.cuadre-cerrar{width:100%;margin-top:12px}.cierre-centro .pista{margin-top:6px;font-size:12px}.cuadre-pie{background:var(--papel-2);z-index:1;margin-top:auto;padding-top:8px;position:sticky;bottom:0}.cuadre-confirmar{border:1px solid var(--acento);background:var(--papel);border-radius:6px;margin-top:14px;padding:14px}.cuadre-confirmar p{margin:0 0 12px;font-size:15px;line-height:1.45}.cuadre-botones{grid-template-columns:1fr 1.6fr;gap:10px;display:grid}.cuadre-botones>*{grid-column:auto;min-height:56px}.pista{color:var(--suave);margin:10px 0 0;font-size:13px;line-height:1.45}.recuadro-identificar{width:min(840px,96vw)}.identificar-cabecera{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.identificar-titulo{margin:0;font-size:24px;font-weight:700}.identificar-pie{color:var(--suave);margin:6px 0 0;font-size:14px}.identificar-cancelar{min-height:56px;padding:0 20px}.identificar-cuerpo{grid-template-columns:280px 1fr;align-items:start;gap:20px;margin-top:20px;display:grid}.marcador{border:1px solid var(--linea);background:var(--papel-2);letter-spacing:.3em;height:44px;color:var(--acento);border-radius:6px;justify-content:center;align-items:center;margin-bottom:12px;font-size:30px;display:flex}.marcador-mal{border-color:var(--mal);color:var(--mal)}.cifras-codigo{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tecla-codigo{border:1px solid var(--linea);background:var(--papel);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:6px;min-height:72px;font-size:26px;font-weight:600}.tecla-codigo:disabled{color:var(--apagado);background:var(--papel-2);cursor:default}.tecla-borrar{background:var(--papel-2);grid-column:1/-1;font-size:22px}.boton-fichar{width:100%;min-height:56px;margin-top:10px}.boton-fichar.activo{border-color:var(--acento);color:var(--acento);font-weight:700}.tarjeta-empleado.dormida{opacity:.45;cursor:default}.marca-dentro{letter-spacing:.06em;color:var(--bien);margin-top:2px;font-size:11px;font-weight:700}.identificar-aviso-bien{color:var(--bien);font-weight:700}.identificar-aviso{text-align:center;color:var(--suave);min-height:18px;margin:14px 0 0;font-size:13px}.identificar-aviso-mal{color:var(--mal);font-weight:700}.identificar-lista{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-content:start;gap:10px;max-height:380px;display:grid;overflow-y:auto}.tarjeta-empleado.elegido{border-color:var(--acento);background:var(--acento);color:var(--sobre-acento)}.nombre-empleado{font-size:20px;font-weight:700}.marca-cierre{letter-spacing:.1em;text-transform:uppercase;color:var(--suave);margin-top:2px;font-size:11px}.tarjeta-empleado.elegido .marca-cierre{color:var(--sobre-acento);opacity:.8}@media (max-width:720px){.identificar-cuerpo{grid-template-columns:1fr}}.cantidad-linea{width:26px;color:var(--suave);flex-shrink:0}.texto-linea{text-align:left;flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.nombre-linea{line-height:1.25}.marca-linea{color:var(--suave);font-size:13px}.unitario-linea{color:var(--suave);margin-top:1px;font-size:12px}.linea.elegida .marca-linea,.linea.elegida .unitario-linea{color:var(--sobre-acento);opacity:.75}.atasco{border-bottom:2px solid var(--aviso,#9a6b10);color:#7a5200;background:#fff4e0;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;font-size:14px;display:flex}.atasco .accion{background:var(--papel);cursor:pointer;white-space:nowrap;border:1px solid #c9a24a;border-radius:5px;min-height:40px;padding:0 14px}.plano{border:1px solid var(--linea-fina);background:linear-gradient(var(--linea-fina) 1px, transparent 1px) 0 0 / 100% 7.14%, linear-gradient(90deg, var(--linea-fina) 1px, transparent 1px) 0 0 / 5% 100%, var(--papel-2);border-radius:8px;flex:1;min-height:0;margin:10px;position:relative;overflow:hidden}.mesa-plano{border:2px solid var(--linea);background:var(--papel);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:2px;display:flex;position:absolute}.mesa-plano.redonda{border-radius:50%}.mesa-plano.ocupada{border-color:var(--acento);background:var(--acento);color:var(--sobre-acento)}.mesa-nombre{font-size:22px;font-weight:700;line-height:1}.mesa-total{font-size:14px;font-weight:700}.plano-vacio{color:var(--suave);justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}.adorno{border:2px dashed var(--suave-claro);background:var(--sombra);color:var(--suave);letter-spacing:.06em;text-transform:uppercase;pointer-events:none;border-radius:6px;justify-content:center;align-items:center;padding:2px;font-size:13px;font-weight:700;display:flex;position:absolute;overflow:hidden}.adorno.redondo{border-radius:50%}.nube{border:1px solid var(--linea-barra);min-height:36px;color:var(--suave-barra);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:0 12px;font-size:12.5px}.nube.esperando{color:#e8c477;border-color:#9a6b10}.nube.rota{border-color:var(--mal);color:#e8958a;font-weight:700}