.atlas-filter-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  max-width: 920px;
}
.atlas-filter-grid label { display: grid; gap: 4px; color: var(--muted); font-size: 12px; }
.atlas-filter-grid input,
.atlas-filter-grid select {
  box-sizing: border-box;
  width: 100%;
  min-height: 34px;
  padding: 5px 8px;
  border: 1px solid var(--border);
  border-radius: 7px;
  color: var(--ink);
  background: var(--page);
  font: inherit;
}
#atlas-filter-btn.active { border-color: #f2c94c; color: #111820; background: #f2c94c; }
.atlas-filter-badge {
  display: inline-flex;
  margin-left: 6px;
  padding: 1px 6px;
  border: 1px solid #f2c94c;
  border-radius: 999px;
  color: #f2c94c;
  background: rgba(242, 201, 76, .10);
  font-size: 10px;
  font-weight: 800;
}