/* Aba WhatsApp da ficha (P3). Tokens e componentes base em app.css; .upload-zone e .evidence vêm do protótipo. */

.whatsapp-aviso-fixo { margin-bottom: 16px; font-weight: 600; }

.upload-zone {
  display: flex; flex-direction: column; gap: 13px; padding: 22px;
  border: 1px dashed #A894C9; border-radius: 8px; background: #F6F3FC; font-size: 16px; font-weight: 600;
}
.upload-zone small { font-size: 12px; color: var(--muted); font-weight: 400; }
.upload-zone input { background: #fff; font-weight: 400; width: 100%; }
.upload-zone.desabilitada { opacity: .6; cursor: not-allowed; }
.whatsapp-desabilitado h2 { margin-top: 0; }

.whatsapp-resumo { display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: 14px; }
.whatsapp-resumo span { white-space: nowrap; }
.whatsapp-avisos { margin: 0; padding-left: 18px; color: var(--muted); font-size: 13px; }

.whatsapp-bloco h3 { margin: 8px 0 12px; }
.whatsapp-cartoes { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 16px; }
.whatsapp-cartao { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.whatsapp-cartao h4 { margin: 0; overflow-wrap: anywhere; }
.whatsapp-cartao .form-grid { grid-template-columns: 1fr 1fr; }
.whatsapp-cartao .modal-actions { margin-top: auto; }
.whatsapp-cartao.rejeitada { opacity: .5; }
.whatsapp-cartao.aceita { border-color: #9BD3AE; }
.whatsapp-estado { margin: 0; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.whatsapp-aviso { margin: 0; }

blockquote.evidence, .evidence blockquote {
  margin: 0; border-left: 3px solid #C5B3E4; padding: 6px 12px; color: #656073;
  font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; white-space: pre-wrap;
}
.whatsapp-evidencias { display: flex; flex-direction: column; gap: 6px; }

.whatsapp-rodape { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }

@media (max-width: 760px) {
  .whatsapp-cartoes { grid-template-columns: 1fr; }
  .whatsapp-cartao .form-grid { grid-template-columns: 1fr; }
  .whatsapp-resumo span { white-space: normal; }
}