.pay-page{width:100%;max-width:none;min-width:0;margin:0;overflow-wrap:anywhere}.pay-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:18px 0}.pay-metrics>div{background:#f2f6fa;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px}.pay-metrics span{font-size:.85rem;color:#526173}.pay-metrics strong{font-size:1.6rem;color:#12324b}.pay-check{display:flex;align-items:flex-start;gap:12px;margin:18px 0;line-height:1.5}.pay-check input{width:22px;height:22px;min-width:22px;margin-top:2px}.pay-dialog{padding:0;width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px);border:0;border-radius:20px;box-shadow:0 20px 80px #0005;color:#173149;background:white}.pay-dialog::backdrop{background:#071e35b3}.pay-dialog-body{padding:28px}.pay-dialog h2{margin-top:0}.pay-dialog input:not([type=checkbox]),.pay-settings input:not([type=checkbox]),.pay-settings select,.pay-request input,.pay-request textarea{width:100%;min-height:48px}.pay-dialog .btn,.pay-page .btn{min-height:46px}.pay-steps{font-size:.85rem;font-weight:700;color:#48667b}.pay-request details{margin-top:15px}.pay-request [role=status]{color:#8b3426}.pay-dialog-body>[role=status]{min-height:24px}.pay-settings label{display:block}@media(max-width:600px){.pay-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:14px}.pay-dialog-body{padding:20px 16px}.pay-dialog .toolbar,.pay-request .toolbar{display:grid;grid-template-columns:1fr}.pay-metrics{grid-template-columns:1fr 1fr}.pay-metrics strong{font-size:1.35rem}.pay-settings .grid2{grid-template-columns:1fr}}

/* Fluid payout views use the available content width on every device. */
.pay-page>h2{margin:0 0 12px}
.pay-page>p{line-height:1.6;margin:0 0 24px}
.pay-page .pay-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));align-items:end;gap:16px;margin:24px 0}
.pay-filters>label{display:flex;flex-direction:column;gap:8px;min-width:0;font-weight:600}
.pay-page select,.pay-page input:not([type=checkbox]),.pay-page textarea{width:100%;min-width:0;max-width:100%;min-height:48px;padding:12px;font-size:1rem;line-height:1.4}
.pay-page .grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.pay-page .grid2>label{display:flex;flex-direction:column;gap:8px;min-width:0}
.pay-request{padding:clamp(16px,2vw,28px);margin-bottom:18px}
.pay-request .section-title{align-items:flex-start;flex-wrap:wrap;gap:12px}
.pay-request .section-title>div{min-width:0}
.pay-request .toolbar{gap:12px;margin:18px 0 12px}
.pay-page .btn,.pay-dialog .btn{white-space:normal;overflow-wrap:anywhere;text-align:center}
.pay-metrics>div{min-width:0}
.pay-empty{padding:clamp(20px,2vw,32px);line-height:1.5}
@media(max-width:600px){
 .pay-page .pay-filters,.pay-page .grid2{grid-template-columns:minmax(0,1fr);gap:14px}
 .pay-page .pay-filters{margin:20px 0}
 .pay-request .toolbar{grid-template-columns:minmax(0,1fr)}
 .pay-request .toolbar .btn,.pay-request>.btn{width:100%}
 .pay-dialog-body{min-width:0;overflow-wrap:anywhere}
}
