/* The admin on a phone (SCOPE.md B15, tools/admin-phone.cjs): a row's actions stack in a narrow column there, where in one
   line they made the busiest lists need a swipe (the customers list's took 488px of a 390px screen). Filament wraps actions
   only in its card layout, never in a table's. */
@media (max-width: 767px) {
  td.fi-ta-cell > .fi-ta-actions { flex-wrap: wrap; justify-content: flex-start; row-gap: 6px; column-gap: 10px; width: max-content; max-width: 8.5rem; }
  /* a long name, title or email in a column that may wrap breaks where it must - an email has no spaces */
  .fi-ta-text.fi-wrapped { overflow-wrap: anywhere; }
  /* the cells' own padding, 12px a side, is a fifth of a phone's width on a five-column list */
  .fi-ta-cell, .fi-ta-header-cell, .fi-ta-cell:has(.fi-ta-actions) { padding-inline: 6px; }
  .fi-ta-cell:first-child, .fi-ta-header-cell:first-child { padding-inline-start: 12px; }
  /* on the busiest lists a tapped row opens the record, whose page carries every one of these actions: there the actions
     column goes, and the record's own name has the room */
  .fi-resource-list-records-page:is(.fi-resource-orders, .fi-resource-competitions, .fi-resource-customers) :is(th.fi-ta-actions-header-cell, td.fi-ta-cell:has(> .fi-ta-actions)) { display: none; }
}