/* Only the mobile header changes. The same authenticated navigation and POST
   logout form are moved into the drawer and restored on desktop. */
.mobile-menu-toggle{display:none}
html.mobile-menu-open{overflow:hidden}
@media(max-width:760px){
 .mobile-navigation-ready body.app-dark .header-inner{flex-wrap:nowrap;gap:10px;padding:14px 20px}
 .mobile-navigation-ready body.app-dark .header-inner .brand{font-size:19px;white-space:nowrap}
 .mobile-navigation-ready body.app-dark .header-inner .brand span{font-size:11px;margin-left:8px}
 .mobile-navigation-ready body.app-dark .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:10px;flex:none;margin-left:auto;background:transparent;color:#e4e9e7;border:1px solid #394447;border-radius:6px}
 .mobile-menu-toggle svg,.mobile-menu-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
 body.app-dark #mobile-menu{inset:0 0 0 auto;margin:0;width:min(320px,calc(100% - 48px));max-width:none;height:100dvh;max-height:none;padding:0;background:#171a1c;color:#f0f2f2;border:0;border-left:1px solid #394447;border-radius:0;box-shadow:none;overflow-y:auto;overscroll-behavior:contain}
 body.app-dark #mobile-menu[open]{display:flex;flex-direction:column}
 body.app-dark #mobile-menu::backdrop{background:#0009}
 .mobile-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #2d3437}
 .mobile-menu-heading h2{font-size:16px;margin:0;font-weight:600}
 body.app-dark #mobile-menu .mobile-menu-close{display:inline-flex;align-items:center;justify-content:center;width:44px;min-height:44px;padding:10px;background:transparent;color:#e4e9e7;border:1px solid #394447}
 body.app-dark #mobile-menu nav{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;max-width:none;min-height:0;padding:10px 12px;background:transparent;border:0}
 body.app-dark #mobile-menu .crm-nav{border-bottom:1px solid #2d3437}
 body.app-dark #mobile-menu nav a,body.app-dark #mobile-menu nav button{display:flex;align-items:center;width:100%;min-height:48px;padding:12px 16px;border:0;border-left:3px solid transparent;border-radius:3px;text-decoration:none;font-size:15px;font-weight:500;line-height:1.5;color:#e0e6e4;background:transparent;text-align:left;white-space:normal}
 body.app-dark #mobile-menu nav a::after{display:none}
 body.app-dark #mobile-menu nav a[aria-current=page]{background:#20332d;border-left-color:#27866a;color:#83c9b2}
 body.app-dark #mobile-menu nav a:hover,body.app-dark #mobile-menu nav button:hover{background:#252e2e}
 body.app-dark #mobile-menu nav form{margin:0}
}