:root{--vbg-bg:#0f101c;--vbg-border:rgba(255,255,255,.13);--vbg-text:#f4f4f9;--vbg-soft:#d6d7e6;--vbg-muted:#9698b2;--vbg-accent:#7c8bff;--vbg-grad:linear-gradient(120deg,#6f7eff,#a36bff 55%,#5fd6e6 115%);--vbg-list:#151627}
.vbg-dd{position:relative;--vbg-bg:#0f101c;--vbg-border:rgba(255,255,255,.13);--vbg-text:#f4f4f9;--vbg-soft:#d6d7e6;--vbg-muted:#9698b2;--vbg-accent:#7c8bff;--vbg-grad:linear-gradient(120deg,#6f7eff,#a36bff 55%,#5fd6e6 115%);--vbg-list:#151627}
.vbmc .vbg-dd{--vbg-bg:var(--mc-surface,#0f101c);--vbg-border:var(--mc-border,rgba(255,255,255,.13));--vbg-text:var(--mc-text,#f4f4f9);--vbg-soft:var(--mc-text,#d6d7e6);--vbg-muted:var(--mc-muted,#9698b2);--vbg-accent:var(--mc-accent,#7c8bff);--vbg-list:var(--mc-surface,#151627)}
.vbg-dd-btn{appearance:none;width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:var(--vbg-bg,#0f101c)!important;border:1px solid var(--vbg-border,rgba(255,255,255,.13))!important;border-radius:12px;min-height:40px;padding:8px 40px 8px 12px;font:inherit;font-size:14px;color:var(--vbg-text,#f4f4f9);cursor:pointer;position:relative;transition:border-color .15s,box-shadow .15s}
.vbg-dd-btn:hover{border-color:rgba(124,139,255,.55)!important}
.vbg-dd-btn:focus-visible,.vbg-dd.is-open .vbg-dd-btn{outline:none;border-color:var(--vbg-accent,#7c8bff)!important;box-shadow:0 0 0 3px rgba(124,139,255,.22)}
.vbg-dd-val{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vbg-dd-val.is-ph{color:var(--vbg-muted,#9698b2)}
.vbg-dd-ic{width:22px;height:22px;border-radius:7px;display:inline-grid;place-items:center;font-size:12px;background:#1d1f33;color:#c7ccff;flex:none}
.vbg-dd-ic:empty:not(.dot){display:none}
.vbg-dd-ic.dot{background:none;font-size:0}
.vbg-dd-ic.dot::before{content:'';width:9px;height:9px;border-radius:50%;background:var(--c,#a36bff)}
.vbg-dd-chev{position:absolute;right:13px;top:50%;width:10px;height:10px;margin-top:-7px;border-right:2px solid var(--vbg-muted,#9698b2);border-bottom:2px solid var(--vbg-muted,#9698b2);transform:rotate(45deg);transition:transform .18s,margin .18s}
.vbg-dd.is-open .vbg-dd-chev{transform:rotate(-135deg);margin-top:-2px;border-color:var(--vbg-accent,#7c8bff)}
.vbg-dd-list{position:fixed;z-index:2147483005;background:var(--vbg-list,#151627);border:1px solid rgba(124,139,255,.35);border-radius:14px;padding:6px;box-shadow:0 18px 40px -12px rgba(0,0,0,.8);max-height:280px;overflow:auto;box-sizing:border-box}
.vbg-dd-list *{box-sizing:border-box}
@media (max-width:560px){.vbg-dd-list{min-width:220px}.vbg-dd-opt small{white-space:nowrap}}
.vbg-dd-list.vbg-light{--vbg-list:#ffffff;--vbg-text:#1c2532;--vbg-soft:#3c4756;--vbg-muted:#697887}
.vbg-dd-list.vbg-light .vbg-dd-opt:hover,.vbg-dd-list.vbg-light .vbg-dd-opt.is-active{background:#eef1f7;color:#1c2532}
.vbg-dd-list.vbg-light .vbg-dd-opt[aria-selected="true"]{color:#111}
.vbg-dd.is-open .vbg-dd-list{animation:vbgdd .16s ease-out}
@keyframes vbgdd{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.vbg-dd-grp{font-size:10px;letter-spacing:.04em;color:var(--vbg-muted,#9698b2);padding:8px 10px 4px;font-weight:600}
.vbg-dd-sep{height:1px;background:var(--vbg-border,rgba(255,255,255,.13));margin:6px 4px}
.vbg-dd-opt{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;font-size:14px;color:var(--vbg-soft,#d6d7e6);cursor:pointer}
.vbg-dd-opt:hover,.vbg-dd-opt.is-active{background:#202240;color:var(--vbg-text,#f4f4f9)}
.vbg-dd-opt[aria-selected="true"]{color:#fff;font-weight:600}
.vbg-dd-opt .tick{margin-left:auto;width:16px;height:16px;border-radius:50%;background:var(--vbg-grad,linear-gradient(120deg,#6f7eff,#a36bff 55%,#5fd6e6 115%));display:none;place-items:center;font-size:10px;color:#fff}
.vbg-dd-opt[aria-selected="true"] .tick{display:inline-grid}
.vbg-dd-opt small{color:var(--vbg-muted,#9698b2);font-size:11px;margin-left:2px}
@media (prefers-reduced-motion:reduce){.vbg-dd.is-open .vbg-dd-list{animation:none}}
.vbg-dd.vbg-light,.vbg-light .vbg-dd{--vbg-bg:#ffffff;--vbg-border:#d8dde6;--vbg-text:#1c2532;--vbg-soft:#3c4756;--vbg-muted:#697887;--vbg-list:#ffffff}
.vbg-dd.vbg-light .vbg-dd-opt:hover,.vbg-light .vbg-dd-opt:hover,.vbg-dd.vbg-light .vbg-dd-opt.is-active,.vbg-light .vbg-dd-opt.is-active{background:#eef1f7;color:#1c2532}
.vbg-dd.vbg-light .vbg-dd-opt[aria-selected="true"],.vbg-light .vbg-dd-opt[aria-selected="true"]{color:#111}
.vbg-dd.vbg-light .vbg-dd-ic,.vbg-light .vbg-dd-ic{background:#e6e9f2;color:#4a5872}