/* Модуль «Телеграм»: списки людей в админке — строками, а не карточками.
   Их десяток, и каждая строка отвечает на один вопрос: кто, под каким ником
   и здоровался ли уже с ботом.

   Перенесено из public/styles.css как было (24 сентября 2026). Список
   событий чата проекта (`.tgevents`) остался в ядре: он стоит в настройках
   проекта. */

.tgpeople { display: flex; flex-direction: column; gap: var(--s-1); }
/* Перенос обязателен, а не «на всякий случай»: свёртка ниже просит себе
   всю ширину строки (`flex: 0 0 100%`), и без переноса она эту ширину
   отбирает у соседей прямо в первом ряду. Имя сжималось до нуля — от
   человека в строке оставались ник и плашка, а кто это, было не прочесть. */
.tgperson {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-3);
  padding: var(--s-2) 0; border-bottom: 1px solid var(--border);
}
.tgperson:last-child { border-bottom: none; }
.tgperson > :first-child { flex: 1; min-width: 0; }
.tgperson .note { flex: none; }
/* Галочки человека — свёрткой в его же строке. Занимают всю ширину и
   переносятся под неё: девять переключателей в строку не встанут, а
   развёрнуты они по одному и ненадолго. */
.tgperson__fold { flex: 0 0 100%; order: 9; font-size: var(--t-xs); }
.tgperson__fold > summary {
  cursor: pointer; list-style: none; color: var(--text-faint);
  padding: var(--s-1) 0; display: inline-flex; align-items: center; gap: var(--s-1);
}
.tgperson__fold > summary::-webkit-details-marker { display: none; }
.tgperson__fold > summary::before { content: '▸'; transition: transform var(--fast); }
.tgperson__fold[open] > summary::before { transform: rotate(90deg); }
.tgperson__fold > summary:hover { color: var(--text-dim); }
.tgperson__prefs { padding: var(--s-1) 0 var(--s-2) var(--s-4); }
.tgperson__prefs .umolrow { padding: var(--s-1) 0; border-bottom: none; }
.tgperson__prefs .umolrow__name { flex-basis: 220px; }
