/* Planejador da hora de prospecção — complementa nt.css (nt-calc, nt-campo, nt-calc-resultado).
   Barra empilhada: uma rampa de azul em quatro passos (ordem das atividades na semana), validada para o fundo
   #1C1C1E: luminosidade monotônica, passos visíveis e o passo mais escuro acima de 3:1. Legenda sempre visível. */

.mat-planejador [hidden] { display: none !important; }

.mat-semana { margin-top: 1.25rem; }
.mat-semana-titulo { font-family: var(--nt-fonte-titulo); font-weight: 500; color: #ffffff; font-size: .98rem; margin: 0 0 .55rem; }

.mat-barra { display: flex; gap: 2px; height: 14px; border-radius: 4px; overflow: hidden; }
.mat-seg { display: block; height: 100%; min-width: 2px; transition: width .2s ease; }
.mat-tom-1 { background: #BFE2FF; }
.mat-tom-2 { background: #6CBDFD; }
.mat-tom-3 { background: #1296FC; }
.mat-tom-4 { background: #0D6FBF; }

.nt-corpo ul.mat-legenda {
  list-style: none; padding: 0; margin: .75rem 0 0;
  display: grid; gap: .35rem 1.2rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
  font-size: .93rem; color: var(--nt-texto-suave);
}
.nt-corpo ul.mat-legenda li { display: flex; align-items: center; gap: .5rem; margin: 0; }
.mat-legenda strong { margin-left: auto; color: #ffffff; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mat-amostra { width: .8rem; height: .8rem; border-radius: 3px; flex: none; }

.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-seg { transition: none; } }