/* Custom login page styles */
body {
    background-color: #2C5492 !important;
}

main {
    background-color: #0A1626 !important;
}

.fi-simple-page {
    color: white !important;
}

.fi-simple-header {
   display: none;
}

/* Override the max-width constraint */
.fi-simple-main > div {
    max-width: none !important;
    width: 100% !important;
}

/* Keep input text dark for legibility */
.fi-input,
.fi-input::placeholder,
input[type="email"],
input[type="password"],
input[type="text"] {
    color: #1a1a1a !important;
    background-color: white !important;
}

/* Custom login button styling */
.fi-btn {
    background-color: #74A0DF !important;
    color: white !important;
}

/* Ensure all text elements are white */
.fi-fo-field-wrp-label,
.fi-fo-field-wrp,
.fi-fo-field-wrp-error-message,
.fi-modal-description,
.fi-modal-heading,
.text-gray-950,
.dark\:text-white,
h1, h2, h3, h4, h5, h6,
label,
.fi-simple-header-heading {
    color: white !important;
}

/* White text for form hints/helper text */
.fi-fo-hint,
.text-gray-500 {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Adjust main container padding */
.fi-simple-main {
    min-height: unset !important;
    padding-top: 3rem !important;
    padding-bottom: 4rem !important;
}

/* Ensure error messages are visible */
.fi-fo-field-wrp-error-message {
    color: #fca5a5 !important;
}

/* Add more space after the login button */
.fi-fo-actions {
    margin-bottom: 1rem !important;
}