.subscription-dialog{width:min(740px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);padding:32px;color:var(--site-ink,var(--text));background:var(--site-white,var(--surface));border:1px solid var(--site-line,var(--line));border-radius:14px;font:13px/1.5 Montserrat,Arial,sans-serif}
.subscription-dialog::backdrop{background:#0008}
.subscription-dialog-body{width:60%;margin:auto;display:grid;gap:18px}
.subscription-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--site-line,var(--line));border-radius:6px;background:transparent;color:inherit;font:22px/1 Arial;cursor:pointer}
.subscription-plan-identity{display:flex;align-items:center;gap:12px}.subscription-plan-identity img{object-fit:contain;flex:none}.subscription-dialog h2{font:600 23px/1.3 Montserrat,Arial;margin:0}
.subscription-plan{padding:24px;border:1px solid var(--site-line,var(--line));border-radius:12px;background:var(--site-paper,var(--surface-2))}
.subscription-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:0 0 18px}.subscription-price strong{font-size:36px;font-weight:600;letter-spacing:-1px}.subscription-price span{font-size:11px}.subscription-plan ul{margin:0;padding-left:18px;display:grid;gap:10px}
.subscription-dialog :is(label,form){display:grid;gap:8px}.subscription-dialog :is(input,select){box-sizing:border-box;width:100%;min-height:34px;border:1px solid var(--site-line,var(--line));border-radius:5px;background:var(--site-white,var(--surface));color:inherit;padding:7px 9px;font:inherit}
.subscription-settings{display:grid;gap:14px}.subscription-settings h3{font-size:15px;margin:0}.subscription-summary{display:grid;gap:8px}.subscription-summary>div{display:flex;justify-content:space-between;gap:14px}.subscription-summary strong{white-space:nowrap}.subscription-summary p{margin:0}
.subscription-user-list{max-height:220px;overflow:auto}.subscription-user{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--site-line,var(--line))}.subscription-user span{min-width:0;overflow-wrap:anywhere}.subscription-user small{display:block;opacity:.7}
.subscription-dialog .subscription-user-toggle,.subscription-terms{border:1px solid var(--site-line,var(--line));border-radius:5px;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:7px 12px}
.subscription-user-toggle[aria-checked=true],.subscription-terms[aria-checked=true]{background:var(--site-ink,var(--accent));color:var(--site-white,var(--surface));border-color:transparent}.subscription-user-toggle:disabled{opacity:.6;cursor:default}
.subscription-dialog .subscription-person-add{grid-template-columns:minmax(0,1fr) auto;align-items:center}.subscription-dialog .btn{font:600 12px/1.4 Montserrat,Arial;min-height:34px;padding:8px 12px;min-width:100px;box-sizing:border-box}
.subscription-dialog .account-form-actions{display:grid;grid-template-columns:repeat(2,minmax(0,180px));justify-content:center;gap:12px}.subscription-dialog .account-form-actions .btn{width:100%;min-width:0;min-height:var(--site-control-height,44px);height:var(--site-control-height,44px);padding:0 12px;white-space:nowrap}.subscription-dialog .subscription-settings>button.btn{justify-self:center;width:180px;min-height:var(--site-control-height,44px)}.subscription-dialog .error:empty{display:none}.subscription-dialog a:not(.btn){color:inherit;font-size:11px}
.subscription-catalog-row{display:flex;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid var(--site-line)}.subscription-catalog-row>img{width:40px;height:40px;object-fit:contain;flex:none}.subscription-catalog-row>strong{flex:1;min-width:0}.subscription-catalog-row .btn{min-width:120px;text-align:center}.subscription-catalog-row .subscription-included{font-size:12px;color:var(--site-muted)}
.subscription-catalog-identity{flex:1;min-width:0}.subscription-catalog-identity strong{display:block;overflow-wrap:anywhere}.subscription-catalog-identity small{display:block;font-size:11px;color:var(--site-muted);overflow-wrap:anywhere}.subscription-catalog-row>.subscribed{white-space:nowrap;padding:5px 9px;font-size:12px}.subscription-plan[hidden]{display:none}
@media(max-width:600px){.subscription-dialog{padding:36px 20px 24px}.subscription-dialog-body{width:100%}.subscription-plan{padding:18px}.subscription-dialog .subscription-person-add{grid-template-columns:1fr}.subscription-catalog-row{gap:10px}.subscription-catalog-row .btn{min-width:105px;padding:8px 10px}}
@media(max-width:600px){.subscription-catalog-row{display:grid;grid-template-columns:32px minmax(0,1fr) 98px;column-gap:10px;row-gap:5px}.subscription-catalog-row>img{width:32px;height:32px}.subscription-catalog-row>.well-logo{width:32px!important;height:32px!important}.subscription-catalog-row>.subscription-catalog-identity{grid-column:2;grid-row:1}.subscription-catalog-row>.subscribed,.subscription-catalog-row>.fine{grid-column:1/span 2;grid-row:2;justify-self:start;font-size:11px}.subscription-catalog-row>.subscribed{padding:4px 7px}.subscription-catalog-row>.btn{grid-column:3;grid-row:1/span 2;min-width:0;width:100%}.subscription-catalog-row>.error{grid-column:1/-1}}
@media(max-width:600px){.subscription-catalog-identity strong{font-size:13px;line-height:1.4}}
@media(max-width:600px){.subscription-dialog .account-form-actions{grid-template-columns:minmax(0,180px)}}
