/* ── Conversas do WhatsApp (conversas.js, D58) — prefixo wc- ───────────────
   Arquivo proprio (e nao o fim do style.css) para nao disputar o mesmo trecho
   com as outras frentes. Usa so as variaveis de tema do style.css. */
.wc { display:grid; grid-template-columns:minmax(260px, 360px) minmax(0, 1fr); gap:14px; align-items:start; }
.wc-lado { padding:12px; display:flex; flex-direction:column; gap:10px; min-width:0; }
.wc-abas { display:flex; flex-wrap:wrap; gap:6px; }
.wc-filtros { display:grid; grid-template-columns:1fr; gap:6px; }
.wc-lista { display:grid; gap:6px; max-height:70vh; overflow-y:auto; }
.wc-item { display:flex; flex-direction:column; gap:3px; width:100%; text-align:left; cursor:pointer;
  background:var(--surface); border:1px solid var(--border2, var(--border)); border-radius:10px;
  padding:9px 11px; font:inherit; color:var(--text); }
.wc-item:hover { border-color:var(--brand2); }
.wc-item.active { border-color:var(--brand); box-shadow:0 0 0 1px var(--brand) inset; }
.wc-item-topo { display:flex; justify-content:space-between; gap:8px; align-items:baseline; }
.wc-item-topo b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; font-size:13.5px; }
.wc-hora { flex:none; font-size:11px; color:var(--text3); }
.wc-item-linha { font-size:12px; color:var(--text2); }
.wc-chips { display:flex; flex-wrap:wrap; gap:5px; align-items:center; }
.wc-conversa { padding:12px 14px; min-width:0; display:flex; flex-direction:column; gap:10px; }
.wc-cab { display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; align-items:flex-start; }
.wc-titulo { font-weight:800; font-size:16px; }
.wc-sub, .wc-mut { font-size:12px; color:var(--text3); }
.wc-acoes { display:flex; gap:6px; flex-wrap:wrap; align-items:center; }
.wc-dono { font-size:12.5px; color:var(--text2); margin-right:4px; }
.wc-bloco { display:flex; gap:8px; flex-wrap:wrap; align-items:center; font-size:13px; }
.wc-rot { font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--text3); }
.wc-sugs { flex-direction:column; align-items:stretch; gap:4px; }
.wc-sug { font-size:12.5px; color:var(--text2); }
.wc-x { border:0; background:none; color:inherit; cursor:pointer; padding:0 0 0 4px; font-size:10px; }
.wc-msgs { display:flex; flex-direction:column; gap:6px; max-height:55vh; overflow-y:auto; padding:8px;
  background:var(--surface2); border-radius:10px; }
.wc-msg { max-width:78%; padding:7px 10px; border-radius:10px; font-size:13px; line-height:1.45;
  border:1px solid var(--border2, var(--border)); }
.wc-in { align-self:flex-start; background:var(--surface); }
.wc-out { align-self:flex-end; background:var(--brandSoft); border-color:var(--brandLine, var(--border)); }
.wc-falhou { border-color:var(--bad); }
.wc-corpo { white-space:pre-wrap; overflow-wrap:anywhere; }
.wc-midia { font-size:12px; color:var(--text2); font-style:italic; margin-bottom:3px; }
.wc-meta { font-size:10.5px; color:var(--text3); margin-top:3px; }
.wc-erro { font-size:11.5px; color:var(--bad); margin-top:3px; }
.wc-antes { align-self:center; }
.wc-pend { margin:0 0 6px; }
.wc-compor { display:flex; flex-direction:column; gap:6px; }
.wc-prontas { margin-bottom:2px; }
.wc-prontas .cv-chip[disabled] { opacity:.45; cursor:not-allowed; }
.wc-texto { width:100%; resize:vertical; min-height:70px; }
.wc-enviar { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.wc-janela-acao { margin-top:6px; display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.wc-form h3 { margin:0 0 8px; }
.wc-escolhido { margin:6px 0 8px; font-size:13px; }
.wc-pres { display:grid; gap:4px; margin:-2px 0 8px; max-height:180px; overflow-y:auto; }
.wc-pac { text-align:left; background:var(--surface2); border:1px solid var(--border); border-radius:8px;
  padding:6px 9px; font:inherit; font-size:12.5px; color:var(--text); cursor:pointer; }
.wc-pac:hover { border-color:var(--brand2); }
@media (max-width:900px) {
  .wc { grid-template-columns:1fr; }
  .wc-lista { max-height:40vh; }
  .wc-msg { max-width:92%; }
}