/* iScOoTeR V56 — unified customer journey visual system */
:root{
  --v56-bg:#fff9ef;
  --v56-surface:#fffdf8;
  --v56-ink:#07373a;
  --v56-muted:#5f7471;
  --v56-petrol:#074b4d;
  --v56-petrol2:#0a675f;
  --v56-mint:#55cbaa;
  --v56-lime:#a8ef6b;
  --v56-line:#dce2da;
  --v56-soft:#eef6ea;
  --v56-shadow:0 16px 38px rgba(20,67,61,.09);
}
.customerAppV41{
  background:linear-gradient(180deg,#fff9ef 0%,#f7f3ea 55%,#eef5ed 100%)!important;
  color:var(--v56-ink)!important;
}
.customerTopV41{
  background:rgba(255,250,243,.97)!important;
  border-bottom:1px solid var(--v56-line)!important;
  box-shadow:0 8px 24px rgba(20,67,61,.06)!important;
}
.customerTopV41 .brand.iscooterBrand{width:112px!important}
.customerTopV41 .customerLocaleV35 select{
  background:#fffdf8!important;
  color:var(--v56-ink)!important;
  border-color:#cbd6ce!important;
  border-radius:14px!important;
}
.customerMainV41{max-width:1280px!important}
.customerMainV41 .heroV41{
  background:linear-gradient(110deg,#fffaf2,#fffdf8 56%,#e8f4e4)!important;
  border:1px solid var(--v56-line)!important;
  border-radius:26px!important;
  box-shadow:var(--v56-shadow)!important;
  color:var(--v56-ink)!important;
}
.customerMainV41 .heroV41 h1,
.customerMainV41 .heroV41 h2,
.customerMainV41 .heroV41 p{color:var(--v56-ink)!important}
.customerMainV41 .eyebrow{
  color:#0b6a61!important;
  letter-spacing:2px!important;
  font-weight:900!important;
}
.customerMainV41 .noticeV41{
  background:#f5f8ef!important;
  border:1px solid #d5dfd1!important;
  color:#39514e!important;
  border-radius:18px!important;
}
.customerAppV41 .card,
.customerAppV41 .mapCardV41,
.customerAppV41 .nextRideV41{
  background:rgba(255,253,248,.98)!important;
  color:var(--v56-ink)!important;
  border:1px solid var(--v56-line)!important;
  border-radius:22px!important;
  box-shadow:var(--v56-shadow)!important;
}
.customerAppV41 .card h2,
.customerAppV41 .card h3,
.customerAppV41 .card strong,
.customerAppV41 .head h2{color:var(--v56-ink)!important}
.customerAppV41 .muted,
.customerAppV41 .helper,
.customerAppV41 .description,
.customerAppV41 .fine{color:var(--v56-muted)!important}
.customerAppV41 .primary,
.customerAppV41 .btn.primary{
  background:linear-gradient(135deg,#0b5f5a,#0b7b6c)!important;
  color:#fff!important;
  border-color:#0b6a61!important;
  border-radius:15px!important;
  box-shadow:0 10px 22px rgba(4,92,83,.16)!important;
}
.customerAppV41 .secondary,
.customerAppV41 .btn.soft{
  background:#fffdf8!important;
  color:var(--v56-ink)!important;
  border-color:#cfd8d1!important;
  border-radius:15px!important;
}
.customerAppV41 input,
.customerAppV41 select,
.customerAppV41 textarea{
  background:#fffefb!important;
  color:var(--v56-ink)!important;
  border-color:#cfd8d1!important;
  border-radius:14px!important;
}
.customerAppV41 input:focus,
.customerAppV41 select:focus,
.customerAppV41 textarea:focus{
  outline:2px solid rgba(85,203,170,.25)!important;
  border-color:#55cbaa!important;
}
.customerAppV41 .stepnum,
.customerAppV41 .step.active,
.customerAppV41 .chip.active,
.customerAppV41 .duration.selected{
  background:linear-gradient(135deg,#ddf6b5,#9eea79)!important;
  color:#0b3a35!important;
  border-color:#b7dea4!important;
}
.pageScanV41 .scanViewfinderV41,
.pageScanV41 .liveViewfinderV41{
  background:linear-gradient(160deg,#0c5253,#07383e)!important;
  border-color:#1d766d!important;
  border-radius:22px!important;
}
.pageScanV41 .scanFrameV41,
.pageScanV41 .liveScanFrameV41{border-color:#a8ef6b!important}
.pageRideV41 .mapV41,
.pageAccountV41 .nextRideMapV41{
  border-radius:18px!important;
  overflow:hidden!important;
}
.pageRideV41 .rideAsideV41 .card,
.pageCheckoutV41 .checkoutLayoutV41 .card,
.pageAccountV41 .accountOverviewV41 .card{
  min-height:100%!important;
}
.pageCheckoutV41 .checkoutPaymentV41,
.pageRideV41 .payStateV41{
  background:#f1f7ed!important;
  border-color:#d5e3d0!important;
  border-radius:16px!important;
}
.customerAppV41 .bottomNavV41{
  background:rgba(255,253,248,.97)!important;
  border-top:1px solid var(--v56-line)!important;
  box-shadow:0 -8px 22px rgba(20,67,61,.07)!important;
}
.customerAppV41 .bottomNavV41 a{color:#46615e!important}
.customerAppV41 .bottomNavV41 a[aria-current="page"]{
  color:#0a675f!important;
  font-weight:900!important;
}
.customerAppV41 .iscooterBrandedFooter{
  background:#073f43!important;
  color:#e9faf3!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}
@media(max-width:760px){
  .customerTopV41{padding:8px 12px!important}
  .customerTopV41 .brand.iscooterBrand{width:82px!important}
  .customerMainV41{padding:16px 12px 88px!important}
  .customerMainV41 .heroV41{border-radius:20px!important;padding:20px!important}
  .customerAppV41 .card,
  .customerAppV41 .mapCardV41,
  .customerAppV41 .nextRideV41{border-radius:18px!important}
}


/* V59 — consistent clickable journey navigation */
.customerAppV41 .bottomNavV41 a{
  text-decoration:none!important;
  transition:background .16s ease,color .16s ease,transform .16s ease!important;
}
.customerAppV41 .bottomNavV41 a:hover{
  background:#eef6ea!important;
  color:#0a675f!important;
  transform:translateY(-1px)!important;
}
.customerAppV41 .bottomNavV41 a[aria-current="page"]{
  background:linear-gradient(135deg,#e5f6d6,#d9efc8)!important;
  color:#0a675f!important;
}
.customerAppV41 .bottomNavV41 a:focus-visible{
  outline:3px solid rgba(85,203,170,.34)!important;
  outline-offset:2px!important;
}


/* V60 — journey transition hints */
.customerAppV41 .journeyHintV60{
  margin:10px 0 0!important;
  padding:10px 12px!important;
  border-radius:13px!important;
  background:#eef6ea!important;
  border:1px solid #d6e4d2!important;
  color:#48635f!important;
  font-size:12px!important;
  line-height:1.4!important;
}

/* V63 — visible BidBlitz ID -> Pay -> Lock gate */
.customerAppV41 .unlockGateV63{
  margin-top:14px!important;
  padding:13px!important;
  border:1px solid #d8e3d3!important;
  border-radius:16px!important;
  background:#f7faf2!important;
}
.customerAppV41 .unlockGateRowV63{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:8px 0!important;
  border-bottom:1px solid #e4eadf!important;
  color:#36524e!important;
}
.customerAppV41 .unlockGateRowV63:last-of-type{border-bottom:0!important}
.customerAppV41 .unlockGateRowV63 strong{color:#0a675f!important}
.customerAppV41 #unlockGateNoteV63{
  margin:8px 0 0!important;
  font-size:12px!important;
  line-height:1.45!important;
  color:#5f7471!important;
}

/* V66 — provider integration status */
.customerAppV41 .providerStatusV66{
  margin-top:12px!important;
  padding:13px!important;
  border:1px solid #d8e3d3!important;
  border-radius:16px!important;
  background:#fffdf8!important;
}
.customerAppV41 .providerStatusV66>div{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:8px 0!important;
  border-bottom:1px solid #e7ece4!important;
  color:#36524e!important;
}
.customerAppV41 .providerStatusV66>div:last-of-type{border-bottom:0!important}
.customerAppV41 .providerStatusV66 strong{color:#0a675f!important}
.customerAppV41 #providerNoteV66{margin:8px 0 0!important;font-size:12px!important;color:#607571!important}

/* V69 — visible final unlock gate */
.customerAppV41 .physicalUnlockV69{
  width:100%!important;
  margin-top:10px!important;
  min-height:48px!important;
  border:1px solid #e3c8c8!important;
  border-radius:15px!important;
  background:#f7eded!important;
  color:#8a3e3e!important;
  font-weight:900!important;
}
.customerAppV41 .physicalUnlockV69.ready{
  background:linear-gradient(135deg,#0b5f5a,#0b7b6c)!important;
  color:#fff!important;
  border-color:#0b6a61!important;
}
.customerAppV41 .statusOkV69{color:#0a675f!important}
.customerAppV41 .statusBlockedV69{color:#8a5a3e!important}