/* ── Filter Panel (slide-down) ── */
.filter-panel{display:none;max-width:1200px;margin:0 auto;padding:0.6rem 1rem 0.75rem;border-bottom:1px solid var(--border-light);background:var(--bg)}
.filter-panel.open{display:flex;flex-wrap:wrap;gap:0.75rem;align-items:flex-start}
.filter-group{display:flex;align-items:center;gap:0.4rem;flex-wrap:wrap}
.filter-group-label{font-size:0.65rem;color:var(--text3);text-transform:uppercase;letter-spacing:0.5px;font-weight:600;margin-right:0.15rem;white-space:nowrap}
.filter-chips{display:flex;flex-wrap:wrap;gap:0.3rem}
.filter-chip{background:var(--surface2);color:var(--text3);border:1px solid #3a3a3a;padding:0.25rem 0.55rem;border-radius:var(--radius-pill);cursor:pointer;font-size:0.72rem;white-space:nowrap;display:inline-flex;align-items:center;gap:0.3rem;transition:all 0.15s;line-height:1.3}
.filter-chip:hover{filter:brightness(1.2);border-color:var(--border-hover)}
.filter-chip.on{color:var(--chip-color,var(--accent2));border-color:var(--chip-color,var(--accent2));background:color-mix(in srgb,var(--chip-color,var(--accent2)) 12%,transparent)}
.chip-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}
.restore-all-btn{background:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error);border:1px solid var(--color-error);padding:0.25rem 0.65rem;border-radius:var(--radius-pill);cursor:pointer;font-size:0.72rem;transition:all 0.15s}
.restore-all-btn:hover{filter:brightness(1.2)}

/* Scrollable interest chips */
.filter-chips-scroll{max-height:120px;overflow-y:auto;align-content:flex-start}