/* Login / auth forms: browser autofill + MudBlazor outlined fields */
.auth-login-form input:-webkit-autofill,
.auth-login-form input:-webkit-autofill:hover,
.auth-login-form input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px var(--mud-palette-surface) inset !important;
    box-shadow: 0 0 0 1000px var(--mud-palette-surface) inset !important;
    -webkit-text-fill-color: var(--mud-palette-text-primary) !important;
    caret-color: var(--mud-palette-text-primary);
    transition: background-color 99999s ease-out 0s;
}

.auth-login-form .mud-input-root:has(input:-webkit-autofill) label.mud-input-label,
.auth-login-form .mud-input-root:has(input:not(:placeholder-shown)) label.mud-input-label {
    transform: translate(14px, -9px) scale(0.75);
    max-width: calc(133% - 32px);
}

.auth-login-form .mud-input-root:has(input:-webkit-autofill) legend,
.auth-login-form .mud-input-root:has(input:not(:placeholder-shown)) legend {
    max-width: 1000px;
}

.auth-login-form .mud-input-adornment-end,
.auth-login-form .mud-input-adornment-end .mud-icon-button-root {
    background: transparent !important;
    box-shadow: none !important;
}

.auth-login-form .mud-input-outlined .mud-input-adornment-end {
    margin-inline-end: 0;
}

.auth-login-form .auth-login-password:has(input:-webkit-autofill) .mud-input-slot.mud-input-outlined {
    background-color: var(--mud-palette-surface);
}

.auth-login-form .auth-login-password:has(input:-webkit-autofill) .mud-input-adornment-end {
    background-color: var(--mud-palette-surface) !important;
}