.membership-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.payroll-payment{display:grid;gap:8px;min-width:180px}
.payroll-payment label{display:grid;gap:4px;font-size:13px}
.payroll-payment input,.payroll-payment select{width:100%;min-height:44px}
.hourly-fields[hidden]{display:none}.hourly-fields{display:grid;gap:12px;margin:12px 0}
@media(max-width:640px){.membership-grid{grid-template-columns:1fr}.membership-grid button,.payroll-payment button{min-height:44px}.payroll-slip{padding:16px}.salary-person{display:grid;grid-template-columns:1fr;gap:16px}.form .row{flex-wrap:wrap}.form .row>label{min-width:0;flex:1 1 100%}}
@media print{.no-print{display:none!important}.payroll-slip{box-shadow:none;border:0;width:100%;margin:0}}