/* dicode.ai — CSS só da página /telegram-para-pdf: a parte comum com a outra conversa em PDF fica em _conversa-pdf.css. */
/* dicode.ai — parte comum do CSS da Conversa do Telegram em PDF e da Conversa do LINE em PDF
   (importada por telegram-para-pdf.css e line-para-pdf.css). Tela: assets/js/ferramentas/telas/conversa-pdf.js;
   opções: templates/ferramentas/_conversa-pdf.html. Mesmo visual da página do WhatsApp em PDF:
   só os tokens do design system, cantos retos, sem sombra nem gradiente, linhas de 1px, alvos de
   toque de 44px. Nada das cores nem das marcas do Telegram ou do LINE. */

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

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

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

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

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

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

/* Telegram: "Escolher a pasta da exportação" (dentro da área de soltar) */
.cv-pasta { margin: 4px 0 0; }
.cv-pasta-botao { min-height: 44px; text-align: left; }

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