:root{--bg:#f4f6f3;--surface:#fff;--ink:#1b2420;--muted:#66716b;--line:#e0e5e0;--brand:#0f6b4f;--brand-dark:#0a4f3a;--brand-soft:#e2f1ea;--alert:#c4321b;--alert-soft:#fbe9e5;--warn:#965408;--warn-soft:#fcf0d9;--ok:#1a7a46;--ok-soft:#e0f3e8;--radius:14px;--font:"Noto Sans Lao UI","Noto Sans Lao","Phetsarath OT","Leelawadee UI",system-ui,-apple-system,"Segoe UI",Roboto,"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-text-size-adjust:100%}img{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--brand)}:focus-visible{outline:3px solid #7fc4a8;outline-offset:2px}h1,h2,h3{margin:0;font-weight:600;line-height:1.3}h1{font-size:22px}h2{font-size:18px}h3{font-size:16px}p{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 16px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-weight:500;text-decoration:none;color:var(--ink)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.danger{color:var(--alert);border-color:#efc4bb}.btn.small{min-height:36px;padding:6px 12px;font-size:14px;border-radius:10px}.btn.block{width:100%}.btn[disabled]{opacity:.5;cursor:not-allowed}.input,.select,.textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid #ccd3cd;border-radius:10px;background:#fff}.textarea{min-height:72px;resize:vertical}.label{display:block;font-size:13px;color:var(--muted);margin:12px 0 4px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.stack>*+*{margin-top:10px}.muted{color:var(--muted)}.small{font-size:13px}.pill{display:inline-block;font-size:12px;padding:2px 10px;border-radius:999px;background:#edf0ed;color:var(--muted);white-space:nowrap}.pill.new{background:var(--alert-soft);color:var(--alert)}.pill.preparing{background:var(--warn-soft);color:var(--warn)}.pill.ready{background:var(--ok-soft);color:var(--ok)}.pill.cancelled,.pill.served{background:#edf0ed;color:var(--muted)}.pill.cancelled{text-decoration:line-through}.st-emo{margin-right:4px;font-style:normal}.notice{padding:12px 14px;border-radius:12px;background:var(--warn-soft);color:var(--warn);font-size:14px}.notice.err{background:var(--alert-soft);color:var(--alert)}.center{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px}.center,.toast{text-align:center}.toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);background:#1b2420;color:#fff;padding:10px 16px;font-size:14px;z-index:60;max-width:90vw}.switch,.toast{border-radius:999px}.switch{position:relative;width:44px;height:26px;border:0;background:#c3cbc5;padding:0;flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}.switch.on{background:var(--brand)}.switch.on:after{transform:translateX(18px)}.overlay{position:fixed;inset:0;background:rgba(15,25,20,.5);z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--surface);width:100%;max-width:560px;max-height:92vh;overflow-y:auto;border-radius:20px 20px 0 0;padding:16px 16px 24px}@media (min-width:720px){.overlay{align-items:center}.sheet{border-radius:20px}}.overlay.cf-overlay{z-index:70}.sheet.cf-sheet{padding:20px 16px calc(20px + env(safe-area-inset-bottom, 0px))}@media (min-width:720px){.sheet.cf-sheet{max-width:460px;padding:24px}}.cf-sheet h2{font-size:20px}.cf-details{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--brand-soft);color:var(--brand-dark)}.cf-main{font-size:20px;font-weight:700}.cf-sub{font-size:15px;font-weight:500;margin-top:2px}.cf-msg{margin-top:10px;color:var(--muted)}.cf-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:18px}.cf-actions .btn{min-height:56px;font-size:17px}.btn.danger-solid{background:var(--alert);border-color:var(--alert);color:#fff}.skeleton{background:linear-gradient(90deg,#e9ede9 25%,#f3f5f3 50%,#e9ede9 75%);background-size:200% 100%;animation:sk 1.3s infinite;border-radius:10px}@keyframes sk{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}.btn:active{transform:none}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;background:var(--brand-dark);color:#fff;flex-wrap:wrap}.topbar a{color:#d5efe4;text-decoration:none;padding:6px 10px;border-radius:8px;font-size:14px}.topbar a.on{background:hsla(0,0%,100%,.16);color:#fff}.topbar .who{font-size:13px;color:#b7dccd;display:flex;align-items:center;gap:10px}.topbar button{background:transparent;border:1px solid hsla(0,0%,100%,.35);color:#fff;border-radius:8px;padding:4px 10px;font-size:13px}.svc-banner{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--warn-soft);color:var(--warn);font-size:14px;font-weight:500;border-bottom:1px solid rgba(150,84,8,.2)}.svc-banner.paused{background:var(--alert-soft);color:var(--alert);border-bottom-color:rgba(196,50,27,.25)}.svc-banner .svc-text{flex:1 1;min-width:0}.svc-banner .svc-sub{display:block;font-weight:400;margin-top:2px}.svc-banner button{flex:none;background:transparent;border:1px solid;color:inherit;border-radius:8px;padding:4px 10px;font-size:13px}.subnav{display:flex;gap:6px;overflow-x:auto;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line)}.subnav a{white-space:nowrap;text-decoration:none;color:var(--ink);padding:8px 14px;border-radius:999px;border:1px solid var(--line);font-size:14px}.subnav a.on{background:var(--brand);border-color:var(--brand);color:#fff}.page{max-width:960px;margin:0 auto;padding:16px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.metric b{display:block;font-size:22px;font-weight:600;margin-top:2px}table.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl td,.tbl th{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line)}.tbl td.num,.tbl th.num{text-align:right}.thumb{width:48px;height:48px;border-radius:10px;object-fit:cover;background:#e9ede9;flex:none}.c-head{position:-webkit-sticky;position:sticky;top:0;z-index:25;background:var(--brand-dark);color:#fff;padding:18px 16px 16px;transition:padding .2s ease,box-shadow .2s ease}.c-head h1{font-size:22px;transition:font-size .2s ease}.c-brand{display:flex;align-items:center;gap:10px;min-width:0}.c-logo{width:44px;height:44px;border-radius:12px;object-fit:cover;background:#fff;flex:none;transition:width .2s ease,height .2s ease}.c-head.slim{padding:8px 12px;box-shadow:0 2px 8px rgba(0,0,0,.18)}.c-head.slim .c-brand{flex:1 1;gap:8px}.c-head.slim .c-logo{width:28px;height:28px;border-radius:8px}.c-head.slim h1{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-head.slim .c-table{font-size:13px;padding:2px 10px;white-space:nowrap}.c-head-right{display:flex;align-items:center;gap:8px;flex:none}.c-lang-pop{position:relative}.c-lang-btn{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:0 10px;border-radius:999px;border:1px solid hsla(0,0%,100%,.4);background:transparent;color:#fff;font-size:13px}.c-lang-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:40;display:flex;flex-direction:column;min-width:120px;padding:4px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.18)}.c-lang-menu button{border:0;background:transparent;text-align:left;padding:8px 12px;min-height:44px;border-radius:8px}.c-lang-menu button.on{background:var(--brand-soft);color:var(--brand-dark);font-weight:600}.c-lang{display:inline-flex;gap:4px}.c-lang button{border:1px solid hsla(0,0%,100%,.4);background:transparent;color:#d5efe4;border-radius:999px;padding:2px 10px;font-size:13px;min-height:30px}.c-lang button.on{background:#fff;color:var(--brand-dark);border-color:#fff;font-weight:600}.c-quick{display:flex;flex-wrap:wrap;gap:8px}.c-hint{font-size:13px;color:var(--muted);margin:0 0 8px}.c-details{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--bg);font-size:14px;white-space:pre-line;line-height:1.6}.c-head .meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;font-size:13px;color:#b7dccd}.c-table{background:#fff;color:var(--brand-dark);border-radius:999px;padding:3px 12px;font-weight:600;font-size:14px}.c-welcome{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;overflow:hidden;color:#fff;background:linear-gradient(165deg,var(--brand) 0,var(--brand-dark) 65%);padding:max(14px,env(safe-area-inset-top)) 20px max(12dvh,env(safe-area-inset-bottom))}.c-welcome-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}.c-welcome-bg.in{opacity:1}.c-welcome-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.25) 35%,rgba(0,0,0,.55) 65%,rgba(0,0,0,.8))}.c-welcome-top{z-index:1;top:max(15%,calc(env(safe-area-inset-top) + 16px));justify-content:flex-end}.c-welcome-body,.c-welcome-top{position:absolute;right:calc(10% + 16px);display:flex}.c-welcome-body{top:28%;left:calc(10% + 16px);flex-direction:column;align-items:center;gap:16px;text-align:center}.c-welcome-logo{display:block;width:min(70vw,300px);height:auto;object-fit:contain}.c-welcome-title{font-size:clamp(26px,8vw,40px);line-height:1.35;font-weight:700;white-space:nowrap;text-shadow:0 2px 12px rgba(0,0,0,.35)}.c-welcome-table{font-size:18px;padding:6px 18px;box-shadow:0 2px 10px rgba(0,0,0,.2)}.c-welcome-btn{position:relative;margin-top:auto;align-self:center;width:70%;max-width:420px;min-height:60px;border:0;border-radius:18px;background:#fff;color:var(--brand-dark);font-size:21px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.3)}.c-welcome-btn:active{transform:scale(.98)}.c-tabs{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line);display:flex;gap:8px;overflow-x:auto;padding:10px 12px;scrollbar-width:none}.c-tabs::-webkit-scrollbar{display:none}.c-tab{flex:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 16px;font-size:15px}.c-tab.on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:500}.c-main{padding:0 0 150px;max-width:640px;margin:0 auto}.c-sec{padding:8px 14px 4px;scroll-margin-top:62px}.c-sec h2{margin:14px 0 6px}.c-item{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line);align-items:stretch}.c-item:first-of-type{border-top:0}.c-item{cursor:pointer}.c-item.off .c-img{filter:grayscale(1)}.c-img{width:88px;height:88px;border-radius:12px;object-fit:cover;background:#e4eae5;flex:none}.c-img.none{display:flex;align-items:center;justify-content:center;color:#9aa79f}.c-info{flex:1 1;min-width:0;display:flex;flex-direction:column}.c-name{font-weight:500}.c-desc{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.c-price{margin-top:auto;font-weight:600;color:var(--brand-dark)}.c-add{align-self:flex-end;width:40px;height:40px;border-radius:50%;border:0;background:var(--brand);color:#fff;font-size:24px;line-height:1;flex:none}.c-item.off{opacity:.55}.c-item.off .c-add{background:#b8c1bb}.c-bar{position:-webkit-sticky;position:sticky;top:var(--c-head-h,0);z-index:20;background:var(--surface);border-bottom:1px solid var(--line);padding:10px 12px 6px}.c-search{display:flex;align-items:center;gap:8px;padding:0 4px 0 14px;border:1px solid #ccd3cd;border-radius:999px;background:#fff}.c-search input{flex:1 1;min-width:0;min-height:44px;border:0;outline:0;background:transparent;font-size:16px}.c-search button{width:36px;height:36px;flex:none;border:0;border-radius:50%;background:#edf0ed;color:var(--muted)}.c-cats{display:flex;gap:8px;overflow-x:auto;padding:8px 0 4px;scrollbar-width:none}.c-cats::-webkit-scrollbar{display:none}.c-cat{flex:none;flex-direction:column;justify-content:center;gap:2px;min-width:68px;min-height:60px;padding:6px 10px;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:13px;line-height:1.3;white-space:nowrap}.c-cat,.c-cat .ic{display:flex;align-items:center}.c-cat .ic{height:24px;font-size:22px;line-height:1}.c-cat.on{background:var(--brand-soft);border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);color:var(--brand-dark);font-weight:600}.c-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px 10px;gap:14px 10px}.c-grid>.full{grid-column:1/-1}.c-card{min-width:0;cursor:pointer}.c-card-img{position:relative}.c-card-img,.c-card-pic{aspect-ratio:1/1;border-radius:14px;background:#e4eae5}.c-card-pic{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .25s ease}.c-card-pic.ld{opacity:0}.c-card-pic.none{color:#9aa79f}.c-card-add,.c-card-pic.none{display:flex;align-items:center;justify-content:center}.c-card-add{position:absolute;right:0;bottom:0;width:44px;height:44px;padding:0;border:0;background:transparent}.c-card-add span{width:36px;height:36px;border-radius:50%;background:var(--brand);color:#fff;font-size:24px;line-height:36px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.2)}.c-card-sold{position:absolute;left:8px;top:8px;padding:2px 10px;border-radius:999px;background:var(--alert-soft);color:var(--alert);font-size:12px;font-weight:600}.c-card-name{margin-top:6px;font-weight:500;line-height:1.35;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.c-card-price{margin-top:2px;font-weight:700;color:var(--brand-dark)}.c-card.off{opacity:.55}.c-card.off .c-card-pic{filter:grayscale(1)}.c-cart-ic{display:inline-block;margin-right:6px}.c-fly{position:fixed;z-index:80;pointer-events:none}.c-fly-in{transform-origin:center}.c-fly-in,.c-fly-pic{width:100%;height:100%}.c-fly-pic{margin:0;border-radius:12px;object-fit:cover}.c-rec{display:flex;gap:10px;overflow-x:auto;padding:4px 14px 8px;scrollbar-width:none}.c-rec button{flex:none;width:150px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;padding:0;overflow:hidden}.c-rec-pic{width:100%;height:100px;object-fit:cover;background:#e4eae5;display:block;transition:opacity .25s ease}.c-rec-pic.none{display:flex;align-items:center;justify-content:center;color:#9aa79f}.c-ph-logo{width:46%;height:46%;max-width:96px;object-fit:contain;opacity:.5;filter:grayscale(.35);border-radius:12px}.c-rec .t{padding:8px 10px 10px;font-size:14px}.c-rec .t b{display:block;color:var(--brand-dark);font-weight:600}.c-bottom{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0)}.c-cartbar{margin:10px 12px 0;display:flex;justify-content:space-between;align-items:center;background:var(--brand);color:#fff;border:0;border-radius:14px;padding:13px 16px;width:calc(100% - 24px);font-weight:500}.c-nav{display:grid;grid-template-columns:1fr 1fr}.c-nav button{border:0;background:transparent;padding:6px 8px;font-size:13px;color:var(--muted);position:relative;min-width:0;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.c-nav-lb{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.c-nav button.on{color:var(--brand-dark);font-weight:600;box-shadow:inset 0 3px 0 var(--brand)}.c-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--alert);margin-left:6px}.opt-wrap{display:flex;flex-wrap:wrap;gap:8px}.opt{border:1px solid #c3cbc5;background:#fff;border-radius:999px;padding:8px 14px;font-size:15px}.opt.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark);font-weight:500}.grp{padding:12px 0;border-top:1px solid var(--line)}.grp.bad{background:var(--alert-soft);margin:0 -16px;padding:12px 16px}.qty{display:inline-flex;align-items:center;gap:12px}.qty button{width:38px;height:38px;border-radius:50%;border:1px solid #c3cbc5;background:#fff;font-size:20px;line-height:1}.qty span{min-width:22px;text-align:center;font-weight:600}.sticky-cta{position:-webkit-sticky;position:sticky;bottom:-24px;background:var(--surface);padding:12px 0 4px;margin-top:12px}.k-wrap{padding:12px}.k-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;align-items:start}@media (max-width:900px){.k-cols{grid-template-columns:1fr}}.k-col h2{padding:8px 4px;display:flex;justify-content:space-between}.k-card{background:#fff;border:2px solid var(--line);border-radius:14px;padding:12px;margin-bottom:12px}.k-card.new{border-color:var(--alert)}.k-card.preparing{border-color:#e0a848}.k-card.ready{border-color:#6cc199}.k-card .no{font-size:34px;font-weight:800;line-height:1.15}.k-card li{padding:4px 0;font-size:22px;font-weight:500;line-height:1.4;list-style:none}.k-card .qty-x{font-size:26px;font-weight:800}.k-card ul{margin:8px 0;padding:0}.k-card .opts{font-size:17px;color:var(--muted);display:block}.k-card .note{font-size:19px;font-weight:700;color:var(--alert);display:block}.k-btn{width:100%;min-height:56px;font-size:18px;font-weight:600;border-radius:12px;border:0;background:var(--brand);color:#fff;margin-top:6px}.k-btn.warn{background:#c47d0c}.k-sum{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;padding:6px 12px;margin-bottom:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:15px;color:var(--muted)}.k-sum b{font-size:20px;color:var(--ink);margin-left:4px}.k-sum .new b{color:var(--alert)}.k-sum .preparing b{color:var(--warn)}.k-sum .ready b{color:var(--ok)}.k-line{border-top:1px solid var(--line);padding:8px 0}.k-line:first-child{border-top:0}.k-line.ready,.k-line.served{background:var(--ok-soft);margin:0 -12px;padding:8px 12px}.k-done{color:var(--ok);gap:8px}.k-done,.k-extra{font-size:13px;margin-top:6px}.k-extra{padding:6px 10px;border-radius:8px;background:var(--warn-soft);color:var(--warn);font-weight:500}.tables{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}@media (min-width:640px){.tables{grid-template-columns:repeat(6,minmax(0,1fr))}}.tt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:76px;border:2px solid var(--line);background:#fff;border-radius:12px;padding:8px 4px;text-align:center;font-weight:700;font-size:22px;line-height:1.2;color:var(--ink)}.tt small{display:block;font-weight:600;font-size:14px;line-height:1.25;color:var(--muted)}.tt.busy{background:var(--brand-soft);border-color:var(--brand)}.tt.busy,.tt.busy small{color:var(--brand-dark)}.tt.pay{background:#b93f0e;border-color:#8a2d08;animation:tt-pay 2.4s ease-in-out infinite}.tt.pay,.tt.pay small{color:#fff}.tt-badge{display:inline-block;padding:1px 8px;border-radius:999px;background:#fff;color:#8a2d08;font-size:12px;font-weight:700;line-height:1.5}@keyframes tt-pay{50%{box-shadow:0 0 0 5px rgba(185,63,14,.3)}}.tt.sel{outline:3px solid var(--brand);outline-offset:2px}.tt.off{opacity:.4}.bill-row.hot,.tt.hot{animation:bill-hot 1s ease-in-out infinite;border-color:var(--alert)}.bill-row{margin-top:8px;border:2px solid transparent;border-radius:12px}.bill-row.hot{padding:6px}.bill-new{color:var(--alert)}@keyframes bill-hot{50%{background:var(--alert-soft);box-shadow:0 0 0 4px rgba(196,50,27,.25)}}.btn.sound-wait{border-color:var(--alert);color:var(--alert)}.sound-banner{display:block;width:100%;min-height:64px;margin-bottom:12px;padding:14px 16px;border:0;border-radius:14px;background:var(--alert);color:#fff;font-size:20px;font-weight:700;text-align:center}.sound-banner small{display:block;font-size:14px;font-weight:400;opacity:.9}.wait{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:999px;background:#edf0ed;color:var(--ink);font-size:18px;font-weight:700;white-space:nowrap}.wait.warn{background:#f2b544;color:#3d2400}.wait.late{background:var(--alert);color:#fff}.k-card.age-warn{box-shadow:0 0 0 3px #f2b544}.k-card.age-late{box-shadow:0 0 0 3px var(--alert)}.help-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-weight:700;flex:none}.help-btn[aria-expanded=true]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark)}@media (prefers-reduced-motion:reduce){.bill-row.hot,.tt.hot{animation:none;background:var(--alert-soft)}}.tt.pay.hot{animation:tt-pay-hot 1s ease-in-out infinite;border-color:var(--alert)}@keyframes tt-pay-hot{50%{background:var(--alert);box-shadow:0 0 0 6px rgba(196,50,27,.45)}}@media (prefers-reduced-motion:reduce){.tt.pay,.tt.pay.hot{animation:none}.tt.pay.hot{background:var(--alert);box-shadow:0 0 0 4px rgba(196,50,27,.45)}}.oline{padding:4px 0;font-size:15px}.oline .opts{display:block;font-size:13px;color:var(--muted)}.qr-full{position:fixed;inset:0;z-index:55;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;overflow-y:auto}.qr-full-code{width:min(82vw,56vh);height:auto;display:block;border-radius:12px}.inv-low{border:2px solid var(--alert);background:var(--alert-soft)}.inv-lowrow{padding:8px 0;border-top:1px solid #efc4bb}.inv-lowrow:first-of-type{border-top:0}.inv-bal{font-size:24px;font-weight:700;white-space:nowrap;text-align:right}.inv-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:10px}.inv-actions .btn{min-height:52px;padding:8px 6px}.inv-kinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.inv-kinds .opt{min-height:48px}.inv-qty{min-height:56px;font-size:24px;font-weight:600}.inv-tbl td,.inv-tbl th{white-space:nowrap}.inv-tbl td:first-child{white-space:normal;min-width:120px}.qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}@media (min-width:720px){.qr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.qr-card{border:1px dashed #99a39c;border-radius:12px;padding:16px 8px;text-align:center;background:#fff;page-break-inside:avoid;break-inside:avoid}.qr-card .n{font-size:28px;font-weight:700;margin-top:6px}@media print{.no-print{display:none!important}body{background:#fff}.page{max-width:none;padding:0}.qr-grid{grid-template-columns:repeat(3,1fr)}.receipt{border:0!important;margin:0!important}}.receipt{max-width:320px;margin:12px auto;padding:16px 14px;font-family:var(--mono,monospace);font-size:13px;line-height:1.6;color:#111;background:#fff;border-top:2px dashed #999;border-bottom:2px dashed #999}.receipt-logo{width:44px;height:44px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 6px}.receipt-shop{text-align:center;font-size:15px;font-weight:600}.receipt-sub{text-align:center;font-size:12px;color:#555}.receipt-rule{border-top:1px dashed #999;margin:8px 0}.receipt-row{display:flex;justify-content:space-between;gap:8px}.receipt-note{padding-left:10px;color:#555;font-size:12px}.receipt-total{font-weight:600;font-size:14px;margin-top:2px}.receipt-qr{display:flex;flex-direction:column;align-items:center;gap:4px;margin:6px 0}.receipt-qr .receipt-note{padding-left:0;font-size:11px}.receipt-thanks{text-align:center;margin-top:6px}@media print{.receipt{max-width:100%}}