/* Blazor framework form-validation states (kept from the template).
   All design-system styles live in tally/tally.css. */

h1:focus {
    outline: none;
}

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

.invalid {
    outline: 1px solid var(--red-500, #e50000);
}

.validation-message {
    color: var(--status-overdue-text, #e50000);
    font: var(--font-caption, 400 12px/1.3 sans-serif);
}

.blazor-error-boundary {
    background: var(--status-overdue-bg, #f5edec);
    border: 1px solid var(--status-overdue-border, #ead9d7);
    border-radius: var(--radius-lg, 10px);
    color: var(--status-overdue-text, #722e28);
    padding: 1rem 1.25rem;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }