/* Shared document table; existing table-scroll owns iPad overflow. */
.payroll-table { table-layout: fixed; min-width: 1040px; }
.payroll-person { width: 180px; }
.payroll-operation { width: 115px; }
.payroll-number { width: 125px; }
.payroll-responsible { width: 135px; }
.payroll-comment { width: 120px; }
.payroll-month { width: 140px; }
.payroll-amount { width: 177px; }
.payroll-open { width: 48px; }
.payroll-table :is(th,td) { text-align: left; }
.payroll-table td { overflow-wrap: anywhere; vertical-align: middle; }
.payroll-table .salary-employee-name, .payroll-table td > small { display: block; }
.payroll-table td > small { margin-top: 4px; color: #69809b; font-size: .875em; line-height: 1.4; }
.payroll-table td:nth-child(3) > small { white-space: nowrap; }
.payroll-table td:nth-child(2) > span, .payroll-table td:nth-child(3) > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.payroll-ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.payroll-table td:last-child, .payroll-table th:last-child { position: sticky; right: 0; background: var(--card, #fff); }
.payroll-table :is(th,td):nth-child(7) { text-align: right; white-space: normal; overflow-wrap: normal; }
.payroll-documents .table-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
@media (max-width: 1366px) {
  .payroll-table { min-width: 740px; }
  .payroll-person { width: 170px; }
  .payroll-operation { width: 105px; }
  .payroll-number { width: 115px; }
  .payroll-month { width: 130px; }
  .payroll-amount { width: 145px; }
  .payroll-table :is(th,td,col):nth-child(4), .payroll-table :is(th,td,col):nth-child(5) { display: none; }
}