:root{--fondo: #262626;--fondo-2: #1f1f1f;--tarjeta: #333333;--tarjeta-2: #3d3d3d;--tarjeta-3: #474747;--borde: #444444;--borde-fuerte: #5a5a5a;--texto: #f5f0e6;--texto-2: #b3ada0;--texto-3: #807a6e;--acento: #ef9f27;--acento-oscuro: #b8761a;--acento-texto: #1f1400;--acento-2: #d4537e;--ok: #97c459;--ok-oscuro: #5e8a2a;--peligro: #e24b4a;--aviso: #fac775;--info: #5dcaa5;--radio: 2px;--radio-tarjeta: 2px;--alto-control: 56px;--alto-control-sm: 44px;--espacio: 16px;--fuente: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--fuente-titulo: "Inter Tight", var(--fuente);--fuente-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--sombra: 0 2px 0 rgba(0, 0, 0, .35);--transicion: .12s ease;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#raiz{height:100%}body{margin:0;background:var(--fondo);color:var(--texto);font-family:var(--fuente);font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}h1,h2,h3{font-family:var(--fuente-titulo);font-weight:600;letter-spacing:-.01em;margin:0}h1{font-size:28px}h2{font-size:20px}h3{font-size:16px}p{margin:0}a{color:var(--acento)}button{font:inherit;color:inherit}.mono{font-family:var(--fuente-mono);font-variant-numeric:tabular-nums}.muted{color:var(--texto-2)}.pequeno{font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--alto-control);padding:0 22px;border:1px solid var(--borde-fuerte);border-radius:var(--radio);background:var(--tarjeta-2);color:var(--texto);font-weight:500;font-size:16px;cursor:pointer;transition:background var(--transicion),transform 60ms ease,border-color var(--transicion);white-space:nowrap}.btn:hover{background:var(--tarjeta-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.primario{background:var(--acento);border-color:var(--acento);color:var(--acento-texto);font-weight:600}.btn.primario:hover{background:#f6ad3c}.btn.ok{background:var(--ok);border-color:var(--ok);color:#10200a;font-weight:600}.btn.peligro{background:transparent;border-color:var(--peligro);color:#ff8a89}.btn.peligro:hover{background:#e24b4a1f}.btn.fantasma{background:transparent;border-color:transparent;color:var(--texto-2)}.btn.fantasma:hover{background:var(--tarjeta);color:var(--texto)}.btn.sm{height:var(--alto-control-sm);padding:0 14px;font-size:14px}.btn.bloque{width:100%}.btn.grande{height:72px;font-size:20px}.campo{display:flex;flex-direction:column;gap:6px}.campo label{font-size:13px;color:var(--texto-2);font-weight:500}.entrada,input.entrada,select.entrada,textarea.entrada{height:var(--alto-control-sm);padding:0 14px;border:1px solid var(--borde-fuerte);border-radius:var(--radio);background:var(--fondo-2);color:var(--texto);font:inherit;outline:none;width:100%}textarea.entrada{height:auto;padding:10px 14px;min-height:80px;resize:vertical}.entrada:focus{border-color:var(--acento);box-shadow:0 0 0 2px #ef9f2740}.entrada.grande{height:var(--alto-control);font-size:20px}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio-tarjeta);padding:var(--espacio)}.fila{display:flex;align-items:center;gap:12px}.entre{justify-content:space-between}.columna{display:flex;flex-direction:column;gap:12px}.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:var(--radio);font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;background:var(--tarjeta-2);color:var(--texto-2)}.chip.acento{background:#ef9f272e;color:var(--acento)}.chip.ok{background:#97c4592e;color:var(--ok)}.chip.peligro{background:#e24b4a2e;color:#ff8a89}.chip.info{background:#5dcaa52e;color:var(--info)}.chip.rosa{background:#d4537e33;color:#f08fb0}table.tabla{width:100%;border-collapse:collapse;font-size:14px}.tabla th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--texto-2);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--borde-fuerte)}.tabla td{padding:12px;border-bottom:1px solid var(--borde);vertical-align:middle}.tabla td.num,.tabla th.num{text-align:right;font-family:var(--fuente-mono);font-variant-numeric:tabular-nums}.tabla tr:hover td{background:#ffffff06}.marco{display:grid;grid-template-columns:88px 1fr;height:100%}.riel{background:var(--fondo-2);border-right:1px solid var(--borde);display:flex;flex-direction:column;align-items:stretch;padding:10px 8px;gap:4px;overflow-y:auto}.riel .logo{display:flex;align-items:center;justify-content:center;height:56px;margin-bottom:8px}.riel-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:64px;border-radius:var(--radio);color:var(--texto-2);text-decoration:none;font-size:11px;font-weight:500;border:1px solid transparent;background:transparent;cursor:pointer}.riel-item svg{width:22px;height:22px}.riel-item:hover{background:var(--tarjeta);color:var(--texto)}.riel-item.activo{background:var(--tarjeta);color:var(--acento);border-color:var(--borde)}.contenido{display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}.barra{height:56px;display:flex;align-items:center;gap:14px;padding:0 var(--espacio);border-bottom:1px solid var(--borde);background:var(--fondo-2)}.barra h1{font-size:18px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagina{flex:1;overflow:auto;padding:var(--espacio)}.estado-red{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--texto-2);font-family:var(--fuente-mono)}.punto{width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px #97c45933}.punto.off{background:var(--peligro);box-shadow:0 0 0 3px #e24b4a33}.punto.sync{background:var(--aviso);box-shadow:0 0 0 3px #fac77533;animation:latir 1s infinite}@keyframes latir{50%{opacity:.4}}.velo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:var(--tarjeta);border:1px solid var(--borde-fuerte);border-radius:var(--radio-tarjeta);width:min(100%,var(--ancho-modal, 560px));max-height:calc(100% - 32px);display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.modal-cab{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--borde)}.modal-cuerpo{padding:18px;overflow:auto}.modal-pie{display:flex;gap:10px;justify-content:flex-end;padding:14px 18px;border-top:1px solid var(--borde)}.teclado{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.teclado .btn{height:64px;font-size:24px;font-family:var(--fuente-mono)}.avisos{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:100;pointer-events:none}.aviso{background:var(--tarjeta-3);border-left:3px solid var(--acento);color:var(--texto);padding:12px 18px;border-radius:0;font-size:14px;box-shadow:0 8px 30px #0006;animation:subir .16s ease}.aviso.error{border-left-color:var(--peligro)}.aviso.ok{border-left-color:var(--ok)}@keyframes subir{0%{transform:translateY(10px);opacity:0}}.cuadricula{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.producto{min-height:92px;padding:12px;background:var(--tarjeta);border:1px solid var(--borde);border-top:3px solid var(--color-cat, var(--borde-fuerte));border-radius:var(--radio);display:flex;flex-direction:column;justify-content:space-between;gap:6px;text-align:left;cursor:pointer;transition:background var(--transicion),transform 60ms}.producto:hover{background:var(--tarjeta-2)}.producto:active{transform:scale(.985)}.producto .nombre{font-weight:500;font-size:15px;line-height:1.25}.producto .precio{font-family:var(--fuente-mono);color:var(--acento);font-size:14px}.producto.agotado{opacity:.4}.pestanas{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.pestanas::-webkit-scrollbar{display:none}.pestana{height:48px;padding:0 18px;border:1px solid var(--borde);border-bottom:3px solid var(--color-cat, var(--borde));background:var(--tarjeta);color:var(--texto-2);border-radius:var(--radio);white-space:nowrap;cursor:pointer;font-weight:500}.pestana.activa{color:var(--texto);background:var(--tarjeta-2)}.plano{position:relative;display:grid;gap:6px;background-image:linear-gradient(var(--borde) 1px,transparent 1px),linear-gradient(90deg,var(--borde) 1px,transparent 1px);background-size:calc(var(--celda) + 6px) calc(var(--celda) + 6px);background-position:-1px -1px;padding:0;border:1px solid var(--borde)}.mesa{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--tarjeta-2);border:2px solid var(--borde-fuerte);color:var(--texto);cursor:pointer;font-weight:600;transition:transform 60ms;border-radius:var(--radio)}.mesa:active{transform:scale(.97)}.mesa.REDONDA{border-radius:50%}.mesa.BARRA{border-radius:0;border-style:dashed}.mesa.LIBRE{border-color:var(--ok-oscuro)}.mesa.OCUPADA{background:#ef9f2729;border-color:var(--acento)}.mesa.LISTO{background:#5dcaa529;border-color:var(--info)}.mesa.PAGANDO{background:#d4537e2e;border-color:var(--acento-2)}.mesa .nombre{font-size:18px}.mesa .detalle{font-size:11px;font-weight:400;color:var(--texto-2);font-family:var(--fuente-mono)}.ticket{display:flex;flex-direction:column;background:var(--fondo-2);border-left:1px solid var(--borde);height:100%;min-width:0}.ticket-items{flex:1;overflow:auto}.ticket-item{display:grid;grid-template-columns:36px 1fr auto;gap:10px;padding:10px 14px;border-bottom:1px solid var(--borde);cursor:pointer;align-items:start}.ticket-item.sel{background:#ef9f271a}.ticket-item .cant{font-family:var(--fuente-mono);font-size:18px;color:var(--acento)}.ticket-item .mods{font-size:12px;color:var(--texto-2)}.ticket-item .estado{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--texto-3)}.ticket-totales{padding:12px 14px;border-top:1px solid var(--borde);font-size:14px}.ticket-totales .total{font-size:26px;font-weight:600;font-family:var(--fuente-mono)}.acciones{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px}.kds{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;align-content:start}.comanda{background:var(--tarjeta);border:1px solid var(--borde);border-top:4px solid var(--acento);display:flex;flex-direction:column}.comanda.PREPARANDO{border-top-color:var(--info)}.comanda.LISTA{border-top-color:var(--ok)}.comanda.tarde{border-top-color:var(--peligro)}.comanda-cab{display:flex;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--borde);font-family:var(--fuente-mono)}.comanda-items{padding:10px 14px;flex:1;font-size:18px}.comanda-items .mod{font-size:14px;color:var(--aviso);padding-left:32px}.comanda-items .nota{font-size:14px;color:var(--acento-2);padding-left:32px}.metricas{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.metrica{background:var(--tarjeta);border:1px solid var(--borde);padding:14px 16px}.metrica .etq{font-size:12px;color:var(--texto-2);text-transform:uppercase;letter-spacing:.04em}.metrica .val{font-size:26px;font-weight:600;font-family:var(--fuente-mono);margin-top:4px}.barras{display:flex;align-items:flex-end;gap:3px;height:120px}.barras div{flex:1;background:var(--acento);min-height:2px;opacity:.85}.vacio{padding:48px 24px;text-align:center;color:var(--texto-2)}.vacio h3{color:var(--texto);margin-bottom:6px}.dos-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 760px){.dos-col{grid-template-columns:1fr}.modal{max-height:100%}.velo{padding:8px;align-items:flex-start}}@media (max-width: 900px){.marco{grid-template-columns:1fr;grid-template-rows:1fr 64px}.riel{order:2;flex-direction:row;border-right:0;border-top:1px solid var(--borde);padding:4px;overflow-x:auto}.riel .logo{display:none}.riel-item{min-width:64px;height:56px;flex:1}.pedido-grid{grid-template-columns:1fr!important;grid-template-rows:1fr auto}.ticket{border-left:0;border-top:1px solid var(--borde);max-height:45vh}}.tv{font-size:20px}.tv .comanda-items{font-size:24px}.tv .kds{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}@media print{body{background:#fff;color:#000}.no-imprimir{display:none!important}.recibo-papel{width:72mm;font-family:var(--fuente-mono);font-size:12px;color:#000}}.recibo-papel{width:320px;max-width:100%;margin:0 auto;background:#fff;color:#111;padding:16px;font-family:var(--fuente-mono);font-size:12px;line-height:1.45}.recibo-papel hr{border:0;border-top:1px dashed #999;margin:8px 0}.recibo-papel .c{text-align:center}.recibo-papel .f{display:flex;justify-content:space-between;gap:8px}