/* Dropdown styling for the project-pair autocomplete on Afform pages,
   where the jQuery UI theme CSS is not loaded. Scoped via the custom
   menu class to avoid touching other autocompletes. */
ul.akryl-pair-menu {
  position: absolute;
  z-index: 100000;
  list-style: none;
  margin: 0;
  padding: 2px;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  max-height: 250px;
  max-width: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
ul.akryl-pair-menu .ui-menu-item {
  padding: 4px 8px;
  cursor: pointer;
}
ul.akryl-pair-menu .ui-menu-item .ui-state-active,
ul.akryl-pair-menu .ui-menu-item-wrapper.ui-state-active {
  background: #2786c2;
  color: #fff;
  border: none;
  margin: 0;
}