.mobile-menu-toggle{display:none}
#mobile-menu{display:none}
@media(max-width:720px){
 .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:12px;background:#e6f2fc;color:#0b65b1;padding:10px}
 .mobile-menu-toggle svg{width:24px;height:24px}
 .topbar{gap:8px}.topbar>.brand{margin-right:auto}.topbar>.contact-link{display:none}
 .topbar .brand.brand-smile img{max-width:132px;height:50px}
 .layout>.sidebar{display:none}
 body.mobile-menu-open{overflow:hidden}
 #mobile-menu[open]{display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;margin:0;width:min(320px,85vw);height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:#fff;color:var(--ink);overflow:hidden;box-shadow:8px 0 35px #0002}
 #mobile-menu::backdrop{background:#0b172b80}
 .mobile-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 18px 16px;padding-top:max(20px,env(safe-area-inset-top));border-bottom:1px solid var(--line);flex-shrink:0}
 .mobile-menu-head strong{font-size:1.2rem;color:var(--deep)}
 .mobile-menu-head button{width:44px;height:44px;border-radius:12px;background:#f0f4f9;font-size:26px}
 .mobile-menu-content{overflow-y:auto;overscroll-behavior:contain;flex:1;padding:16px 12px max(20px,env(safe-area-inset-bottom))}
 #mobile-menu .sidebar{display:block;position:static;margin:0}
 #mobile-menu .sidebar nav{display:block;overflow:visible;padding:0}
 #mobile-menu .nav-link{display:flex;white-space:normal;min-height:48px;gap:12px;border:0;border-radius:12px;margin-bottom:5px;padding:12px;font-size:.9375rem;background:transparent}
 #mobile-menu .nav-link.active{background:#e6f2fc;color:var(--deep)}
 #mobile-menu .nav-link svg{width:21px;height:21px}
 #mobile-menu .nav-label{display:block;margin:22px 12px 10px}
 #mobile-menu .sidebar-foot{display:flex;padding:20px 12px;margin-top:20px}
}
@media(max-width:360px){.topbar .brand.brand-smile img{max-width:105px;height:40px}.topbar .account .primary{padding-inline:8px;font-size:.8rem}}
@media(prefers-reduced-motion:no-preference){#mobile-menu[open]{animation:menu-slide-in .18s ease-out}@keyframes menu-slide-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}}