/* Кнопки-типы над таблицей «Предметов»: вид поля фильтра (тёмная плашка, тонкая рамка), выбранная — золотой рамкой и
   текстом, число вещей — приглушённо. На узком экране ряд переносится. */

.type-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
}

.type-chips__chip {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: calc(var(--control-height) - var(--space-2));
  padding: 0 var(--space-3);
  font-family: var(--font-text);
  font-size: 0.9375rem;
  color: var(--color-text);
  background: var(--color-surface-strong);
  border: 1px solid var(--color-line);
  border-radius: calc(var(--radius) / 2);
  cursor: pointer;
  transition: border-color var(--speed-fast) var(--ease), color var(--speed-fast) var(--ease);
}

.type-chips__chip:hover {
  border-color: rgba(255, 255, 255, 0.2);
}

.type-chips__chip:focus-visible {
  border-color: var(--color-accent);
  outline: none;
}

.type-chips__chip[aria-pressed="true"] {
  color: var(--color-accent);
  border-color: var(--color-accent);
}

.type-chips__count {
  font-variant-numeric: tabular-nums;
  color: var(--color-text-muted);
}