/* ZANADA V12.4C R7 - authoritative private rider premium shell */
:root {
  --v124c-r5-gold: #f4c430;
  --v124c-r5-gold-deep: #bd8614;
  --v124c-r5-ink: #030711;
  --v124c-r5-card: #0a1220;
  --v124c-r5-card-2: #0d1728;
  --v124c-r5-line: rgba(148, 163, 184, .17);
  --v124c-r5-text: #f8fafc;
  --v124c-r5-muted: #9fb0c6;
  --v124c-r5-success: #2dd4bf;
}

html body.v124c-rider[data-v124c-r5-owner="1"] {
  min-height: 100vh !important;
  overflow-x: hidden !important;
  background:
    radial-gradient(900px 520px at 91% -10%, rgba(244, 196, 48, .09), transparent 64%),
    radial-gradient(800px 540px at 4% 80%, rgba(30, 64, 175, .08), transparent 68%),
    #02050b !important;
  color: var(--v124c-r5-text) !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #main {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: calc(100vh - 70px) !important;
  margin: 64px 0 0 !important;
  padding: 28px 24px 54px !important;
  overflow: visible !important;
  zoom: 1 !important;
  transform: none !important;
  background: transparent !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #topSection,
html body.v124c-rider[data-v124c-r5-owner="1"] #bottomSection.rsHiddenOriginal {
  display: none !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsPortalV2.v124cR5Portal {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  width: min(1760px, calc(100vw - 48px)) !important;
  max-width: 1760px !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  zoom: 1 !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabBar {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5Nav {
  position: sticky !important;
  top: 72px !important;
  z-index: 960 !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 8px !important;
  border: 1px solid rgba(244, 196, 48, .18) !important;
  border-radius: 22px !important;
  background: rgba(4, 9, 18, .91) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .35) !important;
  backdrop-filter: blur(18px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(130%) !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5NavItem {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-width: 0 !important;
  min-height: 54px !important;
  padding: 9px 12px !important;
  border: 1px solid transparent !important;
  border-radius: 16px !important;
  background: transparent !important;
  color: #b8c6d8 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  cursor: pointer !important;
  user-select: none !important;
  transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5NavItem:hover,
html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5NavItem:focus-visible {
  outline: none !important;
  color: #fff !important;
  border-color: rgba(244, 196, 48, .24) !important;
  background: rgba(255, 255, 255, .035) !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5NavItem.active {
  border-color: rgba(244, 196, 48, .68) !important;
  background: linear-gradient(135deg, #f7d451, #dca916 72%, #b67b0f) !important;
  color: #080b12 !important;
  box-shadow: 0 12px 28px rgba(244, 196, 48, .19), inset 0 1px 0 rgba(255, 255, 255, .45) !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5NavIcon {
  display: inline-grid !important;
  place-items: center !important;
  width: 25px !important;
  height: 25px !important;
  flex: 0 0 25px !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: 9px !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5NavItem.active .v124cR5NavIcon {
  border-color: rgba(7, 12, 22, .18) !important;
  background: rgba(7, 12, 22, .09) !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5Context {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  width: 100% !important;
  min-height: 132px !important;
  padding: 24px 28px !important;
  overflow: hidden !important;
  border: 1px solid var(--v124c-r5-line) !important;
  border-radius: 26px !important;
  background:
    linear-gradient(118deg, rgba(13, 23, 40, .98), rgba(5, 11, 21, .96)),
    #08111f !important;
  box-shadow: 0 20px 52px rgba(0, 0, 0, .3) !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5Context::after {
  content: "" !important;
  position: absolute !important;
  inset: auto -70px -110px auto !important;
  width: 300px !important;
  height: 300px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(244, 196, 48, .16), transparent 68%) !important;
  pointer-events: none !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5Eyebrow {
  margin-bottom: 7px !important;
  color: var(--v124c-r5-gold) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #v124cR5Title {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(24px, 2.25vw, 38px) !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  letter-spacing: -.025em !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #v124cR5Sub {
  max-width: 82ch !important;
  margin: 8px 0 0 !important;
  color: var(--v124c-r5-muted) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.7 !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5Status {
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  flex: 0 0 auto !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(45, 212, 191, .27) !important;
  border-radius: 999px !important;
  background: rgba(45, 212, 191, .075) !important;
  color: #c7fff4 !important;
  font-size: 12px !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5Status span {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: var(--v124c-r5-success) !important;
  box-shadow: 0 0 0 5px rgba(45, 212, 191, .1), 0 0 18px rgba(45, 212, 191, .56) !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabPanels[data-v124c-r5-panels="1"] {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabPanels > .rsPanel {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabPanels > .rsPanel:not(.v124c-active-panel) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabPanels > .rsPanel.v124c-active-panel {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  min-height: 1px !important;
  overflow: visible !important;
  animation: v124cR5PanelIn .24s ease both !important;
}

@keyframes v124cR5PanelIn {
  from { opacity: .35; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Home */
html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabHome .rsHero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(310px, .34fr) !important;
  gap: 18px !important;
  align-items: start !important;
  direction: ltr !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabHome .rsHeroIntro,
html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabHome .rsHomeSummary {
  direction: var(--v124c-page-direction, rtl) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  border: 1px solid var(--v124c-r5-line) !important;
  border-radius: 26px !important;
  background: linear-gradient(180deg, rgba(10, 18, 32, .97), rgba(6, 12, 23, .97)) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .27) !important;
}

html[dir="rtl"] body.v124c-rider[data-v124c-r5-owner="1"] #rsTabHome .rsHeroIntro,
html[dir="rtl"] body.v124c-rider[data-v124c-r5-owner="1"] #rsTabHome .rsHomeSummary { direction: rtl !important; }
html[dir="ltr"] body.v124c-rider[data-v124c-r5-owner="1"] #rsTabHome .rsHeroIntro,
html[dir="ltr"] body.v124c-rider[data-v124c-r5-owner="1"] #rsTabHome .rsHomeSummary { direction: ltr !important; }

html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabHome .rsHeroIntro {
  display: block !important;
  padding: 28px !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabHome .rsHeroKicker {
  display: inline-flex !important;
  min-height: 30px !important;
  align-items: center !important;
  padding: 6px 11px !important;
  border: 1px solid rgba(244, 196, 48, .28) !important;
  border-radius: 999px !important;
  background: rgba(244, 196, 48, .075) !important;
  color: var(--v124c-r5-gold) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabHome .rsHeroTitle {
  margin: 18px 0 8px !important;
  color: #fff !important;
  font-size: clamp(24px, 2.3vw, 36px) !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabHome .rsHeroSub {
  max-width: 85ch !important;
  margin: 0 0 24px !important;
  color: var(--v124c-r5-muted) !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #v124cR5QuickGrid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5Quick {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: 12px !important;
  min-height: 142px !important;
  padding: 18px !important;
  border: 1px solid rgba(148, 163, 184, .15) !important;
  border-radius: 20px !important;
  background: linear-gradient(150deg, rgba(15, 27, 47, .88), rgba(7, 14, 27, .96)) !important;
  color: #fff !important;
  cursor: pointer !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5Quick:hover,
html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5Quick:focus-visible {
  outline: none !important;
  transform: translateY(-3px) !important;
  border-color: rgba(244, 196, 48, .44) !important;
  box-shadow: 0 18px 36px rgba(0, 0, 0, .28) !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5QuickIcon {
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  border: 1px solid rgba(244, 196, 48, .28) !important;
  border-radius: 14px !important;
  background: rgba(244, 196, 48, .075) !important;
  color: var(--v124c-r5-gold) !important;
  font-size: 20px !important;
  font-weight: 950 !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5Quick strong {
  display: block !important;
  margin: 2px 0 7px !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5Quick p {
  margin: 0 !important;
  color: var(--v124c-r5-muted) !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5QuickCta {
  position: absolute !important;
  inset-inline-end: 16px !important;
  bottom: 14px !important;
  color: var(--v124c-r5-gold) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabHome .rsHomeSummary {
  align-self: start !important;
  display: block !important;
  padding: 24px !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabHome .rsSummaryCard {
  margin-top: 13px !important;
  padding: 20px !important;
  border: 1px solid rgba(148, 163, 184, .15) !important;
  border-radius: 20px !important;
  background: rgba(15, 27, 47, .56) !important;
}

/* Shared workspaces */
html body.v124c-rider[data-v124c-r5-owner="1"] #rsRideWorkspace[data-v124c-r5-workspace="ride"] {
  display: grid !important;
  grid-template-columns: minmax(520px, 1.42fr) minmax(430px, .92fr) !important;
  grid-template-areas: "map booking" !important;
  gap: 18px !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  direction: ltr !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsRideWorkspace > .rsPanelHost {
  grid-area: booking !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

html[dir="rtl"] body.v124c-rider[data-v124c-r5-owner="1"] #rsRideWorkspace > .rsPanelHost { direction: rtl !important; }
html[dir="ltr"] body.v124c-rider[data-v124c-r5-owner="1"] #rsRideWorkspace > .rsPanelHost { direction: ltr !important; }

html body.v124c-rider[data-v124c-r5-owner="1"] #rsRideWorkspace .rsPanelHeader,
html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabMyTrips > .rsPanelHeader {
  display: none !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsMapHostRide {
  grid-area: map !important;
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 720px !important;
  min-height: 620px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(148, 163, 184, .2) !important;
  border-radius: 28px !important;
  background: #07101d !important;
  box-shadow: 0 24px 56px rgba(0, 0, 0, .33) !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsMapHostRide::after,
html body.v124c-rider[data-v124c-r5-owner="1"] #h4r1TripsMapHost::after,
html body.v124c-rider[data-v124c-r5-owner="1"] #rsMapHostActive::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;
  border: 1px solid rgba(255, 255, 255, .07) !important;
  border-radius: inherit !important;
  pointer-events: none !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #ztPrivateStreetV2Shell[data-v124c-r5-booking="1"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 720px !important;
  margin: 0 !important;
  padding: 22px !important;
  overflow: visible !important;
  border: 1px solid rgba(244, 196, 48, .3) !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg, rgba(11, 20, 35, .98), rgba(5, 11, 21, .98)) !important;
  box-shadow: 0 24px 56px rgba(0, 0, 0, .33) !important;
  transform: none !important;
  zoom: 1 !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #ztPrivateStreetV2Shell * {
  box-sizing: border-box !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #ztPrivateStreetV2Shell .zp-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: start !important;
  margin: 0 0 16px !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #ztPrivateStreetV2Shell .zp-title {
  margin: 5px 0 !important;
  color: #fff !important;
  font-size: 23px !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #ztPrivateStreetV2Shell .zp-sub {
  max-width: 62ch !important;
  color: var(--v124c-r5-muted) !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #ztPrivateStreetV2Shell .zp-pay {
  min-width: 142px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(45, 212, 191, .3) !important;
  border-radius: 16px !important;
  background: rgba(45, 212, 191, .07) !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #ztPrivateStreetV2Shell .zp-section {
  margin: 12px 0 0 !important;
  padding: 14px !important;
  border: 1px solid rgba(148, 163, 184, .15) !important;
  border-radius: 19px !important;
  background: rgba(12, 23, 41, .64) !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #ztPrivateStreetV2Shell .zp-grid,
html body.v124c-rider[data-v124c-r5-owner="1"] #ztPrivateStreetV2Shell .zp-grid.three {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #ztPrivateStreetV2Shell .zp-grid.route {
  grid-template-columns: 1fr !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #ztPrivateStreetV2Shell input,
html body.v124c-rider[data-v124c-r5-owner="1"] #ztPrivateStreetV2Shell select,
html body.v124c-rider[data-v124c-r5-owner="1"] #ztPrivateStreetV2Shell textarea {
  width: 100% !important;
  max-width: none !important;
  min-height: 44px !important;
  border: 1px solid rgba(148, 163, 184, .23) !important;
  border-radius: 13px !important;
  background: #07111f !important;
  color: #fff !important;
  box-shadow: none !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #ztPrivateStreetV2Shell .zp-actions {
  display: grid !important;
  grid-template-columns: 1fr 1.35fr 1fr !important;
  gap: 9px !important;
  margin-top: 14px !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #ztPrivateStreetV2Shell button {
  min-height: 44px !important;
  border-radius: 13px !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

/* Scheduled - the original engine is retained and opened directly by R5 */
html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabScheduled > .rsPanelHost {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabScheduled .rsPanelHeader,
html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabScheduled .rsScheduledLead {
  display: none !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabScheduled .rsScheduledCard {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 610px !important;
  margin: 0 !important;
  padding: 22px !important;
  border: 1px solid var(--v124c-r5-line) !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg, rgba(10, 18, 32, .98), rgba(5, 11, 21, .98)) !important;
  box-shadow: 0 24px 56px rgba(0, 0, 0, .3) !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabScheduled .ztSchedCompactHost,
html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabScheduled #ztScheduledEntryMount {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 520px !important;
  margin: 0 !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabScheduled #ztScheduledEntryMount > * {
  width: 100% !important;
  max-width: none !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabScheduled [data-v124c-scheduled-launcher="hidden"] {
  display: none !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"][data-rider-tab="scheduled"] #ztSchedInlinePanel {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 540px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  transform: none !important;
  zoom: 1 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #ztSchedInlinePanel #ztSchedTabs,
html body.v124c-rider[data-v124c-r5-owner="1"] #ztSchedInlinePanel .ztSchedTabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 0 16px !important;
  padding: 8px !important;
  border: 1px solid rgba(148, 163, 184, .15) !important;
  border-radius: 18px !important;
  background: rgba(5, 12, 23, .72) !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #ztSchedInlinePanel #ztSchedBody,
html body.v124c-rider[data-v124c-r5-owner="1"] #ztSchedInlinePanel [data-zt-scheduled-body] {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 430px !important;
  padding: 18px !important;
  border: 1px solid rgba(148, 163, 184, .15) !important;
  border-radius: 22px !important;
  background: rgba(10, 20, 36, .76) !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #ztSchedInlinePanel input,
html body.v124c-rider[data-v124c-r5-owner="1"] #ztSchedInlinePanel select,
html body.v124c-rider[data-v124c-r5-owner="1"] #ztSchedInlinePanel textarea {
  width: 100% !important;
  max-width: none !important;
  min-height: 44px !important;
  border: 1px solid rgba(148, 163, 184, .23) !important;
  border-radius: 13px !important;
  background: #07111f !important;
  color: #fff !important;
}

/* My trips: map and data are one balanced dashboard */
html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabMyTrips .h4r1Wrap[data-v124c-r5-workspace="trips"] {
  display: grid !important;
  grid-template-columns: minmax(520px, 1.2fr) minmax(440px, .9fr) !important;
  grid-template-areas: "map list" !important;
  gap: 18px !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  direction: ltr !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabMyTrips .h4r1Wrap > .h4r1Card:first-child {
  grid-area: list !important;
  direction: rtl !important;
}

html[dir="ltr"] body.v124c-rider[data-v124c-r5-owner="1"] #rsTabMyTrips .h4r1Wrap > .h4r1Card:first-child { direction: ltr !important; }

html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabMyTrips .h4r1Wrap > .h4r1Card:nth-child(2) {
  grid-area: map !important;
  min-height: 660px !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabMyTrips .h4r1Card {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 20px !important;
  border: 1px solid var(--v124c-r5-line) !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg, rgba(10, 18, 32, .98), rgba(5, 11, 21, .98)) !important;
  box-shadow: 0 24px 56px rgba(0, 0, 0, .29) !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #h4r1TripsMapHost {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 620px !important;
  min-height: 620px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 22px !important;
  background: #07101d !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabMyTrips .h4r1Controls {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabMyTrips .h4r1Kpis {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabMyTrips .h4r1List {
  max-height: 350px !important;
  overflow: auto !important;
}

/* Active trip */
html body.v124c-rider[data-v124c-r5-owner="1"] #rsActiveWorkspace[data-v124c-r5-workspace="active"] {
  display: grid !important;
  grid-template-columns: minmax(520px, 1.22fr) minmax(420px, .78fr) !important;
  grid-template-areas: "map details" !important;
  gap: 18px !important;
  align-items: stretch !important;
  width: 100% !important;
  direction: ltr !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsActiveWorkspace > .rsPanelHost {
  grid-area: details !important;
  min-width: 0 !important;
  direction: rtl !important;
}

html[dir="ltr"] body.v124c-rider[data-v124c-r5-owner="1"] #rsActiveWorkspace > .rsPanelHost { direction: ltr !important; }

html body.v124c-rider[data-v124c-r5-owner="1"] #rsMapHostActive {
  grid-area: map !important;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 620px !important;
  min-height: 620px !important;
  overflow: hidden !important;
  border: 1px solid var(--v124c-r5-line) !important;
  border-radius: 28px !important;
  background: #07101d !important;
  box-shadow: 0 24px 56px rgba(0, 0, 0, .3) !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsActiveWorkspace #currentOrderCard {
  width: 100% !important;
  max-width: none !important;
  min-height: 620px !important;
  margin: 0 !important;
  padding: 24px !important;
  border: 1px solid var(--v124c-r5-line) !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg, rgba(10, 18, 32, .98), rgba(5, 11, 21, .98)) !important;
  box-shadow: 0 24px 56px rgba(0, 0, 0, .3) !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsActiveWorkspace.v124c-no-active {
  grid-template-columns: 1fr !important;
  grid-template-areas: "details" !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsActiveWorkspace.v124c-no-active #rsMapHostActive {
  display: none !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsActiveWorkspace.v124c-no-active #currentOrderCard {
  min-height: 260px !important;
}

/* Services */
html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabServices > .rsPanelHost {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabServices > .rsPanelHost > .rsPanelHeader,
html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabServices > .rsPanelHost > .rsServicesLead {
  display: none !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabServices #bottomSectionInner.rsServicesInner {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 560px !important;
  margin: 0 !important;
  padding: 24px !important;
  border: 1px solid var(--v124c-r5-line) !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg, rgba(10, 18, 32, .98), rgba(5, 11, 21, .98)) !important;
  box-shadow: 0 24px 56px rgba(0, 0, 0, .3) !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsServicesTabsBar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 16px 0 !important;
  padding: 8px !important;
  border: 1px solid rgba(148, 163, 184, .14) !important;
  border-radius: 18px !important;
  background: rgba(4, 10, 20, .67) !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsServicesTabsBar .rsServicesTabBtn {
  min-height: 42px !important;
  padding: 9px 16px !important;
  border-radius: 13px !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsServicesSubpanels,
html body.v124c-rider[data-v124c-r5-owner="1"] #rsServicesSubpanels .rsServicesSubpanel.active {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsServicesSubpanels .rsServicesSubpanel.active {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: start !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsServicesSubpanels .rsServicesSubpanel[data-subtab="history"].active,
html body.v124c-rider[data-v124c-r5-owner="1"] #rsServicesSubpanels .rsServicesSubpanel[data-subtab="places"].active {
  grid-template-columns: 1fr !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsServicesSubpanels .card {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  border-radius: 20px !important;
}

/* One authoritative map surface. No black half-card or stale hidden map. */
html body.v124c-rider[data-v124c-r5-owner="1"] #rsMapHostRide #mapContainer,
html body.v124c-rider[data-v124c-r5-owner="1"] #rsMapHostRide #map,
html body.v124c-rider[data-v124c-r5-owner="1"] #h4r1TripsMapHost #mapContainer,
html body.v124c-rider[data-v124c-r5-owner="1"] #h4r1TripsMapHost #map,
html body.v124c-rider[data-v124c-r5-owner="1"] #rsMapHostActive #mapContainer,
html body.v124c-rider[data-v124c-r5-owner="1"] #rsMapHostActive #map {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: inherit !important;
  transform: none !important;
  zoom: 1 !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #rsMapHostRide #map > .gm-style,
html body.v124c-rider[data-v124c-r5-owner="1"] #h4r1TripsMapHost #map > .gm-style,
html body.v124c-rider[data-v124c-r5-owner="1"] #rsMapHostActive #map > .gm-style,
html body.v124c-rider[data-v124c-r5-owner="1"] #map > [data-v124c-map-viewport-root="1"] {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] #v124cMapParking {
  position: fixed !important;
  inset: auto auto -10000px -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] [data-v124c-internal="1"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body.v124c-rider[data-v124c-r5-owner="1"] [data-v124c-internal="0"] {
  display: block !important;
  visibility: visible !important;
}

/* The legacy global taxi-meter ticker is recreated every 1.5s. It must never flash.
 * The contextual note inside the booking card remains owned by the booking engine. */
/* Unqualified selector is intentional: the legacy owner writes display:block inline
 * before the R7 body marker exists and again every 1.5 seconds. */
html body #v2jTaxiMeterNoteBox,
html body [data-v124c-global-ticker="1"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

@media (max-width: 1280px) {
  html body.v124c-rider[data-v124c-r5-owner="1"] #rsRideWorkspace[data-v124c-r5-workspace="ride"],
  html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabMyTrips .h4r1Wrap[data-v124c-r5-workspace="trips"],
  html body.v124c-rider[data-v124c-r5-owner="1"] #rsActiveWorkspace[data-v124c-r5-workspace="active"] {
    grid-template-columns: 1fr !important;
    grid-template-areas: "booking" "map" !important;
  }
  html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabMyTrips .h4r1Wrap[data-v124c-r5-workspace="trips"] {
    grid-template-areas: "list" "map" !important;
  }
  html body.v124c-rider[data-v124c-r5-owner="1"] #rsActiveWorkspace[data-v124c-r5-workspace="active"] {
    grid-template-areas: "details" "map" !important;
  }
  html body.v124c-rider[data-v124c-r5-owner="1"] #rsMapHostRide,
  html body.v124c-rider[data-v124c-r5-owner="1"] #rsMapHostActive,
  html body.v124c-rider[data-v124c-r5-owner="1"] #h4r1TripsMapHost {
    height: 560px !important;
    min-height: 520px !important;
  }
  html body.v124c-rider[data-v124c-r5-owner="1"] #ztPrivateStreetV2Shell[data-v124c-r5-booking="1"],
  html body.v124c-rider[data-v124c-r5-owner="1"] #rsActiveWorkspace #currentOrderCard {
    min-height: 0 !important;
  }
}

@media (max-width: 1050px) {
  html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5Nav {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabHome .rsHero {
    grid-template-columns: 1fr !important;
  }
  html body.v124c-rider[data-v124c-r5-owner="1"] #v124cR5QuickGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html body.v124c-rider[data-v124c-r5-owner="1"] #main {
    margin-top: 58px !important;
    padding: 14px 10px 38px !important;
  }
  html body.v124c-rider[data-v124c-r5-owner="1"] #rsPortalV2.v124cR5Portal {
    width: calc(100vw - 20px) !important;
    gap: 12px !important;
  }
  html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5Nav {
    top: 62px !important;
    display: flex !important;
    gap: 7px !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain !important;
    scrollbar-width: none !important;
  }
  html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5Nav::-webkit-scrollbar { display: none !important; }
  html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5NavItem {
    flex: 0 0 auto !important;
    min-width: 135px !important;
    min-height: 48px !important;
  }
  html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5Context {
    display: block !important;
    min-height: 0 !important;
    padding: 20px !important;
    border-radius: 22px !important;
  }
  html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5Status {
    margin-top: 14px !important;
  }
  html body.v124c-rider[data-v124c-r5-owner="1"] #v124cR5QuickGrid,
  html body.v124c-rider[data-v124c-r5-owner="1"] #ztPrivateStreetV2Shell .zp-grid,
  html body.v124c-rider[data-v124c-r5-owner="1"] #ztPrivateStreetV2Shell .zp-grid.three,
  html body.v124c-rider[data-v124c-r5-owner="1"] #ztPrivateStreetV2Shell .zp-actions,
  html body.v124c-rider[data-v124c-r5-owner="1"] #rsServicesSubpanels .rsServicesSubpanel.active {
    grid-template-columns: 1fr !important;
  }
  html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabHome .rsHeroIntro,
  html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabHome .rsHomeSummary,
  html body.v124c-rider[data-v124c-r5-owner="1"] #ztPrivateStreetV2Shell[data-v124c-r5-booking="1"],
  html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabScheduled .rsScheduledCard,
  html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabMyTrips .h4r1Card,
  html body.v124c-rider[data-v124c-r5-owner="1"] #rsActiveWorkspace #currentOrderCard,
  html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabServices #bottomSectionInner.rsServicesInner {
    padding: 16px !important;
    border-radius: 22px !important;
  }
  html body.v124c-rider[data-v124c-r5-owner="1"] #ztPrivateStreetV2Shell .zp-head {
    grid-template-columns: 1fr !important;
  }
  html body.v124c-rider[data-v124c-r5-owner="1"] #rsMapHostRide,
  html body.v124c-rider[data-v124c-r5-owner="1"] #rsMapHostActive,
  html body.v124c-rider[data-v124c-r5-owner="1"] #h4r1TripsMapHost {
    height: 420px !important;
    min-height: 390px !important;
    border-radius: 22px !important;
  }
  html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabMyTrips .h4r1Controls,
  html body.v124c-rider[data-v124c-r5-owner="1"] #rsTabMyTrips .h4r1Kpis {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 480px) {
  html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5NavItem { min-width: 122px !important; }
  html body.v124c-rider[data-v124c-r5-owner="1"] .v124cR5Quick {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    min-height: 132px !important;
    padding: 14px !important;
  }
  html body.v124c-rider[data-v124c-r5-owner="1"] #rsMapHostRide,
  html body.v124c-rider[data-v124c-r5-owner="1"] #rsMapHostActive,
  html body.v124c-rider[data-v124c-r5-owner="1"] #h4r1TripsMapHost {
    height: 350px !important;
    min-height: 330px !important;
  }
}