.pay-toolbar{display:flex;gap:24px;align-items:center;padding:18px 24px;margin-bottom:20px;flex-wrap:wrap}.pay-toolbar .field{margin:0;min-width:190px}.pay-notice{margin:20px 0}.pay-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.pay-totals article{padding:20px}.pay-totals span{display:block;color:var(--muted);font-size:13px}.pay-totals strong{display:block;font-size:25px;margin-top:12px;overflow-wrap:anywhere}.pay-totals article:nth-child(3){background:#eaf5f3}.pay-export{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:18px 24px;border-bottom:1px solid var(--line)}.pay-check{display:flex;align-items:flex-start;gap:12px;margin:16px 0;line-height:1.6}.pay-check input[type=checkbox],input[data-pay-select],#pay-select-all{width:18px;height:18px;min-height:18px;flex-shrink:0;accent-color:#008c82}.pay-employee-picker{max-height:380px;overflow:auto;padding:0 12px}.pay-items{border:1px solid #dbe5e7;border-radius:12px;padding:12px 16px;margin:20px 0}.pay-items legend{padding:0 8px}.pay-item-row{display:grid;grid-template-columns:1.2fr .8fr 1.5fr auto;align-items:end;gap:12px;margin-bottom:12px}.pay-item-row .field{margin:0}.pay-item-row input{width:100%;min-width:0}.pay-history{margin-top:24px}.pay-audit-json{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f8f9;padding:16px;font-size:12px;max-height:60vh;overflow:auto}#pay-live-total .pay-totals{gap:8px}#pay-live-total article{padding:12px}#pay-live-total strong{font-size:18px}.pay-check small{display:inline;color:#b07b36}
@media(max-width:900px){:where(html:not([data-layout="desktop"])) .pay-totals{grid-template-columns:repeat(2,minmax(0,1fr))}:where(html:not([data-layout="desktop"])) .pay-item-row{grid-template-columns:1fr 1fr}:where(html:not([data-layout="desktop"])) .pay-item-row .field:nth-child(3){grid-column:1/-1}:where(html:not([data-layout="desktop"])) .pay-export .btn{font-size:12px}:where(html:not([data-layout="desktop"])) .pay-toolbar{padding:16px}}
.pay-totals > .card + .card{margin-top:0}