/* Industrial EMS: keep engineering tables inside their intended grid columns.
   The shared legacy compatibility layer turns all tables into scroll blocks and
   gives rows max-content widths; that can create internal overflow and uneven
   blank space after the refined page is mounted inside the new site shell. */
.legacy-refined-page[data-legacy-page="industrial-ems"] .solutions-industrial-energy :is(.load-grid,.process-grid,.quality-grid){
  min-width:0!important;
  max-width:100%!important;
  align-items:stretch!important;
}

.legacy-refined-page[data-legacy-page="industrial-ems"] .solutions-industrial-energy :is(.load-grid,.process-grid,.quality-grid)>*,
.legacy-refined-page[data-legacy-page="industrial-ems"] .solutions-industrial-energy :is(.panel,.donut-card,.strategy-list){
  min-width:0!important;
  max-width:100%!important;
}

.legacy-refined-page[data-legacy-page="industrial-ems"] .solutions-industrial-energy :is(.load-table,.process-table,.quality-table){
  display:table!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  overflow:visible!important;
  margin-inline:0!important;
  align-self:stretch!important;
}

.legacy-refined-page[data-legacy-page="industrial-ems"] .solutions-industrial-energy :is(.load-table,.process-table,.quality-table) :is(thead,tbody,tr){
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
}

.legacy-refined-page[data-legacy-page="industrial-ems"] .solutions-industrial-energy :is(.load-table,.process-table,.quality-table) :is(th,td){
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
  word-break:normal;
}

@media (width<=1200px){
  .legacy-refined-page[data-legacy-page="industrial-ems"] .solutions-industrial-energy :is(.load-table,.process-table,.quality-table){
    table-layout:auto!important;
  }
}