/* Scrollable Discord-style plural autocomplete shared by Inventory and Locker. */
.garam-multi-autocomplete {
    position: fixed; z-index: 220000; box-sizing: border-box;
    max-height: 430px; overflow-y: auto; overflow-x: hidden;
    overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
    padding: 6px; border-radius: 14px;
    background: #fff; color: #263848; border: 1px solid #ccdbe8;
    box-shadow: 0 18px 42px rgb(9 37 65 / 18%);
    scrollbar-color: #a3b5c5 transparent; scrollbar-width: thin;
}
.garam-multi-autocomplete[hidden] { display: none !important; }
.garam-multi-autocomplete-option {
    display: block; width: 100%; min-height: 39px; padding: 10px 12px;
    box-sizing: border-box; background: transparent; color: inherit;
    font: inherit; font-size: 13px; font-weight: 650;
    text-align: left; white-space: normal; overflow-wrap: anywhere;
    border: 0; border-radius: 9px; cursor: pointer;
}
.garam-multi-autocomplete-option:is(:hover,.is-highlighted,:focus-visible) {
    background: var(--garam-theme-surface, #e8f4fd); color: var(--garam-theme-accent,#087cce);
}
html[data-garam-mode="dark"] .garam-multi-autocomplete {
    background: var(--garam-dark-panel, #24252b); color: var(--garam-dark-text,#f2f3f7);
    border-color: var(--garam-dark-border,#45464d); scrollbar-color: #686b76 transparent;
    box-shadow: 0 18px 48px rgb(0 0 0 / 45%);
}
html[data-garam-mode="dark"] .garam-multi-autocomplete-option:is(:hover,.is-highlighted,:focus-visible) {
    background: var(--garam-dark-raised, #34363e); color: var(--garam-dark-text,#fff);
}
@media (max-width:700px) {
  .garam-multi-autocomplete { border-radius: 12px; }
  .garam-multi-autocomplete-option { min-height: 43px; padding: 12px; }
}