/* ERT Platform 3.11.8
   Functional Dash dropdowns styled as complete dark controls.

   These rules target the exact application component IDs, so they remain
   effective across React-Select class-name changes. */
:root {
  --ert-dd-bg: #0c131b;
  --ert-dd-bg-hover: #15212d;
  --ert-dd-border: #34475a;
  --ert-dd-focus: #22d3ee;
  --ert-dd-text: #edf4fb;
  --ert-dd-muted: #aebdcc;
}

#site,
#vb-electrode,
#vb-depth,
#vb-cmap,
#dat-file,
#export-epoch,
#export-format,
#manual-dat,
#manual-cmap {
  background: var(--ert-dd-bg) !important;
  background-color: var(--ert-dd-bg) !important;
  color: var(--ert-dd-text) !important;
  -webkit-text-fill-color: var(--ert-dd-text) !important;
  border-radius: 7px !important;
  opacity: 1 !important;
  filter: none !important;
  color-scheme: dark !important;
}

#site *,
#vb-electrode *,
#vb-depth *,
#vb-cmap *,
#dat-file *,
#export-epoch *,
#export-format *,
#manual-dat *,
#manual-cmap * {
  color: var(--ert-dd-text) !important;
  -webkit-text-fill-color: var(--ert-dd-text) !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

/* Make the complete closed control dark, not only the selected text. */
#site > div,

#vb-electrode > div,

#vb-depth > div,

#vb-cmap > div,

#dat-file > div,

#export-epoch > div,

#export-format > div,

#manual-dat > div,

#manual-cmap > div,
#site div[class*='control'],

#vb-electrode div[class*='control'],

#vb-depth div[class*='control'],

#vb-cmap div[class*='control'],

#dat-file div[class*='control'],

#export-epoch div[class*='control'],

#export-format div[class*='control'],

#manual-dat div[class*='control'],

#manual-cmap div[class*='control'],
#site .Select-control,

#vb-electrode .Select-control,

#vb-depth .Select-control,

#vb-cmap .Select-control,

#dat-file .Select-control,

#export-epoch .Select-control,

#export-format .Select-control,

#manual-dat .Select-control,

#manual-cmap .Select-control {
  background: var(--ert-dd-bg) !important;
  background-color: var(--ert-dd-bg) !important;
  background-image: none !important;
  border-color: var(--ert-dd-border) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/* Selected values and placeholders. */
#site .Select-value,

#vb-electrode .Select-value,

#vb-depth .Select-value,

#vb-cmap .Select-value,

#dat-file .Select-value,

#export-epoch .Select-value,

#export-format .Select-value,

#manual-dat .Select-value,

#manual-cmap .Select-value,
#site .Select-value-label,

#vb-electrode .Select-value-label,

#vb-depth .Select-value-label,

#vb-cmap .Select-value-label,

#dat-file .Select-value-label,

#export-epoch .Select-value-label,

#export-format .Select-value-label,

#manual-dat .Select-value-label,

#manual-cmap .Select-value-label,
#site div[class*='singleValue'],

#vb-electrode div[class*='singleValue'],

#vb-depth div[class*='singleValue'],

#vb-cmap div[class*='singleValue'],

#dat-file div[class*='singleValue'],

#export-epoch div[class*='singleValue'],

#export-format div[class*='singleValue'],

#manual-dat div[class*='singleValue'],

#manual-cmap div[class*='singleValue'] {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--ert-dd-text) !important;
  -webkit-text-fill-color: var(--ert-dd-text) !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-weight: 700 !important;
}

#site .Select-placeholder,

#vb-electrode .Select-placeholder,

#vb-depth .Select-placeholder,

#vb-cmap .Select-placeholder,

#dat-file .Select-placeholder,

#export-epoch .Select-placeholder,

#export-format .Select-placeholder,

#manual-dat .Select-placeholder,

#manual-cmap .Select-placeholder,
#site div[class*='placeholder'],

#vb-electrode div[class*='placeholder'],

#vb-depth div[class*='placeholder'],

#vb-cmap div[class*='placeholder'],

