.private-badge{border:1px solid #dbe7df;background:#f3f8f4;border-radius:15px;padding:7px 9px;color:#4d7969;font:600 10px 'DM Sans'}.payslip-summary{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;margin-bottom:14px;background:#1f4c40;border-radius:13px;color:#fff}.payslip-summary>div{display:flex;align-items:center;gap:10px}.payslip-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#3b6c5e;color:#d7e986;font:700 18px Manrope}.payslip-summary p{margin:0}.payslip-summary strong{display:block;font:700 13px Manrope}.payslip-summary small{display:block;margin-top:3px;color:#bdd1c8;font-size:10px}.download-slip{border:1px solid #d8e5dd;background:#fff;border-radius:7px;padding:8px 10px;color:#386e5c;font:600 10px 'DM Sans';cursor:pointer}.payslip-summary .download-slip{border:0;color:#1c4c3e;background:#d8e97f}.payslip-list{background:#fff;border:1px solid #e4ece7;border-radius:13px;overflow:hidden}.payslip-list header{display:flex;align-items:center;justify-content:space-between;padding:17px 18px 7px}.payslip-list h3{margin:0;font:700 15px Manrope}.payslip-list header>span{color:#8a9792;font-size:10px}.payslip-row{display:grid;grid-template-columns:36px 1fr auto auto;gap:10px;align-items:center;padding:13px 18px;border-top:1px solid #eef2ef}.document-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;background:#fbe8e7;color:#b95d54;font:700 8px Manrope}.payslip-row strong{display:block;font:600 11px 'DM Sans';color:#40584f}.payslip-row small{display:block;margin-top:3px;color:#88958f;font-size:10px}.payslip-row>b{color:#427d65;background:#e9f5ed;border-radius:10px;padding:4px 7px;font:600 9px 'DM Sans'}.payslip-help{display:flex;gap:8px;padding:12px 14px;margin-top:14px;background:#f4f7f5;border:1px solid #e3ebe5;border-radius:9px}.payslip-help span{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#dbe9df;color:#4d806b;font:700 9px Manrope}.payslip-help p{margin:0;flex:1;color:#71827b;font-size:10px;line-height:1.5}.payslip-help strong{color:#496259}@media(max-width:720px){.private-badge{width:max-content}.payslip-summary{align-items:flex-start;gap:12px;flex-direction:column}.payslip-row{grid-template-columns:31px 1fr auto}.payslip-row .download-slip{grid-column:2/4;width:max-content}.payslip-row>b{grid-column:3;grid-row:1}.payslip-list header{padding-bottom:12px}}