/* Plano de escala do time de SDRs — complementa nt.css (nt-calc, nt-campo, nt-calc-resultado, nt-tabela).
   Barras finas dentro da tabela: uma série só (contas novas no mês), cor da marca, trilho um passo acima do fundo;
   o número fica sempre escrito ao lado, então a barra só reforça. */

.nt-corpo .mat-legenda-tabela {
  margin: 1.3rem 0 .5rem;
  font-family: var(--nt-fonte-titulo); font-weight: 500; color: #ffffff; font-size: .98rem; line-height: 1.35;
}
.mat-plano { background: var(--nt-campo); }
.mat-plano table { font-variant-numeric: tabular-nums; }
.mat-valor { display: block; color: var(--nt-texto); }
.mat-trilho { display: block; min-width: 3.5rem; height: 6px; margin-top: .3rem; border-radius: 0 4px 4px 0; background: rgba(255, 255, 255, .08); }
.mat-trilho > span { display: block; height: 100%; border-radius: 0 4px 4px 0; background: var(--nt-azul); transition: width .2s ease; }

@media (min-width: 481px) {
  .mat-plano th:last-child, .mat-plano td:last-child { min-width: 9.5rem; }
}
@media (max-width: 480px) {
  .mat-plano th, .mat-plano td { padding: .5rem .4rem; font-size: .88rem; }
  .mat-plano th:first-child, .mat-plano td:first-child { padding-left: .7rem; }
}

.nt-corpo .mat-leitura {
  margin: 1.1rem 0 0; padding: .8rem 1rem;
  border-left: 3px solid var(--nt-azul); border-radius: 0 10px 10px 0;
  background: var(--nt-azul-fundo); color: var(--nt-texto); font-size: .98rem; line-height: 1.6;
}

.mat-cta { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem 1rem; margin-top: 1.1rem; }
.nt-corpo .mat-cta p { margin: 0; flex: 1 1 240px; font-size: .95rem; color: var(--nt-texto-suave); }

@media (prefers-reduced-motion: reduce) { .mat-trilho > span { transition: none; } }