.mobile-menu-toggle,.mobile-menu-close,.mobile-menu-overlay{display:none}
.user-welcome{font:800 30px 'Manrope',sans-serif;color:#17324d;margin:0 0 9px;line-height:1.25}html[data-theme=dark] .user-welcome{color:#e3edf5}
main>header #title{font-size:20px;font-weight:600;color:#637b89}html[data-theme=dark] main>header #title{color:#afc1cf}
@media(max-width:760px){
  body>aside{position:fixed!important;inset:0 auto 0 0!important;width:min(290px,85vw)!important;height:100dvh;padding:55px 20px 25px!important;z-index:101;transform:translateX(-105%);visibility:hidden;transition:transform .2s,visibility .2s;overflow-y:auto;display:flex!important;flex-direction:column}
  body.mobile-nav-open>aside{transform:translateX(0);visibility:visible}
  body.mobile-nav-open{overflow:hidden}
  body>main{margin-left:0!important;width:100%!important;padding:20px 16px}
  .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;background:transparent;border:1px solid #d8e5ed;border-radius:8px;color:#17324d}
  main>header{gap:10px;align-items:center;position:relative;margin-bottom:22px}
  main>header>div:first-of-type{flex:1;min-width:0}
  main>header h1{font-size:22px;line-height:1.3;margin:0;overflow-wrap:anywhere}
  .user-welcome{font-size:22px;margin:0 0 7px;line-height:1.3}
  main>header #title{font-size:15px}
  main>header .header-right{gap:9px;flex-shrink:0}
  .mobile-menu-close{display:block;position:absolute;right:14px;top:12px;background:transparent;border:0;color:#17324d;font-size:30px;width:36px;height:36px}
  .mobile-menu-overlay{position:fixed;inset:0;background:#0b1b2b80;border:0;z-index:100;width:100%;height:100dvh}
  .mobile-nav-open .mobile-menu-overlay{display:block}
  body>aside nav{display:flex;flex-direction:column;gap:7px;overflow:visible;margin-top:20px}
  body>aside nav button[data-view]{width:100%;padding:13px;gap:12px;white-space:normal;font-size:12px}
  body>aside .workspace.company-identity{display:flex;margin:20px 0 5px}
  body>aside .caption{display:block;margin-top:20px}
  body>aside .aside-bottom{margin-top:auto;padding-top:25px}
  body>aside .profile{display:flex!important}
  body>aside .brand{min-height:55px}
  html[data-theme=dark] .mobile-menu-toggle,html[data-theme=dark] .mobile-menu-close{color:#e3edf5;border-color:#405768}
  .header-right .user-panel{position:fixed;top:90px;right:16px;width:250px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;z-index:90}
  .header-right .user-panel[hidden]{display:none}
  .user-panel>.theme-choice{display:block;order:2;margin-top:14px;padding:12px 0 15px}
  .user-panel>fieldset{order:1;margin-top:14px;flex-shrink:0}
  .user-panel>.user-logout{order:3;min-height:44px;padding:12px 0;flex-shrink:0}
  .user-panel .theme-swatches{display:flex;gap:18px;padding:6px}
  .user-panel .theme-swatch{width:36px;height:36px;min-width:36px;min-height:36px;flex-shrink:0}
}
@media(prefers-reduced-motion:reduce){body>aside{transition:none!important}}