/* Calculadora de ROI do SDR · complementa /assets/nt.css (nt-calc, nt-campo, nt-calc-numero...).
   Só cores da marca: azul #1296FC, fundos #141619/#1A1D1F/#1C1C1E, cinzas #5F6A6C/#95A5A6. */

/* --------------------------------------------- partes comuns das calculadoras */
.calc-grupo { border: 0; margin: 0 0 1.4rem; padding: 0; min-width: 0; }
.calc-grupo legend {
  padding: 0; margin: 0 0 .8rem;
  font-family: var(--nt-fonte-titulo); font-weight: 500; font-size: .8rem; letter-spacing: .06em;
  text-transform: uppercase; color: var(--nt-cinza-claro);
}
.nt-campo input[aria-invalid="true"] { border-color: #ffffff; border-style: dashed; }
.calc-resumo {
  margin: 1.3rem 0 0; padding: .9rem 1rem; border-radius: 12px;
  background: var(--nt-azul-fundo); border: 1px solid rgba(18, 150, 252, .35);
  font-family: var(--nt-fonte-titulo); font-weight: 500; color: #ffffff; line-height: 1.5;
}
.calc-cta {
  margin: 1rem 0 0; padding: 1rem 1.1rem; border-radius: 12px;
  background: var(--nt-campo); border: 1px solid var(--nt-borda-forte);
}
.calc-cta p { margin: 0 0 .85rem; font-size: .98rem; line-height: 1.6; color: var(--nt-texto-suave); }
.calc-alavancas { margin: 1.3rem 0 0; }
.calc-alavancas-titulo { margin: 0 0 .5rem; font-family: var(--nt-fonte-titulo); font-weight: 500; color: #ffffff; }
.nt-corpo .calc-alavancas ul { list-style: none; padding: 0; margin: 0; display: grid; gap: .5rem; }
.nt-corpo .calc-alavancas li {
  margin: 0; padding: .65rem .85rem; border-radius: 10px;
  border: 1px solid var(--nt-borda-forte); background: rgba(255, 255, 255, .02);
  font-size: .95rem; line-height: 1.5; color: var(--nt-texto-suave);
}

/* --------------------------------------------- curva do saldo acumulado (curva J) */
.roi-curva { margin: 1.3rem 0 0; }
.roi-curva-area {
  padding: 12px 10px 28px; border-radius: 12px;
  background: var(--nt-campo); border: 1px solid var(--nt-borda-forte);
}
.roi-curva-plot { position: relative; display: flex; gap: 4px; height: 150px; counter-reset: mes; }
.roi-curva-coluna { position: relative; flex: 1 1 0; counter-increment: mes; }
.roi-curva-coluna::after {
  content: counter(mes); position: absolute; left: 0; right: 0; bottom: -22px;
  text-align: center; font-size: .72rem; line-height: 1; color: var(--nt-cinza-claro);
}
.roi-curva-barra {
  position: absolute; left: 0; right: 0; top: 50%; height: 0;
  border-radius: 3px; background: var(--nt-azul);
  transition: top .2s ease, height .2s ease;
}
.roi-curva-barra.is-negativa { background: var(--nt-cinza); }
.roi-curva-zero { position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: rgba(255, 255, 255, .45); z-index: 1; }
.roi-curva figcaption { margin: .5rem 0 0; font-size: .85rem; line-height: 1.5; color: var(--nt-cinza-claro); }

.calc-roi .nt-calc-numero b { color: #ffffff; font-weight: 600; }

/* celular: números secundários em duas colunas; principais e textos longos ocupam a linha toda */
@media (max-width: 639px) {
  .calc-roi .nt-calc-resultado { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .calc-roi .nt-calc-numero-principal, .calc-roi .calc-numero-largo { grid-column: 1 / -1; }
}