/* Framework validation states. Brand and layout rules live in the design system. */
h1:focus { outline: none; }
.valid.modified:not([type=checkbox]) { border-color: var(--state-success); }
.invalid { border-color: var(--state-danger); }
.validation-message { color: var(--state-danger); margin-top: .4rem; }
.blazor-error-boundary { background: var(--state-danger-bg); color: var(--state-danger); padding: 1.5rem; border-radius: 12px; }