.fi-simple-layout {
    background-color: #072342 !important;
}

/* Login button background */
.fi-simple-page button[type="submit"] {
    background-color: #072342 !important;
}

/* Login button hover state */
.fi-simple-page button[type="submit"]:hover {
    background-color: #0a2f56 !important;
}

/* Filament Login Page - Custom Focus Border Color */

/* Target the input wrapper that contains the border */
.fi-input-wrp:focus-within {
    --tw-ring-color: #072342 !important;
    border-color: #072342 !important;
}

/* Also target the input directly for any ring that might appear */
.fi-input:focus {
    --tw-ring-color: #072342 !important;
}

/* Specific targeting for email/password inputs on login */
.fi-input-wrp-input input:focus {
    outline: none;
}

/* Ensure the wrapper gets the focus border */
.fi-input-wrp:has(input:focus) {
    border-color: #072342 !important;
    --tw-ring-color: #072342 !important;
    box-shadow: 0 0 0 1.5px #072342 !important;
}

/* Dark mode support if needed */
.dark .fi-input-wrp:focus-within,
.dark .fi-input-wrp:has(input:focus) {
    border-color: #072342 !important;
    --tw-ring-color: #072342 !important;
}

/* Checkbox focus border color */
input[type="checkbox"]:focus {
    --tw-ring-color: #072342 !important;
    border-color: #072342 !important;
    box-shadow: 0 0 0 1.5px #072342 !important;
}

/* Checkbox checked state */
input[type="checkbox"]:checked {
    background-color: #072342 !important;
    border-color: #072342 !important;
}

/* Checkbox wrapper focus */
.fi-checkbox:focus-within,
.fi-fo-checkbox:focus-within {
    --tw-ring-color: #072342 !important;
}

/* Dark mode checkbox */
.dark input[type="checkbox"]:focus,
.dark input[type="checkbox"]:checked {
    border-color: #072342 !important;
    --tw-ring-color: #072342 !important;
}