/* Apple90 V18 — centered, polished collapsed icon rail */
@media (min-width:768px) {
  body.user-panel.user-sidebar-collapsed #userSidebar {
    padding:16px 8px!important;
    align-items:stretch!important;
  }
  body.user-panel.user-sidebar-collapsed #userSidebar .user-sidebar-top {
    min-height:52px!important;
    margin-bottom:14px!important;
    padding:0 0 12px!important;
    justify-content:center!important;
  }
  body.user-panel.user-sidebar-collapsed #userSidebar .user-sidebar-brand {
    width:100%!important;
    justify-content:center!important;
    gap:0!important;
  }
  body.user-panel.user-sidebar-collapsed #userSidebar .user-sidebar-brand .w-10,
  body.user-panel.user-sidebar-collapsed #userSidebar .user-avatar-sidebar {
    margin-inline:auto!important;
  }
  body.user-panel.user-sidebar-collapsed #userSidebar .user-collapse-btn {
    width:38px!important;height:38px!important;min-width:38px!important;
    border:1px solid var(--ui-border,rgba(148,163,184,.18))!important;
    border-radius:13px!important;
  }
  body.user-panel.user-sidebar-collapsed #userSidebar nav {
    width:100%!important;
  }
  body.user-panel.user-sidebar-collapsed #userSidebar nav ul {
    align-items:center!important;
    gap:9px!important;
  }
  body.user-panel.user-sidebar-collapsed #userSidebar nav .nav-link {
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:54px!important;height:54px!important;min-height:54px!important;
    min-width:54px!important;
    margin:0 auto!important;padding:0!important;
    border:1px solid transparent!important;
    border-radius:17px!important;
    background:transparent!important;
    box-sizing:border-box!important;
  }
  body.user-panel.user-sidebar-collapsed #userSidebar nav .nav-link > i:first-child {
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:44px!important;height:44px!important;min-width:44px!important;
    margin:0!important;padding:0!important;
    border:1px solid var(--ui-border,rgba(148,163,184,.20))!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,rgba(148,163,184,.13),rgba(148,163,184,.045))!important;
    color:var(--text-secondary,#aab7c8)!important;
    font-size:22px!important;line-height:1!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 5px 14px rgba(0,0,0,.10)!important;
    transition:all .2s ease!important;
  }
  body.user-panel.user-sidebar-collapsed #userSidebar nav .nav-link:hover {
    background:transparent!important;
    border-color:transparent!important;
    transform:none!important;
  }
  body.user-panel.user-sidebar-collapsed #userSidebar nav .nav-link:hover > i:first-child {
    color:var(--ui-primary,#10b981)!important;
    border-color:rgba(16,185,129,.38)!important;
    background:linear-gradient(145deg,rgba(16,185,129,.19),rgba(16,185,129,.07))!important;
    box-shadow:0 7px 18px rgba(16,185,129,.12)!important;
    transform:translateY(-1px)!important;
  }
  body.user-panel.user-sidebar-collapsed #userSidebar nav .nav-link.active,
  body.user-panel.user-sidebar-collapsed #userSidebar nav .nav-link[aria-current="page"] {
    background:rgba(16,185,129,.075)!important;
    border-color:rgba(16,185,129,.18)!important;
  }
  body.user-panel.user-sidebar-collapsed #userSidebar nav .nav-link.active > i:first-child,
  body.user-panel.user-sidebar-collapsed #userSidebar nav .nav-link[aria-current="page"] > i:first-child {
    color:#10b981!important;
    border-color:rgba(16,185,129,.42)!important;
    background:linear-gradient(145deg,rgba(16,185,129,.22),rgba(16,185,129,.09))!important;
    box-shadow:0 0 0 3px rgba(16,185,129,.07),0 7px 18px rgba(16,185,129,.10)!important;
  }
  body.user-panel.user-sidebar-collapsed #userSidebar .user-profile-card,
  body.user-panel.user-sidebar-collapsed #userSidebar .guest-profile-card {
    width:54px!important;min-width:54px!important;
    margin:0 auto 14px!important;padding:7px 0!important;
    border-radius:17px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
  }
  body.user-panel.user-sidebar-collapsed #userSidebar .user-avatar-sidebar {
    width:40px!important;height:40px!important;border-radius:13px!important;
  }

  body.admin-panel.admin-sidebar-collapsed #adminSidebar {
    padding:12px 8px!important;
  }
  body.admin-panel.admin-sidebar-collapsed #adminSidebar nav {
    width:100%!important;
  }
  body.admin-panel.admin-sidebar-collapsed #adminSidebar nav > * {
    text-align:center!important;
  }
  body.admin-panel.admin-sidebar-collapsed #adminSidebar .sidebar-menu-item {
    position:relative!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:54px!important;height:54px!important;min-width:54px!important;
    margin:4px auto!important;padding:0!important;
    border:1px solid transparent!important;border-radius:17px!important;
    background:transparent!important;box-sizing:border-box!important;
  }
  body.admin-panel.admin-sidebar-collapsed #adminSidebar .sidebar-menu-item > i {
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:44px!important;height:44px!important;min-width:44px!important;
    margin:0!important;padding:0!important;
    border:1px solid var(--ui-border,rgba(148,163,184,.20))!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,rgba(148,163,184,.13),rgba(148,163,184,.045))!important;
    color:var(--text-secondary,#aab7c8)!important;
    font-size:22px!important;line-height:1!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 5px 14px rgba(0,0,0,.10)!important;
    transition:all .2s ease!important;
  }
  body.admin-panel.admin-sidebar-collapsed #adminSidebar .sidebar-menu-item:hover {
    transform:none!important;background:transparent!important;
  }
  body.admin-panel.admin-sidebar-collapsed #adminSidebar .sidebar-menu-item:hover > i {
    color:var(--ui-primary,#10b981)!important;
    border-color:rgba(16,185,129,.38)!important;
    background:linear-gradient(145deg,rgba(16,185,129,.19),rgba(16,185,129,.07))!important;
    box-shadow:0 7px 18px rgba(16,185,129,.12)!important;
    transform:translateY(-1px)!important;
  }
  body.admin-panel.admin-sidebar-collapsed #adminSidebar .sidebar-menu-item.active,
  body.admin-panel.admin-sidebar-collapsed #adminSidebar .sidebar-menu-item[aria-current="page"] {
    background:rgba(16,185,129,.075)!important;
    border-color:rgba(16,185,129,.18)!important;
  }
  body.admin-panel.admin-sidebar-collapsed #adminSidebar .sidebar-menu-item.active > i,
  body.admin-panel.admin-sidebar-collapsed #adminSidebar .sidebar-menu-item[aria-current="page"] > i {
    color:#10b981!important;border-color:rgba(16,185,129,.42)!important;
    background:linear-gradient(145deg,rgba(16,185,129,.22),rgba(16,185,129,.09))!important;
    box-shadow:0 0 0 3px rgba(16,185,129,.07),0 7px 18px rgba(16,185,129,.10)!important;
  }
  body.admin-panel.admin-sidebar-collapsed #adminSidebar .admin-collapse-btn {
    width:38px!important;height:38px!important;min-width:38px!important;
    border:1px solid var(--ui-border,rgba(148,163,184,.18))!important;
    border-radius:13px!important;
  }
}


