/* Daily Network — Safe create page UI fixes */

/* Network multi-select dropdown panel */
.MuiAutocomplete-popper .MuiPaper-root,
.MuiAutocomplete-popper .MuiAutocomplete-paper {
  background-color: #1c1c1c !important;
  border: 1px solid #636669 !important;
  border-radius: 6px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
  margin-top: 4px !important;
}

.MuiAutocomplete-popper .MuiAutocomplete-listbox {
  background-color: #1c1c1c;
  padding: 4px 0;
  max-height: 280px;
}

.MuiAutocomplete-popper .MuiAutocomplete-option {
  padding: 10px 14px !important;
  min-height: 44px !important;
}

.MuiAutocomplete-popper .MuiAutocomplete-option:hover,
.MuiAutocomplete-popper .MuiAutocomplete-option[aria-selected='true'] {
  background-color: #2a2a2a !important;
}

/* Input field — visible outline even on dark background */
.MuiAutocomplete-root .MuiOutlinedInput-root {
  background-color: #121312;
}

.MuiAutocomplete-root .MuiOutlinedInput-notchedOutline {
  border-color: #636669 !important;
}

.MuiAutocomplete-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: #a1a3a7 !important;
}

.MuiAutocomplete-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #12ff80 !important;
  border-width: 1px !important;
}

.MuiAutocomplete-root .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline {
  border-color: #ff5f72 !important;
}