.customer-billing{max-width:1120px}
.customer-billing h1{font-size:clamp(1.5rem,2.5vw,2rem);margin:5px 0 22px;letter-spacing:-.03em}
.customer-billing h3{margin:22px 0 6px}
.customer-billing h2{font-size:1.45rem;margin:0 0 10px}
.billing-account-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow-soft)}
.customer-billing .actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:22px 0}
.customer-billing a{color:var(--accent);text-underline-offset:4px}
.customer-billing button{border:1px solid var(--line);background:var(--chip);color:var(--text);border-radius:12px;padding:11px 16px;font-weight:750;cursor:pointer;max-width:100%}
.customer-billing #billingPortal,.customer-billing #startCheckout{background:var(--accent);color:#071521;border-color:var(--accent)}
.customer-billing button:disabled{opacity:.5;cursor:wait}
.customer-billing :is(button,a,input,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.customer-billing details{padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.customer-billing summary{font-weight:700;cursor:pointer}
.customer-billing label{display:block;margin:14px 0}
.customer-billing input[type=checkbox]{width:20px;height:20px;vertical-align:middle;accent-color:var(--accent)}
.customer-billing #billingPassword{max-width:520px}
.customer-billing .usage-row{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:12px 0;font-size:.9rem;overflow-wrap:anywhere}
.customer-billing .usage-row>span:first-child{flex:1;min-width:140px}
.customer-billing .notice{border-left:3px solid var(--accent);padding:16px;background:var(--panel-2);border-radius:8px;margin-bottom:16px}
.customer-billing #billingError:not(:empty){padding:14px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px}
@media(max-width:650px){.billing-account-card{padding:16px}.customer-billing .actions{align-items:stretch;flex-direction:column}.customer-billing .actions a{padding:6px 0}}

.billing-subscription-summary{margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.billing-status-badge{display:inline-block;padding:7px 12px;margin-bottom:14px;border-radius:999px;background:var(--chip);color:var(--accent);font-weight:750}
.billing-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}
.billing-summary-grid>div{padding:16px;background:var(--panel-2);border-radius:14px}
.billing-summary-grid dt{font-size:.85rem;color:var(--muted);margin-bottom:8px}.billing-summary-grid dd{margin:0;font-weight:750;overflow-wrap:anywhere}
.billing-admin-note{font-size:.85rem;color:var(--muted)}
@media(max-width:650px){.billing-summary-grid{grid-template-columns:1fr}}