/* Suggestions are scoped to the existing name-search form. */
.roster-autocomplete-host { position: relative; }
.searchbox.roster-autocomplete-host { overflow: visible; }
.searchbox.roster-autocomplete-host input { border-radius: 7px 0 0 7px; }
.searchbox.roster-autocomplete-host button { border-radius: 0 7px 7px 0; }
.roster-autocomplete-host .roster-autocomplete-list {
  position: absolute;
  z-index: 30;
  inset: calc(100% + 6px) 0 auto;
  margin: 0;
  padding: 5px;
  list-style: none;
  max-height: min(380px, 48vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid #b7c5ce;
  border-radius: 8px;
  background: #fff;
  color: #182b3a;
  box-shadow: 0 8px 24px rgb(24 43 58 / 16%);
  text-align: left;
}
.roster-autocomplete-host .roster-autocomplete-list[hidden] { display: none; }
.roster-autocomplete-host .roster-autocomplete-option {
  display: grid;
  gap: 3px;
  padding: 12px;
  min-height: 44px;
  cursor: pointer;
  border-radius: 5px;
  overflow-wrap: anywhere;
  touch-action: manipulation;
  font-size: 14px;
  line-height: 1.4;
}
.roster-autocomplete-host .roster-autocomplete-option + .roster-autocomplete-option { border-top: 1px solid #e5ebef; }
.roster-autocomplete-host .roster-autocomplete-option[aria-selected="true"] {
  background: #e8f2fc;
  outline: 2px solid #176ba0;
  outline-offset: -2px;
}
@media (hover: hover) {
  .roster-autocomplete-host .roster-autocomplete-option:hover { background: #e8f2fc; }
}
.roster-autocomplete-host .roster-autocomplete-name { font-weight: 700; font-size: 16px; }
.roster-autocomplete-host .roster-autocomplete-location,
.roster-autocomplete-host .roster-autocomplete-office,
.roster-autocomplete-host .roster-autocomplete-license { color: #455b6b; }
.roster-autocomplete-host .roster-autocomplete-status {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 600px) {
  .roster-autocomplete-host .roster-autocomplete-list { max-height: min(320px, 45vh); }
  .roster-autocomplete-host .roster-autocomplete-option { padding: 11px; }
}