/* SHCSS desktop staff sidebar visual polish.
 * Structural positioning lives in global_dashboard_shell.css.
 * This file only refines hierarchy, density, active states and shell cohesion.
 */
@media (min-width: 993px) {
  .dashboard-layout[data-portal-navigation-audience="staff"] {
    --staff-sidebar-navy: #173065;
    --staff-sidebar-ink: #24324a;
    --staff-sidebar-muted: #66758d;
    --staff-sidebar-border: #e1e8f1;
    --staff-sidebar-soft: #eef3f9;
    --staff-sidebar-active: color-mix(in srgb, var(--current-accent) 11%, #fff);
    --shell-section-accent: var(--current-accent);
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] > .sidebar {
    padding: 0 .8rem .9rem !important;
    background:
      linear-gradient(180deg, rgba(241,246,252,.99) 0, #f7f9fc 136px),
      #f7f9fc !important;
    border-right: 1px solid var(--staff-sidebar-border) !important;
    box-shadow: 8px 0 30px rgba(15, 23, 42, .05) !important;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] > .sidebar > div:first-of-type {
    margin: 0 -.8rem .25rem !important;
    padding: 1rem .85rem .9rem !important;
    border-bottom: 1px solid var(--staff-sidebar-border) !important;
    background: rgba(247,250,253,.9);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] > .sidebar > div:first-of-type > div:first-child {
    width: 68px !important;
    height: 68px !important;
    margin: 0 auto .5rem !important;
    padding: .2rem;
    border-radius: 18px;
    background: #fff;
    border: 1px solid rgba(23,48,101,.08);
    box-shadow: 0 8px 22px rgba(23,48,101,.08);
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] > .sidebar > div:first-of-type > div:last-child {
    color: var(--staff-sidebar-navy) !important;
    font-size: .76rem !important;
    font-weight: 800 !important;
    letter-spacing: .115em !important;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] > .sidebar > ul.nav.flex-column {
    padding: .15rem .12rem 1rem !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(100,116,139,.28) transparent;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar-heading {
    position: relative;
    margin: 1rem .6rem .35rem !important;
    padding: .36rem .42rem !important;
    color: #7c899c !important;
    font-size: .65rem !important;
    font-weight: 850 !important;
    letter-spacing: .13em !important;
    line-height: 1.2;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar-heading:first-child {
    margin-top: .55rem !important;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar .nav.flex-column > .nav-item {
    margin-bottom: .16rem !important;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar .nav-item > a {
    position: relative;
    min-height: 43px;
    gap: .72rem;
    margin: 0 !important;
    padding: .67rem .78rem !important;
    border: 1px solid transparent;
    border-radius: 11px !important;
    color: var(--staff-sidebar-muted) !important;
    font-size: .87rem;
    font-weight: 650 !important;
    line-height: 1.25;
    transition:
      background-color .18s ease,
      border-color .18s ease,
      color .18s ease,
      box-shadow .18s ease,
      transform .18s ease !important;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar .nav-item > a > span:not(.sidebar-badge):not(.nav-attention-badge) {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    flex: 1 1 auto;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar .nav-item > a i:not(.submenu-icon):not(.dropdown-icon) {
    width: 19px !important;
    min-width: 19px;
    margin-right: 0 !important;
    color: #74849a;
    font-size: .92rem;
    text-align: center;
    transition: color .18s ease, transform .18s ease;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar .nav-item > a:hover {
    background: rgba(255,255,255,.78) !important;
    border-color: #e7edf4;
    color: var(--staff-sidebar-ink) !important;
    transform: translateX(2px);
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar .nav-item > a:hover i:not(.submenu-icon):not(.dropdown-icon) {
    color: var(--current-accent) !important;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar .nav-item > a.active {
    background: var(--staff-sidebar-active) !important;
    border-color: color-mix(in srgb, var(--current-accent) 18%, transparent) !important;
    color: var(--current-accent) !important;
    box-shadow: inset 3px 0 0 var(--current-accent), 0 4px 14px rgba(15,23,42,.045);
    font-weight: 800 !important;
    transform: none;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar .nav-item > a.active i:not(.submenu-icon):not(.dropdown-icon) {
    color: var(--current-accent) !important;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar .submenu-icon,
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar .dropdown-icon {
    flex: 0 0 auto;
    width: 14px !important;
    margin: 0 0 0 auto !important;
    color: #9aa6b8;
    font-size: .7rem;
    transform: none !important;
    transition: color .18s ease !important;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar ul.admin-submenu,
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar ul.fees-submenu,
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar ul.academic-submenu,
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar ul.teacher-submenu,
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar ul.submenu {
    position: relative;
    margin: .2rem 0 .48rem .72rem !important;
    padding: .24rem 0 .24rem .56rem !important;
    background: transparent !important;
    border-radius: 0 !important;
    border-left: 1px solid color-mix(in srgb, var(--current-accent) 22%, #dbe3ed);
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar ul.admin-submenu ul,
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar ul.fees-submenu ul,
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar ul.academic-submenu ul,
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar ul.teacher-submenu ul,
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar ul.submenu ul {
    margin-left: .48rem !important;
    border-left-color: #edf1f6 !important;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar ul.admin-submenu .nav-item,
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar ul.fees-submenu .nav-item,
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar ul.academic-submenu .nav-item,
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar ul.teacher-submenu .nav-item,
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar ul.submenu .nav-item {
    margin: .04rem 0 !important;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar ul.admin-submenu .nav-item > a,
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar ul.fees-submenu .nav-item > a,
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar ul.academic-submenu .nav-item > a,
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar ul.teacher-submenu .nav-item > a,
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar ul.submenu .nav-item > a {
    min-height: 37px;
    padding: .52rem .66rem !important;
    font-size: .8rem !important;
    font-weight: 625 !important;
    border-radius: 9px !important;
    box-shadow: none;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar ul.admin-submenu .nav-item > a.active,
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar ul.fees-submenu .nav-item > a.active,
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar ul.academic-submenu .nav-item > a.active,
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar ul.teacher-submenu .nav-item > a.active,
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar ul.submenu .nav-item > a.active {
    background: color-mix(in srgb, var(--current-accent) 8%, #fff) !important;
    border-color: color-mix(in srgb, var(--current-accent) 16%, #e8edf4) !important;
    box-shadow: 0 3px 10px rgba(15,23,42,.05) !important;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar-heading:last-of-type {
    margin-top: 1.25rem !important;
    padding-top: .8rem !important;
    border-top: 1px solid var(--staff-sidebar-border);
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar a[href*="logout"] {
    color: #c93b3b !important;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar a[href*="logout"] i {
    color: #d55555 !important;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar a[href*="logout"]:hover {
    background: #fff5f5 !important;
    border-color: #fee2e2 !important;
    color: #b42323 !important;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar .badge-count,
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar .nav-attention-badge,
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar .sidebar-badge {
    flex: 0 0 auto !important;
    margin-left: auto;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #dc2626;
    color: #fff;
    font-size: .62rem;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 0 0 2px #fff;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar .sidebar-badge + .submenu-icon,
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar .sidebar-badge + .dropdown-icon {
    margin-left: .38rem !important;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .dashboard-header {
    border-color: color-mix(in srgb, var(--shell-section-accent) 18%, rgba(226,232,240,.9)) !important;
    border-left: 3px solid var(--shell-section-accent) !important;
    background: rgba(255,255,255,.92) !important;
    box-shadow: 0 8px 24px rgba(15,23,42,.055) !important;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .dashboard-header-left h1 {
    color: #1e2c45;
    letter-spacing: -.025em;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .dashboard-header .sidebar-toggle {
    color: var(--shell-section-accent) !important;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"] .active-term-badge {
    border-color: color-mix(in srgb, var(--shell-section-accent) 22%, #e2e8f0) !important;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"].portal-sidebar-compact > .sidebar {
    padding-left: .55rem !important;
    padding-right: .55rem !important;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"].portal-sidebar-compact > .sidebar > div:first-of-type {
    margin-left: -.55rem !important;
    margin-right: -.55rem !important;
  }

  .dashboard-layout[data-portal-navigation-audience="staff"].portal-sidebar-compact .sidebar .nav-item > a:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar .nav-item > a,
  .dashboard-layout[data-portal-navigation-audience="staff"] .sidebar .nav-item > a i {
    transition: none !important;
  }
}