.billing-panel,.billing-history{margin-top:20px;padding:20px;border:1px solid var(--studio-line,#ffffff18);border-radius:12px;background:var(--studio-soft,#18181e);color:var(--studio-ink,#f4f4f7)}
html[data-mode=light] :is(.billing-panel,.billing-history){background:var(--studio-soft,#f7f7f8);border-color:var(--studio-line,#dfdfe5);color:var(--studio-ink,#202026)}
.billing-heading{display:flex;align-items:center;gap:12px}.billing-heading>i{font-size:22px;color:var(--studio-accent,#c63d5a)}
.billing-panel h3,.billing-history h3{font-size:14px;margin:0 0 5px}.billing-panel p{font-size:11px;line-height:1.6;margin:5px 0;color:var(--studio-muted,#a0a0ac)}
.billing-controls{display:flex;align-items:end;gap:12px;margin:16px 0 10px}.billing-controls label{display:grid;gap:7px;flex:1;font-size:11px;min-width:0}
.billing-controls select{width:100%;min-width:0;min-height:40px;border:1px solid var(--studio-line,#555);border-radius:7px;background:var(--studio-panel,#202027);color:inherit;padding:8px;font:inherit}
.billing-controls button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:0;border-radius:7px;padding:10px 15px;background:var(--studio-button,#a32842);color:#fff;font:600 11px Inter,system-ui,sans-serif;cursor:pointer}
.billing-controls button:disabled{opacity:.5;cursor:default}.billing-panel .billing-test{padding:9px 11px;border-left:2px solid var(--studio-accent,#c63d5a);font-size:10px}
.billing-panel .billing-status{color:inherit;margin-top:10px}.billing-panel .billing-status[data-error=true]{color:var(--studio-accent,#c63d5a)}
.billing-panel>[data-billing-check]{padding:6px 0;background:transparent;border:0;color:inherit;text-decoration:underline;font-size:11px;cursor:pointer}
.billing-history ul{list-style:none;margin:10px 0 0;padding:0}.billing-history li{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--studio-line,#ffffff18);font-size:11px}.billing-history li>div{flex:1}.billing-history small{display:block;font-size:10px;margin-top:4px;color:var(--studio-muted,#a0a0ac)}.billing-history a{display:inline-flex;align-items:center;gap:5px;color:inherit;text-decoration:underline}
@media(max-width:600px){.billing-panel,.billing-history{padding:15px}.billing-controls{flex-direction:column;align-items:stretch}.billing-history li{flex-wrap:wrap;gap:8px}.billing-history li>div{min-width:40%}}