/* Shared, neutral checkout transition surfaces. */
html body.account-feedback { min-height: 100vh; min-height: 100dvh; margin: 0; padding: 32px 20px; display: flex; align-items: center; justify-content: center; background: #f7f7f7; color: #242424; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
html[data-theme="dark"] body.account-feedback { background: #121212; color: #ededed; }
.account-feedback .status-shell { width: 100%; max-width: 440px; }
.account-feedback .feedback-brand { display: block; margin: 0 auto 28px; color: inherit; text-align: center; text-decoration: none; font-family: "Jost", sans-serif; font-size: 28px; font-weight: 600; letter-spacing: -1px; }
html body.account-feedback .status-card { padding: 32px 28px; border: 1px solid #e5e5e5; border-radius: 20px; background: #fff; box-shadow: none; backdrop-filter: none; text-align: center; }
html[data-theme="dark"] body.account-feedback .status-card { background: #1b1b1b; border-color: #333; }
html body.account-feedback .status-icon { width: 52px; height: 52px; margin: 0 auto 24px; background: #f3f3f3; color: inherit; }
html[data-theme="dark"] body.account-feedback .status-icon { background: #292929; }
html body.account-feedback .status-icon svg { width: 28px; height: 28px; }
html body.account-feedback .status-loader { width: 24px; height: 24px; border-width: 2px; border-color: #bdbdbd; border-top-color: currentColor; }
html body.account-feedback :is(h1,.status-title) { font-size: 24px; font-weight: 600; line-height: 1.25; letter-spacing: -.5px; color: inherit; }
html body.account-feedback :is(p,.status-message) { font-size: 14px; line-height: 1.6; color: #727272; }
html[data-theme="dark"] body.account-feedback :is(p,.status-message) { color: #aaa; }
html body.account-feedback :is(.btn,.status-link) { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 18px; border-radius: 12px; font: inherit; font-size: 14px; font-weight: 500; text-decoration: none; }
html body.account-feedback .status-link { margin-top: 16px; background: #242424; color: #fff; }
html[data-theme="dark"] body.account-feedback .status-link { background: #ededed; color: #242424; }
html body.account-feedback [hidden] { display: none !important; }
.account-feedback :is(a,button):focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
html body.account-feedback .status-progress-track { height: 4px; background: #e5e5e5; }
html body.account-feedback .status-progress-fill { background: #777; }
@media (max-width: 480px) { html body.account-feedback .status-card { padding: 28px 22px; } }
@media (prefers-reduced-motion: reduce) { .account-feedback .status-loader { animation-duration: 2s; } }