/* Recodet V74 — onboarding team arrow picker + dock overlap fix */
#viewTeamPicker.onboardingScreen,
#viewPrefs.onboardingScreen,
#viewSubscription.onboardingScreen,
#viewLogin.onboardingScreen,
#viewOtp.onboardingScreen{
  padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))!important;
}

body.v74OnboardingActive #quickModuleDock,
body.v74OnboardingActive #bottomBar,
body.v74OnboardingActive #switchModeFab{
  display:none!important;
}
body.v74OnboardingActive main,
body.v74OnboardingActive .main{
  padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))!important;
}

.v74TeamCard{overflow:visible!important}
.v74TeamArrowPicker{
  display:grid;
  grid-template-columns:52px minmax(0,1fr) 52px;
  align-items:center;
  gap:9px;
  margin-top:16px;
}
.v74TeamArrow{
  width:52px;
  height:68px;
  border-radius:18px;
  border:1px solid rgba(212,175,55,.46);
  background:linear-gradient(180deg,#17130c,#0b0906);
  color:#f3d66f;
  display:grid;
  place-items:center;
  font-size:38px;
  line-height:1;
  font-weight:300;
  box-shadow:0 8px 22px rgba(0,0,0,.14);
  touch-action:manipulation;
}
.v74TeamArrow:active{transform:scale(.96);background:#211a0c}
.v74TeamArrow:focus-visible{outline:2px solid #f1ce5b;outline-offset:2px}
.v74SelectedTeam{
  margin-top:0!important;
  min-height:102px;
  grid-template-columns:66px minmax(0,1fr) 26px!important;
  gap:11px!important;
  padding:13px 12px!important;
  box-shadow:0 12px 26px rgba(0,0,0,.10);
}
.v74SelectedTeam .v72SelectedBadge{width:66px;height:66px;border-radius:19px}
.v74SelectedTeam .v72SelectedBadge img{width:56px;height:56px}
.v74SelectedTeam .v72SelectedCopy strong{font-size:20px}
.v74SelectedTeam .v72SelectedCopy small{font-size:9px}
.v74SelectedTeam .v72SelectedCopy em{font-size:11px}
.v74TeamPickerMeta{
  min-height:28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:7px 61px 0;
  color:#8f866f;
  font-size:10px;
}
.v74TeamPickerMeta b{color:#cda934;font-size:11px;letter-spacing:.04em;white-space:nowrap}
.v74TeamContinue{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  margin-top:16px!important;
  margin-bottom:0!important;
  min-height:54px!important;
}

@media(max-width:430px){
  .v74TeamCard{padding:15px!important}
  .v74TeamArrowPicker{grid-template-columns:46px minmax(0,1fr) 46px;gap:7px}
  .v74TeamArrow{width:46px;height:64px;border-radius:16px;font-size:34px}
  .v74SelectedTeam{min-height:96px;grid-template-columns:58px minmax(0,1fr) 24px!important;padding:11px 9px!important;gap:8px!important}
  .v74SelectedTeam .v72SelectedBadge{width:58px;height:58px;border-radius:17px}
  .v74SelectedTeam .v72SelectedBadge img{width:49px;height:49px}
  .v74SelectedTeam .v72SelectedCopy strong{font-size:17px}
  .v74TeamPickerMeta{padding-left:53px;padding-right:53px}
}

@media(max-width:350px){
  .v74TeamArrowPicker{grid-template-columns:42px minmax(0,1fr) 42px;gap:5px}
  .v74TeamArrow{width:42px;height:58px;font-size:31px}
  .v74SelectedTeam{grid-template-columns:50px minmax(0,1fr)!important}
  .v74SelectedTeam .v72SelectedBadge{width:50px;height:50px}
  .v74SelectedTeam .v72SelectedBadge img{width:43px;height:43px}
  .v74SelectedTeam .v72SelectedCheck{display:none}
  .v74TeamPickerMeta{padding-left:47px;padding-right:47px}
}


/* REC0DET V243 — premium compact Team onboarding. */
body:has(#viewTeamPicker:not(.hidden)) .topbar,
body:has(#viewTeamPicker:not(.hidden)) .appSidebar,
body:has(#viewTeamPicker:not(.hidden)) .quickModuleDock,
body:has(#viewTeamPicker:not(.hidden)) #bottomBar,
body:has(#viewTeamPicker:not(.hidden)) #switchModeFab,
body:has(#viewTeamPicker:not(.hidden)) #pageTitle{
  display:none!important;
}

body:has(#viewTeamPicker:not(.hidden)) .content{
  min-height:100dvh!important;
  margin-left:0!important;
  padding:
    max(9px,env(safe-area-inset-top))
    10px
    max(12px,env(safe-area-inset-bottom))!important;
  display:grid!important;
  align-content:center!important;
  overflow:hidden!important;
}

#viewTeamPicker.onboardingScreen{
  width:min(100%,460px)!important;
  margin:0 auto!important;
  padding:0!important;
}

#viewTeamPicker .v74TeamCard{
  width:100%!important;
  margin:0!important;
  padding:16px!important;
  overflow:hidden!important;
  border:1px solid rgba(212,175,55,.20)!important;
  border-radius:22px!important;
  background:
    radial-gradient(100% 58% at 50% -10%,rgba(212,175,55,.08),transparent 64%),
    linear-gradient(180deg,#121009,#080807 78%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,244,204,.035),
    0 20px 46px rgba(0,0,0,.34)!important;
}

/* Heading is enough; remove setup/progress noise. */
#viewTeamPicker .startupProgress{
  display:none!important;
}

#viewTeamPicker .startupHeading{
  margin:0 0 13px!important;
  gap:4px!important;
}

#viewTeamPicker .startupHeading strong{
  color:#fffaf0!important;
  font-size:24px!important;
  font-weight:900!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
}

#viewTeamPicker .startupHeading small{
  color:#9d9585!important;
  font-size:12.5px!important;
  line-height:1.3!important;
}

/* Location shortcut */
#viewTeamPicker .v72LocationButton{
  min-height:50px!important;
  margin:0!important;
  padding:7px 10px!important;
  grid-template-columns:38px minmax(0,1fr) 18px!important;
  gap:9px!important;
  border:1px solid rgba(212,175,55,.20)!important;
  border-radius:14px!important;
  color:#f6e8b3!important;
  background:#0d0c09!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}

#viewTeamPicker .v72LocationIcon{
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  background:rgba(212,175,55,.09)!important;
  color:#e6c65d!important;
  font-size:20px!important;
}

#viewTeamPicker .v72LocationButton strong{
  font-size:12.5px!important;
  font-weight:900!important;
}

#viewTeamPicker .v72LocationButton small{
  color:#8f8778!important;
  font-size:10.5px!important;
}

#viewTeamPicker .v72LocationButton>b{
  color:#e2c35e!important;
  font-size:22px!important;
}

