/* O que é só da gestão: placar, filtros e a planilha. O resto vem do
   estilo.css, o mesmo da armazenagem. */
.placar { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin-bottom: 16px; }
.placar div { background: var(--papel); border: 1px solid var(--linha); border-radius: 10px; padding: 12px 14px; min-width: 0; }
.placar b { display: block; font: 700 1.7rem/1.1 "Barlow Condensed", sans-serif; }
.placar span { color: var(--fraca); font-size: .9rem; }
.placar .ruim b { color: var(--ruim); }
.filtros { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); gap: 10px; padding: 12px; }
.tabela-g { overflow-x: auto; background: var(--papel); border: 1px solid var(--linha); border-radius: 10px; }
.tabela-g table { border-collapse: collapse; width: 100%; min-width: 720px; }
.tabela-g th, .tabela-g td { padding: 10px 12px; border-bottom: 1px solid var(--linha); text-align: left; vertical-align: top; }
.tabela-g thead th { background: var(--realce); font: 700 .95rem "Barlow Condensed", sans-serif; letter-spacing: .04em; text-transform: uppercase; position: sticky; top: 0; }
.tabela-g .n { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.tabela-g td b { display: block; }
.tabela-g td small { color: var(--fraca); display: block; max-width: 46ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tabela-g .mais { color: var(--alerta); font-weight: 700; }
.tabela-g .menos { color: var(--ruim); font-weight: 700; }
.tabela-g .zero { color: var(--fraca); }
.tabela-g tr.sem-cadastro td:first-child b::after { content: " · sem cadastro"; color: var(--ruim); font: 600 .8rem "Barlow", sans-serif; }
.paginacao { display: flex; gap: 12px; align-items: center; justify-content: center; margin-top: 14px; }
@media (max-width: 700px) {
  .filtros { grid-template-columns: minmax(0, 1fr); }
}