:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#233d36;background:#f5f7f6;font-size:14px;--green:#166451;--muted:#81928b;--border:#e4ebe7}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:8px;padding:11px 16px;background:#edf2ef;color:#315348;font-weight:600;transition:background .15s}button:hover{background:#e1ebe5}button:disabled{opacity:.45;cursor:wait}button.primary{background:var(--green);color:white}button.primary:hover{background:#0e5140}button.danger{color:#b4493c;background:#fbefec}button.outline{border:1px solid var(--border);background:white}.small{padding:7px 11px;font-size:12px}a{color:var(--green)}input,select{width:100%;border:1px solid #dbe4de;border-radius:7px;background:white;padding:11px;color:#233d36;outline:none}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #16645110}label{display:block;font-size:13px;font-weight:600;margin:16px 0 7px}input[type=checkbox]{width:auto}h1,h2,h3,p{margin:0}h1{font-size:28px;letter-spacing:-1px;font-weight:650}h2{font-size:18px;font-weight:650}h3{font-size:15px}p{line-height:1.7}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2px;color:#89a397;margin-bottom:12px}.app{display:grid;grid-template-columns:220px 1fr;min-height:100dvh}.sidebar{background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:30px 18px;position:sticky;top:0;height:100dvh}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 35px;font-size:18px;font-weight:700}.brandmark{background:var(--green);color:white;border-radius:11px;width:36px;height:36px;display:grid;place-items:center;font-size:21px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:2px;color:var(--muted);margin-top:3px}.nav{display:flex;flex-direction:column;gap:5px}.nav button{display:flex;align-items:center;text-align:left;gap:13px;background:transparent;padding:13px 15px;font-weight:500;color:#708078}.nav button.active{background:#eaf3ee;color:var(--green);font-weight:650}.sidebar footer{margin-top:auto;padding:20px 12px 0;font-size:11px;color:var(--muted);line-height:1.9}.main{min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 36px}.breadcrumb{color:#81928b;font-size:12px}.breadcrumb strong{font-weight:500;color:#3e5b4f;margin-left:10px}.account{display:flex;align-items:center;gap:12px;font-size:12px}.avatar{width:30px;height:30px;background:#eaf3ee;color:var(--green);border-radius:50%;display:grid;place-items:center}.content{max-width:1500px;margin:auto;padding:32px 36px 60px}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.pagehead p{margin-top:8px;color:var(--muted);font-size:13px}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.metric{background:white;border:1px solid var(--border);border-radius:12px;padding:23px}.metric .caption{display:flex;justify-content:space-between;color:#72857a;font-size:12px}.metric .value{font-size:32px;font-weight:650;letter-spacing:-1px;margin-top:18px;font-variant-numeric:tabular-nums}.metric .value small{font-size:16px;font-weight:400;margin-right:4px}.metric .foot{font-size:11px;color:#90a095;margin-top:12px}.metric.accent{background:var(--green);color:white;border-color:var(--green)}.metric.accent .caption,.metric.accent .foot{color:#b4d3c2}.panel{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.panelhead{padding:22px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.panelhead p{font-size:12px;color:var(--muted);margin-top:5px}.twocol{display:grid;grid-template-columns:1.65fr 1fr;gap:24px;margin-bottom:24px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px}th{text-align:left;color:#84938b;background:#fafcfb;font-size:11px;font-weight:500;letter-spacing:.5px}td,th{padding:16px 24px;border-bottom:1px solid #edf1ee}tr:last-child td{border-bottom:0}.pill{display:inline-block;padding:5px 9px;font-size:11px;border-radius:5px;background:#eaf3ee;color:var(--green)}.pill.warn{background:#fff1df;color:#a46b24}.pill.gray{background:#eff2f0;color:#89928b}.empty{padding:50px 20px;text-align:center;color:var(--muted);font-size:13px}.empty strong{display:block;color:#557062;font-size:15px;margin-bottom:8px}.empty button{margin-top:18px}.row{display:flex;justify-content:space-between;align-items:center;gap:16px}.listrow{padding:18px 24px;border-bottom:1px solid #edf1ee}.listrow:last-child{border:0}.listrow small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.notice{background:#ebf3ee;color:#54705e;border-radius:8px;padding:16px 20px;font-size:12px;line-height:1.8;margin-bottom:24px}.notice strong{color:var(--green)}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:22px;flex-wrap:wrap}.toolbar input{max-width:260px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips button{background:white;border:1px solid var(--border);padding:9px 15px;font-size:12px;font-weight:500}.chips button.selected{background:var(--green);color:white;border-color:var(--green)}.orderlayout{display:grid;grid-template-columns:1fr 330px;gap:24px;align-items:start}.dishgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dish{background:white;border:1px solid var(--border);border-radius:12px;overflow:hidden}.dishvisual{height:104px;background:#eef4ee;display:flex;align-items:center;justify-content:center;color:#6c9077;font-size:34px;letter-spacing:4px;font-weight:300}.dish:nth-child(3n+2) .dishvisual{background:#f6f0e6;color:#b39262}.dish:nth-child(3n+3) .dishvisual{background:#edf1f6;color:#7e91a4}.dishinfo{padding:17px}.dishinfo .meta{font-size:11px;color:var(--muted);margin:8px 0 18px}.price{font-size:19px;font-weight:650}.price small{font-size:11px;color:var(--muted);font-weight:400}.plus{width:32px;height:32px;border-radius:7px;background:#eaf3ee;color:var(--green);padding:0;font-size:21px}.cart{position:sticky;top:20px}.cartbody{padding:20px}.cartbody label{margin-top:0}.cartline{padding:15px 0;border-bottom:1px solid var(--border)}.stepper{display:flex;align-items:center;gap:13px;font-variant-numeric:tabular-nums}.stepper button{padding:3px 8px}.cartfoot{padding:20px;border-top:1px dashed var(--border)}.cartfoot .primary{width:100%;margin-top:18px}.ordercards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ordercard{padding:22px}.ordercard h3{font-size:19px}.ordercard .ordermeta{font-size:11px;color:var(--muted);margin:8px 0 20px}.ordercard .summary{margin:18px 0;color:#72857a;font-size:12px;min-height:34px;line-height:1.8}.ordercard .actions{margin-top:20px}.ordercard .actions button{flex:1}dialog{border:0;border-radius:16px;width:550px;max-width:calc(100vw - 32px);max-height:90dvh;padding:0;box-shadow:0 20px 100px #193b3333;color:#233d36}dialog::backdrop{background:#16332b55;backdrop-filter:blur(3px)}.modalhead{padding:23px 26px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modalbody{padding:6px 26px 24px}.modalbody p{font-size:12px;color:var(--muted);margin-top:14px}.modalfoot{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.fieldrow{display:grid;grid-template-columns:1fr 1fr;gap:16px}.recipe{padding:13px 0;border-top:1px solid var(--border);margin-top:12px}.recipegrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 32px;gap:7px;align-items:center}.recipegrid input,.recipegrid select{padding:9px 5px;font-size:12px}.recipegrid button{padding:7px}.helper{font-size:11px!important}.error{color:#ad493b;font-size:12px;margin-top:14px;line-height:1.6;min-height:18px}.payment{display:flex;gap:12px;margin:24px 0}.payment button{flex:1;border:1px solid var(--border);background:white;padding:20px 5px}.payment button.selected{border-color:var(--green);background:#edf5ee;color:var(--green)}.settlement{font-size:42px;text-align:center;margin:25px 0 10px;font-weight:650}.auth{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#edf3ee}.authbox{width:420px;max-width:100%;padding:40px;background:white;border-radius:18px;border:1px solid var(--border)}.authbox .brand{padding:0 0 30px}.authbox h1{font-size:25px}.authbox p{font-size:13px;color:var(--muted);margin:12px 0 20px}.authbox button{width:100%;margin-top:20px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#243f35;color:white;padding:13px 24px;border-radius:9px;z-index:20;display:none;max-width:90vw;font-size:13px}.barrow{display:grid;grid-template-columns:62px 1fr 80px;gap:12px;padding:16px 24px;align-items:center;font-size:12px}.bartrack{height:8px;background:#edf3ee;border-radius:5px;overflow:hidden}.barfill{height:100%;background:#4b8b69;border-radius:5px}.settingsgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settingsbody{padding:24px}.settingsbody p{font-size:13px;color:var(--muted);margin:10px 0 20px}.mobile-label{display:none}.money{font-variant-numeric:tabular-nums;font-weight:600}.sectiongap{margin-top:24px}.detailitems{margin-top:18px}.detailitems .listrow{padding:13px 0}.dateinput{width:180px!important}.infofoot{font-size:11px;color:var(--muted);margin-top:16px;line-height:1.8}button:focus-visible{outline:3px solid #a3c8b0;outline-offset:2px}@media(min-width:1500px){.dishgrid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1100px){.app{grid-template-columns:180px 1fr}.content{padding:26px 24px}.topbar{padding:0 24px}.metrics{gap:12px}.metric{padding:18px}.metric .value{font-size:26px}.twocol{grid-template-columns:1fr}.orderlayout{grid-template-columns:1fr 290px}.dishgrid{grid-template-columns:repeat(2,1fr)}.ordercards{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app{display:block}.sidebar{height:auto;position:fixed;bottom:0;top:auto;left:0;right:0;padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:8;border-top:1px solid var(--border);border-right:0}.sidebar .brand,.sidebar footer{display:none}.nav{flex-direction:row;justify-content:space-around;gap:0}.nav button{display:flex;flex-direction:column;gap:3px;padding:7px 6px;font-size:10px;border-radius:7px}.topbar{height:58px;padding:0 18px}.content{padding:24px 16px 110px}.pagehead{align-items:flex-start;margin-bottom:22px}.pagehead h1{font-size:24px}.pagehead p{font-size:11px;max-width:220px}.pagehead .actions button{padding:9px 12px;font-size:12px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:16px}.metric .value{font-size:27px;margin-top:14px}.metric .foot{font-size:10px}.panelhead{padding:18px}.listrow{padding:16px 18px}td,th{padding:14px 18px}.orderlayout{display:block}.dishgrid{gap:11px}.dishvisual{height:82px;font-size:27px}.dishinfo{padding:13px}.cart{position:static;margin-top:22px}.ordercards,.settingsgrid{grid-template-columns:1fr}.account .who{display:none}.toolbar input{max-width:100%}.fieldrow{gap:10px}.recipegrid{grid-template-columns:1.2fr 1fr 1fr 30px}.modalhead{padding:20px}.modalbody{padding:4px 20px 22px}.authbox{padding:30px}.notice{padding:13px 15px;font-size:11px}#toast{bottom:90px}.ordercard{padding:20px}.topbar .breadcrumb strong{margin-left:5px}}
.mobilecart{display:none}@media(max-width:760px){.navtext{display:none}.mobile-label{display:inline}.nav button{min-width:32px;white-space:nowrap}.mobilecart{display:flex;position:fixed;bottom:calc(66px + env(safe-area-inset-bottom));left:16px;right:16px;z-index:7;background:#fff;border:1px solid var(--border);box-shadow:0 -3px 25px #16645112;border-radius:10px;padding:10px 13px;align-items:center;justify-content:space-between;font-size:12px}.mobilecart button{padding:10px 13px}}
.breadcrumb{display:flex;align-items:center;min-width:0}.breadcrumb select{max-width:240px;width:auto;border:0;background:#edf4ef;font-size:13px;padding:9px 12px}.tablelegend{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}.legend{display:flex;align-items:center;gap:9px;background:white;border:1px solid var(--border);font-weight:500}.legend strong{margin-left:10px}.legend.selected{outline:2px solid #9eb7a6}.statusdot{display:inline-block;flex-shrink:0;width:9px;height:9px;border-radius:50%}.statusdot.idle{background:var(--table-idle,#5b8f70)}.statusdot.dining{background:var(--table-dining,#d39132)}.statusdot.settled{background:var(--table-settled,#557eb0)}.tablegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tabletile{display:block;text-align:left;background:white;border:1px solid var(--border);border-top:5px solid var(--table-idle);padding:20px;border-radius:12px;font-weight:400;min-width:0}.tabletile.dining{border-top-color:var(--table-dining)}.tabletile.settled{border-top-color:var(--table-settled)}.tabletile:hover{background:#fafcfb;box-shadow:0 4px 20px #193c3310}.tabletile h2{font-size:30px;margin-top:25px;overflow-wrap:anywhere}.tabletile p{color:var(--muted);font-size:12px;margin-top:7px}.tablestatus{display:inline-flex;gap:7px;align-items:center;font-size:12px}.tabletile .muted{font-size:11px}.tablebottom{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--border);padding-top:16px;margin-top:22px;font-size:12px;flex-wrap:wrap}.tablebottom small{color:var(--muted);font-size:11px}.colorfields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.colorfields input{height:44px;padding:4px}.tablegrid>.panel{grid-column:1/-1}@media(max-width:1100px){.tablegrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.tablegrid{grid-template-columns:repeat(2,1fr);gap:12px}.tabletile{padding:14px}.tabletile h2{font-size:26px;margin-top:23px}.tablelegend{gap:7px}.legend{padding:10px;font-size:11px}.legend strong{margin-left:2px}.tabletile .row{gap:6px;flex-wrap:wrap}.tabletile .tablestatus{font-size:11px}.breadcrumb select{max-width:160px;font-size:12px;padding:7px}.breadcrumb strong{display:none}.account>.muted{display:none}.tablebottom{font-size:11px}}
.payment{flex-wrap:wrap}.payment button{flex:1 1 110px}.receiptpreview{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,"PingFang SC",monospace;background:#fafaf5;border:1px dashed #d9ded6;padding:20px;font-size:13px;line-height:1.9;max-height:400px;overflow:auto;margin:20px 0}

/* Local Lucide vectors: identical geometry across Android and browser fonts. */
.ui-icon{display:inline-block;width:18px;height:18px;vertical-align:-3px;flex-shrink:0;pointer-events:none}
.with-icon>.ui-icon{margin-right:6px}.nav .nav-icon{width:22px;height:22px;vertical-align:middle;margin:0}
.icon-only{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:6px}.icon-only>.ui-icon{margin:0;width:18px;height:18px}
.modalhead .icon-only{width:34px;height:34px}.stepper .icon-only{width:32px;height:32px;padding:6px}.recipegrid .icon-only{width:30px;min-width:30px;padding:5px}
.metric .caption>.ui-icon{width:16px;height:16px}.nav button{min-height:44px}
@media(max-width:760px){.nav .nav-icon{width:21px;height:21px}.nav button{flex:1;min-width:0;padding:7px 2px}.pagehead .with-icon>.ui-icon{width:15px;height:15px;margin-right:4px}.ordercard .actions .with-icon>.ui-icon{width:15px;height:15px;margin-right:4px}}

/* Service workflow: four mobile destinations, deliberate commits, roomy targets. */
.nav .mobile-more{display:none}.ordercontext{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#eaf3ee;border:1px solid #d2e4d9;border-radius:10px;padding:14px 18px;margin-bottom:20px}.ordercontext span,.checkoutcontext>span{display:block;color:#547465;font-size:12px}.ordercontext strong{display:block;font-size:23px;margin-top:4px}.ordercontext p{color:#547465;font-size:12px}
.checkoutcontext h2{font-size:30px;margin-top:6px;overflow-wrap:anywhere}.checkoutcontext p{margin-top:6px}.settlement small{display:block;font-size:14px;font-weight:400;color:#60746a;margin-bottom:8px}.checkline{display:flex;align-items:center;gap:12px;border:1px solid #d6e2dc;border-radius:9px;background:#f7faf8;padding:14px;line-height:1.6}.checkline input{width:22px;height:22px;flex-shrink:0;accent-color:var(--green);margin:0}.billcheck{margin-top:18px;border-block:1px solid var(--border)}summary{cursor:pointer;padding:14px 0;font-weight:600}.billcheck .listrow{padding-inline:0}.reviewitems{margin-top:20px}.reviewitems .listrow{padding-inline:0}.reviewtotal{border-top:2px solid var(--border);padding-top:20px;margin-top:12px}.reviewtotal strong{font-size:26px;color:var(--green)}.dangerzone{margin-top:28px;border-top:1px solid var(--border);padding-top:10px}.dangerzone summary{color:#8c5147}.dangerzone button{margin-top:12px}.moremenu button{display:flex;align-items:center;gap:16px;border-radius:0;width:100%;padding:20px;text-align:left;background:white;border-bottom:1px solid var(--border)}.moremenu button:last-child{border-bottom:0}.moremenu button>span{flex:1}.moremenu small{display:block;font-weight:400;color:#60746a;margin-top:6px}.moremenu button>.ui-icon{width:24px;height:24px}.moremenu button>.ui-icon:last-child{width:18px;height:18px}.dishinfo>.row{flex-wrap:wrap;gap:12px}.dish-add{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#eaf3ee;color:var(--green)}.dishqty{gap:10px}.dishqty strong{min-width:20px;text-align:center}
@media(max-width:760px){
 :root{--muted:#60746a;font-size:15px}.nav button:not(.mobile-primary):not(.mobile-more){display:none}.nav .mobile-more{display:flex}.nav button{min-height:58px;font-size:13px;padding:6px 8px;gap:5px}.nav .nav-icon{width:23px;height:23px}.sidebar{padding-inline:8px}.sidebar .nav{gap:8px}.nav button{min-width:48px}.content{padding:20px 16px 120px}.topbar{padding:0 16px;height:64px;gap:12px}.account .avatar{display:none}.breadcrumb select{max-width:230px;min-height:48px;font-size:14px}.account button{min-width:64px}
 button,input,select,summary{min-height:48px}button{min-width:48px;font-size:15px;touch-action:manipulation}input,select{font-size:16px}.small,.chips button{font-size:14px}.icon-only,.modalhead .icon-only,.stepper .icon-only,.recipegrid .icon-only{min-width:48px;min-height:48px;width:48px;height:48px}.ui-icon{vertical-align:-4px}.pagehead{display:block}.pagehead h1{font-size:27px}.pagehead p{font-size:14px;max-width:none}.pagehead .actions{margin-top:16px}.pagehead .actions button{font-size:14px;padding:12px 16px}.pagehead .with-icon>.ui-icon{width:18px;height:18px}.panelhead h2{font-size:19px}.panelhead p,.settingsbody p,.notice,.infofoot,.modalbody p{font-size:14px}.tablelegend{display:grid;grid-template-columns:1fr 1fr;gap:10px}.legend{font-size:14px;justify-content:flex-start;padding:12px}.legend strong{margin-left:auto}.tabletile{padding:16px;min-height:192px}.tabletile h2{font-size:32px;margin-top:20px}.tabletile .tablestatus,.tabletile .muted,.tabletile p,.tablebottom,.tablebottom small{font-size:13px}.tablebottom{padding-top:14px;margin-top:18px}.tablebottom .ui-icon{width:14px;height:14px}.table-admin{padding-top:20px;border-top:1px solid var(--border)}
 .ordercontext{position:sticky;top:0;z-index:3;padding:12px 16px;background:#eaf3ee}.ordercontext strong{font-size:24px}.ordercontext p{max-width:140px;font-size:13px}.ordercontext span{font-size:12px}.orderlayout .dishgrid{display:block}.dish{border-radius:10px;margin-bottom:12px}.dishvisual{display:none}.dishinfo{padding:18px}.dishinfo h3{font-size:19px}.dishinfo .meta{font-size:13px;margin:8px 0 14px}.dishinfo>.row{flex-wrap:nowrap;gap:10px}.dish-add{min-width:96px}.dishqty{gap:10px}.dishqty strong{font-size:19px}.dishqty .icon-only{background:#edf5ef}.price{font-size:22px}.price small{font-size:13px}.cartbody{padding:18px}.cart .empty{padding:24px 10px}.cartline .row{gap:10px;flex-wrap:wrap}.cartline .stepper{margin-top:10px}.mobilecart{bottom:calc(76px + env(safe-area-inset-bottom));padding:12px 16px;gap:14px}.mobilecart span{font-size:13px}.mobilecart strong{display:block;font-size:22px;margin-top:3px}.mobilecart button{min-height:52px;min-width:140px;font-size:16px}.main[data-screen=order] .content{padding-bottom:210px}
 .ordercard h3{font-size:25px}.ordercard .ordermeta,.ordercard .summary{font-size:14px}.ordercard .actions{gap:10px}.ordercard .actions button{font-size:15px;min-height:50px;padding:10px 8px}.ordercard .actions .with-icon>.ui-icon{margin-right:5px;width:18px;height:18px}
 dialog{max-height:calc(100dvh - 24px);max-width:calc(100vw - 24px);border-radius:14px}.modalhead{position:sticky;top:0;z-index:4;background:white;padding:14px 18px}.modalbody{padding:6px 18px 20px}.modalhead h2{font-size:20px}.modalfoot{position:sticky;bottom:-20px;z-index:3;padding:16px 0 10px;background:white;border-top:1px solid var(--border);gap:12px}.modalfoot button{min-height:52px;flex:1;font-size:15px;padding:12px 8px}.modalfoot button[type=submit]{flex:2}.payment{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.payment button{min-height:60px;padding:12px;font-size:16px;overflow-wrap:anywhere}.payment button.selected{border:2px solid var(--green);box-shadow:inset 0 0 0 1px var(--green)}.checkline{font-size:15px;margin-top:20px;min-height:64px}.billcheck summary{font-size:15px}.settlement{font-size:42px;margin-top:22px}.detailitems .row{gap:12px;align-items:flex-start}.detailitems small{font-size:13px}.detailitems strong{font-size:16px}.modalbody .actions{gap:12px}.modalbody .actions button{flex:1;min-width:120px;font-size:15px}.dangerzone button{width:100%}.recipegrid{grid-template-columns:1fr 1fr}.recipegrid .rmaterial{grid-column:1/-1}.recipegrid button{justify-self:end}.colorfields{grid-template-columns:1fr}.authbox{padding:24px}.authbox p{font-size:15px}.authbox label,label{font-size:15px}#toast{bottom:calc(92px + env(safe-area-inset-bottom));font-size:14px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Compact table picker: the whole tile carries the restaurant's status color. */
[data-screen="tables"] .tablelegend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
[data-screen="tables"] .legend{min-width:0;min-height:48px;justify-content:center;gap:6px;padding:10px 8px;font-size:13px;white-space:nowrap}
[data-screen="tables"] .legend strong{margin-left:0;font-size:14px}
[data-screen="tables"] .legend.selected{outline:2px solid var(--green);outline-offset:-2px;background:#edf4ef}
.tablesearch{margin-bottom:12px;min-height:48px}.tableareas{margin-bottom:14px;gap:8px}
.tablegrid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}
.tabletile{--tile-bg:var(--table-idle);--tile-text:var(--table-idle-text);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;background:var(--tile-bg);color:var(--tile-text);border:0;border-radius:10px;padding:14px 8px;min-height:116px;text-align:center;box-shadow:none;touch-action:manipulation}
.tabletile.dining{--tile-bg:var(--table-dining);--tile-text:var(--table-dining-text)}
.tabletile.settled{--tile-bg:var(--table-settled);--tile-text:var(--table-settled-text)}
.tabletile:hover{background:var(--tile-bg);box-shadow:inset 0 0 0 2px var(--tile-text)}
.tabletile:active{transform:scale(.97)}.tabletile:focus-visible{outline:3px solid #152f25;outline-offset:3px}
.tabletile h2{font-size:28px;line-height:1.15;font-weight:750;margin:0;color:inherit;overflow-wrap:anywhere;max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.table-state{font-size:12px;line-height:1.3;font-weight:500}.table-amount{font-size:14px;line-height:1.3;font-weight:650;font-variant-numeric:tabular-nums}
@media(max-width:760px){
 [data-screen="tables"] .content{padding-top:14px}
 [data-screen="tables"] .legend{font-size:12px;gap:4px;padding:8px 4px}
 [data-screen="tables"] .legend .statusdot{width:7px;height:7px}
 .tablegrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .tabletile{min-height:110px;padding:12px 7px;gap:7px}.tabletile h2{font-size:25px}
 .tableareas button{padding:8px 12px;font-size:13px}
}
@media(max-width:359px){.tablegrid{grid-template-columns:repeat(2,minmax(0,1fr))}[data-screen="tables"] .legend{font-size:11px;gap:3px}[data-screen="tables"] .legend strong{font-size:12px}}

.orderbar{display:flex;align-items:center;gap:12px;margin-bottom:12px;min-height:48px}.orderbar button{display:inline-flex;align-items:center;gap:5px;min-height:48px;padding:8px 12px;flex-shrink:0}.orderbar strong{font-size:24px;line-height:1.2;overflow-wrap:anywhere}.orderbadge{font-size:12px;background:#edf4ef;color:var(--green);padding:5px 9px;border-radius:6px;flex-shrink:0}
.ordertabs{display:flex;gap:20px;border-bottom:1px solid var(--border);margin-bottom:16px}.ordertabs button{min-height:48px;min-width:80px;background:transparent;border-radius:0;border-bottom:3px solid transparent;padding:10px 8px;color:var(--muted);font-size:15px}.ordertabs button[aria-selected="true"]{color:var(--green);border-bottom-color:var(--green);font-weight:700}.ordertabs button:focus-visible{outline:2px solid var(--green);outline-offset:-2px}.tablehistorypanel{overflow-x:auto}
@media(max-width:760px){.main[data-screen="order"] .content{padding-top:12px}.orderbar{gap:10px;margin-bottom:4px}.orderbar strong{font-size:23px}.ordertabs{margin-bottom:12px}}

/* Keep ordering focused; navigation returns when leaving the order screen. */
.app.ordering-mode{grid-template-columns:minmax(0,1fr)}
.ordering-mode>.sidebar,.ordering-mode .topbar{display:none}
.orderidentity{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;min-width:0;text-align:right}
.orderidentity strong{min-width:0}
@media(max-width:760px){
 .ordering-mode .mobilecart{bottom:0;left:0;right:0;border-radius:0;border-inline:0;border-bottom:0;padding-bottom:calc(12px + env(safe-area-inset-bottom))}
 .ordering-mode .main[data-screen="order"] .content{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:calc(120px + env(safe-area-inset-bottom))}
}

.ordersearch{flex:1;min-width:0;width:auto;min-height:48px}.orderbar .orderidentity{flex:0 1 auto;max-width:30%;margin-left:auto}.orderbar .orderidentity strong{font-size:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media(max-width:760px){.orderbar{gap:8px}.orderbar button{padding-inline:9px}.ordersearch{padding-inline:10px;font-size:15px}.orderbar .orderidentity{max-width:25%}.orderbar .orderidentity strong{font-size:20px}.orderbar .orderidentity .orderbadge{display:none}}

.orderheader{position:sticky;top:0;z-index:5;background:#f5f7f6;padding-top:12px;margin-top:-12px}.orderheader .ordertabs{margin-bottom:12px}.orderheader .orderbar{margin-bottom:4px}
.dishcategories{flex-wrap:nowrap;overflow-x:auto;padding:3px 2px 8px;scrollbar-width:thin}.dishcategories button{flex-shrink:0}
.dishmain{min-width:0}.dishmain h3{overflow-wrap:anywhere}.dishmain .meta:empty{display:none}
.ordering-mode .cart{top:128px}.cartpeek{background:transparent;text-align:left;color:inherit;border:0;padding:0;box-shadow:none}.cartpeek:hover{background:transparent}.cartpeek .ui-icon{width:14px;height:14px;margin-left:4px}
.draftheading{padding:16px 0;flex-wrap:wrap}.draftline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.draftline>div:first-child{min-width:0;overflow-wrap:anywhere}.draftline small{display:block;color:var(--muted);margin-top:6px}.draftline .stepper{flex-shrink:0;gap:8px}.draftline .stepper strong{min-width:22px;text-align:center}.draftline .icon-only{width:48px;height:48px;padding:0}
.payment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment button{min-width:0;min-height:52px;overflow-wrap:anywhere;padding:14px 10px}.paymentempty{grid-column:1/-1}
@media(max-width:760px), (orientation:landscape) and (min-width:640px) and (max-width:1200px) and (max-height:600px){
 .orderheader{padding-top:max(12px,env(safe-area-inset-top))}.orderlayout .dishgrid{margin-top:8px}.dishinfo{display:grid;grid-template-columns:minmax(0,1fr) 136px;gap:8px 12px;padding:14px}.dishinfo>.row{display:contents}.dishmain{grid-column:1;grid-row:1}.dishinfo h3{font-size:17px;line-height:1.35}.dishinfo .meta{font-size:12px;margin:4px 0 0}.dishinfo .price{grid-column:1;grid-row:2;font-size:20px;overflow-wrap:anywhere;line-height:1.35}.dishinfo .price small{font-size:12px}
 .dishinfo .dish-add,.dishinfo .dishqty{grid-column:2;grid-row:1 / span 2;align-self:center;width:136px;min-height:48px;margin:0;justify-content:center}.dishinfo .dishqty{gap:8px}.dishqty strong{min-width:24px;font-size:18px}.dishinfo .dishqty .icon-only{width:48px;height:48px;min-width:48px;padding:0}.dish-add{font-size:14px}
 .mobilecart .cartpeek{flex:1;min-width:0;min-height:52px;padding:0;font-size:13px;font-weight:500}.mobilecart .cartpeek strong{font-weight:700}.mobilecart>button.primary{flex-shrink:0;min-width:128px}
 .modalhead{padding:16px 18px}.modalbody{padding:6px 18px 20px}.modalfoot{position:sticky;bottom:-20px;background:white;padding:14px 0;margin-top:16px;z-index:2}.modalfoot button{min-height:48px;flex:1;padding-inline:8px;overflow-wrap:anywhere}.reviewitems .listrow,.detailitems .listrow,.billcheck .listrow{gap:12px}.reviewitems .listrow>div,.detailitems .listrow>div,.billcheck .listrow>span{min-width:0;overflow-wrap:anywhere}.reviewitems .listrow>strong,.detailitems .listrow>span,.billcheck .listrow>strong{flex-shrink:0}.ordercard .summary{margin:12px 0;min-height:0}.ordercard{padding:18px}
}

.historyorder{display:block;width:100%;text-align:left;background:white;border-bottom:1px solid var(--border);border-radius:0;padding:16px 18px;font-weight:400}.historyorder:hover{background:#f0f6f2}.historyorder>.row{margin-bottom:10px;flex-wrap:wrap;gap:8px}.historyorder .money{font-size:19px;color:var(--green)}.historysummary{font-size:13px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}.historysummary .ui-icon{width:16px;height:16px;margin-left:6px}.historyorder:last-child{border-bottom:0}.ordercard .summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}

.dish.dish-selected{border-color:#a8cbb7;background:#f8fcf9}

/* Short, wide screens keep the menu and the selected dishes side by side. */
@media(orientation:landscape) and (min-width:640px) and (max-width:1200px) and (max-height:600px){
 .app{grid-template-columns:72px minmax(0,1fr);display:grid}.sidebar{position:sticky;top:0;bottom:auto;width:72px;height:100dvh;padding:10px 4px;border-right:1px solid var(--border);border-top:0}.sidebar .brand,.sidebar footer{display:none}.nav{flex-direction:column;gap:8px}.nav button:not(.mobile-primary):not(.mobile-more){display:none}.nav .mobile-more{display:flex}.nav button{display:flex;flex-direction:column;gap:5px;justify-content:center;padding:8px 2px;font-size:12px;min-height:56px}.navtext{display:none}.mobile-label{display:block}.topbar{height:56px;padding:0 16px}.breadcrumb strong,.account .muted,.account .avatar,.account .who{display:none}.breadcrumb select{max-width:240px}.content{padding:16px}
 .ordering-mode .main[data-screen="order"] .content{padding:12px 16px 20px}.ordering-mode .orderlayout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px}.ordering-mode .dishgrid{display:block}.ordering-mode .dishvisual{display:none}.ordering-mode .dish{margin-bottom:10px}.ordering-mode .cart{position:sticky;top:112px;max-height:calc(100dvh - 124px);overflow-y:auto}.ordering-mode .cart .panelhead{padding:12px}.ordering-mode .cart .panelhead h2{font-size:18px}.ordering-mode .cartbody,.ordering-mode .cartfoot{padding:12px}.ordering-mode .cartfoot .primary{min-height:48px;margin-top:12px}.ordering-mode .cartfoot{position:sticky;bottom:0;background:white}.ordering-mode .mobilecart{display:none}.ordering-mode .cartline{padding:12px 0}.ordering-mode .cartline .row{gap:8px}.ordering-mode .cartline .stepper button{min-width:48px;min-height:48px}.ordering-mode .orderheader{padding-top:8px}.orderbar .orderidentity .orderbadge{display:inline-block}
}

.error:empty{display:none}

@media(orientation:landscape) and (min-width:640px) and (max-width:1200px) and (max-height:600px){
 .ordering-mode .cartfoot{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;padding:10px}.ordering-mode .cartfoot>.row{flex-direction:column;align-items:flex-start;gap:3px}.ordering-mode .cartfoot .primary{margin:0;min-height:52px;padding:8px;font-size:14px}.ordering-mode .cartfoot .price{font-size:21px}.ordering-mode .cartline .row:nth-child(2)>.muted{display:none}.ordering-mode .cartline .row:nth-child(2){justify-content:flex-end}.ordering-mode .cartline .stepper{margin-top:4px}.ordering-mode .cartline{padding:8px 0}
}

.ordertabsrow{display:flex;gap:12px;align-items:flex-start}.ordertabsrow .ordertabs{flex:1;min-width:0}.voice-entry{min-height:48px;flex-shrink:0;padding:10px;font-size:14px}.orderheader .dishcategories{margin-bottom:8px}.ordering-mode .cart{top:calc(var(--order-header-height,170px) + 12px)}
.voiceoriginal{padding:12px;background:#edf4ef;border-radius:8px;margin-top:12px;overflow-wrap:anywhere}.voicerow{padding:12px 0;border-bottom:1px solid var(--border)}.voicefields{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:12px}.voicefields label{margin:8px 0}.voicefields input,.voicefields select{min-width:0;min-height:48px}.voicefields select{white-space:normal}
@media(max-width:359px){.ordertabsrow{gap:8px}.ordertabsrow .ordertabs{gap:8px}.ordertabsrow .ordertabs button{min-width:70px;padding-inline:4px}.voice-entry{padding-inline:8px;font-size:13px}}
@media(orientation:landscape) and (min-width:640px) and (max-width:1200px) and (max-height:600px){
 .orderheader{display:grid;grid-template-columns:218px minmax(0,1fr);gap:0 12px}.orderheader .orderbar{grid-column:1/-1}.orderheader .ordertabsrow{grid-column:1;gap:6px;align-items:center}.orderheader .ordertabs{gap:4px;margin:0}.orderheader .ordertabs button{min-width:60px;font-size:13px;padding-inline:3px}.orderheader .voice-entry{padding-inline:8px;font-size:13px}.orderheader .dishcategories{grid-column:2;margin:0;align-self:center;min-width:0}.ordering-mode .cart{top:calc(var(--order-header-height,112px) + 12px);max-height:calc(100dvh - var(--order-header-height,112px) - 24px)}
}

.modalbody .voicewarning{color:#8d5424;background:#fff3e4;border-radius:6px;padding:8px 10px}

/* Keep the web account exit visible without crowding narrow headers. */
@media(max-width:760px){
 .admin-mode .topbar .breadcrumb{flex:1;min-width:0}
 .admin-mode .topbar .breadcrumb select{width:100%;max-width:none;min-width:0}
 .admin-mode .topbar .breadcrumb strong,.admin-mode .account .muted,.admin-mode .account .who,.admin-mode .account .avatar{display:none}
 .admin-mode .account{flex-shrink:0;gap:8px}
 .admin-mode .account button{padding-inline:10px;white-space:nowrap}
}