/* dicode.ai — CSS só da página E-mail para PDF (/email-para-pdf). Leva 15, peça A.
   Tela: assets/js/ferramentas/telas/email-para-pdf.js; opções: templates/ferramentas/email-para-pdf.html.
   Só os tokens do design system, cantos retos, sem sombra nem gradiente, linhas de 1px, alvos de
   toque de 44px. O texto do e-mail fica num iframe isolado (sandbox, sem scripts). */

#em-juntar-grupo[hidden] { display: none; }

.em-aviso-geral { margin: 0; }
.em-lista { display: grid; gap: 24px; min-width: 0; }

.em-cartao { display: grid; gap: 14px; min-width: 0; padding: 18px 0 0; border-top: 1px solid var(--preto); }
.em-cartao--anexado { padding: 14px 0 0 14px; border-top: 1px solid var(--linha); border-left: 3px solid var(--linha); }
.em-cartao > * { margin: 0; min-width: 0; }
.em-origem { font-family: var(--fonte-mono); font-size: 12px; color: var(--cinza); overflow-wrap: anywhere; }
.em-assunto { font-size: 20px; line-height: 1.25; font-weight: 600; overflow-wrap: anywhere; }

.em-campos { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 4px 14px; font-size: 15px; }
.em-campos dt { color: var(--cinza); font-size: 13px; line-height: 1.7; }
.em-campos dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }

.em-avisos { list-style: none; padding: 0; display: grid; gap: 6px; font-size: 14px; color: var(--cinza); }
.em-avisos li { display: flex; gap: 10px; align-items: baseline; }
.em-avisos li::before { content: ''; flex: none; width: 6px; height: 6px; background: var(--laranja); transform: translateY(-1px); }

.em-corpo { border: 1px solid var(--preto); background: var(--branco); min-width: 0; }
.em-corpo iframe { display: block; width: 100%; height: 320px; max-height: min(70vh, 640px); border: 0; background: var(--branco); }
.em-texto {
  margin: 0; padding: 12px; max-height: min(70vh, 640px); overflow: auto;
  white-space: pre-wrap; overflow-wrap: anywhere; font: 15px/1.5 var(--fonte);
}
.em-vazio { margin: 0; padding: 12px; color: var(--cinza); font-size: 15px; }

.em-anexos { display: grid; gap: 10px; min-width: 0; }
.em-anexos > * { margin: 0; }
.em-anexos-titulo { font-size: 16px; font-weight: 600; }
.em-anexos-lista { list-style: none; padding: 0; display: grid; border-top: 1px solid var(--linha); }
.em-anexo {
  display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px;
  padding: 8px 0; border-bottom: 1px solid var(--linha); min-width: 0;
}
.em-anexo-texto { flex: 1 1 220px; min-width: 0; display: grid; gap: 2px; }
.em-anexo-texto > * { margin: 0; }
.em-anexo-nome { overflow-wrap: anywhere; font-size: 15px; }
.em-anexo-info { color: var(--cinza); font-size: 13px; }
.em-anexo-risco { font-size: 13px; color: var(--preto); display: flex; gap: 8px; align-items: baseline; }
.em-anexo-risco::before { content: ''; flex: none; width: 6px; height: 6px; background: var(--laranja); }
.em-anexo .botao { min-height: 44px; padding: 10px 16px; }
.em-todos { justify-self: start; }
.em-anexados { display: grid; gap: 18px; min-width: 0; }