/* MasterPlating V1149 — correção da coluna Ações oculta no plano de calibração.
   A versão anterior reservava 110% da largura da tabela e impunha min-width:1280px,
   empurrando a coluna Ações para fora da área visível em monitores comuns.
   Preserva as classes globais e o padrão de botões V1118. */

.metro-table-card .table-wrap {
  width: 100% !important;
  max-width: 100%;
  overflow-x: auto !important;
}

/* Em desktop, a tabela usa a largura disponível e todas as nove colunas cabem.
   A soma das larguras abaixo é exatamente 100%. */
.metro-dashboard-table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}
.metro-dashboard-table th:nth-child(1), .metro-dashboard-table td:nth-child(1) { width: 7% !important; }
.metro-dashboard-table th:nth-child(2), .metro-dashboard-table td:nth-child(2) { width: 8% !important; }
.metro-dashboard-table th:nth-child(3), .metro-dashboard-table td:nth-child(3) { width: 12% !important; }
.metro-dashboard-table th:nth-child(4), .metro-dashboard-table td:nth-child(4) { width: 12% !important; }
.metro-dashboard-table th:nth-child(5), .metro-dashboard-table td:nth-child(5) { width: 8% !important; }
.metro-dashboard-table th:nth-child(6), .metro-dashboard-table td:nth-child(6) { width: 12% !important; }
.metro-dashboard-table th:nth-child(7), .metro-dashboard-table td:nth-child(7) { width: 15% !important; }
.metro-dashboard-table th:nth-child(8), .metro-dashboard-table td:nth-child(8) { width: 10% !important; }
.metro-dashboard-table th:nth-child(9), .metro-dashboard-table td:nth-child(9) { width: 16% !important; }

/* A coluna de ações não deve encolher nem ser recortada pelo conteúdo da célula. */
.metro-dashboard-table th:nth-child(9),
.metro-dashboard-table td.metro-actions-cell {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}
.metro-dashboard-table td.metro-actions-cell {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.metro-dashboard-table .metro-row-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 5px !important;
  flex-wrap: nowrap !important;
  min-width: 40px !important;
  width: 100%;
  overflow: visible !important;
}
.metro-dashboard-table .metro-row-actions .mp-icon-action {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
}

/* Em dispositivos menores, mantém a tabela rolável para não comprimir os botões. */
@media (max-width: 820px) {
  .metro-dashboard-table {
    min-width: 1080px !important;
  }
}
