/*
  Prontidão: estilos só da página Parâmetros vitais.
  Carregar DEPOIS de components.css e simulador.css. Só var(--token).
*/
.vazio { padding: var(--esp-6) var(--esp-4); text-align: center; }
.resultado-idade { border: 1.5px solid var(--mint); }
.resultado-titulo { font-size: var(--fs-lg); }
.resultado-titulo .vsub { font-size: 13px; font-weight: var(--peso-medio); color: var(--muted); }
.vitais-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--esp-2); }
@media (min-width: 480px) { .vitais-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.vital-item {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 3px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: var(--raio-sm);
  background: var(--bg);
}
.vital-item.largo { grid-column: 1 / -1; }
.vlabel { color: var(--muted); font-size: 12px; font-weight: var(--peso-extra); }
.vval { font-size: 17px; font-weight: var(--peso-extra); line-height: 1.25; font-variant-numeric: tabular-nums; }
.vsub { color: var(--muted); font-size: 12px; }
.valerta { color: var(--muted); font-size: 12px; line-height: 1.45; }
.valerta b { color: var(--parcial); }
.fonte { font-size: 12px; }
.tabela-grupos { min-width: 640px !important; }
.tabela-grupos th[scope="row"] { white-space: nowrap; }
.tabela-grupos tr.atual > * { background: var(--mint-soft); }
.tabela-grupos tr.atual th[scope="row"]::before { content: "▸ "; color: var(--mint-forte); }
.tabela-grupos thead th { text-transform: none; letter-spacing: 0; font-size: 12px; }