/* V22: deterministic icon rail alignment and fixed independent scrolling */
@media (min-width:768px) {
  body.user-panel.user-sidebar-collapsed #userSidebar,
  body.admin-panel.admin-sidebar-collapsed #adminSidebar {
    position:fixed!important;top:0!important;bottom:0!important;
    height:100dvh!important;max-height:100dvh!important;
    overflow-x:hidden!important;overflow-y:auto!important;
    overscroll-behavior:contain!important;scrollbar-width:thin!important;
    box-sizing:border-box!important;z-index:1000!important;
  }
  body.user-panel.user-sidebar-collapsed #userSidebar {width:90px!important;min-width:90px!important}
  body.admin-panel.admin-sidebar-collapsed #adminSidebar {width:90px!important;min-width:90px!important}
  body.user-panel.user-sidebar-collapsed #userSidebar nav ul,
  body.user-panel.user-sidebar-collapsed #userSidebar nav ul li,
  body.admin-panel.admin-sidebar-collapsed #adminSidebar nav {
    width:100%!important;min-width:0!important;box-sizing:border-box!important;
  }
  body.user-panel.user-sidebar-collapsed #userSidebar nav ul li {
    display:flex!important;justify-content:center!important;align-items:center!important;
    margin-inline:0!important;padding-inline:0!important;
  }
  body.user-panel.user-sidebar-collapsed #userSidebar nav .nav-link,
  body.admin-panel.admin-sidebar-collapsed #adminSidebar .sidebar-menu-item {
    flex:0 0 54px!important;width:54px!important;min-width:54px!important;
    height:54px!important;min-height:54px!important;
    margin:3px auto!important;padding:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    text-align:center!important;box-sizing:border-box!important;
  }
  body.user-panel.user-sidebar-collapsed #userSidebar nav .nav-link > i:first-child,
  body.admin-panel.admin-sidebar-collapsed #adminSidebar .sidebar-menu-item > i {
    flex:0 0 44px!important;width:44px!important;min-width:44px!important;
    height:44px!important;margin:0!important;padding:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    line-height:1!important;box-sizing:border-box!important;
  }
  body.user-panel.user-sidebar-collapsed #userSidebar nav .nav-link > span,
  body.admin-panel.admin-sidebar-collapsed #adminSidebar .sidebar-menu-item > span,
  body.user-panel.user-sidebar-collapsed #userSidebar .user-sidebar-brand > span {
    display:none!important;
  }
}