/* Icons: ẩn mặc định — chỉ hiện theo trạng thái (tránh xung đột với utility opacity của Tailwind) */
[data-validate] .form-field-icon.is--success,
[data-validate] .form-field-icon.is--error {
    opacity: 0;
}

/* Field: Error */
[data-validate].is--error input,
[data-validate].is--error textarea {
    border-bottom-color: #ff9300 !important;
}

[data-validate].is--error .form-field-icon.is--error {
    opacity: 1;
}

/* Field: Success */
[data-validate].is--success .form-field-icon.is--success {
    opacity: 1;
}