/* Dark theme for react-select v1 used by dcc.Dropdown */
.dd-dark .Select-control{
  background:#14161a; color:#e6f1ff; border-color:#243447;
}
.dd-dark .Select-placeholder{ color:rgba(230,241,255,.6); }
.dd-dark .Select-value-label{ color:#e6f1ff !important; }
.dd-dark .Select-arrow { border-top-color:#e6f1ff; }

/* The open menu */
.dd-dark .Select-menu-outer{
  background:#0f1216; border:1px solid #243447; color:#e6f1ff; z-index:2000;
}
.dd-dark .Select-menu{ background:#0f1216; }
.dd-dark .Select-option{ background:#0f1216; color:#e6f1ff; }
.dd-dark .Select-option.is-focused{ background:#1a1f24; }
.dd-dark .Select-option.is-selected{ background:#253040; }

/* Chip colors (if you flip to multi later) */
.dd-dark.Select--multi .Select-value{
  background:#1a1f24; border-color:#2b2f36; color:#e6f1ff;
}
.dd-dark.Select--multi .Select-value-icon{ border-right-color:#2b2f36; }
