/*
 * Fill the table panel when only a few columns exist.
 * Keep horizontal scrolling when total column widths exceed the panel.
 */

.table-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: auto;
}

.table-scroll > table {
  width: max-content !important;
  min-width: 100% !important;
  table-layout: auto !important;
}

/*
 * Let normal data columns receive unused panel space.
 * Existing column minimum widths and manual resize widths remain respected.
 */
.table-scroll > table > thead > tr > th:not(.row-number):not(.row-actions-column),
.table-scroll > table > tbody > tr > td:not(.row-number):not(.row-actions-column) {
  width: auto;
}

/*
 * Keep utility columns compact.
 */
.table-scroll .row-number {
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
}

.table-scroll .row-actions-column {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
}