#dat-file div[class*='placeholder'],

#export-epoch div[class*='placeholder'],

#export-format div[class*='placeholder'],

#manual-dat div[class*='placeholder'],

#manual-cmap div[class*='placeholder'] {
  background: transparent !important;
  color: var(--ert-dd-muted) !important;
  -webkit-text-fill-color: var(--ert-dd-muted) !important;
  opacity: 1 !important;
  font-weight: 600 !important;
}

#site input, #site input[type='text'],
#vb-electrode input, #vb-electrode input[type='text'],
#vb-depth input, #vb-depth input[type='text'],
#vb-cmap input, #vb-cmap input[type='text'],
#dat-file input, #dat-file input[type='text'],
#export-epoch input, #export-epoch input[type='text'],
#export-format input, #export-format input[type='text'],
#manual-dat input, #manual-dat input[type='text'],
#manual-cmap input, #manual-cmap input[type='text'] {
  background: transparent !important;
  color: var(--ert-dd-text) !important;
  -webkit-text-fill-color: var(--ert-dd-text) !important;
  caret-color: var(--ert-dd-focus) !important;
  opacity: 1 !important;
}

#site svg, #site svg *, #site path,
#vb-electrode svg, #vb-electrode svg *, #vb-electrode path,
#vb-depth svg, #vb-depth svg *, #vb-depth path,
#vb-cmap svg, #vb-cmap svg *, #vb-cmap path,
#dat-file svg, #dat-file svg *, #dat-file path,
#export-epoch svg, #export-epoch svg *, #export-epoch path,
#export-format svg, #export-format svg *, #export-format path,
#manual-dat svg, #manual-dat svg *, #manual-dat path,
#manual-cmap svg, #manual-cmap svg *, #manual-cmap path {
  color: var(--ert-dd-text) !important;
  fill: var(--ert-dd-text) !important;
  stroke: var(--ert-dd-text) !important;
  opacity: 1 !important;
}

/* Open menus. */
#site .Select-menu-outer,

#vb-electrode .Select-menu-outer,

#vb-depth .Select-menu-outer,

#vb-cmap .Select-menu-outer,

#dat-file .Select-menu-outer,

#export-epoch .Select-menu-outer,

#export-format .Select-menu-outer,

#manual-dat .Select-menu-outer,

#manual-cmap .Select-menu-outer,
#site .Select-menu,

#vb-electrode .Select-menu,

#vb-depth .Select-menu,

#vb-cmap .Select-menu,

#dat-file .Select-menu,

#export-epoch .Select-menu,

#export-format .Select-menu,

#manual-dat .Select-menu,

#manual-cmap .Select-menu,
#site div[class*='menu'],

#vb-electrode div[class*='menu'],

#vb-depth div[class*='menu'],

#vb-cmap div[class*='menu'],

#dat-file div[class*='menu'],

#export-epoch div[class*='menu'],

#export-format div[class*='menu'],

#manual-dat div[class*='menu'],

#manual-cmap div[class*='menu'],
#site div[class*='menuList'],

#vb-electrode div[class*='menuList'],

#vb-depth div[class*='menuList'],

#vb-cmap div[class*='menuList'],

#dat-file div[class*='menuList'],

#export-epoch div[class*='menuList'],

#export-format div[class*='menuList'],

#manual-dat div[class*='menuList'],

#manual-cmap div[class*='menuList'] {
  background: var(--ert-dd-bg) !important;
  background-color: var(--ert-dd-bg) !important;
  border-color: var(--ert-dd-border) !important;
  color: var(--ert-dd-text) !important;
  z-index: 9999 !important;
}

#site .Select-option,

#vb-electrode .Select-option,

#vb-depth .Select-option,

#vb-cmap .Select-option,

#dat-file .Select-option,

#export-epoch .Select-option,

#export-format .Select-option,

#manual-dat .Select-option,

#manual-cmap .Select-option,
#site .VirtualizedSelectOption,

#vb-electrode .VirtualizedSelectOption,

#vb-depth .VirtualizedSelectOption,

#vb-cmap .VirtualizedSelectOption,

