/* Blazor framework plumbing (validation + error UI). Design system lives in css/site.css */

h1:focus { outline: none; }

.valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; }
.invalid { outline: 1px solid #e50000; }
.validation-message { color: #e50000; font-size: 0.85rem; }

#blazor-error-ui {
    display: none;
    position: fixed; bottom: 0; left: 0; right: 0; z-index: 2000;
    background: #b32121; color: #fff;
    padding: 0.75rem 1.25rem;
    font-size: 0.9rem;
    box-shadow: 0 -2px 12px rgba(0,0,0,0.25);
}
#blazor-error-ui .reload { color: #fff; text-decoration: underline; margin-left: 0.5rem; }
#blazor-error-ui .dismiss { cursor: pointer; float: right; }