/* Máximo Gestão v0.7.4 — ritmo vertical uniforme no Dashboard.
 * A página contém seções irmãs: status, métricas, desempenho, atenção,
 * atividades e ações rápidas. Algumas não tinham margin-bottom;
 * isso fazia os cartões encostarem na seção seguinte.
 * O escopo evita mexer em Financeiro, Comercial ou nos demais módulos.
 */
:root { --mg-dashboard-panel-gap: 16px; }

/* Só a Visão geral possui essa combinação de elementos diretamente
 * abaixo de .page-content. Isola o ajuste de todas as outras telas. */
#root .page-content:has(> .executive-status) > :is(
  .metric-grid,
  .dashboard-grid,
  .executive-alert-grid,
  .lower-grid
) {
  margin-top: 0 !important;
  margin-bottom: var(--mg-dashboard-panel-gap) !important;
  column-gap: var(--mg-dashboard-panel-gap) !important;
  row-gap: var(--mg-dashboard-panel-gap) !important;
}

/* O último painel fica separado da linha anterior, mas não ganha margem
 * adicional ao final do conteúdo. Mantém a área útil e o respiro do rodapé. */
#root .page-content:has(> .executive-status) > .quick-panel {
  margin-top: 0 !important;
}

/* Evita que um gráfico ou texto comprido expanda uma coluna e quebre as
 * distâncias horizontais. */
#root .page-content:has(> .executive-status) > :is(
  .metric-grid,
  .dashboard-grid,
  .executive-alert-grid,
  .lower-grid
) > * {
  min-width: 0;
  box-sizing: border-box;
}