/* Estilos globales del panel.
   Deliberadamente minimo: la tipografia, el color y el layout los define
   PetPassTheme.cs (ver .claude/rules/theming-panel.md). Aqui solo van
   arreglos de comportamiento del navegador que MudBlazor no cubre.

   Se elimino todo el CSS de la plantilla por defecto de Blazor (botones
   Bootstrap, clases de validacion de EditForm, error boundary, override de
   font-family): ninguna de esas clases existia en el markup renderizado
   —el panel usa MudBlazor— y solo aportaban colores fuera del tema. */

/* Autofill del navegador: quita el fondo amarillo forzado y lo alinea con
   el tema activo (claro/oscuro) via variables de MudBlazor. */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 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 5000s ease-in-out 0s;
}

/* Truco estándar (usado por Angular Material y otros) para detectar cuándo
   el navegador autocompleta un input: dispara una animación inofensiva que
   autofill-sync.js escucha para reenviar un evento "input" real y que
   Blazor sincronice el valor — sin esto, el binding de Blazor no se entera
   de que el campo tiene valor tras el autofill. */
@keyframes onAutoFillStart {
    from {}
    to {}
}

input:-webkit-autofill {
    animation-name: onAutoFillStart;
    animation-duration: 0.001s;
}