/* MVC unobtrusive validation → auth field error styles */
.field-validation-error {
    display: block;
    font-size: var(--font-size-label);
    line-height: 1.4;
    color: var(--color-error);
    min-height: calc(var(--font-size-label) * 1.4);
}

.auth-field__control:has(.input-validation-error) {
    border-color: var(--color-error);
}

.auth-field__control:has(.input-validation-error):focus-within {
    border-color: var(--color-error);
    box-shadow: 0 0 0 1px var(--color-error);
}

.validation-summary-errors {
    font-size: var(--font-size-label);
    line-height: 1.4;
    color: var(--color-error);
}

.validation-summary-errors ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.auth-form__summary {
    font-size: var(--font-size-label);
    line-height: 1.4;
    color: var(--color-error);
}

.auth-form__summary ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.auth-notice + .auth-form__actions {
    margin-top: var(--gap-header-form);
}

/* Suppress browser autofill blue/yellow background on auth inputs */
.auth-field__input:-webkit-autofill,
.auth-field__input:-webkit-autofill:hover,
.auth-field__input:-webkit-autofill:focus,
.auth-field__input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px var(--color-bg-panel) inset;
    box-shadow: 0 0 0 1000px var(--color-bg-panel) inset;
    -webkit-text-fill-color: var(--color-text);
    caret-color: var(--color-text);
    transition: background-color 5000s ease-in-out 0s;
}