/* V1.56: applies only to the Payroll records page. */
.payroll-record-page { min-width:0; font-size:16px; line-height:1.5; }
.payroll-record-page .form-grid label,
.payroll-record-page .filter-row label { font-size:14px; color:#344054; line-height:1.5; gap:8px; }
.payroll-record-page .form-grid input,
.payroll-record-page .form-grid select,
.payroll-record-page .form-grid textarea,
.payroll-record-page .filter-row input,
.payroll-record-page .filter-row select {
  font-size:16px; line-height:1.5; min-height:46px; padding:10px 12px;
  min-width:0; max-width:100%; color:#182033;
}
.payroll-record-page input::placeholder,
.payroll-record-page textarea::placeholder { font-size:16px; color:#667085; opacity:1; }
.payroll-record-page input[readonly],
.payroll-record-page input:disabled,
.payroll-record-page select:disabled { color:#475467; background:#f5f7fb; opacity:1; }
.payroll-record-page .form-grid { gap:20px; }
.payroll-record-page .card-heading h2,
.payroll-record-page .payroll-section>strong,
.payroll-record-page .pay-summary>strong,
.payroll-record-page .statutory-section-heading strong { font-size:18px; line-height:1.4; }
.payroll-record-page .card-heading p,
.payroll-record-page .page-head p,
.payroll-record-page .pay-summary p,
.payroll-record-page .auto-note small { font-size:14px; line-height:1.6; }
.payroll-record-page .pay-summary div { font-size:16px; padding:12px 0; gap:16px; }
.payroll-record-page .pay-summary b { font-size:16px; font-variant-numeric:tabular-nums; }
.payroll-record-page .line-group-head b { font-size:16px; }
.payroll-record-page .primary,
.payroll-record-page .secondary,
.payroll-record-page .toggle-pill,
.payroll-record-page .line-group button { font-size:14px; min-height:44px; }
.payroll-record-page .statutory-section-heading {
  display:flex; align-items:center; justify-content:flex-start;
  flex-wrap:wrap; gap:12px; margin-bottom:8px;
}
.payroll-record-page .statutory-edit-all {
  display:inline-flex; align-items:center; gap:8px; padding:9px 14px;
  min-height:44px; border:1px solid #b5c7e6; border-radius:9px;
  background:#fff; color:#214f96; font-size:14px; font-weight:700; cursor:pointer;
}
.payroll-record-page .statutory-edit-all[aria-pressed="true"] { background:#edf3ff; border-color:#315f94; }
.payroll-record-page .statutory-edit-all:focus-visible { outline:3px solid #6b9dea; outline-offset:2px; }
.payroll-record-page .statutory-edit-hint { margin:0 0 18px; font-size:14px; line-height:1.6; color:#475467; }
.payroll-record-page .payroll-stat-field input { width:100%; font-variant-numeric:tabular-nums; }
.payroll-record-page .table-card { overflow-x:auto; }
.payroll-record-page .payroll-table .table-row { font-size:14px; line-height:1.5; }
.payroll-record-page .payroll-table .table-row.head { font-size:13px; color:#475467; }
.payroll-record-page .payroll-table .table-row small,
.payroll-record-page .payroll-table .table-row .status { font-size:13px; }
.payroll-record-page .payroll-table .table-row button { font-size:14px; min-height:44px; min-width:44px; }
.payroll-record-page .payroll-table .row-actions { flex-wrap:wrap; gap:8px; }
@media(max-width:700px) {
  .payroll-record-page .form-grid, .payroll-record-page .form-grid.nested { grid-template-columns:minmax(0,1fr); }
  .payroll-record-page .card-heading { flex-wrap:wrap; gap:12px; }
  .payroll-record-page .line-editor { grid-template-columns:minmax(0,1fr); }
}