/* Cover the browser's autofill tint without disabling saved-password filling.
   Keep Tailwind's normal shadows and keyboard-focus rings outside the field. */
.auth-form input {
    --auth-autofill-shadow:
        0 0 0 1000px #fff inset,
        var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000),
        var(--tw-shadow, 0 0 #0000);
}

/* Separate rules keep unsupported pseudo-classes from invalidating the other. */
.auth-form input:-webkit-autofill {
    background-color: #fff !important;
    color: #374151 !important;
    -webkit-text-fill-color: #374151 !important;
    caret-color: #374151;
    -webkit-box-shadow: var(--auth-autofill-shadow) !important;
    box-shadow: var(--auth-autofill-shadow) !important;
}

.auth-form input:autofill {
    background-color: #fff !important;
    color: #374151 !important;
    -webkit-text-fill-color: #374151 !important;
    caret-color: #374151;
    -webkit-box-shadow: var(--auth-autofill-shadow) !important;
    box-shadow: var(--auth-autofill-shadow) !important;
}