.billing-tabs,.billing-actions{display:flex;flex-wrap:wrap;gap:var(--s3);margin-block:var(--s4)}
.billing-tabs .btn[aria-current=page]{border-color:var(--accent);color:var(--accent)}
.billing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5);margin-block:var(--s5)}
.billing-card{min-width:0;margin-block:var(--s4);overflow-wrap:anywhere}
.billing-grid>.billing-card{margin:0}
.billing-card h2,.billing-card h3{margin-bottom:var(--s3)}
.billing-card p{line-height:1.65}
.billing-title-row{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;gap:var(--s3)}
.billing-price{font-size:1.15rem;font-weight:650;color:var(--text-primary)}
.billing-details{display:grid;gap:0;margin-block:var(--s5)}
.billing-details>div{display:flex;justify-content:space-between;align-items:start;gap:var(--s4);padding-block:var(--s3);border-bottom:1px solid var(--border)}
.billing-details dt{color:var(--text-muted);min-width:0;flex:1;overflow-wrap:normal;hyphens:auto}
.billing-details dd{margin:0;text-align:right;max-width:60%;overflow-wrap:anywhere}
.billing-tariffs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
.billing-tariffs>div{display:grid;align-content:start;gap:var(--s3);padding:var(--s4);border:1px solid var(--border);border-radius:var(--r2)}
.billing-tariffs strong{font:700 1.8rem var(--display);font-variant-numeric:tabular-nums}
.billing-progress-number{font:700 4rem/1.1 var(--display);font-variant-numeric:tabular-nums;color:var(--accent)}
.billing-progress-number span{font-size:2rem;color:var(--text-muted)}
.billing-card .billing-progress-number~.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.billing-card .billing-progress-number~.metrics>.metric{min-width:0;padding:var(--s4);border-bottom:0}
.billing-card .billing-progress-number~.metrics .label{overflow-wrap:normal;word-break:normal;hyphens:manual}
.billing-card progress{display:block;width:100%;height:12px;accent-color:var(--accent);margin-block:var(--s4)}
.billing-list-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding-block:var(--s4);border-bottom:1px solid var(--border)}
.billing-list-row:last-child{border-bottom:0}
.billing-list-row small{display:block;color:var(--text-muted);font-size:.8rem;overflow-wrap:anywhere}
.billing-list-row p{margin-block:var(--s2)}
.billing-list-row .billing-actions{margin-block:0;justify-content:end}
.billing-card input[readonly]{width:100%;min-width:0}
@media(max-width:1000px){.billing-grid{grid-template-columns:1fr}
}
@media(max-width:600px){.billing-list-row{align-items:start;flex-direction:column}
.billing-list-row .billing-actions{justify-content:start}
.billing-actions>.btn{min-height:44px}
.billing-tabs .btn{flex:1;white-space:normal}
.billing-tariffs{grid-template-columns:1fr}
.billing-details>div{gap:var(--s3)}
.billing-details dd{max-width:58%}
.billing-card{padding:var(--s4)}
}