/* Blazor form-validation and error-boundary styling.
   Everything else lives in design-system.css — see that file for tokens.
   The Bootstrap the template shipped with has been removed; nothing referenced it. */

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

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

.validation-message {
    color: #8F4331;
    font-size: 12.5px;
}

.blazor-error-boundary {
    background: #F8EBE7;
    border: 1px solid #E0BEB4;
    border-radius: 6px;
    color: #8F4331;
    padding: 14px 18px;
    font-size: 13.5px;
}

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