:root{--rojo: #dc0032;--rojo-oscuro: #a80026;--amarillo: #f9ae0c;--negro: #0c0c0d;--gris: #6b6b6b;--claro: #f6f4f1;--borde: #e2ded8;--verde: #1a8f4c;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--negro);background:var(--claro)}*{box-sizing:border-box}body{margin:0;background:var(--claro);-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}.centro{min-height:100vh;display:grid;place-content:center;text-align:center;padding:16px;gap:8px}.barra{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--negro);color:#fff;padding:8px 12px;border-bottom:4px solid var(--amarillo)}.barra .logo{height:42px;background:#fff;border-radius:10px;padding:3px 8px}.barra nav{display:flex;gap:6px;flex:1 1 0;min-width:0;overflow-x:auto;scrollbar-width:none}.barra nav button{flex:none}.barra nav button{background:transparent;color:#fff;border:2px solid #333;border-radius:10px;padding:8px 12px;font-weight:700}.barra nav button.activo{background:var(--rojo);border-color:var(--rojo)}.usuario{display:flex;align-items:center;gap:8px;font-size:14px}.enlace{background:none;border:0;color:var(--amarillo);text-decoration:underline;padding:4px}.aviso-red{background:var(--amarillo);color:var(--negro);text-align:center;padding:8px;font-weight:700}main{padding:12px;max-width:1200px;margin:0 auto}.btn{background:var(--rojo);color:#fff;border:0;border-radius:12px;padding:12px 18px;font-weight:700;min-height:48px}.btn:disabled{opacity:.5}.btn.secundario{background:#fff;color:var(--negro);border:2px solid var(--borde)}.btn.amarillo{background:var(--amarillo);color:var(--negro)}.btn.negro{background:var(--negro);color:#fff}.btn.grande{width:100%;font-size:18px}.error{color:var(--rojo);font-weight:600}.entrar{min-height:100vh;display:grid;place-items:center;padding:16px;background:var(--negro)}.entrar form{background:#fff;border-radius:18px;padding:24px;width:100%;max-width:380px;display:grid;gap:14px;border-top:8px solid var(--rojo)}.entrar .logo{width:220px;margin:0 auto 4px;display:block}label{display:grid;gap:6px;font-weight:600;font-size:15px}input,select,textarea{padding:12px;border:2px solid var(--borde);border-radius:10px;font-size:16px;background:#fff}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--amarillo)}.titulo{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 12px;flex-wrap:wrap}.titulo h1{margin:0;font-size:22px}.resumen{color:var(--gris);font-size:14px}.mesas{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.mesa{border:2px solid var(--borde);background:#fff;border-radius:14px;padding:12px 8px;min-height:96px;display:grid;align-content:center;gap:4px;text-align:center}.mesa .nombre{font-weight:800;font-size:17px}.mesa .detalle{font-size:13px}.mesa.ocupada{background:var(--rojo);border-color:var(--rojo);color:#fff}.mesa.ocupada .total{font-weight:800;color:var(--amarillo)}.mesa.demorada{background:var(--negro);border-color:var(--amarillo)}.mesa-abierta{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:900px){.mesa-abierta{grid-template-columns:1.3fr 1fr;align-items:start}}.mesa-abierta>*{min-width:0}body{overflow-x:hidden}.panel{background:#fff;border-radius:14px;padding:12px;border:1px solid var(--borde)}.cats{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px}.cats button{white-space:nowrap;border:2px solid var(--borde);background:#fff;border-radius:999px;padding:8px 12px;font-weight:600}.cats button.activo{background:var(--negro);color:#fff;border-color:var(--negro)}.productos{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:8px}.producto{text-align:left;border:2px solid var(--borde);background:#fff;border-radius:12px;padding:10px;display:grid;gap:4px;min-height:72px}.producto:active{border-color:var(--amarillo);background:#fff8e6}.producto .precio{font-weight:800;color:var(--rojo)}.producto:disabled{opacity:.45;text-decoration:line-through}.lineas{list-style:none;margin:0;padding:0;display:grid;gap:6px}.linea{display:flex;gap:8px;align-items:center;border-bottom:1px dashed var(--borde);padding:6px 0}.linea .que{flex:1}.linea .hora{color:var(--gris);font-size:12px}.linea.cancelada .que{text-decoration:line-through;color:var(--gris)}.linea .motivo{font-size:12px;color:var(--rojo)}.quitar{background:none;border:2px solid var(--borde);border-radius:10px;padding:6px 10px;color:var(--rojo);font-weight:700}.total-grande{display:flex;justify-content:space-between;font-size:22px;font-weight:800;padding-top:10px}.acciones{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.fondo{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;padding:16px;z-index:50}.ventana{background:#fff;border-radius:16px;padding:18px;width:100%;max-width:420px;display:grid;gap:12px;max-height:90vh;overflow:auto;border-top:6px solid var(--amarillo)}.ventana h2{margin:0;font-size:20px}.opciones{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.domis{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.domi{background:#fff;border-radius:14px;border:2px solid var(--borde);padding:12px;display:grid;gap:6px;border-left:8px solid var(--amarillo)}.domi.recibido{border-left-color:var(--rojo)}.domi.en_cocina{border-left-color:var(--amarillo)}.domi.listo{border-left-color:var(--verde)}.domi.entregado,.domi.rechazado{opacity:.6;border-left-color:var(--gris)}.domi .cab{display:flex;justify-content:space-between;gap:8px;font-weight:800}.etiqueta{display:inline-block;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;background:var(--claro)}.etiqueta.recibido{background:var(--rojo);color:#fff}.etiqueta.en_cocina{background:var(--amarillo)}.etiqueta.listo{background:var(--verde);color:#fff}.domi ul{margin:0;padding-left:18px;font-size:14px}.chico{font-size:13px;color:var(--gris)}.filtros{display:flex;gap:6px;flex-wrap:wrap}.filtros button{border:2px solid var(--borde);background:#fff;border-radius:999px;padding:6px 12px;font-weight:600}.filtros button.activo{background:var(--negro);color:#fff;border-color:var(--negro)}.mesa.unida{background:#8a0020;border-color:#8a0020;border-style:dashed}.btn.rojo-claro{background:#fff;color:var(--rojo);border:2px solid var(--rojo)}.total-chico{display:flex;justify-content:space-between;color:var(--gris);font-size:15px;padding:2px 0}.linea.pagada .que,.linea.pagada span{color:var(--gris)}.pago{border:2px solid var(--borde);border-radius:12px;padding:8px 10px;margin-top:8px}.pago .cab{display:flex;justify-content:space-between;gap:8px;font-weight:700}.pago .enlace{color:var(--rojo)}.linea.elegir{cursor:pointer}.linea.elegir .marca{width:30px;height:30px;border-radius:8px;border:2px solid var(--borde);background:#fff;font-weight:800;color:#fff;flex:none}.linea.elegir.marcada .marca{background:var(--rojo);border-color:var(--rojo)}.linea.elegir:not(.marcada) .que,.linea.elegir:not(.marcada)>b{color:var(--gris)}.contador{display:flex;align-items:center;gap:6px}.contador button{width:30px;height:30px;border-radius:8px;border:2px solid var(--borde);background:#fff;font-size:18px;font-weight:800}.cambio{color:#0a7a2f;font-weight:700;font-size:18px}label.fila{display:flex;gap:8px;align-items:center}label.fila input{width:auto}.tirilla{background:#fff;border:1px dashed var(--borde);padding:10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;color:#000;display:grid;gap:2px}.tirilla img{width:120px;margin:0 auto;filter:grayscale(1)}.tirilla .centrado{text-align:center}.tirilla .renglon{display:flex;justify-content:space-between;gap:8px}.tirilla .renglon.grande{font-weight:800;font-size:16px}.tirilla hr{border:0;border-top:1px dashed #000;width:100%;margin:4px 0}@media print{@page{size:80mm auto;margin:0}body *{visibility:hidden}.tirilla,.tirilla *{visibility:visible}.tirilla{position:absolute;left:0;top:0;width:72mm;border:0;padding:2mm 4mm}}.opciones .btn{padding-left:4px;padding-right:4px;overflow-wrap:anywhere}.cierre{display:grid;gap:12px}.cierre>*{min-width:0}@media(min-width:900px){.cierre{grid-template-columns:1.2fr 1fr;align-items:start}}.cierre h3{margin:14px 0 4px;font-size:15px}.solo-imprimir{display:none}@media print{.solo-imprimir{display:grid}}@media(max-width:899px){.barra nav{order:3;flex-basis:100%}.barra .usuario{margin-left:auto}}.opciones-producto .grupo{border-top:1px solid #eee;padding-top:6px;margin-top:6px}.opciones-producto .grupo h3{margin:4px 0 6px;font-size:1rem}.opciones-producto .conteo{background:#222;color:#fff;border-radius:10px;padding:1px 8px;font-size:.85rem}.opciones-producto .conteo.falta{background:#c62828}.barrita{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:#fff8d6;border:1px solid #f2d200;border-radius:8px;padding:8px;margin:10px 0}.chip{border:0;background:#222;color:#fff;border-radius:14px;padding:6px 10px;font:inherit;font-size:.9rem;cursor:pointer}.menu-dia{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.menu-dia .panel{margin:0}.item-dia{display:inline-flex;align-items:center;gap:2px}.agregar{display:flex;gap:6px;margin-top:8px}.agregar input{flex:1;min-width:0}.tirilla small{font-size:11px}.menu-dia .opciones{display:flex;flex-wrap:wrap;gap:6px}.menu-dia .item-dia .btn{width:auto;min-width:0;padding:8px 12px}.filtros{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:end;margin-bottom:12px}.filtros .rangos{flex:1 1 320px;display:flex;flex-wrap:wrap;gap:6px}.filtros .rangos .btn{width:auto;padding:8px 12px}.filtros .fechas{display:flex;gap:8px}.filtros .fechas label{margin:0}.informes{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.informes.cargando{opacity:.6}.informes .panel{margin:0;min-width:0}.informes .ancho,.informes .tarjetas{grid-column:1 / -1}.tarjetas{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tarjeta{background:#fff;border:1px solid var(--borde);border-radius:12px;padding:12px 14px}.tarjeta span{display:block;font-size:.85rem;color:#555}.tarjeta b{font-size:1.5rem}.barras{list-style:none;padding:0;margin:0}.barras li{margin:8px 0}.renglon-barra{display:flex;justify-content:space-between;gap:8px;font-size:.95rem}.barras .pista{height:8px;background:#f1f1f1;border-radius:4px;margin-top:3px}.barras .relleno{height:100%;background:var(--rojo);border-radius:4px;min-width:2px}.columnas-dato{font-size:.95rem;margin-bottom:6px;min-height:1.4em}.columnas{display:flex;align-items:stretch;gap:2px;height:150px;padding-bottom:18px;position:relative}.columnas .col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;position:relative;cursor:pointer}.columnas .col .relleno{background:#f2a3b4;border-radius:4px 4px 0 0;min-height:1px}.columnas .col.activa .relleno{background:var(--rojo)}.columnas .col .eti{position:absolute;bottom:-18px;left:0;right:0;text-align:center;font-size:10px;color:#555;white-space:nowrap;overflow:visible}.ranking{padding-left:22px;margin:0}.ranking li{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:5px 0;border-bottom:1px solid #eee;align-items:baseline}.ranking .que{min-width:0}.linea.cortesia .que{color:#1b7a3a}.linea.cortesia s{color:var(--gris)}.consumo .opciones{display:flex;flex-wrap:wrap;gap:8px}.consumo .opciones .btn{padding-left:12px;padding-right:12px}.mixto{border:2px solid var(--borde);border-radius:12px;padding:8px 10px;margin:8px 0}.mixto .fila-medio{display:flex;align-items:center;gap:8px;margin:4px 0}.mixto .fila-medio span{flex:1;font-weight:600}.mixto .fila-medio input{max-width:140px}.tirilla .renglon.tabla{display:grid;grid-template-columns:1fr 34px 62px 66px;gap:4px}.tirilla .renglon.tabla span:not(:first-child){text-align:right}.cats.subcats{margin-top:2px;flex-wrap:wrap}.cats.subcats button{padding:6px 10px;font-size:.92em;border-width:1px}.cats.subcats button.activo{background:var(--amarillo);color:var(--negro);border-color:var(--amarillo)}