/* filters.css — Filter bar with rarity/ownership buttons */
#filters {
  padding: 8px 16px; background: var(--surface); border-bottom: 1px solid var(--border);
  display: none; gap: 8px; flex-wrap: wrap; align-items: center;
}
.rarity-btn {
  background: var(--surface2); border: 1px solid var(--border); color: var(--muted);
  border-radius: 4px; padding: 3px 10px; font-size: 11px; cursor: pointer; transition: all .15s;
}
.rarity-btn:hover { color: var(--text); border-color: var(--accent); }
.rarity-btn.active { background: var(--accent); color: #fff; border-color: var(--accent); }
.rarity-btn.disabled { opacity: .35; pointer-events: none; }
.filter-sep {
  width: 1px; height: 18px; background: var(--border); margin: 0 4px; flex-shrink: 0;
}

/* Filter input fields */
#filters input[type="text"] {
  padding: 2px 6px; font-size: 12px;
  background: var(--surface2); color: var(--text);
  border: 1px solid var(--border); border-radius: 4px;
}
#filters input[type="text"]:focus { outline: none; border-color: var(--accent); }
#filter-name { width: 120px; }
#filter-number { width: 50px; }