/* Searchable picker for long Request builder selects (js/v3/qb-combo.js) */
.qb-combo { position: relative; width: 100%; }
.qb-combo__native { position: absolute !important; opacity: 0 !important; pointer-events: none !important; width: 1px !important; height: 1px !important; overflow: hidden; }
.qb-combo__btn { width: 100%; text-align: left; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 28px !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2371717a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 8px center; background-repeat: no-repeat; background-size: 16px 16px; }
.qb-combo__pop { position: absolute; top: calc(100% + 4px); left: 0; z-index: 60; width: max(100%, 240px); background: #fff; border: 1px solid #e4e4e7; border-radius: 8px;
  box-shadow: 0 10px 28px rgba(24, 24, 27, .14); padding: 6px; }
.qb-combo__search { width: 100%; box-sizing: border-box; border: 1px solid #e4e4e7; border-radius: 6px; padding: 7px 9px; font-size: 13px; margin-bottom: 6px; outline: none; }
.qb-combo__search:focus { border-color: #fb923c; box-shadow: 0 0 0 3px rgba(251, 146, 60, .18); }
.qb-combo__list { list-style: none; margin: 0; padding: 0; max-height: 260px; overflow-y: auto; overscroll-behavior: contain; }
.qb-combo__opt { padding: 6px 9px; border-radius: 5px; font-size: 13px; color: #27272a; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qb-combo__opt.is-active { background: #fff7ed; }
.qb-combo__opt.is-on { font-weight: 600; color: #c2410c; }
.qb-combo__none { padding: 8px 9px; font-size: 13px; color: #71717a; }
