.cs-wrap{position:relative;display:block;margin:3px 0 14px;}
.cs-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 10px;margin:0;border:1px solid var(--bd);border-radius:var(--r);font-size:13.5px;background:var(--white)!important;color:var(--txt)!important;cursor:pointer;font-family:inherit;text-align:left;gap:6px;font-weight:400!important;line-height:1.4;transition:border-color .15s,box-shadow .15s;}
.cs-trigger:hover{background:var(--white)!important;color:var(--txt)!important;border-color:var(--accent-bd);}
.cs-trigger:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(45,49,66,.14);}
.cs-trigger[disabled]{opacity:.55;cursor:not-allowed;}
.cs-trigger-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}
.cs-arrow{flex-shrink:0;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--txt-m);margin-top:3px;transition:transform .15s;}
.cs-wrap.cs-open .cs-arrow{transform:rotate(180deg);}
.cs-wrap.cs-open .cs-trigger{border-color:var(--accent);box-shadow:0 0 0 3px rgba(45,49,66,.14);}
/* Menus live under body so cards, tables and modals cannot clip them. */
.cs-dropdown{position:fixed;background:var(--white,#fff);color:var(--txt,#222);border:1px solid var(--accent,#555);border-radius:var(--r,6px);max-height:245px;overflow-y:auto;overscroll-behavior:contain;z-index:2147483000;display:none;box-shadow:0 6px 16px rgba(45,49,66,.18);}
.cs-option{padding:9px 10px;font-size:13.5px;cursor:pointer;color:var(--txt);line-height:1.3;user-select:none;}
.cs-option:hover{background:var(--accent-lt);}
.cs-option.cs-sel{background:var(--accent);color:var(--nav-txt);}
.cs-option.cs-dis{color:var(--txt-m);opacity:.55;cursor:default;}
.cs-option.cs-dis:hover{background:transparent;}
.cs-optgroup-lbl{padding:5px 10px 3px;font-size:11px;font-weight:700;color:var(--txt-m);text-transform:uppercase;letter-spacing:.5px;background:var(--bg);border-bottom:1px solid var(--bd);}