/* Disabled look */
 /* Disabled input styling */
 .form-control[disabled] {
     cursor: not-allowed;
     opacity: 0.7;
 }

 /* Light mode disabled */
 body:not(.dark-mode) .form-control[disabled] {
     background-color: #f5f5f5 !important;
     color: #495057;
 }

 body:not(.dark-mode) select.form-select[disabled],
 body:not(.dark-mode) select[disabled] {
     background-color: #f5f5f5 !important;
     color: #495057 !important;
     border-color: #ccc !important;
     cursor: not-allowed !important;
 }


 /* Dark mode disabled */
 body.dark-mode .form-control[disabled] {
     background-color: #2b2b2b !important;
     color: #ccc;
 }

 /* Disabled select - dark mode fix */
 body.dark-mode select.form-select[disabled],
 body.dark-mode select[disabled] {
     background-color: #2b2b2b !important;
     color: #ccc !important;
     border-color: #444 !important;
     cursor: not-allowed !important;
 }


 /* Editable fields highlight - light mode */
 body:not(.dark-mode) .editable-field {
     border: 2px solid #17a2b8 !important;
     background-color: #e8faff !important;
     color: #000;
 }

 /* Editable fields highlight - dark mode */
 body.dark-mode .editable-field {
     border: 2px solid #17a2b8 !important;
     background-color: #1a3b4c !important;
     color: #fff;
 }

 /* ============================================
   DISABLED STATES — LIGHT MODE
   ============================================ */

 /* Wrapper */
 body:not(.dark-mode) .select2-container--default.select2-container--disabled .select2-selection--single {
     background-color: #f5f5f5 !important;
     color: #495057 !important;
     border-color: #ccc !important;
     cursor: not-allowed !important;
     opacity: 0.7;
 }

 /* Disabled text */
 body:not(.dark-mode) .select2-container--default.select2-container--disabled .select2-selection__rendered {
     color: #495057 !important;
 }

 /* Disable arrow */
 body:not(.dark-mode) .select2-container--default.select2-container--disabled .select2-selection__arrow {
     opacity: 0.4;
 }


 /* ============================================
   DISABLED STATES — DARK MODE
   ============================================ */

 body.dark-mode .select2-container--default.select2-container--disabled .select2-selection--single {
     background-color: #2b2b2b !important;
     color: #ccc !important;
     border-color: #444 !important;
     cursor: not-allowed !important;
     opacity: 0.7;
 }

 body.dark-mode .select2-container--default.select2-container--disabled .select2-selection__rendered {
     color: #ccc !important;
 }

 body.dark-mode .select2-container--default.select2-container--disabled .select2-selection__arrow {
     opacity: 0.4;
 }


 /* Light mode */
body:not(.dark-mode) .editable-field + .select2-container .select2-selection--single {
    border: 2px solid #17a2b8 !important;
    background-color: #e8faff !important;
    color: #000 !important;
}

/* Dark mode */
body.dark-mode .editable-field + .select2-container .select2-selection--single {
    border: 2px solid #17a2b8 !important;
    background-color: #1a3b4c !important;
    color: #fff !important;
}