/* Custom styling for Select2 to match indigo theme */

.select2-container--classic .select2-selection--multiple {
  background-color: #1e2340 !important;
  border: 1px solid rgba(99, 102, 241, 0.2) !important;
  border-radius: 10px !important;
  color: var(--terminal-text) !important;
  min-height: 36px !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.select2-container--classic .select2-selection--multiple:hover {
  border-color: rgba(99, 102, 241, 0.3) !important;
}

.select2-container--classic.select2-container--focus .select2-selection--multiple,
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border-color: rgba(99, 102, 241, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1) !important;
  outline: none !important;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background: rgba(99, 102, 241, 0.1) !important;
  border: 1px solid rgba(99, 102, 241, 0.2) !important;
  border-radius: 6px !important;
  color: var(--terminal-text) !important;
  margin-top: 4px !important;
  margin-left: 4px !important;
  padding: 2px 8px !important;
  font-family: var(--font-body) !important;
  font-size: 12px !important;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: var(--terminal-error) !important;
  margin-right: 5px !important;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: var(--terminal-warning) !important;
}

.select2-container--classic .select2-dropdown {
  background-color: rgba(13, 18, 30, 0.97) !important;
  border: 1px solid rgba(99, 102, 241, 0.2) !important;
  border-radius: 10px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55) !important;
  backdrop-filter: blur(16px) !important;
  overflow: hidden !important;
}

.select2-container--classic .select2-results__option {
  color: var(--terminal-text) !important;
  padding: 8px 12px !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  transition: background-color 0.15s ease !important;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background: rgba(99, 102, 241, 0.12) !important;
  color: var(--terminal-text) !important;
}

.select2-container--classic .select2-results__option[aria-selected=true] {
  background-color: rgba(99, 102, 241, 0.06) !important;
  color: var(--terminal-highlight) !important;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  background-color: #1e2340 !important;
  border: 1px solid rgba(99, 102, 241, 0.15) !important;
  border-radius: 8px !important;
  color: var(--terminal-text) !important;
  padding: 8px 10px !important;
  font-family: var(--font-body) !important;
}

.select2-container--classic .select2-search--dropdown .select2-search__field:focus {
  border-color: rgba(99, 102, 241, 0.4) !important;
  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.1) !important;
  outline: none !important;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  background-color: transparent !important;
  color: var(--terminal-text) !important;
  border: none !important;
  font-family: var(--font-body) !important;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  padding: 0 5px !important;
}

.select2-container--classic .select2-selection--multiple .select2-selection__placeholder {
  color: var(--terminal-border) !important;
  opacity: 0.7 !important;
}

/* Make the dropdown scrollable */
.select2-results__options {
  max-height: 300px !important;
  overflow-y: auto !important;
}