/* Ajustes globales de la aplicación (complementan el tema MudBlazor). */

:root {
    /* La AppBar es densa (48px); alinea el desplazamiento del contenido. */
    --mud-appbar-height: 48px;
}

html, body {
    font-family: 'Inter', 'Segoe UI', Helvetica, Arial, sans-serif;
}

/* Campos nativos usados en las páginas de Identity (login, gestión de cuenta). */
.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(28, 61, 90, 0.25);
    border-color: #1C3D5A;
}

/* Límite de errores de Blazor. */
.blazor-error-boundary {
    background: #b32121;
    padding: 1rem 1rem 1rem 1rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "Se ha producido un error.";
    }