/* User Select Dropdown Styling */

[data-controller*="profile-select"] .dropdown-menu,
[data-controller*="user-select"] .dropdown-menu {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.1);
}

[data-controller*="profile-select"] .dropdown-item,
[data-controller*="user-select"] .dropdown-item {
  transition: all 0.2s ease;
  border-radius: 0.25rem;
  margin: 0.125rem 0.5rem;
  padding: 0.5rem;
}

[data-controller*="profile-select"] .dropdown-item:hover,
[data-controller*="user-select"] .dropdown-item:hover {
  background-color: #e7f1ff;
}

/* Better contrast for small text (email) in normal state */
[data-controller*="user-select"] .user-email-text {
  color: #6c757d;
}

/* Better contrast for small text on hover */
[data-controller*="user-select"] .dropdown-item:hover .user-email-text {
  color: #495057;
}

[data-controller*="profile-select"] .dropdown-item.active,
[data-controller*="user-select"] .dropdown-item.active {
  background-color: #0d6efd;
  color: white;
}

[data-controller*="profile-select"] .dropdown-item.active .badge {
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: white;
}

[data-controller*="profile-select"] .dropdown-item.active .text-muted,
[data-controller*="user-select"] .dropdown-item.active .text-muted,
[data-controller*="user-select"] .dropdown-item.active .user-email-text {
  color: rgba(255, 255, 255, 0.95) !important;
}

[data-controller*="profile-select"] .dropdown-toggle,
[data-controller*="user-select"] .dropdown-toggle {
  min-height: 42px;
}

[data-controller*="user-select"] .btn:hover,
[data-controller*="user-select"] button:hover,
[data-controller*="user-select"] .btn.dropdown-toggle:hover,
[data-controller*="user-select"] button.dropdown-toggle:hover {
  background-color: #e7f1ff !important;
  border-color: #6c757d !important;
  color: #212529 !important;
}