.online-order-filters{display:grid;grid-template-columns:minmax(240px,2fr) minmax(160px,1fr) minmax(160px,1fr) auto;gap:12px;align-items:end}
.online-order-filters label{min-width:0;margin:0}.online-order-filters button{min-height:44px;margin:0}
.online-order-state{display:flex;gap:32px;flex-wrap:wrap}.online-paid{background:#e3f2e7;color:#23683d}
.online-order-payment{display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:12px;align-items:end;margin-top:20px;border-top:1px solid #e5e1da;padding-top:16px}.online-order-payment :is(h3,small){grid-column:1/-1}.online-order-payment label{margin:0}
.pwa-install-card{width:100%;max-width:400px;margin:auto;padding:24px;box-sizing:border-box;text-align:center}.pwa-install-card>img{border-radius:22px}.pwa-install-card h1{font-size:28px;margin:20px 0 12px}.pwa-install-card p{line-height:1.5}.pwa-install-card button{width:100%;min-height:54px;margin-top:16px}.pwa-install-card [role=status]{font-weight:600;color:#276542}
@media(max-width:760px){.online-order-filters{grid-template-columns:1fr}.online-order-payment{grid-template-columns:1fr}.online-order-state{gap:0}.pwa-install-card{padding:20px}}

@media(max-width:760px){.login:has(.pwa-install-only){display:block!important;min-height:100dvh}.login:has(.pwa-install-only) .loginhero{display:none!important}.loginform.pwa-install-only{min-height:100dvh;display:flex;align-items:center;padding:16px;box-sizing:border-box}}
/* Camera controls stay inside the web viewport, above Android/iOS system areas. */
@media screen and (max-width:760px){
html:has(body.small-mobile){background:#22667a}
body.design3 #scanbox{box-sizing:border-box!important;height:100dvh;max-height:100dvh;overflow:auto;overscroll-behavior:contain;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;background:#173d48f5!important}
body.design3 #scanbox>.panel{box-sizing:border-box;max-width:480px!important;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;margin:0;padding:16px!important}
body.design3 #scanbox>.panel>.row:first-child{display:flex;flex-wrap:nowrap!important;align-items:center;gap:12px;position:sticky;top:-16px;background:#fff;z-index:1;padding:8px 0}
body.design3 #scanbox h2{flex:1;min-width:0;margin:0;font-size:20px;line-height:1.3}
body.design3 #scanbox #stopscan{flex:none;min-height:44px;margin:0;padding:10px 12px}
body.design3 #scanbox #scanvideo{display:block;width:100%;height:min(38dvh,300px);min-height:120px;object-fit:cover;border-radius:10px;background:#102f39;margin:12px 0}
body.design3 #scanbox .row:last-child{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
body.design3 #scanbox .row:last-child :is(input,button){min-width:0;width:100%;margin:0;min-height:44px;box-sizing:border-box}
}