:root{--bg:#f4f1ed;--panel:#fff;--ink:#23201d;--ink-soft:#5c534d;--muted:#6f6761;--line:#efe9e3;--line-strong:#e4dcd4;--primary:#f15a29;--primary-press:#d8471a;--primary-deep:#c8420f;--primary-deep-press:#a83609;--primary-ink:#9a3412;--primary-soft:#ffe6da;--primary-tint:#fff6f2;--primary-shadow:#f15a294d;--dark:#23201d;--ok:#1e6b42;--ok-soft:#e3f3e9;--warn:#966014;--warn-soft:#fdf1dc;--info:#2d6fb0;--info-soft:#e6eff8;--danger:#7f1d1d;--danger-soft:#fbe6e2;--radius:16px;--ease-out:cubic-bezier(.22, 1, .36, 1);--t-tap:.1s;--t-ui:.15s}@keyframes line-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}}@keyframes line-out{to{opacity:0;transform:translate(28px)scale(.96)}}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}}@keyframes chip-in{0%{opacity:0;transform:translateY(6px)}}@keyframes total-bump{35%{transform:scale(1.07)}}@keyframes overlay-in{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.96)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes zoom-fade-in{0%{opacity:0;transform:scale(.94)translateY(8px)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(28px)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-14px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-18px)scale(.96)}}.stagger{animation-fill-mode:backwards;animation-delay:calc(var(--i,0) * 26ms)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input{font:inherit}.center{place-items:center;height:100vh;display:grid}.brand{color:var(--primary-ink);font-weight:800}.muted{color:var(--muted)}.err{color:var(--danger);margin:4px 0}.ok{color:var(--ok)}.app{grid-template-columns:216px 1fr;gap:14px;height:100vh;padding:14px;display:grid}.rail{background:var(--panel);border-radius:22px;flex-direction:column;gap:6px;min-height:0;padding:22px 16px;display:flex}.rail-nav{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex;overflow-y:auto}.rail .logo{align-items:center;gap:10px;padding:0 8px 18px;font-size:15px;font-weight:800;display:flex}.rail .logo .dot{background:var(--primary-soft);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.rail .logo .dot:after{content:"";background:var(--primary);border-radius:50%;width:12px;height:12px}.rail .logo .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rail-store{background:var(--bg);border-radius:12px;gap:4px;margin-bottom:12px;padding:4px;display:flex}.rail-store-item{min-width:0;color:var(--ink-soft);font:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:background var(--t-ui), color var(--t-ui);background:0 0;border:none;border-radius:9px;flex:1;padding:8px 10px;font-size:12px;font-weight:700;overflow:hidden}.rail-store-item:hover{background:var(--primary-tint);color:var(--ink)}.rail-store-item.on{background:var(--panel);color:var(--primary-ink);box-shadow:0 1px 2px #23201d14}.rail-item{color:var(--ink-soft);text-align:left;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-weight:600;text-decoration:none;display:flex}.rail-item .ic{text-align:center;flex:none;width:18px;font-size:15px}.rail-item{transition:background var(--t-ui), color var(--t-ui), box-shadow var(--t-ui);animation:slide-in-left .26s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 30ms)}.rail-item:hover{background:var(--primary-tint);color:var(--ink)}.rail-item.on{background:var(--primary-deep);color:#fff;box-shadow:0 8px 18px var(--primary-shadow)}.rail-item.on:hover{background:var(--primary-deep);color:#fff}.rail-item:disabled{opacity:.55;cursor:not-allowed}.rail-item .soon{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--bg);border-radius:999px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:700}.rail-item:disabled:hover{color:var(--ink-soft);background:0 0}.rail-foot{flex-direction:column;flex:none;gap:10px;padding-top:10px;display:flex}.rail-clock{background:var(--bg);border-radius:12px;justify-content:space-between;align-items:baseline;gap:8px;min-height:42px;margin:-12px 0 16px;padding:10px 12px;display:flex}.rail-clock .time{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:18px;font-weight:800}.rail-clock .date{color:var(--muted);font-size:11px}.rail-switch{background:var(--primary-soft);color:var(--primary-ink);transition:background var(--t-ui), color var(--t-ui), transform var(--t-tap);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.rail-switch:hover{background:var(--primary-deep);color:#fff}.rail-switch:active{transform:scale(.97)}.rail-user{align-items:center;gap:10px;padding:6px 8px;display:flex}.rail-user .av{background:var(--primary-soft);width:32px;height:32px;color:var(--primary-ink);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.rail-user .nm{text-transform:capitalize;font-size:13px;font-weight:600}.rail-user .sub{color:var(--muted);font-size:11px}.rail-logout{color:var(--muted);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-weight:600;display:flex}.rail-logout:hover{background:var(--primary-tint);color:var(--ink)}.reg{grid-template-rows:1fr auto;grid-template-columns:1fr 372px;gap:14px;height:100%;min-height:0;display:grid}.catalog{flex-direction:column;grid-area:1/1;min-height:0;display:flex}.ticket{background:var(--panel);min-height:0;animation:slide-in-right .32s var(--ease-out);border-radius:22px;flex-direction:column;grid-area:1/2/span 2;display:flex}.tabbar{grid-area:2/1}.steps{align-items:center;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:flex}.step{align-items:center;display:flex}.step+.step:before{content:"";background:var(--line-strong);width:22px;height:1px;margin-right:8px}.step button{background:var(--panel);color:var(--muted);transition:background var(--t-ui), color var(--t-ui);border-radius:999px;align-items:center;gap:9px;padding:8px 14px 8px 8px;font-size:13px;font-weight:600;display:flex}.step button:disabled{cursor:default;opacity:.55}.step .n{background:var(--bg);width:22px;height:22px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.step.done button{color:var(--primary-ink)}.step.done .n{background:var(--primary-soft);color:var(--primary-ink)}.step.on button{color:#fff;background:var(--primary-deep)}.step.on .n{color:#fff;background:#ffffff3d}.tab-banner{align-items:center;gap:12px;margin-bottom:18px;display:flex}.tab-banner .muted{font-size:12px}.pane{min-height:0;animation:fade-up .28s var(--ease-out);flex:1;overflow-y:auto}.pane-title{letter-spacing:-.01em;margin:6px 0 20px;font-size:22px;font-weight:700}.type-tiles{grid-template-columns:repeat(auto-fit,minmax(210px,260px));gap:16px;display:grid}.type-tile{background:var(--panel);text-align:left;transition:border-color var(--t-ui), box-shadow var(--t-ui), transform var(--t-tap);animation:zoom-fade-in .28s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 40ms);border:1px solid #0000;border-radius:18px;flex-direction:column;align-items:flex-start;gap:6px;padding:26px 20px;display:flex}.type-tile .ic{color:var(--primary-ink);margin-bottom:8px;font-size:30px}.type-tile .nm{font-size:17px;font-weight:700}.type-tile .hint{color:var(--muted);font-size:12px}.type-tile:hover:not(:disabled){border-color:var(--primary);box-shadow:0 8px 22px #1d25300f}.type-tile:active:not(:disabled){transform:translateY(1px)}.type-tile.on{border-color:var(--primary);background:var(--primary-tint)}.type-tile:disabled{opacity:.45;cursor:not-allowed}.table-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.table-tile{background:var(--panel);text-align:left;transition:border-color var(--t-ui), box-shadow var(--t-ui), transform var(--t-tap);animation:zoom-fade-in .26s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 28ms);border:1px solid #0000;border-radius:16px;flex-direction:column;align-items:flex-start;gap:3px;padding:18px 16px;display:flex}.table-tile:hover{border-color:var(--primary);box-shadow:0 8px 22px #1d25300f}.table-tile:active{transform:translateY(1px)}.table-tile.on{border-color:var(--primary);background:var(--primary-tint)}.table-tile .lbl{font-size:20px;font-weight:700}.table-tile .seats{color:var(--muted);font-size:12px}.table-tile .state{color:var(--ok);margin-top:8px;font-size:11px;font-weight:700}.table-tile.busy{background:var(--warn-soft)}.table-tile.busy .state{color:var(--warn)}.cat-top{align-items:center;gap:12px;margin-bottom:18px;display:flex}.icon-btn{background:var(--panel);width:44px;height:44px;color:var(--ink-soft);border-radius:12px;flex:none;place-items:center;font-size:16px;display:grid}.icon-btn:hover{color:var(--ink)}.icon-btn.on{background:var(--primary-soft);color:var(--primary-ink)}.search{background:var(--panel);border-radius:12px;flex:1;align-items:center;gap:10px;height:44px;padding:0 16px;display:flex}.search .ic{color:var(--muted);flex:none;font-size:17px}.search button{place-items:center;font-size:15px;display:grid}.search input{color:var(--ink);background:0 0;border:none;outline:none;flex:1}.search input::placeholder{color:var(--muted)}.cat-row{gap:12px;margin-bottom:18px;padding-bottom:4px;display:flex;overflow-x:auto}.cat-card{background:var(--panel);text-align:center;width:104px;transition:background var(--t-ui), border-color var(--t-ui), transform var(--t-tap);animation:fade-up .26s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 30ms);border:1px solid #0000;border-radius:16px;flex-direction:column;flex:none;align-items:center;gap:6px;padding:14px 10px;display:flex}.cat-card:hover{border-color:var(--line-strong)}.cat-card:active{transform:translateY(1px)}.cat-card.on{background:var(--primary-tint);border-color:var(--primary)}.cat-card .ic{background:var(--primary-soft);width:38px;height:38px;color:var(--primary-ink);transition:background var(--t-ui);border-radius:11px;place-items:center;font-size:17px;display:grid}.cat-card.on .ic{background:var(--primary-deep);color:#fff}.cat-card .nm{font-size:12px;font-weight:600;line-height:1.2}.cat-card .ct{color:var(--muted);font-size:10px}.product-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(184px,1fr));align-content:start;gap:14px;min-height:0;padding-bottom:4px;display:grid;overflow-y:auto}.product-card{background:var(--panel);text-align:left;transition:border-color var(--t-ui), box-shadow var(--t-ui), transform var(--t-ui);animation:zoom-fade-in .28s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 24ms);cursor:pointer;border:1px solid #0000;border-radius:18px;flex-direction:column;padding:12px;display:flex}.product-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #1d25300f}.product-card:active{transition-duration:var(--t-tap);transform:translateY(0)}.product-card:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.product-card.in-cart{border-color:var(--primary)}.p-img{background:var(--primary-tint);height:116px;color:var(--primary-ink);border-radius:17px 17px 0 0;place-items:center;margin:-12px -12px 12px;font-size:40px;display:grid;position:relative;overflow:hidden}.p-img img{object-fit:cover;width:100%;height:100%}.p-img>*{transition:transform .28s var(--ease-out)}.product-card:hover .p-img>*{transform:scale(1.07)}.p-name{font-size:13px;font-weight:600;line-height:1.35}.p-meta{justify-content:space-between;align-items:center;gap:8px;margin:8px 0 12px;display:flex}.p-price{color:var(--primary-ink);font-size:15px;font-weight:700}.p-tag{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.p-per{color:var(--muted);font-size:12px;font-weight:500}.p-stock{color:var(--ok);font-weight:600}.p-stock.out{color:var(--danger)}.p-add{background:var(--primary-soft);width:100%;color:var(--primary-ink);transition:background var(--t-ui), color var(--t-ui), transform var(--t-tap);border-radius:11px;margin-top:auto;padding:10px;font-size:13px;font-weight:700}.p-add:hover{background:var(--primary-deep);color:#fff}.p-add:active{transform:scale(.96)}.p-step{animation:pop-in .16s var(--ease-out);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.p-step button{background:var(--primary-deep);color:#fff;width:34px;height:34px;transition:background var(--t-ui), transform var(--t-tap);border-radius:50%;flex:none;place-items:center;font-size:18px;display:grid}.p-step button:hover{background:var(--primary-deep-press)}.p-step button:active{transform:scale(.9)}.p-step .q{font-weight:700}.tabbar{align-items:center;gap:12px;display:flex;overflow-x:auto}.tabbar .lbl{color:var(--muted);flex:none;padding-left:4px;font-size:12px;font-weight:600}.tab-chip{background:var(--panel);animation:chip-in .2s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 40ms);transition:border-color var(--t-ui), transform var(--t-tap), box-shadow var(--t-ui);border:1px solid #0000;border-radius:999px;flex:none;align-items:center;gap:10px;padding:8px 16px 8px 8px;display:flex}.tab-chip:hover{border-color:var(--primary);box-shadow:0 6px 16px #1d253012}.tab-chip:active{transform:translateY(1px)}.tab-chip .av{background:var(--warn-soft);width:34px;height:34px;color:var(--warn);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.tab-chip .nm{text-align:left;font-size:13px;font-weight:600;line-height:1.2}.tab-chip .sub{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.tab-chip .st{background:var(--bg);color:var(--ink-soft);text-transform:capitalize;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700}.tab-chip .st.preparing{background:var(--warn-soft);color:var(--warn)}.tab-chip .st.placed,.tab-chip .st.confirmed{background:var(--info-soft);color:var(--info)}.tab-chip .st.ready{background:var(--primary-soft);color:var(--primary-ink)}.t-head{justify-content:space-between;align-items:flex-start;padding:22px 22px 0;display:flex}.t-head .title{font-size:19px;font-weight:700}.t-head .sub{color:var(--muted);margin-top:2px;font-size:12px}.t-edit{background:var(--bg);width:34px;height:34px;color:var(--ink-soft);border-radius:10px;place-items:center;font-size:16px;display:grid}.t-edit:hover{color:var(--ink)}.t-types{background:var(--bg);border-radius:12px;gap:4px;margin:16px 22px 4px;padding:4px;display:flex}.t-types button{color:var(--muted);border-radius:9px;flex:1;padding:9px 6px;font-size:12px;font-weight:600}.t-types button.on{background:var(--primary-soft);color:var(--primary-ink)}.t-types button:disabled{opacity:.4;cursor:not-allowed}.t-table{margin:10px 22px 0}.t-table select{background:var(--bg);border:1px solid var(--line-strong);width:100%;color:var(--ink);border-radius:11px;padding:10px 12px}.t-items{flex-direction:column;flex:1;gap:8px;min-height:0;padding:10px 22px;display:flex;overflow-y:auto}.t-empty{color:var(--muted);text-align:center;padding:36px 0}.t-section{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:4px 2px 0;font-size:10px;font-weight:700}.oline{background:var(--panel);border:1px solid var(--line);animation:line-in .18s var(--ease-out);border-radius:14px;align-items:center;gap:11px;padding:9px;display:flex}.oline.exiting{pointer-events:none;animation:.16s ease-in forwards line-out}.oline.placed{background:var(--bg);border-color:#0000}.oline.placed .nm{color:var(--ink-soft)}.oline .ic{background:var(--primary-tint);width:44px;height:44px;color:var(--primary-ink);border-radius:11px;flex:none;place-items:center;font-size:22px;display:grid;overflow:hidden}.oline .ic img{object-fit:cover;width:100%;height:100%}.oline .body{flex:1;min-width:0}.oline .nm{font-size:12.5px;font-weight:600;line-height:1.3}.oline .opt{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.oline .row2{align-items:center;gap:10px;margin-top:5px;display:flex}.oline .unit{color:var(--primary-ink);font-size:12.5px;font-weight:700}.oline .pr{flex:none;font-size:13px;font-weight:700}.stepper{align-items:center;gap:9px;display:inline-flex}.stepper button{background:var(--bg);border:1px solid var(--line-strong);width:22px;height:22px;color:var(--ink);transition:border-color var(--t-ui), color var(--t-ui), transform var(--t-tap);border-radius:50%;place-items:center;font-size:13px;display:grid}.stepper button:hover{border-color:var(--primary);color:var(--primary-ink)}.stepper button:active{transform:translateY(1px)}.stepper .q{text-align:center;min-width:12px;font-size:12px;font-weight:600}.summary{border-top:1px solid var(--line);padding:14px 22px 0}.summary .row{color:var(--ink-soft);justify-content:space-between;padding:5px 0;font-size:13px;display:flex}.summary .div{background:var(--line);height:1px;margin:9px 0}.summary .total{justify-content:space-between;align-items:baseline;display:flex}.summary .total .lbl{font-size:15px;font-weight:700}.summary .total .amt{animation:total-bump .26s var(--ease-out);font-size:24px;font-weight:800;display:inline-block}.summary .row.discount{color:var(--ok);animation:line-in .18s var(--ease-out);font-weight:600}.summary .row.struck{color:var(--muted)}.summary .row.struck>span:last-child{font-style:italic}.summary .row .strike{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin:0;padding:0;display:inline-flex}.summary .row .strike:hover{text-underline-offset:3px;text-decoration:underline}.summary .row .strike svg{background:var(--line);width:18px;height:18px;color:var(--ink-soft);border-radius:50%;padding:3px}.summary .row.discount .strike svg{background:var(--ok-soft);color:var(--ok)}.paywith{padding:16px 22px 4px}.paywith .opts{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.paywith .opts button{border:1px solid var(--line-strong);background:var(--panel);color:var(--ink-soft);transition:border-color var(--t-ui), color var(--t-ui), background var(--t-ui), transform var(--t-tap);border-radius:13px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;font-size:11px;font-weight:600;display:flex}.paywith .opts button:active{transform:translateY(1px)}.paywith .opts button .ic{font-size:16px}.paywith .opts button.on{border-color:var(--primary);color:var(--primary-ink);background:var(--primary-tint)}.charge-wrap{padding:14px 22px 20px}.print-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.print-row .btn{justify-content:center;align-items:center;gap:7px;padding:11px 8px;font-size:12px;display:inline-flex}.print-row .btn svg{font-size:14px}.charge{background:var(--primary);color:#fff;width:100%;box-shadow:0 10px 22px var(--primary-shadow);transition:background var(--t-ui), box-shadow var(--t-ui), transform var(--t-tap), opacity var(--t-ui);border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:17px 16px;font-size:19px;font-weight:700;display:flex}.charge:hover:not(:disabled){background:var(--primary-press);box-shadow:0 12px 26px #f15a2961}.charge:active:not(:disabled){box-shadow:0 4px 12px var(--primary-shadow);transform:scale(.985)}.charge:disabled{opacity:.4;box-shadow:none;cursor:not-allowed}.charge .amt{font-weight:800}.charge.busy{cursor:progress}.btn{transition:background var(--t-ui), border-color var(--t-ui), transform var(--t-tap)}.btn:active:not(:disabled){transform:translateY(1px)}.spin{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex:none;width:16px;height:16px;animation:.6s linear infinite spin}.spin.dark{border-color:#1d253033;border-top-color:var(--ink)}.overlay{z-index:30;background:#141a146b;place-items:center;padding:24px;animation:.16s ease-out overlay-in;display:grid;position:fixed;inset:0}.sheet{background:var(--panel);width:540px;max-width:100%;min-height:0;max-height:min(88vh,720px);animation:modal-in .22s var(--ease-out);border-radius:24px;flex-direction:column;padding:26px 28px;display:flex;box-shadow:0 24px 60px #141a1447}.sheet-body{flex:1;min-height:0;margin:0 -28px;padding:0 28px;overflow-y:auto}.sheet-head{align-items:center;gap:16px;display:flex}.sheet-head .img{background:var(--primary-tint);width:72px;height:72px;color:var(--primary-ink);border-radius:16px;place-items:center;font-size:34px;display:grid}.sheet-head .nm{font-size:22px;font-weight:700}.sheet-head .sub{color:var(--muted)}.sheet-head .price{color:var(--primary-ink);margin-left:auto;font-size:26px;font-weight:700}.mgroup{margin-top:22px}.mgroup .label{font-size:15px;font-weight:700}.mgroup .req{color:var(--primary-ink);margin-left:8px;font-size:12px;font-weight:600}.mgroup .opt{color:var(--muted);margin-left:8px;font-size:12px}.mpills{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.mpill{border:1px solid var(--line-strong);background:var(--panel);transition:background var(--t-ui), border-color var(--t-ui), color var(--t-ui), transform var(--t-tap);animation:fade-up .22s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 18ms);border-radius:999px;padding:11px 18px;font-weight:600}.mpill:active{transform:translateY(1px)}.mpill.on{background:var(--primary-deep);color:#fff;border-color:var(--primary-deep)}.add-ticket{background:var(--primary);color:#fff;width:100%;box-shadow:0 10px 24px var(--primary-shadow);border-radius:16px;flex:none;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:18px;font-size:19px;font-weight:700;display:flex;position:relative}.add-ticket .amt{position:absolute;right:24px}.add-ticket{transition:background var(--t-ui), transform var(--t-tap)}.add-ticket:hover{background:var(--primary-press)}.add-ticket:active{transform:scale(.985)}.modal-overlay{z-index:30;background:#141a146b;place-items:center;padding:20px;animation:.16s ease-out overlay-in;display:grid;position:fixed;inset:0}.modal{background:var(--panel);width:420px;max-width:100%;animation:modal-in .2s var(--ease-out);border-radius:22px;padding:24px}.pad button,.quick button{transition:background var(--t-ui), border-color var(--t-ui), transform var(--t-tap)}.pad button:active,.quick button:active{border-color:var(--primary);transform:translateY(1px)}.amount{text-align:right;padding:10px 4px;font-size:34px;font-weight:800}.quick{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.quick button{background:var(--bg);border:1px solid var(--line-strong);border-radius:10px;flex:1;min-width:64px;padding:12px;font-weight:600}.pad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pad button{background:var(--bg);border:1px solid var(--line-strong);border-radius:12px;padding:18px;font-size:20px;font-weight:600}.change-row{justify-content:space-between;align-items:baseline;margin-top:14px;display:flex}.change-row .amt2{color:var(--ok);font-size:22px;font-weight:800}.orders-page{flex-direction:column;height:100%;padding:4px 2px;display:flex;overflow-y:auto}.orders-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.new-order{background:var(--primary);color:#fff;box-shadow:0 10px 22px var(--primary-shadow);transition:background var(--t-ui), box-shadow var(--t-ui), transform var(--t-tap);border-radius:14px;flex:none;align-items:center;gap:8px;padding:14px 20px;font-size:19px;font-weight:700;display:inline-flex}.new-order svg{font-size:20px}.new-order:hover{background:var(--primary-press);box-shadow:0 12px 26px #f15a2961}.new-order:active{box-shadow:0 4px 12px var(--primary-shadow);transform:scale(.985)}.orders-section{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:22px 2px 10px;font-size:11px;font-weight:700}.order-grid{grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:14px;margin:0 0 8px;padding:0;list-style:none;display:grid}.order-card{background:var(--panel);animation:zoom-fade-in .26s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 26ms);transition:border-color var(--t-ui), box-shadow var(--t-ui), transform var(--t-ui);border:1px solid #0000;border-radius:18px;flex-direction:column;gap:14px;padding:16px;display:flex}.order-card.live{cursor:pointer}.order-card.live:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 22px #1d25300f}.order-card.live:active{transition-duration:var(--t-tap);transform:translateY(0)}.order-card.live:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.order-grid.compact{grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:14px}.order-card.new-tile{cursor:pointer;animation:zoom-fade-in .26s var(--ease-out) backwards;background:0 0;border:none;padding:0}.new-tile-btn{background:var(--primary);color:#fff;width:100%;height:100%;min-height:150px;box-shadow:0 10px 22px var(--primary-shadow);transition:background var(--t-ui), box-shadow var(--t-ui), transform var(--t-ui);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.new-tile-btn svg{font-size:26px}.new-tile-btn:hover{background:var(--primary-press);transform:translateY(-2px);box-shadow:0 12px 26px #f15a2961}.new-tile-btn:active{transition-duration:var(--t-tap);transform:translateY(0)}.order-card.done{background:var(--panel);border-color:var(--line);gap:12px;padding:14px}.order-card.done .av{background:var(--bg);color:var(--muted)}.order-card.done .nm,.order-card.done .amt{color:var(--ink-soft)}.order-card.done footer{border-top-color:var(--line-strong)}.order-card.done .icon-act{background:var(--panel)}.order-card header{align-items:center;gap:12px;display:flex}.order-card .av{background:var(--primary-soft);width:44px;height:44px;color:var(--primary-ink);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.order-card .body{min-width:0}.order-card .nm{font-size:17px;font-weight:700}.order-card .sub{color:var(--muted);margin-top:2px;font-size:12px}.order-card .chips{flex-wrap:wrap;gap:8px;display:flex}.order-card footer{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:10px;margin-top:auto;padding-top:12px;display:flex}.order-card .amt{font-size:20px;font-weight:800}.order-card .go{color:var(--primary-ink);flex:none;font-size:12px;font-weight:700}.order-card .acts{align-items:center;gap:8px;display:flex}.order-card .icon-act{width:34px;height:34px;color:var(--ink-soft);background:var(--bg);transition:background var(--t-ui), color var(--t-ui), transform var(--t-tap);border-radius:10px;place-items:center;font-size:15px;display:grid}.order-card .icon-act:hover{background:var(--primary-soft);color:var(--primary-ink)}.order-card .icon-act:active{transform:translateY(1px)}.order-card .sent{color:var(--ok);font-size:10px;font-weight:700}.order-card .pay{background:var(--primary-deep);color:#fff;transition:background var(--t-ui), transform var(--t-tap);border-radius:10px;padding:8px 14px;font-size:12px;font-weight:700}.order-card .pay:hover{background:var(--primary-deep-press)}.order-card .pay:active{transform:translateY(1px)}.orders-empty{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding-bottom:60px;display:flex}.orders-empty svg{color:var(--line-strong);font-size:42px}.badge{text-transform:capitalize;background:var(--bg);color:var(--ink-soft);border-radius:999px;flex:none;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.badge.placed{background:var(--warn-soft);color:var(--warn)}.badge.confirmed,.badge.preparing{background:var(--info-soft);color:var(--info)}.badge.ready,.badge.completed,.badge.delivered,.badge.paid{background:var(--ok-soft);color:var(--ok)}.badge.unpaid{background:var(--warn-soft);color:var(--warn)}.badge.cancelled,.badge.rejected,.badge.refunded{background:var(--danger-soft);color:var(--danger)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.close-summary{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.close-summary .row{justify-content:space-between;padding:5px 0;font-size:13px;display:flex}.close-summary .row.hero{border-top:1px solid var(--line);margin-top:8px;padding-top:10px;font-size:15px;font-weight:800}.close-warn{background:var(--warn-soft);border-radius:12px;flex-direction:column;gap:4px;margin-top:14px;padding:12px 14px;display:flex}.close-warn strong{color:var(--warn);font-size:13px}.close-warn span{color:var(--ink-soft);font-size:12px;line-height:1.45}.shift-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.shift-open-for{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.shift-narrow{max-width:420px;margin:0 auto}.shift-body{flex-direction:column;gap:18px;display:flex}.shift-cards{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));align-items:start;gap:14px;display:grid}.shift-cards .card{margin-bottom:0}.close-card{border-color:var(--line-strong);background:var(--panel)}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.stat{background:var(--panel);border:1px solid var(--line);animation:zoom-fade-in .26s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 24ms);border-radius:16px;padding:16px 18px}.stat .k{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.stat .v{margin-top:6px;font-size:22px;font-weight:800}.stat.hero{background:var(--primary-tint);border-color:var(--primary-soft)}.stat.hero .v{color:var(--primary-ink);font-size:26px}.toast{z-index:50;background:var(--ink);color:#fff;animation:toast-in .24s var(--ease-out);border-radius:999px;align-items:center;gap:10px;padding:12px 22px;font-size:14px;font-weight:600;display:flex;position:fixed;top:22px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #1d253047}.toast .dot{background:var(--primary);border-radius:50%;flex:none;width:8px;height:8px}.toast.bad{background:var(--danger)}.toast.bad .dot{background:#fff}.page{height:100%;padding:4px;overflow-y:auto}.h1{margin:0 0 16px;font-size:22px;font-weight:700}.h2{color:var(--muted);letter-spacing:.04em;margin:16px 0 8px;font-size:13px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;padding:18px}.kv{justify-content:space-between;padding:6px 0;display:flex}.field{margin-bottom:12px}.field label{color:var(--muted);margin-bottom:6px;display:block}.input{background:var(--panel);border:1px solid var(--line-strong);width:100%;color:var(--ink);border-radius:10px;padding:12px}.btn{background:var(--panel);border:1px solid var(--line-strong);color:var(--ink);border-radius:12px;width:100%;padding:13px;font-weight:600}.btn.primary{background:var(--primary-deep);color:#fff;border-color:var(--primary-deep)}.btn.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn.danger:hover{background:#6b1616}.btn.primary:hover{background:var(--primary-deep-press)}.btn:disabled{opacity:.45}.btn .amt{margin-left:8px;font-weight:800}.btn.pay{background:var(--primary-deep);color:#fff;border-color:var(--primary-deep)}.btn.pay:hover:not(:disabled){background:var(--primary-deep-press);border-color:var(--primary-deep-press)}.btn.pay:disabled{background:var(--primary-soft);color:var(--primary-ink);opacity:1;border-color:#0000}.seg{gap:10px;display:flex}.pill{background:var(--primary-soft);color:var(--primary-ink);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600}.pill.closed{background:var(--bg);color:var(--muted)}.total{justify-content:space-between;font-weight:700;display:flex}.grid{gap:12px;display:grid}.auth{-webkit-user-select:text;user-select:text;grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid}@media (min-width:900px){.auth{grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr)}}.auth-aside{isolation:isolate;color:#fff;background:var(--primary-deep);animation:slide-in-left .4s var(--ease-out);flex-direction:column;gap:12px;padding:20px;display:flex;position:relative;overflow:hidden}.auth-aside:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(520px 420px at 10% 10%,#ffffff2e,#0000 60%),radial-gradient(640px 520px at 90% 90%,#781e0066,#0000 65%);animation:24s ease-in-out infinite alternate aside-light;position:absolute;inset:-20%}@keyframes aside-light{to{transform:translate(6%,4%)scale(1.06)}}@media (min-width:900px){.auth-aside{justify-content:space-between;gap:28px;padding:40px 44px}}.auth-brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.auth-brand .mark{width:34px;height:34px;color:var(--primary-deep);background:#fff;border-radius:10px;place-items:center;font-size:19px;display:grid}.auth-tag{letter-spacing:0;background:#ffffff29;border:1px solid #ffffff47;border-radius:999px;margin-left:4px;padding:3px 10px;font-size:12px;font-weight:600}.auth-pitch{max-width:28em}.auth-pitch .big{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800;line-height:1.12}.auth-pitch p{color:#ffffffeb;margin:6px 0 0;font-size:14px;line-height:1.5}@media (min-width:900px){.auth-pitch .big{font-size:clamp(32px,3.4vw,44px)}.auth-pitch p{margin-top:12px;font-size:16px}}.auth-slip{width:270px;color:var(--ink);animation:slip-print .7s var(--ease-out) .2s backwards;background:#fffdf9;align-self:flex-start;padding:16px 18px 22px;font:600 12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;display:none;transform:rotate(-2.5deg);box-shadow:0 22px 40px -18px #3c12008c;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/12px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/12px 100%}@keyframes slip-print{0%{opacity:0;transform:translateY(36px)rotate(-2.5deg)}}@media (min-width:900px){.auth-slip{display:block}}.auth-slip .slip-row{justify-content:space-between;gap:10px;display:flex}.auth-slip .slip-mid{justify-content:center}.auth-slip .slip-soft{color:var(--ink-soft);font-weight:500}.auth-slip .slip-mod{justify-content:flex-start;padding-left:2ch;font-size:11px}.auth-slip .slip-strong{font-size:13px;font-weight:800}.auth-slip .slip-rule{border-top:1.5px dashed #bdb3aa;margin:8px 0}.auth-foot{color:#ffffffeb;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:none}@media (min-width:900px){.auth-foot{display:flex}}.auth-foot a{color:#fff;align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.auth-foot a:hover{text-underline-offset:3px;text-decoration:underline}.auth-foot svg{font-size:15px}.auth-main{place-items:center;padding:28px 16px 40px;display:grid}@media (min-width:900px){.auth-main{padding:48px}}.auth-form{width:100%;max-width:400px}.auth-welcome{flex-direction:column;gap:6px;margin-bottom:26px;display:flex}.auth-welcome h1{letter-spacing:-.02em;margin:0;font-size:30px;font-weight:800;line-height:1.12}.auth-welcome span{color:var(--ink-soft);font-size:15px}.auth-remembered{color:var(--ink-soft);margin:-8px 0 20px;font-size:14px}.auth-remembered strong{color:var(--ink)}.login-swap{color:var(--primary-ink);text-underline-offset:2px;cursor:pointer;padding:0;font-weight:600;text-decoration:underline}.auth-form .field{flex-direction:column;gap:7px;margin-bottom:18px;display:flex}.auth-form .field label{color:var(--ink);transition:color var(--t-ui);margin:0;font-size:14px;font-weight:600}.auth-form .field:focus-within label{color:var(--primary-ink)}.auth-form .field-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.field-hint{color:var(--ink-soft);font-size:12px;line-height:1.4}.auth-form .input{background:var(--panel);border:1.5px solid var(--line-strong);min-height:52px;transition:border-color var(--t-ui), box-shadow var(--t-ui);border-radius:12px;padding:0 14px;font-size:16px}.auth-form .input:focus{border-color:var(--primary-deep);outline:none;box-shadow:0 0 0 3px #c8420f29}.pw-wrap{position:relative}.pw-wrap .input{padding-right:56px}.pw-eye{width:42px;height:42px;color:var(--ink-soft);transition:background var(--t-ui), color var(--t-ui);border-radius:10px;place-items:center;font-size:19px;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pw-eye:hover{background:var(--primary-tint);color:var(--ink)}.pw-eye:focus-visible{outline:3px solid var(--primary-deep);outline-offset:1px}.login-link{color:var(--primary-ink);text-underline-offset:2px;align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:underline;display:inline-flex}.login-link svg{flex:none;font-size:14px}.auth-err{animation:fade-up .22s var(--ease-out);margin:-4px 0 14px;font-size:14px;font-weight:600;line-height:1.45}.auth-submit{min-height:54px;box-shadow:0 10px 22px -12px var(--primary-shadow);justify-content:center;align-items:center;gap:10px;font-size:16px;display:flex}.auth-submit svg{font-size:18px}.auth-submit:disabled{opacity:.8;cursor:progress}.auth-alt{border-top:1px solid var(--line-strong);margin-top:26px;padding-top:20px}.auth-alt p{color:var(--ink-soft);margin:0;font-size:14px}.auth-welcome,.auth-remembered,.auth-form .field,.auth-submit,.auth-alt{animation:fade-up .4s var(--ease-out) backwards;animation-delay:calc(.12s + var(--i,0) * 60ms)}@keyframes login-shake{15%{transform:translate(-9px)}35%{transform:translate(7px)}55%{transform:translate(-4px)}75%{transform:translate(2px)}}.auth-form.shake{animation:login-shake .42s var(--ease-out)}@keyframes login-leave{to{opacity:0;transform:translateY(-14px)scale(.98)}}.auth-form.leaving{animation:login-leave .22s var(--ease-out) forwards}body{background:radial-gradient(900px 700px at -8% -12%, #ffe6dacc 0%, transparent 60%), radial-gradient(1100px 850px at 108% 112%, #f15a2921 0%, transparent 62%), radial-gradient(760px 620px at 55% 118%, var(--primary-tint) 0%, transparent 70%), var(--bg);background-attachment:fixed}body:after{content:"";z-index:2147483647;pointer-events:none;opacity:.03;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.rail,.ticket{-webkit-backdrop-filter:blur(20px)saturate(1.5);backdrop-filter:blur(20px)saturate(1.5);background:#fff9;border:1px solid #ffffffa6}.modal-overlay,.overlay{-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);background:#141a1438}.modal,.sheet{-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);background:#ffffffc7;border:1px solid #ffffffd9;box-shadow:0 24px 70px #23201d4d,inset 0 1px #fffffff2}.type-tile,.table-tile,.cat-card,.product-card,.tab-chip,.order-card,.order-card.done,.stat,.card,.close-card,.search{background:#fffc}.input{background:#ffffffb3}.input:focus{background:#fff}.btn{background:#ffffffb3}.toast{-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);background:#23201dc7}.toast.bad{background:#7f1d1dd9}.oline{background:#ffffffbf}}.tender-rows{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.tender-row{border:1px solid var(--line);transition:border-color var(--t-ui), background var(--t-ui);border-radius:14px;padding:10px 12px 2px}.tender-row.on{border-color:var(--primary);background:var(--primary-tint)}.tender-amt{width:100%;min-height:44px;color:var(--ink);background:0 0;border:0;justify-content:space-between;align-items:baseline;padding:4px 0 10px;display:flex}.tender-amt .lbl{color:var(--ink-soft);font-size:13px;font-weight:600}.tender-amt .v{font-size:26px;font-weight:800}.change-in{flex-direction:column;gap:8px;margin-top:14px;display:flex}.change-in .seg .btn{min-height:48px;padding:12px 8px;font-size:13px}.seg .btn.on,.btn.on{border-color:var(--primary);background:var(--primary-tint);color:var(--primary-ink)}.change-row .amt2.short{color:var(--danger)}.field{flex-direction:column;gap:6px;display:flex}.field .label{font-size:14px;font-weight:700}textarea.input{resize:vertical;min-height:48px}.input.big{min-height:56px;padding:14px;font-size:18px}.btn.big{min-height:56px;font-size:17px}.btn.small{align-items:center;gap:7px;width:auto;min-height:44px;padding:10px 14px;font-size:13px;display:inline-flex}.btn.danger-ghost{color:var(--danger);border-color:var(--danger-soft);background:var(--panel)}.btn.danger-ghost:hover:not(:disabled){background:var(--danger-soft)}.note-btn{justify-content:center;align-items:center;gap:8px;display:inline-flex}.pill.ok{background:var(--ok-soft);color:var(--ok);margin-left:8px}.reason-tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.reason-tile{text-align:left;background:var(--bg);border:1px solid var(--line-strong);min-height:56px;color:var(--ink);animation:fade-up .2s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 22ms);transition:border-color var(--t-ui), background var(--t-ui), transform var(--t-tap);border-radius:14px;flex-direction:column;justify-content:center;gap:3px;padding:12px;font-weight:600;display:flex}.reason-tile:active{transform:translateY(1px)}.reason-tile.on{border-color:var(--primary);background:var(--primary-tint);color:var(--primary-ink)}.reason-tile .hint{color:var(--muted);font-size:12px;font-weight:500}.takeoff-qty{align-items:center;gap:14px;margin:4px 0 16px;font-weight:600;display:flex}.stepper.big button{width:48px;height:48px;font-size:20px}.stepper.big .q{min-width:24px;font-size:18px}.details-step .details-form{flex-direction:column;gap:16px;max-width:520px;display:flex}.t-customer{background:var(--bg);border:1px solid var(--line);color:var(--ink);text-align:left;border-radius:12px;align-items:flex-start;gap:10px;width:calc(100% - 44px);min-height:44px;margin:10px 22px 0;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.t-customer svg{color:var(--primary-ink);flex:none;margin-top:2px}.t-customer .sub{color:var(--muted);margin-top:2px;font-size:12px;font-weight:500;display:block}.t-customer .sub.note{color:var(--warn)}.t-extras{flex-wrap:wrap;gap:8px;margin:10px 0 2px;display:flex}.t-note{color:var(--warn);margin:6px 0 0;font-size:12px;font-weight:600}.oline .opt.note{color:var(--warn);white-space:normal;font-weight:600}.oline .line-note{white-space:nowrap;min-height:32px;color:var(--ink-soft);background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;margin:4px 0 2px -6px;padding:6px;font-size:11.5px;font-weight:600;display:inline-flex}.oline .line-note:hover{background:var(--bg);color:var(--primary-ink)}.oline .row2{justify-content:space-between}.oline .line-off{background:var(--panel);border:1px solid var(--line-strong);width:36px;height:36px;color:var(--danger);border-radius:10px;flex:none;place-items:center;display:grid}.oline .line-off:hover{background:var(--danger-soft)}.pay-modal{flex-direction:column;gap:14px;width:min(940px,100%);max-height:calc(100dvh - 32px);padding:20px 22px;display:flex;overflow-y:auto}.pay-head{grid-template-columns:auto 1fr;align-items:center;gap:20px;display:grid}.pay-total{flex-direction:column;min-width:170px;display:flex}.pay-total .lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.pay-total .amt{font-size:30px;font-weight:800;line-height:1.15}.pay-total .alt{font-size:12px}.pay-head .paywith{margin:0}.cash-grid{grid-template-columns:1fr 260px;align-items:start;gap:16px;display:grid}.tender-rows{gap:10px;margin:0}.tender-row{padding:8px 10px 10px}.tender-amt{min-height:40px;padding:2px 2px 8px}.tender-amt .v{font-size:22px}.tender-row .notes{grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:6px;display:grid}.tender-row .notes button{white-space:nowrap;background:var(--panel);border:1px solid var(--line-strong);min-height:48px;transition:border-color var(--t-ui), transform var(--t-tap);border-radius:10px;padding:4px 3px;font-size:12.5px;font-weight:600}.tender-row .notes button:active{border-color:var(--primary);transform:translateY(1px)}.tender-row .notes .exact{flex-direction:column;justify-content:center;align-items:center;line-height:1.15;display:flex}.tender-row .notes .exact span{color:var(--ink-soft);font-size:11px}.tender-row .notes .clear{color:var(--ink-soft)}.cash-side{flex-direction:column;gap:10px;display:flex}.cash-side .pad{gap:6px}.cash-side .pad button{min-height:48px;padding:0;font-size:19px}.cash-side .change-in{gap:6px;margin:0}.cash-side .change-in .seg{gap:6px}.cash-side .change-in .seg .btn{min-height:48px;padding:6px 4px;font-size:12px;line-height:1.2}.cash-side .change-row{margin:0}.pay-other{flex-direction:column;gap:10px;display:flex}.pay-other p{margin:0}.pay-foot{grid-template-columns:1fr 2fr;gap:10px;display:grid}.pay-foot .btn{min-height:52px}@media (max-width:760px){.pay-head,.cash-grid{grid-template-columns:1fr}}