.sorting-button{cursor:pointer;background:var(--surface);border:1px solid var(--border);height:40px;color:var(--text);border-radius:4px;padding:8px 16px;font-size:.9rem;transition:all .2s;display:inline-block;position:relative}.sorting-text{display:block}.sorting-icon{display:none}.sorting-dropdown{background:var(--surface);border:1px solid var(--border);z-index:4;border-radius:4px;min-width:300px;max-height:60vh;margin-top:8px;padding:12px;position:absolute;overflow-y:auto;box-shadow:0 4px 12px #00000026}.sort-option{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;border-radius:4px;margin-bottom:4px;padding:8px 12px;font-size:1em;transition:all .2s;display:block}.sort-option:hover{background:var(--surface-alt)}.sort-option.active{background:var(--brand);color:#fff;border:2px solid #333;font-weight:600}@media (max-width:620px){.sorting-button{border:0;min-width:50px;padding:8px}.sorting-text{display:none}.sorting-icon{display:block}.sorting-dropdown{width:94%;left:0}}
.filter-button{cursor:pointer;background:var(--surface);border:1px solid var(--border);height:40px;color:var(--text);border-radius:4px;padding:8px 16px;font-size:.9rem;transition:all .2s;display:inline-block;position:relative}.filter-text{display:block}.filter-icon{display:none}.filter-count{background-color:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:1px;font-size:12px;font-weight:600;display:flex;position:absolute;top:-6px;right:-6px}.clear-filters-button{border:1px solid var(--brand);background:var(--surface);color:var(--brand);cursor:pointer;border-radius:4px;margin:0 0 10px auto;padding:4px 10px;font-family:inherit;font-size:.85rem;display:block}.filters-dropdown{background:var(--surface);border:1px solid var(--border);z-index:4;border-radius:4px;min-width:300px;max-height:60vh;margin-top:8px;padding:12px;position:absolute;overflow-y:auto;box-shadow:0 4px 12px #00000026}@media (max-width:620px){.filter-button{border:0;min-width:50px;padding:8px}.filter-text{display:none}.filter-icon{display:block}.filters-dropdown{width:94%;left:0}}
.range-filter{align-items:center;gap:10px;margin:10px 0;padding:0 10px;display:flex}.range-label{color:var(--text);min-width:100px;font-size:.9rem}.range-filter .MuiSlider-root{color:var(--brand)}.range-filter .MuiSlider-thumb{background-color:var(--surface);border:2px solid var(--brand)}.range-filter .MuiSlider-valueLabel{background-color:var(--brand)}
.filter-selector{margin-bottom:8px}