/* Dark mode form controls */
.dark .form-control,
.dark .form-select,
.dark .choices__inner,
.dark .choices__list--dropdown,
.dark .choices__list--single,
.dark .choices__list--multiple .choices__item,
.dark .flatpickr-input,
.dark .choices__input {
  background-color: var(--phoenix-input-bg) !important;
  color: var(--phoenix-body-color) !important;
  border-color: var(--phoenix-input-border-color) !important;
}

.dark .form-control:focus,
.dark .form-select:focus,
.dark .choices__inner.is-focused,
.dark .choices.is-focused .choices__inner {
  box-shadow: 0 0 0 0.15rem rgba(var(--phoenix-primary-rgb), 0.25);
  border-color: var(--phoenix-primary);
}

.dark .form-control::placeholder,
.dark .form-select::placeholder,
.dark .choices__placeholder {
  color: var(--phoenix-gray-700) !important;
}

/* Keep Bootstrap form-floating behavior in dark mode */
.dark .form-floating > .form-control::placeholder,
.dark .form-floating > .form-control-plaintext::placeholder {
  color: transparent !important;
}

.dark .form-control:-webkit-autofill,
.dark .form-control:-webkit-autofill:hover,
.dark .form-control:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px var(--phoenix-input-bg) inset;
  -webkit-text-fill-color: var(--phoenix-body-color);
}

.dark select,
.dark .form-select {
  background-color: var(--phoenix-input-bg) !important;
  color: var(--phoenix-body-color) !important;
  border-color: var(--phoenix-input-border-color) !important;
  appearance: none;
}

.dark select option,
.dark select optgroup {
  background-color: var(--phoenix-input-bg) !important;
  color: var(--phoenix-body-color) !important;
}

.dark input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]),
.dark textarea {
  background-color: var(--phoenix-input-bg) !important;
  color: var(--phoenix-body-color) !important;
  border-color: var(--phoenix-input-border-color) !important;
}

.dark .form-control:disabled,
.dark .form-control[readonly],
.dark .form-select:disabled,
.dark input:disabled:not([type="checkbox"]):not([type="radio"]),
.dark textarea:disabled {
  background-color: var(--phoenix-gray-100) !important;
  color: var(--phoenix-gray-700) !important;
  border-color: var(--phoenix-input-border-color) !important;
  opacity: 1;
}

/* Dark mode: global select2 support */
.dark .select2-container--default .select2-selection--single,
.dark .select2-container--default .select2-selection--multiple {
  background-color: var(--phoenix-input-bg) !important;
  color: var(--phoenix-body-color) !important;
  border-color: var(--phoenix-input-border-color) !important;
}

.dark .select2-container--default .select2-selection--single .select2-selection__rendered,
.dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
  color: var(--phoenix-body-color) !important;
}

.dark .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--phoenix-gray-700) !important;
}

.dark .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--phoenix-gray-700) transparent transparent transparent !important;
}

.dark .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent var(--phoenix-gray-700) transparent !important;
}

.dark .select2-container--open .select2-dropdown {
  background-color: var(--phoenix-input-bg) !important;
  border-color: var(--phoenix-input-border-color) !important;
}

.dark .select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: var(--phoenix-gray-soft) !important;
  border-color: var(--phoenix-input-border-color) !important;
  color: var(--phoenix-body-color) !important;
}

.dark .select2-container--default .select2-results__option {
  background-color: var(--phoenix-input-bg) !important;
  color: var(--phoenix-body-color) !important;
}

.dark .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: rgba(var(--phoenix-primary-rgb), 0.25) !important;
  color: var(--phoenix-black) !important;
}

.dark .select2-container--default .select2-results__option--selected {
  background-color: var(--phoenix-gray-200) !important;
  color: var(--phoenix-primary) !important;
}

/* Page-level hardcoded white panels */
.dark .row-card,
.dark .warehouse-list-card {
  background-color: var(--phoenix-input-bg) !important;
  border-color: var(--phoenix-border-color) !important;
}

.dark .warehouse-table-modern thead th {
  background-color: var(--phoenix-gray-100) !important;
  color: var(--phoenix-body-color) !important;
}

.dark .warehouse-product-thumb,
.dark .warehouse-product-thumb-icon {
  background-color: var(--phoenix-gray-100) !important;
  border-color: var(--phoenix-border-color) !important;
  color: var(--phoenix-gray-700) !important;
}

/* Sidebar active/hover contrast improvements for dark navigation */
.navbar-vertical .menu-active-highlight,
.navbar-vertical .menu-active-highlight-link {
  color: #141824 !important;
}

.navbar-vertical .menu-active-highlight .nav-link,
.navbar-vertical .menu-active-highlight .nav-link-text,
.navbar-vertical .menu-active-highlight .nav-link-icon,
.navbar-vertical .menu-active-highlight .dropdown-indicator-icon,
.navbar-vertical .menu-active-highlight-link .nav-link-text,
.navbar-vertical .menu-active-highlight-link .nav-link-icon,
.navbar-vertical .menu-active-highlight-link .dropdown-indicator-icon {
  color: #141824 !important;
}

.navbar-vertical .menu-active-highlight .feather,
.navbar-vertical .menu-active-highlight-link .feather {
  stroke: #141824 !important;
}

body.navbar-darker .navbar-vertical .nav-link,
.dark .navbar-vertical .nav-link {
  transition: background-color .2s ease, color .2s ease;
}

body.navbar-darker .navbar-vertical .nav-link:not(.menu-active-highlight-link):hover,
.dark .navbar-vertical .nav-link:not(.menu-active-highlight-link):hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #eff2f6 !important;
}

body.navbar-darker .navbar-vertical .nav-link:not(.menu-active-highlight-link):hover .feather,
.dark .navbar-vertical .nav-link:not(.menu-active-highlight-link):hover .feather {
  stroke: #eff2f6 !important;
}

.navbar-vertical .menu-active-highlight:hover,
.navbar-vertical .menu-active-highlight-link:hover {
  background-color: #f2c000 !important;
}