/* ParentHQ v0.22.36 — mobile invite layout only.
   Functional invite/auth logic remains owned by the frozen v0.22.35 runtime. */
html[data-v02235-invite-pending="true"],
html[data-v02235-invite="true"]{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
html[data-v02235-invite-pending="true"] body,
html[data-v02235-invite="true"] body{
  min-width:0!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}

/* Keep signed-out invite presentation compact even if a mobile browser reports
   a desktop-like CSS viewport. These rules intentionally do not rely on a
   max-width breakpoint. */
html[data-v02235-invite-pending="true"] .brandTop,
html[data-v02235-invite="true"] .brandTop{
  padding:10px 12px 11px!important;
}
html[data-v02235-invite-pending="true"] .brandBar,
html[data-v02235-invite="true"] .brandBar{
  width:100%!important;
  max-width:580px!important;
  min-height:44px!important;
  margin:0 auto!important;
  padding:0!important;
}
html[data-v02235-invite-pending="true"] .brandLockupR10,
html[data-v02235-invite="true"] .brandLockupR10{
  width:174px!important;
  max-width:58vw!important;
  height:auto!important;
}
html[data-v02235-invite-pending="true"] .brandIntro,
html[data-v02235-invite="true"] .brandIntro{
  display:none!important;
}
html[data-v02235-invite-pending="true"] .wrap,
html[data-v02235-invite="true"] .wrap{
  width:100%!important;
  max-width:580px!important;
  margin:0 auto!important;
  padding:10px 12px 36px!important;
  box-sizing:border-box!important;
}
html[data-v02235-invite-pending="true"] #auth.brandAuth,
html[data-v02235-invite="true"] #auth.brandAuth{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:14px!important;
  border-radius:18px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
html[data-v02235-invite-pending="true"] #auth.brandAuth .brandAuthVisual,
html[data-v02235-invite="true"] #auth.brandAuth .brandAuthVisual{
  display:none!important;
}
html[data-v02235-invite="true"] #auth.v02235InviteMode > h1,
html[data-v02235-invite="true"] #auth.v02235InviteMode > h2,
html[data-v02235-invite="true"] #auth.v02235InviteMode > h3{
  margin:0 0 8px!important;
  font-size:21px!important;
  line-height:1.18!important;
  letter-spacing:-.02em!important;
}

/* v0.22.35 deliberately creates an explanatory invite panel. The primary
   heading already supplies the invitation title, so suppress the duplicated
   title inside the panel while retaining the useful description. */
html[data-v02235-invite="true"] #v02235InviteIntro{
  margin:0 0 8px!important;
  padding:9px 11px!important;
  border-radius:12px!important;
  text-align:left!important;
}
html[data-v02235-invite="true"] #v02235InviteIntro b{
  display:none!important;
}
html[data-v02235-invite="true"] #v02235InviteIntro span{
  margin:0!important;
  font-size:12px!important;
  line-height:1.4!important;
}

/* Actual ParentHQ auth field IDs are #email and #password. */
html[data-v02235-invite="true"] #auth.v02235InviteMode #email,
html[data-v02235-invite="true"] #auth.v02235InviteMode #password{
  width:100%!important;
  min-height:48px!important;
  margin:7px 0 0!important;
  padding:12px 13px!important;
  font-size:16px!important;
  line-height:1.25!important;
  border-radius:13px!important;
  box-sizing:border-box!important;
}
html[data-v02235-invite="true"] #auth.v02235InviteMode #createAccount{
  width:100%!important;
  min-height:48px!important;
  margin:8px 0 0!important;
  border-radius:13px!important;
  font-size:14px!important;
}
html[data-v02235-invite="true"] #v02235ExistingWrap{
  margin:11px 0 0!important;
  font-size:11px!important;
}
html[data-v02235-invite="true"] #v02235ExistingWrap span{
  margin-bottom:6px!important;
}
html[data-v02235-invite="true"] #v02235ExistingToggle{
  min-height:44px!important;
  border-radius:13px!important;
}

/* Touch fallback: some Android in-app/custom-tab browsers historically report
   unusual layout widths. Pointer capability gives us a second independent
   mobile signal, while the structural invite rules above still remain safe. */
@media (max-width:760px), (hover:none) and (pointer:coarse){
  html[data-v02235-invite-pending="true"] .brandTop,
  html[data-v02235-invite="true"] .brandTop{
    padding:8px 12px 9px!important;
  }
  html[data-v02235-invite-pending="true"] .brandBar,
  html[data-v02235-invite="true"] .brandBar{
    min-height:42px!important;
  }
  html[data-v02235-invite-pending="true"] .brandLockupR10,
  html[data-v02235-invite="true"] .brandLockupR10{
    width:158px!important;
  }
  html[data-v02235-invite-pending="true"] .wrap,
  html[data-v02235-invite="true"] .wrap{
    padding:8px 10px 28px!important;
  }
  html[data-v02235-invite-pending="true"] #auth.brandAuth,
  html[data-v02235-invite="true"] #auth.brandAuth{
    padding:12px!important;
    border-radius:16px!important;
    box-shadow:0 8px 24px rgba(22,48,82,.07)!important;
  }
  html[data-v02235-invite="true"] #auth.v02235InviteMode > h1,
  html[data-v02235-invite="true"] #auth.v02235InviteMode > h2,
  html[data-v02235-invite="true"] #auth.v02235InviteMode > h3{
    font-size:20px!important;
  }
}