/* RideGo Live Rides Pop-ups TOP v247 — native top-to-bottom animation, no observers */
#rg-live-rides-v243{
  position:fixed;
  inset:0;
  z-index:2147482500;
  pointer-events:none;
  overflow:hidden;
  contain:layout paint style;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
#rg-live-rides-v243 .rg-live-ride{
  --rg-rise:560ms;
  --rg-fade-in:340ms;
  --rg-push:650ms;
  --rg-fade-out:520ms;
  position:absolute;
  left:50%;
  top:calc(14px + env(safe-area-inset-top,0px));
  bottom:auto;
  width:min(316px,calc(100vw - 24px));
  opacity:0;
  z-index:2;
  transform:translate3d(-50%,-34px,0) scale(.975);
  transition:
    transform var(--rg-rise) cubic-bezier(.18,.84,.2,1),
    opacity var(--rg-fade-in) ease;
  will-change:transform,opacity;
  backface-visibility:hidden;
  transform-style:preserve-3d;
  contain:layout paint style;
}
#rg-live-rides-v243 .rg-live-ride.is-settled{
  opacity:1;
  z-index:2;
  transform:translate3d(-50%,0,0) scale(1);
}
#rg-live-rides-v243 .rg-live-ride.is-pushed{
  opacity:1;
  z-index:1;
  transform:translate3d(-50%,116px,0) scale(.988);
  transition:
    transform var(--rg-push) cubic-bezier(.2,.76,.2,1),
    opacity 180ms linear;
}
#rg-live-rides-v243 .rg-live-ride.is-fading{
  opacity:0;
  transform:translate3d(-50%,142px,0) scale(.972);
  transition:
    transform var(--rg-fade-out) cubic-bezier(.22,.68,.22,1),
    opacity var(--rg-fade-out) ease;
}
#rg-live-rides-v243 .rg-live-card{
  position:relative;
  overflow:hidden;
  padding:12px 13px 11px;
  border:1px solid rgba(70,124,225,.78);
  border-radius:21px;
  color:#f8fbff;
  background:
    radial-gradient(circle at 78% 0%,rgba(36,95,194,.19),transparent 44%),
    linear-gradient(160deg,rgba(10,24,53,.80),rgba(4,13,31,.80));
  box-shadow:
    inset 0 0 0 1px rgba(20,50,103,.48),
    0 0 0 1px rgba(0,0,0,.36),
    0 18px 30px rgba(0,0,0,.26);
}
#rg-live-rides-v243 .rg-live-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.065),transparent 30%,transparent 70%,rgba(39,230,139,.04));
}
#rg-live-rides-v243 .rg-live-top{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:8px;
  min-width:0;
}
#rg-live-rides-v243 .rg-live-platform{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:47px;
  height:25px;
  padding:0 8px;
  border-radius:9px;
  color:#fff;
  font-size:10.5px;
  font-weight:950;
  letter-spacing:.04em;
  line-height:1;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
}
#rg-live-rides-v243 .rg-live-platform.uber{background:rgba(17,24,32,.88)}
#rg-live-rides-v243 .rg-live-platform.bolt{background:rgba(25,169,116,.88)}
#rg-live-rides-v243 .rg-live-hourly{
  min-width:0;
  color:#ffd82f;
  font-size:23px;
  font-weight:1000;
  line-height:1;
  white-space:nowrap;
  text-shadow:0 0 18px rgba(255,216,47,.13);
}
#rg-live-rides-v243 .rg-live-hourly small{
  margin-left:4px;
  color:#f2f6ff;
  font-size:10.5px;
  font-weight:850;
}
#rg-live-rides-v243 .rg-live-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:25px;
  padding:0 8px;
  border-radius:9px;
  font-size:8.5px;
  font-weight:1000;
  letter-spacing:.035em;
  white-space:nowrap;
}
#rg-live-rides-v243 .rg-live-status.good{color:#dffff0;background:rgba(26,190,111,.23);border:1px solid rgba(50,235,143,.5)}
#rg-live-rides-v243 .rg-live-status.ok{color:#fff5ca;background:rgba(225,167,26,.23);border:1px solid rgba(255,202,66,.48)}
#rg-live-rides-v243 .rg-live-status.bad{color:#ffe0e5;background:rgba(203,55,80,.23);border:1px solid rgba(255,91,119,.5)}
#rg-live-rides-v243 .rg-live-line{
  position:relative;
  height:1px;
  margin:9px 0 8px;
  background:linear-gradient(90deg,transparent,rgba(80,130,230,.6),transparent);
}
#rg-live-rides-v243 .rg-live-metrics{
  position:relative;
  display:grid;
  grid-template-columns:1.15fr 1fr 1fr;
  gap:6px;
  color:#a5b4cf;
  font-size:9px;
  font-weight:760;
  line-height:1.25;
}
#rg-live-rides-v243 .rg-live-metrics span{
  min-width:0;
  white-space:nowrap;
}
#rg-live-rides-v243 .rg-live-metrics b{
  color:#f8fbff;
  font-size:11.5px;
  font-weight:950;
}
#rg-live-rides-v243 .rg-live-foot{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
  color:#8c9dbb;
  font-size:9px;
  font-weight:760;
}
#rg-live-rides-v243 .rg-live-foot strong{color:#d3def0;font-size:10.5px}
@media (min-width:760px){
  #rg-live-rides-v243 .rg-live-ride{width:324px;top:24px;bottom:auto}
}
@media (max-width:359px){
  #rg-live-rides-v243 .rg-live-ride{width:min(300px,calc(100vw - 18px));top:calc(10px + env(safe-area-inset-top,0px));bottom:auto}
  #rg-live-rides-v243 .rg-live-card{padding:11px 11px 10px}
  #rg-live-rides-v243 .rg-live-hourly{font-size:21px}
  #rg-live-rides-v243 .rg-live-status{font-size:8px;padding-inline:7px}
  #rg-live-rides-v243 .rg-live-metrics{gap:4px;font-size:8.5px}
  #rg-live-rides-v243 .rg-live-metrics b{font-size:10.5px}
}
@media (prefers-reduced-motion:reduce){
  #rg-live-rides-v243 .rg-live-ride{transition-duration:140ms!important}
}