/* Targeted fix: group member search suggestions.
   Purpose: keep the suggestion list opaque and readable on top of the
   manager/member controls without changing any member-management logic. */
.add-box{
  position:relative !important;
  z-index:30 !important;
}

#memberSearchSuggestions.search-suggestions-dropdown{
  position:absolute !important;
  top:calc(100% + 4px) !important;
  left:0 !important;
  width:100% !important;
  max-height:180px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  background:var(--bg-sidebar) !important;
  color:var(--text-main) !important;
  border:1px solid var(--border-color) !important;
  border-radius:9px !important;
  box-shadow:0 10px 24px rgba(0,0,0,.38) !important;
  z-index:1000 !important;
  isolation:isolate !important;
  opacity:1 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

#memberSearchSuggestions .suggestion-item{
  position:relative !important;
  z-index:1 !important;
  background:var(--bg-sidebar) !important;
  color:var(--text-main) !important;
  border-bottom:1px solid color-mix(in srgb, var(--border-color) 55%, transparent) !important;
  min-height:36px !important;
  padding:9px 11px !important;
  line-height:1.25 !important;
}

#memberSearchSuggestions .suggestion-item:last-child{
  border-bottom:0 !important;
}

#memberSearchSuggestions .suggestion-item:hover,
#memberSearchSuggestions .suggestion-item:focus-visible{
  background:var(--hover-bg) !important;
}

#memberSearchSuggestions .suggestion-item b{
  color:var(--text-main) !important;
}

@media (max-width:768px){
  #memberSearchSuggestions.search-suggestions-dropdown{
    max-height:160px !important;
    border-radius:8px !important;
  }
}