/* support#F10181.W18 — ⭐ РАСКРЫВАЕМАЯ СТРОКА УЧАСТНИКА: ОДИН ВИД НА ВСЮ СЛУЖБУ.
   Стрелка «Поля» и раскрытые поля выглядят ОДИНАКОВО в шторке переписки и в правой панели
   заявки — потому что правило одно, а не два похожих. Правила переехали сюда из
   `chats-panel.css` (там они звались `.chats-pt-ico` / `.chats-pt-form`) вместе с владельцем
   разметки (`app/js/party-fields.js`).
   ⛔ Цвет ТОЛЬКО токенами: тёмная тема обязана быть правильной без второй правки. */

/* ⛔ Кругляшок 24 — та же величина, что у соседних кнопок плотной строки (переписка, звонок).
   Слово владельца (12.09, F10181.W12): «такая же кнопка, как и для чата, кругляшка одного
   достаточно». Кнопка другой величины в узкой колонке отбирает ширину у ИМЕНИ. */
/* ⛔ ВТОРОЕ ИМЯ — НЕ ВТОРАЯ КНОПКА. `chats-pt-ico` до сих пор называет реестр кнопок звонка
   (`CALL_BUTTON_ROW`, components.js: строка участника переписки), и это ТА ЖЕ кнопка. Правило
   одно на оба имени: разведи их — и трубка в строке перестала бы совпадать с соседней стрелкой. */
.pf-ico, .chats-pt-ico { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; padding: 0; border: 1px solid var(--border-light); border-radius: 50%;
  background: transparent; color: var(--text-secondary); cursor: pointer; }
.pf-ico:hover, .chats-pt-ico:hover { color: var(--text); border-color: var(--border); }
.pf-ico.is-open, .chats-pt-ico.is-open { color: var(--primary); border-color: var(--primary); transform: rotate(180deg); }

/* Место хозяина: строка и раскрытые под ней поля — один столбик. */
.pf-host { min-width: 0; }

/* Раскрытые поля: подпись сверху, поле на всю строку, маленькие кнопки внизу. */
.pf-form { display: flex; flex-direction: column; gap: 5px; margin: 6px 0 2px;
  padding: 8px; border: 1px solid var(--border-light); border-radius: 8px; background: var(--bg-subtle); }
.pf-f { display: flex; flex-direction: column; gap: 2px; font-size: 12px; }
.pf-f-k { font-size: 11px; color: var(--text-secondary); }
.pf-f-v { font-size: 12px; color: var(--text); overflow-wrap: anywhere; }
.pf-f-v.is-empty { color: var(--text-secondary); font-style: italic; }
.pf-form input, .pf-form textarea { width: 100%; box-sizing: border-box; font-size: 12px; padding: 4px 7px; }
.pf-form textarea { resize: vertical; min-height: 44px; }
/* ⛔ Размер маленьких кнопок (`.btn-xs`) — общий размер кнопки службы, он живёт в `chats-panel.css`
   и подключён на обеих страницах. Своей копии здесь не заводим: два размера одной кнопки. */
.pf-form-row { display: flex; gap: 6px; justify-content: flex-end; }
.pf-muted, .pf-wait { font-size: 12px; color: var(--text-secondary); }