/* V32: small global Back control on every app page */
.globalBackBtn{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  flex:0 0 34px!important;
  border-radius:11px!important;
  color:#f0c95a!important;
  background:rgba(20,16,8,.92)!important;
  border:1px solid rgba(212,175,55,.28)!important;
  box-shadow:none!important;
}
.globalBackBtn svg{width:18px!important;height:18px!important}
.globalBackBtn.is-root{opacity:.42;cursor:default}
.globalBackBtn:not(.is-root):active{transform:translateX(-1px)}

/* On onboarding pages, keep the clean startup layout and expose only Back. */
body.onboardingActive .topbar{
  display:flex!important;
  position:fixed!important;
  inset:max(8px,env(safe-area-inset-top)) auto auto 8px!important;
  width:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:4px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  z-index:12050!important;
  pointer-events:none;
}
body.onboardingActive .topbar > *:not(.globalBackBtn){display:none!important}
body.onboardingActive .topbar .globalBackBtn{display:grid!important;pointer-events:auto}

@media(max-width:640px){
  .topbar{gap:7px!important}
  .globalBackBtn{width:32px!important;height:32px!important;min-width:32px!important;flex-basis:32px!important;border-radius:10px!important}
  .globalBackBtn svg{width:17px!important;height:17px!important}
}