.payroll-widget-grid{grid-template-columns:repeat(5,1fr)!important}.payroll-widget-grid article.prorata:after{background:#fff0d8}.payroll-widget-grid article.prorata small{color:#a26a23}.payroll-widget-grid article.prorata b{color:#76451b}
.payroll-card summary>span:nth-child(2) small{display:block;margin-top:3px;font-size:8px;color:#a88489;font-weight:600}.prorata-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:13px 15px 0;border:1px solid #f1dfd6;border-radius:12px;overflow:hidden;background:#f1dfd6}.prorata-preview>div{padding:11px 12px;background:#fffaf7}.prorata-preview small,.prorata-preview b{display:block}.prorata-preview small{font-size:8px;letter-spacing:.7px;color:#a17b67;font-weight:800}.prorata-preview b{margin-top:4px;color:#52222a;font-size:12px}.payroll-form{padding-top:13px}.payroll-form .optional{display:block;margin-top:2px;color:#a88b8b;font-size:8px;font-weight:600}
.team-payroll-fields>div{grid-template-columns:repeat(5,1fr)}.team-onboarding .team-payroll-fields>div{grid-template-columns:repeat(5,minmax(0,1fr))}
.payslip-breakdown .payroll-info{background:#fff9ed}.payslip-breakdown .prorata{background:#fff4e8}.payslip-breakdown .prorata b{color:#bd6b2e}.attendance-month-summary.prorata-summary{grid-template-columns:repeat(4,1fr)}.prorata-summary .shortfall{background:#fff6ed;border-color:#f4dec5}.prorata-summary .shortfall small{color:#bf7838}.prorata-summary .shortfall b{color:#874718}
@media(max-width:1180px){.payroll-widget-grid{grid-template-columns:repeat(3,1fr)!important}.team-payroll-fields>div,.team-onboarding .team-payroll-fields>div{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.payroll-widget-grid{grid-template-columns:repeat(2,1fr)!important}.prorata-preview{grid-template-columns:1fr}.prorata-preview>div{border-bottom:1px solid #f1dfd6}.prorata-preview>div:last-child{border-bottom:0}}@media(max-width:620px){.attendance-month-summary.prorata-summary{grid-template-columns:1fr 1fr}.prorata-summary b{font-size:17px}.prorata-summary b span{font-size:10px}.team-payroll-fields>div,.team-onboarding .team-payroll-fields>div{grid-template-columns:1fr 1fr}}