/* Match AdminLTE demo sidebar spacing/alignment */
.app-sidebar .nav-link i.nav-icon {
  width: 1.6rem;
  text-align: center;
  vertical-align: middle;
}

.app-sidebar .nav-link p {
  display: flex;
  align-items: center;
  padding-left: 0.5rem;
  margin: 0;
  width: 100%;
}

.app-sidebar .nav-link { 
  display: flex; 
  align-items: center; 
}

.app-sidebar .nav-link .nav-arrow {
  margin-left: auto;       /* pushes arrow to far right */
  font-size: 0.8rem;       /* smaller arrow */
  opacity: 0.8;
}

/* Main sidebar links (top level) */
.app-sidebar .nav-link p {
  display: inline;
  padding-left: 0.5rem;
  margin: 0;
  vertical-align: middle;
}

/* Collapse all Admin submenus by default; open only when parent has .menu-open */
.app-sidebar .nav .nav-treeview { display: none; }
.app-sidebar .nav-item.menu-open > .nav-treeview { display: block; }

/* Submenu (treeview) links should stack properly */
.app-sidebar .nav-treeview .nav-link p {
  display: inline-block;
  padding-left: 0.5rem;
  margin: 0;
  vertical-align: middle;
  width: auto;
}

/* Fix overlapping of icons and text */
.app-sidebar .nav-treeview .nav-link {
  display: flex;
  align-items: center;
}

.app-sidebar .nav-treeview .nav-item {
  width: 100%;
  display: block;
}

/* Keep dropdown visible and above navbar */
.navbar .dropdown-menu { z-index: 1050; }
.app-header, .navbar { overflow: visible; }

/* Live search within dropdown */
#navbarSearch .dropdown-menu {
  width: clamp(280px, 36vw, 420px);
}

#navbarSearchResults .dropdown-header {
  font-size: .75rem;
  text-transform: uppercase;
  color: var(--bs-secondary-color);
  padding: .25rem .25rem .25rem 0;
  margin-top: .25rem;
}

#navbarSearchResults .dropdown-item {
  white-space: normal;
  line-height: 1.25;
  padding-left: 0; /* align under headers */
}

#navbarSearchResults .dropdown-divider {
  margin: .4rem 0;
}

/* “View all results” footer link */
#navbarSearchResults .dropdown-footer {
  display: block;
  text-align: center;
  text-decoration: underline;
}

/* Mobile: dropdown should span the screen width comfortably */
@media (max-width: 576px) {
  #navbarSearch .dropdown-menu {
    min-width: 88vw;
    max-width: 96vw;
  }
}