/* Pages / gestao-pessoas / vagas.css — Prompt 10. Reaproveita as classes
   `.vg-*` genéricas de visao-geral.css (header, filterbar, section,
   empty/error, topn, ver-todos) — este arquivo só cobre o que é específico
   desta página: o KPI dominante e a linha de indicadores secundários. */

/* ---------- KPI principal — precisa ser o elemento mais dominante da página (seção 6) ---------- */
.vg-primary-row--single{ grid-template-columns:minmax(280px, 420px); }
/* Prompt 14, seção 43: 172px sobrava bastante espaço vazio abaixo do
   número agora que o card ganhou o chip de ícone (seção 30) — reduzido
   pra caber o conteúdo real sem "ar" demais. */
.vg-kpi-vagas{ min-height:132px; }
.vg-kpi-vagas .kpi-value{ font-size:44px; line-height:1.1; }
.vg-kpi-vagas .chart-title{ font-size:14px; }

/* ---------- Indicadores secundários (seção 12 — só os com dado real de apoio) ---------- */
.vg-vagas-secundarios{ display:grid; grid-template-columns:repeat(auto-fill, minmax(160px, 1fr)); gap:var(--space-4); }
.vg-vagas-secundario{
  display:flex; flex-direction:column; gap:2px; padding:var(--space-4);
  border:1px solid var(--border); border-radius:var(--radius-md); background:var(--surface);
}
.vg-vagas-secundario-label{ font-size:12px; color:var(--text-secondary); }
.vg-vagas-secundario-value{ font-size:20px; font-weight:600; color:var(--text-primary); font-variant-numeric:tabular-nums; }

@media (max-width: 719px){
  .vg-primary-row--single{ grid-template-columns:1fr; }
  .vg-vagas-secundarios{ grid-template-columns:repeat(2, 1fr); }
}