/* Client actions: keep every action visible, using the existing Donata colors. */
#clientsSection .table-actions { white-space: normal; }
#clientsSection .table-actions .text-button {
  display: block; width: 100%; min-height: 40px; margin: 0; padding: 7px 4px;
  white-space: normal; text-align: left; line-height: 1.3; overflow-wrap: anywhere;
}
#clientsSection .table-actions .text-button + .text-button { margin: 4px 0 0; }
#clientsSection .client-history-actions {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px;
}
#clientsSection .client-history-actions .text-button { min-height: 40px; white-space: normal; }
@media (min-width: 641px) {
  #clientsSection table { table-layout: fixed; min-width: 0; width: 100%; }
  #clientsSection td, #clientsSection th { overflow-wrap: anywhere; }
  #clientsSection th:nth-child(1) { width: 11%; }
  #clientsSection th:nth-child(2) { width: 12%; }
  #clientsSection th:nth-child(3) { width: 19%; }
  #clientsSection th:nth-child(4) { width: 9%; }
  #clientsSection th:nth-child(5) { width: 8%; }
  #clientsSection th:nth-child(6) { width: 7%; }
  #clientsSection th:nth-child(7) { width: 11%; }
  #clientsSection th:nth-child(8) { width: 12%; }
  #clientsSection th:nth-child(9) { width: 11%; }
  #clientsSection .points { min-width: 0; max-width: 100%; }
}
@media (max-width: 640px) {
  #clientsSection .client-history-actions { justify-content: flex-start; }
}