/* Чат с клиентом (дровер CRM) */
.chatbox{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto;padding:10px;background:#f4f5f7;border-radius:10px;margin:4px 0 8px}
.chat-msg{max-width:82%;padding:8px 10px;border-radius:12px;font-size:13px;line-height:1.35;white-space:pre-wrap;word-break:break-word}
.chat-msg.cm-in{align-self:flex-start;background:#fff;border:1px solid #e6e8ec;border-bottom-left-radius:4px;color:#1c1e21}
.chat-msg.cm-out{align-self:flex-end;background:#4f46e5;color:#fff;border-bottom-right-radius:4px}
.chat-msg .cm-at{margin-top:3px;font-size:10px;opacity:.6}
.chat-input{display:flex;gap:8px;align-items:flex-end;margin-bottom:14px}
.chat-input textarea{flex:1;min-height:38px;max-height:120px;resize:vertical;padding:8px 10px;border:1px solid #d7dae0;border-radius:8px;font:inherit;box-sizing:border-box}

/* Инбокс диалогов (вкладка «Сообщения») */
.msg-toolbar{padding:12px 16px;border-bottom:1px solid var(--border-light)}
.msg-search{width:100%;max-width:340px;height:34px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;font-size:13px;color:var(--text-1);outline:none}
.msg-search:focus{border-color:#a5b4fc;box-shadow:0 0 0 3px rgba(99,102,241,.09)}
.msg-list{display:flex;flex-direction:column}
.msg-item{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .1s}
.msg-item:last-child{border-bottom:none}
.msg-item:hover{background:#fafbff}
.msg-item-main{flex:1;min-width:0}
.msg-item-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.msg-name{font-size:13.5px;font-weight:600;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg-time{font-size:11.5px;color:var(--text-3);flex-shrink:0}
.msg-item-sub{display:flex;align-items:center;gap:8px;margin-top:2px}
.msg-last{flex:1;min-width:0;font-size:12.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg-last-unread{color:var(--text-1);font-weight:600}
.msg-unread{flex-shrink:0;min-width:18px;height:18px;padding:0 6px;border-radius:9px;background:var(--primary);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.msg-more-wrap{padding:12px 16px}

/* Рассылка внутри чата */
.chat-msg.cm-cast{background:#eef0ff;color:#1c1e21;border:1px solid #d7dbf5}
.chat-msg.cm-cast .cm-text{color:#1c1e21}
.chat-msg.cm-cast .cm-at{opacity:.55}
.cm-cast-tag{font-size:10.5px;font-weight:700;color:#4f46e5;margin-bottom:3px}

/* Полноэкранный чат из «Сообщений» */
.chatview{display:flex;flex-direction:column}
.chatview-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.chatview-title{flex:1;text-align:center;font-weight:700;font-size:15px;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chatbox-full{max-height:none;height:62vh;min-height:360px}

/* ───── Вложения переписки (22.09.2026) ───── */
/* Пузырь с файлом шире обычного: под картинку 220px и подпись */
.chat-msg.cm-has-media{max-width:280px}
img.cm-media{cursor:zoom-in}
.cm-media.cm-round{border-radius:50%;width:180px;height:180px;object-fit:cover}
.cm-sticker{max-width:140px;max-height:140px;background:transparent}
.cm-audio{display:flex;align-items:center;gap:6px;margin-bottom:4px}
.cm-audio audio{height:34px;max-width:230px}
/* Файл: карточка-ссылка. Цвета наследуются от пузыря, поэтому одна и та же
   разметка читается и на белом входящем, и на синем исходящем */
.cm-file{display:flex;align-items:center;gap:8px;margin-bottom:4px;padding:7px 9px;border-radius:9px;
  background:rgba(127,127,127,.12);text-decoration:none;color:inherit;max-width:100%}
.cm-file:hover{background:rgba(127,127,127,.2)}
.cm-file-dead{opacity:.75;cursor:default}
.cm-file-ic{font-size:17px;flex-shrink:0}
.cm-file-body{min-width:0;display:flex;flex-direction:column}
.cm-file-name{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-file-meta{font-size:10.5px;opacity:.7}

/* Лайтбокс: клик по картинке в переписке */
.cm-lb{position:fixed;inset:0;z-index:1200;background:rgba(17,19,24,.82);display:flex;
  align-items:center;justify-content:center;padding:24px;cursor:zoom-out}
.cm-lb img{max-width:96vw;max-height:94vh;border-radius:10px;box-shadow:0 18px 48px rgba(0,0,0,.45)}

/* Панель ввода со скрепкой */
.chat-att{margin-bottom:6px}
.chat-att.hidden{display:none}
.cm-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:5px 8px;border:1px solid var(--border,#d7dae0);
  border-radius:9px;background:#fff}
.cm-chip-prev{width:30px;height:30px;object-fit:cover;border-radius:6px;flex-shrink:0}
.cm-chip-ic{font-size:17px}
.cm-chip-name{font-size:12.5px;font-weight:600;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-chip-size{font-size:11px;color:var(--text-3,#8a8f98)}
.cm-chip-x{border:none;background:none;cursor:pointer;font-size:13px;line-height:1;color:var(--text-3,#8a8f98);padding:2px 4px}
.cm-chip-x:hover{color:#e11d48}
.chat-attach{flex-shrink:0}
/* Перетаскивание файла прямо в ленту */
.chatbox.cm-drop{outline:2px dashed #a5b4fc;outline-offset:-4px;background:#eef1ff}