.ops-main.ops-main-with-payroll{display:grid;grid-template-rows:auto minmax(0,1fr)}
.ops-main-with-payroll>.ops-view{grid-row:2;min-height:0}
.md45-workspace.ops-main-with-payroll{grid-template-rows:auto 68px auto auto minmax(0,1fr);min-height:0;overflow:hidden}
.md45-workspace.ops-main-with-payroll .seller-pay,.md45-workspace.ops-main-with-payroll .seller-pay *{box-sizing:border-box}
.staff-portal>.seller-pay{position:sticky;top:0;z-index:25}
.staff-portal .seller-pay,.staff-portal .seller-pay *{box-sizing:border-box;letter-spacing:0}
.seller-pay{grid-row:1;display:grid;grid-template-columns:180px minmax(0,1.25fr) minmax(0,1fr) 30px;align-items:center;gap:24px;padding:16px 22px;background:#fff;border-bottom:1px solid #d5e4dc;color:#183d30;min-width:0;letter-spacing:0}
.seller-pay-intro{display:flex;align-items:center;gap:10px;min-width:0}
.seller-pay-mark{width:34px;height:34px;border-radius:6px;background:#e0f2e7;display:grid;place-items:center;flex-shrink:0}
.seller-pay-mark img{width:18px;height:18px;opacity:.72}
.seller-pay-intro>div>span{display:block;font-size:9px;color:#688878;font-weight:700}
.seller-pay-intro strong{display:block;font-size:12px;margin-top:4px;font-weight:650}
.seller-pay-metric{min-width:0}
.seller-pay-paid{padding-left:22px;border-left:1px solid #e1eae4}
.seller-pay-unpaid{padding-left:24px;border-left:1px solid #e1eae4}
.seller-pay-label{display:flex;align-items:center;gap:6px;color:#648476;font-size:11px;line-height:1.4}
.seller-pay-label img{width:13px;height:13px;opacity:.55;flex-shrink:0}
.seller-pay-amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;line-height:1.15;margin:5px 0 4px;font-size:28px;font-weight:750;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.seller-pay-amount>span{min-width:0;max-width:100%}
.seller-pay-amount>small{font-size:11px;font-weight:600;color:#83998c}
.seller-pay-paid .seller-pay-amount{color:#16805a}
.seller-pay-unpaid .seller-pay-amount{color:#a87832;font-size:25px}
.seller-pay-detail{display:block;color:#8b9b90;font-size:10px;line-height:1.4}
.seller-pay-refresh{height:30px;width:30px;border:1px solid #d9e5dd;border-radius:5px;display:grid;place-items:center;background:#fff;padding:6px;cursor:pointer}
.seller-pay-refresh:hover{background:#edf7f0;border-color:#aac9b7}
.seller-pay-refresh:focus-visible{outline:2px solid #2b956e;outline-offset:3px}
.seller-pay-refresh:disabled{cursor:wait;opacity:.55}
.seller-pay-refresh img{width:15px;height:15px;opacity:.65}
.seller-pay-refresh.is-refreshing img{animation:seller-pay-spin 1s linear infinite}
.seller-pay-status{grid-column:1/-1;font-size:10px;color:#9c6832;line-height:1.4}
.seller-pay-status[hidden]{display:none}
.seller-pay.is-stale .seller-pay-amount{opacity:.65}
@keyframes seller-pay-spin{to{transform:rotate(360deg)}}
@media(max-width:1180px){
 .seller-pay{grid-template-columns:140px minmax(0,1.25fr) minmax(0,1fr) 30px;gap:18px;padding:14px 18px}
 .seller-pay-intro{gap:8px}.seller-pay-mark{display:none}
 .seller-pay-amount{font-size:25px}.seller-pay-unpaid .seller-pay-amount{font-size:23px}
 .seller-pay-paid,.seller-pay-unpaid{padding-left:18px}
}
@media(max-width:850px){
 .seller-pay{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 28px;gap:16px;padding:13px 16px}
 .seller-pay-intro{display:none}.seller-pay-paid{border:0;padding:0}
 .seller-pay-label{font-size:11px}.seller-pay-unpaid{padding-left:16px}
}
@media(max-width:480px){
 .seller-pay{gap:10px;padding:12px 10px;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr) 26px;align-items:start}
 .seller-pay-label{font-size:10px;min-height:28px;align-items:flex-start}
 .seller-pay-label img{display:none}
 .seller-pay-amount{font-size:22px;gap:4px;min-height:27px;margin:4px 0}
 .seller-pay-unpaid .seller-pay-amount{font-size:21px}
 .seller-pay-amount>small{font-size:9px}
 .seller-pay-detail{font-size:9px}.seller-pay-unpaid{padding-left:12px}
 .seller-pay-refresh{width:26px;height:28px;margin-top:2px}
}
@media(prefers-reduced-motion:reduce){.seller-pay-refresh.is-refreshing img{animation:none}}
@media(max-width:680px){.md45-workspace.ops-main-with-payroll{grid-template-rows:auto auto auto auto minmax(0,1fr)}}

