/* «Отклики»: правая колонка строки, подпись статуса и письмо в листе.
   База строки (app-row, app-glyph, app-main, app-title, app-meta, app-salary) лежит в app-views.css. */
.app-side { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; flex: none; max-width: 38%; min-width: 0; }
.app-status { font-size: 11.5px; line-height: 1.3; color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.app-status.ok { color: var(--ok); }
.app-status.bad { color: var(--bad); }
.app-status.wait { color: var(--wait); }
.app-glyph.wait { color: var(--wait); }
.app-glyph.info, .app-status.info { color: var(--info); }
.app-account { color: var(--ink-3); font-size: 11.5px; line-height: 1.3; }
.letter-more { align-self: flex-start; margin-top: var(--sp-2); }
.pre-letter { white-space: pre-wrap; word-break: break-word; color: var(--ink); font-size: 14px; line-height: 1.5; }
.app-side .app-salary { max-width: none; white-space: nowrap; }
/* Чипы статусов в одну строку: листаются вбок до края экрана */
.chips.scroll { flex-wrap: nowrap; overflow-x: auto; margin: 0 calc(-1 * var(--pad-screen)); padding: 0 var(--pad-screen);
  scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.chips.scroll::-webkit-scrollbar { display: none; }
.chips.scroll > * { flex: none; }
/* Неделя над списком (клетки как у воронки главной, app-home.css) */
.f-diff { color: var(--ink-3); font-size: 10.5px; }
.f-cell.f-ok .f-num { color: var(--accent-text); }
/* Переписка в приложении (chat-view.js): тред пузырями, поле ответа и точка «новое».
   База строки (app-row, app-glyph, app-main, app-title, app-meta) лежит в app-views.css. */
.chat-preview { color: var(--ink-2); font-size: 12.5px; line-height: 1.35; margin-top: 2px;
  display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-time { color: var(--ink-3); font-size: 11.5px; white-space: nowrap; }
.chat-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-left: 6px;
  background: var(--accent, var(--ink)); vertical-align: middle; }
.chat-thread { display: flex; flex-direction: column; gap: var(--sp-2); max-height: 46vh;
  overflow-y: auto; padding-right: 2px; -webkit-overflow-scrolling: touch; }
.chat-msg { max-width: 86%; border-radius: 14px; padding: 9px 12px; background: var(--s2);
  align-self: flex-start; }
.chat-msg.me { align-self: flex-end; background: var(--accent-dim); }
.chat-msg.bot { border: 1px solid var(--line); }
.chat-who { color: var(--ink-3); font-size: 11px; line-height: 1.3; margin-bottom: 3px; }
.chat-text { font-size: 14px; line-height: 1.45; white-space: pre-wrap; word-break: break-word; }
.chat-composer { display: flex; flex-direction: column; gap: var(--sp-2); }
.chat-textarea { min-height: 76px; resize: vertical; }
.chat-composer .btn-row { justify-content: flex-end; }