/* The complete restaurant navigation remains reachable on every screen. */
:root{--sidebar:254px}
.sidebar{width:var(--sidebar);height:100dvh;inset:0 auto 0 0;padding:22px 15px 14px;flex-direction:column;overflow:hidden;background:#20211f;backdrop-filter:none}
.sidebar-heading{display:flex;align-items:center;gap:8px;flex-shrink:0}.sidebar .brand{display:flex;flex:1;min-width:0;justify-content:flex-start;border:0;padding:0 3px 20px;gap:12px}.sidebar .brand-name{display:block;min-width:0;font-size:25px}.sidebar .brand-name>b{display:block;max-width:172px;overflow:hidden;text-overflow:ellipsis;font-weight:600}.sidebar .brand-name>span{display:block;font-size:7px}.sidebar .brand-mark{width:43px;font-size:37px;flex-shrink:0}.sidebar .brand-mark>span{font-size:32px}
.nav-search{display:flex;align-items:center;gap:8px;background:#ffffff09;border:1px solid #ffffff14;border-radius:7px;padding:9px 10px;margin:0 2px 15px;color:#acafa0;flex-shrink:0}.nav-search .icon{width:16px;height:16px}.nav-search input{min-width:0;width:100%;background:none;border:0;color:#fff;font-size:11px;outline:none}.nav-search input::placeholder{color:#8f9487}
.sidebar nav{display:block;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;margin:0;padding:0 3px 16px;scrollbar-width:thin;scrollbar-color:#5b5f50 transparent}
.nav-group{margin:0 0 19px}.nav-group h2{font-family:'DM Sans',sans-serif;font-size:9px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:#999d8e;padding:7px 11px;margin:0 0 5px}.sidebar .nav-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-width:0;min-height:40px;margin:2px 0;padding:10px 11px;font-size:11px;line-height:1.35;border:0;border-radius:6px;color:#bfc2b5}.sidebar .nav-item>span:not(.nav-count):not(.ai-dot){display:block;font-size:11px;white-space:normal;font-weight:550}.sidebar .nav-item .icon{display:block;width:17px;height:17px}.sidebar .nav-item.active{background:#f5f1e8;color:#24241f}.sidebar .nav-item.active::before{display:none}.sidebar .nav-item.active>span{font-weight:700}.sidebar .nav-item[hidden],.nav-group[hidden]{display:none!important}.sidebar .nav-item[data-view=builder]{margin:2px 0;padding:10px 11px;border:0;border-radius:6px}.sidebar .nav-item[data-view=builder].active{padding:10px 11px}.sidebar .nav-item .nav-count{display:block;font-size:9px;flex-shrink:0}.sidebar #navigation-empty{font-size:11px;color:#bfc2b5;padding:10px}
.sidebar-bottom{display:block;flex-shrink:0;margin:0;padding:5px 3px 0;border-top:1px solid #ffffff14}.sidebar .website-link{justify-content:flex-start;padding:10px 10px;gap:10px}.sidebar .website-link>span{display:block}.sidebar .owner{justify-content:flex-start;border:0;margin:4px 7px 0;padding:7px 0 0}.sidebar .owner>div:not(.avatar){display:block}.sidebar .owner strong{font-size:10px}.sidebar .owner span{font-size:8px}
.navigation-toggle,.nav-dismiss{display:none}.navigation-backdrop{display:none}.topbar-start{display:flex;align-items:center;gap:13px;min-width:0}.topbar .location{min-width:0}.topbar .location>div{min-width:0}.topbar .location span:not(.location-pin){max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-loading{min-height:280px;display:grid;place-items:center;color:var(--muted);font-size:13px}
.app-shell{margin-left:var(--sidebar);padding-bottom:0}.app-shell.embedded{margin:0;padding:0}
@media(max-width:1050px){
  :root{--sidebar:0px}
  .app-shell{margin-left:0}.navigation-toggle,.nav-dismiss{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink)}
  .nav-dismiss{border-color:#ffffff20;background:transparent;color:#eee;width:32px;height:32px;margin-top:-17px}
  .sidebar{width:min(330px,calc(100vw - 42px));height:100dvh;z-index:220;padding:23px 16px 18px;transform:translateX(-105%);visibility:hidden;transition:transform .22s ease,visibility .22s}
  .navigation-open .sidebar{transform:translateX(0);visibility:visible}.navigation-open{overflow:hidden}
  .navigation-backdrop:not([hidden]){display:block;position:fixed;inset:0;width:100%;height:100%;z-index:210;border:0;background:#11150f85;backdrop-filter:blur(3px)}
  .sidebar .brand,.sidebar-bottom{display:flex}.sidebar-bottom{display:block}.sidebar nav{display:block;width:auto;margin:0;overflow-y:auto}
  .sidebar .nav-item,.sidebar .nav-item[data-view=builder]{min-height:43px;padding:11px 12px}.sidebar .nav-item>span:not(.nav-count):not(.ai-dot){font-size:12px}
  .sidebar .brand-name{font-size:25px}.sidebar .brand-name>span{font-size:7px}
  .topbar{padding:0 19px}.topbar .location span:not(.location-pin){max-width:260px}#toast{left:50%;bottom:24px}#storage-warning{left:14px;bottom:14px}
}
@media(max-width:480px){
  .topbar{height:76px;padding:0 14px}.topbar-start{gap:10px}.location-pin{display:none!important}.topbar .location strong{font-size:11px}.topbar .location span:not(.location-pin){font-size:9px;max-width:185px}
  .local-status{max-width:72px;font-size:6px;letter-spacing:.6px}.topbar-right{gap:0}.top-date{display:none}.builder-main .mc-builder{height:calc(100dvh - 100px);min-height:570px}.embedded .mc-builder{height:100dvh;min-height:0}
}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}