/* Central de Comando — o novo /app. Ver docs/frontend-css-guidelines.md §8. */

.command-center-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* Números empilhados só alinham com casas de mesma largura — mesmo motivo de
   .reports-page .reports-figure. */
.command-center-page .cc-figure {
  font-variant-numeric: tabular-nums;
}

/* A caixa de rolagem do card de aniversariantes — hoje e os próximos dias
   juntos, numa lista só, como qualquer outra lista rolável.

   21rem é medido, não escolhido: a linha do card mede 3.25rem (py-2 mais o nome
   em text-sm e a idade em text-xs) e o rótulo do dia, 1.6rem. Seis nomes mais um
   rótulo dão exatamente isto. Passar daí é onde o card deixa de ser um resumo e
   vira uma lista — e ele não tem "Ver tudo" para onde mandar quem lê.

   O teto é o mesmo em toda largura, de propósito. Enquanto ele vinha da agenda
   ao lado (`flex-1` numa linha de grade esticada), o card tinha a altura da
   agenda e trinta linhas dentro: alto por acidente do vizinho, não por
   decisão. */
.command-center-page .cc-scroll-body {
  max-height: 21rem;
}