/* Single authoritative visual grid for the live paystub preview.
   Keep earnings (5 columns), deductions (3 columns), and totals aligned to the reference. */
#payDocument .statement-earnings .statement-section-title:not(.deductions-title),
#payDocument .statement-earnings .statement-row:not(.deduction-row){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(34px,.42fr) minmax(30px,.38fr) minmax(54px,.65fr) minmax(48px,.58fr)!important;gap:4px!important;align-items:center!important}
#payDocument .statement-earnings .statement-section-title:not(.deductions-title){font-weight:700!important;border-bottom:2px solid #222!important}
#payDocument .statement-earnings .statement-section-title:not(.deductions-title) small,
#payDocument .statement-earnings .statement-row:not(.deduction-row)>:not(:first-child){text-align:right!important;white-space:nowrap!important}
#payDocument .statement-earnings .statement-total,
#payDocument .statement-earnings .statement-net{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(54px,.65fr) minmax(48px,.58fr)!important;gap:4px!important;align-items:center!important}
#payDocument .statement-earnings .statement-total>*:not(:first-child),
#payDocument .statement-earnings .statement-net>*:not(:first-child){text-align:right!important;white-space:nowrap!important}
#payDocument .statement-earnings .deductions-title,
#payDocument .statement-earnings .statement-row.deduction-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(54px,.65fr) minmax(48px,.58fr)!important;gap:4px!important;align-items:center!important}
#payDocument .statement-earnings .deductions-title small,
#payDocument .statement-earnings .statement-row.deduction-row>*:not(:first-child){text-align:right!important;white-space:nowrap!important}
#payDocument.classic-statement{min-height:0!important;padding:16px 18px 36px!important;overflow:hidden!important}
#payDocument .statement-top{min-height:0!important;padding-bottom:10px!important;gap:16px!important}
#payDocument .statement-tax{margin-top:10px!important}
#payDocument .statement-heading h3{font-size:18px!important;margin-bottom:12px!important}
#payDocument .statement-employee{margin-top:16px!important}
#payDocument .statement-earnings .statement-section-title:not(.deductions-title){padding:4px 0 3px!important;margin-bottom:0!important;font-size:9px!important}
#payDocument .statement-earnings .statement-section-title:not(.deductions-title) small{font-size:6px!important}
#payDocument .statement-earnings .statement-row:not(.deduction-row){padding:3px 0!important;font-size:7px!important;line-height:1.2!important}
#payDocument .statement-total{padding:4px!important;margin:3px 0!important;font-size:8px!important}
#payDocument .statement-earnings .deductions-title{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(48px,.6fr) minmax(48px,.6fr)!important;gap:4px!important;align-items:end!important;margin-top:7px!important;padding:4px 0 3px!important;font-size:9px!important}
#payDocument .statement-earnings .deductions-title small{font-size:6px!important}
#payDocument .statement-earnings .statement-row.deduction-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(48px,.6fr) minmax(48px,.6fr)!important;gap:4px!important;align-items:center!important;padding:2px 0!important;font-size:7px!important;line-height:1.2!important}
#payDocument .statement-earnings .statement-row.deduction-row b{text-align:right!important;white-space:nowrap!important}
#payDocument .statement-net{margin-top:7px!important;padding:5px!important;font-size:9px!important}
#payDocument .statement-check{margin-top:22px!important;padding-top:8px!important}
#payDocument .statement-check .check-payee{margin-top:12px!important;padding:6px 4px!important}
#payDocument .statement-check .check-bottom{margin-top:8px!important;padding:5px 0!important}
#payDocument .statement-taxable{margin-top:8px!important;font-size:7px!important;line-height:1.3!important}
#payDocument .statement-footer{bottom:5px!important;padding-top:5px!important;font-size:5px!important}
#payDocument .statement-watermark{top:44%!important;left:0!important;width:100%!important;max-width:100%!important;font-size:24px!important;letter-spacing:2px!important;overflow:hidden!important}
@media(max-width:620px){
 #payDocument.classic-statement{padding:10px 7px 30px!important}
 #payDocument .statement-top{gap:7px!important;padding-bottom:7px!important}
 #payDocument .statement-heading h3{font-size:13px!important;margin-bottom:8px!important}
 #payDocument .statement-dates{font-size:6px!important}
 #payDocument .statement-employee{margin-top:12px!important;font-size:8px!important}
 #payDocument .statement-employer{font-size:8px!important}
 #payDocument .statement-tax{font-size:6px!important}
 #payDocument .statement-earnings .statement-section-title:not(.deductions-title),#payDocument .statement-earnings .statement-row:not(.deduction-row){grid-template-columns:minmax(60px,1.2fr) minmax(24px,.5fr) minmax(20px,.4fr) minmax(34px,.7fr) minmax(30px,.6fr)!important;gap:2px!important}
 #payDocument .statement-earnings .statement-row:not(.deduction-row){font-size:5.5px!important}
 #payDocument .statement-earnings .statement-section-title:not(.deductions-title) small{font-size:4.5px!important;white-space:normal!important}
 #payDocument .statement-earnings .deductions-title,#payDocument .statement-earnings .statement-row.deduction-row{grid-template-columns:minmax(0,1fr) minmax(34px,.6fr) minmax(32px,.6fr)!important;gap:3px!important}
 #payDocument .statement-earnings .deductions-title small{font-size:5px!important;white-space:normal!important}
 #payDocument .statement-earnings .statement-row.deduction-row{font-size:6px!important}
 #payDocument .statement-total,#payDocument .statement-net{grid-template-columns:minmax(0,1fr) minmax(38px,.5fr) minmax(30px,.4fr)!important;gap:3px!important;font-size:6px!important}
 #payDocument .statement-check{margin-top:15px!important}
 #payDocument .statement-check .check-top{gap:6px!important;font-size:6px!important}
 #payDocument .statement-check .check-payee strong{font-size:8px!important}
 #payDocument .statement-check .check-bottom{font-size:4.5px!important;gap:4px!important}
 #payDocument .statement-check .check-bottom b{font-size:5px!important}
 #payDocument .statement-taxable{font-size:5.5px!important}
 #payDocument .statement-watermark{font-size:12px!important;letter-spacing:1px!important;left:0!important;width:100%!important;max-width:100%!important}
}