/* Painel de chat e detalhe de contato do GHL (dentro do hub). */
.ghl-chat { display: flex; flex-direction: column; gap: 12px; }
.ghl-chat__topo { display: flex; align-items: center; gap: 12px; }
.ghl-chat__topo b { flex: 1; }
.ghl-chat__msgs { display: flex; flex-direction: column; gap: 10px; max-height: 60vh; min-height: 200px; overflow-y: auto; padding: 12px; border: 1px solid var(--linha); border-radius: 12px; }
.ghl-msg { display: flex; flex-direction: column; max-width: 78%; gap: 2px; }
.ghl-msg--entrada { align-self: flex-start; }
.ghl-msg--saida { align-self: flex-end; align-items: flex-end; }
.ghl-msg__bolha { padding: 8px 12px; border-radius: 14px; white-space: pre-wrap; overflow-wrap: anywhere; background: var(--superficie-2, #f0f0f0); }
.ghl-msg--saida .ghl-msg__bolha { background: var(--foco); color: var(--fundo); }
.ghl-msg__anexo { display: block; margin-top: 6px; text-decoration: underline; color: inherit; }
.ghl-chat__envio { display: flex; gap: 8px; align-items: flex-end; }
.ghl-chat__envio textarea { flex: 1; resize: vertical; }
.ghl-contato { display: grid; grid-template-columns: max-content 1fr; gap: 4px 16px; margin: 12px 0; }
.ghl-contato dt { color: var(--tinta-2); }
.ghl-contato dd { margin: 0; }