/* Over-arching VaTable rules that apply across the whole application.
   Loaded globally by BasePage (see BasePage#setupPackageResources) so individual
   panels don't have to repeat cross-cutting table styling. Panel-specific table
   styling still belongs in that panel's own CSS. */

/* Phone numbers are stored in the international display format (e.g. "+44 7700 900123").
   The spaces would otherwise let a cell wrap mid-number, so keep phone/mobile columns
   on a single line wherever they appear in a VaTable. */
.va-table .va-column-mobile.data,
.va-table .va-column-mobile-editable.data,
.va-table .va-column-phone.data,
.va-table .va-column-home-number.data,
.va-table .va-column-phone-number.data {
    white-space: nowrap;
}

/* File names are routinely long and frequently have no spaces to break on, so an unbroken
   name would otherwise force the table wider than its container (the theme puts
   "min-width: fit-content" on .table-wrapper, and .table-component-container does not
   scroll, so the table overflows the panel or modal rather than gaining a scrollbar).
   "anywhere" — rather than "break-word" — also shrinks the column's min-content width,
   which is what actually lets the table fit. */
.va-table .va-column-file-name.data {
    overflow-wrap: anywhere;
}