/* ============================================================
   ЗАЯВКИ В CRM v513 (25.10.2026): комментарий сотрудников из CRM —
   сколько раз звонили, когда не дозвонились. Длинный свёрнут до трёх
   строк, «Показать целиком» раскрывает. Подключается до слоя стекла.
   ============================================================ */
/* Ширина без min-width: на ноутбуке 1024 px иначе «Открыть в CRM» уезжало
   за край таблицы. Телефон не переносим — его набирают с экрана. */
.crm-table td.crm-comment-cell { width: 32%; vertical-align: middle; }
.crm-who a { white-space: nowrap; }
/* До 1280 px на шесть колонок остаётся ~730 px: поля ячеек уже, ссылка
   переносится в две строки. Не влезло и так (окно 900–960 px) — таблица
   прокручивается в рамке, а не обрезает «Открыть в CRM», как бывало раньше. */
.crm-table-wrap { overflow-x: auto; }
@media (min-width: 901px) and (max-width: 1280px) {
  .crm-table th, .crm-table td { padding-left: 10px; padding-right: 10px; }
  .crm-act { white-space: normal; }
}
.crm-comment { white-space: pre-line; overflow-wrap: anywhere; font-size: 12px; line-height: 1.45; color: var(--text-soft, var(--muted)); }
.crm-comment-cell.is-empty .crm-comment { color: var(--muted); }
.crm-comment.is-long:not(.is-open) { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; }
.crm-more { margin-top: 4px; padding: 0; border: 0; background: none; font: inherit; font-size: 11.5px; font-weight: 800; color: var(--brand-dark); cursor: pointer; }
.crm-more:hover { text-decoration: underline; }
[data-theme=dark] .crm-comment { color: #c5cfdf; }
[data-theme=dark] .crm-comment-cell.is-empty .crm-comment { color: var(--muted); }
[data-theme=dark] .crm-more { color: #f09bba; }
@media (max-width: 900px) {
  .crm-table td.crm-comment-cell { grid-column: 1 / -1; width: auto; min-width: 0; margin-top: 2px; }
  .crm-table td.crm-comment-cell.is-empty { display: none; }
}