/* dicode.ai — CSS só da página Conversa do WhatsApp em PDF (/whatsapp-para-pdf).
   Tela: assets/js/ferramentas/telas/whatsapp-para-pdf.js; opções: templates/ferramentas/whatsapp-para-pdf.html.
   Só os tokens do design system, cantos retos, sem sombra nem gradiente, linhas de 1px, alvos de
   toque de 44px. Nada de verde nem de marca do WhatsApp. */

.wa { display: grid; gap: 24px; min-width: 0; }
.wa-escolhidos { margin: 0; }

/* Leitura: duas barras (a mesma barra do progresso comum) */
.wa-leitura { display: grid; gap: 14px; min-width: 0; }
.wa-leitura[hidden] { display: none; }
.wa-barra { display: grid; gap: 6px; min-width: 0; }
.wa-barra .progresso-cab { display: flex; justify-content: space-between; gap: 12px; }

.wa-bloco { display: grid; gap: 16px; min-width: 0; padding-top: 16px; border-top: 1px solid var(--linha); }
.wa-bloco[hidden] { display: none; }
.wa-titulo { margin: 0; color: var(--preto); }

/* Resumo */
.wa-resumo-lista { margin: 0; display: grid; gap: 8px; }
.wa-resumo-lista > div { display: grid; grid-template-columns: 1fr; gap: 2px; min-width: 0; }
@media (min-width: 720px) { .wa-resumo-lista > div { grid-template-columns: 160px 1fr; gap: 16px; } }
.wa-resumo-lista dt { margin: 0; }
.wa-resumo-lista dd { margin: 0; overflow-wrap: anywhere; }
.wa-avisos { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.wa-avisos[hidden] { display: none; }
.wa-avisos .aviso { margin: 0; }

/* Código de conferência */
.wa-codigo { display: grid; gap: 6px; min-width: 0; padding: 12px 14px; border: 1px solid var(--preto); background: var(--branco); }
.wa-codigo[hidden] { display: none; }
.wa-codigo p { margin: 0; }
.wa-codigo-valor { font-family: var(--fonte-mono); font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; word-spacing: 2px; }
.wa-acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 4px; }
.wa-acoes .botao { min-height: 44px; }
.wa-copiado { color: var(--cinza); }

/* Opções */
.wa-ordem[hidden], .wa-participantes[hidden], #wa-qualidade[hidden], .wa .opcao[hidden] { display: none; }
.wa .campo { max-width: 560px; margin: 0; }
.wa fieldset.campo { border: 0; padding: 0; display: grid; gap: 4px; }
.wa .opcao { min-height: 44px; display: flex; align-items: center; gap: 8px; }
.wa-periodo { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; max-width: 560px; }
.wa-periodo .entrada { width: 100%; min-width: 0; }
.wa-participantes-lista { display: grid; gap: 0; max-height: 264px; overflow-y: auto; padding-right: 4px; }
.wa-participantes-lista span { overflow-wrap: anywhere; }
.wa-estimativa { margin: 0; color: var(--cinza); }

/* "Seu .zip virou uma pasta?" (dentro da área de soltar) */
.wa-pasta { margin: 4px 0 0; }
.wa-pasta-botao { min-height: 44px; text-align: left; }

/* Resultado */
.wa-resultado { display: grid; gap: 12px; min-width: 0; }
.wa-explica { margin: 0; font-size: 15px; line-height: 1.55; }
.wa-terceiros { margin: 0; }