/* Playbook de saúde: gerador de mensagem. A base vem de nt.css (nt-calc, nt-campo, nt-botao); aqui só o que falta.
   Seletores com .pb-gerador na frente para vencer ".nt-corpo p" sem !important. */
.pb-gerador [hidden] { display: none !important; }
.pb-gerador .pb-campo-largo { grid-column: 1 / -1; }
.pb-gerador .pb-saida {
  margin-top: 1.2rem; padding: 1rem 1.1rem;
  background: var(--nt-campo); border: 1px solid var(--nt-borda-forte); border-left: 4px solid var(--nt-azul); border-radius: 12px;
}
.pb-gerador .pb-rotulo {
  margin: 0 0 .5rem; font-family: var(--nt-fonte-titulo); font-size: .78rem; letter-spacing: .06em; text-transform: uppercase;
  color: var(--nt-azul);
}
.pb-gerador .pb-assunto { margin: 0 0 .6rem; font-weight: 600; color: #ffffff; }
.pb-gerador .pb-mensagem {
  margin: 0 0 .8rem; white-space: pre-wrap; overflow-wrap: anywhere;
  font-size: 1rem; line-height: 1.65; color: var(--nt-texto);
}
.pb-gerador .pb-acoes { margin-top: .9rem; }
.pb-gerador .pb-status { font-size: .9rem; color: var(--nt-cinza-claro); }
.pb-gerador .pb-cta {
  display: flex; flex-wrap: wrap; align-items: center; gap: .6rem .9rem;
  margin: 1.2rem 0 0; padding-top: 1rem; border-top: 1px solid var(--nt-borda-forte); color: var(--nt-texto-suave);
}