:root{--bg: #F5F7F6;--superficie: #FFFFFF;--tinta: #1C2B27;--primario: #0F766E;--peligro: #DC2626;--exito: #16A34A;--pendiente: #D97706;--radio: 12px;--sombra: 0 2px 8px rgba(0,0,0,.08)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;background:var(--bg);color:var(--tinta);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45}img{display:block;max-width:100%}input,button,select,textarea{font:inherit;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:10px 16px;border:none;border-radius:var(--radio);background:var(--primario);color:#fff;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:active{opacity:.85}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-superficie{background:var(--superficie);color:var(--tinta);box-shadow:var(--sombra)}.btn-peligro{background:var(--peligro)}.campo{display:block}.campo>span{display:block;margin-bottom:6px;font-weight:600;font-size:.95rem}.campo>input{width:100%;min-height:48px;padding:10px 14px;border:1px solid rgba(28,43,39,.25);border-radius:var(--radio);background:var(--superficie)}.campo>input:focus{outline:2px solid var(--primario);outline-offset:1px;border-color:var(--primario)}.error{color:#b91c1c;font-weight:600}.pantalla{max-width:480px;margin:0 auto;padding:16px}.tarjeta{background:var(--superficie);border-radius:var(--radio);box-shadow:var(--sombra);padding:16px}.barra-fija{position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--superficie);box-shadow:0 -2px 8px #00000014;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))}.barra-interior{max-width:480px;margin:0 auto;display:flex;gap:10px}.barra-interior .btn{flex:1}.pantalla-con-barra{padding-bottom:120px}.titulo-pantalla{font-size:1.3rem}.mesas-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}@media(min-width:480px){.mesas-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.mesa-card{min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:var(--radio);background:var(--superficie);box-shadow:var(--sombra);border:2px solid rgba(28,43,39,.12);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font:inherit}.mesa-card:active{opacity:.85}.mesa-num{font-size:2.1rem;font-weight:800;line-height:1.1;color:var(--tinta)}.mesa-estado{font-size:.8rem;font-weight:700;color:#1c2b27a6}.mesa-borrador{border:2px dashed var(--pendiente)}.mesa-borrador .mesa-estado{color:var(--tinta)}.mesa-enviada{border:2px solid var(--pendiente);background:#d9770629}.mesa-enviada .mesa-estado{color:var(--tinta)}.mesa-lista{border:2px solid var(--exito);background:linear-gradient(#0000003d,#0000003d),var(--exito)}.mesa-lista .mesa-num,.mesa-lista .mesa-estado{color:#fff}.badge-lista{display:inline-block;padding:2px 10px;border-radius:999px;background:#0000004d;color:#fff;font-weight:800;letter-spacing:.04em}.banner-offline{position:sticky;top:0;z-index:30;padding:10px 16px;background:var(--peligro);color:#fff;font-weight:600;text-align:center}.orden-fila-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.chip{flex:0 0 auto;padding:6px 12px;border-radius:999px;border:2px solid rgba(28,43,39,.2);background:var(--superficie);font-size:.85rem;font-weight:700}.chip-borrador{border:2px dashed var(--pendiente)}.chip-enviada{border-color:var(--pendiente);background:#d9770629}.chip-lista{border-color:var(--exito);background:linear-gradient(#0000003d,#0000003d),var(--exito);color:#fff}.etiqueta-total{display:block;font-size:.8rem;font-weight:600;color:#1c2b27a6}.orden-total{font-size:2.2rem;font-weight:800;line-height:1.15}.tabs-cats{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;margin-top:10px;-webkit-overflow-scrolling:touch}.tab-cat{flex:0 0 auto;min-height:44px;padding:8px 14px;border-radius:999px;border:1px solid rgba(28,43,39,.25);background:var(--superficie);font-weight:600;cursor:pointer}.tab-cat.activa{background:var(--primario);border-color:var(--primario);color:#fff}.sec-cat h2{font-size:1rem;margin:12px 0 8px}.item-fila{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;background:var(--superficie);border-radius:var(--radio);box-shadow:var(--sombra);padding:10px;margin-bottom:10px}.item-main{display:flex;gap:10px;flex:1;min-width:0}.item-thumb{width:52px;height:52px;border-radius:8px;object-fit:cover}.item-datos{flex:1;min-width:0}.item-nombre{font-weight:700;overflow-wrap:anywhere}.item-precio{color:#1c2b27bf}.btn-nota{display:inline-flex;align-items:center;min-height:44px;padding:4px 12px;margin-top:2px;border:none;border-radius:999px;background:transparent;color:var(--primario);font-weight:700;text-decoration:underline;cursor:pointer}.item-nota{margin-top:2px}.item-nota input{width:100%;min-height:44px;padding:8px 12px;border:1px solid rgba(28,43,39,.25);border-radius:10px;background:var(--bg)}.item-ops{color:var(--primario);font-size:.85rem;font-weight:600;overflow-wrap:anywhere}.chips-ops{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}.chip-op{min-height:44px;padding:8px 14px;border:2px solid rgba(28,43,39,.25);border-radius:999px;background:var(--superficie);font:inherit;font-weight:700;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.chip-op:active{opacity:.85}.chip-op.marcada{border-color:var(--primario);background:var(--primario);color:#fff}.chip-op-precio{font-weight:800}.chip-op-neg{border-style:dashed}.stepper{display:flex;align-items:center;gap:6px}.btn-stepper{width:44px;min-width:44px;padding:0;font-size:1.4rem;font-weight:700}.item-cant{min-width:26px;text-align:center;font-size:1.15rem;font-weight:800}.linea-lectura{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid rgba(28,43,39,.1)}.linea-lectura .linea-texto{min-width:0}.linea-nota{color:var(--peligro);font-size:.9rem;font-weight:600}.btn-agregar-mas{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;padding:8px 12px;border:none;border-radius:999px;background:transparent;color:var(--primario);font-weight:700;text-decoration:underline;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-agregar-mas:active,.cargando{opacity:.7}.precuenta-fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:16px;background:#1c2b278c;overflow-y:auto}.precuenta{display:flex;flex-direction:column;gap:12px;width:100%;max-width:380px;max-height:calc(100dvh - 32px);overflow-y:auto;padding:16px;border-radius:var(--radio);background:var(--bg)}.ticket{padding:14px 12px;border:1px dashed rgba(28,43,39,.3);border-radius:8px;background:var(--superficie);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Courier New,monospace}.pt-rest{text-align:center;font-weight:800;font-size:1.05rem;letter-spacing:.06em}.pt-linea{text-align:center;font-size:.8rem;color:#1c2b27bf}.pt-sep{overflow:hidden;white-space:nowrap;font-size:.8rem;color:#1c2b27b3}.pt-fila{display:flex;align-items:baseline;gap:6px;margin-top:6px}.pt-cant{font-weight:700}.pt-nombre{flex:1;min-width:0;overflow-wrap:anywhere}.pt-valor{font-weight:700;white-space:nowrap}.pt-cu{margin:2px 0 0 22px;font-size:.72rem;color:#1c2b27a6}.pt-op{margin:1px 0 0 22px;font-size:.72rem;color:#1c2b27a6}.pt-total-fila{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.pt-total-fila strong{font-size:2rem;font-weight:800}.pt-gracias{text-align:center;font-weight:700;margin-top:4px}.precuenta-acciones{display:flex;gap:10px}.precuenta-acciones .btn{flex:1;min-height:52px}@media print{@page{margin:4mm}body>#app{display:none!important}.precuenta-fondo{position:static;display:block;padding:0;background:none;overflow:visible;z-index:auto}.precuenta{max-width:none;max-height:none;overflow:visible;padding:0;background:none;gap:0}.precuenta-acciones,.btn-volver-pt{display:none!important}#ticket{width:72mm;max-width:72mm;padding:0;border:none;border-radius:0;background:#fff;color:#000;font-size:12px;line-height:1.35}.pt-total-fila strong{font-size:1.2em}}.cocina-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.cocina-top h1{font-size:1.3rem}.cocina-tabs{position:sticky;top:0;z-index:20;display:flex;gap:8px;margin:12px 0;padding:6px 0 10px;background:var(--bg)}.cocina-tab{flex:1;min-height:48px;border-radius:999px;border:2px solid rgba(28,43,39,.25);background:var(--superficie);font-weight:700;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cocina-tab.activa{background:var(--primario);border-color:var(--primario);color:#fff}.cocina-lista{display:flex;flex-direction:column;gap:12px;padding-bottom:24px}.comanda{background:var(--superficie);border-radius:var(--radio);box-shadow:var(--sombra);border-left:6px solid var(--pendiente);padding:14px}.comanda-lista{border-left-color:var(--exito)}.comanda-cabecera{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.comanda-mesa{font-size:1.3rem}.comanda-hace{flex:0 0 auto;font-size:.9rem;font-weight:700;color:#1c2b27b3}.comanda-items{list-style:none}.comanda-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;padding:8px 0;border-bottom:1px solid rgba(28,43,39,.08);font-size:1.05rem}.comanda-item:last-child{border-bottom:none}.comanda-item strong{font-size:1.15rem}.comanda-nota{color:var(--peligro);font-weight:600}.comanda-notas{margin-top:8px;font-style:italic;color:#1c2b27bf}.btn-listo{width:100%;margin-top:12px;min-height:56px;background:linear-gradient(#0000003d,#0000003d),var(--exito);font-size:1.2rem;letter-spacing:.06em}.btn-volver{display:inline-flex;align-items:center;min-height:44px;padding:8px;border:none;border-radius:8px;background:transparent;color:var(--tinta);font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-volver:active{opacity:.7}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-top h1{font-size:1.3rem}.admin-sub{font-size:.9rem;color:#1c2b27a6}.hoy-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.hoy-label{font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#1c2b27b3}.hoy-num{font-size:1.7rem;font-weight:800;line-height:1.2;overflow-wrap:anywhere}.hoy-card{padding:14px}.hoy-top{grid-column:1 / -1;padding-top:10px}.hoy-top-fila{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid rgba(28,43,39,.08);font-weight:600}.hoy-top-fila:last-child{border-bottom:none}.hoy-top-fila strong{white-space:nowrap}.hoy-sub{margin:20px 0 8px;font-size:1rem}.hoy-accesos{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.acceso{min-height:76px;flex-direction:column;gap:4px;font-size:1.05rem}.personal-lista{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding-bottom:24px}.personal-fila{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:none;border-radius:var(--radio);background:var(--superficie);box-shadow:var(--sombra);text-align:left;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.personal-fila:active{opacity:.85}.personal-datos{flex:1;min-width:0}.p-nombre{font-weight:700;overflow-wrap:anywhere}.p-email{font-size:.85rem;color:#1c2b27a6;overflow-wrap:anywhere}.chip-rol{flex:0 0 auto;padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:800}.rol-admin{background:#0f766e24;color:var(--primario)}.rol-mesero{background:#d9770629;color:var(--tinta)}.rol-cocina{background:#dc26261f;color:#b91c1c}.rol-pendiente{background:#1c2b2714;color:#1c2b27bf}.switch{position:relative;display:inline-flex;align-items:center;min-width:58px;min-height:44px;cursor:pointer;flex:0 0 auto}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch .pista{width:48px;height:28px;border-radius:999px;background:#1c2b2740;transition:background .15s}.switch .pista:after{content:"";position:absolute;top:50%;left:4px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:var(--sombra);transform:translateY(-50%);transition:left .15s}.switch input:checked+.pista{background:var(--exito)}.switch input:checked+.pista:after{left:22px}.switch input:disabled{cursor:not-allowed}.switch input:disabled+.pista{opacity:.45}.menu-lista{margin-top:12px;padding-bottom:24px}.menu-cat{margin-bottom:18px}.menu-cat h2{font-size:1rem;margin-bottom:8px}.menu-fila{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:none;border-radius:var(--radio);background:var(--superficie);box-shadow:var(--sombra);text-align:left;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.menu-fila:active{opacity:.85}.menu-thumb{flex:0 0 auto;width:56px;height:56px;border-radius:8px;object-fit:cover;background:#1c2b2714}.menu-sin-foto{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:8px;background:#1c2b2714;color:#1c2b2773;font-size:1.4rem}.menu-datos{flex:1;min-width:0}.menu-precio{color:#1c2b27bf}.menu-no-disponible .menu-datos{opacity:.55}.acciones-tab{display:flex;gap:10px;margin-top:12px}.acciones-tab .btn{flex:1}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;background:#1c2b278c;overflow-y:auto}.modal-hoja{width:100%;max-width:480px;max-height:calc(100dvh - 32px);overflow-y:auto;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));border-radius:var(--radio) var(--radio) 0 0;background:var(--bg)}.modal-hoja h2{font-size:1.15rem;margin-bottom:12px}.campo-texto{width:100%;min-height:48px;padding:10px 14px;border:1px solid rgba(28,43,39,.25);border-radius:var(--radio);background:var(--superficie)}.campo-texto:focus{outline:2px solid var(--primario);outline-offset:1px;border-color:var(--primario)}.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rol-op{display:block;min-height:56px;border:2px solid rgba(28,43,39,.25);border-radius:var(--radio);background:var(--superficie);font-weight:700;text-align:center;cursor:pointer}.rol-op input{position:absolute;opacity:0;pointer-events:none}.rol-op span{display:flex;align-items:center;justify-content:center;min-height:52px}.rol-op:has(input:checked){border-color:var(--primario);background:#0f766e1f;color:var(--primario)}.rol-op:has(input:disabled){opacity:.5;cursor:not-allowed}.fila-switch{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:var(--radio);background:var(--superficie);font-weight:600}.modal-acciones{display:flex;gap:10px;margin-top:16px}.modal-acciones .btn{flex:1}.campo>select.campo-texto{-webkit-appearance:none;-moz-appearance:none;appearance:none}.foto-actual{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:.85rem;color:#1c2b27a6}.fi-opciones{margin-top:14px;padding:12px;border:1px dashed rgba(28,43,39,.3);border-radius:var(--radio)}.fi-opciones-titulo{font-weight:700}.fi-opciones-ayuda{margin:4px 0 10px;font-size:.8rem;color:#1c2b27a6}.fi-opcion{margin-bottom:10px}.fo-fila-2{display:flex;align-items:center;gap:8px;margin-top:8px}.fo-fila-2 .fo-precio{flex:1}.fo-preview{flex:1.4;font-size:.8rem;font-weight:700;color:#1c2b27bf;overflow-wrap:anywhere}.fo-borrar{flex:0 0 44px;min-height:44px;border:none;border-radius:var(--radio);background:transparent;color:var(--peligro);font-size:1.5rem;font-weight:700;line-height:1;cursor:pointer}.fi-opciones #fi-agregar-opcion{width:100%;margin-top:2px}.foto-actual img{width:44px;height:44px;border-radius:8px;object-fit:cover}.hist-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hist-tab{min-height:44px;padding:8px 14px;border:1px solid rgba(28,43,39,.25);border-radius:999px;background:var(--superficie);color:var(--tinta);font-weight:600;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hist-tab.activa{border-color:var(--primario);background:var(--primario);color:#fff}.hist-fecha{margin-top:10px}.hist-barras{display:flex;align-items:stretch;gap:3px;height:132px}.hist-col{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%}.hist-barra{width:100%;border-radius:2px 2px 0 0;background:var(--primario)}.hist-barra.hist-cero{background:#1c2b271f}.hist-etq{font-size:.62rem;color:#1c2b27a6}.hist-top-fila{display:flex;align-items:baseline;gap:8px;padding:6px 0;border-bottom:1px solid rgba(28,43,39,.08);font-weight:600}.hist-top-fila:last-child{border-bottom:none}.hist-top-num{flex:0 0 20px;color:var(--primario);font-weight:800}.hist-top-nombre{flex:1;min-width:0;overflow-wrap:anywhere;text-align:left}.hist-top-cant,.hist-top-fila strong{flex:0 0 auto;white-space:nowrap}.hist-btn-csv{width:100%;margin-top:14px}
