:root{--canvas: #050506;--panel: #101114;--s2: #191b1f;--s3: #202227;--s4: #292c32;--s5: #32353e;--ink: #fcfcfd;--ink-2: #9da1ae;--ink-3: #676d7e;--ink-pill: #c6c9d1;--accent: #004dff;--accent-press: #0040d6;--accent-ink: #0088ff;--focus: #0066ff;--success: #94e98d;--success-dot: #3ecf5c;--warning: #ffb224;--critical: #ff5a45;--critical-fill: #e5372b;--critical-press: #c42c21;--scrim: rgba(0, 0, 0, .6);--on-accent: #fff;--focus-ring: rgba(0, 102, 255, .25);--success-tint: rgba(148, 233, 141, .1);--warning-tint: rgba(255, 178, 36, .16);--warning-solid: #3e331f;--warning-ink: #ffcf70;--critical-tint: rgba(255, 90, 69, .12);--critical-solid: #3e2525;--critical-ink: #ff8a7a;--info-fill: #002477;--info-ink: #8fcbff;--toast: #eeeff1;--toast-ink: #050506;--toast-ok: #356530;--toast-critical: #ce2717;--toast-shadow: 0 10px 28px rgba(0, 0, 0, .55), 0 2px 6px rgba(0, 0, 0, .35);--toast-h: 44px;--toast-gap: 12px;--r-card: 16px;--r-ctl: 12px;--r-sm: 10px;--r-pill: 999px;--r-sheet: 20px;--font: "Inter", "Noto Sans Myanmar", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, "Noto Sans Myanmar", monospace;--gap: 8px;--row: 72px;--commit: 118px;--key: 118px;--command: 64px;--tender-min: 504px;--band: 0px;--cart-col: 452px;--tabs-pad: 20px;--i-blank: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"/>');--i-search: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="6.5"/><path d="m20 20-4.4-4.4"/></svg>');--i-keypad: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="6.5" cy="4.5" r="1.1"/><circle cx="12" cy="4.5" r="1.1"/><circle cx="17.5" cy="4.5" r="1.1"/><circle cx="6.5" cy="10" r="1.1"/><circle cx="12" cy="10" r="1.1"/><circle cx="17.5" cy="10" r="1.1"/><circle cx="6.5" cy="15.5" r="1.1"/><circle cx="12" cy="15.5" r="1.1"/><circle cx="17.5" cy="15.5" r="1.1"/><circle cx="12" cy="21" r="1.1"/></svg>');--i-tag: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3.5 12.3V4.8a1.3 1.3 0 0 1 1.3-1.3h7.5a1.3 1.3 0 0 1 .9.4l7.6 7.6a1.3 1.3 0 0 1 0 1.8l-7.3 7.3a1.3 1.3 0 0 1-1.8 0l-7.6-7.6a1.3 1.3 0 0 1-.4-.9z"/><circle cx="8.2" cy="8.2" r="1.5"/></svg>');--i-bag: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5.5 8h13l-.9 11.6a1.5 1.5 0 0 1-1.5 1.4H7.9a1.5 1.5 0 0 1-1.5-1.4z"/><path d="M9 10.5V7a3 3 0 0 1 6 0v3.5"/></svg>');--i-lock: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="10.5" width="14" height="10" rx="2.2"/><path d="M8.2 10.5V7.8a3.8 3.8 0 0 1 7.6 0v2.7"/></svg>');--i-check: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="m5 12.5 4.5 4.5L19 7.5"/></svg>');--i-check-circle: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="m8.2 12.3 2.6 2.6 5-5.3"/></svg>');--i-alert: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7.5v5.2M12 16.3v.2"/></svg>');--i-delete: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M8.6 5H19a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H8.6a1.5 1.5 0 0 1-1.1-.5L3 12l4.5-6.5a1.5 1.5 0 0 1 1.1-.5z"/><path d="m11.5 9.5 5 5M16.5 9.5l-5 5"/></svg>');--i-arrow: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 12h15M13.5 6l6 6-6 6"/></svg>');--i-cash: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="2.5" y="6" width="19" height="12" rx="2"/><circle cx="12" cy="12" r="2.6"/><path stroke-width="2.6" d="M6.3 12h.01M17.7 12h.01"/></svg>');--i-card: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="2.5" y="5" width="19" height="14" rx="2.2"/><path d="M2.5 9.5h19M6.5 15h4"/></svg>');--i-phone: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="6" y="2.5" width="12" height="19" rx="2.5"/><path d="M10.5 18.5h3"/></svg>');--i-gift: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3.5" y="8" width="17" height="4.5" rx="1"/><path d="M5 12.5v7a1.5 1.5 0 0 0 1.5 1.5h11a1.5 1.5 0 0 0 1.5-1.5v-7M12 8v13"/><path d="M12 8S10.5 3.5 8 4.3C6 5 7 8 9.5 8M12 8s1.5-4.5 4-3.7C18 5 17 8 14.5 8"/></svg>');--i-account: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5.5 4.5A1.5 1.5 0 0 1 7 3h11.5v18H7a1.5 1.5 0 0 1-1.5-1.5z"/><circle cx="12" cy="10" r="2.4"/><path d="M8.6 16.5a3.4 3.4 0 0 1 6.8 0"/></svg>');--i-hold: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M10 9v6M14 9v6"/></svg>');--i-held: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m12 3.5 8.5 4.3L12 12 3.5 7.8z"/><path d="m3.5 12 8.5 4.2 8.5-4.2"/><path d="m3.5 16.2 8.5 4.3 8.5-4.3"/></svg>');--i-person: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="3.8"/><path d="M4.8 20.5a7.2 7.2 0 0 1 14.4 0"/></svg>');--i-receipt: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6 3.5h12V21l-2-1.4-2 1.4-2-1.4-2 1.4-2-1.4L6 21z"/><path d="M9 8h6M9 11.5h6M9 15h3.5"/></svg>');--i-price-check: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M10.5 20 3.8 13.3a1.3 1.3 0 0 1-.3-.9V4.8a1.3 1.3 0 0 1 1.3-1.3h7.5a1.3 1.3 0 0 1 .9.4l4.3 4.3"/><circle cx="8" cy="8" r="1.4"/><circle cx="16" cy="15.5" r="3.5"/><path d="m18.6 18.1 2.4 2.4"/></svg>');--i-void-line: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3.5 5.5h14M3.5 11h10M3.5 16.5h6"/><path d="m14.5 13 6 6M20.5 13l-6 6"/></svg>');--i-percent: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18.5 5.5 5.5 18.5"/><circle cx="7.5" cy="7.5" r="2.5"/><circle cx="16.5" cy="16.5" r="2.5"/></svg>');--i-pencil: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m4 20 .9-4.2L15.8 4.9a2.1 2.1 0 0 1 3 0l.3.3a2.1 2.1 0 0 1 0 3L8.2 19.1z"/><path d="m14 6.7 3.3 3.3"/></svg>');--i-return: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 13.5 4 8.5l5-5"/><path d="M4 8.5h10.5a5.75 5.75 0 0 1 0 11.5H10"/></svg>');--i-trash: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 6.5h16M9.5 6.5V5a1.5 1.5 0 0 1 1.5-1.5h2A1.5 1.5 0 0 1 14.5 5v1.5M6 6.5l.9 12.6a1.5 1.5 0 0 0 1.5 1.4h7.2a1.5 1.5 0 0 0 1.5-1.4L18 6.5"/><path d="M10 10.5v6M14 10.5v6"/></svg>');--i-drawer: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 13.5 5.3 5.6a1.5 1.5 0 0 1 1.4-1.1h10.6a1.5 1.5 0 0 1 1.4 1.1L21 13.5V19a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 19z"/><path d="M3 13.5h5l1.5 2.5h5l1.5-2.5h5"/></svg>');--i-power: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v8.5"/><path d="M6.7 6.3a7.5 7.5 0 1 0 10.6 0"/></svg>');--field-scan: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%239da1ae" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 8V6a2 2 0 0 1 2-2h2M16 4h2a2 2 0 0 1 2 2v2M20 16v2a2 2 0 0 1-2 2h-2M8 20H6a2 2 0 0 1-2-2v-2"/><path d="M8 8.5v7M11 8.5v7M13.5 8.5v7M16 8.5v7"/></svg>');--field-search: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%239da1ae" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="6.5"/><path d="m20 20-4.4-4.4"/></svg>')}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--canvas);color:var(--ink);font-family:var(--font);font-feature-settings:"cv02","cv03","cv04","cv09";font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html[lang=my]{--row: 76px}html[lang=my] .name,html[lang=my] .command,html[lang=my] .tab{line-height:1.65}html[lang=my] :is(.region,.grand-label,.commit,.ghost,.chip,.tenders .tender,.quick,.key.util,.who-name,.who-out,.panel h2,.panel .lede,.signin h1,.splash-name,.tile-name,.rule,.entry-label,.tot,.detail,.due,.held-row .now,.slip){line-height:1.6}.name,.tile-name,.lede,.panel h2,.held-row>.detail{font-variant-numeric:normal}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}input{font:inherit}#app{display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:0}.status{display:flex;align-items:center;gap:20px;flex:none;height:calc(56px + env(safe-area-inset-top));padding:0 20px;padding-top:env(safe-area-inset-top);padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));font-size:14px;color:var(--ink-2)}.status .gap{flex:1}.status-right{display:flex;align-items:center;gap:20px;flex:none}.who{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:1px;height:44px;padding:0 12px;border-radius:var(--r-ctl);background:var(--s2);text-align:right}.who:active{background:var(--s4)}.who-name{font-size:14px;font-weight:600;line-height:1.2;color:var(--ink)}.who-out{font-size:11px;line-height:1.3;color:var(--ink-2)}.status>*{flex:none}.status .shop,.status .shift{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status :is(.shop,.register):empty{display:none}.mode{display:inline-block;height:26px;padding:0 12px;border-radius:var(--r-pill);font-size:13px;font-weight:600;line-height:26px;white-space:nowrap;text-transform:lowercase}.mode:first-letter{text-transform:uppercase}.mode.sale{background:var(--s4);color:var(--ink-pill)}.mode.tender{background:var(--accent);color:var(--on-accent)}.shop{color:var(--ink);font-size:15px;font-weight:600}.shift.shut{display:inline-block;height:26px;padding:0 12px;border-radius:var(--r-pill);background:var(--warning-tint);color:var(--warning-ink);font-size:13px;font-weight:600;line-height:26px}.dot{display:inline-flex;align-items:center;gap:8px;font-size:13px}.when{font-size:13px}.dot:before{content:"";width:8px;height:8px;border-radius:50%}.dot.online:before{background:var(--success-dot)}.dot.offline:before{background:var(--critical)}.dot.offline{color:var(--critical)}.lang{display:flex;gap:0;flex:none;padding:0;border-radius:var(--r-ctl);background:var(--s3)}.lang button{min-width:52px;height:44px;padding:0 12px;border-radius:var(--r-ctl);font-size:13px;font-weight:500;line-height:1.6;white-space:nowrap;flex:none}.lang button:last-child{min-width:66px}[lang=my]{font-family:"Noto Sans Myanmar",var(--font)}.lang button[lang=my]{font-family:"Noto Sans Myanmar",var(--font);line-height:1.65}.lang-on{background:var(--s5);color:var(--ink);box-shadow:inset 0 0 0 3px var(--s3)}.lang-off{color:var(--ink-2)}main.lane{display:flex;flex:1;min-width:0;min-height:0}.ledger{display:flex;flex-direction:column;flex:none;width:var(--cart-col);min-height:0;padding-left:env(safe-area-inset-left);background:var(--panel)}.ledger-head{display:flex;align-items:baseline;gap:10px;flex:none;padding:16px 16px 8px}.region{display:inline-block;font-size:13px;font-weight:600;line-height:1.2;color:var(--ink-2);text-transform:lowercase}.region:first-letter{text-transform:uppercase}.ledger-head .region{font-size:20px;color:var(--ink)}.ledger-head .count{font-size:14px;color:var(--ink-2)}.ledger-head .customer{min-width:0;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500;color:var(--accent-ink)}.ledger-body{flex:1;min-height:0;overflow-y:auto;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 20px),transparent)}.rows{margin:0;padding:0 8px 20px;list-style:none}.row{display:grid;grid-template-columns:minmax(48px,max-content) minmax(0,1fr) auto;align-items:center;gap:12px;min-height:var(--row);padding:8px;border-radius:var(--r-ctl)}.row:active{background:var(--s2)}.row .qty{display:grid;place-items:center;min-width:48px;height:48px;padding:0 6px;border-radius:var(--r-sm);background:var(--s4);font-size:18px;font-weight:600;line-height:1;color:var(--ink)}.line-body{display:flex;flex-direction:column;gap:3px;min-width:0}.name{font-size:16px;font-weight:500;line-height:1.3}.row .name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.detail{display:flex;flex-wrap:wrap;gap:2px 8px;font-size:13px;line-height:1.35;color:var(--ink-2)}.promo{color:var(--success)}.override,.age{color:var(--warning)}.age.ok{color:var(--success)}.amount{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.was{font-size:13px;color:var(--ink-3);text-decoration:line-through}.now{font-size:16px;font-weight:600;line-height:1.2}.empty{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0;padding:48px 16px;color:var(--ink-2);font-size:15px;text-align:center}.empty:before{content:"";width:32px;height:32px;background:var(--ink-3);-webkit-mask:var(--i-bag) center / contain no-repeat;mask:var(--i-bag) center / contain no-repeat}.ledger-foot{flex:none;padding:12px 16px 16px}.totals{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;padding-top:12px;border-top:1px solid var(--s4)}.tot{display:flex;justify-content:space-between;font-size:15px;line-height:1.35;color:var(--ink-2)}.tot>:last-child{color:var(--ink)}.tot.saved,.tot.saved>:last-child{color:var(--success)}.grand{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.grand-label{display:inline-block;font-size:20px;font-weight:600;line-height:1.2;color:var(--ink);text-transform:lowercase}.grand-label:first-letter{text-transform:uppercase}.grand-value{font-size:40px;font-weight:700;line-height:1;letter-spacing:-.02em}.commit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:var(--commit);border-radius:var(--r-ctl);background:var(--accent);color:var(--on-accent);font-size:20px;font-weight:600;line-height:1}.commit:active{background:var(--accent-press)}.commit.off{background:var(--s3);color:var(--ink-3);cursor:default}.commit.wide{height:72px;font-size:17px}.commit.danger{background:var(--critical-fill);color:var(--on-accent)}.commit.danger:active{background:var(--critical-press)}.commit-word{display:inline-block;text-transform:lowercase}.commit-word:first-letter{text-transform:uppercase}.work{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;padding:0;gap:0}.scan{display:flex;align-items:center;gap:12px;flex:none;height:88px;padding:16px 20px}.scan .chip:nth-last-child(2){width:132px}.scan .chip:last-child{width:110px}.scan .region{display:none}.scan-field{flex:1;min-width:0;height:56px;padding:0 16px 0 48px;border:1px solid transparent;border-radius:var(--r-ctl);background-color:var(--s2);background-image:var(--field-scan);background-repeat:no-repeat;background-position:14px center;background-size:22px 22px;color:var(--ink);font-size:17px;outline:none}.scan-field::placeholder{color:var(--ink-2);opacity:1}.scan-field:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-ring)}.chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:56px;padding:0 16px;border-radius:var(--r-ctl);background:var(--s2);font-size:15px;font-weight:500;color:var(--ink);white-space:nowrap}.chip:active{background:var(--s4)}.scan .chip{padding:0 12px}.scan .chip:before{content:"";flex:none;width:20px;height:20px;background:var(--accent-ink);-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.scan .chip[data-action=search]{--icon: var(--i-search)}.scan .chip[data-action=keypad]{--icon: var(--i-keypad)}.tabs{display:flex;align-items:center;gap:var(--gap);flex:none;height:56px;padding:0 var(--tabs-pad);overflow-x:auto}.tabs{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--tabs-pad)),transparent);mask-image:linear-gradient(to right,#000 calc(100% - var(--tabs-pad)),transparent)}.tab{flex:none;height:44px;padding:0 18px;border-radius:var(--r-pill);background:var(--s2);font-size:15px;font-weight:500;color:var(--ink-pill);white-space:nowrap}.tab:active{background:var(--s4)}.tab.on{background:var(--ink);color:var(--canvas)}.grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:128px;gap:12px;padding:8px 20px 20px;align-content:start;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 20px),transparent)}.tile{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:var(--r-ctl);background:var(--s2);text-align:left;overflow:hidden;transition:transform 80ms ease-out,background-color 80ms ease-out}.tile:active{background:var(--s4);transform:scale(.98)}span.tile-photo{flex:0 1 24px;width:24px;min-height:14px;background:var(--accent-ink);-webkit-mask:var(--i-tag) left top / contain no-repeat;mask:var(--i-tag) left top / contain no-repeat}.tile-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;flex:none;margin-top:auto;font-size:16px;font-weight:600;line-height:1.25;color:var(--ink);text-wrap:balance}.tile-price{flex:none;font-size:15px;font-weight:500;line-height:1.2;color:var(--ink-2)}.tile-marks{position:absolute;top:10px;right:10px;left:10px;z-index:2;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.tile-marks>span{display:inline-block;height:22px;padding:0 7px;border-radius:var(--r-pill);font-size:12px;font-weight:600;line-height:22px;white-space:nowrap;text-transform:lowercase}.tile-marks>span:first-letter{text-transform:uppercase}.tile:has(.tile-marks>:nth-child(2))>span.tile-photo{visibility:hidden}.tile-age{background:var(--warning-solid);color:var(--warning-ink)}.tile-ask{background:var(--info-fill);color:var(--info-ink)}.tile-out{background:var(--critical-solid);color:var(--critical-ink)}.tender-work{flex-direction:row;align-items:stretch;gap:16px;padding:20px;min-height:0;overflow:hidden}.tender-choose{display:flex;flex-direction:column;gap:10px;flex:1 1 200px;min-width:156px;min-height:0}.tender-choose .region{font-size:15px}.tender-choose .tenders{display:flex;flex-direction:column;gap:var(--gap);flex:none}.tender-choose .tender{height:64px;flex:none}.tender-keys{display:flex;flex-direction:column;gap:10px;flex:0 1 calc(var(--key) * 4 + var(--gap) * 3);min-width:calc(56px * 4 + var(--gap) * 3);min-height:0;align-items:stretch}.tender-keys .keypad{flex:1;min-height:calc(56px * 4 + var(--gap) * 3);max-height:calc(var(--key) * 4 + var(--gap) * 3);grid-auto-rows:minmax(0,1fr);width:auto;max-width:none;margin-inline:0}.tender-keys .key{min-height:0}.tender-keys .commit.wide{margin-top:auto}.tender-keys .quicks{flex-wrap:nowrap;container-type:inline-size}.tender-keys .quick{flex:1;min-width:0;padding:0 4px}@container (width < 464px){.tender-keys .quicks:has(>:nth-child(5))>.quick{font-size:14px;letter-spacing:-.01em}}@container (width < 416px){.tender-keys .quick:nth-child(n+5){display:none}}@container (width < 368px){.tender-keys .quick{font-size:14px;letter-spacing:-.01em}}@container (width < 328px){.tender-keys .quick:nth-child(n+4){display:none}}.tender-summary{display:flex;flex-direction:column;gap:10px;margin-top:10px;min-height:0}.tendering .work{flex:1 0 auto;min-height:var(--tender-min)}.tendering .ledger{min-height:0;overflow:hidden}.tendering .ledger-foot{display:flex;flex-direction:column;flex:0 1 auto;min-height:0}.tendering .ledger-foot>*{flex:none}.tendering .tender-summary{flex:0 1 auto;min-height:min-content}.tender-summary .takens{flex:0 1 auto;min-height:0;max-height:132px;overflow-y:auto}.tender-summary .due,.tender-summary .tender-actions{flex:none}@media(max-height:820px){:root{--key: 100px}}@media(max-height:740px){:root{--key: 88px}}@media(max-height:660px){:root{--key: 76px}}.takens{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.taken{display:flex;align-items:baseline;justify-content:space-between;padding:10px 16px;border-radius:var(--r-sm);background:var(--s2);font-size:15px}.taken .now{font-size:15px;color:var(--success)}.due{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:var(--r-ctl);background:var(--s2);font-size:15px;font-weight:500}.due-value{font-size:30px;font-weight:700;line-height:1}.tender-actions{display:flex;gap:var(--gap);margin-top:auto}.tender-actions .commit{flex:1;height:72px;font-size:17px}.ghost{flex:1;height:72px;border-radius:var(--r-ctl);background:var(--s3);color:var(--ink);font-size:17px;font-weight:500}.ghost:active{background:var(--s4)}.tenders{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}.tenders .tender:last-child:nth-child(odd){grid-column:1 / -1}.tenders .tender{display:flex;align-items:center;gap:12px;height:64px;padding:0 16px;border-radius:var(--r-ctl);background:var(--s3);color:var(--ink);font-size:17px;font-weight:500;line-height:1.2;text-align:left;--icon: var(--i-blank)}.tenders .tender:before{content:"";flex:none;width:22px;height:22px;background:var(--ink-2);-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.tenders .tender:active{background:var(--s4)}.tenders .tender.on{background:var(--accent);color:var(--on-accent)}.tenders .tender.on:active{background:var(--accent-press)}.tenders .tender.on:before{background:var(--on-accent)}.tenders .tender.on:after{content:"";flex:none;width:20px;height:20px;margin-left:auto;background:var(--on-accent);-webkit-mask:var(--i-check) center / contain no-repeat;mask:var(--i-check) center / contain no-repeat}.tenders .tender[data-id=cash]{--icon: var(--i-cash)}.tenders .tender[data-id=card]{--icon: var(--i-card)}.tenders .tender[data-id=wallet]{--icon: var(--i-phone)}.tenders .tender[data-id=store_credit]{--icon: var(--i-gift)}.tenders .tender[data-id=on_account]{--icon: var(--i-account)}.rule{margin:0;font-size:13px;line-height:1.5;color:var(--ink-2)}.entry{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-radius:var(--r-ctl);background:var(--s3)}.entry-label{font-size:14px;color:var(--ink-2)}.entry-value{font-size:32px;font-weight:700;line-height:1.2;text-align:right}.quicks{display:flex;gap:var(--gap);flex-wrap:wrap}.quick{height:56px;min-width:96px;padding:0 14px;border-radius:var(--r-ctl);background:var(--s3);font-size:16px;font-weight:600;line-height:1}.quick:active{background:var(--s4)}.keypad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--key);gap:var(--gap)}.keypad:not(.pin-pad){width:100%;max-width:calc(var(--key) * 4 + var(--gap) * 3);margin-inline:auto}.key{display:flex;align-items:center;justify-content:center;height:auto;min-height:var(--key);border-radius:var(--r-ctl);background:var(--s3);color:var(--ink);font-size:28px;font-weight:500;line-height:1}.keypad>.key:nth-child(13):last-child{grid-column:1 / span 3}.key:active{background:var(--s4)}.key.util{background:var(--s2);color:var(--ink-2);font-size:20px}html[lang=my] .key.util:not([data-id=back]){font-size:17px}.key.go{background:var(--accent);color:var(--on-accent)}.key.go:active{background:var(--accent-press)}.keypad .key[data-id=back],.keypad .key.go{font-size:0}.key[data-id=back]:before,.key.go:before{content:"";width:28px;height:28px;background:currentColor;-webkit-mask:var(--i-delete) center / contain no-repeat;mask:var(--i-delete) center / contain no-repeat}.key.go:before{-webkit-mask-image:var(--i-arrow);mask-image:var(--i-arrow)}.commands{display:flex;align-items:center;gap:var(--gap);flex:none;height:auto;min-height:calc(var(--command) + 2 * var(--gap) + env(safe-area-inset-bottom));flex-wrap:wrap;align-content:center;padding:var(--gap) 20px;padding-bottom:calc(var(--gap) + env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));overflow:hidden}.commands .gap{flex:none}.command-group{display:flex;flex-wrap:wrap;gap:var(--gap);flex:1 1 auto}.command-group.restricted{padding-left:14px;border-left:1px solid var(--s4)}.command{position:relative;height:var(--command);flex:1 1 auto;min-width:88px;padding:0 12px;border-radius:var(--r-ctl);background:var(--s2);color:var(--ink);font-size:14px;font-weight:500;--icon: var(--i-blank)}.command:active{background:var(--s4)}.command.danger{color:var(--critical)}.command.locked{background:var(--panel);color:var(--ink-3)}.command .lock{position:absolute;top:4px;right:4px;width:12px;height:12px;background:currentColor;-webkit-mask:var(--i-lock) center / contain no-repeat;mask:var(--i-lock) center / contain no-repeat}.command[data-id=hold]{--icon: var(--i-hold)}.command[data-id=held]{--icon: var(--i-held)}.command[data-id=customer]{--icon: var(--i-person)}.command[data-id=receipt]{--icon: var(--i-receipt)}.command[data-id=price_check]{--icon: var(--i-price-check)}.command[data-id=void_line]{--icon: var(--i-void-line)}.command[data-id=discount]{--icon: var(--i-percent)}.command[data-id=price_override]{--icon: var(--i-pencil)}.command[data-id=return]{--icon: var(--i-return)}.command[data-id=void_sale]{--icon: var(--i-trash)}.command[data-id=no_sale]{--icon: var(--i-drawer)}.command[data-id=close_lane]{--icon: var(--i-power)}.shade{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--scrim)}.panel{width:min(560px,100%);max-height:90vh;max-height:90dvh;overflow-y:auto;padding:24px;border-radius:var(--r-card);background:var(--s2);box-shadow:0 24px 64px #00000080}.panel h2{margin:0 0 14px;font-size:22px;font-weight:700;line-height:1.2}.panel .lede{margin:0 0 12px;font-size:16px;line-height:1.45;color:var(--ink)}.panel .detail{margin:0 0 12px}.panel-actions{display:flex;gap:var(--gap);margin-top:16px}.panel-actions .commit,.panel-actions .ghost{flex:1;height:64px;font-size:17px}.panel .ghost{background:var(--s4);color:var(--ink)}.panel .ghost:active{background:var(--s5)}.panel .keypad{justify-content:center;margin:12px 0}.age-figures{display:flex;gap:24px;margin:16px 0}.age-figures .k{display:block;font-size:13px;color:var(--ink-2)}.age-figures .big{font-size:26px;font-weight:700;line-height:1.2;color:var(--warning)}.held-list,.found{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.held-row{display:grid;align-items:center;gap:12px;border-radius:var(--r-ctl);background:var(--s3)}.held-row .chip{height:44px;padding:0 14px;border-radius:var(--r-sm);background:var(--s4);color:var(--accent-ink);font-size:15px;font-weight:600}.held-row .chip:active{background:var(--s5)}.held-row .now.warn{color:var(--warning)}.ghost.small{flex:none;height:44px;padding:0 14px;border-radius:var(--r-sm);font-size:14px}.signin{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100vh;height:100dvh;padding:16px 24px}.signin h1{margin:0;font-size:20px;font-weight:600;line-height:1.3;color:var(--ink);text-align:center}.signin h1:before{content:"";display:block;width:40px;height:40px;margin:0 auto 12px;background:var(--ink-2);-webkit-mask:var(--i-lock) center / contain no-repeat;mask:var(--i-lock) center / contain no-repeat}.pin-dots{min-height:34px;padding-left:14px;font-size:28px;letter-spacing:14px;color:var(--ink)}.pin-pad{grid-template-columns:repeat(3,var(--key));gap:18px}.pin-pad .key{width:var(--key);height:var(--key);border-radius:50%;background:var(--s2);font-size:30px}.pin-pad .key:active{background:var(--s4)}.pin-pad .key.util{background:transparent;color:var(--ink-2)}.pin-pad .key.util:active{background:var(--s2)}.pin-pad .key.go{background:var(--accent);color:var(--on-accent)}.pin-pad .key.go:active{background:var(--accent-press)}.trouble{min-height:20px;margin:0;font-size:14px;color:var(--critical)}.notice-bar,.trouble-bar{flex:none;display:flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;font-size:14px;font-weight:500;line-height:18px;text-align:center;overflow:hidden}.notice-bar:before,.trouble-bar:before{content:"";flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.notice-bar{--icon: var(--i-check-circle);background:var(--success-tint);color:var(--success)}.trouble-bar{--icon: var(--i-alert);background:var(--critical-tint);color:var(--critical-ink)}@media(max-width:1100px){.status .shop,.status .shift,.status .when{display:none}}@media(max-width:1000px){.ledger-head .customer{display:none}.command{min-width:88px;padding:0 12px;font-size:13px}}@media(orientation:portrait){.status{gap:14px;padding:0 16px;padding-top:env(safe-area-inset-top);padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.status-right{gap:14px}.lang button{height:40px;min-width:46px;font-size:12px}.lang button:last-child{min-width:60px}main.lane{flex-direction:column}.ledger{width:auto;height:420px;flex:none;margin:0 16px;margin-left:max(16px,env(safe-area-inset-left));margin-right:max(16px,env(safe-area-inset-right));padding-left:0;border-radius:var(--r-card)}.tendering .ledger{height:auto;max-height:none;flex:0 1 auto;min-height:0}.work{flex:1;min-height:0}.tender-work{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}:root{--row: 68px}.ledger-head{align-items:center;height:44px;padding:0 16px}.ledger-head .customer{display:block}.row{gap:12px;padding:8px}.ledger-foot{padding:8px 16px 12px}.totals{flex-direction:row;flex-wrap:wrap;column-gap:14px;row-gap:4px;margin-bottom:4px;padding-top:4px;font-size:14px;line-height:1.6}.tot{gap:6px;font-size:14px}.tot:not(:last-child):after{content:"·";color:var(--ink-3)}.grand{margin-bottom:0}.grand-label{font-size:18px}.grand-value{font-size:36px}.scan{height:80px;gap:10px;padding:14px 16px}.scan-field{font-size:16px}.scan .chip:nth-last-child(2),.scan .chip:last-child{width:auto;min-width:96px}.tabs{height:52px;--tabs-pad: 16px}.tab{height:44px}.grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:120px;gap:12px;padding:8px 16px 20px}.tile{padding:12px}.commands{padding:0 16px;padding-bottom:env(safe-area-inset-bottom);padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.commands .gap{flex:none}.commands .command-group{flex:1 1 auto}.commands{max-height:calc(2 * var(--command) + 3 * var(--gap) + env(safe-area-inset-bottom))}.ledger{height:auto;max-height:420px;flex:0 1 auto;min-height:0}.command{flex:1 1 auto;min-width:88px;padding:0 8px;font-size:14px}.ledger-foot>.commit{position:fixed;inset:auto 0 0;z-index:5;display:flex;align-items:center;justify-content:space-between;height:calc(112px + env(safe-area-inset-bottom));padding:0 28px;padding-bottom:env(safe-area-inset-bottom);border-radius:var(--r-card) var(--r-card) 0 0;font-size:26px;font-weight:600}#app:has(.ledger-foot>.commit){padding-bottom:calc(112px + env(safe-area-inset-bottom))}}@media(max-width:560px){.row .detail .unit,.row .was{display:none}.ledger{height:auto;max-height:300px}.ledger-head .customer{display:none}.grand-value{font-size:32px}.lang button{height:30px;min-width:34px;font-size:11px}.lang button:last-child{min-width:44px}.status{gap:10px}.status .register{display:none}.status-right{gap:10px;flex:0 1 auto;min-width:0}.who{flex:0 1 auto;min-width:0;padding:0 8px}.who-name,.who-out{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status .dot{flex:none;white-space:nowrap}.scan .chip:nth-last-child(2),.scan .chip:last-child{width:auto;min-width:0;padding:0 12px}.scan .chip:before{display:none}.tile{padding:12px}.grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-auto-rows:132px}:root{--command: 52px}.command{min-width:72px;padding:0 6px;font-size:12px}.command-group.restricted{padding-left:0;border-left:0}.ledger-foot>.commit{height:calc(72px + env(safe-area-inset-bottom));padding:0 16px;font-size:18px}#app:has(.ledger-foot>.commit){padding-bottom:calc(72px + env(safe-area-inset-bottom))}:root{--key: 76px;--tender-min: 420px}.tender-work{flex-direction:column;gap:10px;padding:12px 16px}.tender-choose{flex:none;min-width:0}.tender-choose .region,.tender-choose .rule{display:none}.tender-choose .tenders{display:grid;grid-template-columns:repeat(2,1fr);flex:none}.tender-choose .tender{gap:8px;height:44px;min-height:0;flex:none;padding:0 12px;font-size:15px}.tenders .tender:before{width:18px;height:18px}.tenders .tender.on:after{display:none}.tender-keys .quicks{display:none}.tender-keys{flex:1;min-width:0}.tender-keys .keypad{min-height:0}.tender-keys .commit.wide{height:60px}.entry{padding:8px 12px}.entry-value{font-size:26px}.tendering .ledger-body,.tendering .ledger-head{display:none}}@media(orientation:portrait)and (max-height:900px){:root{--tender-min: 420px}.tender-keys .quicks,.tendering .totals{display:none}.tender-summary .takens{max-height:76px}.tendering .ledger-head{display:none}}@media(orientation:portrait)and (max-height:700px){:root{--tender-min: 368px}.tender-summary .takens{display:none}}@media(max-height:430px)and (orientation:landscape){.status{height:calc(34px + env(safe-area-inset-top));font-size:11px}.status .shop,.status .shift,.status .when,.status .who,.status .register{display:none}.status .lang{padding:0;background:none}.status .lang-on,.signin .lang-on{box-shadow:none}.lang button{height:44px;min-width:46px}main.lane{flex-direction:row}.ledger{width:260px;height:auto;padding-left:0}.ledger-body .detail{display:none}.grand-value{font-size:24px}.commit{height:64px;font-size:16px}:root{--rail: 168px}.commands{order:-1;flex-direction:row;flex-wrap:wrap;align-content:flex-start;height:auto;width:var(--rail);min-height:0;padding:8px;padding-left:max(8px,env(safe-area-inset-left));overflow-x:hidden;overflow-y:auto}#app{flex-direction:row;flex-wrap:wrap}.status{order:-2;width:100%;flex:none}main.lane{flex:1 1 calc(100% - var(--rail))}.commands,main.lane{height:calc(100dvh - 34px - env(safe-area-inset-top))}.command{min-width:0;flex:0 0 calc(50% - 4px);height:42px;padding:0 4px;font-size:11px}.command-group.restricted{padding-top:4px}.command-group{flex-direction:row;flex-wrap:wrap;width:100%;flex:none;gap:var(--gap)}.command-group.restricted{padding-left:0;padding-top:8px;border-left:0;border-top:1px solid var(--s4)}.commands .gap{display:none}.notice-bar,.trouble-bar{order:3;width:100%}.commands,main.lane{height:calc(100dvh - 34px - var(--band) - env(safe-area-inset-top))}#app:has(.trouble-bar),#app:has(.notice-bar){--band: 38px}.scan{height:72px;padding:8px;gap:8px}.scan .chip:before{display:none}.scan .chip:nth-last-child(2),.scan .chip:last-child{width:auto;min-width:0;padding:0 10px}.tabs{height:48px;--tabs-pad: 8px}.grid{grid-auto-rows:108px;padding:8px 8px 20px}.tile{padding:12px}span.tile-photo{display:none}.tile-name{-webkit-line-clamp:3;font-size:14px;line-height:1.25;overflow-wrap:anywhere}.tile-marks{top:8px;right:8px;left:8px;gap:3px}.tile-marks>span{height:18px;padding:0 5px;font-size:10px;line-height:18px}.tile:has(.tile-marks>*) .tile-name{-webkit-line-clamp:2}.tile:has(.tile-marks>:nth-child(2)) .tile-name{-webkit-line-clamp:1}:root{--key: 68px}.key{font-size:22px}.tender-work{padding:10px 12px;gap:10px}.tender-choose{min-width:0;flex:0 1 34%}.tender-choose .region,.tender-choose .rule{display:none}.tender-choose .tenders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:none}.tender-choose .tender{justify-content:center;height:40px;font-size:11px;padding:0 4px;text-align:center}.tenders .tender:before,.tenders .tender.on:after{display:none}.tender-keys{min-width:0;flex:1 1 auto}.tender-keys .quicks{display:none}.tender-keys .keypad{min-height:0}.tender-keys .commit.wide{height:48px}.entry{padding:6px 10px}.entry-value{font-size:22px}.due{padding:10px 12px}.due-value{font-size:22px}:root{--tender-min: 0px}.tendering .work{flex:1 1 0;min-width:0}.tendering .ledger{width:200px;padding-left:env(safe-area-inset-left)}.tendering .ledger-body{display:none}.ledger-head .region{font-size:17px}.ledger-head .count{font-size:13px;white-space:nowrap}.tendering .totals{display:none}.tender-summary .takens{max-height:38px}.signin{flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;gap:8px 28px;padding:10px 20px}.signin h1{font-size:17px}.signin h1:before{display:none}.signin>*:not(.pin-pad){flex:1 1 40%;min-width:0;text-align:center}.signin .pin-pad{flex:none;order:2;gap:8px 14px}.signin .lang{justify-content:center;padding:0;background:none}}.return-row{display:grid;grid-template-columns:1fr 56px 56px 56px;align-items:center;gap:var(--gap);padding:12px;border-radius:var(--r-ctl);background:var(--s3)}.return-row .qty{font-size:20px;font-weight:700;line-height:1;text-align:center}.step{height:56px;border-radius:var(--r-ctl);background:var(--s4);font-size:24px;font-weight:500;line-height:1}.step:active{background:var(--accent);color:var(--on-accent)}img.tile-photo{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.tile:has(>img.tile-photo):after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(transparent 35%,#000000b8);pointer-events:none}.tile:has(>img.tile-photo) :is(.tile-name,.tile-price){position:relative;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.55)}.tile:has(>img.tile-photo) .tile-name{color:#fff}.tile:has(>img.tile-photo) .tile-price{color:#e4e6eb}.splash{position:fixed;inset:0;display:grid;place-items:center;align-content:center;gap:20px;background:var(--canvas)}.splash-mark{display:grid;place-items:center;width:96px;height:96px;border-radius:24px;background:var(--s2);color:var(--ink);font-size:32px;font-weight:700;line-height:1;letter-spacing:.02em}.splash-name{margin:0;font-size:17px;font-weight:500;line-height:1.35;color:var(--ink-2)}.panel{display:flex;flex-direction:column;gap:14px}.panel>*{flex:none;margin:0}.panel h2,.panel .lede,.panel .detail,.panel .keypad{margin:0}.panel .panel-actions{margin-top:4px}.panel .lede.empty-note{color:var(--ink-2);font-size:15px}.panel:has(>:is(.found,.held-list)){overflow:hidden}.panel>:is(.found,.held-list){flex:0 1 auto;min-height:0;overflow-y:auto;padding-bottom:16px;margin-bottom:-16px;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 16px),transparent)}.panel .scan-field{flex:none;width:100%;padding-left:16px;border-color:var(--s4);background-color:var(--panel);background-image:none}.panel .scan-field:focus{border-color:var(--focus)}.panel :is(#find,#who,#receipt){padding-left:48px;background-image:var(--field-search)}.panel .entry-value{display:flex;align-items:center;justify-content:flex-end;min-height:64px;padding:8px 16px;border:1px solid var(--s4);border-radius:var(--r-ctl);background:var(--panel)}.panel .entry-value:empty:before{content:"0";color:var(--ink-3)}.panel .entry-value.pin:empty:before{content:" "}.panel .due,.panel .key{background:var(--s3)}.panel .key:active{background:var(--s4)}.panel .keypad:not(.pin-pad){width:100%;max-width:none}.panel .key.util{background:var(--s4);color:var(--ink-2)}.panel .key.util:active{background:var(--s5)}.held-row{grid-template-columns:minmax(0,1fr);grid-auto-columns:auto;grid-auto-flow:column;column-gap:14px;row-gap:2px;min-height:64px;padding:10px 14px}.held-row>.name{grid-column:1;grid-row:1;align-self:end}.held-row>.detail{grid-column:1;grid-row:2;align-self:start;font-size:14px}.held-row>:not(.name):not(.detail){grid-row:1 / span 2}.held-row>.detail:empty{display:none}.held-row:not(:has(>.detail:not(:empty)))>.name{grid-row:1 / span 2;align-self:center}.held-row .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.held-row[data-action]:active{background:var(--s4)}.shelf-empty{flex:1;display:flex;align-items:center;justify-content:center;margin:8px 20px 20px;padding:24px;border:1px dashed var(--s4);border-radius:var(--r-card);color:var(--ink-2);font-size:15px;line-height:1.6;text-align:center}@media(min-width:561px)and (min-height:431px){.shade:has(.scan-field){align-items:flex-start;padding-top:max(24px,7vh);padding-top:max(24px,7dvh)}.panel{width:min(600px,100%);border-radius:var(--r-sheet)}.panel:has(>.keypad){max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px)}.panel:has(>.keypad)>h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel:has(>.due+.entry-value){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.panel:has(>.due+.entry-value)>*{grid-column:1 / -1}.panel:has(>.due+.entry-value)>:is(.due,.entry-value){grid-column:auto}.commands{display:grid;grid-template-columns:minmax(0,1fr);row-gap:var(--gap);align-content:center;padding-top:var(--gap);padding-bottom:calc(var(--gap) + env(safe-area-inset-bottom))}.commands .gap{display:none}.commands .command-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--gap)}.command-group.restricted{padding-left:0;border-left:0}.command{display:grid;grid-template-rows:24px minmax(0,1fr);justify-items:center;align-items:center;min-width:0;padding:4px 6px;font-size:13px;line-height:1.2;white-space:normal;text-align:center}.command:before{content:"";align-self:end;width:20px;height:20px;background:var(--accent-ink);-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.command.danger:before{background:var(--critical)}.command.locked:before{background:var(--ink-3)}.command .lock{top:8px;right:8px;width:14px;height:14px}html[lang=my] .command{grid-template-rows:22px minmax(0,1fr);padding-top:2px;padding-bottom:2px;line-height:1.4}html[lang=my] .command:before{width:18px;height:18px}}@media(min-width:561px)and (min-height:431px)and (max-height:820px){.panel:has(>.keypad){gap:var(--gap);padding-top:20px;padding-bottom:20px}}@media(orientation:portrait)and (min-width:561px)and (min-height:431px){.commands{order:2}.notice-bar,.trouble-bar{order:1}}@media screen and (orientation:landscape)and (min-width:561px)and (min-height:431px){@supports selector(:has(> *)){#app:has(>main.lane){display:grid;grid-template-columns:minmax(0,1fr) var(--cart-col);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"status status" "work   ledger" "band   ledger" "cmds   ledger"}main.lane{display:contents}.status{grid-area:status;padding-right:max(12px,env(safe-area-inset-right))}.work{grid-area:work;padding-left:env(safe-area-inset-left)}.commands{grid-area:cmds;padding-right:20px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.notice-bar,.trouble-bar{grid-area:band}.ledger{grid-area:ledger;width:auto;margin:0 12px 12px 0;margin-right:max(12px,env(safe-area-inset-right));margin-bottom:max(12px,env(safe-area-inset-bottom));padding-left:0;border-radius:var(--r-card)}.tender-work{padding:16px;margin:0 12px 12px;margin-left:max(12px,env(safe-area-inset-left));margin-bottom:max(12px,env(safe-area-inset-bottom));border-radius:var(--r-card);background:var(--panel)}.tender-keys .keypad{max-height:calc(118px * 4 + var(--gap) * 3)}.commands .command-group{grid-template-columns:repeat(auto-fit,minmax(64px,1fr))}}}@media screen and (orientation:landscape)and (min-width:561px)and (max-width:1100px)and (min-height:431px){:root{--cart-col: 412px}.scan{gap:10px}.scan .chip:nth-last-child(2),.scan .chip:last-child{width:auto;min-width:88px}.command{padding-left:3px;padding-right:3px}html[lang=my] .command{font-size:11.5px}}@media screen and (orientation:landscape)and (min-width:561px)and (max-width:1019px)and (min-height:431px){:root{--cart-col: clamp(332px, 100vw - 476px, 412px)}@supports selector(:has(> *)){#app:has(>main.lane){grid-template-areas:"status status" "work   ledger" "band   ledger" "cmds   cmds"}#app:has(>.commands) .ledger{margin-bottom:4px}.commands{padding-right:max(12px,env(safe-area-inset-right))}.commands .command-group{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}}}@media(orientation:landscape)and (min-width:561px)and (min-height:431px)and (max-height:571px){:root{--tender-min: 420px}.tender-keys .quicks{display:none}}@media screen and (min-width:561px)and (min-height:431px){@supports selector(:has(> *)){.notice-bar,.trouble-bar{position:relative;z-index:4;align-self:center;justify-self:center;width:fit-content;max-width:calc(100% - 40px);height:var(--toast-h);margin:calc(-1 * (var(--toast-h) + var(--toast-gap))) auto var(--toast-gap);padding:0 18px 0 14px;gap:10px;border-radius:var(--r-ctl);background:var(--toast);color:var(--toast-ink);box-shadow:var(--toast-shadow);font-size:15px;line-height:18px}.notice-bar:before,.trouble-bar:before{width:20px;height:20px}.notice-bar:before{background:var(--toast-ok)}.trouble-bar:before{background:var(--toast-critical)}html[lang=my] :is(.notice-bar,.trouble-bar){font-size:14px;line-height:21px}#app:has(>:is(.notice-bar,.trouble-bar)) .grid{padding-bottom:calc(20px + var(--toast-h) + var(--toast-gap))}.tendering~:is(.notice-bar,.trouble-bar){position:fixed;top:calc(68px + env(safe-area-inset-top));align-self:normal;justify-self:normal;width:auto;max-width:none;height:auto;min-height:var(--toast-h);margin:0;padding-top:8px;padding-bottom:8px}.lane.tendering:has(~:is(.notice-bar,.trouble-bar)) .ledger-head{visibility:hidden}}}@media screen and (orientation:landscape)and (min-width:561px)and (min-height:431px){@supports selector(:has(> *)){.tendering~:is(.notice-bar,.trouble-bar){left:auto;right:calc(max(12px,env(safe-area-inset-right)) + 16px);width:calc(var(--cart-col) - max(12px,env(safe-area-inset-right)) - 32px)}}}@media screen and (orientation:portrait)and (min-width:561px)and (min-height:431px){@supports selector(:has(> *)){.tendering~:is(.notice-bar,.trouble-bar){left:calc(max(16px,env(safe-area-inset-left)) + 16px);right:calc(max(16px,env(safe-area-inset-right)) + 16px)}}}.slip{width:100%;max-width:340px;margin-inline:auto;padding:20px 18px;border-radius:12px;background:#fff;box-shadow:0 1px #ffffff0a;color:#111;font-family:var(--mono);font-size:13px;font-weight:400;line-height:1.5}.s-shop{font-size:16px;font-weight:700;text-align:center}.s-meta{text-align:center;color:#5b5f6a}.s-rule{border-top:1px dashed #c9ccd3;margin:8px 0}.s-row{display:flex;justify-content:space-between;gap:12px}.s-row span:last-child{white-space:nowrap}.s-name{margin-top:4px}.s-dim{color:#5b5f6a}.s-total{font-size:16px;font-weight:700;margin:6px 0}.s-foot{margin-top:8px;text-align:center;color:#5b5f6a}@media print{.status,.lane,.commands,.panel-actions,.trouble-bar,.notice-bar{display:none!important}.shade{position:static;background:none;display:block}.panel{position:static;max-width:none;max-height:none;width:auto;padding:0;overflow:visible;background:#fff;box-shadow:none}.panel>h2{display:none!important}html,body,#app{display:block;height:auto;overflow:visible;background:#fff}.slip{max-width:none;padding:0;border-radius:0;box-shadow:none;color:#000}.s-rule{border-top-color:#000}.s-meta,.s-dim,.s-foot{color:#000}}