/*
 * Match table header and body typography.
 * Headers stay centered.
 * Body defaults to center while existing alignment options can still override it.
 */

.table-scroll thead th[data-column-id] {
  padding-left: 12px !important;
  padding-right: 12px !important;
  font-family: inherit !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  vertical-align: middle !important;
}

.table-scroll thead th.row-number,
.table-scroll thead th.row-actions-column {
  font-family: inherit !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  vertical-align: middle !important;
}

/*
 * Low-specificity center default.
 * Per-column alignment settings can still override table cells.
 */
:where(
  .table-scroll tbody td:not(.row-actions-column)
) {
  font-family: inherit;
  font-size: 13px;
  line-height: 1.25;
  text-align: center;
  vertical-align: middle;
}

:where(
  .table-scroll tbody td
  .cell-input,
  .table-scroll tbody td
  .cell-select,
  .table-scroll tbody td
  input:not([type="checkbox"]),
  .table-scroll tbody td
  select,
  .table-scroll tbody td
  textarea
) {
  box-sizing: border-box;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.25;
  text-align: inherit;
  text-align-last: inherit;
}

:where(
  .table-scroll tbody td
  .edited-by-cell,
  .table-scroll tbody td
  .checkbox-datetime-cell,
  .table-scroll tbody td
  .link-cell,
  .table-scroll tbody td
  .countdown-view,
  .table-scroll tbody td
  .countdown-text,
  .table-scroll tbody td
  .countdown-live
) {
  font-family: inherit;
  font-size: 13px;
  line-height: 1.25;
  text-align: inherit;
}

/* Keep the row number visually centered. */
.table-scroll tbody td.row-number {
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  text-align: center !important;
}