/* MobilizaPRO — Microajuste cognitivo dos Boxes Oficiais.
   Objetivo: separar a equação das vagas dos indicadores complementares.
   Não altera cálculos, dados, navegação ou regras de negócio. */

/* 1) A primeira linha passa a conter somente a equação das vagas:
   Solicitadas = Preenchidas + Em Processo + Sem Candidato + Suspensas. */
#page-dashboard .mpdash-official-kpis{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}

/* 2) Crachás Pendentes e Transferências ficam fora da sequência matemática. */
#page-dashboard .mpdash-official-complement-wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  padding-top:1px;
}
#page-dashboard .mpdash-official-complement-label{
  font-size:10px;
  line-height:1;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:rgba(148,163,184,.78);
}
#page-dashboard .mpdash-official-complements{
  width:min(620px,100%);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
#page-dashboard .mpdash-official-complements .mpg-kpi{
  min-height:92px;
  padding:12px 14px;
  gap:11px;
}
#page-dashboard .mpdash-official-complements .mpg-kpi-icon{
  width:38px;
  height:38px;
}
#page-dashboard .mpdash-official-complements .mpg-kpi-copy strong{
  font-size:25px;
}
#page-dashboard .mpdash-official-complements .mpg-kpi-copy>span{
  min-height:auto;
}

/* Em mono-obra, Obras Ativas foi removido do DOM: o contexto já está no topo. */

@media(max-width:1500px){
  #page-dashboard .mpdash-official-kpis{grid-template-columns:repeat(5,minmax(0,1fr));}
}
@media(max-width:1050px){
  #page-dashboard .mpdash-official-kpis{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:760px){
  #page-dashboard .mpdash-official-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-dashboard .mpdash-official-complements{grid-template-columns:1fr;}
}