.search-popup-field { position: relative; min-width: 0; flex: 1 1 0; }
.search-popup-field > .form-control { width: 100%; min-width: 0; }
.search-popup { position: absolute; inset: calc(100% + .45rem) 0 auto; z-index: 40; width: 100%; max-height: min(22rem, 50vh); overflow-x: hidden; overflow-y: auto; padding: .35rem; border: 1px solid var(--sb-line); border-radius: .8rem; background: #fffdf9; box-shadow: 0 8px 28px rgb(78 55 22 / 14%); }
.search-popup[hidden] { display: none; }
.search-popup-option { display: flex; align-items: center; width: 100%; min-width: 0; min-height: 44px; padding: .65rem .8rem; border: 0; border-radius: .5rem; color: var(--sb-ink); background: transparent; text-align: left; text-decoration: none; white-space: normal; overflow-wrap: anywhere; cursor: pointer; }
.search-popup-option:hover, .search-popup-option.is-active, .search-popup-option[aria-selected="true"] { color: var(--sb-gold-deep); background: #f7edda; }
.search-popup-option:focus-visible { outline: 2px solid var(--sb-gold-deep); outline-offset: -3px; }
.search-popup-empty { margin: 0; padding: .65rem .8rem; color: var(--sb-muted); overflow-wrap: anywhere; }
.event-dashboard-capsule[data-popup-search] { overflow: visible; }
.event-dashboard-capsule[data-popup-search] .search-popup-field > .form-control { border-radius: 999px 0 0 999px; }
.event-dashboard-capsule[data-popup-search] > :last-child { border-radius: 0 999px 999px 0; }