#dat-file .VirtualizedSelectOption,

#export-epoch .VirtualizedSelectOption,

#export-format .VirtualizedSelectOption,

#manual-dat .VirtualizedSelectOption,

#manual-cmap .VirtualizedSelectOption,
#site div[class*='option'],

#vb-electrode div[class*='option'],

#vb-depth div[class*='option'],

#vb-cmap div[class*='option'],

#dat-file div[class*='option'],

#export-epoch div[class*='option'],

#export-format div[class*='option'],

#manual-dat div[class*='option'],

#manual-cmap div[class*='option'] {
  background: var(--ert-dd-bg) !important;
  background-color: var(--ert-dd-bg) !important;
  color: var(--ert-dd-text) !important;
  -webkit-text-fill-color: var(--ert-dd-text) !important;
  opacity: 1 !important;
  font-weight: 600 !important;
}

#site .Select-option.is-focused,

#vb-electrode .Select-option.is-focused,

#vb-depth .Select-option.is-focused,

#vb-cmap .Select-option.is-focused,

#dat-file .Select-option.is-focused,

#export-epoch .Select-option.is-focused,

#export-format .Select-option.is-focused,

#manual-dat .Select-option.is-focused,

#manual-cmap .Select-option.is-focused,
#site div[class*='option']:hover,

#vb-electrode div[class*='option']:hover,

#vb-depth div[class*='option']:hover,

#vb-cmap div[class*='option']:hover,

#dat-file div[class*='option']:hover,

#export-epoch div[class*='option']:hover,

#export-format div[class*='option']:hover,

#manual-dat div[class*='option']:hover,

#manual-cmap div[class*='option']:hover {
  background: var(--ert-dd-bg-hover) !important;
  background-color: var(--ert-dd-bg-hover) !important;
}

#site .Select-option.is-selected,

#vb-electrode .Select-option.is-selected,

#vb-depth .Select-option.is-selected,

#vb-cmap .Select-option.is-selected,

#dat-file .Select-option.is-selected,

#export-epoch .Select-option.is-selected,

#export-format .Select-option.is-selected,

#manual-dat .Select-option.is-selected,

#manual-cmap .Select-option.is-selected,
#site div[class*='option'][aria-selected='true'],

#vb-electrode div[class*='option'][aria-selected='true'],

#vb-depth div[class*='option'][aria-selected='true'],

#vb-cmap div[class*='option'][aria-selected='true'],

#dat-file div[class*='option'][aria-selected='true'],

#export-epoch div[class*='option'][aria-selected='true'],

#export-format div[class*='option'][aria-selected='true'],

#manual-dat div[class*='option'][aria-selected='true'],

#manual-cmap div[class*='option'][aria-selected='true'] {
  background: #0b6778 !important;
  background-color: #0b6778 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Disabled fixed-value controls must remain fully legible. */
#site[aria-disabled='true'],

#vb-electrode[aria-disabled='true'],

#vb-depth[aria-disabled='true'],

#vb-cmap[aria-disabled='true'],

#dat-file[aria-disabled='true'],

#export-epoch[aria-disabled='true'],

#export-format[aria-disabled='true'],

#manual-dat[aria-disabled='true'],

#manual-cmap[aria-disabled='true'],
#site .is-disabled,

#vb-electrode .is-disabled,

#vb-depth .is-disabled,

#vb-cmap .is-disabled,

#dat-file .is-disabled,

#export-epoch .is-disabled,

#export-format .is-disabled,

#manual-dat .is-disabled,

#manual-cmap .is-disabled,
#site [class*='disabled'],

#vb-electrode [class*='disabled'],

#vb-depth [class*='disabled'],

#vb-cmap [class*='disabled'],

#dat-file [class*='disabled'],

#export-epoch [class*='disabled'],

#export-format [class*='disabled'],

#manual-dat [class*='disabled'],

#manual-cmap [class*='disabled'] {
  opacity: 1 !important;
  color: var(--ert-dd-text) !important;
  -webkit-text-fill-color: var(--ert-dd-text) !important;
}