/* Sidebar nav — login page blue (#3b82f6); loaded after bundle to override cached teal tokens */

.app-sidebar-header {
  height: auto !important;
  min-height: 4.5rem;
  padding: 0.85rem 1rem !important;
}

.app-sidebar .app-brand {
  color: #0f172a !important;
}

.app-sidebar .app-brand:hover {
  color: #2563eb !important;
  opacity: 0.92;
}

.app-sidebar .app-brand.app-sidebar-brand {
  display: block;
  width: 100%;
  gap: 0;
}

.app-sidebar .app-brand.app-sidebar-brand .authentik-logo-wrap--sidebar {
  width: 100% !important;
  max-width: 100% !important;
  height: 52px !important;
  display: block !important;
}

.app-sidebar .app-brand.app-sidebar-brand .authentik-logo {
  object-position: left center !important;
}

.app-sidebar .app-nav-link {
  color: #475569 !important;
}

.app-sidebar .app-nav-link i {
  color: #3b82f6 !important;
  opacity: 0.75 !important;
}

.app-sidebar .app-nav-link:hover:not(.active) {
  background: rgba(59, 130, 246, 0.08) !important;
  border-color: rgba(59, 130, 246, 0.14) !important;
  color: #2563eb !important;
}

.app-sidebar .app-nav-link:hover:not(.active) i {
  color: #2563eb !important;
  opacity: 1 !important;
}

.app-sidebar .app-nav-link.active,
.app-sidebar .app-nav-link.active:hover,
.app-sidebar .app-nav-link.active:focus {
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #60a5fa 100%) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(59, 130, 246, 0.4) !important;
}

.app-sidebar .app-nav-link.active i,
.app-sidebar .app-nav-link.active:hover i {
  color: #ffffff !important;
  opacity: 1 !important;
}

.app-sidebar .app-nav-link:focus-visible {
  outline: 2px solid #3b82f6 !important;
  outline-offset: 2px;
}

/* Organisation dropdown uses sidebar-org-dropdown.css */
.app-nav-dropdown--organisation.is-open > .app-nav-dropdown-menu {
  display: block !important;
}

.app-nav-dropdown--organisation:not(.is-open) > .app-nav-dropdown-menu {
  display: none !important;
}