#viewTeamPicker .v72LocationStatus{
  min-height:0!important;
  margin:4px 2px 0!important;
  font-size:10px!important;
  line-height:1.25!important;
}
#viewTeamPicker .v72LocationStatus:empty{
  display:none!important;
}

/* Team selector */
#viewTeamPicker .v74TeamArrowPicker{
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  gap:7px!important;
  margin-top:12px!important;
}

#viewTeamPicker .v74TeamArrow{
  width:42px!important;
  height:60px!important;
  border-radius:14px!important;
  border:1px solid rgba(212,175,55,.28)!important;
  color:#e7c65e!important;
  background:linear-gradient(180deg,#15120c,#0a0907)!important;
  box-shadow:none!important;
  font-size:31px!important;
}

#viewTeamPicker .v74SelectedTeam{
  min-height:84px!important;
  grid-template-columns:54px minmax(0,1fr) 24px!important;
  gap:9px!important;
  padding:10px!important;
  border:1px solid rgba(212,175,55,.24)!important;
  border-radius:17px!important;
  color:#f7f1df!important;
  background:
    linear-gradient(180deg,rgba(212,175,55,.055),rgba(212,175,55,.02)),
    #0d0c09!important;
  box-shadow:inset 0 1px 0 rgba(255,244,204,.025)!important;
}

