.billing-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.billing-summary article{display:grid;gap:8px;border:1px solid var(--line);border-radius:12px;padding:22px;background:var(--surface)}.billing-summary span{color:var(--muted);font:700 10px var(--mono);letter-spacing:1px}.billing-summary strong{font:900 25px var(--sans)}.billing-summary small,.billing-plan small{color:var(--muted);line-height:1.6}.billing-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px}.billing-plan{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:26px;border:1.5px solid var(--line);border-radius:14px;background:var(--surface)}.billing-plan-featured{border-color:var(--green);background:#f2faf4}.billing-plan h3{margin:4px 0 14px;font:900 24px var(--sans)}.billing-price{font:900 38px var(--sans);letter-spacing:-1px}.billing-price span{font:600 12px var(--sans);letter-spacing:0;color:var(--muted)}.billing-plan p{line-height:1.65;font-size:14px}.billing-plan ul{padding-left:18px;margin:6px 0 24px;font-size:13px;line-height:1.9}.billing-plan>.primary{margin-top:auto;padding:12px 18px;min-height:44px;width:100%;border:1px solid var(--ink);border-radius:8px;background:var(--mint);cursor:pointer}.billing-plan>.primary:disabled{opacity:.5;cursor:default}.billing-plan small{margin-top:10px}.billing-terms{font-size:12px;line-height:1.8;color:var(--muted);margin:20px 0 32px}.billing-test,.billing-unavailable{padding:12px 16px;border-radius:8px;background:var(--yellow-soft);font-size:13px;line-height:1.7}.billing-history h3{font:900 20px var(--sans)}.billing-table-wrap{max-width:100%;overflow:auto}.billing-history table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.billing-history th,.billing-history td{padding:12px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.billing-history td small{display:block;margin-top:4px;color:var(--muted)}.billing-history a{color:var(--ink)}.billing-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.billing-toolbar button{padding:9px 13px;border:1px solid var(--line);border-radius:7px;background:var(--surface);cursor:pointer}.billing-status{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.billing-access-banner{margin:18px 0;padding:14px 18px;border:1px solid #cfddba;border-radius:10px;background:var(--yellow-soft);font-size:13px;line-height:1.7}.billing-access-banner[hidden]{display:none}.billing-access-banner button{margin-left:12px;border:0;background:transparent;text-decoration:underline;font-weight:800;color:var(--ink);cursor:pointer}#billing-panel button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media(max-width:600px){.billing-plans{grid-template-columns:1fr}.billing-summary{grid-template-columns:1fr}.billing-plan{padding:22px}.billing-summary article{padding:18px}.billing-access-banner button{display:block;margin:8px 0 0}}

#app.billing-onboarding #settings:has(#billing-panel.active) .settings-nav{display:none}#app.billing-onboarding #settings:has(#billing-panel.active) .settings-layout{display:block;max-width:760px;margin-inline:auto}#app.billing-onboarding #settings:has(#billing-panel.active)>.chat-head{display:none}#app.billing-onboarding:has(#billing-panel.active) #billing-access-banner{display:none}

.billing-history button{padding:9px 12px;min-height:40px;border:1px solid var(--ink);border-radius:7px;background:var(--mint);color:var(--ink);font-weight:700;cursor:pointer}.billing-history button:disabled{opacity:.5;cursor:default}

.billing-pending-notice{padding:14px 18px;border:1px solid var(--line);border-radius:9px;background:var(--yellow-soft);font-size:13px;line-height:1.8}.billing-history .billing-cancel{margin-left:8px;background:var(--surface);color:var(--muted)}

.billing-plans[hidden],.billing-terms[hidden]{display:none}@media(max-width:600px){.billing-history thead{display:none}.billing-history table,.billing-history tbody,.billing-history tr{display:block}.billing-history tr{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.billing-history td{display:grid;grid-template-columns:80px minmax(0,1fr);gap:8px;padding:8px 0;white-space:normal;overflow-wrap:anywhere;border-bottom:0}.billing-history td:before{content:attr(data-label);font-weight:700;color:var(--muted)}.billing-history td small{grid-column:2}.billing-history td[data-label="Action"]{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.billing-history td[data-label="Action"]:before{flex-basis:100%}.billing-history .billing-cancel{margin-left:0}}

.billing-balance-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.billing-balance-refresh{flex-shrink:0;width:27px;height:27px;padding:0;border:0;background:transparent;color:var(--muted,#68716b);font-size:19px;line-height:1;cursor:pointer}.billing-balance-refresh:hover{color:var(--ink,#273128)}.billing-balance-refresh:disabled{opacity:.45;cursor:wait}