.pay-history{margin:18px 0;border:1px solid #dbe2d3;border-radius:16px;background:#fbfcf8;min-width:0}.pay-history>summary{padding:17px 18px;min-height:58px;box-sizing:border-box;cursor:pointer;color:#354b2f;font-weight:700;line-height:1.6}.pay-history>summary small{display:block;font-size:12px;font-weight:400;color:#697461;padding-left:18px}.pay-history-body{padding:0 18px 18px;min-width:0}.pay-history-note{font-size:12px;line-height:1.8;color:#677360;overflow-wrap:anywhere;margin:12px 0}.pay-history-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.pay-history-selectors label{font-size:12px;font-weight:700;display:grid;gap:8px;min-width:0}.pay-history-selectors select{width:100%;min-width:0;min-height:46px;font:inherit;font-size:12px;background:#fff;border:1px solid #d5decd;border-radius:10px;padding:10px}.pay-history-summary{background:#eef2e6;border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.8;color:#415539;overflow-wrap:anywhere}.pay-history-summary p{font-size:12px;margin:5px 0 0}.pay-history-key-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.pay-history-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}.pay-history-card{background:#fff;border:1px solid #e0e5d7;border-radius:12px;padding:14px;min-width:0}.pay-history-card h4{margin:0 0 12px;font-size:13px;color:#3b5034}.pay-history-card dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pay-history-card dl>div{min-width:0}.pay-history-card dt{font-size:11px;line-height:1.6;color:#738069}.pay-history-card dd{margin:4px 0 0;font-size:14px;font-weight:650;line-height:1.7;overflow-wrap:anywhere}.pay-history-card .pay-history-delta{grid-column:1/-1;border-top:1px solid #edf0e7;padding-top:9px;display:flex;justify-content:space-between;gap:12px;align-items:baseline}.pay-history-delta dd{font-size:13px;margin:0}.pay-history-delta.is-change{color:#5a4e34}.pay-history-delta.is-unknown{color:#78806f;font-weight:400}.pay-history-section{border-top:1px solid #e1e6d9;margin-top:16px}.pay-history-section>summary{cursor:pointer;min-height:48px;padding:14px 0;box-sizing:border-box;font-size:13px;font-weight:700;line-height:1.6;color:#4a5b41}.pay-history-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}.pay-history-term{min-width:0;padding:14px;background:#fff;border:1px solid #e0e5d7;border-radius:12px}.pay-history-term h4{margin:0 0 10px;font-size:12px;color:#42573a}.pay-history-term h4>span{font-size:10px;font-weight:400;padding:2px 6px;border-radius:5px;background:#efeadc;color:#655937}.pay-history-term>div{display:grid;grid-template-columns:66px minmax(0,1fr);gap:8px;margin-top:6px;font-size:12px;line-height:1.8}.pay-history-term>div>span{color:#74806b;font-size:11px}.pay-history-term p{margin:0;overflow-wrap:anywhere}.pay-history-term>small{display:block;margin-top:8px;font-size:11px;color:#7b826f}.pay-history-more{min-height:46px;width:100%;justify-content:center;margin-top:16px}#pay-body>.panel>.pay-history{margin:0 18px 18px}.staff-pay-workspace>.pay-history{margin:18px 0}.pay-history summary:focus-visible,.pay-history select:focus-visible{outline:2px solid #71845d;outline-offset:3px}@media(max-width:900px){.pay-history-key-cards{grid-template-columns:1fr}.pay-history-key-cards .pay-history-card dl{grid-template-columns:repeat(3,minmax(0,1fr))}.pay-history-key-cards .pay-history-card .pay-history-delta{grid-column:auto;border-top:0;padding-top:0;display:block}.pay-history-key-cards .pay-history-card .pay-history-delta dd{margin-top:4px}}@media(max-width:600px){.pay-history-selectors,.pay-history-card-grid,.pay-history-terms{grid-template-columns:1fr}.pay-history-body{padding:0 14px 14px}.pay-history>summary{padding:16px 14px}.pay-history-key-cards .pay-history-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}.pay-history-key-cards .pay-history-card .pay-history-delta{grid-column:1/-1;border-top:1px solid #edf0e7;padding-top:9px;display:flex}.pay-history-key-cards .pay-history-card .pay-history-delta dd{margin:0}.pay-history-summary{padding:12px 14px}.pay-history-card dd{font-size:14px}.pay-history-term>div{grid-template-columns:62px minmax(0,1fr)}#pay-body>.panel>.pay-history{margin:0 14px 16px}}

.pay-history-heading{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.pay-history-heading>.pay-history-note{flex:1;min-width:170px}.pay-history-heading>.btn{min-height:44px;white-space:nowrap;margin-top:8px}.pay-history-heading>.btn:disabled{opacity:.6}
.pay-history-export{padding:14px;background:#f0f3e9;border:1px solid #dce4d1;border-radius:12px;margin:14px 0;min-width:0}.pay-history-export-button{min-height:46px;display:flex;align-items:center;justify-content:center;gap:9px;max-width:100%;line-height:1.6;white-space:normal}.pay-history-export-button:disabled{opacity:.6;cursor:default}.pay-history-export-button:focus-visible{outline:2px solid #71845d;outline-offset:3px}.pay-history-export-status{font-size:12px;line-height:1.8;overflow-wrap:anywhere;margin:10px 0 0;color:#405735}.pay-history-export-status[role=alert]{color:#8d4236}.pay-history-export .pay-history-note{margin-bottom:0}.pay-history-export-spinner{width:14px;height:14px;flex:0 0 14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:pay-history-spin .8s linear infinite}@keyframes pay-history-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.pay-history-export-button{width:100%}}@media(prefers-reduced-motion:reduce){.pay-history-export-spinner{animation:none}}
