:root{
  --albero:#F0A12B; --albero-oscuro:#D98B14; --albero-claro:#FDF0D5;
  --pizarra:#1D2B36; --pizarra-2:#2A3B48; --azulejo:#1C6E8C; --azulejo-claro:#E1F0F5;
  --cal:#F7F4EE; --papel:#FFFFFF; --almagra:#C23B2E; --almagra-claro:#FBE9E6;
  --verde:#1F8F5F; --verde-claro:#DDF3E8; --gris:#6B6A66; --linea:#E8E2D8;
  --radio:14px; --radio-sm:10px;
  --sombra:0 1px 2px rgba(29,43,54,.06),0 8px 24px rgba(29,43,54,.07);
  --sombra-fuerte:0 2px 4px rgba(29,43,54,.08),0 16px 40px rgba(29,43,54,.16);
  --fuente:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--fuente);background:var(--cal);color:var(--pizarra);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}
h1,h2,h3{margin:0;line-height:1.15;letter-spacing:-.01em}
button{font:inherit;cursor:pointer;border:0;border-radius:var(--radio-sm);padding:.72em 1.2em;background:var(--pizarra);color:#fff;font-weight:650;transition:transform .08s ease,filter .15s ease,background .15s ease,box-shadow .15s ease}
button:hover:not(:disabled){filter:brightness(1.12)}
button:active:not(:disabled){transform:scale(.97)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--albero);outline-offset:2px}
button.sec{background:var(--papel);color:var(--pizarra);border:1.5px solid var(--linea);box-shadow:0 1px 2px rgba(29,43,54,.04)}
button.sec:hover:not(:disabled){filter:none;background:#FBF8F2;border-color:#D8D0C2}
button.ok{background:var(--verde)} button.peligro{background:var(--almagra)}
button.acento{background:var(--albero);color:var(--pizarra);box-shadow:0 2px 0 var(--albero-oscuro)}
button.acento:hover:not(:disabled){filter:none;background:#F5AC3F}
button:disabled{opacity:.45;cursor:not-allowed}
input,select,textarea{font:inherit;padding:.68em .85em;border:1.5px solid var(--linea);border-radius:12px;background:var(--papel);color:inherit;width:100%;transition:border-color .15s ease,box-shadow .15s ease}
input:hover,select:hover,textarea:hover{border-color:#D3CABA}
input:focus,select:focus,textarea:focus{border-color:var(--albero);box-shadow:0 0 0 4px rgba(240,161,43,.2);outline:none}
input[type=checkbox]{accent-color:var(--verde);width:1.15rem;height:1.15rem;padding:0}
label{color:var(--gris)}
code{background:#EFEAE0;padding:.1em .4em;border-radius:6px;font-size:.9em}

.cab{background:linear-gradient(135deg,var(--pizarra),var(--pizarra-2));color:#fff;padding:.95rem 1.3rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.cab h1{font-size:1.3rem;font-weight:800}
.cab .luz{width:10px;height:10px;border-radius:50%;background:var(--almagra);display:inline-block;box-shadow:0 0 0 3px rgba(194,59,46,.25)}
.cab .luz.on{background:#4ADE80;box-shadow:0 0 0 3px rgba(74,222,128,.25)}
.cab .der{margin-left:auto;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.vacio{color:var(--gris);text-align:center;padding:3rem 1rem}
.tarjeta{background:var(--papel);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra)}
.chip{font-size:.78rem;font-weight:650;padding:.2em .7em;border-radius:99px;background:#EDE8DD;color:var(--pizarra);display:inline-block}
.chip.cocina{background:var(--almagra-claro);color:#8A2A20}.chip.barra{background:var(--azulejo-claro);color:#14566E}

.toast{position:fixed;left:50%;bottom:1.4rem;transform:translateX(-50%);background:var(--pizarra);color:#fff;padding:.85em 1.4em;border-radius:99px;z-index:99;max-width:90vw;box-shadow:var(--sombra-fuerte);font-weight:550;animation:toastIn .25s ease}
@keyframes toastIn{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
.velo{position:fixed;inset:0;background:rgba(29,43,54,.55);backdrop-filter:blur(3px);z-index:80;display:flex;align-items:flex-end;justify-content:center}
.hoja{background:var(--cal);width:100%;max-width:640px;max-height:88vh;overflow:auto;border-radius:22px 22px 0 0;padding:1.4rem 1.3rem calc(1.3rem + env(safe-area-inset-bottom));box-shadow:var(--sombra-fuerte);animation:hojaIn .22s ease}
@keyframes hojaIn{from{transform:translateY(24px);opacity:.4}to{transform:none;opacity:1}}
.hoja h3{font-size:1.3rem;margin-bottom:.8rem}
@media(min-width:640px){.velo{align-items:center}.hoja{border-radius:22px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

#ticket{display:none}
@media print{
  @page{size:80mm auto;margin:2mm}
  body{background:#fff}
  body>*:not(#ticket){display:none!important}
  #ticket{display:block;width:72mm;font:13px/1.35 "Courier New",monospace;color:#000}
  #ticket .t-grande{font-size:22px;font-weight:bold;text-align:center}
  #ticket .t-centro{text-align:center}
  #ticket hr{border:0;border-top:1px dashed #000;margin:4px 0}
  #ticket .t-linea{display:flex;gap:6px}
  #ticket .t-linea b{min-width:26px}
  #ticket .t-nota{padding-left:32px;font-style:italic}
  #ticket .t-der{margin-left:auto}
}