[data-page="payments"]{max-width:1480px;margin:0 auto}
.payment-page-head{margin-bottom:18px}
.payment-head-actions{display:flex;align-items:center;gap:8px}
.payment-head-actions .primary,.payment-head-actions .secondary{min-height:40px;padding:10px 14px;box-shadow:none}
.payment-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.payment-summary-grid article{min-height:126px;padding:19px;border:1px solid #1f3044;border-radius:17px;background:linear-gradient(150deg,#0d1826,#0a1420)}
.payment-summary-grid span,.payment-summary-grid small{display:block;color:#8fa2ba}
.payment-summary-grid span{font-size:12px;font-weight:750}
.payment-summary-grid strong{display:block;margin:11px 0 7px;font-size:30px;line-height:1;letter-spacing:-.03em}
.payment-summary-grid small{font-size:11px}
.payment-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 190px;gap:9px;margin:0 0 11px}
.payment-toolbar input,.payment-toolbar select{width:100%;min-height:43px;border:1px solid #26384d;border-radius:12px;background:#0b1624;color:#f5f7fb;padding:10px 13px;outline:none}
.payment-toolbar input:focus,.payment-toolbar select:focus{border-color:#557da7;box-shadow:0 0 0 3px #31567d33}
.payment-account-list{display:grid;gap:8px}
.payment-account-card{display:grid;grid-template-columns:minmax(250px,1.35fr) minmax(340px,1fr) auto;align-items:center;gap:18px;padding:15px 17px;border:1px solid #1e2f42;border-radius:15px;background:#0b1522;transition:border-color .18s,background .18s}
.payment-account-card:hover{border-color:#324861;background:#0e1a29}
.payment-person{display:flex;align-items:center;gap:12px;min-width:0}
.payment-person .avatar{flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#15263a;color:#d9e5f2;font-size:12px}
.payment-person b,.payment-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.payment-person b{font-size:14px}
.payment-person small{margin-top:4px;color:#8397af;font-size:11px}
.payment-figures{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.payment-figures div{min-width:0}
.payment-figures small,.payment-figures b{display:block}
.payment-figures small{margin-bottom:4px;color:#71869f;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.payment-figures b{font-size:13px}
.payment-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:180px}
.payment-card-actions .icon-btn{min-height:34px;padding:7px 10px;font-size:11px}
.payment-card-actions .remove-record{border-color:transparent;color:#8fa2ba;background:transparent}
.payment-card-actions .remove-record:hover{color:#ff9baa;background:#381b23}
.payment-card-actions .status{white-space:nowrap}
.payment-account-card .billing-plan-note{grid-column:1/-1;margin:-5px 0 0 54px;color:#7790ac;font-size:10px}
[data-page="payments"] .ledger-head{margin:30px 0 12px}
[data-page="payments"] .ledger-head p:not(.eyebrow){font-size:12px}
[data-page="payments"] .table-wrap{border-radius:15px;background:#0a1420}
[data-page="payments"] th,[data-page="payments"] td{padding:12px 13px}
@media(max-width:1100px){.payment-summary-grid{grid-template-columns:repeat(2,1fr)}.payment-account-card{grid-template-columns:1fr auto}.payment-figures{grid-column:1/-1;grid-row:2}.payment-account-card .billing-plan-note{margin-left:0}}
@media(max-width:700px){.payment-page-head,.payment-head-actions{align-items:stretch}.payment-head-actions{width:100%}.payment-head-actions button{flex:1}.payment-summary-grid{grid-template-columns:1fr 1fr}.payment-summary-grid article{min-height:104px;padding:15px}.payment-summary-grid strong{font-size:25px}.payment-toolbar{grid-template-columns:1fr}.payment-account-card{grid-template-columns:1fr;padding:14px}.payment-card-actions{justify-content:flex-start;min-width:0}.payment-figures{grid-row:auto}.payment-person small{white-space:normal}}

/* v70: invoice-ledger clarity and duplicate protection */
.payment-account-v70{grid-template-columns:minmax(250px,1.15fr) minmax(430px,1.35fr) auto}
.payment-figures-v70{grid-template-columns:repeat(4,minmax(78px,1fr))}
.payment-account-activity{grid-column:1/-1;display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:10px;margin:-4px 0 0 54px;padding-top:11px;border-top:1px solid #17283a;color:#8297ae;font-size:10px}
.payment-account-activity>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d4dfeb;font-size:11px;font-weight:650}
.payment-account-activity>small{color:#e6bd63;text-align:right}
.duplicate-safety-note,.recent-payment-check{border:1px solid #29415a;border-radius:14px;background:#0d1b2b;padding:13px 14px}
.duplicate-safety-note{display:grid;gap:4px;margin-bottom:4px}
.duplicate-safety-note b{color:#f4f7fb;font-size:13px}
.duplicate-safety-note span{color:#8fa4bb;font-size:11px;line-height:1.45}
.recent-payment-check{display:grid;gap:8px;margin:3px 0}
.recent-payment-check>b{color:#8ca4bf;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.recent-payment-check>span{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding-top:8px;border-top:1px solid #1a3045;color:#dce5ef;font-size:12px}
.recent-payment-check>span small{color:#8197af;text-align:right}
.recent-payment-check.empty-check{color:#8197af;font-size:11px}
.ledger-link{display:block;margin-top:4px;color:#7189a3;font-size:9px;font-weight:550}
.danger-soft{border-color:#5e3038!important;color:#ff9ca8!important}
.danger-soft:hover{background:#351820!important}
@media(max-width:1180px){.payment-account-v70{grid-template-columns:1fr auto}.payment-figures-v70,.payment-account-activity{grid-column:1/-1}.payment-account-activity{margin-left:0}}
@media(max-width:700px){.payment-account-v70{grid-template-columns:1fr}.payment-figures-v70{grid-template-columns:repeat(2,1fr)}.payment-account-activity{grid-template-columns:1fr;gap:4px}.payment-account-activity>small{text-align:left}.recent-payment-check>span{grid-template-columns:1fr}.recent-payment-check>span small{text-align:left}}