.payslip-entry{display:flex;justify-content:flex-end;margin:12px 0}
.payslips-dialog{width:min(900px,calc(100vw - 32px));max-height:90vh;border:1px solid #dce3ec;border-radius:16px;padding:0;color:#24344b;background:#fff}
.payslips-dialog::backdrop{background:#16233988}
.payslips-dialog>header{display:flex;justify-content:space-between;gap:20px;padding:22px 28px;border-bottom:1px solid #e1e7ed}
.payslips-dialog h2{margin:4px 0 8px}.payslips-dialog header small{color:#168578;font-weight:700;letter-spacing:2px}.payslips-dialog header p{margin:0;color:#718096}
.payslips-body{padding:0 28px 26px;overflow:auto}.payslips-dialog .ui-action{white-space:nowrap}.payslips-dialog header .ui-action{align-self:flex-start}
#payslipsStatus{color:#906322;min-height:22px}.payslip-compose{padding-bottom:22px;border-bottom:1px solid #e1e7ed}.payslip-compose>p,.payslip-note{font-size:14px;color:#69788c;line-height:1.6}
.payslip-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.payslips-dialog label{display:flex;flex-direction:column;gap:8px}.payslips-dialog select,.payslips-dialog textarea{font:inherit;width:100%;box-sizing:border-box;border:1px solid #cdd8e6;border-radius:7px;padding:10px;background:#fff;color:#24344b}.payslips-dialog textarea{resize:vertical}
.payslip-paper{margin:20px 0;border:1px solid #dbe4ed;border-radius:12px;overflow:hidden}.payslip-paper-title{background:#f4f7fa;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.payslip-paper-title h3{margin:0}.payslip-paper-title span{font-size:13px;color:#718096}.payslip-paper dl{margin:0;padding:8px 20px}.payslip-paper dl>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf1f5}.payslip-paper dd{margin:0;font-variant-numeric:tabular-nums}.payslip-net{display:flex;justify-content:space-between;align-items:center;background:#edf7f4;padding:18px 20px}.payslip-net strong{font-size:26px;color:#11776d}.payslip-cards{display:flex;justify-content:space-between;gap:14px;padding:16px 20px;font-size:14px}.payslip-paper>.payslip-note{padding:0 20px 12px}
.payslips-dialog .payslip-check{display:flex;flex-direction:row;align-items:center;margin:18px 0;font-size:14px}.payslip-check input{width:18px;height:18px}.payslip-records article{border:1px solid #dce4ed;border-radius:10px;padding:16px;margin:10px 0;display:flex;gap:16px;justify-content:space-between;align-items:flex-start}.payslip-records article p{font-size:13px;color:#69788c;margin:8px 0;overflow-wrap:anywhere}.payslip-badge{display:inline-block;margin-left:10px;border-radius:20px;padding:4px 9px;background:#edf1f7;font-size:12px}.payslip-badge[data-status=confirmed]{background:#e0f3ed;color:#18766a}.payslip-badge[data-status=question]{background:#fff0dc;color:#9e6219}.payslip-response{display:grid;gap:16px}.payslip-response>div{display:flex;gap:12px}.payslip-empty{padding:28px;text-align:center;color:#718096}
@media(max-width:600px){.payslips-dialog{width:calc(100vw - 20px);max-height:94vh}.payslips-dialog>header{padding:18px}.payslips-body{padding:0 16px 20px}.payslip-form{grid-template-columns:1fr}.payslip-paper-title{display:block}.payslip-cards{flex-direction:column}.payslip-records article{flex-direction:column}.payslip-badge{margin:8px 0}.payslip-response>div{flex-wrap:wrap}}
.payslips-dialog[open]{display:flex;flex-direction:column}.payslips-dialog>header{flex-shrink:0}.payslips-body{min-height:0;flex:1}