/* 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;
}

/* A casca v2 (proposta em teste, ligada por `?v=2`).

   A moldura passa do bloco para a FOLHA: um bloco é uma seção dela, e quem
   desenha borda, fundo e padding horizontal é a folha. O `.cc-sheet-block` não
   pinta nada — existe para dizer isso em uma classe, e para que o
   `turbo_stream.update` de uma ação inline tenha onde cair sem trazer moldura
   junto. */
.command-center-page--v2 .cc-sheet-block {
  min-width: 0;
}

/* Na folha, o teto da lista de aniversariantes é mais baixo: ele divide a
   coluna da direita com "A fazer", e as 21rem da casca de cards empurravam a
   segunda seção para fora da tela — que é exatamente o que esta casca veio
   resolver. Seis nomes viram quatro; o "+N neste dia" continua dizendo o que
   não coube. */
.command-center-page--v2 .cc-scroll-body {
  max-height: 15rem;
}