/* A soft illustrated journey. Color supports the explicit state labels. */
.charge-journey{margin:18px 30px 26px;padding:0 18px 16px;border:1px solid #e0e5d4;border-radius:22px;background:radial-gradient(ellipse at 100% 0,#f8edda88,transparent 60%),#f7f8ef;overflow:hidden;box-shadow:inset 0 1px 0 #fff}.journey-welcome{display:flex;align-items:center;gap:12px;padding:14px 4px 12px}.journey-welcome img{width:58px;height:64px;object-fit:contain;transform:rotate(-7deg);filter:drop-shadow(0 4px 3px #705d3610)}.journey-welcome>div{display:flex;flex-direction:column;gap:5px}.journey-welcome>div>span{font-size:8px;letter-spacing:1.6px;font-weight:700;color:#8b957c}.journey-welcome strong{font-size:15px;letter-spacing:-.5px;color:#4b6444}.journey-sparkle{font-size:28px;color:#c5a66a;margin-left:auto;margin-right:10px}.status-card .charge-journey .timeline{background:transparent;border:0;padding:0;margin:0!important;border-radius:0;gap:10px}.status-card .charge-journey .tl-step{position:relative;align-items:center;gap:18px;padding:18px;background:#fff;border:1px solid #e8eadf;border-radius:16px;isolation:isolate;box-shadow:0 3px 8px #52623903}.status-card .charge-journey .tl-step:not(:last-child):after{content:'';position:absolute;left:46px;bottom:-13px;height:14px;border-left:3px dotted #c7d4b9;z-index:2}.status-card .charge-journey .tl-left{width:56px;height:56px;flex:0 0 56px;position:relative}.journey-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#eff3e5;color:#718959;box-shadow:inset 0 2px 0 #ffffffbb}.journey-icon svg{width:36px;height:36px}.status-card .charge-journey .tl-step:nth-child(2) .journey-icon{background:#fcf1dc;color:#ac8846}.status-card .charge-journey .tl-step:nth-child(3) .journey-icon{background:#eaf1f5;color:#7693a1}.status-card .charge-journey .tl-dot{position:absolute;bottom:-3px;right:-4px;width:20px;height:20px;border:2px solid white;font-size:10px;box-shadow:0 2px 4px #31452e10;z-index:2}.status-card .charge-journey .tl-dot.active{background:#c49745;color:#fff;box-shadow:0 0 0 3px #f5e8c6}.status-card .charge-journey .tl-dot.wait{background:#e4e8dc;color:#7e8a71;border-color:white}.status-card .charge-journey .tl-line{display:none}.status-card .charge-journey .tl-body,.status-card .charge-journey .tl-step:last-child .tl-body{padding:0;flex:1;min-width:0}.journey-step-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.journey-step-meta>span:first-child{font-size:8px;font-weight:700;letter-spacing:1.3px;color:#929c84}.journey-chip{font-size:9px;line-height:1.6;border-radius:20px;padding:3px 9px;background:#f1f3ec;color:#7b856e;white-space:nowrap;font-weight:600}.status-card .charge-journey .tl-title{font-size:15px;margin:0 0 5px;letter-spacing:-.3px;color:#334b34}.status-card .charge-journey .tl-desc{font-size:12px;color:#6c795f;line-height:1.75}.status-card .charge-journey .tl-step[data-step-state="active"]{background:#fffdf6;border-color:#d9bd7a;box-shadow:0 4px 14px #bc994213}.tl-step[data-step-state="active"] .journey-chip{background:#f6e7bd;color:#806021}.tl-step[data-step-state="active"] .journey-chip:before{content:'●';font-size:6px;margin-right:4px;vertical-align:middle}.tl-step[data-step-state="done"] .journey-chip{background:#e9f1df;color:#526e3d}.tl-step[data-step-state="stopped"] .journey-chip{background:#f7e9df;color:#995e47}.status-card .charge-journey .tl-step[data-step-state="stopped"]{background:#fffaf6;border-color:#e4cbbc}.journey-note{margin:16px 5px 0;text-align:center;font-size:11px;color:#748166;line-height:1.8;word-break:keep-all}.journey-note:before{content:'✧';margin-right:6px;color:#b39760;font-size:15px}[data-status="COMPLETED"] .charge-journey{background:radial-gradient(ellipse at 100% 0,#e6eff180,transparent 65%),#f0f5e9}[data-status="FAILED"] .journey-note{color:#975f46}[data-status="CANCELLED"] .journey-note{color:#717b66}
@media(max-width:650px){.charge-journey{margin:16px 20px 24px;padding:0 12px 15px;border-radius:18px}.journey-welcome{gap:8px;padding:12px 1px}.journey-welcome img{width:46px;height:52px}.journey-welcome strong{font-size:13px}.journey-welcome>div>span{font-size:7px;letter-spacing:1px}.journey-sparkle{font-size:23px;margin-right:3px}.status-card .charge-journey .tl-step{padding:14px 12px;gap:13px;border-radius:13px}.status-card .charge-journey .tl-left{width:43px;height:46px;flex-basis:43px}.journey-icon{width:43px;height:46px;border-radius:14px}.journey-icon svg{width:29px;height:29px}.status-card .charge-journey .tl-step:not(:last-child):after{left:32px}.status-card .charge-journey .tl-title{font-size:13px}.status-card .charge-journey .tl-desc{font-size:11px}.journey-chip{font-size:8px;padding:2px 7px}.journey-step-meta>span:first-child{font-size:7px}.journey-step-meta{margin-bottom:6px}.journey-note{font-size:10px}.status-card .charge-journey .tl-dot{width:17px;height:17px;font-size:9px;right:-4px}}