/* Searchable dropdown (dropdown.js): list pickers on the main screen and on the Stats page */
.sel{position:relative;margin:0}
.selbtn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;min-height:48px;padding:6px 12px}
.selbtn .sl{display:flex;flex-direction:column;min-width:0}
.selbtn .sl b{font-size:15px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.selbtn .sl small{color:var(--muted);font-size:12px;font-weight:400;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.selbtn .car{color:var(--muted);flex:none;transition:transform .15s}
.selbtn[aria-expanded=true]{border-color:var(--gold)}
.selbtn[aria-expanded=true] .car{transform:rotate(180deg)}
.sdrop{position:absolute;z-index:20;left:0;top:calc(100% + 4px);width:100%;min-width:260px;background:var(--card);border:1px solid var(--gold);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.sdbox{padding:8px}
.sdbox input[type=search]{width:100%;min-width:0;margin-bottom:6px}
.sopts{position:relative;max-height:min(60vh,430px);overflow-y:auto;overscroll-behavior:contain}
.sopts .empty{padding:14px 6px}
.sgrp{position:sticky;top:0;background:var(--card);color:var(--gold);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:8px 6px 4px}
.sopt{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;border:none;border-radius:6px;padding:9px 8px;background:transparent;font-size:14px}
.sopt .so{display:flex;flex-direction:column;min-width:0}
.sopt .sd{color:var(--muted);font-size:12px;font-weight:400;line-height:1.3;white-space:normal}
.sopt small{color:var(--muted);flex:none}
.sopt:hover,.sopt:focus-visible{background:rgba(212,175,55,.1);outline:none}
.sopt.on{color:var(--gold);font-weight:600}
.sopt.new{color:var(--gold);font-weight:600;border-top:1px solid var(--line);border-radius:0 0 6px 6px;margin-top:4px}