.mobile-nav-toggle[hidden], .mobile-nav-dialog:not([open]) { display:none!important; }
html.mobile-nav-open, html.mobile-nav-open body { overflow:hidden; overscroll-behavior:none; }
body.ui-bs .mobile-nav-dialog {
  position:fixed; inset:0 auto 0 0; margin:0; padding:0; width:min(280px,82vw);
  height:100dvh; max-width:none; max-height:none; border:0; border-radius:0;
  background:#20252d; color:#edf2f7; box-shadow:8px 0 30px #10182030; overflow:hidden;
}
body.ui-bs .mobile-nav-dialog[open] { display:flex; flex-direction:column; animation:mobile-nav-enter .18s ease-out; }
.mobile-nav-dialog::backdrop { background:#15202f66; touch-action:none; }
.mobile-nav-head { display:flex; flex:none; align-items:center; justify-content:space-between; min-height:64px; gap:12px; padding:10px 14px; border-bottom:1px solid #ffffff1f; }
.mobile-nav-head h2 { margin:0; font:600 15px/1.4 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif; color:#fff; }
body.ui-bs .mobile-nav-dialog .mobile-nav-close { display:inline-flex; flex:none; align-items:center; justify-content:center; width:40px; height:40px; padding:8px; border:0; border-radius:6px; background:transparent; color:#e1e8f0; }
.mobile-nav-content { display:flex; flex:1; min-height:0; }
body.ui-bs .mobile-nav-dialog .primary-menu { display:flex; flex:1; flex-direction:column; gap:4px; min-height:0; padding:12px 10px max(12px,env(safe-area-inset-bottom)); overflow:auto; overscroll-behavior:contain; border:0; }
body.ui-bs .mobile-nav-dialog .primary-nav-item { display:flex; flex:none; flex-direction:row; align-items:center; justify-content:flex-start; width:100%; min-width:0; min-height:44px; margin:0; padding:9px 12px; gap:12px; border:0; border-radius:6px; background:transparent; color:#dce3ec; font-size:14px; font-weight:500; text-align:left; }
body.ui-bs .mobile-nav-dialog .primary-nav-item:hover, body.ui-bs .mobile-nav-dialog .primary-nav-item.active { color:#fff; background:#343c49; }
body.ui-bs .mobile-nav-dialog .primary-nav-item.active { box-shadow:inset 3px 0 #60a5fa; }
body.ui-bs .mobile-nav-dialog .primary-nav-item > span:last-child { white-space:normal; overflow-wrap:anywhere; }
body.ui-bs .mobile-nav-dialog button:focus-visible { outline:2px solid #93c5fd; outline-offset:-2px; }
@keyframes mobile-nav-enter { from { transform:translateX(-100%); } to { transform:translateX(0); } }
@media(max-width:900px) {
  body.authenticated.mobile-nav-ready .sidebar { position:sticky; top:0; z-index:110; overflow:visible; }
  body.authenticated.mobile-nav-ready .brand { height:62px; min-height:62px; padding:10px 14px 10px 10px; gap:10px; }
  body.ui-bs .mobile-nav-toggle { display:inline-flex; align-items:center; justify-content:center; flex:0 0 40px; width:40px; height:40px; min-height:40px; padding:8px; border:1px solid #ffffff30; border-radius:6px; background:transparent; color:#edf2f7; }
  body.ui-bs .mobile-nav-toggle:hover { background:#343c49; color:#fff; border-color:#ffffff66; }
  body.ui-bs .mobile-nav-toggle:focus-visible { outline:2px solid #93c5fd; outline-offset:2px; }
  .mobile-nav-toggle .button-icon { width:22px; height:22px; }
  body.authenticated.mobile-nav-ready .section-nav, body.authenticated.mobile-nav-ready .menu-layout { height:auto; min-height:0; }
  body.authenticated.mobile-nav-ready .secondary-menu { padding:6px 10px; overflow:hidden; }
  body.authenticated.mobile-nav-ready .secondary-list { display:flex; flex-wrap:nowrap; gap:4px; padding:0; overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain; scrollbar-width:thin; }
  body.authenticated.mobile-nav-ready .secondary-list button { flex:none; width:auto; min-width:max-content; min-height:36px; padding:7px 12px; font-size:13px; white-space:nowrap; }
  body.authenticated.mobile-nav-ready .workspace:has(> #content > .support-workspace) { height:calc(100dvh - var(--mobile-nav-height,111px)); }
}
@media(prefers-reduced-motion:reduce) { body.ui-bs .mobile-nav-dialog[open] { animation:none; } }