:root{--bg: #efede8;--surface: #ffffff;--surface-2: #f7f6f3;--line: #e2ded6;--ink: #15202b;--ink-2: #47515c;--muted: #858b93;--accent: #0b6b7a;--accent-strong: #08535f;--accent-soft: #dceff1;--occupied: #15202b;--danger: #b42318;--danger-soft: #fdecea;--ok: #157f3d;--radius: 14px;--radius-sm: 10px;--shadow: 0 1px 2px rgb(21 32 43 / .06), 0 2px 8px rgb(21 32 43 / .05);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.brand{font-weight:800;letter-spacing:.22em;font-size:18px}.brand--lg{font-size:30px;text-align:center}.money{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.muted{color:var(--muted)}.empty{color:var(--muted);text-align:center;padding:32px 16px;margin:0}.error-text{color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font-weight:600}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.45}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-strong)}.btn--danger{color:var(--danger);border-color:#f1c1bc}.btn--danger:hover:not(:disabled){background:var(--danger-soft)}.btn--ghost{border-color:transparent;background:transparent}.btn--lg{min-height:56px;font-size:17px}.btn--block{width:100%}.btn--sm{min-height:34px;padding:0 12px;font-size:14px}.input{min-height:44px;padding:0 12px;width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:none;min-height:44px;padding:0 16px;border:0;border-radius:999px;background:transparent;font-weight:600;color:var(--ink-2)}.tab.is-active{background:var(--ink);color:#fff}.tab:hover:not(.is-active){background:#15202b0f}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:14px;font-weight:500}.chip.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.pin-screen{min-height:100%;display:grid;place-items:center;padding:16px}.pin-card{width:min(360px,100%);background:var(--surface);border-radius:22px;padding:32px 24px 24px;box-shadow:var(--shadow)}.pin-subtitle{text-align:center;color:var(--muted);margin:6px 0 22px}.pin-dots{display:flex;justify-content:center;gap:12px;height:16px}.pin-dots span{width:14px;height:14px;border-radius:50%;border:2px solid var(--line)}.pin-dots span.filled{background:var(--ink);border-color:var(--ink)}.pin-dots.is-error span{border-color:var(--danger)}.pin-error{min-height:22px;text-align:center;color:var(--danger);font-size:14px;margin:10px 0}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pin-key{height:64px;border:0;border-radius:var(--radius);background:var(--surface-2);font-size:24px;font-weight:600}.pin-key:active:not(:disabled){background:var(--line)}.pin-key--ok{background:var(--accent);color:#fff;font-size:16px}.pin-key--ok:disabled{opacity:.4}.picker{display:flex;flex-direction:column;gap:14px;min-height:0}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}.category{min-height:64px;padding:8px;border:0;border-radius:var(--radius-sm);background:var(--cat);color:#fff;font-weight:700;font-size:14px;line-height:1.2;box-shadow:inset 0 -3px #00000026}.category.is-active{outline:3px solid var(--ink);outline-offset:2px}.picker-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.picker-search{min-height:40px;padding:0 12px;width:220px;max-width:100%;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px}.product{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-height:84px;padding:12px 10px 10px;text-align:left;border:1px solid var(--line);border-top:4px solid var(--cat);border-radius:var(--radius-sm);background:var(--surface)}.product:active{transform:scale(.98)}.product__name{font-weight:600;line-height:1.2}.product__price{font-family:var(--mono);font-size:13px;color:var(--ink-2)}.product__count{position:absolute;top:-8px;right:-6px;min-width:24px;height:24px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:#fff;font-size:13px;font-weight:700}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:#15202b73}.modal{width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--surface);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.modal h2{margin:0 0 14px;font-size:19px}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:60;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:12px;background:var(--ink);color:#fff;font-weight:600;box-shadow:var(--shadow)}.toast--error{background:var(--danger)}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--danger);display:inline-block}.status-dot.is-online{background:var(--ok)}.pin-step{text-align:center;font-weight:700;margin:0 0 10px}.pin-phone{text-align:center;font-size:28px;font-weight:700;letter-spacing:.04em;font-family:var(--mono);min-height:36px}.pin-phone.is-empty{color:var(--line)}.pin-phone.is-error{color:var(--danger)}.pin-back{display:block;margin:0 auto 10px;border:0;background:var(--surface-2);border-radius:999px;padding:6px 14px;font-weight:600;font-family:var(--mono)}.pin-card--modal{width:min(360px,100%);display:flex;flex-direction:column;gap:4px}.pin-card--modal h2{text-align:center;margin:0}.pin-card--modal .btn{margin-top:10px}.pin-lock{text-align:center;font-size:28px}.modal-backdrop--top{z-index:80}.confirm{width:min(420px,100%);display:flex;flex-direction:column;gap:18px}.confirm__text{margin:0;font-size:17px;font-weight:600;line-height:1.4;text-align:center;text-wrap:balance}.confirm__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.confirm__actions .btn{padding-inline:8px}.btn--danger-solid{background:var(--danger);border-color:var(--danger);color:#fff}.clock{display:flex;flex-direction:column;gap:14px}.clock__state{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:var(--surface-2);font-size:17px}.clock__dot{width:14px;height:14px;border-radius:50%;background:var(--muted);flex:none}.clock__state--working .clock__dot{background:var(--ok)}.clock__state--paused .clock__dot{background:#d99a1e}.clock__actions{display:grid;gap:10px}.orders{display:flex;flex-direction:column;gap:10px}.order{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.order__head{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:9px 12px;background:var(--surface-2);border-bottom:1px solid var(--line);font-size:13px}.order__note{margin:0;padding:8px 12px;font-size:13px;color:var(--ink-2);border-top:1px dashed var(--line)}.lines{list-style:none;margin:0;padding:4px 0}.line{display:grid;grid-template-columns:30px 1fr auto auto;align-items:center;gap:8px;padding:7px 12px}.line__qty{display:grid;place-items:center;height:24px;border-radius:6px;background:var(--surface-2);font-size:13px;font-weight:700}.line__name{display:flex;flex-direction:column}.line__note{font-size:12px;color:var(--muted);font-style:normal}.line.is-voided .line__name,.line.is-voided .money{text-decoration:line-through;color:var(--muted)}.line__void{width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:var(--muted)}.line__void:hover{background:var(--danger-soft);color:var(--danger)}.draft-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.draft-line{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.draft-line__main{display:flex;justify-content:space-between;gap:8px;align-items:baseline;min-width:0}.draft-line__name{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:0;background:none;padding:0;text-align:left;font-weight:600;min-width:0}.draft-line__hint{font-size:12px;color:var(--accent);font-weight:500}.draft-line__note{grid-column:1 / -1;min-height:38px}.stepper{display:flex;align-items:center;gap:2px;background:var(--surface-2);border-radius:999px;padding:2px}.stepper button{width:36px;height:36px;border:0;border-radius:50%;background:var(--surface);font-size:18px;font-weight:700}.stepper span{min-width:22px;text-align:center;font-weight:700}.modal--wide{width:min(760px,100%);display:flex;flex-direction:column;gap:14px}.modal__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;max-height:50vh;overflow:auto;padding:4px}.pick-table{min-height:64px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font-size:18px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center}.pick-table small{font-size:11px;font-weight:600}.pick-table.is-busy{background:var(--occupied);color:#fff}.stack{display:flex;flex-direction:column;gap:14px}.stack>p{margin:0}.row-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row-form .input{flex:1;min-width:160px}.row-form strong{flex:none}.input--price{width:100px;flex:none!important;min-width:0!important;text-align:right;font-family:var(--mono)}.input.is-invalid{border-color:var(--danger)}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink-2)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:var(--surface-2);border-radius:12px}.segmented button{min-height:48px;border:0;border-radius:9px;background:transparent;font-weight:700;font-size:16px;color:var(--ink-2)}.segmented button.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.quick-cash{display:flex;flex-wrap:wrap;gap:6px}.quick-cash button{min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-weight:700}.checkout__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.calc-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--surface-2)}.calc-row.is-strong{font-weight:800;border-bottom:0}.calc-row.neg{color:var(--danger)}.calc-row.pos{color:#a16207}.spacer,.grow{flex:1}.split{width:min(600px,100%);display:flex;flex-direction:column;gap:14px}.split p{margin:0}.split__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:48vh;overflow:auto}.split__item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.split__item.is-picked{border-color:var(--accent);background:var(--accent-soft)}.split__name{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:0;background:none;text-align:left;font-weight:600;min-height:44px;justify-content:center}.split__name small{font-weight:400;color:var(--muted)}.split__item .stepper span{min-width:44px}.split__foot{display:flex;justify-content:space-between;align-items:baseline;padding-top:10px;border-top:1px solid var(--line)}.split__foot strong{font-size:26px}.segmented--sm{display:flex}.segmented--sm button{min-height:40px;padding:0 14px;font-size:14px}.kebab{position:relative}.kebab__btn{width:40px;height:40px;border:0;border-radius:10px;background:transparent;font-size:22px;font-weight:800;line-height:1}.kebab__btn:hover{background:var(--surface-2)}.reservation-card{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);background:#fff8e8;border:1px solid #f0d49a}.reservation-card__info{display:flex;flex-direction:column;gap:2px;font-size:14px}.reservation-card em{color:var(--ink-2);font-size:13px}.table-menu-backdrop{place-items:start end;padding:64px 16px 16px;background:#15202b40}.modal-backdrop--over{z-index:55}.table-menu{width:min(460px,100%);display:flex;flex-direction:column;gap:10px;padding:18px}.table-menu__head{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line)}.table-menu__head h2{margin:0;font-size:20px}.table-menu__icon{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:var(--radius-sm);background:var(--surface-2)}.table-menu__close{margin-left:auto;background:transparent}.table-menu__tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.action-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:104px;padding:10px 6px;border:0;border-radius:var(--radius);background:var(--surface-2);font-size:14px;font-weight:600;line-height:1.2;text-align:center}.action-tile--green{background:#e3f4ec;color:#11734b}.action-tile--blue{background:#e3eefb;color:#1c5cab}.action-tile--red{background:var(--danger-soft);color:var(--danger)}.action-tile:disabled,.action-wide:disabled,.table-menu__row:disabled{opacity:.4}.table-menu__wide{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-wide{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border:0;border-radius:var(--radius-sm);background:var(--surface-2);font-weight:600}.table-menu__label{margin:8px 0 0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.table-menu__row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;width:100%;min-height:48px;padding:0 6px;border:0;border-radius:var(--radius-sm);background:transparent;text-align:left;font-weight:500;cursor:pointer}.table-menu__row:hover:not(:disabled){background:var(--surface-2)}.switch{appearance:none;position:relative;width:48px;height:28px;margin:0;border-radius:999px;background:var(--line);cursor:pointer;transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .15s}.switch:checked{background:var(--ink)}.switch:checked:after{transform:translate(20px)}@media(max-width:480px){.table-menu__tiles{grid-template-columns:repeat(2,1fr)}}.reservation-card__actions{display:flex;gap:6px;flex:none}.app{height:100%;display:flex;flex-direction:column;max-width:640px;margin:0 auto;background:var(--bg)}.bar{display:flex;align-items:center;gap:10px;min-height:58px;padding:max(8px,env(safe-area-inset-top)) 12px 8px;background:var(--ink);color:#fff}.bar .brand{font-size:16px}.bar__title{display:flex;flex-direction:column;min-width:0;flex:1}.bar__title strong{font-size:18px}.bar__title small{color:#b9c2cb}.bar__total{font-size:18px;font-weight:700}.back{color:#fff;font-size:22px;min-height:44px;padding:0 10px}.zone-tabs{padding:10px 12px;background:var(--surface);border-bottom:1px solid var(--line)}.scroll{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.pad{padding:12px}.tables{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px}.tbl{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.tbl__code{font-size:24px;font-weight:700}.tbl .money{font-size:13px;font-weight:700}.tbl small{font-size:11px;opacity:.7}.tbl.is-busy{background:var(--occupied);color:#fff;border-color:var(--occupied)}.tbl.is-reserved{border:2px solid #d99a1e;background:#fff8e8}.tbl__res{font-size:13px;font-weight:700;color:#8a5a00}.tbl.is-busy .tbl__res{font-size:12px;color:#ffd77a}.dock{padding:10px 12px max(10px,env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}.picker--movil{gap:12px}.picker--movil .category-grid{grid-template-columns:repeat(3,1fr)}.picker--movil .category{min-height:74px}.picker--movil .picker-search{width:100%}.picker-head{display:flex;align-items:center;gap:8px}.picker-head .btn{padding:0 10px}.product-list{display:flex;flex-direction:column;gap:8px}.product-list .product{flex-direction:row;align-items:center;min-height:58px;border-top:1px solid var(--line);border-left:5px solid var(--cat)}.sheet-backdrop{align-items:end;padding:0}.sheet{width:100%;max-width:640px;border-radius:18px 18px 0 0;display:flex;flex-direction:column;gap:14px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.sheet h2{margin:0}.line__void{width:40px;height:40px;font-size:16px;color:var(--danger)}.sheet p{margin:0}.user-btn{margin-left:auto;display:flex;align-items:center;gap:6px;min-height:44px;max-width:60%;padding:0 12px;border:1px solid rgb(255 255 255 / .3);border-radius:999px;background:transparent;color:#fff;font-weight:600;font-size:15px}.user-menu-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:start end;padding:max(60px,calc(env(safe-area-inset-top) + 52px)) 12px 12px;background:#15202b40}.user-menu{width:min(300px,100%);padding:6px 18px;border-radius:18px;background:var(--surface);box-shadow:0 12px 32px #15202b40}.user-menu__head{display:flex;flex-direction:column;gap:2px;padding:14px 0;border-bottom:1px solid var(--line)}.user-menu__head strong{font-size:20px;font-weight:600}.user-menu__row{display:grid;grid-template-columns:24px 1fr 16px;align-items:center;gap:12px;width:100%;min-height:54px;border:0;border-bottom:1px solid var(--surface-2);background:transparent;text-align:left;font-size:15px;font-weight:500}.user-menu__row:last-child{border-bottom:0}.user-menu__row--danger{color:var(--danger)}.bar .kebab__btn{width:44px;height:44px;color:#fff}.bar .kebab__btn:hover{background:transparent}.table-menu-backdrop{padding:12px;place-items:start center}.table-menu{max-height:calc(var(--vv-height, 100dvh) - 24px)}.reservation-card{margin-bottom:12px;flex-wrap:wrap}.modal .row-form .field,.modal input[type=datetime-local]{min-width:0}input:not([type=checkbox]),select,textarea{font-size:16px!important}.modal-backdrop{inset:var(--vv-top, 0px) 0 auto 0;height:var(--vv-height, 100dvh);overflow:auto}.modal{max-height:calc(var(--vv-height, 100dvh) - 32px)}.sheet{max-height:var(--vv-height, 100dvh)}