/* Mensagens de verdade (T9): o que o chat ganhou além do visual do
   styles.css. Usa as mesmas variáveis de cor das paletas. */
.chat-acoes-conversa { display: flex; gap: 6px; flex-shrink: 0; }
.chat-acoes-conversa button {
  border: 1.5px solid var(--linha-forte); background: var(--cartao); color: var(--preto-suave);
  font-size: 0.76rem; font-weight: 700; padding: 6px 11px; border-radius: 999px;
}
.chat-acoes-conversa button:hover { border-color: var(--borda-hover); background: var(--selo); }

.chat-bloqueada {
  flex-shrink: 0; padding: 14px 16px; border-top: 1px solid var(--linha);
  background: var(--selo); color: var(--preto-suave); font-size: 0.86rem; text-align: center;
}

.chat-lista-vazia { padding: 18px 16px; font-size: 0.86rem; color: var(--tinta-suave); line-height: 1.45; }
.chat-lista-rodape {
  display: block; width: calc(100% - 24px); margin: 10px 12px 14px; padding: 9px 12px;
  border: 1px dashed var(--linha-forte); border-radius: 12px; background: none;
  color: var(--preto-suave); font-size: 0.8rem; font-weight: 700; text-align: left;
}
.chat-lista-rodape:hover { background: var(--selo); }

.chat-antigas {
  align-self: center; margin: 4px auto 10px; padding: 6px 14px; border-radius: 999px;
  border: 1px solid var(--linha-forte); background: var(--cartao); color: var(--preto-suave);
  font-size: 0.78rem; font-weight: 700;
}
.bolha.indisponivel { font-style: italic; opacity: 0.75; }

#view-chat .aviso-etapa .link-inline {
  background: none; border: none; padding: 0; font: inherit; font-weight: 700;
  color: var(--ouro-texto); text-decoration: underline; cursor: pointer;
}

.denuncia-card h2 { margin: 0 0 6px; color: var(--preto); }
.denuncia-dica { font-size: 0.85rem; color: var(--tinta-suave); margin: 0 0 14px; line-height: 1.45; }
.denuncia-form { display: flex; flex-direction: column; gap: 12px; }
.denuncia-mensagens { border: 1px solid var(--linha); border-radius: 12px; padding: 8px 12px; margin: 0; max-height: 240px; overflow-y: auto; }
.denuncia-mensagens legend { font-size: 0.8rem; font-weight: 700; color: var(--preto-suave); padding: 0 4px; }
.denuncia-msg { display: flex; gap: 8px; align-items: flex-start; padding: 6px 0; font-size: 0.85rem; color: var(--tinta); border-bottom: 1px solid var(--linha); overflow-wrap: anywhere; }
.denuncia-msg:last-child { border-bottom: none; }

@media (max-width: 820px) {
  .chat-acoes-conversa button { padding: 5px 9px; font-size: 0.72rem; }
}