/* Phone navigation uses the existing controls and routes. */
.mobile-menu-toggle,.mobile-setting-group{display:none}
.mobile-workspace-menu{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overscroll-behavior:contain}
.mobile-workspace-menu::backdrop{background:#0009}
.mobile-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.mobile-menu-heading h2{margin:0}
body.mobile-menu-open{overflow:hidden}

@media(max-width:760px){
 .desk-redesign:not(.owner-backend){--mobile-nav-height:76px;--mobile-nav-space:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px))}
 html:has(.mobile-navigation){scroll-padding-top:calc(84px + env(safe-area-inset-top,0px));scroll-padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
 .mobile-navigation :focus-visible{outline:2px solid var(--green);outline-offset:3px}
 .mobile-navigation .sidebar{position:sticky;top:0;z-index:24;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:calc(12px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 12px max(16px,env(safe-area-inset-left,0px));border-bottom:1px solid var(--line);background:var(--surface)}
 .mobile-navigation .sidebar>.brand{margin:0;min-width:0;font-size:16px;gap:8px}
 .mobile-navigation .sidebar>.brand .brand-sub{display:none}
 .mobile-navigation .sidebar>.brand .brand-mark{width:32px;height:32px}
 .mobile-navigation .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0;padding:8px 12px}
 .mobile-navigation .mobile-menu-toggle svg{width:18px;height:18px}
 .mobile-navigation .sidebar>nav[aria-label="Primary navigation"]{position:fixed;inset:auto 0 0;z-index:25;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin:0;padding:6px max(8px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));height:var(--mobile-nav-space);width:100%;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -4px 20px #0001;overflow:visible}
 .mobile-navigation .sidebar>nav[aria-label="Primary navigation"] .nav-item{min-width:0;min-height:56px;height:100%;margin:0;padding:5px 1px;gap:4px;line-height:1.2;font-size:11px;border-radius:8px}
 .mobile-navigation .sidebar>nav[aria-label="Primary navigation"] .nav-item svg{width:20px;height:20px;flex:none}
 .mobile-navigation .sidebar>nav[aria-label="Primary navigation"] .nav-item>span{white-space:normal}
 .mobile-navigation .sidebar>nav[aria-label="Primary navigation"] .nav-item.active{box-shadow:inset 0 3px var(--green)}
 .mobile-navigation .main-shell{min-width:0;padding-bottom:calc(var(--mobile-nav-space) + 16px)}
 .mobile-navigation main{padding:18px max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))}
 .mobile-navigation h1{font-size:24px}
 .mobile-navigation .topbar{padding:12px max(16px,env(safe-area-inset-right,0px)) 12px max(16px,env(safe-area-inset-left,0px))}
 .mobile-navigation .top-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
 .mobile-navigation .top-actions .account-selector{order:-1;flex-basis:100%;gap:8px;font-size:12px}
 .mobile-navigation .top-actions .account-selector select{width:0;min-width:0;max-width:none;flex:1}
 .mobile-navigation .top-actions #desk-mode{margin-right:auto;font-size:10px;max-width:100%;white-space:normal}
 .mobile-navigation .top-actions .icon-button{width:44px;height:44px}
 .mobile-navigation :is(.button,.ghost,summary,.settings-categories button,.desk-subnav button){min-height:44px}
 .mobile-navigation :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:44px;font-size:16px}
 .mobile-navigation .desk-statusbar{margin-bottom:12px;padding-bottom:12px;gap:8px 14px}
 .mobile-navigation .desk-statusbar .health-strip{gap:6px 14px}
 .mobile-navigation .desk-snapshot{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .mobile-navigation .desk-snapshot article{padding:12px;gap:5px}
 .mobile-navigation .desk-snapshot article:first-child{padding-top:10px}
 .mobile-navigation .desk-snapshot small{font-size:12px}
 .mobile-navigation .desk-snapshot strong{font-size:21px}
 .mobile-navigation .desk-snapshot span{font-size:11px}
 .mobile-navigation .mobile-setting-group{display:grid;gap:8px;font-size:12px;color:var(--muted);margin:0 0 18px}
 .mobile-navigation .mobile-setting-group select{width:100%}
 .mobile-navigation .settings-categories{display:none}
 .mobile-navigation .desk-subnav{gap:4px;padding:4px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .mobile-navigation .desk-subnav .nav-item{width:100%;margin:0;justify-content:center;font-size:12px;padding:8px;white-space:normal}
 .mobile-navigation :is(.sticky-save,.instance-save-bar){bottom:calc(var(--mobile-nav-space) + 8px)}
 .mobile-navigation #toast{bottom:calc(var(--mobile-nav-space) + 12px);z-index:30}
 .mobile-navigation :is(#broker-status-tip,#system-health-tip){bottom:calc(var(--mobile-nav-space) + 12px);max-height:55dvh;overflow-y:auto}
 .mobile-navigation .mobile-workspace-menu .account-label{display:block;margin:4px 0 8px;font-size:11px}
 .mobile-navigation .mobile-workspace-menu .account-select{display:flex;margin-bottom:20px;min-height:44px}
 .mobile-navigation .mobile-workspace-menu .account-select>div{min-width:0;flex:1}
 .mobile-navigation .mobile-workspace-menu #workspace-picker{width:100%;max-width:100%;min-width:0}
 .mobile-navigation .mobile-workspace-menu .desk-utilities{display:grid;gap:8px;margin:0;padding:0;border:0;width:100%;min-height:0;overflow:visible}
 .mobile-navigation .mobile-workspace-menu .nav-caption{display:none}
 .mobile-navigation .mobile-workspace-menu :is(.nav-item,.owner-backend-link){display:flex;align-items:center;flex-direction:row;justify-content:flex-start;width:100%;padding:12px;margin:0;gap:10px;font-size:14px;min-height:48px}
 .mobile-navigation .mobile-workspace-menu .nav-item>span{display:inline}
 .mobile-navigation .mobile-workspace-menu #sign-out{position:static;margin:20px 0 0;width:100%;min-height:44px;font-size:14px}
 .mobile-navigation .mobile-workspace-menu .safety-tools{margin:16px 0 0}
 .mobile-navigation .mobile-workspace-menu .safety-tools>summary{padding:12px;font-size:12px}
 .mobile-navigation .mobile-workspace-menu .icon-button{min-width:44px;min-height:44px}
}