/* Gerador de roteiro de ligação e WhatsApp: complementa nt.css (nt-calc, nt-campo, nt-opcao, nt-botao). Mobile-first. */

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

.nt-corpo .rl-exemplo { margin: 0 0 1rem; font-size: .88rem; color: #95A5A6; }
.rl-form > .nt-campo, .rl-form > .nt-calc-campos, .rl-form > .rl-grupo, .rl-form > .rl-opcoes { margin-top: 1rem; }
.rl-form > .nt-calc-campos:first-of-type { margin-top: 0; }
.rl-grupo { border: 0; margin: 0; padding: 0; min-width: 0; }
.rl-grupo > legend { padding: 0; margin: 0 0 .5rem; font-family: var(--nt-fonte-titulo); font-weight: 500; font-size: .98rem; color: #ffffff; }
.rl-grupo .nt-opcoes { margin-bottom: 0; }

.rl-opcoes { border: 1px solid var(--nt-borda-forte, rgba(255, 255, 255, .14)); border-radius: 12px; background: rgba(255, 255, 255, .02); }
.rl-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;
}
.rl-opcoes > summary::-webkit-details-marker { display: none; }
.rl-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);
}
.rl-opcoes[open] > summary::after { transform: rotate(-135deg) translateY(-2px); }
.rl-opcoes > .nt-calc-campos { padding: 0 1rem 1rem; }
.rl-botoes { margin-top: 1.2rem; }

/* resultado */
.rl-saida { margin: 0 0 1.6em; }
.rl-saida > h2 { margin-top: 1.3em; }
.nt-corpo .rl-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;
}
.rl-caixa {
  background: #1C1C1E; border: 1px solid var(--nt-borda, rgba(255, 255, 255, .05)); border-radius: 16px;
  padding: 1rem; margin: 0 0 1rem;
}
.nt-corpo .rl-caixa h3 { margin: 0 0 .5rem; font-size: 1.1rem; }
.nt-corpo .rl-caixa h3 ~ h3 { margin-top: 1.4rem; }
.nt-corpo .rl-tempo { margin: 0 0 .8rem; font-size: .88rem; color: #95A5A6; }

.nt-corpo ol.rl-blocos { list-style: none; padding: 0; margin: 0 0 1rem; display: grid; gap: .55rem; }
.nt-corpo .rl-bloco {
  margin: 0; background: #101214; border: 1px solid var(--nt-borda-forte, rgba(255, 255, 255, .14)); border-radius: 12px;
  padding: .75rem .9rem; transition: border-color .15s ease, background-color .15s ease;
}
.nt-corpo .rl-bloco.rl-ativo { border-color: #1296FC; background: rgba(18, 150, 252, .1); }
.nt-corpo .rl-bloco-topo { margin: 0 0 .3rem; display: flex; justify-content: space-between; align-items: baseline; gap: .6rem; }
.rl-bloco-rotulo { font: 500 .78rem var(--nt-fonte-titulo); letter-spacing: .07em; text-transform: uppercase; color: #1296FC; }
.rl-bloco-tempo { font-size: .78rem; color: #95A5A6; white-space: nowrap; }
.nt-corpo .rl-fala { margin: 0; font-size: 1.02rem; line-height: 1.6; color: #ffffff; overflow-wrap: anywhere; }

.rl-ensaio { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem .9rem; margin: 0 0 1rem; }
.rl-relogio {
  font: 700 1.3rem var(--nt-fonte-titulo); font-variant-numeric: tabular-nums; color: #ffffff; min-width: 3.2rem;
}
.rl-ensaio [aria-pressed="true"] { background: #ECEFF1; border-color: #ECEFF1; color: #04080D; }

.nt-corpo .rl-extra { margin: 0 0 .6rem; font-size: .95rem; line-height: 1.55; }
.nt-corpo .rl-extra strong { color: #ffffff; }

.rl-objecoes { margin: 0; display: grid; gap: .55rem; }
.rl-objecao { background: #101214; border-radius: 10px; padding: .65rem .85rem; border-left: 3px solid #5F6A6C; }
.rl-objecao dt { font-weight: 600; color: #ffffff; margin-bottom: .2rem; }
.rl-objecao dd { margin: 0; font-size: .95rem; line-height: 1.55; color: #ECEFF1; }

.rl-whatsapp { display: grid; gap: .8rem; }
.rl-whats { display: grid; gap: .35rem; justify-items: start; }
.nt-corpo .rl-whats-rotulo { margin: 0; font: 500 .78rem var(--nt-fonte-titulo); letter-spacing: .07em; text-transform: uppercase; color: #95A5A6; }
.nt-corpo .rl-whats-balao {
  margin: 0; max-width: 34rem; padding: .7rem .9rem; border-radius: 4px 14px 14px 14px;
  background: rgba(18, 150, 252, .16); border: 1px solid rgba(18, 150, 252, .35); color: #ffffff;
  font-size: .98rem; line-height: 1.55; overflow-wrap: anywhere;
}
.nt-corpo .rl-whats-meta { margin: 0; font-size: .8rem; color: #95A5A6; }

.rl-cta { margin-top: 1.2rem; }

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

@media (prefers-reduced-motion: reduce) {
  .nt-corpo .rl-bloco { transition: none; }
}

@media print {
  .rl-form, .rl-ensaio, .rl-copiar, .rl-cta { display: none !important; }
  .rl-caixa, .nt-corpo .rl-bloco, .rl-objecao, .nt-corpo .rl-whats-balao { background: #ffffff; border-color: #cccccc; color: #111111; }
  .nt-corpo .rl-fala, .rl-objecao dt, .rl-objecao dd, .nt-corpo .rl-whats-balao { color: #111111; }
  .nt-corpo .rl-bloco, .rl-objecao { break-inside: avoid; }
}