/* Menu discovery: one clear search, optional filters, and readable dish rows. */
.menu-browser{--ux-accent:var(--menu-accent,var(--accent,#233a38));position:sticky;top:0;z-index:12;background:var(--paper,var(--bg,#f8f5ed));padding:14px 0 0;border-bottom:1px solid var(--menu-line,var(--line));color:var(--ink)}
.menu-search-field{display:flex;align-items:center;gap:10px;min-height:50px;padding:0 13px;border:1px solid var(--menu-line,var(--line));border-radius:13px;background:var(--paper,var(--surface,#fff));box-shadow:0 2px 5px #192c2b05}
.menu-search-field>.ui-icon{width:20px;height:20px;flex-shrink:0;color:var(--ux-accent)}
.menu-search-field input{border:0!important;outline:0!important;background:transparent!important;padding:13px 0!important;min-width:0;width:100%;font:400 16px/1.4 "Figtree",sans-serif!important;color:var(--ink);box-shadow:none;border-radius:0}
.menu-search-field:focus-within{border-color:var(--ux-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ux-accent) 14%,transparent)}
.menu-search-field input::-webkit-search-cancel-button{display:none}
.menu-search-field .search-clear{display:grid;place-items:center;flex-shrink:0;width:36px;min-width:36px;height:36px;min-height:36px;padding:7px;border:0!important;border-radius:50%;background:var(--menu-tint,var(--accent-soft))!important;color:var(--ux-accent)!important}
.search-clear .ui-icon{width:18px;height:18px}.menu-search-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;font-size:12px;color:var(--muted,var(--subtle))}.menu-search-meta>span{font-variant-numeric:tabular-nums}
.menu-filter-panel{position:relative;flex-shrink:0}.menu-filter-panel summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;font-size:13px;font-weight:650;min-height:40px;color:var(--ux-accent)}.menu-filter-panel summary::-webkit-details-marker{display:none}.menu-filter-panel summary>.ui-icon{width:15px;height:15px}.menu-filter-panel[open] summary>.ui-icon{transform:rotate(180deg)}
.menu-filter-panel .menu-filter-options{position:absolute;right:0;top:100%;width:280px;max-width:calc(100vw - 50px);padding:14px;display:grid;gap:10px;z-index:25;border:1px solid var(--menu-line,var(--line));border-radius:14px;background:var(--paper,var(--surface,#fff));box-shadow:0 12px 35px #192c2b24;white-space:normal}
.menu-filter-options label{display:flex;align-items:center;gap:10px;margin:0;font-size:14px;min-height:40px;font-weight:500}.menu-filter-options input{width:19px;height:19px;flex-shrink:0;accent-color:var(--ux-accent)}.menu-filter-options p{font-size:11px!important;line-height:1.5;margin:3px 0 0;color:var(--muted,var(--subtle))}.menu-filter-options .chip{min-height:42px!important;text-align:left;border-radius:9px!important;font-size:13px!important;padding:10px!important;white-space:normal}
.menu-reset{font-size:12px!important;padding:0 0 10px!important;text-decoration:underline;background:transparent!important;color:var(--ux-accent)!important;min-height:32px;border:0!important}
.menu-category-tabs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:0 0 12px;overscroll-behavior-x:contain}.menu-category-tabs::-webkit-scrollbar{display:none}.menu-category-tabs button{flex-shrink:0;border:1px solid var(--menu-line)!important;border-radius:999px!important;background:transparent!important;color:var(--ink)!important;min-height:42px;padding:9px 16px!important;font-size:13px;font-weight:600}.menu-category-tabs button[aria-pressed=true]{background:var(--ux-accent)!important;color:var(--paper)!important;border-color:var(--ux-accent)!important}
.menu-empty{text-align:center;padding:34px 18px;border:1px dashed var(--menu-line,var(--line));border-radius:14px;margin:22px 0}.menu-empty>.ui-icon{width:28px;height:28px;color:var(--muted,var(--subtle));margin-bottom:14px}.menu-empty h3{font-size:19px!important;text-transform:none!important;letter-spacing:-.02em!important;border:0!important;margin:0 0 9px!important}.menu-empty p{font-size:14px!important;line-height:1.5}.menu-empty button{font-size:13px;min-height:44px;border-radius:10px}
.menu-wrap .menu-category>h2{display:flex;align-items:center;justify-content:space-between;margin-top:28px;letter-spacing:.08em}.menu-category>h2>span,.category-count{font-size:11px;letter-spacing:0;color:var(--subtle,var(--muted));font-weight:500}.menu-wrap .menu-item{background:transparent;padding:20px 0;column-gap:14px}.menu-wrap .menu-item h3{font-size:17px;line-height:1.35;font-weight:650!important}.menu-wrap .dish-content p{font-size:14px;line-height:1.5;margin-bottom:5px}.menu-wrap .menu-item .menu-photo{border-radius:12px}.menu-wrap .dish-actions button{min-height:44px!important;border-radius:10px!important;padding:10px 14px!important;font-size:13px}.menu-wrap .dish-actions .price{font-size:16px;font-variant-numeric:tabular-nums}.dish-allergens summary{cursor:pointer;font-size:11px;min-height:28px;line-height:28px;color:var(--subtle)}.dish-allergens small{display:block;padding:4px 0 6px}.unavailable-label{color:#98462d!important;font-weight:650}.table-service{margin:24px 0;padding:16px;border:1px solid var(--menu-line);border-radius:14px;background:var(--menu-tint)}.table-service>summary{font-weight:600;cursor:pointer;min-height:30px}.table-service .actions{display:grid;grid-template-columns:1fr 1fr}.menu-allergen-note{font-size:12px!important;margin-top:25px!important}.menu-wrap .table-tracking h2{font-size:13px}.menu-wrap .cart-bar{border-radius:18px 18px 0 0}.cart-bar button{min-height:48px;border-radius:12px!important}
/* Presentation demo uses the same hierarchy, inside a phone and a tablet. */
#phone .cover{padding:17px 18px 19px}#phone .cover h2{font-size:24px!important;line-height:1.18!important;margin-top:12px!important}#phone .cover p{font-size:12px!important;line-height:1.5!important}#phone .cover:after{display:none}
#phone .menu-browser{padding:12px 14px 0;display:block;background:var(--bg)!important;border-bottom:1px solid var(--line);top:0}#phone .menu-browser .menu-search-field{min-height:48px;margin:0;padding:0 11px;border-radius:12px;background:var(--surface);border-color:var(--line)}#phone .menu-browser .menu-search-field input{font-size:16px!important}
#phone .menu-browser .menu-search-meta{min-height:39px}#phone .menu-browser .menu-reset{display:none}#phone .menu-filter-options{margin:0;background:var(--surface)!important}#phone .menu-filter-options .chip[aria-pressed=true]{background:var(--accent)!important;color:var(--accent-ink)!important}
#phone .tabs{top:100px;padding:10px 14px;gap:7px;z-index:10;scrollbar-width:none;border-bottom:1px solid var(--line);box-shadow:0 4px 10px #192c2b05;background:var(--bg)}#phone .tab{border-radius:999px;padding:9px 14px;min-height:40px;font-size:13px;white-space:nowrap}#phone .tab[aria-current=true]{background:var(--accent);color:var(--accent-ink)}
#phone .menu-promotions{background:var(--bg)}#phone .menu-promotions>summary{padding:9px 15px;min-height:38px;font-size:12px;color:var(--muted)}#phone .cat{padding:22px 16px 0}#phone .cat h3{display:flex;justify-content:space-between;align-items:center;font-size:12px!important;letter-spacing:.09em!important;margin-bottom:0!important;padding-bottom:12px}
#phone .cardwrap{--thumb:68px}#phone .card{grid-template-columns:68px minmax(0,1fr);padding:18px 48px 18px 0;gap:12px;min-height:116px}#phone .card>.photo{width:68px;height:76px;border-radius:11px}#phone .card-body>.row{display:flex;flex-direction:column;gap:6px}#phone .name{font-size:16px!important;line-height:1.35;font-weight:650!important}#phone .price{font-size:15px;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap}#phone .desc{font-size:12px;line-height:1.5;margin-top:3px}#phone .badge{font-size:10px;padding:3px 6px;border-radius:5px}#phone .cardwrap .plus{left:auto;right:0;top:18px;bottom:auto;width:42px;height:44px;min-width:42px;min-height:44px;border:0;border-radius:12px;font-size:24px;background:var(--accent);color:var(--accent-ink)}#phone .drinkwrap .drink{padding:18px 50px 18px 0;align-items:start;gap:12px}#phone .drinkwrap .plus{width:42px;height:44px;min-height:44px;top:18px;transform:none;border-radius:12px}#phone .drink .row{flex-direction:column;gap:6px}#phone .drink .thumb{width:48px;height:54px;border-radius:10px}#phone .drink .desc{font-size:12px}#phone .dock{padding:11px 12px max(11px,env(safe-area-inset-bottom));gap:9px}#phone .dock button{border-radius:12px;min-height:48px;font-size:12px}#phone .menu-empty{margin:18px 14px}#phone .screen{scroll-padding-top:155px}
/* Service: scannable lanes and one primary action on each order. */
.service-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 0 17px;overscroll-behavior-x:contain}.service-filters button{display:flex;align-items:center;gap:9px;flex-shrink:0;min-height:44px;font-size:13px;padding:9px 13px;background:#fff;color:#233a38;border:1px solid #d8ded2;border-radius:12px}.service-filters button[aria-pressed=true]{background:#233a38;color:#f8f5ed;border-color:#233a38}.service-filters button span{border-radius:6px;padding:1px 6px;font-size:11px;background:#e8ede2;color:#233a38;font-variant-numeric:tabular-nums}.service-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.service-board:has(>.service-lane:only-child){grid-template-columns:1fr}.service-lane{min-width:0}.service-lane-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px}.service-lane-title h3{font:650 16px/1.3 "Figtree",sans-serif!important;letter-spacing:-.02em!important;color:#233a38;margin:0!important}.service-lane-title>span{font-size:12px;font-weight:650;color:#34534b;background:#e5ebdf;border-radius:7px;padding:3px 8px}.lane-hint{font-size:12px;line-height:1.5;margin:0 0 16px;color:#5e6b67}.service-orders{display:grid;gap:14px}.service-workspace .order-card{padding:18px;border:1px solid #d8ded2;border-radius:16px;border-top:3px solid #b0bca6;box-shadow:0 3px 10px #192c2b04;min-width:0}.service-workspace .order-card.stage-ready{border-top-color:#47785b}.service-workspace .order-card.stage-pending{border-top-color:#bd9a58}.order-card-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.order-kicker{font-size:9px;letter-spacing:.1em;font-weight:650;color:#5e6b67}.order-card-head h3{font-size:24px!important;line-height:1.25;margin:3px 0 14px!important;letter-spacing:-.035em!important}.order-timing{text-align:right;display:grid;gap:4px}.order-timing small{font-size:11px;color:#5e6b67;white-space:nowrap}.order-timing .tag{font-size:10px;margin:0;padding:4px 7px;white-space:normal}.order-lines{border-block:1px solid #e4e6dd;padding:5px 0}.order-line{display:grid;grid-template-columns:32px minmax(0,1fr);gap:7px;align-items:start;padding:12px 0}.order-quantity{font-size:16px;color:#34534b}.order-line>div{min-width:0}.order-line strong{display:block;font-size:14px;line-height:1.5;font-weight:650;overflow-wrap:anywhere}.order-line small{display:block;font-size:11px;color:#5e6b67;margin-top:3px}.order-line>button{grid-column:2;justify-self:start;margin-top:5px;min-height:42px;font-size:13px;border-radius:9px}.order-note{background:#f7ede4;color:#78452f;border-radius:10px;padding:11px 12px;font-size:12px;line-height:1.6}.order-card-footer{background:transparent;color:inherit;border:0;padding:0;margin:0}.order-total{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:16px 0}.order-total span{font-size:11px;color:#5e6b67}.order-total strong{font-size:19px;font-variant-numeric:tabular-nums}.order-primary-action{width:100%;min-height:46px;font-size:13px;border-radius:10px}.cancel-order{background:transparent;color:#6d665e;font-size:11px;text-decoration:underline;width:100%;padding:10px;min-height:40px}.preparation-status{font-size:12px;margin:0;border-radius:9px;background:#f1f2eb;padding:12px;line-height:1.6}.service-empty{border:1px dashed #d8ded2;border-radius:13px;padding:24px 16px;font-size:13px;line-height:1.6;color:#5e6b67}.service-section-heading{display:flex;align-items:center;gap:9px;margin:4px 0 14px}.service-section-heading h2{font:650 15px/1.3 "Figtree",sans-serif;margin:0}.service-section-heading>span{font-size:12px}.service-calls{margin:0 0 24px}.call-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:12px}.call-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:#fff;border:1px solid #d8ded2;border-radius:14px}.call-card>div{display:grid;gap:3px}.call-card strong{font-size:18px}.call-card span{font-size:13px}.call-card small{font-size:11px;color:#5e6b67}.call-card button{font-size:12px;min-height:44px;border-radius:10px;max-width:150px}.service-empty-inline{font-size:13px;margin:0;color:#5e6b67}.service-history{margin-top:24px;border-top:1px solid #d8ded2;padding-top:17px}.service-history summary{font-size:13px;font-weight:600;cursor:pointer;min-height:38px}.service-history-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid #dedfd5;font-size:12px;flex-wrap:wrap}.station-lane .service-orders{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
#staff .order-board{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}#staff .order-board>.service-lane{grid-area:auto}#staff .order-board .alist{display:grid;grid-template-columns:1fr;gap:12px}#staff .service-lane-title{padding:0 0 10px;border-bottom:1px solid #d6dfcf}#staff .service-lane-title h3{font-size:15px!important}#staff .prep-lane,#staff .service-history{grid-column:1/-1}#staff .service-history{margin-top:0}#staff .alert{border-radius:14px;border-color:#d6dfcf;padding:17px 15px 15px 18px;gap:12px}#staff .atable{font-size:28px!important}#staff .abtn{min-height:46px;border-radius:10px;font-size:13px}#staff .ameta{font-size:11px;line-height:1.6}#staff .olines li{font-size:14px;line-height:1.55}#staff .stabs{padding:10px 12px;gap:6px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}#staff .stab{min-height:42px;border-radius:10px;white-space:nowrap;flex-shrink:0;font-size:13px}#staff .sh{padding:17px 18px}#staff .sh h2{font-size:21px!important}#staff .sh small{font-size:11px}#staff .calm{border:1px dashed #c9d5c4;background:transparent;border-radius:12px;font-size:12px;line-height:1.6;padding:20px 14px}#staff .guestsrow{padding:8px 0;font-size:12px}#staff .stepper button{width:40px;height:40px}#staff .adetail{font-size:12px;line-height:1.6;border-radius:9px}.service-history .hist{margin-top:10px}
@media(max-width:1200px){.service-board{grid-template-columns:1fr 1fr}.service-board>.lane-preparing{grid-column:1/-1}.service-board>.lane-preparing .service-orders{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}}
@media(max-width:680px){.menu-wrap{padding:14px 16px 120px}.menu-wrap .menu-top{margin-bottom:18px;padding-bottom:16px}.menu-wrap .restaurant-intro{padding:0 0 12px}.menu-wrap .restaurant-intro h1{font-size:30px!important}.menu-wrap .restaurant-intro>p{font-size:13px;line-height:1.6}.menu-wrap .restaurant-intro .intro-rule{margin-top:15px}.menu-wrap .menu-item.has-photo{grid-template-columns:70px minmax(0,1fr)}.menu-wrap .menu-item .menu-photo{width:70px;height:80px}.menu-wrap .menu-item h3{font-size:16px}.menu-wrap .dish-content p{font-size:13px}.menu-wrap .dish-actions .price{font-size:15px}.menu-wrap .dish-actions button{font-size:12px;padding-inline:12px!important}.service-board{grid-template-columns:1fr;gap:24px}.service-board>.lane-preparing{grid-column:auto}.service-lane-title h3{font-size:17px!important}.service-workspace .order-card{padding:17px}.service-workspace .order-card-head h3{font-size:25px!important}.call-card{padding:14px}.call-card button{max-width:140px;padding:10px;font-size:12px}.service-filters{margin-inline:-2px;padding-inline:2px}.service-filters button{font-size:12px}.service-workspace{padding-bottom:20px}body:is([data-workspace-view=waiter],[data-workspace-view=kitchen],[data-workspace-view=bar]) .app-header{display:block;margin-bottom:12px}body:is([data-workspace-view=waiter],[data-workspace-view=kitchen],[data-workspace-view=bar]) .app-header h1{font-size:26px}body:is([data-workspace-view=waiter],[data-workspace-view=kitchen],[data-workspace-view=bar]) .workspace-tools{justify-content:flex-start;margin-top:14px}body:is([data-workspace-view=waiter],[data-workspace-view=kitchen],[data-workspace-view=bar]) .main{padding:20px 14px}body:is([data-workspace-view=waiter],[data-workspace-view=kitchen],[data-workspace-view=bar]) .sync{font-size:10px;margin-bottom:18px}#staff .order-board{grid-template-columns:1fr;padding:17px 14px;gap:22px}#staff .prep-lane,#staff .service-history{grid-column:auto}#staff .sh{padding:15px 14px;align-items:start}#staff .sh h2{font-size:20px!important}#staff .sh-actions{gap:7px}#staff .sh .pill{font-size:10px;white-space:normal}#staff .sh .sound{font-size:11px;padding:8px}#staff .olines li{font-size:14px}#staff .sbody{overscroll-behavior-y:contain}#phone .menu-filter-panel .menu-filter-options{width:268px}#phone .card{gap:11px;padding-right:46px}#phone .name{font-size:15px!important}}
@media(max-width:359px){#phone .cardwrap{--thumb:56px}#phone .card{grid-template-columns:56px minmax(0,1fr);gap:9px;padding-right:44px}#phone .card>.photo{width:56px;height:66px}#phone .name{font-size:14px!important}#phone .cardwrap .plus{width:38px;min-width:38px}#phone .card .desc{font-size:12px}#phone .dock button{font-size:11px}#phone .cover{padding-inline:14px}.menu-wrap{padding-inline:12px}.menu-wrap .menu-item.has-photo{grid-template-columns:58px minmax(0,1fr)}.menu-wrap .menu-item .menu-photo{width:58px;height:68px}}
@media(prefers-reduced-motion:reduce){.menu-browser *{scroll-behavior:auto!important}}
/* Leave the phone's content visible: the demo chrome is a compact toolbar on mobile. */
@media(max-width:999px){
 .intro{position:relative!important;display:flex!important;flex-direction:column;align-items:stretch!important;gap:7px!important;padding-bottom:9px!important}
 .intro>div:first-child{min-height:34px;padding-right:130px}.intro h1{display:none!important}.intro .demo-brand{font-size:12px;gap:7px;min-height:34px}.intro .demo-brand>img{width:27px;height:27px}.intro .demo-brand small{font-size:7px!important;letter-spacing:1px!important}.intro .demo-mode{display:none!important}
 .intro .intro-actions{position:absolute;top:0;right:0;display:block!important}.intro .simulate{font-size:10px!important;padding:7px 8px!important;min-height:34px!important;max-width:126px!important;white-space:nowrap!important;margin:0!important;border-radius:8px!important}
 .intro .demo-appearance,.embedded .intro .demo-appearance{margin:0!important;display:block!important}.intro .demo-style-heading{display:none!important}.intro .demo-style-options{padding:3px!important;gap:2px!important}.intro .demo-style-options button{flex-direction:row!important;gap:5px!important;min-height:36px!important;padding:6px 2px!important;font-size:10px!important}.intro .style-swatch{width:9px!important;height:15px!important;border-radius:2px!important}
 .intro .switch{margin:0!important;padding:3px!important;border-radius:10px!important;min-height:40px!important}.intro .switch a{padding:7px 4px!important;font-size:11px!important;min-height:34px!important;border-radius:7px!important}.intro .switch a .ui-icon{width:13px;height:13px}
 #phone[data-menu-theme] .cover{padding:12px 14px 14px!important}#phone[data-menu-theme] .cover h2{font-size:22px!important;margin-top:10px!important}#phone[data-menu-theme] .cover p{font-size:11px!important;margin:5px 0 0!important}#phone[data-menu-theme] .cover::after{display:none!important}#phone .tablechip{padding:4px 7px;font-size:9px}#phone .langsel{min-height:32px;padding:6px 8px;font-size:11px}
}
@media(max-width:359px){.intro .demo-style-options button{font-size:9px!important;gap:3px!important}.intro .simulate{font-size:9px!important;max-width:113px!important}.intro>div:first-child{padding-right:116px}}
.menu-empty button{background:var(--menu-accent,var(--accent,#233a38));color:var(--accent-ink,#fff);border:0;padding:11px 16px;font-weight:600}.tabs:empty{display:none!important}
.demo-service-filters{display:flex;gap:5px;padding:10px 12px;background:#f8f5ed;border-bottom:1px solid #d8ded2;flex-shrink:0}.demo-service-filters button{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0;min-height:38px;border:1px solid #d8ded2;border-radius:9px;font:600 12px/1.3 "Figtree",sans-serif;color:#34534b;background:#fff;padding:6px}.demo-service-filters button[aria-pressed=true]{background:#233a38;color:#f8f5ed;border-color:#233a38}.demo-service-filters button span{font-size:10px;background:#e8ede2;color:#233a38;border-radius:4px;min-width:17px;padding:2px 4px}.order-board:has(>[data-lane]:not([hidden]):only-of-type){grid-template-columns:1fr!important}#staff .service-lane[hidden]{display:none!important}#staff .order-board:has(>[data-lane][hidden]){grid-template-columns:1fr}
@media(max-width:680px){#staff .stabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px}#staff .stab{font-size:11px;min-height:40px;padding:7px 3px}#staff .stab .n{font-size:9px;padding:2px 4px;margin-left:2px}.demo-service-filters{padding:8px;gap:4px}.demo-service-filters button{font-size:11px}.demo-service-filters button span{font-size:9px;min-width:15px;padding-inline:3px}#staff .sh{padding-block:14px}#staff .sh h2{font-size:19px!important}#staff .order-board .lane-hint{font-size:11px;margin-bottom:12px}#staff .order-board .alert{gap:10px;padding:14px 12px 12px 15px}#staff .order-board .guestsrow{padding:2px 0}#staff .order-board .ameta{font-size:10px}#staff .order-board .adetail{padding:8px;font-size:11px}}
@media(max-width:680px){
 .app-layout>.sidebar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:10px 14px}.sidebar>div:not(.sidebar-bottom){grid-column:1;grid-row:1;min-width:0}.sidebar>div>label{display:none}.sidebar #restaurant-picker{min-height:39px;padding:8px 9px;font-size:12px}.sidebar .side-nav{grid-column:1/-1;grid-row:2;min-width:0;padding-bottom:1px}.sidebar .side-nav button{min-height:39px;font-size:11px;border-radius:9px;padding:9px 11px}.sidebar .sidebar-bottom{grid-column:2;grid-row:1;display:flex;gap:3px;margin:0;align-items:center}.sidebar-bottom #user-name{display:none}.sidebar-bottom .quiet{font-size:10px;padding:6px 4px;white-space:nowrap}.main>#demo-notice{font-size:11px;line-height:1.6;margin-top:0;padding:10px 12px}.main>.app-header .eyebrow{font-size:10px}.main>.app-header p{line-height:1.6}.main>.app-header .workspace-tools .btn,.main>.app-header .sound-toggle{min-height:40px;font-size:11px}
}

@media(max-width:680px){.menu-wrap .restaurant-intro .menu-signature{margin-bottom:10px}.menu-wrap .restaurant-intro .intro-rule{margin-top:14px}.menu-wrap .restaurant-intro{margin-bottom:0}.menu-wrap .menu-browser{padding-top:10px}.menu-wrap .notice{margin-block:8px 16px}}
@media(min-width:681px){.service-board>.service-lane:only-child .service-orders{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}}
.menu-wrap .menu-browser{--muted:var(--subtle,#5e6b67)}
@media(max-height:580px) and (max-width:999px){.intro>div:first-child,.intro .intro-actions,.intro .demo-appearance{display:none!important}.intro{padding-bottom:5px!important;gap:0!important}}
@media(min-width:1000px){
 .intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,540px);gap:10px 28px;align-items:center}.intro>div:first-child{grid-column:1;grid-row:1/3}.intro .demo-appearance{grid-column:2;grid-row:1;display:block;margin:0;min-width:0}.intro .demo-style-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:8px}.intro .demo-style-heading>span{white-space:nowrap;font-size:12px}.intro .demo-style-heading>small{font-size:10px;margin:0;white-space:nowrap}.intro .demo-style-options{width:100%;justify-content:space-between}.intro .intro-actions{grid-column:2;grid-row:2;justify-self:end}.intro .simulate{white-space:nowrap;margin:0}
 .embedded .intro{grid-template-columns:minmax(0,1fr) auto;gap:14px}.embedded .intro .demo-appearance{grid-column:1;grid-row:1}.embedded .intro .intro-actions{grid-column:2;grid-row:1}.embedded .intro .demo-style-heading{display:none}
}
/* The five identities keep their colors and type, with the same predictable add action. */
#phone[data-menu-theme] .card{padding-right:50px}#phone[data-menu-theme] .card-body{padding-bottom:0}#phone[data-menu-theme] .cardwrap .plus{left:auto;right:0;top:18px;bottom:auto;width:42px;height:44px;min-width:42px;min-height:44px;border:0;border-radius:12px}#phone[data-menu-theme=trattoria] .card,#phone[data-menu-theme=comptoir] .card{padding-right:58px}#phone[data-menu-theme=trattoria] .cardwrap .plus,#phone[data-menu-theme=comptoir] .cardwrap .plus{right:9px}
@media(max-width:999px){.embedded .intro .intro-actions{position:static!important;align-self:flex-end}.embedded .intro .demo-style-options{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:359px){#phone[data-menu-theme] .card{padding-right:44px}#phone[data-menu-theme] .cardwrap .plus{width:38px;min-width:38px}#phone[data-menu-theme=trattoria] .card,#phone[data-menu-theme=comptoir] .card{padding-right:51px}}
/* Compact density for both client and service, including the embedded desktop demo. */
#phone[data-menu-theme] .cover{padding:10px 12px 11px!important;margin:0;border-radius:0;border-width:0 0 1px}#phone[data-menu-theme] .cover::after{display:none!important}#phone[data-menu-theme] .cover h2{font-size:19px!important;line-height:1.2!important;margin:7px 0 0!important}#phone[data-menu-theme] .cover p{font-size:10px!important;line-height:1.4!important;margin:4px 0 0!important}.cover-top .tablechip{padding:3px 6px;font-size:9px}.cover-top .langsel{min-height:28px;padding:4px 7px;font-size:10px}
#phone .menu-browser{padding:8px 10px 0}#phone .menu-browser .menu-search-field{min-height:40px;border-radius:9px;padding:0 10px}#phone .menu-browser .menu-search-field input{padding:8px 0!important;font-size:16px!important;line-height:1.4!important}#phone .menu-search-field>.ui-icon{width:17px;height:17px}#phone .menu-browser .menu-search-meta{min-height:30px;font-size:10px}#phone .menu-filter-panel summary{min-height:30px;font-size:11px}#phone .menu-promotions>summary{min-height:29px;padding:6px 11px;font-size:10px}#phone .tabs{top:79px;padding:6px 10px;gap:4px}#phone .tab{min-height:32px;padding:6px 10px;font-size:11px}#phone .cat{padding:14px 11px 0}#phone[data-menu-theme] .cat h3{font-size:11px!important;padding-bottom:8px!important;margin:0!important;letter-spacing:.07em!important}#phone .category-count{font-size:10px}
#phone .cardwrap{--thumb:52px}#phone[data-menu-theme] .card{grid-template-columns:52px minmax(0,1fr);gap:9px;min-height:88px;padding:11px 44px 11px 0;margin:0;border-radius:0;border-width:0;background:transparent}#phone[data-menu-theme] .card>.photo{width:52px;height:58px;border-radius:8px}#phone[data-menu-theme] .card-body{padding:0;gap:3px}#phone[data-menu-theme] .card-body>.row{gap:3px}#phone[data-menu-theme] .name{font-size:14px!important;line-height:1.3!important}#phone[data-menu-theme] .price{font-size:13px;line-height:1.3}#phone[data-menu-theme] .desc{font-size:11px;line-height:1.4;margin-top:2px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}#phone .card-body .badges{display:none}#phone[data-menu-theme] .cardwrap .plus{top:11px;right:0;width:38px;min-width:38px;height:40px;min-height:40px;border-radius:9px;font-size:21px}#phone[data-menu-theme] .drinkwrap .drink{padding:11px 44px 11px 0;gap:9px}#phone .drink .thumb{width:40px;height:44px;border-radius:8px}#phone .drinkwrap .plus{top:11px;width:38px;height:40px;min-height:40px;border-radius:9px}#phone .dock{padding:8px 10px;gap:7px}#phone .dock button{min-height:42px;border-radius:10px;font-size:11px}
#staff .sh{padding:11px 13px;gap:8px}#staff .sh h2{font-size:17px!important;line-height:1.25!important;margin:0!important}#staff .sh small{font-size:10px;line-height:1.4}#staff .sh .pill{padding:4px 7px;font-size:9px}#staff .sh .sound{padding:6px 8px;min-height:30px;font-size:10px}#staff .sh-actions{gap:6px}#staff .stabs{padding:6px 9px;gap:4px}#staff .stab{min-height:33px;font-size:11px;padding:6px 9px;border-radius:8px}#staff .demo-service-filters{padding:6px 9px;gap:4px}#staff .demo-service-filters button{min-height:31px;font-size:10px;padding:5px}#staff .sbody{padding:12px}#staff .order-board{gap:13px}#staff .service-lane-title{padding-bottom:7px;margin-bottom:7px}#staff .service-lane-title h3{font-size:13px!important}#staff .service-lane-title>span{font-size:10px;padding:2px 6px}#staff .lane-hint{font-size:10px;line-height:1.4;margin-bottom:10px}#staff .alert{gap:7px;padding:11px 11px 10px 13px;border-radius:11px}#staff .atable{font-size:22px!important;line-height:1.1}#staff .atable small{font-size:8px}#staff .timer{font-size:9px;padding:4px 5px}#staff .awhat{font-size:13px;gap:7px}#staff .awhat .e{font-size:18px}#staff .adetail{padding:7px 8px;font-size:11px;line-height:1.4}#staff .ameta{font-size:10px;line-height:1.4}#staff .abtn{min-height:36px;padding:8px 10px;font-size:11px;border-radius:8px}#staff .olines li{font-size:12px;line-height:1.4}#staff .olines li>b{font-size:13px}#staff .stchip{font-size:9px;padding:3px 5px}#staff .guestsrow{padding:2px 0;font-size:10px}#staff .stepper button{width:32px;height:32px}#staff .stepper output{min-width:20px;font-size:11px}#staff .hrow{padding:9px;font-size:10px}#staff .hist{gap:7px}#staff .service-history{padding-top:10px}#staff .service-history summary{font-size:11px;min-height:28px}#staff .sbody:not(.order-board):not(.kds)>.alist{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:10px;align-items:start}#staff .calm{padding:13px 10px;font-size:11px}
.menu-wrap .restaurant-intro{padding-bottom:10px}.menu-wrap .restaurant-intro h1{font-size:29px!important;line-height:1.15!important;margin:6px 0 7px!important}.menu-wrap .restaurant-intro p{font-size:12px!important;line-height:1.5!important}.menu-wrap .menu-signature{font-size:9px;margin-bottom:8px}.menu-wrap .intro-rule{display:none}.menu-wrap .menu-top{margin-bottom:15px;padding-bottom:12px}.menu-wrap .menu-browser{padding-top:8px}.menu-wrap .menu-search-field{min-height:42px;border-radius:10px}.menu-wrap .menu-search-field input{padding:9px 0!important}.menu-wrap .menu-search-meta{min-height:33px;font-size:11px}.menu-wrap .menu-filter-panel summary{min-height:33px;font-size:12px}.menu-wrap .menu-category-tabs{gap:5px;padding-bottom:8px}.menu-wrap .menu-category-tabs button{min-height:34px;padding:7px 12px!important;font-size:12px}.menu-wrap .menu-category>h2{margin-top:20px;padding-bottom:9px;font-size:12px}.menu-wrap .menu-item{padding:12px 0;row-gap:5px;column-gap:11px}.menu-wrap .menu-item.has-photo{grid-template-columns:56px minmax(0,1fr)}.menu-wrap .menu-item .menu-photo{width:56px;height:62px;border-radius:8px}.menu-wrap .menu-item h3{font-size:14px!important;line-height:1.3;margin-bottom:4px}.menu-wrap .dish-content p{font-size:12px;line-height:1.4;margin-bottom:3px}.menu-wrap .dish-actions .price{font-size:14px}.menu-wrap .dish-actions button{min-height:36px!important;padding:7px 10px!important;font-size:11px;border-radius:8px!important}.menu-wrap .dish-allergens summary{font-size:10px;min-height:24px;line-height:24px}.menu-wrap .cart-bar{padding:8px 13px}.menu-wrap .cart-bar button{min-height:40px;font-size:11px;padding:9px 12px}.menu-wrap .cart-bar small{font-size:10px}
.service-workspace .service-filters{gap:6px;padding-bottom:12px}.service-workspace .service-filters button{min-height:36px;font-size:11px;padding:7px 10px;border-radius:9px}.service-workspace .service-lane-title h3{font-size:14px!important}.service-workspace .lane-hint{font-size:11px;margin-bottom:10px}.service-workspace .service-orders{gap:10px}.service-workspace .order-card{padding:12px;border-radius:12px}.service-workspace .order-card-head h3{font-size:21px!important;margin-bottom:9px!important}.service-workspace .order-kicker{font-size:8px}.service-workspace .order-timing small{font-size:10px}.service-workspace .order-line{padding:8px 0;grid-template-columns:26px minmax(0,1fr);gap:6px}.service-workspace .order-line strong{font-size:13px;line-height:1.4}.service-workspace .order-line small{font-size:10px}.service-workspace .order-quantity{font-size:14px}.service-workspace .order-total{margin:11px 0}.service-workspace .order-total strong{font-size:17px}.service-workspace .order-primary-action{min-height:38px;padding:9px;font-size:12px;border-radius:9px}.service-workspace .cancel-order{min-height:29px;padding:6px;font-size:10px}.service-workspace .order-note{padding:8px 10px;font-size:11px;margin-bottom:9px}.service-workspace .preparation-status{font-size:11px;padding:9px}.service-workspace .call-card{padding:11px 12px;gap:10px;border-radius:11px}.service-workspace .call-card strong{font-size:16px}.service-workspace .call-card span{font-size:12px}.service-workspace .call-card button{min-height:36px;font-size:11px;padding:8px 10px}.service-workspace .service-calls{margin-bottom:17px}
@media(min-width:1000px){.stage{grid-template-columns:300px minmax(0,1fr);gap:23px}.phone{border-width:4px!important;border-radius:23px!important}.staff{border-width:4px!important;border-radius:16px!important}.label{font-size:9px;height:25px;margin-bottom:6px}.devtabs{height:31px;margin-bottom:6px}.devtabs button{font-size:11px;padding:5px 10px;min-height:30px}.embedded .wrap{gap:10px}.embedded .intro{min-height:34px}.intro .demo-style-options button{min-height:30px;padding:5px 8px;font-size:10px}#staff .sbody:not(.order-board):not(.kds)>.alist{grid-template-columns:repeat(auto-fit,minmax(min(100%,195px),1fr))}}
@media(max-width:999px){.intro{gap:5px!important;padding-bottom:6px!important}.intro .demo-style-options button{min-height:30px!important;padding-block:4px!important}.intro .switch{min-height:35px!important;padding:2px!important}.intro .switch a{min-height:30px!important;padding:5px 3px!important}.intro .demo-brand{min-height:29px}.intro>div:first-child{min-height:29px}.intro .simulate{min-height:30px!important;padding-block:5px!important}.embedded .intro .intro-actions{display:none!important}#phone[data-menu-theme] .cover{padding:9px 11px 10px!important}#phone[data-menu-theme] .cover h2{font-size:19px!important}#staff .sh{flex-wrap:nowrap;padding:11px 12px}#staff .sh-actions{flex-direction:column;align-items:flex-end;gap:4px}#staff .sh h2{font-size:17px!important}#staff .sh small{font-size:9px}#staff .sh .pill{font-size:8px;padding:3px 5px}#staff .sh .sound{min-height:27px;font-size:9px;padding:5px 7px}#staff .stabs{padding:5px 7px}#staff .stab{min-height:32px;font-size:10px;padding:5px 2px}#staff .demo-service-filters{padding:5px 7px}#staff .demo-service-filters button{min-height:31px;font-size:10px}#staff .order-board{padding:11px;gap:15px}#staff .alert{padding:10px 10px 10px 12px;gap:7px}#staff .abtn{min-height:40px}#staff .stepper button{width:36px;height:36px}#phone[data-menu-theme] .cardwrap .plus,#phone .drinkwrap .plus{width:40px;min-width:40px;height:44px;min-height:44px}#phone .dock button{min-height:44px}.menu-wrap .dish-actions button{min-height:44px!important}.service-workspace .order-primary-action,.service-workspace .call-card button{min-height:44px}}
@media(max-width:680px){.menu-wrap .restaurant-intro h1{font-size:25px!important}.menu-wrap .restaurant-intro{padding:0 0 8px!important}.menu-wrap .restaurant-intro .menu-signature{margin-bottom:7px}.menu-wrap .restaurant-intro p{font-size:11px!important}.service-board{gap:17px}.service-workspace .order-card-head h3{font-size:21px!important}body:is([data-workspace-view=waiter],[data-workspace-view=kitchen],[data-workspace-view=bar]) .main{padding:12px}body:is([data-workspace-view=waiter],[data-workspace-view=kitchen],[data-workspace-view=bar]) .app-header h1{font-size:22px}body:is([data-workspace-view=waiter],[data-workspace-view=kitchen],[data-workspace-view=bar]) .app-header p{font-size:11px}body:is([data-workspace-view=waiter],[data-workspace-view=kitchen],[data-workspace-view=bar]) .workspace-tools{margin-top:9px;gap:6px}body:is([data-workspace-view=waiter],[data-workspace-view=kitchen],[data-workspace-view=bar]) .sync{margin-bottom:12px}.main>#demo-notice{padding:7px 10px;font-size:10px}}
@media(max-width:999px){.embedded .intro .intro-actions{display:block!important;height:27px}.embedded .intro .simulate{min-height:26px!important;padding:4px 7px!important;font-size:9px!important}}
/* Reset the old positional grid rules: lane order must match reading order. */
#staff .order-board>*{grid-area:auto!important}#staff .order-board>.prep-lane,#staff .order-board>.service-history{grid-column:1/-1!important}
@media(min-width:1000px){.embedded #phone[data-menu-theme] .cover{min-height:48px;padding:11px 10px!important}.embedded #phone .cover-top{position:absolute;right:9px;top:10px}.embedded #phone .cover-top .tablechip{display:none}.embedded #phone .cover-top .langsel{min-height:26px;font-size:9px;max-width:83px;padding:4px}.embedded #phone[data-menu-theme] .cover h2{font-size:16px!important;line-height:1.25!important;margin:0!important;padding-right:86px}.embedded #phone[data-menu-theme] .cover p{display:none}}