/*
 * Плитки-счётчики Панели: цифра всегда на одном месте (полировка 29.07,
 * решение владельца по скриншоту).
 *
 * ⚠️ ЧТО БЫЛО. Подписи плиток то однострочные, то двухстрочные — шапка
 * получалась разной высоты, и цифры «прыгали» по вертикали внутри
 * одного ряда. Читать ряд взглядом становилось невозможно: глаз ищет
 * число там, где оно было у соседа.
 *
 * Решение: подпись занимает ФИКСИРОВАННЫЕ две строки. Влезло меньше —
 * место всё равно зарезервировано; не влезло — обрезается многоточием, а
 * полный текст остаётся в подсказке (title ставит сам Filament из
 * подписи).
 *
 * Обычный CSS, а не Tailwind: своя тема не собирается, класс из
 * несобранной темы молча не применился бы (AGENTS §8). Цветов здесь нет,
 * поэтому обе темы выглядят одинаково.
 */
.fi-wi-stats-overview-stat-label {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* Две строки при межстрочном 1.25 — ровно та высота, которую и
       занимает самая длинная подпись ряда. */
    min-height: 2.5em;
    line-height: 1.25;
}

/*
 * ⚠️ ОБРЕЗКА РАБОТАЛА НЕ НА ВСЕХ ШИРИНАХ — И ЭТО НЕ ПРО ЧИСЛО СТРОК
 * (находка владельца, п.15 полировки: «Активное оборудование» вылезало
 * за карточку на промежуточных ширинах).
 *
 * Подпись лежит во флекс-контейнере рядом с иконкой, а у флекс- и
 * грид-элементов min-width по умолчанию auto: элемент отказывается
 * сжиматься уже своего содержимого. На широкой карточке это незаметно, на
 * узкой длинное слово выталкивает подпись за край — обрезать нечего,
 * потому что переносить некуда.
 *
 * min-width: 0 возвращает право сжиматься, overflow-wrap разрешает рвать
 * слишком длинное слово. Только после этого многоточие выше вступает в
 * силу на КАЖДОЙ ширине, а не на крайних.
 */
.fi-wi-stats-overview-stat-content,
.fi-wi-stats-overview-stat-label-ctn,
.fi-wi-stats-overview-stat-label {
    min-width: 0;
}

.fi-wi-stats-overview-stat-label {
    overflow-wrap: anywhere;
}