/* CWG HR master-data + payroll module sheet (lane UX-MDATA-PAYROLL,
 * 2026-09-26). Additive-only: one new primitive for the Payroll add-payslip
 * form's side-by-side Deductions/Employer-contributions layout
 * (HR-UX-SPEC.md section 5.14). Nothing here redeclares an existing bare
 * selector, so every other surface is byte-for-byte unaffected.
 *
 * Loaded after module-hr-cwg-dense.css (whose `.property-editor-fields--
 * dense` / `.property-register-table--dense` modifiers this module's pages
 * also consume directly) and before red-plate.css, same placement rule as
 * every other module skin (src/lib/designSystems.ts).
 */

/* ----------------------------------------------------------------------
 * Payroll add-payslip: Deductions + Employer contributions side by side at
 * >=1280px, stacked below it (spec 5.14).
 * ------------------------------------------------------------------- */
.gsp-payroll-lines-pair {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media (min-width: 1280px) {
  .gsp-payroll-lines-pair {
    grid-template-columns: 1fr 1fr;
  }
}
.gsp-payroll-lines-pair__col {
  min-width: 0;
}