.filter-dropdown{position:relative}.dropdown-button{align-items:center;background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:10px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;height:40px;justify-content:space-between;min-width:160px;padding:0 1rem;transition:all .2s ease;white-space:nowrap}.dropdown-button.icon-only{justify-content:center;min-width:40px;padding:0;width:40px}.dropdown-button:hover:not(:disabled){background:var(--color-card-hover);border-color:var(--color-accent)}.dropdown-button:focus{border-color:var(--color-accent);outline:none}.dropdown-button:disabled{cursor:not-allowed;opacity:.5}.dropdown-icon{align-items:center;color:var(--color-text-secondary);display:flex}.dropdown-label{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis}.chevron{color:var(--color-text-secondary);flex-shrink:0;transition:transform .2s ease}.chevron.open{transform:rotate(180deg)}.dropdown-menu{background:var(--color-bg-secondary);border:1px solid var(--color-card-border);border-radius:12px;box-shadow:var(--shadow-lg);max-height:280px;overflow-y:auto;padding:.5rem;position:fixed;z-index:9999}.dropdown-item{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;padding:.75rem;text-align:left;transition:background .2s;width:100%}.dropdown-item:hover{background:var(--color-card-hover);border-color:var(--color-text-secondary)}.dropdown-item.selected{background:var(--color-accent-light)}.dropdown-item-content{align-items:center;display:flex;gap:.5rem}.checkmark{color:var(--color-accent);flex-shrink:0}.dropdown-custom-icon{border-radius:2px;flex-shrink:0;height:15px;width:20px}.filter-dropdown.compact .dropdown-button{font-size:.85rem;height:36px;min-width:140px;padding:0 .75rem}.filter-dropdown.compact .dropdown-button.icon-only{min-width:36px;width:36px}