/* Records Centre edit dropdowns are appended to the modal root so they are
   never clipped by the scrollable modal content, body or footer. */

body[data-kanisa-page="records-centre"] #editModal {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body[data-kanisa-page="records-centre"] #editModal > .select2-container.select2-container--open {
  z-index: 2310 !important;
}

body[data-kanisa-page="records-centre"] #editModal > .select2-container.select2-container--open .select2-dropdown,
body[data-kanisa-page="records-centre"] #editModal .records-edit-select-dropdown {
  box-sizing: border-box;
  max-width: calc(100vw - 24px);
  overflow: hidden;
  border: 1px solid #9cc8d2 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 18px 44px rgba(22, 34, 51, .18) !important;
}

body[data-kanisa-page="records-centre"] #editModal > .select2-container.select2-container--open .select2-dropdown--below {
  margin-top: 6px;
}

body[data-kanisa-page="records-centre"] #editModal > .select2-container.select2-container--open .select2-dropdown--above {
  margin-top: -6px;
}

body[data-kanisa-page="records-centre"] #editModal .select2-search--dropdown {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 12px;
  border-bottom: 1px solid #e8edf3;
  background: #fff;
}

body[data-kanisa-page="records-centre"] #editModal .select2-search--dropdown .select2-search__field {
  box-sizing: border-box;
  width: 100% !important;
  min-height: 44px;
  padding: 9px 12px;
  border: 1px solid #89c2ce !important;
  border-radius: 11px;
  outline: 0;
  background: #fff;
  color: #243249;
}

body[data-kanisa-page="records-centre"] #editModal .select2-search--dropdown .select2-search__field:focus {
  border-color: #5d87ff !important;
  box-shadow: 0 0 0 3px rgba(93, 135, 255, .12);
}

body[data-kanisa-page="records-centre"] #editModal .select2-results__options,
body[data-kanisa-page="records-centre"] #editModal .records-edit-select-results {
  max-height: min(320px, 42dvh) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

body[data-kanisa-page="records-centre"] #editModal .select2-results__option {
  min-height: 46px;
  padding: 12px 16px;
  color: #31425c;
  line-height: 1.45;
  white-space: normal;
  word-break: break-word;
}

body[data-kanisa-page="records-centre"] #editModal .select2-results__option--highlighted[aria-selected],
body[data-kanisa-page="records-centre"] #editModal .select2-results__option[aria-selected="true"] {
  background: #eef3ff !important;
  color: #315ec5 !important;
}

body[data-kanisa-page="records-centre"] #editModal .select2-container--default.select2-container--open .select2-selection--single {
  border-color: #7eb8c5 !important;
  box-shadow: 0 0 0 3px rgba(20, 130, 151, .1);
}

@media (max-width: 767.98px) {
  body[data-kanisa-page="records-centre"] #editModal > .select2-container.select2-container--open .select2-dropdown,
  body[data-kanisa-page="records-centre"] #editModal .records-edit-select-dropdown {
    max-width: calc(100vw - 20px);
  }

  body[data-kanisa-page="records-centre"] #editModal .select2-results__options,
  body[data-kanisa-page="records-centre"] #editModal .records-edit-select-results {
    max-height: min(280px, 38dvh) !important;
  }
}