/* Keep the desktop sidebar independent from the compact mobile navigation. */
.brand-mark{padding:0;background:transparent;overflow:hidden}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
@media (min-width:761px){
  .sidebar{min-width:0;width:100%;overflow:visible;background:transparent;color:#617286;border-right:1px solid var(--line)}
  .brand{color:var(--ink)}.sidebar-toggle{border-color:var(--line);background:transparent;color:#496177}.menu-item{color:#5d7084}.menu-item:hover{background:#eaf4ff;color:var(--blue)}.menu-item.active{background:#e5f2fc;color:var(--blue)}.menu-icon{background:#e8eef4;color:#526c84}.menu-item.active .menu-icon{background:var(--blue);color:#fff}.sidebar-note{border-top-color:var(--line);color:#537465}
  .shell:not(.sidebar-collapsed) .sidebar-toggle{position:absolute;top:520px;right:-21px;bottom:auto;width:42px;height:42px;min-height:42px;border:2px solid var(--bg);border-radius:50%;background:var(--blue);color:#fff;box-shadow:0 3px 10px rgba(17,41,62,.22);transform:none}
  .sidebar-toggle svg{width:21px;height:21px}
  .sidebar-collapsed .menu{min-width:0}
  .sidebar-collapsed .menu-item{gap:0;font-size:0}
  .sidebar-collapsed .menu-label{display:none}
  .sidebar-collapsed .sidebar{overflow:visible}
  .sidebar-collapsed .sidebar-toggle{position:absolute;top:520px;right:-21px;bottom:auto;left:auto;display:grid;width:42px;height:42px;min-height:42px;border:2px solid var(--bg);border-radius:50%;background:var(--blue);color:#fff;box-shadow:0 3px 10px rgba(17,41,62,.22);transform:none}
  .sidebar-collapsed .sidebar-toggle svg{transform:rotate(180deg)}
}
@media (max-width:760px){
  body{padding-bottom:128px;overflow-x:hidden}
  .shell,.shell.sidebar-collapsed{display:block}
  .sidebar,.sidebar-collapsed .sidebar{position:fixed;z-index:20;top:auto;right:0;bottom:0;left:0;display:block;width:100%;height:76px;padding:7px 8px 8px;overflow:visible;transform:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;transition:transform .16s ease,opacity .16s ease}
  .sidebar-top,.sidebar-note{display:none!important}
  .menu{display:flex;gap:2px;justify-content:flex-start;width:100%;height:100%;overflow-x:auto;scrollbar-width:none}
  .menu::-webkit-scrollbar{display:none}
  .menu-item,.sidebar-collapsed .menu-item{flex:0 0 62px;flex-direction:column;justify-content:center;gap:3px;min-height:0;padding:3px 1px;border-radius:5px;font-size:10px;line-height:1.15;text-align:center;white-space:nowrap}
  .menu-item .menu-label{display:inline}.menu-icon{width:26px;height:26px}.menu-icon svg{width:15px;height:15px}
  .mobile-menu-toggle{display:none!important}.nav-scrim{display:none!important}
  .content,.sidebar-collapsed .content{width:100%;padding:25px 16px 128px}
  body.mobile-keyboard-open{padding-bottom:0;background:var(--bg);overscroll-behavior-y:contain}
  body.mobile-keyboard-open .shell{min-height:100dvh;background:var(--bg);overscroll-behavior-y:contain}
  body.mobile-keyboard-open .content{overscroll-behavior-y:contain}
  body.mobile-keyboard-open .sidebar,body.mobile-keyboard-open .sidebar-collapsed .sidebar{pointer-events:none;opacity:0;transform:translateY(calc(100% + 12px))}
  body.mobile-keyboard-open .content,body.mobile-keyboard-open .sidebar-collapsed .content{padding-bottom:28px}
}