.gs-admin-table-search { /* wraps search inputs and controls */
  display:flex; /* line up elements in a row */
  flex-wrap:wrap; /* allow controls to wrap on smaller widths */
  align-items:flex-end; /* align controls to the bottom edge of the container */
  gap:6px; /* add breathing room between adjacent controls */
  margin-bottom:12px; /* separate the search row from content below */
}
.gs-admin-table-search input[type="text"] { /* text fields inside the search row */
  padding:6px 8px; /* add inner spacing for readability */
  border:1px solid #999; /* define the input border for clarity */
  border-radius:4px; /* soften the input corners */
  min-width:220px; /* keep the text field wide enough for prompts */
}
.gs-admin-search-input { /* grouping element for inline inputs and buttons */
  display:flex; /* keep icon and text aligned in a row */
  gap:6px; /* space items evenly within the pair */
  align-items:center; /* vertically center paired controls */
  flex-wrap:nowrap;
  width:100%;
}
.gs-admin-search-extra { /* space for supplementary controls */
  width:100%; /* keep the extra content full-width */
  margin-top:8px; /* separate supplemental controls from the input row */
}
.gs-admin-search-input button { /* search button styling */
  padding:6px 12px; /* enlarge the clickable surface */
}
.gs-admin-search-input input[type="text"] {
  flex:1 1 0;
  min-width:0;
}
.gs-admin-search-input button {
  flex:0 0 auto;
}
.gs-admin-search-input input[type="text"],
.gs-admin-search-input button {
  min-height:34px;
}
.gs-autocomplete-list { /* dropdown list container */
  position:absolute; /* overlay dropdown on top of page content */
  background:#fff; /* keep suggestion background bright */
  border:1px solid #ccc; /* define the dropdown border */
  border-radius:4px; /* round the dropdown corners */
  max-height:280px; /* constrain height and allow scrolling */
  overflow:auto; /* show scrollbar when suggestions overflow */
  box-shadow:0 4px 12px rgba(0,0,0,.15); /* lift dropdown with shadow */
  z-index:9999; /* place dropdown above other elements */
}
.gs-autocomplete-list li { /* each suggestion row */
  padding:6px 10px; /* add breathing room around suggestion text */
  cursor:pointer; /* show pointer to indicate clickability */
}
.gs-autocomplete-list li:hover { /* pointer-hovered suggestion */
  background: powderblue; /* match the keyboard-active row treatment */
}
.gs-autocomplete-list li[data-active="true"] { /* keyboard-highlighted suggestion */
  background: powderblue; /* show current selection in a pale blue */
}
.gs-autocomplete-list li .gsq-mark,
.gs-autocomplete-list li strong { /* highlighted text inside suggestion */
  background: transparent !important; /* keep the typed-match text free of its own highlight box */
  font-weight:bold; /* keep matched text bold to stand out */
  color: royalblue !important; /* tint the bold text with a deeper blue */
}