/* Native browser workspace: wide desktop, fluid tablet and phone. No device mockup. */
:root{--pink:#ed7b86;--pink-dark:#cc5866;--nav:70px;background:#f5f5f7;color:#28262b}
body{padding:0!important;margin:0;min-width:320px;background:#f5f5f7}
.workspace{width:100%;max-width:none;height:100dvh;min-height:500px;margin:0;position:relative;display:grid;grid-template-columns:208px minmax(0,1fr);grid-template-rows:88px minmax(0,1fr);background:#faf9fb;overflow:hidden;border:0;border-radius:0;box-shadow:none}
.workspace-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid #eae7eb;background:white;gap:20px}
.workspace-brand{display:flex;gap:14px;align-items:center}.workspace-brand .brand-mark{margin:0;font-size:36px}.workspace-brand strong{display:block;font-size:21px;font-weight:650;letter-spacing:.5px}.workspace-brand small{font-size:11px;color:#a5a0a8;letter-spacing:1px}
.account-tools{display:flex;align-items:center;gap:18px;font-size:13px}.account-chip{background:#fff0f2;color:#a35c67;border-radius:30px;padding:9px 15px}.account-tools button{padding:9px 13px;border:1px solid #e8e3e8;border-radius:9px;background:#fff;font-size:12px}
.workspace>.view{grid-column:2;grid-row:2;min-width:0;min-height:0}.workspace>.bottom-nav{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:12px;height:auto;padding:26px 18px;border:0;border-right:1px solid #eae7eb;background:#fff}
.bottom-nav button{width:100%;flex:0 0 auto;min-height:52px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:15px;border-radius:12px;padding:13px 18px;font-size:14px;color:#8b8690}.bottom-nav button.active{background:#fff0f2;color:#b35664}.bottom-nav button.active:after{display:none}.bottom-nav button .icon{width:23px;height:23px}.bottom-nav button i{position:static;align-self:center}
.status-bar,.mini-capsule,.kitchen-cover,.home-indicator,.gesture-bar{display:none!important}
.kitchen-profile{min-height:0;margin:0;border-radius:0;padding:28px 34px 22px;background:white}.avatar{width:62px;height:62px;border-radius:15px}.profile-title h1{font-size:25px}.profile-title p{font-size:13px;margin:7px 0 0}.level{display:none}.announcement{margin:15px 0 0;font-size:12px}.qr-button{width:38px;height:38px}
.menu-toolbar{height:62px;flex-basis:62px;padding:0 34px}.toolbar-tab{font-size:15px}.outline.small,.search-pill{font-size:12px}.catalog{min-height:0}.categories{width:154px;max-width:none;padding:16px 12px 100px;background:#f8f7f9;border-right:1px solid #eee9ef}.category{min-height:43px;font-size:13px;margin-bottom:5px;border-radius:9px;padding:10px}.category.selected{background:white;color:#b95a69;font-weight:550}.category.selected:before{display:none}.menu-list{padding:22px 28px 106px;scrollbar-width:thin;background:#faf9fb}
.menu-section{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;align-content:start}.menu-section>h2,.menu-section>.category-note,.menu-section>.empty-state{grid-column:1/-1}.menu-section>h2{font-size:18px;margin:0 0 2px}.menu-item{min-height:150px;padding:19px 16px;border:1px solid #eee8ee;border-radius:15px;gap:13px;background:white;box-shadow:0 3px 12px #2e143203}.item-img-button{width:82px;height:82px;flex-shrink:0}.item-img{border-radius:12px}.item-name{font-size:14px;line-height:1.65}.item-description{font-size:11px;line-height:1.7}.item-sales{font-size:10px}.item-controls{right:14px;bottom:14px}.add-button{width:28px;height:28px}.search-box{padding:12px 34px;background:white}.search-box input{font-size:14px}
.cart-bar{left:22px;right:22px;bottom:16px;min-height:62px;border-radius:15px;padding:9px 15px;box-shadow:0 8px 28px #2916310a;gap:18px}.cart-open{margin-right:auto}.random-link{font-size:12px}.checkout-button{padding:13px 24px}.invite-button{font-size:12px}
.secondary-view{background:#faf9fb}.page-heading{padding:32px 36px 24px}.page-heading h2{font-size:34px}.order-filters{padding:0 36px 15px}.order-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px;padding:20px 36px 38px}.order-card{margin:0}.order-direction{font-size:12px;color:#ae6878;margin:12px 0}.order-context{font-size:11px;color:#a4a0a6;padding-top:12px}.discover-body,.me-body{max-width:1000px;padding:20px 36px 36px}.settings-list button{font-size:13px}.stats-row strong{font-size:29px}
.modal-overlay{position:fixed;inset:0;align-items:center;justify-content:center;z-index:90}.sheet{width:min(640px,90vw);max-height:90dvh;margin:auto;border-radius:22px;padding-bottom:20px}.sheet-handle{display:none}.sheet-heading{padding:23px 26px 15px}.sheet-body{padding:12px 26px 24px}.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);z-index:100;max-width:90vw}
.auth-stage{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:radial-gradient(ellipse at 0 0,#fff0f2,transparent 60%),#f7f5f8}.auth-card{width:440px;max-width:100%;padding:40px;background:white;border:1px solid #eee7ef;border-radius:24px;box-shadow:0 22px 80px #3c25450b}.brand-mark{font-size:46px;color:var(--pink);margin-bottom:18px}.auth-card h1{font-size:25px;letter-spacing:-.4px;margin:14px 0}.auth-subtitle{font-size:13px;color:#97909b;line-height:1.9;margin-bottom:25px}.auth-card label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#756e7a;margin-bottom:18px}.auth-card input{width:100%;background:#fcfbfd;border:1px solid #e9e3ed;border-radius:10px;padding:13px 14px;min-width:0;font-size:14px}.auth-submit{width:100%;background:var(--pink);color:white;padding:14px;border-radius:11px;font-size:14px;font-weight:550}.auth-submit:disabled{opacity:.6}.auth-error{color:#b85366;font-size:12px;line-height:1.7;min-height:18px}.auth-footnote{font-size:11px;color:#afa8b3;line-height:1.8;margin:23px 0 0}.setup-card{width:820px}.setup-accounts{display:grid;grid-template-columns:1fr 1fr;gap:22px}.setup-accounts fieldset{border:1px solid #eee5ee;border-radius:12px;padding:20px}.setup-accounts legend{padding:0 10px;font-size:14px;color:#ab687b}.setup-hint{font-size:11px;color:#a096a8;line-height:1.8;overflow-wrap:anywhere}
@media(max-width:900px){.workspace{grid-template-columns:1fr;grid-template-rows:72px minmax(0,1fr) 68px;min-height:0}.workspace-header{padding:0 18px;gap:8px}.workspace-brand{gap:8px}.workspace-brand strong{font-size:16px}.workspace-brand small{display:none}.workspace-brand .brand-mark{font-size:31px}.account-tools{gap:9px;font-size:11px}.account-chip{padding:8px 10px}.account-tools button{padding:7px 9px;font-size:11px}.workspace>.view{grid-column:1;grid-row:2}.workspace>.bottom-nav{grid-column:1;grid-row:3;flex-direction:row;gap:0;padding:7px 10px max(7px,env(safe-area-inset-bottom));border-right:0;border-top:1px solid #eee9ef}.bottom-nav button{flex:1;min-height:48px;flex-direction:column;justify-content:center;gap:4px;padding:4px;font-size:10px}.bottom-nav button .icon{width:21px;height:21px}.bottom-nav button.active{background:transparent}.kitchen-profile{padding:19px 18px 17px}.avatar{width:47px;height:47px}.profile-title h1{font-size:21px}.profile-title p{font-size:11px}.announcement{font-size:11px;margin-top:11px}.menu-toolbar{height:54px;flex-basis:54px;padding:0 16px}.categories{width:24%;padding:12px 7px 100px}.category{font-size:12px;min-height:43px;padding:9px 4px}.menu-list{padding:16px 13px 91px}.menu-section{display:block}.menu-section>h2{font-size:15px;margin-bottom:18px}.menu-item{min-height:123px;padding:10px 0 24px;background:transparent;box-shadow:none;border:0;border-bottom:1px solid #eee8ee;border-radius:0;margin-bottom:14px;gap:9px}.item-img-button{width:66px;height:66px}.item-name{font-size:12px}.item-description,.item-sales{font-size:10px}.item-controls{right:0;bottom:14px}.cart-bar{left:10px;right:10px;bottom:10px;padding:7px 10px;min-height:54px;gap:10px}.checkout-button{padding:11px 17px;font-size:12px}.invite-button{padding:8px 10px;font-size:11px}.random-link{font-size:11px}.page-heading{padding:26px 20px 22px}.page-heading h2{font-size:28px}.order-filters{padding:0 20px 15px}.order-list{grid-template-columns:1fr;padding:16px 18px 30px;gap:14px}.discover-body,.me-body{padding:16px 20px 30px}.search-box{padding:11px 18px}.sheet{width:100%;max-height:91dvh;margin:0;border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom)}.modal-overlay{align-items:flex-end}.auth-stage{padding:24px 16px;align-items:center}.auth-card{padding:28px 23px;border-radius:19px}.auth-card h1{font-size:23px}.setup-accounts{grid-template-columns:1fr;gap:12px}.setup-accounts fieldset{padding:17px}.setup-card .auth-subtitle{margin-bottom:16px}}
@media(max-width:380px){.workspace-brand strong{font-size:14px}.workspace-header{padding:0 12px}.account-tools{gap:5px}.account-chip{padding:7px}.item-img-button{width:58px;height:58px}.menu-list{padding-left:9px;padding-right:9px}.invite-button{display:none}}