/* Shared column alignment: headers and values always use the same rule. */
main .system-table-scroll { max-width: 100%; min-width: 0; overflow-x: auto; }
main table.system-data-table { width: 100%; table-layout: auto; }
main table.system-data-table > :is(thead, tbody, tfoot) > tr > :is(th, td) {
  padding-inline: 1rem;
  padding-block: .78rem;
  vertical-align: middle;
}
main .system-data-table [data-table-align="text"] { text-align: left; white-space: normal; overflow-wrap: anywhere; }
main .system-data-table [data-table-align="center"],
main .system-data-table [data-table-align="actions"] { text-align: center; }
main .system-data-table [data-table-align="date"] { text-align: center; white-space: nowrap; font-variant-numeric: tabular-nums; }
main .system-data-table [data-table-align="number"] { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
main .system-data-table [data-table-align="actions"] > :is(div, form).flex { justify-content: center; }
main .system-data-table [data-table-align="actions"] details { text-align: left; }
main .system-data-table [data-table-align="center"] > span { white-space: nowrap; }
@media (max-width: 640px) {
  main table.system-data-table > :is(thead, tbody, tfoot) > tr > :is(th, td) { padding-inline: .75rem; }
}