/* campaigns listing */

.filter-bar {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 26px;
}
.filter-pill {
  padding: 9px 20px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--muted);
  font-size: 0.9rem;
  font-weight: 600;
  transition: all 0.15s ease;
}
.filter-pill:hover { color: var(--accent); border-color: var(--accent); }
.filter-pill.active {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}

@media (max-width: 560px) {
  .filter-bar { gap: 8px; }
  .filter-pill { padding: 8px 14px; font-size: 0.84rem; }
}