/* Gerador de cold email: complementa nt.css (nt-calc, nt-campo, nt-botao, nt-destaque). Mobile-first. */

.ce-ferramenta [hidden] { display: none !important; }

.ce-form .ce-exemplo {
  margin: 0 0 1rem; font-size: .88rem; color: var(--nt-cinza-claro, #95A5A6);
}

.ce-campos input { font-size: 1rem; }

/* ajustes opcionais */
.ce-opcoes {
  margin: 1.1rem 0 0; border: 1px solid var(--nt-borda-forte, rgba(255, 255, 255, .14)); border-radius: 12px;
  background: rgba(255, 255, 255, .02);
}
.ce-opcoes > summary {
  cursor: pointer; list-style: none; padding: .8rem 1rem; border-radius: 12px;
  font-family: var(--nt-fonte-titulo); font-weight: 500; color: #ffffff;
  display: flex; align-items: center; justify-content: space-between; gap: .75rem;
}
.ce-opcoes > summary::-webkit-details-marker { display: none; }
.ce-opcoes > summary::after {
  content: ""; flex: none; width: .55rem; height: .55rem; margin-right: .2rem;
  border-right: 2px solid #1296FC; border-bottom: 2px solid #1296FC; transform: rotate(45deg) translateY(-2px);
  transition: transform .15s ease;
}
.ce-opcoes[open] > summary::after { transform: rotate(-135deg) translateY(-2px); }
.ce-opcoes > summary:focus-visible { outline: 3px solid #ffffff; outline-offset: 2px; }
.ce-opcoes > .nt-calc-campos { padding: 0 1rem 1rem; }
.ce-opcoes > .ce-caixa { padding: 0 1rem 1rem; }

.ce-caixa { display: flex; align-items: flex-start; gap: .55rem; font-size: .95rem; color: var(--nt-texto, #ECEFF1); cursor: pointer; line-height: 1.45; }
.ce-caixa input { width: 1.15rem; height: 1.15rem; margin: .15rem 0 0; flex: none; accent-color: #1296FC; }

.ce-botoes { margin-top: 1.2rem; }

/* resultado */
.ce-saida { margin: 0 0 1.6em; }
.ce-saida > h2 { margin-top: 1.4em; }
.ce-saida h3 { margin: 1.4em 0 .6em; }

.ce-saida .ce-status {
  margin: 0 0 1rem; padding: .7rem .95rem; border-radius: 10px;
  background: rgba(18, 150, 252, .08); border-left: 3px solid #1296FC;
  font-size: .95rem; line-height: 1.5; color: var(--nt-texto, #ECEFF1);
}

.ce-estrutura { margin: 0 0 .4rem; }

.nt-corpo ol.ce-assuntos { list-style: none; padding: 0; margin: 0 0 .8rem; counter-reset: assunto; }
.nt-corpo .ce-assunto {
  counter-increment: assunto; position: relative;
  display: grid; grid-template-columns: 1fr auto; align-items: center; gap: .2rem .8rem;
  background: #1C1C1E; border: 1px solid var(--nt-borda, rgba(255, 255, 255, .05)); border-radius: 12px;
  padding: .7rem .8rem .7rem 2.6rem; margin-bottom: .5rem;
}
.ce-assunto::before {
  content: counter(assunto); position: absolute; left: .8rem; top: .78rem;
  width: 1.35rem; height: 1.35rem; border-radius: 50%; display: grid; place-items: center;
  background: rgba(18, 150, 252, .12); color: #1296FC; font: 700 .78rem var(--nt-fonte-titulo);
}
.ce-assunto-texto { grid-column: 1; font-weight: 600; color: #ffffff; line-height: 1.4; overflow-wrap: anywhere; }
.ce-assunto-meta { grid-column: 1; font-size: .8rem; color: #95A5A6; }
.ce-assunto .ce-copiar { grid-column: 2; grid-row: 1 / span 2; }
.ce-assunto-longo .ce-assunto-meta { color: #ECEFF1; }
.ce-assunto-longo .ce-assunto-meta::before { content: "! "; color: #1296FC; font-weight: 700; }
.ce-saida .ce-copiar-todos { margin: 0 0 1.2rem; }

.ce-emails { display: grid; gap: 1rem; }
.ce-email {
  background: #1C1C1E; border: 1px solid var(--nt-borda-forte, rgba(255, 255, 255, .14)); border-radius: 16px;
  padding: 1rem;
}
.ce-email-topo { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .2rem .8rem; margin-bottom: .6rem; }
.ce-email-topo h3 { margin: 0; font-size: 1.1rem; }
.ce-email .ce-email-formula { margin: 0; font-size: .82rem; letter-spacing: .03em; color: #95A5A6; }
.ce-email .ce-email-assunto {
  margin: 0 0 .7rem; padding: .55rem .75rem; border-radius: 10px; background: #101214;
  border: 1px solid var(--nt-borda, rgba(255, 255, 255, .05)); font-size: .95rem; overflow-wrap: anywhere;
}
.ce-email-assunto-rotulo { color: #95A5A6; }
.ce-email-corpo {
  background: #101214; border: 1px solid var(--nt-borda, rgba(255, 255, 255, .05)); border-radius: 10px;
  padding: .9rem .95rem; font-size: .98rem; line-height: 1.65; overflow-wrap: anywhere;
}
.ce-email-corpo p { margin: 0 0 .85em; }
.ce-email-corpo p:last-child { margin-bottom: 0; }
.ce-parte {
  display: block; margin-bottom: .15rem;
  font: 500 .7rem var(--nt-fonte-titulo); letter-spacing: .08em; text-transform: uppercase; color: #1296FC;
}
.ce-sem-estrutura .ce-parte { display: none; }
.ce-assinatura { color: var(--nt-texto-suave, #B8C2C4); }
.ce-email .ce-email-meta { margin: .7rem 0 .7rem; font-size: .82rem; color: #95A5A6; }

.ce-cta { margin-top: 1.4rem; }
.ce-cta .nt-botoes { margin-top: .4rem; }

@media (min-width: 640px) {
  .ce-email { padding: 1.2rem 1.3rem; }
}

@media (max-width: 340px) {
  .nt-corpo .ce-assunto { grid-template-columns: 1fr; padding-right: .8rem; }
  .ce-assunto .ce-copiar { grid-column: 1; grid-row: auto; justify-self: start; margin-top: .35rem; }
}

@media print {
  .ce-form, .ce-copiar, .ce-copiar-todos, .ce-estrutura, .ce-cta { display: none !important; }
  .ce-email, .ce-email-corpo, .ce-email-assunto, .ce-assunto { background: #ffffff; color: #111111; border-color: #cccccc; }
  .ce-assunto-texto, .ce-email-topo h3 { color: #111111; }
  .ce-email { break-inside: avoid; }
}