/* ColloqAid custom single-choice dropdowns.
   Native select elements remain in the form as the data and event source. */:root{--cq-select-bg:var(--surface-elevated, #ffffff);--cq-select-border:color-mix(in srgb, var(--line, #d8e0eb) 88%, var(--text, #0f172a) 12%);--cq-select-hover:color-mix(in srgb, var(--accent-soft, #edf5ff) 58%, var(--surface-elevated, #ffffff) 42%);--cq-select-selected:color-mix(in srgb, var(--accent-soft, #eaf2ff) 82%, var(--surface-elevated, #ffffff) 18%);--cq-select-focus:color-mix(in srgb, var(--accent, #2563eb) 66%, var(--text, #0f172a) 34%);--cq-select-muted:var(--muted, #64748b)}.cq-select{position:relative;display:block;width:100%;max-width:100%;min-width:0;color:var(--text, #0f172a);font:inherit}select.cq-select__native{position:absolute !important;inset:0 auto auto 0 !important;width:1px !important;height:1px !important;min-width:0 !important;min-height:0 !important;max-width:none !important;margin:0 !important;padding:0 !important;border:0 !important;opacity:0 !important;pointer-events:none !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;clip-path:inset(50%) !important;background:transparent !important;box-shadow:none !important}.cq-select__trigger{width:100%;max-width:100%;min-width:0;min-height:var(--app-ui-input-height, 44px);padding:10px var(--app-ui-control-padding-inline, 12px);border:1px solid var(--cq-select-border);border-radius:var(--app-ui-control-radius, 12px);background:var(--cq-select-bg);color:var(--text, #0f172a);box-shadow:none;display:flex;align-items:center;justify-content:space-between;gap:10px;font:inherit;font-size:var(--app-ui-control-font-size, 14px);font-weight:650;line-height:1.25;text-align:left;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.cq-select__trigger:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent, #2563eb) 38%, var(--cq-select-border) 62%);background:var(--cq-select-hover)}.cq-select__trigger:focus{outline:none}.cq-select__trigger:focus-visible,.cq-select.is-open .cq-select__trigger{border-color:var(--cq-select-focus);outline:var(--app-ui-focus-ring-width, 3px) solid var(
    --app-ui-focus-ring-color,
    color-mix(in srgb, var(--accent, #2563eb) 26%, transparent)
  );outline-offset:var(--app-ui-focus-ring-offset, 2px)}.cq-select.is-open .cq-select__trigger{background:var(--cq-select-hover)}.cq-select.is-disabled .cq-select__trigger,.cq-select__trigger:disabled{cursor:not-allowed;opacity:.56}.cq-select__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cq-select.is-placeholder .cq-select__value{color:var(--cq-select-muted);font-weight:560}.cq-select__arrow{width:16px;height:12px;flex:0 0 16px;color:var(--cq-select-muted);display:inline-flex;align-items:center;justify-content:center;transform:rotate(0deg);transform-origin:center;transition:transform .18s ease,color .16s ease}.cq-select__arrow svg{width:16px;height:10px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.cq-select.is-open .cq-select__arrow{color:var(--accent-strong, var(--accent, #2563eb));transform:rotate(180deg)}.cq-select-menu{position:fixed;z-index:2147482400;margin:0;padding:var(--app-ui-menu-padding, 8px);border:1px solid var(--cq-select-border);border-radius:var(--app-ui-menu-radius, 14px);background:var(--cq-select-bg);color:var(--text, #0f172a);box-shadow:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:transparent transparent;transform-origin:top center;animation:cqSelectMenuIn .14s ease-out both}.cq-select-menu[data-placement="top"]{transform-origin:bottom center}.cq-select-menu[hidden]{display:none !important}.cq-select-menu:hover,.cq-select-menu:focus-within{scrollbar-color:color-mix(in srgb, var(--accent, #2563eb) 42%, var(--line, #d8e0eb) 58%) transparent}.cq-select-menu::-webkit-scrollbar{width:7px}.cq-select-menu::-webkit-scrollbar-track{background:transparent}.cq-select-menu::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:transparent;background-clip:padding-box}.cq-select-menu:hover::-webkit-scrollbar-thumb,.cq-select-menu:focus-within::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent, #2563eb) 42%, var(--line, #d8e0eb) 58%);background-clip:padding-box}.cq-select-menu__group{padding:9px 10px 5px;color:var(--cq-select-muted);font-size:11px;font-weight:760;letter-spacing:.06em;text-transform:uppercase}.cq-select-menu__option{width:100%;min-height:var(--app-ui-compact-button-height, 36px);margin:0;padding:8px 9px 8px 11px;border:0;border-radius:var(--app-ui-menu-item-radius, 12px);background:transparent;color:var(--text, #0f172a);box-shadow:none;display:grid;grid-template-columns:minmax(0, 1fr) 18px;align-items:center;gap:8px;font:inherit;font-size:var(--app-ui-control-font-size, 14px);font-weight:590;line-height:1.3;text-align:left;cursor:pointer}.cq-select-menu__option:hover:not(:disabled),.cq-select-menu__option.is-active:not(:disabled){background:var(--cq-select-hover)}.cq-select-menu__option.is-selected{background:var(--cq-select-selected);color:var(--accent-strong, var(--accent, #2563eb));font-weight:740}.cq-select-menu__option:focus{outline:none}.cq-select-menu__option:disabled{cursor:not-allowed;opacity:.46}.cq-select-menu__option-label{min-width:0;overflow-wrap:anywhere}.cq-select-menu__check{opacity:0;color:currentColor;font-size:16px;font-weight:800;text-align:center}.cq-select-menu__option.is-selected .cq-select-menu__check{opacity:1}@keyframes cqSelectMenuIn{from{opacity:0;transform:translateY(-3px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}#sharedPackBrowseCard.shared-library-inline .shared-pack-filter-grid .field:not(.shared-library-search-field) .cq-select{width:var(--shared-pack-filter-select-width, 54px);min-width:54px;max-width:280px}#sharedPackBrowseCard.shared-library-inline .shared-pack-filter-grid .field:not(.shared-library-search-field) .cq-select__trigger{height:40px;min-height:40px;padding:0 7px 0 6px;border:0;border-radius:0 9px 9px 0;background:transparent;font-size:var(--shared-pack-filter-font-size, 14px);font-weight:var(--shared-pack-filter-font-weight, 700);outline-offset:-2px}#sharedPackBrowseCard.shared-library-inline .shared-pack-filter-grid .field:not(.shared-library-search-field):focus-within{border-color:color-mix(in srgb, var(--accent, #3182f6) 52%, var(--shared-library-field-border) 48%) !important;outline:3px solid color-mix(in srgb, var(--accent, #3182f6) 16%, transparent) !important;outline-offset:2px}#sharedPackBrowseCard.shared-library-inline .shared-pack-filter-grid .field:not(.shared-library-search-field) .cq-select__trigger:focus-visible,#sharedPackBrowseCard.shared-library-inline .shared-pack-filter-grid .field:not(.shared-library-search-field) .cq-select.is-open .cq-select__trigger{outline:none}#sharedPackBrowseCard.shared-library-inline .shared-pack-filter-grid .field:not(.shared-library-search-field) .cq-select__arrow{margin-left:1px}@media (max-width: 720px){#sharedPackBrowseCard.shared-library-inline .shared-pack-filter-grid .field:not(.shared-library-search-field) .cq-select{width:100%;min-width:0;max-width:none}}@media (max-width: 600px) and (pointer: coarse){.cq-select__trigger,.cq-select-menu__option{min-height:44px}.cq-select-menu{padding:var(--app-space-1, 4px);border-radius:var(--app-ui-control-radius, 12px)}}@media (prefers-reduced-motion: reduce){.cq-select__arrow{transition:none}.cq-select-menu{animation:none}}