.inline-checkout { display: grid; gap: 18px; min-width: 312px; width: 100%; overflow: visible; }
.inline-checkout-summary { padding: 18px; border: 1px solid var(--line, #dbe3ec); border-radius: 14px; background: var(--surface-soft, transparent); color: var(--text, inherit); }
.inline-checkout-summary h3 { margin: 0 0 8px; font-size: 16px; }
.inline-checkout-products { margin: 0 0 14px; font-weight: 650; overflow-wrap: anywhere; }
.inline-checkout-summary dl { display: grid; gap: 8px; margin: 0; }
.inline-checkout-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: baseline; font-size: 14px; }
.inline-checkout-row dt { color: var(--muted, #667589); overflow-wrap: anywhere; }
.inline-checkout-row dd { margin: 0; text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.inline-checkout-total { border-top: 1px solid var(--line, #dbe3ec); padding-top: 10px; font-size: 17px; font-weight: 700; }
.inline-checkout-total dt, .inline-checkout-balance dt { color: inherit; }
.inline-checkout-renewal { margin: 14px 0 8px; font-size: 14px; font-weight: 600; line-height: 1.5; }
.inline-checkout-trial, .inline-checkout-notice { margin: 10px 0; font-size: 13px; line-height: 1.5; color: var(--muted, #667589); }
.inline-checkout-summary a { display: inline-flex; align-items: center; min-height: 40px; font-size: 13px; color: var(--accent, #157556); }
/* Paddle controls frame height. Never clip its merchant/footer disclosures. */
.inline-checkout-frame { min-width: 312px; width: 100%; overflow: visible; }
.inline-checkout-frame iframe { display: block; width: 100%; max-width: none; border: 0; }
/* Claude's verified-account checkout uses the existing light auth panel. */
#authSignupInlineCheckout {
  --text: #15211b;
  --muted: #5b6961;
  --line: #cad7ce;
  --surface-soft: #edf3ed;
  --accent: #09613f;
  width: 100%;
}
#authSignupInlineCheckout[hidden],
.auth-screen .auth-result-action[hidden],
#authResult:has(#authSignupInlineCheckout.inline-checkout) > .auth-result-mark,
#authResult:has(#authSignupInlineCheckout.inline-checkout) > #authResultTitle,
#authResult:has(#authSignupInlineCheckout.inline-checkout) > #authResultMessage,
#authResult:has(#authSignupInlineCheckout.inline-checkout) > #authCheckoutSummary { display: none !important; }
.auth-screen:has(#authSignupInlineCheckout.inline-checkout) { overflow-y: auto; }
.upgrade-inline-checkout { display: grid; gap: 16px; width: 100%; min-width: 0; }
.upgrade-inline-checkout[hidden] { display: none !important; }
.upgrade-inline-checkout > button { justify-self: start; min-height: 44px; }
.upgrade-purchase[data-checkout-active="true"] { max-width: 640px; }
.upgrade-purchase[data-checkout-active="true"] > .upgrade-billing-toggle,
.upgrade-purchase[data-checkout-active="true"] > .upgrade-options,
.upgrade-purchase[data-checkout-active="true"] > .upgrade-compare-link,
.upgrade-purchase[data-checkout-active="true"] > .upgrade-order-summary { display: none !important; }
.upgrade-steps li[aria-current="step"] { color: var(--accent); font-weight: 700; }
@media (max-width: 380px) {
  .inline-checkout-summary { padding: 12px; }
  #upgradeModal:has(.upgrade-purchase[data-checkout-active="true"]) { padding-inline: 0; }
  /* Keep the provider's 312px minimum; touch, wheel and keyboard still scroll. */
  #upgradeModal .upgrade-purchase[data-checkout-active="true"] { width: 100%; max-width: none; padding-inline: 0; border-inline: 0; scrollbar-width: none; scrollbar-gutter: auto; }
  body.suite-app #upgradeModal .upgrade-purchase[data-checkout-active="true"]::-webkit-scrollbar { display: none; }
  .upgrade-purchase[data-checkout-active="true"] > :not(.upgrade-inline-checkout) { margin-inline: 10px; }
  html:has(#authSignupInlineCheckout.inline-checkout),
  body.suite-app:has(#authSignupInlineCheckout.inline-checkout) { scrollbar-width: none; }
  body.suite-app:has(#authSignupInlineCheckout.inline-checkout)::-webkit-scrollbar { display: none; }
  .auth-screen:has(#authSignupInlineCheckout.inline-checkout),
  .auth-screen:has(#authSignupInlineCheckout.inline-checkout) .auth-shell { overflow: visible; }
  .auth-screen:has(#authSignupInlineCheckout.inline-checkout) .auth-form-side { padding-inline: 0; }
  .auth-screen:has(#authSignupInlineCheckout.inline-checkout) .auth-form-inner { width: 100%; max-width: none; }
  #authResult:has(#authSignupInlineCheckout.inline-checkout) > :not(#authSignupInlineCheckout) { margin-inline: 10px; }
}