/*
 * SuperNova / Mifos login visibility correction.
 * Scope intentionally restricted to the login application.
 */

/* Main login/right panel text */
mifosx-login,
mifosx-login *,
app-login,
app-login * {
    text-shadow: none;
}

/* General readable foreground inside login form */
mifosx-login .login-form,
mifosx-login .login-form-container,
mifosx-login .login-panel,
mifosx-login .right-container,
mifosx-login .right-panel,
app-login .login-form,
app-login .login-form-container,
app-login .login-panel,
app-login .right-container,
app-login .right-panel {
    color: #1f2937 !important;
}

/* Angular Material labels */
mifosx-login mat-label,
mifosx-login .mat-mdc-form-field,
mifosx-login .mat-mdc-form-field label,
mifosx-login .mat-mdc-floating-label,
mifosx-login .mdc-floating-label,
mifosx-login .mat-form-field-label,
app-login mat-label,
app-login .mat-mdc-form-field,
app-login .mat-mdc-form-field label,
app-login .mat-mdc-floating-label,
app-login .mdc-floating-label,
app-login .mat-form-field-label {
    color: #374151 !important;
    opacity: 1 !important;
}

/* Input values */
mifosx-login input,
mifosx-login input.mat-mdc-input-element,
mifosx-login select,
mifosx-login textarea,
app-login input,
app-login input.mat-mdc-input-element,
app-login select,
app-login textarea {
    color: #111827 !important;
    caret-color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
    opacity: 1 !important;
}

/* Placeholder visibility */
mifosx-login input::placeholder,
mifosx-login textarea::placeholder,
app-login input::placeholder,
app-login textarea::placeholder {
    color: #6b7280 !important;
    opacity: 1 !important;
}

/* Icons in username/password fields */
mifosx-login mat-icon,
mifosx-login .mat-icon,
mifosx-login .mat-mdc-icon-button,
app-login mat-icon,
app-login .mat-icon,
app-login .mat-mdc-icon-button {
    color: #20242a !important;
    opacity: 1 !important;
}

/* Dropdown / language selector */
mifosx-login .mat-mdc-select-value,
mifosx-login .mat-mdc-select-value-text,
mifosx-login .mat-select-value,
mifosx-login .mat-mdc-select-arrow,
app-login .mat-mdc-select-value,
app-login .mat-mdc-select-value-text,
app-login .mat-select-value,
app-login .mat-mdc-select-arrow {
    color: #1f2937 !important;
    opacity: 1 !important;
}

/* Login button text */
mifosx-login button,
mifosx-login .mat-mdc-raised-button,
mifosx-login .mat-raised-button,
app-login button,
app-login .mat-mdc-raised-button,
app-login .mat-raised-button {
    opacity: 1 !important;
}

mifosx-login button .mdc-button__label,
app-login button .mdc-button__label {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Tenant / backend information block */
mifosx-login .server-info,
mifosx-login .backend-info,
mifosx-login .tenant-info,
mifosx-login .mat-body,
mifosx-login .mat-body-1,
mifosx-login small,
mifosx-login p,
mifosx-login span,
app-login .server-info,
app-login .backend-info,
app-login .tenant-info,
app-login .mat-body,
app-login .mat-body-1,
app-login small,
app-login p,
app-login span {
    color: #374151;
}

/*
 * Do not override text inside the photographic left panel.
 * This prevents this corrective stylesheet becoming a redesign.
 */
mifosx-login .cover,
mifosx-login .cover *,
mifosx-login .left-panel,
mifosx-login .left-panel *,
mifosx-login .login-image,
mifosx-login .login-image *,
app-login .cover,
app-login .cover *,
app-login .left-panel,
app-login .left-panel *,
app-login .login-image,
app-login .login-image * {
    color: inherit;
}

/* Ensure login form itself remains white/readable */
mifosx-login .login-form-container,
mifosx-login .right-panel,
app-login .login-form-container,
app-login .right-panel {
    background-color: #ffffff !important;
}