/* Custom select replacement: dark themed dropdown */
.cs-container{position:relative;display:block}
.cs-hidden-select{position:absolute;left:-9999px;opacity:0;height:0;width:0;pointer-events:none}
.cs-display{background:linear-gradient(180deg,var(--bg-1),var(--bg-2));border:1px solid rgba(255,255,255,0.04);border-radius:12px;padding:0 12px;height:48px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;font-weight:600;width:100%;box-sizing:border-box}
.cs-display .cs-value{color:#ffffff;flex:1;text-align:left;padding-left:6px}
.cs-display .cs-caret{margin-left:auto;color:var(--muted);font-size:14px;padding-left:8px}
.cs-dropdown{position:absolute;left:0;right:0;top:calc(100% + 8px);background:linear-gradient(180deg,var(--bg-1),var(--bg-2));border:1px solid rgba(255,255,255,0.03);border-radius:10px;box-shadow:0 12px 30px rgba(2,6,23,0.6);max-height:260px;overflow:auto;z-index:2000;padding:6px;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity 180ms var(--anim-ease),transform 180ms var(--anim-ease),max-height 220ms var(--anim-ease)}
.cs-option{display:block;padding:10px 12px;border-radius:6px;color:#ffffff;background:transparent;text-align:left;cursor:pointer;font-weight:600;transition:background 160ms var(--anim-ease),color 160ms var(--anim-ease)}
.cs-option:hover,.cs-option.active{background:linear-gradient(90deg, rgba(110,231,183,0.06), rgba(96,165,250,0.06));color:#eafff5}
.cs-option[aria-selected="true"]{background:linear-gradient(90deg, rgba(96,165,250,0.12), rgba(110,231,183,0.08));color:#fff}
/* custom scrollbar */
.cs-dropdown::-webkit-scrollbar{width:10px}
.cs-dropdown::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#213042,#0f1724);border-radius:10px;border:2px solid rgba(255,255,255,0.02)}
.cs-no-results{padding:10px 12px;color:var(--muted);font-size:0.95rem}

@media (max-width:700px){
  .cs-dropdown{max-height:200px}
}

/* open state animation via container.open */
.cs-container.open .cs-dropdown{opacity:1;transform:translateY(0);pointer-events:auto;max-height:260px}

/* subtle hover for display */
.cs-display:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(2,6,23,0.4);transition:all 180ms var(--anim-ease)}