/* ============================================================
   DS COMPONENT · Badge — нейтральный статичный metadata-ярлык.
   Слой: assets/ds/components/  (независимый Design System).
   Источник истины: эталон §11 нейтральная пилюля (.badge--muted / .zchip):
   radius999, muted-текст, нейтральные btn-поверхности, font 500.
   Роль: МЕТКА данных (день/время/тег/категория) — НЕ статус, не кнопка,
   не фильтр, не счётчик, не бизнес-бейдж. Статичный: без hover/focus/disabled.
   Только БАЗОВЫЙ вариант — без цветовых/outline/size-вариантов (нет живых
   потребителей под них). Theme-aware через --ds-* (читается в обеих темах).
   ============================================================ */
.ds-badge{
  display:inline-flex;
  align-items:center;
  height:24px;
  padding:0 10px;
  border-radius:999px;
  background:var(--ds-btn-bg);
  border:1px solid var(--ds-btn-bd);
  color:var(--ds-muted);
  font-size:11px;
  font-weight:500;
  line-height:1;
  white-space:nowrap;
}