.recharge-status{--recharge-accent:var(--accent,#b2a5ff);--recharge-line:var(--line,#ffffff14);--recharge-ink:var(--text,#edf2ff);--recharge-muted:var(--muted,#99a7c2);--recharge-state:var(--recharge-accent);--recharge-soft:color-mix(in srgb,var(--recharge-accent) 9%,transparent);margin:0;padding:0;border:0;background:transparent;color:var(--recharge-ink);font:inherit;text-align:left}
.recharge-status--success{--recharge-state:var(--success,#65ddbd)}
.recharge-status--review{--recharge-state:#d9a64e}
.recharge-status--failed{--recharge-state:var(--error,#ff9399)}
.recharge-status-header{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:18px;padding:4px 0 26px;background:none;border:0}
.recharge-orbit{position:relative;display:grid;place-items:center;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--recharge-state) 24%,transparent);border-radius:15px;background:color-mix(in srgb,var(--recharge-state) 8%,transparent);color:var(--recharge-state)}
.recharge-orbit.is-waiting::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.5px solid transparent;border-top-color:var(--recharge-accent);border-right-color:color-mix(in srgb,var(--recharge-accent) 25%,transparent);animation:recharge-orbit 3.5s linear infinite}
.recharge-symbol{width:25px;height:25px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.recharge-symbol-small{width:15px;height:15px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.recharge-status-heading{min-width:0}.recharge-status-kicker{margin:0 0 7px!important;font-size:11px!important;letter-spacing:.12em;color:var(--recharge-accent)!important}.recharge-status .recharge-status-heading h2{margin:0!important;font-size:23px!important;line-height:1.45;font-weight:650;letter-spacing:-.025em;color:var(--recharge-ink)!important}.recharge-status-description{margin:7px 0 0!important;font-size:13px!important;line-height:1.8;color:var(--recharge-muted)!important}
.recharge-status-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;align-self:start;margin-top:3px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--recharge-state) 18%,transparent);border-radius:7px;background:color-mix(in srgb,var(--recharge-state) 7%,transparent);color:var(--recharge-state);font-size:11px;font-weight:600}.recharge-status-badge i,.recharge-live-dot{display:inline-block;width:5px;height:5px;flex:none;border-radius:50%;background:var(--recharge-accent)}
.recharge-track{display:flex!important;gap:0!important;list-style:none!important;margin:0!important;padding:22px 0 24px!important;border-top:1px solid var(--recharge-line);border-bottom:1px solid var(--recharge-line)}
.recharge-track li{position:relative;display:flex;flex:1;min-width:0;align-items:center;flex-direction:column;gap:10px;padding:0!important;border:0!important;background:none!important;color:var(--recharge-muted);font-size:12px;text-align:center}
.recharge-track li::before{display:none!important}.recharge-track li:not(:last-child)::after{content:"";position:absolute;top:14px;left:calc(50% + 24px);right:calc(-50% + 24px);height:1px;background:var(--recharge-line)}
.recharge-track li.is-done::after{background:color-mix(in srgb,var(--recharge-accent) 45%,transparent)}.recharge-track-node{z-index:1;display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--recharge-line);border-radius:50%;background:var(--panel,#10182e);font-size:10px;font-weight:600;font-variant-numeric:tabular-nums}
.recharge-track .is-done,.recharge-track .is-current{color:var(--recharge-ink);font-weight:600}.recharge-track .is-done .recharge-track-node{color:var(--recharge-accent);border-color:color-mix(in srgb,var(--recharge-accent) 30%,transparent);background:var(--recharge-soft)}.recharge-track .is-current .recharge-track-node{color:var(--recharge-accent);border-color:var(--recharge-accent);background:var(--recharge-soft);box-shadow:0 0 0 4px color-mix(in srgb,var(--recharge-accent) 5%,transparent)}.recharge-track small{color:var(--recharge-accent);font-size:10px;line-height:1.3}
.recharge-waiting{margin:20px 0 0;padding:16px 18px;border:1px solid color-mix(in srgb,var(--recharge-accent) 14%,transparent);border-radius:11px;background:color-mix(in srgb,var(--recharge-accent) 4%,transparent)}.recharge-waiting-copy{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}.recharge-waiting strong{color:var(--recharge-ink);font-weight:550}.recharge-live-dot{animation:recharge-breathe 2.6s ease-in-out infinite}.recharge-elapsed{margin-left:auto;color:var(--recharge-muted);font-size:11px;font-variant-numeric:tabular-nums}.recharge-waiting p{margin:7px 0 0 13px!important;color:var(--recharge-muted)!important;font-size:11px!important;line-height:1.8}
.recharge-facts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px!important;margin:0!important;padding:24px 0!important}.recharge-facts>div{display:block!important;min-width:0;margin:0!important;padding:0!important;border:0!important;background:none!important}.recharge-facts>div:last-child:nth-child(odd){grid-column:1/-1}.recharge-facts dt{margin:0 0 7px!important;color:var(--recharge-muted)!important;font-size:11px!important;font-weight:400!important}.recharge-facts dd{margin:0!important;color:var(--recharge-ink)!important;font-size:13px!important;font-weight:550!important;line-height:1.7;overflow-wrap:anywhere;white-space:normal}
.recharge-status-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 0 4px;border-top:1px solid var(--recharge-line);background:none}.recharge-query-note{display:flex;flex-direction:column;gap:4px;color:var(--recharge-muted)!important;font-size:11px;line-height:1.8}.recharge-status-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.recharge-status .recharge-status-actions button{width:auto!important;min-height:36px;margin:0!important;padding:8px 13px!important;border:1px solid color-mix(in srgb,var(--recharge-accent) 22%,transparent)!important;border-radius:8px!important;background:var(--recharge-soft)!important;color:var(--recharge-accent)!important;box-shadow:none!important;font-size:11px!important}.recharge-status .recharge-status-actions button:disabled{opacity:.6;cursor:wait}.recharge-status-actions a{color:var(--recharge-accent);font-size:11px;text-decoration:none}
@keyframes recharge-orbit{to{transform:rotate(360deg)}}@keyframes recharge-breathe{0%,100%{opacity:1;box-shadow:0 0 0 0 var(--recharge-soft)}50%{opacity:.5;box-shadow:0 0 0 4px transparent}}
@media(max-width:600px){.recharge-status-header{grid-template-columns:40px minmax(0,1fr);gap:13px;padding:2px 0 22px}.recharge-orbit{width:40px;height:40px;border-radius:12px}.recharge-status .recharge-status-heading h2{font-size:18px!important}.recharge-status-kicker{margin-bottom:5px!important;font-size:10px!important}.recharge-status-description{font-size:12px!important}.recharge-status-badge{grid-column:2;justify-self:start;margin-top:0;font-size:10px}.recharge-track{padding:21px 0!important}.recharge-track li{font-size:11px;gap:9px}.recharge-track li:not(:last-child)::after{left:calc(50% + 21px);right:calc(-50% + 21px)}.recharge-waiting{margin-top:18px;padding:14px}.recharge-elapsed{flex-basis:100%;margin-left:13px}.recharge-facts{gap:17px 20px!important;padding:21px 0!important}.recharge-facts dd{font-size:12px!important}.recharge-status-footer{flex-direction:column;align-items:flex-start;padding-top:15px}.recharge-status-actions{width:100%}}
@media(prefers-reduced-motion:reduce){.recharge-orbit.is-waiting::before,.recharge-live-dot{animation:none}}

.recharge-facts>div:nth-child(even){border-left:0!important}
