/* Smart Nutrition 8.64 — hotfix contrasto onboarding.
   Ambito isolato: solo la schermata "Creiamo il tuo profilo iniziale". */

#app .login-page > .login-card.onboarding-card{
  position:relative!important;
  isolation:isolate!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)!important;
  gap:44px!important;
  align-items:start!important;
  width:min(1080px,100%)!important;
  padding:48px!important;
  overflow:hidden!important;
  background:#ffffff!important;
  border:1px solid #d8e6f5!important;
  color:#10233f!important;
}

#app .login-page > .login-card.onboarding-card::after{
  content:""!important;
  display:block!important;
  grid-column:2!important;
  grid-row:1 / span 4!important;
  min-height:100%!important;
  border-radius:34px!important;
  background:linear-gradient(145deg,#eff6ff 0%,#e0f2fe 55%,#ecfeff 100%)!important;
  border:1px solid #cfe0f4!important;
  z-index:0!important;
}

#app .onboarding-card > .top-btn{
  z-index:3!important;
  background:#fff4e5!important;
  color:#111827!important;
  border:1px solid #f4c98e!important;
}

#app .onboarding-card > .badge{
  grid-column:1!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:start!important;
  width:max-content!important;
  min-width:0!important;
  height:auto!important;
  margin:52px 0 0!important;
  padding:9px 13px!important;
  color:#164bc5!important;
  background:#eaf2ff!important;
  border:1px solid #9fc2f4!important;
  box-shadow:none!important;
  line-height:1.2!important;
  text-shadow:none!important;
  z-index:2!important;
}

#app .onboarding-card > h1{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  z-index:2!important;
  margin:48px 34px 0!important;
  max-width:470px!important;
  color:#091a3b!important;
  font-size:clamp(42px,5vw,68px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  text-shadow:none!important;
}

#app .onboarding-card #onboardingForm{
  grid-column:1!important;
  grid-row:2!important;
  display:grid!important;
  gap:18px!important;
  margin-top:8px!important;
  z-index:2!important;
}

#app .onboarding-card #onboardingForm label{
  display:grid!important;
  gap:7px!important;
  color:#25435f!important;
  font-size:12px!important;
  line-height:1.25!important;
  letter-spacing:.045em!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
  opacity:1!important;
}

#app .onboarding-card #onboardingForm input,
#app .onboarding-card #onboardingForm select{
  min-height:48px!important;
  width:100%!important;
  color:#0b1f3a!important;
  -webkit-text-fill-color:#0b1f3a!important;
  background:#ffffff!important;
  border:1.5px solid #7fa4cf!important;
  box-shadow:0 2px 0 rgba(15,23,42,.02)!important;
  font-size:15px!important;
  font-weight:800!important;
  opacity:1!important;
}

#app .onboarding-card #onboardingForm select option{
  color:#0b1f3a!important;
  background:#ffffff!important;
}

#app .onboarding-card #onboardingForm input:focus,
#app .onboarding-card #onboardingForm select:focus{
  outline:3px solid rgba(37,99,235,.20)!important;
  border-color:#1d5fd1!important;
}

#app .onboarding-card #onboardingForm .primary{
  min-height:50px!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  background:linear-gradient(90deg,#2466ed,#08abc8)!important;
  box-shadow:0 12px 28px rgba(37,99,235,.22)!important;
  font-size:16px!important;
  opacity:1!important;
}

@media(max-width:900px){
  #app .login-page > .login-card.onboarding-card{
    display:block!important;
    padding:34px 24px!important;
  }
  #app .login-page > .login-card.onboarding-card::after{display:none!important}
  #app .onboarding-card > .badge{margin:42px 0 0!important}
  #app .onboarding-card > h1{
    margin:26px 0 24px!important;
    max-width:650px!important;
    font-size:clamp(38px,11vw,56px)!important;
  }
  #app .onboarding-card #onboardingForm{margin-top:0!important}
}