/* Validation styles for complaint form */
.form-field .error-message {
    display: none;
    color: #dc3545;
    font-size: 12px;
    margin-top: 4px;
    font-weight: 500;
}

.form-field.error input,
.form-field.error select,
.form-field.error textarea {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.1);
}

.form-field.error label {
    color: #dc3545;
}

.submit-btn:disabled {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    cursor: not-allowed;
    opacity: 0.6;
}

.submit-btn.active {
    background-color: #1268B1 !important;
    border-color: #1268B1 !important;
    cursor: pointer;
    opacity: 1;
}



/* Smooth transitions for validation states */
.form-field input,
.form-field select,
.form-field textarea {
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.error-message {
    padding: 2px !important;
    background: none !important;
    transition: opacity 0.2s ease;
    border: none !important;
    margin: 0px !important;
}

/* Disabled select option styling */
select:disabled option[disabled] {
    color: rgb(153, 153, 153) !important;
    background-color: rgb(245, 245, 245) !important;
    opacity: 0.5 !important;
}
/* Set input text color to black */
input[type="text"], input[type="email"], textarea {
    color: #000 !important;
}
/* Grievance specific error message styling */
.grievance-err-msg {
    color: red !important;
    font-size: 14px !important;
    margin-top: 10px !important;
    display: none;
}