.fi-simple-layout {
    background: url('/images/login_cover_image.webp') no-repeat center center;
    background-size: cover;
    min-height: 100vh;
}

.fi-simple-main-ctn {
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
}

.fi-simple-main {
    background: #ffffff !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12) !important;
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
}

/* ── Clean Input Fields ───────────────────────────────────── */

/* Card text colors for white card */
.fi-simple-main h1,
.fi-simple-main h2,
.fi-simple-main h3,
.fi-simple-main .fi-simple-main-heading,
.fi-simple-main .fi-simple-main-subheading {
    color: #111827 !important;
}

/* Force labels visible (Filament v5 hides them by default) */
.fi-simple-main .fi-fo-field-label-content {
    display: inline !important;
    color: #374151 !important;
    font-weight: 500 !important;
    font-size: 0.875rem !important;
}

.fi-simple-main .fi-fo-field-label {
    color: #374151 !important;
}

.fi-simple-main .fi-fo-field-label-col {
    padding-top: 0 !important;
    row-gap: 0.375rem !important;
}

.fi-simple-main a {
    color: #2563eb !important;
}

.fi-simple-main .fi-btn {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

.fi-simple-main .fi-btn:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

.fi-simple-main .fi-fo-field-wrp-error-message {
    color: #dc2626 !important;
}

.fi-simple-main .fi-input-wrp,
.fi-simple-main .fi-input-wrapper {
    background-color: #ffffff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 0.5rem !important;
    box-shadow: none !important;
    --tw-ring-color: transparent !important;
    --tw-ring-offset-shadow: 0 0 0 0px transparent !important;
    --tw-ring-shadow: 0 0 0 0px transparent !important;
    transition: none !important;
}

.fi-simple-main .fi-input-wrp:focus-within,
.fi-simple-main .fi-input-wrapper:focus-within {
    border-color: #9ca3af !important;
    box-shadow: none !important;
    --tw-ring-color: transparent !important;
    --tw-ring-offset-shadow: 0 0 0 0px transparent !important;
    --tw-ring-shadow: 0 0 0 0px transparent !important;
}

.fi-simple-main .fi-input {
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    --tw-ring-shadow: 0 0 0 0px transparent !important;
    color: #1f2937 !important;
    transition: none !important;
    font-weight: 400 !important;
}

.fi-simple-main .fi-input::placeholder {
    color: #9ca3af !important;
    opacity: 1 !important;
    font-weight: 400 !important;
}

.fi-simple-main .fi-input:focus,
.fi-simple-main .fi-input:focus-visible {
    background-color: #ffffff !important;
    box-shadow: none !important;
    outline: none !important;
    --tw-ring-shadow: 0 0 0 0px transparent !important;
}

/* Disable browser autofill yellow background */
.fi-simple-main .fi-input:-webkit-autofill,
.fi-simple-main .fi-input:-webkit-autofill:hover,
.fi-simple-main .fi-input:-webkit-autofill:focus,
.fi-simple-main .fi-input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-text-fill-color: #1f2937 !important;
    caret-color: #1f2937 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

/* Remove native browser focus outlines on all elements inside login card */
.fi-simple-main *:focus {
    outline: none !important;
    box-shadow: none !important;
}

.fi-simple-main *:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/* Disable Tailwind ring utilities inside login form */
.fi-simple-main .fi-fo-field-wrp:focus-within {
    --tw-ring-color: transparent !important;
    box-shadow: none !important;
}

/* Eye icon / password toggle button alignment */
.fi-simple-main .fi-input-wrp .fi-input-suffix-button,
.fi-simple-main .fi-input-wrapper .fi-input-suffix-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.75rem;
    margin: 0;
}

/* Consistent input sizing */
.fi-simple-main input[type="text"],
.fi-simple-main input[type="email"],
.fi-simple-main input[type="password"],
.fi-simple-main input[type="number"],
.fi-simple-main input.fi-input {
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}