/* Conversa com o CLIENTE via WiserTalk (WhatsApp). Sistema SEPARADO do chat interno (mensageria.css). */
.wf-talk-drawer-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.28); z-index: 1200; }
.wf-talk-drawer { position: fixed; top: 0; right: 0; bottom: 0; width: min(440px, 100vw); z-index: 1201;
    background: var(--wf-surface); border-left: 1px solid var(--wf-border);
    box-shadow: -8px 0 30px rgba(0,0,0,.18); display: flex; flex-direction: column; }
.wf-talk-header { display: flex; align-items: center; gap: var(--wf-space-3);
    padding: var(--wf-space-4); border-bottom: 1px solid var(--wf-border); }
.wf-talk-corpo { flex: 1; overflow-y: auto; padding: var(--wf-space-4);
    display: flex; flex-direction: column; gap: var(--wf-space-2); }
.wf-talk-balao { max-width: 80%; padding: var(--wf-space-2) var(--wf-space-3);
    border-radius: var(--wf-radius-lg); background: var(--wf-bg-subtle); }
.wf-talk-balao.meu { align-self: flex-end; background: var(--wf-brand-accent); color: #fff; }
.wf-talk-balao.outro { align-self: flex-start; }
.wf-talk-composer { border-top: 1px solid var(--wf-border); padding: var(--wf-space-3);
    display: flex; gap: var(--wf-space-2); align-items: flex-end; }
.wf-talk-composer-input { flex: 1; resize: none; border: 1px solid var(--wf-border);
    border-radius: var(--wf-radius-md); padding: var(--wf-space-2); font: inherit; background: var(--wf-surface); color: var(--wf-text); }
.wf-talk-transcricao { font-style: italic; opacity: .85; font-size: .85em; margin-top: var(--wf-space-1); }
.wf-talk-reply { border-left: 3px solid var(--wf-brand-accent); padding-left: var(--wf-space-2);
    opacity: .8; font-size: .85em; margin-bottom: var(--wf-space-1); }
.wf-talk-status { font-size: .72em; opacity: .7; align-self: flex-end; }
.wf-talk-carregando { color: var(--wf-text-muted); font-size: .85em; }