/* Opaque surfaces keep options readable over animated profiles and dialogs. */
.tay-select{display:inline-flex;position:relative;min-width:0;max-width:100%;width:100%;vertical-align:middle;flex:0 1 auto}
select.tay-native-select{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;clip-path:inset(50%)!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.tay-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-width:0;min-height:40px;height:auto;padding:10px 13px;border:1px solid var(--border-bright,#ffffff24);border-radius:12px;background:var(--bg-input,#191520);color:var(--text-primary,#f5efff);box-shadow:inset 0 1px 0 #ffffff08;text-align:left;font:inherit;font-size:12px;line-height:1.4}
.tay-select-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.tay-select-arrow{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 3px 4px 0;opacity:.65;flex:none;transition:transform .16s ease}
.tay-select-trigger:hover,.tay-select-trigger[aria-expanded=true]{border-color:var(--accent);background:var(--bg-hover,#25202d)}.tay-select-trigger[aria-expanded=true] .tay-select-arrow{transform:translateY(3px) rotate(225deg)}.tay-select-trigger:disabled{opacity:.5;cursor:not-allowed}.tay-select-trigger[aria-invalid=true]{border-color:var(--danger,#ff727e)}
.tay-select-menu{position:fixed;inset:auto;z-index:20000;box-sizing:border-box;margin:0;padding:6px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--border-bright,#695575);border-radius:15px;background:#1d1825;color:var(--text-primary,#f6efff);box-shadow:0 18px 48px #0007;font:inherit;font-size:12px;animation:taySelectEnter .14s ease-out;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}
.tay-select-menu::backdrop{background:transparent;pointer-events:none}.tay-select-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 12px;min-height:40px;box-sizing:border-box;border:1px solid transparent;border-radius:9px;cursor:pointer;line-height:1.5;overflow-wrap:anywhere}.tay-select-option>span:first-child{min-width:0}.tay-select-option.is-active,.tay-select-option:not([aria-disabled=true]):hover{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.tay-select-option[aria-selected=true]{color:var(--accent);font-weight:700;background:color-mix(in srgb,var(--accent) 8%,transparent)}.tay-select-option[aria-disabled=true]{opacity:.4;cursor:not-allowed}.tay-select-check{flex:none;color:var(--accent);visibility:hidden}.tay-select-option[aria-selected=true] .tay-select-check{visibility:visible}.tay-select-group,.tay-select-empty{padding:10px 12px;color:var(--text-dim);font-size:11px}.tay-select-group{text-transform:uppercase;letter-spacing:.06em}
body[data-theme=light] .tay-select-menu{background:#faf7ff;color:#30243e}body[data-theme=ocean] .tay-select-menu{background:#102534}body[data-theme=forest] .tay-select-menu{background:#14291f}
body[data-theme=light] .tay-select-trigger:hover,body[data-theme=light] .tay-select-trigger[aria-expanded=true]{background:#e9e2f3;color:#30243e}
.leisure-toolbar>.tay-select{width:auto;flex:1 1 150px}.device-group .tay-select{flex:1;min-width:0}details:not(.nav-group)>summary{list-style:none;cursor:pointer;border-radius:12px;padding:12px;background:var(--bg-input,#ffffff06);border:1px solid var(--border-bright,#ffffff20);transition:border-color .18s ease}details:not(.nav-group)>summary::-webkit-details-marker{display:none}details:not(.nav-group)>summary::after{content:'⌄';float:right;margin-left:12px;color:var(--accent)}details[open]:not(.nav-group)>summary::after{content:'⌃'}details:not(.nav-group)>summary:hover{border-color:var(--accent)}
.mini-device-box{height:auto;min-height:46px;padding:4px 8px}.mini-device-box .tay-select{flex:1 1 0;min-width:0}.mini-device-box .tay-select-caption{flex:1 1 auto;min-width:0;color:var(--text-primary);font-weight:500}.mini-device-box .tay-select-trigger{min-height:34px;padding:7px 9px}.mini-device-box .tay-select-arrow{flex:none}
@keyframes taySelectEnter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
body.low-power .tay-select-menu,body.no-animations .tay-select-menu{animation:none}body.low-power .tay-select-arrow,body.no-animations .tay-select-arrow{transition:none}@media(prefers-reduced-motion:reduce){.tay-select-menu{animation:none}.tay-select-arrow{transition:none}}@media(max-width:600px){.tay-select-trigger{min-height:44px}.tay-select-option{min-height:44px}}