.dark-layout .form-control[type=file]::file-selector-button {
  background-color: #283046;
}

/* Dark mode: Select2 dropdown search field */
.dark-layout .select2-search--dropdown .select2-search__field {
  background-color: #283046 !important;
  border-color: #3b4253 !important;
  color: #b4b7bd !important;
}

/* Select2 arrow: remove ugly box, show only chevron */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none !important;
}
.select2-container--default .select2-selection--single {
  padding-right: 2rem !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.75rem center !important;
  background-size: 14px 10px !important;
}

/* Dark mode: Select2 results option hover */
.dark-layout .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-layout .select2-container--default .select2-results__option--highlighted {
  background-color: #7367f0 !important;
  color: #fff !important;
}

/* Dark mode: Select2 scrollbar */
.dark-layout .select2-results__options {
  scrollbar-color: #3b4253 #283046;
}
.dark-layout .select2-results__options::-webkit-scrollbar {
  width: 6px;
}
.dark-layout .select2-results__options::-webkit-scrollbar-track {
  background: #283046;
}
.dark-layout .select2-results__options::-webkit-scrollbar-thumb {
  background-color: #3b4253;
  border-radius: 3px;
}

/* Dark mode: native select.form-control dark styling */
.dark-layout select.form-control {
  background-color: #283046;
  color: #b4b7bd;
  border-color: #404656;
}
.dark-layout select.form-control option {
  background-color: #283046;
  color: #b4b7bd;
}