.account-payments { margin-top:24px; padding-top:22px; border-top:1px solid var(--line); min-width:0; }
.account-payments h3 { margin:0 0 18px; }
.account-payments h4 { margin:0 0 10px; font-size:1.02rem; }
.account-payments [hidden] { display:none !important; }
.account-payment-plans { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.account-payment-plan,.account-payment-wall,.account-payment-invoice { border:1px solid var(--line); border-radius:14px; padding:18px; min-width:0; }
.account-payment-plan { display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.account-payment-plan .btn { margin-top:auto; width:100%; }
.account-payment-plan p { margin:4px 0 12px; }
.account-payment-price { font-size:1.5rem; font-variant-numeric:tabular-nums; }
.account-payment-regular { color:var(--muted); font-size:.9rem; }
.account-payment-discount { font-size:.8rem; font-weight:650; padding:4px 8px; border:1px solid var(--line); border-radius:20px; }
.account-payment-wall { margin-bottom:18px; border-left:4px solid var(--accent-2); }
.account-payment-subscription:not(:empty) { margin-bottom:18px; }
.account-payment-invoice { margin-top:18px; background:var(--bg); }
.account-payment-state { font-weight:650; }
.account-payment-invoice-content { display:grid; grid-template-columns:auto minmax(0,1fr); gap:22px; align-items:start; margin:18px 0; }
.account-payment-details { min-width:0; }
.account-payment-details p { line-height:1.6; }
.account-payment-qr { width:184px; height:184px; padding:10px; background:#fff; border:1px solid var(--line); border-radius:10px; }
.account-payment-copy { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; margin:14px 0; }
.account-payment-copy label { grid-column:1/-1; font-size:.86rem; font-weight:650; }
.account-payment-copy input { font-family:ui-monospace,monospace; font-size:.9rem; font-variant-numeric:tabular-nums; }
.account-payments .btn { white-space:normal; }
@media(max-width:1050px) { .account-payment-plans { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .account-payment-invoice-content { grid-template-columns:minmax(0,1fr); } .account-payment-copy { grid-template-columns:minmax(0,1fr); } .account-payment-copy .btn { justify-self:start; } .account-payment-plan { padding:14px; } .account-payment-plan .btn { font-size:.86rem; } }
@media(max-width:360px) { .account-payment-plans { grid-template-columns:minmax(0,1fr); } }