#viewTeamPicker .v74SelectedTeam .v72SelectedBadge{
  width:54px!important;
  height:54px!important;
  border-radius:16px!important;
  background:#11100c!important;
  border:1px solid rgba(212,175,55,.24)!important;
}

#viewTeamPicker .v74SelectedTeam .v72SelectedBadge img{
  width:47px!important;
  height:47px!important;
}

#viewTeamPicker .v74SelectedTeam .v72SelectedCopy{
  gap:1px!important;
}

#viewTeamPicker .v74SelectedTeam .v72SelectedCopy small{
  color:#a89355!important;
  font-size:8.5px!important;
  font-weight:850!important;
  letter-spacing:.1em!important;
}

#viewTeamPicker .v74SelectedTeam .v72SelectedCopy strong{
  color:#fffaf0!important;
  font-size:18px!important;
  font-weight:900!important;
}

#viewTeamPicker .v74SelectedTeam .v72SelectedCopy em{
  color:#989080!important;
  font-size:10.5px!important;
}

#viewTeamPicker .v72SelectedCheck{
  width:22px!important;
  height:22px!important;
  background:#d4af37!important;
  color:#111008!important;
  font-size:12px!important;
}

#viewTeamPicker .v74TeamPickerMeta{
  min-height:22px!important;
  padding:6px 49px 0!important;
  color:#817969!important;
  font-size:9.5px!important;
}

#viewTeamPicker .v74TeamPickerMeta b{
  color:#cda934!important;
  font-size:10.5px!important;
}

/* Primary action */
#viewTeamPicker .v74TeamContinue{
  min-height:46px!important;
  margin-top:11px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,236,164,.18)!important;
  background:linear-gradient(135deg,#efd05f,#d2a126 68%,#bd8c17)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    0 9px 20px rgba(151,105,10,.14)!important;
  color:#110e07!important;
  font-size:13.5px!important;
  font-weight:950!important;
}

#viewTeamPicker .startupFootnote{
  margin-top:7px!important;
  color:#746d61!important;
  font-size:9.5px!important;
}

@media(max-width:430px){
  #viewTeamPicker .v74TeamCard{
    padding:14px 13px 12px!important;
    border-radius:20px!important;
  }

  #viewTeamPicker .startupHeading strong{
    font-size:22px!important;
  }

  #viewTeamPicker .v74TeamArrowPicker{
    grid-template-columns:38px minmax(0,1fr) 38px!important;
    gap:6px!important;
  }

  #viewTeamPicker .v74TeamArrow{
    width:38px!important;
    height:56px!important;
    font-size:28px!important;
  }

  #viewTeamPicker .v74SelectedTeam{
    min-height:78px!important;
    grid-template-columns:48px minmax(0,1fr) 22px!important;
    padding:8px!important;
  }

  #viewTeamPicker .v74SelectedTeam .v72SelectedBadge{
    width:48px!important;
    height:48px!important;
    border-radius:14px!important;
  }

  #viewTeamPicker .v74SelectedTeam .v72SelectedBadge img{
    width:42px!important;
    height:42px!important;
  }

  #viewTeamPicker .v74SelectedTeam .v72SelectedCopy strong{
    font-size:17px!important;
  }

  #viewTeamPicker .v74TeamPickerMeta{
    padding-left:44px!important;
    padding-right:44px!important;
  }
}

@media(max-height:700px){
  #viewTeamPicker .v74TeamCard{
    padding-top:11px!important;
    padding-bottom:10px!important;
  }

  #viewTeamPicker .startupHeading{
    margin-bottom:9px!important;
  }

  #viewTeamPicker .startupHeading small{
    display:none!important;
  }

  #viewTeamPicker .v74TeamArrowPicker{
    margin-top:8px!important;
  }

  #viewTeamPicker .v74TeamContinue{
    margin-top:8px!important;
    min-height:43px!important;
  }

  #viewTeamPicker .startupFootnote{
    margin-top:5px!important;
  }
}