/* Blazor framework essentials only — visual styles live in css/app.css (Tailwind build) */

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

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

.validation-message {
    color: #F97066;
    font-size: 12px;
    margin-top: 4px;
}

.blazor-error-boundary {
    background: #C03028;
    color: white;
    padding: 1rem;
    border-radius: 12px;
    font-family: 'Manrope', system-ui, sans-serif;
}
.blazor-error-boundary::after {
    content: "Something went wrong on this page.";
}