.billing-renewal-panel{margin-top:24px}
.billing-renewal-panel h2{margin:0 0 12px}
.billing-renewal-panel p{max-width:65ch;margin:0 0 20px;color:var(--muted)}
.billing-cancel-trigger{min-height:48px;border:0;padding:10px 0;color:var(--workspace-danger,#ae2944);background:transparent;font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.billing-renewal-dialog{padding:0;border:1px solid var(--line);border-radius:24px 8px;width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 32px);background:var(--workspace-surface,#fff);color:var(--workspace-ink,var(--ink,#172554));box-shadow:0 24px 64px #10204430;overflow:auto;overscroll-behavior:contain}
.billing-renewal-dialog::backdrop{background:#17255470}
.billing-renewal-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:28px 28px 0}
.billing-renewal-dialog h2{margin:0;font-size:26px;line-height:1.25}
.billing-renewal-dialog .billing-close{flex:none;display:grid;place-items:center;width:44px;height:44px;margin-top:-6px;border-radius:50%;border:1px solid var(--line);background:transparent;color:inherit}
.billing-renewal-body{padding:20px 28px 28px;min-height:180px}
.billing-renewal-body p{line-height:1.6;margin:0 0 18px}
.billing-renewal-date{display:grid;gap:6px;padding:18px 20px;margin:20px 0;background:var(--workspace-subtle,#f0f3fa);border-radius:12px}
.billing-renewal-date span{font-size:14px;color:var(--muted)}
.billing-renewal-date strong{font-size:20px}
.billing-renewal-warning{font-weight:600}
.billing-renewal-dialog footer.hm-form-actions{position:sticky;bottom:0;padding:20px 28px;border-top:1px solid var(--line);background:var(--workspace-surface,#fff)}
.billing-renewal-dialog .billing-danger{background:#ae2944!important;border-color:#ae2944!important;color:#fff!important}
.billing-renewal-dialog .billing-danger:hover{background:#93213a!important}
.billing-renewal-dialog [role=alert]{color:var(--workspace-danger,#ae2944)}
.billing-renewal-dialog :focus-visible,.billing-cancel-trigger:focus-visible{outline:3px solid var(--workspace-accent,#315bdf);outline-offset:3px}
@media(max-width:480px){.billing-renewal-dialog header{padding:24px 20px 0}.billing-renewal-dialog h2{font-size:23px}.billing-renewal-body{padding:20px}.billing-renewal-dialog footer.hm-form-actions{padding:18px 20px;gap:12px}.billing-renewal-dialog footer [data-form-action=primary]{padding-inline:12px}.billing-renewal-dialog footer [data-form-action=secondary]{padding-inline:14px}}

.billing-renewal-dialog footer [data-form-action=secondary]{background:var(--workspace-accent-soft,#eef2ff);border-color:transparent;color:var(--workspace-accent-text,#315bdf)}
html[data-workspace-theme=dark] .billing-cancel-trigger,html[data-workspace-theme=dark] .billing-renewal-dialog [role=alert]{color:#ff9eb0}

.tag.billing-ending-tag{background:var(--workspace-subtle,#f0f3fa);color:var(--workspace-ink,#172554)}