.mobile-nav-toggle,.mobile-nav-tools{display:none}
.mobile-nav-drawer{padding:0;border:1px solid #334155;color:#e5e7eb;background:#0f172a;width:min(420px,calc(100vw - 16px));max-width:none;height:100vh;height:100dvh;max-height:100dvh;margin:0 0 0 auto;border-radius:18px 0 0 18px;overflow:hidden}
.mobile-nav-drawer::backdrop{background:rgba(0,0,0,.6)}
.mobile-nav-drawer .mobile-nav-body{height:100%;overflow:auto;overscroll-behavior:contain;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}
.mobile-nav-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.mobile-nav-heading h2{margin:0;font-size:20px}
.mobile-nav-heading button{min-width:44px;min-height:44px;font-size:22px;background:#1e293b;color:white;border:1px solid #475569;border-radius:10px}
.mobile-nav-drawer #nav{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0;padding:0;width:100%;min-width:0}
.mobile-nav-drawer #nav>*,.mobile-nav-drawer .nav-group{width:100%;min-width:0;max-width:100%}
.mobile-nav-drawer #nav button{white-space:normal!important;overflow-wrap:anywhere;text-align:left;min-height:46px;width:100%;padding:12px 14px;font-size:16px;line-height:1.35;margin:0}
.mobile-nav-drawer #nav .nav-trigger{display:flex;align-items:center;justify-content:space-between}
.mobile-nav-drawer #nav .nav-menu{position:static!important;inset:auto!important;display:none!important;min-width:0;max-width:100%;width:100%;box-shadow:none;margin:6px 0 0!important;padding:6px!important;background:#0b1220}
.mobile-nav-drawer #nav .nav-group[data-mobile-open]>.nav-menu{display:grid!important;gap:4px}
.mobile-nav-drawer #nav .nav-menu-item{font-size:15px;padding-left:18px}
.mobile-nav-drawer #nav .nav-logout{margin:12px 0 0}
.mobile-nav-drawer #systemVersionLabel{padding:8px;font-size:12px;overflow-wrap:anywhere}
.mobile-nav-drawer .mobile-nav-tools{display:flex;gap:8px;border-top:1px solid #334155;margin-top:16px;padding-top:16px;flex-wrap:wrap}
.mobile-nav-drawer .mobile-nav-tools button{flex:1;min-height:44px}
@media (max-width:1180px),(max-width:1400px) and (pointer:coarse){
 body.has-mobile-nav>header>.header-inner{padding:12px}
 body.has-mobile-nav>header .title-row{flex-direction:row;align-items:center;gap:12px}
 body.has-mobile-nav>header .title-row>div:first-child{flex:1;min-width:0}
 body.has-mobile-nav>header #appTitle{font-size:18px;line-height:1.25;overflow-wrap:anywhere}
 body.has-mobile-nav>header .title-row .subtle,body.has-mobile-nav>header .title-row>.actions{display:none}
 body.has-mobile-nav .mobile-nav-toggle{display:flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-width:48px;min-height:48px;padding:10px;background:#1e293b;border:1px solid #475569;border-radius:10px;color:white;font-size:15px}
 body.has-mobile-nav>header #nav{display:none}
}