.fi-simple-layout {
    background-image: url('/images/login-bg-1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 639px) {
    .fi-simple-main {
        border-radius: 0.75rem !important;
        margin-inline: 1rem !important;
    }
}

.fi-ta-ctn {
    overflow: visible !important;
}

.fi-ta-ctn .fi-sc.fi-sc-has-gap {
    gap: 0.5rem !important;
}

.fi-ta-ctn .fi-ta-header-toolbar {
    border-top-width: 0 !important;
}

.fi-simple-main-ctn form {
    gap: 2rem !important;
}

.fi-simple-main-ctn form .fi-sc.fi-sc-has-gap {
    gap: calc(var(--spacing) * 4) !important;
}

.glossary-letters-table .fi-ta-ctn {
    overflow: hidden !important;
}

.fi-btn.fi-color:not(.fi-outlined):not(label) {
    --bg: oklch(0.498 0.186 24.72) !important;
    --hover-bg: oklch(0.448 0.175 24.72) !important;
    --text: oklch(1 0 0) !important;
    --hover-text: oklch(1 0 0) !important;
    --dark-bg: oklch(0.498 0.186 24.72) !important;
    --dark-hover-bg: oklch(0.448 0.175 24.72) !important;
    --dark-text: oklch(1 0 0) !important;
    --dark-hover-text: oklch(1 0 0) !important;
}

/*
 * Fix Filament nested Repeater chevron bug.
 * Filament's repeater.css uses descendant (not child) combinators when hiding
 * the collapse/expand chevrons, so an outer expanded item's rule bleeds into
 * its nested inner items and hides BOTH their chevrons when the inner item is
 * collapsed. Restore visibility for the inner items explicitly.
 */
.fi-fo-repeater-item:not(.fi-collapsed) .fi-fo-repeater-item.fi-collapsed .fi-fo-repeater-item-header-expand-action {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.fi-fo-repeater-item:not(.fi-collapsed) .fi-fo-repeater-item:not(.fi-collapsed) .fi-fo-repeater-item-header-collapse-action {
    opacity: 1 !important;
    pointer-events: auto !important;
}