/*
 * Badge: a small mark beside a name that says what kind of thing it is, in an icon and words
 * (customer, TOV-148, 16.10 19:32: the kind of seller — organisation, ИП, self-employed — wherever the buyer reads
 * who sells; App\Seller\SellerIdentityForBuyer::badgeOf). The words are the accessible name: no tooltip is needed on
 * a phone. It never breaks inside and sits on the text line; the line around it wraps.
 */
.tv-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  max-width: 100%;
  padding: var(--space-0-5) var(--space-2);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: var(--color-surface-subtle);
  color: var(--color-text-strong-secondary);
  font-family: inherit;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-tight);
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
}

.tv-badge__icon {
  flex: none;
  font-size: var(--font-size-md);
  line-height: var(--line-height-none);
}