/* Handy Helper — Unified Authentication R5 / Batch 1
   Loads after Auth R2 + Seamless Shell R4. Provider identity is accurate;
   the surrounding interaction remains native to the current Handy Helper shell. */
:root{
  --hh-r5-navy:var(--navy,#082d49);
  --hh-r5-blue:var(--blue,#0076be);
  --hh-r5-line:#d9e2e8;
  --hh-r5-muted:#687b89;
}
.hh-auth-r5-provider-intro{margin:1px 0 9px;color:#53697a;font-size:11px;font-weight:850;letter-spacing:.01em}
.hh-auth-r2-providers.hh-auth-r5-none{display:none!important}
.hh-auth-r2-provider.hh-auth-r5-provider{
  position:relative!important;justify-content:flex-start!important;gap:12px!important;
  height:50px!important;min-height:50px!important;padding:0 16px!important;border-radius:12px!important;
  font-family:inherit!important;font-size:13.5px!important;font-weight:800!important;letter-spacing:0!important;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease!important
}
.hh-auth-r2-provider.hh-auth-r5-provider[hidden]{display:none!important}
.hh-auth-r5-provider-mark{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;border-radius:6px;overflow:visible}
.hh-auth-r5-svg{display:block;width:20px;height:20px;max-width:100%;max-height:100%}
.hh-auth-r5-provider-copy{display:block;flex:1;text-align:center;padding-right:36px;white-space:nowrap}
.hh-auth-r5-provider-google{background:#fff!important;border:1px solid #747775!important;color:#1f1f1f!important;box-shadow:none!important}
.hh-auth-r5-provider-google:hover{background:#f8faff!important;box-shadow:0 3px 10px rgba(60,64,67,.12)!important}
.hh-auth-r5-provider-apple{background:#000!important;border:1px solid #000!important;color:#fff!important;box-shadow:none!important}
.hh-auth-r5-provider-apple:hover{background:#1a1a1a!important;border-color:#1a1a1a!important}
.hh-auth-r5-apple-svg{width:18px;height:22px}
.hh-auth-r5-provider-facebook{background:#fff!important;border:1px solid #ccd8e6!important;color:#17233a!important}
.hh-auth-r5-facebook{color:#1877f2;background:#1877f2;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;overflow:hidden}
.hh-auth-r5-facebook-svg{color:#fff;width:10px;height:17px;margin-top:3px}
.hh-auth-r5-provider-facebook:hover{background:#f7faff!important;border-color:#aebfd4!important}
.hh-auth-r5-provider-microsoft{background:#fff!important;border:1px solid #8c8c8c!important;color:#2f2f2f!important;box-shadow:none!important}
.hh-auth-r5-provider-microsoft:hover{background:#f7f7f7!important}
.hh-auth-r5-email{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;padding:0 16px!important;text-align:left!important}
.hh-auth-r5-email>span:last-child{flex:1;text-align:center;padding-right:36px}
.hh-auth-r5-email-mark{color:var(--hh-r5-navy);background:#eef5f9;border:1px solid #d4e3eb}
.hh-auth-r5-security-row .hh-auth-r5-provider-mark{width:34px;height:34px;flex-basis:34px;border-radius:9px;background:#fff;border:1px solid #e2e7ea}
.hh-auth-r5-security-row .hh-auth-r5-google .hh-auth-r5-svg,.hh-auth-r5-security-row .hh-auth-r5-microsoft .hh-auth-r5-svg{width:20px;height:20px}
.hh-auth-r5-security-row .hh-auth-r5-apple{background:#000;color:#fff;border-color:#000}
.hh-auth-r5-security-row .hh-auth-r5-facebook{background:#1877f2;border-color:#1877f2}
.hh-auth-r2-divider{color:#84929c!important}
.hh-auth-r2-foot{max-width:390px;margin-left:auto!important;margin-right:auto!important}
.hh-auth-r2-note{border-color:#e5e9e5!important;background:#fbfcfa!important}
@media(max-width:700px){
  .hh-auth-r2-provider.hh-auth-r5-provider{height:49px!important;min-height:49px!important}
  .hh-auth-r5-provider-copy,.hh-auth-r5-email>span:last-child{padding-right:32px}
}
@media(max-width:370px){
  .hh-auth-r2-provider.hh-auth-r5-provider{padding:0 13px!important;font-size:13px!important}
  .hh-auth-r5-provider-copy,.hh-auth-r5-email>span:last-child{padding-right:24px}
}