/* Payroll history and employee totals — intentionally after the legacy HR styles. */
.hr-workspace>.payroll-section{order:6}.hr-workspace>.hr-control-grid{order:7}
.payroll-period-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 12px;padding:13px 15px;border:1px solid #eedee0;border-radius:15px;background:linear-gradient(120deg,#fffafa,#fff7ed)}.payroll-period-bar form{display:flex;align-items:end;gap:7px}.payroll-period-bar label{display:grid;gap:4px;color:#9a7177;font-size:8px;font-weight:900;letter-spacing:.7px}.payroll-period-bar select{min-width:230px;border:1px solid #ead8db;border-radius:9px;background:#fff;color:#54202a;padding:9px;font-size:10px;font-weight:700}.payroll-period-bar button{border:0;border-radius:9px;background:#531520;color:#fff;padding:10px 12px;font-size:9px;font-weight:900}.payroll-period-bar>div{text-align:right}.payroll-period-bar small,.payroll-period-bar b,.payroll-period-bar span{display:block}.payroll-period-bar small{color:#b57b83;font-size:8px;font-weight:900;letter-spacing:.7px}.payroll-period-bar b{margin:3px 0;color:#4a1420;font-family:Georgia,serif;font-size:15px;font-weight:500}.payroll-period-bar span{color:#927177;font-size:9px}
.payroll-total-board{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:9px;margin-bottom:13px}.payroll-total-board article{overflow:hidden;position:relative;border:1px solid #ecdfe0;border-radius:14px;background:#fff;padding:14px}.payroll-total-board article:first-child{border-color:#551621;background:linear-gradient(120deg,#4b111b,#751a2a);color:#fff}.payroll-total-board article:first-child:after{content:"";position:absolute;width:70px;height:70px;right:-22px;bottom:-30px;border-radius:50%;background:#f3223e}.payroll-total-board small,.payroll-total-board b,.payroll-total-board span{position:relative;z-index:1;display:block}.payroll-total-board small{color:#a0787f;font-size:8px;font-weight:900;letter-spacing:.65px}.payroll-total-board article:first-child small{color:#f0bbc3}.payroll-total-board b{margin:5px 0 3px;color:#531822;font-family:Georgia,serif;font-size:20px;font-weight:500}.payroll-total-board article:first-child b{color:#fff}.payroll-total-board span{color:#9b7e83;font-size:9px}.payroll-total-board article:first-child span{color:#eccbd0}
.payroll-card-total{min-width:178px;text-align:right}.payroll-card summary>.payroll-card-total small{margin:0;color:#a7757e;font-size:8px;font-weight:900;letter-spacing:.65px}.payroll-card summary>.payroll-card-total b{display:block;margin:3px 0 2px;color:#531621;font-family:Georgia,serif;font-size:16px}.payroll-card summary>.payroll-card-total em{display:block;color:#8d7478;font-size:8px;font-style:normal;font-weight:700}.payroll-breakdown{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin:13px 15px 0;border:1px solid #f0e1df;border-radius:12px;overflow:hidden;background:#f0e1df}.payroll-breakdown>div{min-width:0;padding:11px 10px;background:#fffafa}.payroll-breakdown small,.payroll-breakdown b,.payroll-breakdown span{display:block}.payroll-breakdown small{color:#a4767c;font-size:7px;font-weight:900;letter-spacing:.5px}.payroll-breakdown b{overflow:hidden;margin-top:4px;color:#54202a;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.payroll-breakdown span{margin-top:2px;color:#987b80;font-size:8px}.payroll-breakdown .positive{background:#f5fbf3}.payroll-breakdown .positive small,.payroll-breakdown .positive b{color:#4d774b}.payroll-breakdown .deduction{background:#fff8f0}.payroll-breakdown .deduction small,.payroll-breakdown .deduction b{color:#9a632d}.payroll-history-note{margin:13px 15px 15px;padding:10px 11px;border-radius:9px;background:#fff7e8;color:#966f43;font-size:9px}
@media(max-width:1050px){.payroll-breakdown{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.payroll-period-bar{display:block}.payroll-period-bar form{margin-bottom:12px}.payroll-period-bar select{min-width:0;width:100%}.payroll-period-bar form>label{flex:1}.payroll-period-bar>div{text-align:left}.payroll-total-board{grid-template-columns:1fr;gap:7px}.payroll-card summary{grid-template-columns:1fr 14px}.payroll-card summary>.payroll-card-total{display:none}.payroll-breakdown{grid-template-columns:1fr 1fr;margin:10px 12px 0}.payroll-breakdown>div{padding:10px}.payroll-history-note{margin:10px 12px 12px}}