.app-sidebar{display:none}

@media(min-width:1280px){
  .app-sidebar{
    display:flex;flex-direction:column;gap:0;
    position:fixed;top:60px;left:0;bottom:0;
    width:220px;padding:12px 10px;
    overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;
    border-right:1px solid var(--line);
    background:var(--bg);z-index:90;
  }
  .app-sidebar::-webkit-scrollbar{display:none}

  .app-auth-body .app-main-area{margin-left:220px}
  .app-auth-body .main-nav{display:none}
  .app-auth-body .header-actions{margin-left:auto}
  .app-auth-body .topbar-shell{width:100%;margin-inline:0;padding-left:20px}
}

.app-sidebar-link{
  display:flex;align-items:center;gap:10px;
  padding:7px 10px;border-radius:var(--radius-md);
  color:var(--text-soft);font-size:.88rem;font-weight:500;
  min-height:36px;
}
.app-sidebar-link:hover{background:var(--surface-2);color:var(--text)}
.app-sidebar-link.active{background:var(--accent-soft);color:var(--accent)}
.app-sidebar-link .icon-img{width:17px;height:17px;opacity:.6;flex-shrink:0}
.app-sidebar-link:hover .icon-img{opacity:.85}
.app-sidebar-link.active .icon-img{opacity:1}

.app-sidebar-divider{height:1px;background:var(--line);margin:6px 4px;flex-shrink:0}
.app-sidebar-section{display:flex;flex-direction:column;gap:1px;padding:2px 0}
.app-sidebar-section-label{
  padding:8px 10px 3px;font-size:.7rem;font-weight:600;
  color:var(--text-xsoft);text-transform:uppercase;letter-spacing:.06em;
}