  /* ─── Атом «Бейдж» ──────────────────────────────────
     Счётчик у продукта в навигации. Два вида: число (.badge) и точка
     (.badge--dot) — точка для случая «есть новое, число не важно».
     Тон danger отличает срочное (просроченные задачи) от информационного. ─── */
  .badge{min-width:18px;height:18px;border-radius:999px;padding:0 5px;
    display:inline-flex;align-items:center;justify-content:center;
    font-size:12px;line-height:16px;font-weight:500;
    color:var(--surface-default);background:var(--accent-text)}
  .badge--danger{background:var(--status-danger-accent)}

  .badge--dot{min-width:12px;width:12px;height:12px;padding:0;
    border:2px solid var(--surface-default)}

  /* бейдж, приколотый к иконке продукта в rail */
  .badge--pinned{position:absolute;top:6px;left:24px}
  .badge--dot.badge--pinned{left:32px;top:2px}

  /* счётчик-число рядом с подписью (пункты меню, срезы страницы) */
  .count{font-size:12px;line-height:16px;font-variant-numeric:tabular-nums;
    color:var(--text-tertiary);transition:color .15s}
  .count--zero{opacity:.45}
  .count--accent{color:var(--accent-text)}
  .count--alert{color:var(--status-danger-accent);font-weight:600}
