/*
 * Left-to-right automatic column sizing.
 * The last data column receives all remaining panel width.
 */

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

.table-scroll > table {
  width:
    var(--mo-auto-table-width, 100%)
    !important;

  min-width:
    var(--mo-auto-table-width, 100%)
    !important;

  max-width: none !important;
  table-layout: fixed !important;
}

.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;
}

.table-scroll th,
.table-scroll td {
  box-sizing: border-box;
}

.table-scroll .cell-input,
.table-scroll .cell-select,
.table-scroll input,
.table-scroll select,
.table-scroll textarea {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.table-scroll .cell-select,
.table-scroll select {
  white-space: nowrap;
}