/* SIXPASS shared dropdowns: plum surfaces, cream text, coral interaction states. */
.sx { position:relative; display:inline-block; min-width:0; max-width:100%; vertical-align:middle; }
.sx-native { position:absolute !important; width:1px !important; height:1px !important; min-height:0 !important; padding:0 !important; margin:0 !important; opacity:0; pointer-events:none; overflow:hidden; clip-path:inset(50%); }
.sx-trigger { width:100%; min-height:46px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 13px; border:1px solid var(--line2,var(--control-edge,#65596e)); border-radius:8px; background:#11101e; color:var(--ink,#fff0d8); font:inherit; font-size:14px; font-weight:400; cursor:pointer; text-align:left; }
.sx-trigger:hover:not(:disabled) { border-color:var(--coral,#ffa3ab); background:#211b30; }
.sx-trigger[aria-expanded="true"] { border-color:var(--coral,#ffa3ab); }
.sx-trigger:focus-visible { outline:2px solid var(--coral,#ffa3ab); outline-offset:3px; }
.sx-trigger:disabled { opacity:.5; cursor:not-allowed; }
.sx-trigger[aria-invalid="true"] { border-color:var(--coral,#ffa3ab); }
.sx-value { min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sx-chevron { display:grid; place-items:center; flex:none; width:20px; height:20px; color:var(--coral,#ffa3ab); }
.sx-chevron svg,.sx-check svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.sx-trigger[aria-expanded="true"] .sx-chevron { transform:rotate(180deg); }
.sx-list { position:fixed; inset:auto; z-index:1000; box-sizing:border-box; margin:0; padding:6px; list-style:none; overflow-y:auto; overscroll-behavior:contain; border:1px solid #65596e; border-radius:10px; background:#1c192b; color:#fff0d8; box-shadow:0 12px 32px #0006; scrollbar-width:thin; scrollbar-color:#77647f #1c192b; text-align:left; }
.sx-list[hidden] { display:none; }
.sx-opt { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:42px; box-sizing:border-box; margin:0; padding:10px; border-radius:6px; font:inherit; font-size:14px; font-weight:400; line-height:1.4; cursor:pointer; user-select:none; }
.sx-opt > span:first-child { overflow-wrap:anywhere; }
.sx-opt[data-active] { background:#ffa3ab1a; color:#ffc3c8; }
.sx-opt[aria-selected="true"] { background:#ffa3ab24; color:#ffc3c8; font-weight:600; }
.sx-opt[aria-disabled="true"] { color:#99909f; background:transparent; cursor:not-allowed; }
.sx-check { display:grid; place-items:center; flex:none; width:18px; height:18px; opacity:0; }
.sx-opt[aria-selected="true"] .sx-check { opacity:1; }
.sx-group { margin:4px 0; padding:10px 10px 6px; font:inherit; font-size:12px; font-weight:600; color:#c3b7c8; list-style:none; }
.sx-group:not(:first-child) { border-top:1px solid #ffffff1a; margin-top:8px; }
.form-grid .sx,.form-stack .sx,.field .sx,.modal .sx { display:block; width:100%; }
.filter-bar .sx,.setting-row .sx { min-width:120px; }
@media(max-width:620px) { .sx-trigger,.sx-opt { font-size:16px; } .sx-opt { min-height:44px; } }