.sidebar-close,.menu-backdrop{display:none}
@media screen and (max-width:1024px){
  .app-shell{display:block;min-width:0}
  .main{width:100%;min-width:0}
  .mobile-menu{display:inline-flex;min-width:44px;min-height:44px}
  .sidebar{width:min(280px,85vw);height:100vh;height:100dvh;inset:0 auto auto 0;z-index:51;transform:translateX(-100%);visibility:hidden;transition:transform .2s,visibility .2s;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));box-shadow:none}
  .sidebar.open{transform:translateX(0);visibility:visible;box-shadow:10px 0 40px #102b3140}
  .sidebar-close{display:flex;align-items:center;justify-content:center;gap:8px;align-self:flex-end;min-width:90px;min-height:44px;margin-bottom:8px;background:transparent;color:white;border:1px solid #ffffff40;border-radius:8px}
  .menu-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:50;background:#07111f80;border:0;padding:0;touch-action:manipulation}
  body.navigation-open{overflow:hidden}
  .sidebar .brand{padding-bottom:18px}
}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}
@media print{.sidebar-close,.menu-backdrop{display:none!important}}