/* pb-dropdown — a vanilla custom listbox that replaces the OS-native open option list of selected stays in the DOM as the form CARRIER: invisible + click- through + out of the tab order, but NOT display:none, so `required` validation and form submission still work (it overlays the trigger, so a validation bubble lands on the control). The open menu is portaled to with position:fixed so it escapes a modal's overflow:hidden — the same approach as .pb-rs-portal. Values copied verbatim from .pb-rs: control 40px · 1px #cbd5e1 · radius 10 · white · 14px · placeholder #828282 hover border #94a3b8 · focus/open border #2095b8 + 0 0 0 1px #2095b8 ring menu radius 4 · shadow 0 0 0 1px rgba(0,0,0,.1), 0 4px 11px rgba(0,0,0,.1) option 8px 12px · active/selected bg #efeaff text #461aca */ .pb-dropdown { position: relative; display: block; width: 100%; } .pb-dropdown--inline { display: inline-block; width: auto; vertical-align: middle; } /* native carrier — present (so it submits + validates) but invisible + click-through. Scoped under .pb-dropdown (0,2,0) so a single-class report/cancel select rule can never out-cascade it and make the carrier visible (review NIT #5). */ .pb-dropdown .pb-dropdown__native { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; opacity: 0; pointer-events: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* trigger = the closed control */ .pb-dropdown__trigger { display: flex; align-items: center; justify-content: space-between; gap: 8px; box-sizing: border-box; /* !important throughout: the trigger is a