body:has([data-testid="app-billing"]) .shell,
body:has([data-testid="app-account"]) .shell{max-width:none;padding:0 24px}
body:has([data-testid="app-billing"]) .top,
body:has([data-testid="app-account"]) .top{display:none}
.billing-plan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.app-billing .billing-plan h2{font-size:28px;margin:.4rem 0}.billing-plan strong{font-size:24px;font-variant-numeric:tabular-nums}
.app-billing .topup-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;margin:1rem 0}
.app-billing .topup-row form{margin:0}
.app-billing .topup-row button{padding:12px 18px;background:var(--dash-accent,#c12c3c);color:#fff;border:0;border-radius:6px;cursor:pointer}
.app-billing[data-demo-prepaid] .table-scroll{overflow-x:auto}
.app-billing[data-demo-prepaid] table{width:100%;border-collapse:collapse;margin:1rem 0}
.app-billing[data-demo-prepaid] th,.app-billing[data-demo-prepaid] td{text-align:left;padding:.45rem .35rem;border-bottom:1px solid var(--dash-border,#e5e5e5)}

.billing-plan form{margin:0}.billing-plan button{padding:12px 18px;background:var(--dash-accent,#c12c3c);color:#fff;border:0;border-radius:6px;cursor:pointer}
.billing-plan button:disabled{opacity:.65}.billing-plan p{overflow-wrap:anywhere}
.billing-plan button:hover{background:#a21d2e}
body:has([data-testid="app-billing"]) main>p:has(>a[href="/app/activation"]){position:fixed;right:160px;bottom:24px;z-index:4;max-width:calc(100vw - 184px);margin:0;padding:8px 14px;border-radius:18px;border:1px solid var(--dash-border);background:var(--dash-surface);font-size:13px}
.billing-invoices{overflow-x:auto}.billing-invoices table{width:100%;min-width:540px}.billing-invoices caption{text-align:left;padding-bottom:12px}
.billing-details>summary{cursor:pointer;font-weight:600;padding:6px 0}.billing-details table{font-size:14px}
@media(max-width:859px){.billing-plan{grid-template-columns:minmax(0,1fr);gap:8px}body:has([data-testid="app-billing"]) .shell{padding:0 8px}}
.plan-choice>h2{margin:24px 0 12px}.plan-choice-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.plan-choice-card h2{margin:.2rem 0}.plan-choice-card .lp-price strong{font-size:20px;font-variant-numeric:tabular-nums}
.plan-choice-card ul{padding-left:1.1rem}.plan-choice-card p{overflow-wrap:anywhere}
.plan-choice-current{display:inline-block;margin:0;padding:2px 10px;border-radius:12px;background:var(--dash-surface-2,#f1f1f1);font-size:12px;font-weight:600}
.plan-choice-card form{margin:0}.plan-choice-card button{padding:12px 18px;background:var(--dash-accent,#c12c3c);color:#fff;border:0;border-radius:6px;cursor:pointer}
.plan-choice-card button:disabled{opacity:.65}
@media(max-width:859px){.plan-choice-grid{grid-template-columns:minmax(0,1fr)}}
.credit-meter{min-width:0}.credit-meter-value{font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums}
.credit-meter-track{height:12px;border-radius:6px;background:var(--dash-border,#ddd);overflow:hidden}
.credit-meter-track span{display:block;height:100%;background:var(--dash-accent,#c12c3c)}
.credit-meter-warning{padding:12px;border:1px solid #c99c16;border-radius:6px;background:#fff3c4;color:#614800}
body:has([data-app-shell]) .credit-meter-topup{display:inline-block;margin-top:12px;padding:12px 18px;background:var(--dash-accent,#c12c3c);color:#fff;border-radius:6px;text-decoration:none}

.credit-demo .lp-top{display:none}