/* app.css — Blazor base overrides (minimal) */

/* Validation states used by Blazor forms */
.valid.modified:not([type=checkbox]) {
    outline: 1px solid var(--mt-success, #56ca00);
}

.invalid:not(.auth-input):not(.auth-select) {
    outline: 1px solid var(--mt-danger, #ff4c51);
}

.validation-message {
    color: var(--mt-danger, #ff4c51);
}

/* Blazor error boundary */
.blazor-error-boundary {
    background: var(--mt-danger, #b32121);
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

.blazor-error-boundary::after {
    content: "Ha ocurrido un error."
}

h1:focus {
    outline: none;
}