/* Validation visuals – design tokens (Tailwind-friendly: no .form-control dependency) */
.is-valid {
    border-color: var(--series-2, oklch(0.65 0.2 145));
}

.is-invalid {
    border-color: var(--destructive, oklch(0.577 0.245 27.325));
}

/* Keep feedback text compact */
[data-slot='field-error'],
[data-slot='validation-success'] {
    font-size: .875rem;
    margin-top: .25rem;
}