.client-filter-dropdown{flex-shrink:0;display:inline-flex;position:relative}.client-filter-dropdown .cfd-trigger{border:1.5px solid var(--border2,#ffffff24);color:var(--white,#fff);font-size:12px;font-weight:600;font-family:var(--font-dm-sans), "DM Sans", sans-serif;cursor:pointer;white-space:nowrap;background:#ffffff08;border-radius:10px;align-items:center;gap:8px;padding:7px 12px;transition:border-color .15s,background .15s;display:inline-flex}.client-filter-dropdown .cfd-trigger:hover,.client-filter-dropdown .cfd-trigger.open{background:#f47b2014;border-color:#f47b208c}.client-filter-dropdown .cfd-trigger-label{text-overflow:ellipsis;max-width:180px;overflow:hidden}.client-filter-dropdown .cfd-chevron{color:var(--muted2,#9aa4b2);font-size:10px}.cfd-panel{z-index:200;border:1px solid var(--border2,#ffffff24);background:var(--navy2,#0d1a2e);border-radius:12px;min-width:220px;max-height:min(320px,100vh - 24px);padding:6px;position:fixed;overflow:auto;box-shadow:0 12px 32px #00000073}.cfd-panel .cfd-divider{background:#ffffff14;height:1px;margin:4px 6px}.cfd-panel .cfd-option{width:100%;color:var(--muted2,#c5ccd6);font-size:12px;font-weight:600;font-family:var(--font-dm-sans), "DM Sans", sans-serif;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.cfd-panel .cfd-option:hover{color:var(--white,#fff);background:#ffffff0d}.cfd-panel .cfd-option.active{color:var(--white,#fff);background:#f47b201a}.cfd-panel .cfd-check{color:#fff;border:1.5px solid #fff3;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:inline-flex}.cfd-panel .cfd-check.on{background:var(--orange,#f47b20);border-color:var(--orange,#f47b20)}.cfd-panel .cfd-logo{background:var(--cfd-color,#7c5cfc);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:800;display:inline-flex}