/* Build 395 — payment status in its own compact far-right column */
#modal .pay-summary.guard-payment-summary-v395{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) max-content!important;
 align-items:stretch!important;
 gap:8px 14px!important;
}
#modal .guard-payment-summary-v395>.pay-row{
 display:flex!important;
 flex-direction:column!important;
 align-items:flex-start!important;
 justify-content:flex-end!important;
 min-width:0;
 gap:2px!important;
}
#modal .guard-payment-summary-v395>.pay-row .pay-value{
 margin:0!important;
 max-width:100%;
 white-space:nowrap;
}
#modal .guard-payment-summary-v395>.pay-row-balance{
 justify-content:flex-end!important;
}
#modal .guard-pay-status-col{
 display:flex;
 flex-direction:column;
 align-items:flex-end;
 justify-content:flex-end;
 min-width:58px;
 justify-self:end;
 gap:2px;
}
#modal .guard-pay-status-label{
 width:100%;
 text-align:right;
}
#modal .guard-pay-status-value{
 display:flex;
 align-items:center;
 justify-content:flex-end;
 width:100%;
 min-height:20px;
}
#modal .guard-pay-status-col .pay-badge{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 width:auto!important;
 min-width:56px!important;
 max-width:max-content!important;
 margin:0!important;
 padding:3px 8px!important;
 font-size:9px!important;
 line-height:1!important;
 white-space:nowrap!important;
}
@media(max-width:520px){
 #modal .pay-summary.guard-payment-summary-v395{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) max-content!important;
  gap:7px 7px!important;
  padding-left:10px;
  padding-right:10px;
 }
 #modal .guard-payment-summary-v395 .pay-label{font-size:8px}
 #modal .guard-payment-summary-v395 .pay-value{font-size:14px}
 #modal .guard-pay-status-col{min-width:52px}
 #modal .guard-pay-status-col .pay-badge{min-width:50px!important;padding-left:6px!important;padding-right:6px!important;font-size:8px!important}
}