/*
 * Babaria Trust — branded dark admin sidebar.
 *
 * The sidebar HEADER (where the logo lockup sits) is deliberately left
 * untouched/light — the logo PNG has "CHARITABLE TRUST" tagline text baked
 * into the image at ~#2A2A2A (dark gray), sampled directly from the file.
 * That's illegible on a dark background and can't be recolored via CSS
 * since it's pixel data, not real text. Only the nav body below the header
 * goes dark.
 *
 * Active item uses the solid brand orange + white text (the same pairing
 * already audited at 5.04:1 in CLAUDE.md's contrast table) rather than
 * Filament's automatic text-primary-600/dark:text-primary-400 switching —
 * that computed to only 4.04:1 against this dark background in testing,
 * below the 4.5:1 AA threshold for normal text.
 */

.fi-sidebar {
  background-color: #00332a !important;
}

/*
 * Pinned to always-light regardless of Filament's dark-mode toggle. Without
 * this, toggling dark mode switches the header to bg-gray-900 (dark) too,
 * which is exactly the scenario that makes the logo's baked-in tagline text
 * illegible — caught live during testing (dark mode was on by default in
 * the test session, header rendered as rgb(24,24,27) before this rule).
 */
.fi-sidebar-header {
  background-color: #ffffff !important;
  min-height: 5rem;
  padding-block: 0.75rem;
}

.fi-sidebar-header .fi-logo,
.fi-sidebar-header img {
  height: 3.75rem !important;
  width: auto !important;
  max-width: 100%;
  object-fit: contain;
}

.fi-sidebar-group-label {
  color: #9ca3af !important;
}

.fi-sidebar-item-icon {
  color: #c9cdd3 !important;
}

.fi-sidebar-item-label {
  color: #e5e7eb !important;
}

.fi-sidebar-item-button:hover,
.fi-sidebar-item-button:focus-visible {
  background-color: rgba(255, 255, 255, 0.08) !important;
}

.fi-sidebar-item-active .fi-sidebar-item-button {
  background-color: #be4a01 !important;
}

.fi-sidebar-item-active .fi-sidebar-item-icon,
.fi-sidebar-item-active .fi-sidebar-item-label {
  color: #ffffff !important;
}