.subscribe-card{width:min(520px,100%)}.subscribe-title{font-family:var(--font-display);color:var(--ink);margin:0 0 .5rem;font-size:1.45rem;font-weight:600}.subscribe-body{color:var(--ink-2);margin:0 0 1rem;line-height:1.55}.subscribe-price{font-family:var(--font-display);color:var(--ink);margin:0 0 .25rem;font-size:1.1rem}.subscribe-retention,.subscribe-renewal{color:var(--ink-2);margin:.25rem 0;font-size:.9rem;line-height:1.5}.subscribe-error{color:var(--red);margin:.75rem 0 0;font-size:.9rem}.subscribe-note{color:var(--ink-2);margin:.75rem 0 0;font-size:.9rem;line-height:1.5}.subscribe-actions{flex-direction:column;gap:.6rem;margin-top:1.25rem;display:flex}.subscribe-confirm{border:1px solid var(--line-strong);border-radius:var(--r-inner);background:var(--surface-card);padding:.85rem}.subscribe-confirm p{color:var(--ink);margin:0 0 .6rem;font-size:.9rem;line-height:1.5}.subscribe-confirm-row{flex-wrap:wrap;gap:.6rem;display:flex}.subscribe-export{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1rem}.subscribe-export p{color:var(--ink-2);margin:0 0 .5rem;font-size:.85rem}.subscribe-export-row{flex-wrap:wrap;gap:.6rem;display:flex}.grace-banner{border:1px solid color-mix(in srgb, var(--salmon) 45%, transparent);border-radius:var(--r-inner);background:color-mix(in srgb, var(--salmon) 10%, transparent);color:var(--ink);flex-wrap:wrap;align-items:center;gap:.75rem;margin:0 0 1rem;padding:.7rem 1rem;font-size:.9rem;display:flex}.grace-banner--failed{border-color:color-mix(in srgb, var(--red) 45%, transparent);background:color-mix(in srgb, var(--red) 8%, transparent)}.grace-banner-text{flex:auto;min-width:0;line-height:1.5}.subscription-section{gap:12px;display:grid}.subscription-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.subscription-stage{border:1.5px solid var(--line);background:var(--surface-subtle);color:var(--ink);border-radius:999px;align-items:center;gap:7px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.subscription-stage-dot{background:var(--ink-2);border-radius:50%;flex:none;width:7px;height:7px}.subscription-stage--ok .subscription-stage-dot{background:var(--green)}.subscription-stage--warn{border-color:color-mix(in srgb, var(--salmon) 45%, transparent)}.subscription-stage--warn .subscription-stage-dot{background:var(--salmon)}.subscription-stage--bad{border-color:color-mix(in srgb, var(--red) 45%, transparent)}.subscription-stage--bad .subscription-stage-dot{background:var(--red)}.subscription-days{color:var(--ink-2);font-size:12.5px}.subscription-actions{flex-wrap:wrap;gap:.6rem;margin-top:.35rem;display:flex}@media (max-width:860px){.subscribe-card{width:100%}}