/* Visual do papel / PDF (carregado só na impressão, via media="print" no index.html).
   Fundo branco para economizar tinta, A4 deitado para caberem 8 carros, sem botões nem formulários. */

@page { size: A4 landscape; margin: 10mm; }

/* Paleta clara fixa no papel, mesmo para quem usa o tema escuro na tela. */
:root {
  color-scheme: light;
  --fundo: #ffffff;
  --superficie: #ffffff;
  --superficie-2: #f1eee6;
  --linha: #d9d4c7;
  --linha-forte: #b9b2a2;
  --texto: #111111;
  --texto-2: #3d3a34;
  --texto-suave: #5f5a50;
  --dourado: #7d600e;
  --dourado-suave: #f6eed6;
  --sombra: none;
  --serie-1: #2563c9;
  --serie-2: #c2551e;
  --serie-3: #0f8f72;
  --serie-4: #8b44c9;
  --serie-5: #c93d72;
  --serie-6: #4c8f2a;
  --serie-7: #1a8fb5;
  --serie-8: #c23a33;
}

/* Sem isso o navegador "economiza" e some com as bolinhas de cor e as barras. */
* { -webkit-print-color-adjust: exact; print-color-adjust: exact; }

body { font-size: 11pt; background: #ffffff; }
.pagina { max-width: none; padding: 0; gap: 14pt; }
h1 { font-size: 22pt; }
h2 { font-size: 14pt; }

/* O que não faz sentido no papel. */
.status, .botao, .botao-adicionar, .aviso, .aviso-sem-servidor, .dica,
.parametro small, .metodo, [aria-labelledby="titulo-carros"], [aria-labelledby="titulo-backup"] {
  display: none !important;
}

.so-na-impressao { display: block; }
.secao.so-na-impressao { display: grid; }

/* Parâmetros viram uma linha de dados, sem cara de campo. */
.parametro input { font-size: 14pt; height: auto; }
.parametro-valor { min-height: 0; }
.parametro { padding: 6pt 10pt; }

/* Linha de tabela e gráfico nunca cortados ao meio; seção inteira pode quebrar (senão sobra página em branco). */
tr, .painel-grafico, .parametros { break-inside: avoid; }
.secao-topo { break-after: avoid; }
/* Gráfico e composição cabem numa página: começam numa nova em vez de deixar o título órfão. */
[aria-labelledby="titulo-grafico"], [aria-labelledby="titulo-composicao"] { break-inside: avoid; }
.painel { border-color: var(--linha); }
.valor-grande { font-size: 15pt; }
.tabela-ranking th, .tabela-ranking td, .tabela-composicao th, .tabela-composicao td { padding: 5pt 8pt; }

.tabela-premissas { width: 100%; border-collapse: collapse; font-size: 9.5pt; font-variant-numeric: tabular-nums; }
.tabela-premissas th, .tabela-premissas td {
  padding: 3pt 8pt; border-bottom: 1px solid var(--linha); text-align: right; white-space: nowrap;
}
.tabela-premissas th[scope="row"], .tabela-premissas thead th { text-align: left; font-weight: 500; }
.tabela-premissas thead th { font-weight: 650; }
.tabela-premissas .titulo-do-grupo th {
  padding-top: 8pt; text-align: left; font-size: 8pt; letter-spacing: .08em; text-transform: uppercase;
  color: var(--texto-suave); font-family: var(--fonte-numeros);
}

.rodape { border-top: 1px solid var(--linha); padding: 8pt 0 0; }