.billing-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 25px;border-bottom:1px solid var(--line);padding-bottom:17px}.billing-nav button{font:inherit;font-size:13px;padding:9px 19px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.billing-nav button[aria-pressed=true]{background:#2a4936;color:var(--accent);border-color:#47644e}.billing-nav button:focus-visible{outline:2px solid var(--accent)}.billing-intro{font-size:13px;color:var(--muted);margin:0 0 24px}.recharge-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px}.recharge-layout label{margin-top:0}.credit-input{max-width:330px}.tier-buttons,.payment-channels{display:flex;gap:9px;flex-wrap:wrap;margin:13px 0 24px}.tier-buttons button{font-size:12px}.payment-channels label{display:flex;align-items:center;gap:8px;border:1px solid #46634f;padding:10px 16px;border-radius:8px;font-size:13px;cursor:pointer}.payment-channels input{width:auto;accent-color:var(--accent);margin:0}.quote-box{background:#112219;border:1px solid var(--line);border-radius:12px;padding:22px;align-self:start}.quote-box dl{margin:0}.quote-box dt{font-size:12px;color:var(--muted);margin-bottom:8px}.quote-box dd{margin:0 0 23px;font-size:24px;font-weight:600;overflow-wrap:anywhere}.quote-box dd:last-child{margin:0}.quote-box .button{width:100%;margin-top:24px;min-height:44px}.checkout-status{margin-top:24px;padding:18px;border:1px solid #46634f;border-radius:10px;background:#112219}.checkout-status p{font-size:13px;overflow-wrap:anywhere}.checkout-status a{display:inline-flex;margin-right:14px}.billing-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.billing-table th{font-weight:500;color:var(--muted)}.billing-table td,.billing-table th{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}.billing-table td:first-child,.billing-table th:first-child{padding-left:0}.billing-table small{display:block;font-size:10px;color:var(--muted);margin-top:7px;overflow-wrap:anywhere;max-width:260px}.billing-table .secondary-button{margin-top:7px;font-size:11px;padding:6px 10px}.billing-table .positive{color:var(--accent)}.billing-table .pending{color:#edcb97}.history-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.history-title h3{font-size:16px;font-weight:500}.history-more{display:block;margin:20px auto 0}.billing-panel[hidden]{display:none}.billing-panel h2{margin:0 0 10px}.billing-panel h3{margin-top:25px}.billing-empty{font-size:13px;color:var(--muted)}.checkout-link[hidden]{display:none}.billing-table-wrap{overflow:auto}.recharge-limit{max-width:620px}.billing-summary{font-size:12px;color:var(--muted)}
@media(max-width:750px){.recharge-layout{grid-template-columns:1fr;gap:8px}.quote-box{margin-top:6px}.quote-box dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.quote-box dt{margin:0;align-self:center}.quote-box dd{margin:0;text-align:right;font-size:22px}.billing-nav{gap:4px}.billing-nav button{padding:9px 12px}.billing-table thead{display:none}.billing-table tr{display:block;padding:14px 0;border-bottom:1px solid var(--line)}.billing-table td{display:flex;justify-content:space-between;gap:14px;padding:6px 0;border:0;overflow-wrap:anywhere}.billing-table td:before{content:attr(data-label);color:var(--muted);flex:0 0 65px}.billing-table td>div{text-align:right;min-width:0}.billing-table small{max-width:none}.billing-table td:first-child{padding-top:0}.payment-channels label{padding:10px 12px}.billing-nav{margin-bottom:20px}.billing-intro{line-height:1.9}}