/* Login Page Customizations - Ingenio DCQMS */

/* Make input fields white background with black text */
.page-card input[type="text"],
.page-card input[type="password"],
.page-card input[type="email"],
.page-card input.form-control,
.for-login input[type="text"],
.for-login input[type="password"],
.for-login input[type="email"],
.for-forgot input[type="email"],
.for-signup input[type="text"],
.for-signup input[type="email"],
.for-signup input[type="password"] {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Make the "Show" button black - override text-muted class */
.toggle-password.text-muted,
span.toggle-password.text-muted,
.password-field .toggle-password.text-muted,
.page-card-body .password-field .toggle-password.text-muted,
.for-login .page-card .page-card-body .password-field .toggle-password.text-muted,
.for-forgot .page-card .page-card-body .password-field .toggle-password.text-muted,
.for-login-with-email-link .page-card .page-card-body .password-field .toggle-password.text-muted,
.for-signup .page-card .page-card-body .password-field .toggle-password.text-muted,
.for-email-login .page-card .page-card-body .password-field .toggle-password.text-muted {
    color: #000000 !important;
}

/* Fallback selectors without text-muted */
.for-login .page-card .page-card-body .password-field .toggle-password,
.for-forgot .page-card .page-card-body .password-field .toggle-password,
.for-login-with-email-link .page-card .page-card-body .password-field .toggle-password,
.for-signup .page-card .page-card-body .password-field .toggle-password,
.for-email-login .page-card .page-card-body .password-field .toggle-password,
.page-card .password-field .toggle-password,
.password-field .toggle-password,
.toggle-password {
    color: #000000 !important;
}

/* Make the password icon black - override inline fill attribute */
.password-icon path,
.page-card .password-icon path {
    fill: #000000 !important;
}

/* Make the email icon black outline with white fill */
.email-icon path,
.page-card .email-icon path {
    stroke: #000000 !important;
    fill: transparent !important;
}

/* Make 2FA/OTP verification heading white to stand out */
.page-card-head .indicator.blue,
.page-card-head span.indicator.blue,
#twofactor_div .page-card-head .indicator.blue {
    color: #ffffff !important;
}

/* Make 2FA instruction text white instead of grey */
#otp_div .text-muted,
#twofactor_div .text-muted {
    color: #ffffff !important;
}