/*
 * Global styling for disabled form fields in the backend.
 * Ensures disabled/readonly fields are visually grayed out.
 */

/* Disabled form controls - ensure consistent light gray background */
.form-control:disabled,
.form-control[disabled],
.form-control[readonly] {
    background-color: var(--oc-form-control-disabled-bg) !important;
    color: var(--oc-form-control-disabled-color) !important;
    cursor: not-allowed;
    opacity: 0.75;
}

/* Disabled textareas */
textarea.form-control:disabled,
textarea.form-control[disabled],
textarea.form-control[readonly] {
    background-color: var(--oc-form-control-disabled-bg) !important;
    color: var(--oc-form-control-disabled-color) !important;
    cursor: not-allowed;
    opacity: 0.75;
}

/* Disabled Select2 dropdowns */
.select2-container--disabled .select2-selection {
    background-color: var(--oc-form-control-disabled-bg) !important;
    color: var(--oc-form-control-disabled-color) !important;
    cursor: not-allowed;
    opacity: 0.75;
}

/* Disabled record finder */
.control-disabled .record-finder .form-control,
.control-disabled .recordfinder .form-control {
    background-color: var(--oc-form-control-disabled-bg) !important;
    color: var(--oc-form-control-disabled-color) !important;
    opacity: 0.75;
}

/* Disabled datepicker */
.control-disabled .datepicker .form-control,
.control-disabled input[type="text"] {
    background-color: var(--oc-form-control-disabled-bg) !important;
    color: var(--oc-form-control-disabled-color) !important;
    opacity: 0.75;
}

/* General control-disabled wrapper styling */
.control-disabled {
    cursor: not-allowed;
}

.control-disabled .form-control,
.control-disabled select,
.control-disabled input {
    background-color: var(--oc-form-control-disabled-bg) !important;
    color: var(--oc-form-control-disabled-color) !important;
    cursor: not-allowed;
    opacity: 0.75;
}

/* Disabled switches */
.control-disabled .custom-switch,
.control-disabled .custom-checkbox {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Preview mode fields (readOnly) */
.form-group-preview .form-control {
    color: var(--oc-form-control-disabled-color) !important;
    opacity: 0.75;
}