/* Shared colors and fonts match the Estúdio landing page. */
:root{--bg:#0b0e0d;--surface:#121713;--raised:#181e19;--mint:#b6efa1;--text:#f3f5f0;--muted:#a9b2aa;--line:#2a322b}
.manage-panel{max-width:820px}
.subscription-details dd#subscription-plan{color:var(--mint);font-family:var(--heading);font-size:20px;font-weight:500;line-height:1.3}
.plan-change-section{margin-top:30px;padding-top:27px;border-top:1px solid var(--line)}
.plan-change-heading .eyebrow{font-size:9px;letter-spacing:1.2px}
.plan-change-heading h3{font-size:24px;letter-spacing:-.7px;margin-top:8px;line-height:1.25}
.plan-change-intro{color:#becbb6;font-size:13px;line-height:1.8;margin-top:13px;max-width:670px}
.next-plan-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:23px}
.next-plan-option{display:block;position:relative;min-width:0;cursor:pointer}
.next-plan-option input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0}
.next-plan-option>span{display:flex;flex-direction:column;gap:8px;height:100%;padding:17px 14px;border:1px solid #405835;border-radius:10px;background:#10190f;transition:border-color .2s,background .2s}
.next-plan-option strong{font:500 19px/1.3 var(--heading);color:var(--text);overflow-wrap:anywhere}
.next-plan-option small{font-size:11px;color:#c3d3ba;line-height:1.65}
.next-plan-option .next-plan-price{font:500 16px/1.3 var(--heading);color:var(--mint)}
.next-plan-option .next-plan-direction{font-size:9px;letter-spacing:.4px;font-weight:600;color:#b7cea7;text-transform:uppercase;margin-top:auto;padding-top:5px}
.next-plan-option input:checked+span{border-color:var(--mint);background:#20321a}
.next-plan-option input:focus-visible+span{outline:3px solid var(--mint);outline-offset:4px}
.next-plan-option input:disabled+span{opacity:.65;cursor:default;background:var(--surface)}
.next-plan-option input:disabled{cursor:default}
.plan-price-note{font-size:11px;color:var(--muted);margin:13px 0 18px;line-height:1.8}
.plan-change-confirmation,.plan-change-saved{margin-top:19px;padding:19px;border:1px solid #405835;border-radius:10px;background:#172215}
.plan-change-confirmation h4{font:500 20px/1.35 var(--heading);color:var(--mint);margin:0 0 10px}
.plan-change-confirmation p,.plan-change-saved p{color:#cfdfc5;font-size:12px;line-height:1.85}
.plan-renewal-consent{display:flex;align-items:flex-start;gap:10px;margin-top:16px;font-size:12px;line-height:1.8;color:#e1ebd9;cursor:pointer}
.plan-renewal-consent input{flex-shrink:0;width:18px;height:18px;margin-top:4px;accent-color:var(--mint)}
.plan-change-actions{display:flex;align-items:center;gap:18px;margin-top:18px}
.plan-change-actions .secondary-button{width:auto;flex:1}
.plan-change-actions .cancel-link{margin:0;min-width:70px;text-align:center}
.plan-change-saved .primary-button,.plan-change-saved .secondary-button{margin-top:18px}
.plan-change-section>.form-error{margin-top:18px;margin-bottom:0}
.plan-change-section>.notice{margin-top:20px}
[hidden]{display:none!important}
@media(max-width:767px){.subscription-details dd#subscription-plan{font-size:18px}.plan-change-heading h3{font-size:21px}.next-plan-options{grid-template-columns:1fr;gap:10px}.next-plan-option>span{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:15px}.next-plan-option strong{font-size:18px}.next-plan-option small{grid-column:1/-1;font-size:12px}.next-plan-option .next-plan-price{grid-column:2;grid-row:1;font-size:15px;align-self:center}.next-plan-option .next-plan-direction{grid-column:1/-1;font-size:10px;padding-top:6px}.plan-change-confirmation,.plan-change-saved{padding:16px}.plan-change-actions{flex-direction:column;align-items:stretch;gap:8px}.plan-change-actions .secondary-button{width:100%}.plan-change-intro{font-size:12px}}