@media screen and (max-width: 767px) {
  body.pp-ui-page table.pp-mobile-table > thead > tr > th,
  body.pp-ui-page table.pp-mobile-table > tbody > tr:not(.child) > td {
    white-space: nowrap !important; overflow-wrap: normal !important; word-break: normal !important;
  }
  body.pp-ui-page table.pp-mobile-table > tbody > tr.child > td { white-space: normal !important; }
  body.pp-ui-page table.pp-mobile-table .dtr-details { display: block; list-style: none; width: 100%; margin: 0; padding: 0; }
  body.pp-ui-page table.pp-mobile-table .dtr-details > li { display: flex; align-items: flex-start; gap: 12px; padding: 10px 0; border-bottom: 1px solid #edf1f5; }
  body.pp-ui-page table.pp-mobile-table .dtr-details > li:last-child { border-bottom: 0; }
  body.pp-ui-page table.pp-mobile-table .dtr-title { flex: 0 0 105px; font-size: 12px; font-weight: 600; color: #475569; white-space: normal; }
  body.pp-ui-page table.pp-mobile-table .dtr-data { flex: 1; min-width: 0; white-space: normal; overflow-wrap: anywhere; }
  body.pp-ui-page table.pp-mobile-table.dtr-inline.collapsed > tbody > tr > td.dtr-control { position: relative; padding-left: 32px; cursor: pointer; }
  body.pp-ui-page table.pp-mobile-table.dtr-inline.collapsed > tbody > tr > td.dtr-control::before {
    content: '+'; position: absolute; left: 8px; top: 50%; transform: translateY(-50%);
    display: grid; place-items: center; width: 18px; height: 18px; border: 1px solid #bfdbfe;
    border-radius: 5px; background: #eff6ff; color: #2563eb; font: 600 14px/1 system-ui; box-shadow: none;
  }
  body.pp-ui-page table.pp-mobile-table.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control::before { content: '−'; }
  body.pp-ui-page .dataTables_wrapper, body.pp-ui-page .dt-container { min-width: 0; max-width: 100%; }
  body.pp-ui-page .dataTables_paginate .pagination { flex-wrap: wrap; }
}