/* ====================================
   APP-LEVEL OVERRIDES
   Blazor-specific resets (blazor-error-boundary, validation).
   All design tokens live in _content/ReleasyNotes.Web.UI/styles.css.
   ==================================== */

.valid.modified:not([type=checkbox]) {
    outline: 1px solid var(--rn-success);
}

.invalid {
    outline: 1px solid var(--rn-error);
}

.validation-message {
    color: var(--rn-error);
    font-size: 0.875rem;
    margin-top: 4px;
}

.blazor-error-boundary {
    background: var(--rn-error);
    padding: 1rem 1rem 1rem 1.5rem;
    color: white;
    border-radius: var(--rn-radius-3);
}

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