/* RIDEEASE_BOOKING_PROGRESS_SCOPE_V1 */
.re-bp-card{
  margin:0 0 14px;padding:14px 16px;background:var(--card,var(--bg2,#171923));
  border:1px solid var(--border2,var(--border,#323a55));border-radius:12px;min-width:0
}
.re-bp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.re-bp-head span{display:block;font-size:9px;line-height:1.2;letter-spacing:.12em;font-weight:800;color:var(--text3,#64748b)}
.re-bp-head h3{margin:3px 0 0;font-size:13px;line-height:1.3;color:var(--text,#e2e8f0)}
.re-bp-head>strong{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:var(--bluel,rgba(59,130,246,.12));color:var(--blue,#3b82f6);font-size:10px;line-height:1.2;white-space:nowrap}
.re-bp-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;min-width:0}
.re-bp-step{position:relative;min-width:0;padding-top:30px;text-align:center;color:var(--text3,#64748b);font-size:10px;font-weight:650;line-height:1.25}
.re-bp-step i{position:absolute;top:0;left:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:24px;height:24px;transform:translateX(-50%);border:2px solid var(--border2,#323a55);border-radius:50%;background:var(--bg2,#171923);color:var(--text3,#64748b);font-style:normal;font-size:10px;font-weight:800}
.re-bp-step:after{content:"";position:absolute;top:11px;left:calc(50% + 13px);width:calc(100% - 26px);height:2px;background:var(--border2,#323a55)}
.re-bp-step:last-child:after{display:none}
.re-bp-step.done i{border-color:var(--green,#10b981);background:var(--green,#10b981);color:#fff}
.re-bp-step.done:after{background:var(--green,#10b981)}
.re-bp-step.done span{color:var(--green,#10b981)}
.re-bp-step.current i{border-color:var(--blue,#3b82f6);background:var(--blue,#3b82f6);color:#fff;box-shadow:0 0 0 4px var(--bluel,rgba(59,130,246,.12))}
.re-bp-step.current span{color:var(--blue,#3b82f6);font-weight:800}
.re-bp-cancelled{border-color:rgba(239,68,68,.38);background:var(--redl,rgba(239,68,68,.12))}
.re-bp-cancelled .re-bp-head{margin-bottom:5px}
.re-bp-cancelled .re-bp-head>strong{background:var(--redl,rgba(239,68,68,.12));color:var(--red,#ef4444)}
.re-bp-cancelled p{margin:0;color:var(--text2,#94a3b8);font-size:11px;line-height:1.5}
@media(max-width:760px){
  .re-bp-card{padding:13px;margin-bottom:12px}
  .re-bp-head{align-items:flex-start;margin-bottom:11px}
  .re-bp-head>strong{white-space:normal;text-align:right}
  .re-bp-track{grid-template-columns:1fr;gap:0}
  .re-bp-step{min-height:43px;padding:3px 0 13px 40px;text-align:left;font-size:11px}
  .re-bp-step i{top:1px;left:0;transform:none;width:25px;height:25px}
  .re-bp-step:after{top:26px;left:12px;width:2px;height:calc(100% - 24px)}
}