.subscription-dialog{
 /* Platform billing keeps its own palette inside a company-themed workspace. */
 --green:var(--interix-charcoal);--gold:var(--interix-gold);--bg:#fff;
 --ink:var(--interix-charcoal);--muted:var(--interix-muted);--line:var(--interix-line);
 --green-light:#f3eee4;--sand:#f2eadc;
 --brand-primary:var(--interix-charcoal);--brand-secondary:var(--interix-gold);
 --brand-hover:#45413b;--brand-on-primary:#fff;--brand-on-hover:#fff;
 --brand-soft:#f4efe7;--brand-tint:#eee4d2;--brand-canvas:#fff;
 --brand-ink:var(--interix-charcoal);--brand-muted:var(--interix-muted);
 --brand-link:var(--interix-charcoal);--brand-line:var(--interix-line);
 --brand-control-line:#a49b8c;--brand-indicator:#896c3b;
 --brand-accent-soft:#f4efe7;--brand-focus:#896c3b;--brand-strong:#45413b;
}
.subscription-dialog{width:min(920px,calc(100vw - 40px));max-width:920px;max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 24px 100px #17212b30;overflow:hidden}
.subscription-dialog[open]{display:flex;flex-direction:column}
.subscription-dialog::backdrop{background:#14202c70;backdrop-filter:blur(3px)}
.subscription-dialog [hidden]{display:none!important}
.subscription-header,.subscription-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;flex-shrink:0;background:#fff}
.subscription-header{border-bottom:1px solid var(--line)}
.subscription-header h2{font-size:24px;margin:0;letter-spacing:-.5px}
.subscription-heading{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.subscription-heading .interix-wordmark{width:112px}
.subscription-heading h2{padding-left:20px;border-left:1px solid var(--line)}
.subscription-close{min-width:44px;min-height:44px;font-size:26px;line-height:1}
.subscription-content{overflow:auto;overscroll-behavior:contain;padding:0 24px 20px;min-height:100px}
.subscription-content>.account-card{padding:0;border:0;box-shadow:none;background:#fff}
.subscription-dialog .account-subtitle{font-size:16px;margin:18px 0;color:var(--muted)}
.subscription-dialog .account-note{padding:14px;border:1px solid var(--line);border-radius:10px;font-size:14px;line-height:1.6;margin:16px 0;overflow-wrap:anywhere}
.subscription-dialog .account-plans{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:16px;margin:18px 0}
.subscription-dialog .account-plan{padding:20px;border:1px solid var(--line);border-radius:14px;min-width:0;display:flex;flex-direction:column;gap:12px;background:#fff}
.subscription-dialog .account-plan:nth-child(2){border-top:3px solid var(--gold)}
.subscription-dialog .account-plan h3{font-size:22px;margin:0}
.subscription-dialog p,.subscription-dialog li,.subscription-dialog .plan-caption{font-size:14px;line-height:1.6;white-space:normal}
.subscription-dialog .account-plan p{margin:0}
.subscription-dialog .account-plan p>strong{font-size:26px}
.subscription-dialog .account-plan ul{padding-left:20px;margin:0}
.subscription-dialog .consent-label{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.6;margin:4px 0;cursor:pointer}
.subscription-dialog .consent-label input[type=checkbox]{width:20px;height:20px;min-height:20px;flex:0 0 20px;margin:3px 0;padding:0}
.subscription-dialog .consent-label a{text-decoration:underline}
.subscription-dialog .btn{min-height:44px;font-size:14px;white-space:normal}
.subscription-dialog #billing-history{grid-column:1/-1;margin:0}
.subscription-dialog #billing-history h3{font-size:16px;margin:12px 0}
.subscription-footer{border-top:1px solid var(--line)}
.subscription-footer span{font-size:13px;color:var(--muted)}
.subscription-dialog :focus-visible{outline:2px solid var(--brand-focus);outline-offset:3px}
@media(max-width:640px){.subscription-heading{display:block}.subscription-heading .interix-wordmark{width:96px;margin-bottom:8px}.subscription-heading h2{padding-left:0;border-left:0}}
@media(max-width:640px){.subscription-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:16px}.subscription-header,.subscription-footer{padding:14px 16px}.subscription-content{padding:0 16px 16px}.subscription-dialog .account-plans{grid-template-columns:1fr}.subscription-header h2{font-size:21px}.subscription-dialog .account-plan{padding:16px}.subscription-footer span{max-width:130px}}