.topbar .main-nav .nav-label { display:inline; }
.topbar .main-nav .nav-item { padding:0 12px; }
.topbar .topbar-right { margin-left:auto; }
.admin-menu-toggle { display:flex;align-items:center;gap:9px;min-height:42px;padding:4px 11px 4px 5px;border:1px solid var(--line);border-radius:24px;background:#fff;font-size:14px;font-weight:500;color:var(--ink); }
.menu-avatar,.drawer-avatar { width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--brand-50);color:var(--brand-ink);font-weight:600; }
.menu-avatar { font-size:0; }
.menu-avatar::after { content:'';width:19px;height:19px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 22v-3a8 8 0 0116 0v3z'/%3E%3C/svg%3E") center/contain no-repeat; }
.admin-menu-toggle>.icon { width:19px;height:19px; }
dialog.admin-drawer { position:fixed;inset:0 0 0 auto;margin:0;padding:0;width:390px;max-width:min(440px,100vw);height:100dvh;max-height:100dvh;border:0;border-left:1px solid var(--line);border-radius:0;background:#fff;color:var(--ink);box-shadow:-12px 0 50px #10201618;overflow:hidden; }
dialog.admin-drawer[open] { display:flex;flex-direction:column;animation:drawer-in .2s ease-out; }
.admin-drawer::backdrop { background:#13211955; }
.drawer-heading { display:flex;justify-content:space-between;align-items:center;padding:25px 24px 20px;border-bottom:1px solid var(--line);gap:16px;flex-shrink:0; }
.drawer-heading .eyebrow { font-size:10px;letter-spacing:.13em;color:var(--muted); }
.drawer-heading h2 { font-size:22px;font-weight:500;line-height:30px;margin-top:4px;outline:none; }
.drawer-scroll { overflow:auto;min-height:0;padding:20px 16px;flex:1;overscroll-behavior:contain; }
.drawer-section { padding:16px 0 8px; }
.drawer-section+.drawer-section { border-top:1px solid var(--line); }
.drawer-section h3 { margin:0 12px 8px;font-size:10px;letter-spacing:.1em;font-weight:600;text-transform:uppercase;color:var(--muted); }
.drawer-item,.admin-drawer #sound-toggle { display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;height:auto;min-height:48px;padding:12px;border:0;border-radius:10px;background:transparent;color:var(--ink);font-size:14px;line-height:20px;text-align:left;text-decoration:none; }
.drawer-item>.icon,.admin-drawer #sound-toggle>.icon { width:21px;height:21px;flex-shrink:0;color:var(--muted); }
.drawer-item>span,.admin-drawer #sound-toggle>span { flex:1;min-width:0; }
.drawer-item>span[aria-hidden] { flex:0 0 16px; }
.drawer-item[href]>span:not([aria-hidden]) { white-space:nowrap; }
.drawer-item .drawer-arrow { width:16px;height:16px;opacity:.4; }
.drawer-item small { display:block;font-size:11px;color:var(--muted);line-height:17px;margin-top:2px; }
.drawer-item:hover:not(:disabled),.admin-drawer #sound-toggle:hover { background:var(--bg); }
.drawer-item.active { background:var(--brand-50);color:var(--brand-ink);font-weight:500; }
.drawer-item.active>.icon { color:var(--brand-ink); }
.drawer-item:disabled { cursor:default;opacity:.55; }
.admin-drawer .sound-menu { display:block;position:static; }
.admin-drawer .sound-panel { position:static;width:auto;min-width:0;margin:4px 8px 12px;padding:16px;box-shadow:none;background:var(--bg); }
.drawer-account { display:flex;align-items:center;gap:12px;padding:18px 24px;border-top:1px solid var(--line);background:#fafbf9;flex-shrink:0; }
.drawer-account>div { min-width:0;flex:1; }.drawer-account strong { display:block;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.drawer-account small { display:block;font-size:11px;color:var(--muted);margin-top:2px; }
@keyframes drawer-in { from { transform:translateX(100%);opacity:.5; } to { transform:translateX(0);opacity:1; } }
@media(prefers-reduced-motion:reduce) { dialog.admin-drawer[open] { animation:none; } }
@media(max-width:850px) { .topbar { gap:8px;padding-inline:12px; }.topbar .brand-copy{display:none}.admin-menu-toggle{gap:6px;padding-right:9px}.admin-menu-toggle>.menu-avatar{display:none}.topbar #new-order{min-width:40px}.topbar .main-nav .nav-label{display:none}.topbar .main-nav .nav-item{padding:0 8px} }
@media(max-width:520px) { .topbar .brand{display:none}.topbar .topbar-right{gap:6px}.topbar .service-toggle{max-width:130px;font-size:11px}.admin-menu-toggle{padding:8px}.admin-menu-toggle>.icon{display:none}.drawer-heading{padding:20px}.drawer-account{padding:16px 20px} }
/* The header switches between order search and delivery controls. */
.topbar #header-search { flex:1;min-width:140px; }
.topbar.is-delivery .main-nav .nav-item { width:40px;min-width:40px;padding:0; }
.topbar.is-delivery .main-nav .nav-label,.topbar.is-delivery #nav-count { display:none; }
.topbar.is-delivery #service-toggle,.topbar.is-delivery #reload-page,.topbar.is-delivery #new-order { display:none; }
.topbar.is-delivery .topbar-right { margin-left:0; }
.topbar .delivery-toolbar { display:flex;align-items:center;gap:10px;flex:1;min-width:0;background:transparent; }
.topbar .delivery-search-wrap { flex:1;min-width:160px;max-width:none;position:relative; }
.topbar .delivery-search-wrap .search { min-height:40px;padding-inline:10px; }
.topbar .delivery-search-wrap input { min-height:38px;min-width:0;font-size:13px; }
.topbar .delivery-zone-picker { width:190px;flex:0 1 190px;min-width:145px; }
.topbar .delivery-zone-picker select { width:100%;height:40px;padding:8px 28px 8px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink-2);font:inherit;font-size:13px;text-overflow:ellipsis; }
.topbar .delivery-toolbar>.button { min-height:40px;white-space:nowrap;padding:8px 14px;border-radius:10px;font-size:13px;flex-shrink:0; }
.topbar .delivery-toolbar>.button .icon { width:18px;height:18px; }
@media(max-width:1100px) { .topbar.is-delivery .brand-copy{display:none}.topbar .delivery-toolbar{gap:8px}.topbar .delivery-zone-picker{width:165px;flex-basis:165px;min-width:135px}.topbar .delivery-toolbar>.button{padding-inline:10px;font-size:12px} }
@media(max-width:850px) { .topbar.is-delivery .brand{display:none}.topbar .delivery-search-wrap{min-width:130px}.topbar .delivery-zone-picker{min-width:120px;flex-basis:145px}.topbar #header-search{min-width:120px} }
@media(max-width:700px) {
 .topbar:not(.is-delivery){flex-wrap:wrap}.topbar:not(.is-delivery) #header-search{order:3;flex-basis:100%;min-width:0}.topbar:not(.is-delivery) .topbar-right{margin-left:auto}
 .topbar.is-delivery{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:8px}
 .topbar.is-delivery .main-nav{grid-column:1;grid-row:1}.topbar.is-delivery .topbar-right{grid-column:3;grid-row:1}
 .topbar .delivery-toolbar{display:contents}.topbar .delivery-search-wrap{grid-column:2;grid-row:1;min-width:0}
 .topbar .delivery-zone-picker{grid-column:1/3;grid-row:2;width:100%;min-width:0}
 .topbar #delivery-reset{grid-column:3;grid-row:2}.topbar #delivery-add{grid-column:1/-1;grid-row:3}
}