.shopping-list-controls{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);align-items:center;display:flex}.sort-icon-btn,.filter-icon-btn,.barcode-btn{border:1px solid var(--border-color);background:var(--background-card);width:36px;height:36px;color:var(--neutral-text);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.sort-icon-btn svg,.filter-icon-btn svg{width:16px;height:16px}.sort-icon-btn:hover,.filter-icon-btn:hover,.barcode-btn:hover{border-color:var(--neutral-border);background:var(--background-item);color:var(--text-primary)}.filter-icon-wrapper{flex-shrink:0;position:relative}.filter-icon-btn{position:relative}.filter-icon-badge{background:var(--accent-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.filter-panel{background:var(--background-card);border:1px solid var(--border-color);z-index:100;border-radius:12px;min-width:220px;max-height:400px;padding:8px 0;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 4px 16px #0000001f}.filter-section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px 4px;font-size:11px;font-weight:600}.filter-panel .dropdown-option{text-align:left;background:0 0;border:0;width:100%}.filter-panel-footer{border-top:1px solid var(--border-color);margin-top:4px;padding:8px 12px}.filter-clear-btn{background:var(--neutral-bg);width:100%;color:var(--text-secondary);cursor:pointer;border:none;border-radius:8px;padding:8px;font-size:12px;font-weight:500}.filter-clear-btn:hover{background:var(--border-color);color:var(--text-primary)}