/* FORCEFUL OVERRIDES FOR VALIDATION BORDERS */

/* 1. Neutralize '.valid' (prevent green border) */
.valid,
.valid.modified,
.form-control.valid,
input.valid,
select.valid,
textarea.valid,
.modified.valid {
    border-color: #d1d5db !important;
    /* gray-300 */
    box-shadow: none !important;
    outline: none !important;
    background-image: none !important;
    /* Removes Bootstrap/browser validation icons if present */
}

/* 2. Focus state for valid inputs (Indigo) */
.valid:focus,
.valid.modified:focus,
.form-control.valid:focus,
input.valid:focus,
select.valid:focus,
textarea.valid:focus {
    border-color: #6366f1 !important;
    /* indigo-500 */
    box-shadow: 0 0 0 1px #6366f1 !important;
}

/* 3. STRICT RED for Invalid/Error */
.invalid,
.modified.invalid,
.input-validation-error,
.validation-message,
.form-control.invalid,
input.invalid {
    border-color: #dc2626 !important;
    /* red-600 */
    color: #dc2626;
    /* Text color only for messages */
    outline: none !important;
    background-image: none !important;
}

/* 4. Invalid Focus Ring */
.invalid:focus,
.modified.invalid:focus,
.input-validation-error:focus {
    box-shadow: 0 0 0 1px #dc2626 !important;
}