/* Light mode styles (default) */
.team-autocomplete-dropdown { 
  box-shadow: 0 2px 8px rgba(0,0,0,0.08); 
  max-height: 200px; 
  overflow-y: auto; 
  background: var(--card-bg) !important; 
  color: var(--text-color) !important; 
  border: 1px solid var(--border-color) !important; 
}
.team-autocomplete-dropdown div, .team-autocomplete-dropdown button { 
  background: transparent; 
  color: inherit; 
}
.team-autocomplete-dropdown div:hover, .team-autocomplete-dropdown button:hover { 
  background: var(--btn-primary-bg) !important; 
  color: var(--btn-primary-text) !important; 
}
.team-autocomplete-input { 
  background: var(--input-bg) !important; 
  color: var(--input-text) !important; 
  border: 1px solid var(--input-border) !important; 
}

/* Dark mode overrides */
html.dark-mode .team-autocomplete-dropdown { 
  background: #232a36 !important; 
  color: #fff !important; 
  border: 1px solid #4f8cff !important; 
}
html.dark-mode .team-autocomplete-dropdown div:hover, 
html.dark-mode .team-autocomplete-dropdown button:hover { 
  background: #4f8cff !important; 
  color: #fff !important; 
}
html.dark-mode .team-autocomplete-input { 
  background: #181c22 !important; 
  color: #fff !important; 
  border: 1px solid #4f8cff !important; 
}