/* All return/back controls: turquoise in the light theme only. */
html body.light-theme:not(.platform-route):not(.map-theme-lock) #app .page button.detail-back,
html body.light-theme:not(.platform-route):not(.map-theme-lock) #app .page button.event-back,
html body.light-theme:not(.platform-route):not(.map-theme-lock) #app .page button.stock-product-back,
html body.light-theme:not(.platform-route):not(.map-theme-lock) #app .page button.profile-back,
html body.light-theme:not(.platform-route):not(.map-theme-lock) #app .page button.logistics-company-back {
  border-color:#20a99f!important;
  background-color:#159f97!important;
  background-image:linear-gradient(180deg,#24c8bd 0%,#159f97 56%,#0b817b 100%)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 9px 22px rgba(9,126,119,.24)!important;
  text-shadow:0 1px 1px rgba(0,73,69,.24);
}
html body.light-theme:not(.platform-route):not(.map-theme-lock) #app .page button.detail-back:is(:hover,:focus-visible),
html body.light-theme:not(.platform-route):not(.map-theme-lock) #app .page button.event-back:is(:hover,:focus-visible),
html body.light-theme:not(.platform-route):not(.map-theme-lock) #app .page button.stock-product-back:is(:hover,:focus-visible),
html body.light-theme:not(.platform-route):not(.map-theme-lock) #app .page button.profile-back:is(:hover,:focus-visible),
html body.light-theme:not(.platform-route):not(.map-theme-lock) #app .page button.logistics-company-back:is(:hover,:focus-visible) {
  border-color:#118f88!important;
  background-color:#0c8f88!important;
  background-image:linear-gradient(180deg,#1ab8ae 0%,#0c8f88 100%)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 12px 28px rgba(9,126,119,.3)!important;
}


/* Platform hero scroll cue: final cascade guard - text only, no turquoise block. */
html body.platform-route #app .page.home-page .hero > button.platform-scroll-cue,
html body.platform-route #app .page.home-page .hero > button.platform-scroll-cue:hover,
html body.platform-route #app .page.home-page .hero > button.platform-scroll-cue:focus,
html body.platform-route #app .page.home-page .hero > button.platform-scroll-cue:focus-visible,
html body.platform-route #app .page.home-page .hero > button.platform-scroll-cue:active {
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  align-items:center!important;
  gap:12px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  color:#fff!important;
  font-family:'Montserrat','Inter',sans-serif!important;
  font-size:16px!important;
  font-weight:500!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
html body.platform-route #app .page.home-page .hero > button.platform-scroll-cue:hover {
  opacity:1!important;
  transform:translateX(-50%)!important;
}
html body.platform-route #app .page.home-page .hero > button.platform-scroll-cue svg {
  transition:none!important;
  transform:none!important;
}
html body.platform-route #app .page.home-page .hero > button.platform-scroll-cue:hover svg {
  transform:none!important;
}

/* Platform: keep the two section actions without an outer turquoise tray. */
html body.platform-route #app .page.home-page .platform-actions,
html body.platform-route #app .page.home-page .platform-actions:is(:hover,:focus,:focus-within,:active) {
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}