/* ============================================================
   DS COMPONENT · Counter Badge — числовой счётчик (канон §13 .nbadge).
   Нейтральный примитив: ТОЛЬКО внешний вид. Значение / aria / данные — на потребителе
   или серверном хелпере dc_counter_badge(). Без данных/логики/прав/ссылок/JS/innerHTML.
   Значение выводится только текстом; правила 0→скрыт, 1–99→число, 100+→99+ применяет
   хелпер/потребитель, не сам badge.
   Первый батч: только .ds-counter-badge + .ds-counter-badge--overlay (без --sm — нет
   мигрируемого потребителя).
   ============================================================ */
.ds-counter-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:18px;
  min-width:18px;
  padding:0 5px;
  border-radius:999px;
  font-weight:600;
  font-size:10.5px;
  line-height:1;
  color:#fff;
  background:linear-gradient(135deg,#ff5252,#ff2d2d);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

/* Overlay: общий принцип absolute-overlay (угол иконки). Конкретные top/right остаются
   у потребителя (напр. узкий Header-селектор колокольчика), т.к. разные иконки требуют
   разных координат — модификатор задаёт только сам absolute. */
.ds-counter-badge--overlay{
  position:absolute;
}