.sel{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:var(--control-lg);padding:0 12px 0 13px;text-align:left;cursor:pointer}.sel:disabled{opacity:.5;cursor:not-allowed}.sel:disabled:hover{border-color:var(--field-border)}.sel-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sel-placeholder{color:var(--text)}.sel-chev{flex:none;width:18px;height:18px;color:var(--heading);transition:transform var(--dur-fast) ease}.sel-open .sel-chev{transform:rotate(180deg)}.sel-sm{height:var(--control-sm);padding:0 9px 0 11px;font-size:var(--fs-small);gap:8px}.sel-sm .sel-chev{width:16px;height:16px}.sel-auto{width:auto}.sel-menu{position:fixed;z-index:var(--z-popover);min-width:180px;max-width:min(420px,calc(100vw - 16px));max-height:320px;overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid var(--card-border);border-radius:var(--radius-lg);background:var(--bg-raise);box-shadow:var(--shadow-md);outline:none;animation:sel-in .12s ease-out}.sel-menu-up{animation-name:sel-in-up}@keyframes sel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes sel-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.sel-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:8px 10px 8px 12px;border-radius:var(--radius-md);font-size:var(--fs-control);line-height:1.4;color:var(--text);cursor:pointer}.sel-opt-active{background:var(--input-bg)}.sel-opt-on{font-weight:600;color:var(--heading)}.sel-opt-off{opacity:.45;cursor:default}.sel-opt-text{min-width:0;overflow-wrap:anywhere}.sel-opt-note{display:block;font-size:var(--fs-small);font-weight:400;color:var(--muted)}.sel-opt-badge{flex:none;margin-left:auto;font-weight:500}.sel-tick{flex:none;width:16px;height:16px;color:var(--heading)}@media (prefers-reduced-motion:reduce){.sel,.sel-chev{transition:none}.sel-menu{animation:none}}