/* Gestão Linha C — Produção sem grandes áreas vazias.
   Layout: indicadores no topo, quadro horário abaixo em largura total,
   conciliação depois do quadro. Não altera cálculos nem o DOM. */

#screenResumo .production-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 13px !important;
  width: 100%;
  min-width: 0;
}

/* Os dois blocos pequenos dividem a primeira linha; o grande não
   obriga a coluna dos indicadores a ter a sua mesma altura. */
#screenResumo .production-grid > .summary-production-sources {
  display: grid !important;
  grid-template-columns: minmax(0, 1.28fr) minmax(0, 1fr) !important;
  gap: 13px !important;
  align-items: start !important;
  width: 100%;
  min-width: 0;
}
#screenResumo .production-grid > .summary-production-sources > .summary-source-group {
  width: 100%;
  min-width: 0;
  height: auto !important;
  margin: 0 !important;
  align-self: start !important;
}

/* A análise detalhada fica na segunda linha e ocupa a largura real
   disponível, sem criar um buraco cinza ao lado dos cartões. */
#screenResumo .production-grid > .panel {
  width: 100%;
  min-width: 0;
  height: auto !important;
  max-width: 100% !important;
  align-self: start !important;
  margin: 0 !important;
}
#screenResumo .production-grid > .panel > div[style*="overflow:auto"] {
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: visible !important;
}
#screenResumo .production-grid #hourTable {
  width: 100%;
  min-width: 680px;
}
#screenResumo .production-grid .hour-visual,
#screenResumo .production-grid .hora-destaques {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
#screenResumo .summary-reconciliation {
  margin-top: 13px !important;
}

/* Os cartões conservam hierarquia e leitura no espaço mais amplo. */
#screenResumo .summary-source-daily .cards.summary-editable-grid {
  grid-template-columns: repeat(6,minmax(0,1fr)) !important;
}
#screenResumo .summary-source-monthly .cards.summary-editable-grid {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
}

/* Notebooks menores: indicadores um após o outro, sem colunas estreitas. */
@media (max-width: 1049px) {
  #screenResumo .production-grid > .summary-production-sources {
    grid-template-columns: minmax(0,1fr) !important;
  }
}
@media (max-width: 760px) {
  #screenResumo .production-grid {
    gap: 10px !important;
  }
  #screenResumo .production-grid > .summary-production-sources {
    gap: 10px !important;
  }
  #screenResumo .summary-source-daily .cards.summary-editable-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  #screenResumo .summary-source-daily .summary-kpi-card:nth-child(n) {
    grid-column: span 1 !important;
  }
  #screenResumo .summary-source-monthly .cards.summary-editable-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  #screenResumo .production-grid #hourTable {
    min-width: 620px;
  }
}
@media (max-width: 460px) {
  #screenResumo .summary-source-group {
    padding: 9px !important;
  }
  #screenResumo .summary-source-group .summary-kpi-card .num {
    font-size: clamp(18px, 5vw, 24px) !important;
  }
}