
/* Searchable dropdown (for selects with class .ms) */
.ms-wrap{position:relative;display:block}
.ms-control{width:100%;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:5px;padding:8px 10px;background:#fff;cursor:pointer;min-height:40px}
.ms-control .ms-label{flex:1;min-height:18px;color:var(--text);font-size:13px;line-height:18px}
.ms-control .ms-arrow{opacity:.6}
.ms-panel{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--border);border-radius:6px;box-shadow:0 10px 30px rgba(15,23,42,.12);z-index:50;display:none;max-height:280px;overflow:auto}
.ms-panel.open{display:block}
.ms-search{position:sticky;top:0;background:#fff;padding:10px;border-bottom:1px solid var(--border)}
.ms-search input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:5px;font-size:13px}
.ms-opt{display:flex;align-items:flex-start;gap:8px;padding:8px 10px}
.ms-opt:hover{background:#f8fafc}
.ms-opt input{margin-top:2px}
.ms-opt .ms-txt{font-size:13px;line-height:18px}
.ms-badge{display:inline-block;background:#eef2ff;border:1px solid #e0e7ff;color:#1e293b;border-radius:999px;padding:2px 8px;font-size:12px;margin-right:6px;margin-bottom:6px}
.ms-inline{display:flex;flex-wrap:wrap;gap:6px;align-items:center}

/* Badge close button */
.ms-badge{position:relative;padding-right:22px}
.ms-badge .ms-close{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;color:inherit;font-size:11px;cursor:pointer}
.ms-badge .ms-close:hover{background:rgba(0,0,0,0.05)}

/* Ensure dropdown is above cards/tables */
.ms-wrap{z-index:1}
.ms-wrap.open{z-index:3000}
.ms-panel{z-index:3001}
.card{overflow:visible}

/* Give space so open dropdown doesn't overlap the table */
body.ms-any-open .filters-card{padding-bottom:280px}
@media (max-width: 900px){
  body.ms-any-open .filters-card{padding-bottom:320px}
}

/* Hide checkbox/radio in dropdown options */
.ms-opt input{display:none !important;}
.ms-opt{cursor:pointer;}
.ms-opt.selected{background:#eef6f5;}
.ms-opt.selected .ms-txt{font-weight:600;}
/* Right-side indicator (no checkbox) */
.ms-opt::after{content:'';width:10px;height:10px;border-radius:2px;border:1px solid var(--border);margin-left:auto;opacity:0;}
.ms-opt.selected::after{opacity:1;background:#1f7a6d;border-color:#1f7a6d;}
