/* Filament admin theming with contrast-safe tenant colors. */
html:not(.dark) .fi-sidebar-header,
html:not(.dark) .fi-topbar nav {
  background-color: var(--tenant-primary-color, #302e2d) !important;
}

html:not(.dark) .fi-sidebar-header {
  justify-content: center;
  border-bottom: 1px solid var(--tenant-topbar-border, rgba(255, 255, 255, 0.18));
}

html:not(.dark) .fi-sidebar-header .fi-logo,
html:not(.dark) .fi-topbar .fi-logo {
  max-width: min(220px, 100%);
  border-radius: 0.875rem;
  background: var(--tenant-logo-badge-bg, #f4f4f4);
  padding: 0.45rem 0.75rem;
  object-fit: contain;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08), 0 10px 24px rgba(17, 24, 39, 0.16);
}

html:not(.dark) .fi-topbar nav .fi-topbar-open-sidebar-btn,
html:not(.dark) .fi-topbar nav .fi-topbar-close-sidebar-btn,
html:not(.dark) .fi-topbar nav .fi-topbar-item-button,
html:not(.dark) .fi-topbar nav .fi-icon-btn,
html:not(.dark) .fi-topbar nav .fi-dropdown-trigger button,
html:not(.dark) .fi-topbar nav .fi-btn {
  color: var(--tenant-topbar-text, #ffffff) !important;
}

html:not(.dark) .fi-topbar nav .fi-topbar-item-button:hover,
html:not(.dark) .fi-topbar nav .fi-topbar-item-button:focus-visible,
html:not(.dark) .fi-topbar nav .fi-icon-btn:hover,
html:not(.dark) .fi-topbar nav .fi-icon-btn:focus-visible,
html:not(.dark) .fi-topbar nav .fi-dropdown-trigger button:hover,
html:not(.dark) .fi-topbar nav .fi-dropdown-trigger button:focus-visible {
  background: var(--tenant-topbar-hover, rgba(255, 255, 255, 0.12)) !important;
}

html:not(.dark) .fi-topbar nav .fi-breadcrumbs,
html:not(.dark) .fi-topbar nav .fi-topbar-item-label,
html:not(.dark) .fi-topbar nav .fi-icon-btn-icon,
html:not(.dark) .fi-topbar nav .fi-theme-switcher button,
html:not(.dark) .fi-topbar nav .fi-avatar,
html:not(.dark) .fi-topbar nav .fi-avatar * {
  color: var(--tenant-topbar-text, #ffffff) !important;
}

html:not(.dark) .fi-topbar nav .fi-input-wrp,
html:not(.dark) .fi-topbar nav input,
html:not(.dark) .fi-topbar nav .fi-input,
html:not(.dark) .fi-topbar nav .fi-input-wrp-prefix {
  border-color: var(--tenant-topbar-border, rgba(255, 255, 255, 0.18)) !important;
}

html:not(.dark) .fi-topbar nav input,
html:not(.dark) .fi-topbar nav .fi-input {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--tenant-topbar-text, #ffffff) !important;
}

html:not(.dark) .fi-topbar nav input::placeholder {
  color: var(--tenant-topbar-text-muted, rgba(255, 255, 255, 0.78)) !important;
}

html:not(.dark) .fi-dropdown-panel {
  background: var(--tenant-dropdown-bg, #ffffff) !important;
  border: 1px solid var(--tenant-dropdown-border, rgba(17, 24, 39, 0.08)) !important;
  color: var(--tenant-dropdown-text, #111827) !important;
}

html:not(.dark) .fi-dropdown-panel .fi-dropdown-list-item,
html:not(.dark) .fi-dropdown-panel .fi-dropdown-header {
  color: var(--tenant-dropdown-text, #111827) !important;
}

html:not(.dark) .fi-dropdown-panel .fi-dropdown-list-item-label,
html:not(.dark) .fi-dropdown-panel .fi-dropdown-header-label {
  color: inherit !important;
}

html:not(.dark) .fi-dropdown-panel .fi-dropdown-list-item-icon,
html:not(.dark) .fi-dropdown-panel .fi-dropdown-header-icon {
  color: var(--tenant-dropdown-muted, #6b7280) !important;
}

html:not(.dark) .fi-dropdown-panel .fi-dropdown-list-item:hover,
html:not(.dark) .fi-dropdown-panel .fi-dropdown-list-item:focus-visible {
  background: color-mix(in srgb, var(--tenant-primary-color, #302e2d) 10%, white) !important;
}