/* «Сверка ЗП» — только то, чего нет в каркасе.
 *
 * ⚠️ ИМЯ С ПЛАШКОЙ РОЛИ ПЕРЕНОСИТСЯ, А НЕ ОБРЕЗАЕТСЯ. В `layout.css` у
 * `.row-title` стоит `nowrap` + многоточие, и это правильно для обычной
 * строки списка. Но на телефоне 393 px «Арина» вместе с «Помощница упр.» в
 * одну строку не влезают, и обрезается ИМЕННО ПЛАШКА: на экране остаётся
 * «Арина…», то есть пометка, ради которой всё делалось, пропадает целиком —
 * и без единого признака переполнения.
 *
 * ⚠️ ПРАВИТСЯ СВОИМ КЛАССОМ, А НЕ КАРКАСОМ. `.row-title` живёт на каждом
 * экране приложения; развернуть его глобально ради одной пометки значит
 * поменять вёрстку списков, которых мы не видели. */
.row-title.with-role {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  white-space: normal;
  overflow: visible;
}