.mobile-nav-heading,.mobile-nav-backdrop{display:none}
@media(max-width:720px){
  body.mobile-nav-open{overflow:hidden}
  .layout>.sidebar{width:min(280px,calc(100vw - 48px));height:100dvh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;z-index:2000;padding-top:0;padding-bottom:max(20px,env(safe-area-inset-bottom));visibility:hidden}
  .layout>.sidebar.open{visibility:visible;transform:translateX(0)}
  .sidebar .mobile-nav-heading{display:flex;position:sticky;top:0;z-index:2;flex-shrink:0;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:8px 0;background:var(--dark,#123031);color:#d5e9e3}
  .mobile-nav-heading>span{font-size:13px;font-weight:500}
  .sidebar .mobile-nav-close{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:76px;min-height:44px;padding:8px 10px;border:1px solid #54716c;border-radius:8px;background:transparent;color:#fff;font-size:13px;font-weight:500}
  .sidebar .mobile-nav-close:hover{background:#274b46;border-color:#8fcbb8}
  .mobile-nav-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
  .mobile-nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:1999;background:rgb(9 30 29 / 46%);touch-action:none}
  .sidebar .brand,.sidebar .nav,.sidebar .confidential,.sidebar .profile{flex-shrink:0}
}