/* CIGI Typography — утиліти до канону docs/CIGI_TYPOGRAPHY.md.
   Сама шкала розмірів живе в tailwind.config.js (theme.fontSize), тут — тільки
   те, чого Tailwind-класами не виразити коротко. */

/* Рядок «іконка + текст». Замінює ручний `flex items-center gap-1.5`, який
   писався в 100+ місцях і майже всюди губив `min-width: 0` — через це `truncate`
   на потомку не працював, текст розпирав рядок і іконка «їхала». */
.icon-row {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  min-width: 0;
}

.icon-row > svg,
.icon-row > .icon-row__ico {
  flex: none;
}

/* Текст усередині рядка обрізається еліпсисом, а не розпирає контейнер. */
.icon-row > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Цифри однакової ширини: суми, ціни, номери замовлень і ТТН перестають
   «стрибати» між рядками таблиць і карток. */
.num {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
}

/* `font-mono` у проєкті — той самий Inter (див. tailwind.config.js), тобто клас
   не давав нічого, крім семантики «тут цифри». Вішаємо на нього табличні цифри:
   всі суми, ціни, ТТН і номери замовлень вирівнюються стовпчиком одним правилом. */
.font-mono {
  font-variant-numeric: tabular-nums;
}