.kp-payments{ margin-top:16px; }
.kp-paylist{ display:grid; gap:10px; }

.kp-payrow{
  display:grid;
  grid-template-columns: 1fr auto auto;
  gap:12px;
  align-items:center;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 16px;
  padding: 12px 14px;
}

.kp-paytitle{ font-weight:900; color:#111; font-size:14px; }
.kp-paymeta{ margin-top:4px; font-size:12px; color:rgba(0,0,0,.55); }
.kp-payamount{ font-weight:900; color:#111; white-space:nowrap; }

.kp-badge{
  font-size:12px;
  font-weight:900;
  padding:8px 10px;
  border-radius:999px;
  white-space:nowrap;
  border:1px solid rgba(0,0,0,.12);
}
.kp-paid{ background: rgba(46,204,113,.18); color:#0b5a2a; border-color: rgba(46,204,113,.35); }
.kp-wait{ background: rgba(139,92,246,.18); color:#4b2bbf; border-color: rgba(139,92,246,.35); }

@media (max-width:640px){
  .kp-payrow{ grid-template-columns: 1fr; gap:8px; align-items:start; }
  .kp-payamount{ order:2; }
  .kp-badge{ order:3; width:fit-content; }
}