/* Dropdown styling inspired by references/dashboard.css. */
.sf-select { position:relative; width:100%; min-width:0; }
.select.sf-select { height:auto; border:0; background:none; }
.sf-select .sf-select-native,.sf-select>svg,.sf-select>.ic { display:none !important; }
.sf-select[hidden] { display:none; }
.sf-select-trigger {
  position:relative; display:block; width:100%; height:40px; padding:0 38px 0 12px;
  border:1px solid var(--control-border); border-radius:8px; background:var(--card);
  color:var(--text); font:inherit; font-size:13px; text-align:left; cursor:pointer;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.sf-select-trigger::after {
  content:''; position:absolute; right:14px; top:50%; width:7px; height:7px;
  border-right:1.5px solid var(--muted); border-bottom:1.5px solid var(--muted);
  transform:translateY(-65%) rotate(45deg); transition:transform .18s ease;
}
.sf-select-trigger:hover { border-color:var(--border-strong); background:var(--hover); }
.sf-select-trigger:focus-visible,.sf-select-trigger[aria-expanded="true"] {
  outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft);
}
.sf-select-trigger[aria-expanded="true"]::after { transform:translateY(-20%) rotate(225deg); }
.sf-select-trigger:disabled { opacity:.5; cursor:default; }
.sf-select-menu {
  position:fixed; z-index:110; box-sizing:border-box; padding:8px;
  border:1px solid var(--border-strong); border-radius:10px; background:var(--card);
  box-shadow:0 12px 32px rgba(12,16,51,.16),0 3px 8px rgba(12,16,51,.06);
  overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin;
  transform-origin:top center; animation:sf-select-reveal .16s ease-out;
}
.sf-select-menu-up { transform-origin:bottom center; }
.sf-select-option {
  position:relative; display:block; width:100%; padding:10px 32px 10px 10px;
  border:0; border-radius:6px; background:transparent; color:var(--text);
  font:inherit; font-size:13px; text-align:left; cursor:pointer; overflow-wrap:anywhere;
  transition:background-color .12s ease,color .12s ease;
}
.sf-select-option+.sf-select-option { margin-top:4px; }
.sf-select-option:hover,.sf-select-option:focus-visible { outline:none; background:var(--surface-2); }
.sf-select-option[aria-selected="true"] { background:var(--accent-soft); color:var(--accent); font-weight:600; }
.sf-select-option[aria-selected="true"]::after {
  content:''; position:absolute; right:14px; top:50%; width:5px; height:9px;
  border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor;
  transform:translateY(-65%) rotate(45deg);
}
.sf-select-option:disabled { opacity:.45; cursor:default; }
.sf-select-group { padding:10px 10px 6px; color:var(--muted); font-size:11px; font-weight:600; }
.cal-select .sf-select,.news-select .sf-select { width:auto; min-width:100px; }
.sd-period .sf-select { width:110px; }
.fx-ex .sf-select-trigger { height:40px; padding:0 38px 0 12px; border-radius:8px; font-size:13px; color:var(--text); }
.pm-inputs .sf-select-trigger { height:30px; font-size:12px; }
.pp-pair.sf-select { width:300px; }
.pp-pair .sf-select-trigger { font-weight:700; }
.admin-toolbar>.sf-select { width:200px; }
.pop,.ex-pop,.fx-drop { border-color:var(--border-strong); border-radius:10px; box-shadow:0 12px 32px rgba(12,16,51,.16),0 3px 8px rgba(12,16,51,.06); animation:sf-select-reveal .16s ease-out; }
.pop-link { border-radius:6px; padding:10px; }
.pop-link:hover { background:var(--accent-soft); }
@keyframes sf-select-reveal { from {opacity:0; transform:translateY(-5px) scale(.98);} to {opacity:1; transform:translateY(0) scale(1);} }
@media(max-width:600px) { .news-select .sf-select { flex:1; } .pp-pair.sf-select { max-width:100%; } }
@media(prefers-reduced-motion:reduce) { .sf-select-menu,.pop,.ex-pop,.fx-drop { animation:none; } .sf-select-trigger,.sf-select-trigger::after,.sf-select-option { transition:none; } }
