.branded-select { position: relative; min-width: 0; }
.branded-select__native { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; }
.branded-select__trigger { display: flex; width: 100%; min-height: 46px; align-items: center; justify-content: space-between; gap: 12px; padding: 0 13px; border: 1px solid var(--color-border, #e2e8f0); border-radius: 11px; outline: 0; color: var(--color-text, #18181b); background: var(--color-surface, #fff); font: inherit; font-size: 14px; font-weight: 700; text-align: left; cursor: pointer; transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease; }
.branded-select__trigger::after { width: 8px; height: 8px; flex: 0 0 auto; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; color: var(--color-text-secondary, #71717a); content: ""; transform: translateY(-2px) rotate(45deg); transition: transform 160ms ease; }
.branded-select__trigger:hover, .branded-select.is-open .branded-select__trigger { border-color: #c7d2fe; background: #eef2ff; }
.branded-select__trigger:focus-visible { border-color: #4f46e5; box-shadow: 0 0 0 3px rgb(79 70 229 / .15); }
.branded-select.is-open .branded-select__trigger::after { transform: translateY(2px) rotate(225deg); }
.branded-select__menu { position: absolute; z-index: 180; top: calc(100% + 7px); left: 0; display: none; width: max(100%, max-content); min-width: 100%; max-width: min(420px, calc(100vw - 24px)); max-height: 300px; padding: 7px; overflow-y: auto; border: 1px solid rgb(79 70 229 / .16); border-radius: 14px; background: rgb(255 255 255 / .98); box-shadow: 0 18px 45px rgb(55 48 163 / .16), 0 2px 8px rgb(79 70 229 / .08); backdrop-filter: blur(14px); }
.branded-select.is-open .branded-select__menu { display: grid; gap: 2px; animation: branded-select-in 150ms cubic-bezier(.22, 1, .36, 1); }
.branded-select__option { display: flex; min-height: 40px; align-items: center; justify-content: space-between; gap: 18px; padding: 8px 10px; border: 0; border-radius: 9px; outline: 0; color: var(--color-text, #18181b); background: transparent; font: inherit; font-size: 13px; font-weight: 650; text-align: left; cursor: pointer; }
.branded-select__option:hover, .branded-select__option:focus-visible { color: #3730a3; background: #eef2ff; }
.branded-select__option[aria-selected="true"]::after { color: #4f46e5; font-size: 17px; font-weight: 800; content: "✓"; }
@keyframes branded-select-in { from { opacity: 0; transform: translateY(-5px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (prefers-reduced-motion: reduce) { .branded-select__menu, .branded-select__trigger::after { animation: none !important; transition: none; } }