[data-hctclient02-field].is-invalid,
.hctclient02-field.is-invalid {
    border-color: var(--hctclient02-color-danger) !important;
    outline-color: var(--hctclient02-color-danger);
}

[data-hctclient02-field].is-valid,
.hctclient02-field.is-valid {
    border-color: #2e7d32 !important;
    outline-color: #2e7d32;
}

.hctclient02-field-message {
    display: block;
    margin-top: var(--hctclient02-space-1);
    font-size: var(--hctclient02-text-meta);
}

.hctclient02-field-message.is-error { color: var(--hctclient02-color-danger); }
.hctclient02-field-message.is-success { color: #2e7d32; }