/* Scoped to single recharge only. Existing payment/result handlers are untouched. */
#prog.single-progress-enhanced.show{display:flex;flex-direction:column;text-align:left;gap:0}
#prog.single-progress-enhanced #progress-identity{display:none!important}
#prog.single-progress-enhanced .single-order-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 20px;margin:4px 0 24px;border:1px solid #e6dff8;border-radius:16px;background:linear-gradient(115deg,#faf8ff,#f6f3ff);order:0}
#prog.single-progress-enhanced .single-order-field{display:flex;min-width:0;flex-direction:column;gap:7px}
#prog.single-progress-enhanced .single-order-field + .single-order-field{border-left:1px solid #e4dcf5;padding-left:20px}
#prog.single-progress-enhanced .single-order-key{font-size:12px;color:#81768f;letter-spacing:.03em}
#prog.single-progress-enhanced .single-order-field b{font-size:15px;line-height:1.65;color:#332c49;overflow-wrap:anywhere;font-weight:600;user-select:text}
#prog.single-progress-enhanced > #pct{order:1;text-align:center}
#prog.single-progress-enhanced > #plabel{order:2;text-align:center}
#prog.single-progress-enhanced > #bar{order:3;margin:18px 0 8px}
#prog.single-progress-enhanced > #q{order:4;text-align:center}
#prog.single-progress-enhanced .single-timeline{order:5;border:1px solid #ece6f6;border-radius:16px;padding:18px 22px 14px;margin-top:14px;background:#fff}
#prog.single-progress-enhanced .single-timeline-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}
#prog.single-progress-enhanced summary.single-timeline-heading{cursor:pointer;list-style:none;user-select:none}
#prog.single-progress-enhanced summary.single-timeline-heading::-webkit-details-marker{display:none}
#prog.single-progress-enhanced summary.single-timeline-heading::after{content:'';width:6px;height:6px;border-right:1.5px solid #927bae;border-bottom:1.5px solid #927bae;transform:rotate(45deg);transition:transform .18s;flex-shrink:0;margin-right:3px}
#prog.single-progress-enhanced details[open]>summary.single-timeline-heading::after{transform:rotate(225deg)}
#prog.single-progress-enhanced summary.single-timeline-heading:focus-visible{outline:2px solid #9571e6;outline-offset:5px;border-radius:4px}
#prog.single-progress-enhanced summary.single-timeline-heading .single-timeline-badge{margin-left:auto}
#prog.single-progress-enhanced details:not([open])>.single-timeline-heading{margin-bottom:0}
#prog.single-progress-enhanced .single-timeline-heading>b{font-size:14px;color:#3e3355}
#prog.single-progress-enhanced .single-timeline-badge{padding:4px 10px;border-radius:20px;background:#f0eaff;color:#7752df;font-size:11px;font-weight:600}
#prog.single-progress-enhanced .single-timeline-list{padding:0;margin:0;list-style:none}
#prog.single-progress-enhanced .single-step{position:relative;display:flex;align-items:center;gap:12px;min-height:35px;padding:3px 0;font-size:13px;color:#aaa3b6}
#prog.single-progress-enhanced .single-step:not(:last-child)::after{content:'';position:absolute;top:26px;bottom:-9px;left:7px;width:2px;background:#eeebf5}
#prog.single-progress-enhanced .single-step-dot{position:relative;flex:0 0 16px;width:16px;height:16px;border:1.5px solid #ded7eb;border-radius:50%;background:white;z-index:1;box-sizing:border-box}
#prog.single-progress-enhanced .single-step-note{margin-left:auto;font-size:11px;color:#b4adbf;white-space:nowrap}
#prog.single-progress-enhanced .single-step.done{color:#5f4b8d}
#prog.single-progress-enhanced .single-step.done .single-step-dot{border-color:#936bfa;background:#936bfa}
#prog.single-progress-enhanced .single-step.done .single-step-dot::before{content:'';display:block;position:absolute;width:6px;height:3px;left:3px;top:4px;border-left:1.6px solid white;border-bottom:1.6px solid white;transform:rotate(-45deg)}
#prog.single-progress-enhanced .single-step.done::after{background:#dbcafa}
#prog.single-progress-enhanced .single-step.active{color:#7548df;font-weight:600}
#prog.single-progress-enhanced .single-step.active .single-step-dot{border-color:#9060fc;background:#f3edff;box-shadow:0 0 0 4px #f6f1ff}
#prog.single-progress-enhanced .single-step.active .single-step-dot::before{content:'';position:absolute;inset:3px;border-radius:50%;background:#9060fc;animation:single-status-pulse 1.8s ease-in-out infinite}
#prog.single-progress-enhanced .single-step.active .single-step-note{color:#9875e0}
#prog.single-progress-enhanced .single-step.failed{color:#dc5068;font-weight:600}
#prog.single-progress-enhanced .single-step.failed .single-step-dot{background:#ed637b;border-color:#ed637b}
#prog.single-progress-enhanced .single-step.failed .single-step-dot::before,#prog.single-progress-enhanced .single-step.failed .single-step-dot::after{content:'';position:absolute;left:3px;right:3px;top:6px;height:1.5px;background:white;transform:rotate(45deg)}
#prog.single-progress-enhanced .single-step.failed .single-step-dot::after{transform:rotate(-45deg)}
#prog.single-progress-enhanced .single-step.unknown{color:#b4802c}
#prog.single-progress-enhanced .single-step.unknown .single-step-dot{border-color:#d7ab60;background:#fff8ea}
#prog.single-progress-enhanced .single-timeline-hint{margin:14px 0 0;padding-top:12px;border-top:1px solid #f1edf7;font-size:11px;line-height:1.8;color:#9c91aa}
#prog.single-progress-enhanced #result{display:contents}
#prog.single-progress-enhanced #result>.res{order:1;width:min(520px,100%);align-self:center;margin:0 auto;text-align:center;padding:14px 0 4px;box-sizing:border-box}
#prog.single-progress-enhanced #result>.btn{order:6;margin-top:18px}
#prog.single-progress-enhanced .success-email-card,#prog.single-progress-enhanced .single-result-email-card{display:block;box-sizing:border-box;width:min(420px,100%);margin:14px auto;padding:13px 18px;border:1px solid #e3d9fa;border-radius:12px;background:#faf8ff;text-align:center}
#prog.single-progress-enhanced .success-email-card span,#prog.single-progress-enhanced .single-result-email-card span{display:block;margin-bottom:7px;color:#9584ae;font-size:11px;font-weight:600}
#prog.single-progress-enhanced .success-email-card b,#prog.single-progress-enhanced .single-result-email-card b{display:block;color:#33274c;font-size:15px;font-weight:600;line-height:1.65;overflow-wrap:anywhere;word-break:normal;user-select:text}
#prog.single-progress-enhanced .success-check,#prog.single-progress-enhanced .failure-cross{width:54px;height:54px;margin-bottom:12px}
#prog.single-progress-enhanced[data-single-outcome="unknown"] #result .res.warn .big{display:grid;place-items:center;box-sizing:border-box;width:54px;height:54px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,#f6c94a,#eeb532);color:#fff;font:800 32px/1 "Source Han Sans SC","Noto Sans SC",sans-serif;box-shadow:0 0 0 6px #fff8e6,0 8px 22px #e8b33426}
#prog.single-progress-enhanced .success-title{font-size:24px;margin-bottom:10px}
#prog.single-progress-enhanced .success-membership-copy{font-size:13px;line-height:1.9}
#prog.single-progress-enhanced .res .ttl{font-size:20px}
#prog.single-progress-enhanced .res .ds{font-size:13px}
/* Final results replace the activity bar; processing keeps its original display. */
#prog.single-progress-enhanced[data-single-outcome="success"]>#bar,
#prog.single-progress-enhanced[data-single-outcome="failed"]>#bar,
#prog.single-progress-enhanced[data-single-outcome="unknown"]>#bar,
#prog.single-progress-enhanced[data-single-outcome="stopped"]>#bar{display:none!important}
#prog.single-progress-enhanced[data-single-outcome="failed"] .single-timeline-badge{color:#d44e64;background:#fff0f2}
#prog.single-progress-enhanced[data-single-outcome="unknown"] .single-timeline-badge,#prog.single-progress-enhanced[data-single-outcome="stopped"] .single-timeline-badge{color:#ac7c2f;background:#fff6e4}
@keyframes single-status-pulse{0%,100%{opacity:.5;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){#prog.single-progress-enhanced .single-step-dot::before{animation:none!important}}
@media(max-width:600px){
 #prog.single-progress-enhanced .single-order-details{grid-template-columns:1fr;padding:14px 16px;gap:13px;margin-bottom:16px}
 #prog.single-progress-enhanced .single-order-field + .single-order-field{border-left:0;border-top:1px solid #e4dcf5;padding:11px 0 0}
 #prog.single-progress-enhanced .single-order-field b{font-size:13px}
 #prog.single-progress-enhanced .single-timeline{padding:15px 16px 12px}
 #prog.single-progress-enhanced .single-step{gap:10px;font-size:12px}
 #prog.single-progress-enhanced .single-step-note{font-size:10px}
}

/* Compact only while the single recharge pane is visible and processing/results
   are open. Switching to another tab or returning to the form restores its view. */
body:has(#redeem-view.show #prog.single-progress-enhanced.show) .public-hero,
body:has(#redeem-view.show #prog.single-progress-enhanced.show) .public-flow-cards{display:none}
body:has(#redeem-view.show #prog.single-progress-enhanced.show) .box{padding-bottom:18px}
body:has(#redeem-view.show #prog.single-progress-enhanced.show) .portal-tabs{margin-bottom:10px}
body:has(#redeem-view.show #prog.single-progress-enhanced.show) #flowSteps{display:none}
body:has(#redeem-view.show #prog.single-progress-enhanced.show) .subscription-tools{margin-top:12px}
#prog.single-progress-enhanced .single-order-details{padding-top:13px;padding-bottom:13px;margin-bottom:12px}
#prog.single-progress-enhanced .single-timeline{padding:12px 16px;margin-top:8px;background:#faf9ff;border-color:#e9e2f8}
#prog.single-progress-enhanced .single-timeline-list{display:block;max-height:190px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d7c9f2 transparent;padding:3px 6px 3px 0}
#prog.single-progress-enhanced .single-step{display:grid;grid-template-columns:16px minmax(0,1fr) auto;column-gap:10px;row-gap:0;min-height:34px;padding:0}
#prog.single-progress-enhanced .single-step-dot{grid-row:1;align-self:center;margin-top:0}
#prog.single-progress-enhanced .single-step-note{grid-column:3;grid-row:1;margin-left:0;white-space:normal}
#prog.single-progress-enhanced .single-step:not(:last-child)::after{display:none}
#prog.single-progress-enhanced .single-timeline-hint{margin-top:10px;padding-top:8px}
#prog.single-progress-enhanced #result>.res{padding-top:8px}
#prog.single-progress-enhanced #result>.btn{margin-top:12px}
#prog.single-progress-enhanced .success-check,#prog.single-progress-enhanced .failure-cross{margin-bottom:8px}
#prog.single-progress-enhanced .success-title{margin-bottom:8px}
#prog.single-progress-enhanced .success-email-card,#prog.single-progress-enhanced .single-result-email-card{margin-top:10px;margin-bottom:10px;padding-top:10px;padding-bottom:10px}
#prog.single-progress-enhanced > #bar{margin-top:12px;margin-bottom:4px}
#prog.single-progress-enhanced summary.single-timeline-heading{gap:12px;min-height:28px}
#prog.single-progress-enhanced summary.single-timeline-heading>b{font-size:11px;font-weight:500;color:#9987b2;flex-shrink:0}
#prog.single-progress-enhanced summary.single-timeline-heading .single-timeline-badge{display:none}
#prog.single-progress-enhanced .single-live-dot{position:relative;display:block;flex:0 0 22px;height:22px;border:1px solid #e2d5fa;border-radius:50%;background:#f0e8ff}
#prog.single-progress-enhanced .single-live-dot::before{content:'';position:absolute;inset:6px;background:#8c60e7;border-radius:50%}
#prog.single-progress-enhanced .single-rolling-window{display:block;flex:1;min-width:0;overflow:hidden;height:26px;line-height:26px;color:#66517e;font-size:13px;font-weight:600;text-align:left}
#prog.single-progress-enhanced .single-rolling-text{display:block;white-space:nowrap;animation:single-step-slide .42s cubic-bezier(.2,.7,.2,1)}
#prog.single-progress-enhanced[data-single-outcome="failed"] .single-live-dot{background:#fff0f3;border-color:#f8d6df}
#prog.single-progress-enhanced[data-single-outcome="failed"] .single-live-dot::before{background:#e8657d}
#prog.single-progress-enhanced[data-single-outcome="failed"] .single-rolling-window{color:#cb506a}
#prog.single-progress-enhanced[data-single-outcome="unknown"] .single-live-dot,#prog.single-progress-enhanced[data-single-outcome="stopped"] .single-live-dot{background:#fff8e9;border-color:#efdeb8}
#prog.single-progress-enhanced[data-single-outcome="unknown"] .single-live-dot::before,#prog.single-progress-enhanced[data-single-outcome="stopped"] .single-live-dot::before{background:#c69b4a}
@keyframes single-step-slide{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){#prog.single-progress-enhanced .single-rolling-text{animation:none}}
@media(max-width:600px){
 #prog.single-progress-enhanced summary.single-timeline-heading{gap:9px}
 #prog.single-progress-enhanced .single-rolling-window{font-size:12px}
 #prog.single-progress-enhanced summary.single-timeline-heading>b{font-size:10px}
 #prog.single-progress-enhanced .single-timeline{padding:12px 14px}
 #prog.single-progress-enhanced .single-order-details{gap:9px}
 #prog.single-progress-enhanced .single-order-field + .single-order-field{padding-top:9px}
}