/* ─── Атом «Тег» ────────────────────────────────────
     Тона — из коллекции Component (label/* → tag/*) в Figma. Правило доступности:
     смысл кодируется и цветом, и текстом — тон никогда не единственный носитель
     статуса. Соответствие «подпись → тон» задаёт TAG_TONE продукта
     (см. src/data/<продукт>/config.ts). ─── */
  .tag{display:inline-flex;align-items:center;max-width:100%;padding:1px 8px;border-radius:6px;
    font-size:12.5px;line-height:18px;font-weight:500;white-space:nowrap;
    overflow:hidden;text-overflow:ellipsis}
  .tag--gray{background:var(--tag-gray-bg);color:var(--tag-gray-text)}
  .tag--blue{background:var(--tag-blue-bg);color:var(--tag-blue-text)}
  .tag--orange{background:var(--tag-orange-bg);color:var(--tag-orange-text)}
  .tag--red{background:var(--tag-red-bg);color:var(--tag-red-text)}
  .tag--green{background:var(--tag-green-bg);color:var(--tag-green-text)}
  .tag--yellow{background:var(--tag-yellow-bg);color:var(--tag-yellow-text)}
  .tag--purple{background:var(--tag-purple-bg);color:var(--tag-purple-text)}