/*
 * RSI brand overrides beyond what Filament's panel color config can reach.
 * Filament's `->colors(['primary' => ...])` only drives buttons, links,
 * and some active-state text — it deliberately leaves chrome (topbar,
 * tab pill backgrounds) neutral gray/white. These rules make the topbar
 * and the active-tab indicator carry the RSI navy directly, using the
 * same --primary-* custom properties Filament already computes per
 * request, so this stays in sync if the brand color ever changes.
 */

.fi-topbar {
    background-color: var(--primary-600) !important;
}

.fi-topbar .fi-logo,
.fi-topbar .fi-icon-btn {
    color: var(--primary-25, #fff) !important;
}

.fi-topbar .fi-icon-btn:hover {
    background-color: color-mix(in oklab, white 12%, transparent) !important;
}

.fi-topbar .fi-input {
    background-color: var(--color-white) !important;
    color: var(--gray-950) !important;
    border-color: transparent !important;
}

.fi-topbar .fi-input::placeholder {
    color: var(--gray-400) !important;
}

.fi-topbar .fi-icon {
    color: inherit !important;
}

.fi-tabs-item.fi-active {
    background-color: var(--primary-600) !important;
}

.fi-tabs-item.fi-active .fi-tabs-item-label,
.fi-tabs-item.fi-active > .fi-icon {
    color: #fff !important;
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background-color: var(--primary-600) !important;
}

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

/*
 * Field-level info tooltips (->hintIcon()) render in Filament's "after
 * label" slot, which defaults to flex-grow:1 — pushing the icon to the
 * far right edge of the field's label row instead of next to the label
 * text. Stop it growing so it sits right after the label, separated only
 * by the row's normal gap.
 */
.fi-fo-field-label-ctn > .fi-sc.fi-align-end {
    flex-grow: 0 !important;
}