/* Mobile navigation reliability fixes. Loaded after app.css. */
.panel-sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.panel-nav{flex:0 0 auto}
.panel-nav a{min-width:0;overflow-wrap:anywhere}
.panel-nav__return{margin-bottom:7px;border:1px solid var(--line);color:#ddd4e1!important}
.panel-nav__tool{background:#211b24;color:#d8cedc!important}
.panel-logout{flex:0 0 auto;margin-top:20px;padding-bottom:max(8px,env(safe-area-inset-bottom))}
.panel-backdrop{display:none}

@media (max-width:900px){
  .site-nav{z-index:90;max-height:calc(100dvh - 78px);overflow-y:auto;overscroll-behavior:contain;border-radius:0 0 10px 10px}
  .site-nav.is-open{display:grid}
  .nav-dropdown__menu{max-height:none}
  .mobile-menu,.panel-mobile-head button{display:grid;place-items:center;line-height:1;font-weight:900}
  body.panel-open{overflow:hidden}
  .panel-sidebar{left:0;top:0;bottom:0;height:100dvh;max-height:100dvh;padding-bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-105%);visibility:hidden;transition:transform .2s ease,visibility .2s ease}
  .panel-open .panel-sidebar{left:0;transform:translateX(0);visibility:visible;box-shadow:15px 0 45px #000b}
  .panel-backdrop{position:fixed;z-index:99;inset:0;display:block;border:0;background:rgba(4,3,6,.72);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
  .panel-open .panel-backdrop{opacity:1;visibility:visible;pointer-events:auto}
  .panel-mobile-head{position:sticky;z-index:70;top:0;margin:-10px -5px 24px;padding:10px 5px;background:rgba(16,14,19,.96);backdrop-filter:blur(8px)}
}

@media (max-width:420px){
  .nav-shell{gap:10px}
  .mobile-menu{width:40px}
  .account-button{width:38px;height:38px}
  .site-nav{left:8px;right:8px}
}

@media (prefers-reduced-motion:reduce){
  .panel-sidebar,.panel-backdrop{transition:none}
}