/* Retain the working phone drawer in landscape, instead of hiding every submenu. */
@media(min-width:721px) and (max-width:900px){
 body.mobile-nav-open{overflow:hidden}
 .sidebar{position:sticky;top:0;z-index:103;display:flex;width:100%;height:64px;padding:10px 12px;align-items:center;gap:10px;background:rgba(255,255,255,.98);border:0;border-bottom:1px solid var(--line);box-shadow:0 5px 20px rgba(20,45,35,.08);backdrop-filter:none}
 .logo{display:flex;margin:0 auto 0 0;padding:0;gap:9px;align-items:center}
 .logo>span{width:40px;height:40px;border-radius:12px;font-size:13px}
 .logo>div,.logo b,.logo small{display:block}
 .logo b{font-size:13px}.logo small{font-size:9px}
 .mobile-menu-toggle{display:flex;min-height:44px;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--line);border-radius:11px;background:#f4f8f6;color:var(--green);font-weight:750;cursor:pointer}
 .mobile-menu-toggle i{font-size:18px;font-style:normal;line-height:1}.mobile-menu-toggle span{font-size:12px}
 #nav{position:fixed;top:64px;left:0;bottom:0;z-index:102;display:block;width:min(86vw,340px);padding:16px 14px 104px;overflow-x:hidden;overflow-y:auto;background:#fff;box-shadow:18px 0 45px rgba(15,38,29,.2);transform:translateX(-105%);transition:transform .22s ease;scrollbar-width:thin}
 body.mobile-nav-open #nav{transform:translateX(0)}
 #nav .nav-section,#nav .nav-tree{display:grid;gap:3px}
 #nav .nav-section{margin-bottom:18px}
 #nav .nav-section>span{display:block;padding:0 12px 5px;color:#91a098;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
 #nav .nav-submenu{display:grid;gap:2px;margin:2px 0 4px}
 #nav .nav-tree.collapsed .nav-submenu{display:none}
 .sidebar #nav button{display:flex;width:100%;height:auto;min-height:44px;align-items:center;padding:11px 13px;border-radius:10px;font-size:14px;white-space:normal}
 .sidebar #nav button:after{content:none}
 .sidebar #nav .nav-parent:after{content:"⌄";display:block;margin-left:auto;color:#8c9c94;font-size:16px;transition:transform .16s}
 .sidebar #nav .nav-tree.collapsed .nav-parent:after{transform:rotate(-90deg)}
 .sidebar #nav .nav-subitem{padding:10px 12px 10px 34px;font-size:13px}
 .mobile-nav-backdrop{position:fixed;inset:64px 0 0;z-index:101;display:block;width:100%;height:auto;min-height:0;padding:0;border:0;background:rgba(10,25,19,.42);opacity:0;pointer-events:none;transition:opacity .2s}
 body.mobile-nav-open .mobile-nav-backdrop{opacity:1;pointer-events:auto}
 .sidebar-foot{position:fixed;left:14px;bottom:14px;z-index:103;display:flex;width:calc(min(86vw,340px) - 28px);margin:0;padding:12px;border:1px solid var(--line);border-radius:13px;background:#f7faf8;box-shadow:0 7px 22px rgba(20,45,35,.1);transform:translateX(calc(-105% - 14px));transition:transform .22s ease}
 body.mobile-nav-open .sidebar-foot{transform:translateX(0)}
 .sidebar-foot .sidebar-account{display:grid}.sidebar-foot .sidebar-account>span{display:block;font-size:12px}
 .sidebar-foot button{min-height:36px;padding:5px 7px;font-size:11px}
}