/* Google Login staging: intentionally isolated from the existing auth design. */
.hf-google-login-method {margin:0 0 14px}
.hf-google-button {
    display:flex; align-items:center; justify-content:center; gap:13px;
    width:100%; min-height:60px; padding:14px 20px;
    background:#fff; color:#243e49; border:1.5px solid #bcd5de;
    border-radius:12px; font-size:17px; font-weight:700;
    line-height:1.4; text-decoration:none; box-shadow:none;
    transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;
}
.hf-google-button svg {display:block;flex:0 0 22px;width:22px;height:22px}
.hf-google-button:hover,.hf-google-button:focus {
    border-color:#0499ad; background:#fbfeff; box-shadow:0 0 0 3px rgba(0,153,174,.1);
    color:#243e49; text-decoration:none;
}
.hf-google-divider {display:flex;align-items:center;justify-content:center;width:100%;margin:18px 0;text-align:center}
.hf-google-email-toggle {margin-bottom:14px}
.hf-google-register-choice {margin:20px 0 10px}
.hf-google-register-choice .auth-help-text {display:block;margin:10px 3px 0;text-align:center}
.hf-google-register-accordion {border:0;margin-bottom:12px}
.hf-google-register-accordion > summary {
    display:flex; align-items:center; gap:14px; cursor:pointer;
    border:1.5px solid #c8dce1; border-radius:12px;
    padding:15px 20px; font-size:16px; font-weight:700;
    color:#35525c; background:#fff; list-style:none;
}
.hf-google-register-accordion > summary::-webkit-details-marker {display:none}
.hf-google-register-accordion > summary > span {flex:1}
.hf-google-register-accordion > summary:hover,
.hf-google-register-accordion > summary:focus-visible {border-color:#0499ad;outline:none}
.hf-google-register-chevron {transition:transform .15s ease}
.hf-google-register-accordion[open] .hf-google-register-chevron {transform:rotate(180deg)}
.hf-google-register-accordion > .auth-methods {padding-top:23px}
.hf-google-flow .modern-card {max-width:100%;overflow:visible}
.hf-google-flow .auth-fieldset {margin-top:24px}
.hf-google-verified-label {
    font-size:12px; font-weight:700; color:#067d8d; margin-left:8px;
}
.hf-google-flow .auth-help-text {display:block;margin-top:6px}
.hf-google-info {padding:13px 16px;border:1px solid #cde5eb;border-radius:10px;background:#f2fbfd;overflow-wrap:anywhere}
.hf-google-info i {margin-right:9px;color:#078fa5}
@media(max-width:767px) {
    .hf-google-button {min-height:56px;padding:13px 14px;font-size:16px}
    .hf-google-register-accordion > summary {padding:14px 16px}
    .hf-google-flow .modern-card {margin:0}
}

/* Compact Google G beside the connected account title. */
.hf-google-link-title {display:flex;align-items:center;gap:9px;margin-bottom:4px}
.hf-google-link-title svg {display:block;width:20px;height:20px;flex:0 0 20px}

/* Email/password fallback matches the registration accordion on production. */
.hf-google-email-toggle {
    width:100%;display:flex;align-items:center;gap:14px;
    border:1.5px solid #c8dce1;border-radius:12px;
    background:#fff;color:#35525c;padding:15px 20px;
    font-size:16px;font-weight:700;text-align:left;cursor:pointer;
}
.hf-google-email-toggle span {flex:1}
.hf-google-email-toggle:hover,.hf-google-email-toggle:focus-visible {
    border-color:#0499ad;outline:none;
}
.hf-google-email-toggle .auth-email-login-toggle__chevron {
    transition:transform .15s ease;
}
.hf-google-email-toggle.is-open .auth-email-login-toggle__chevron {transform:rotate(180deg)}
#emailLoginPanel:not([hidden]) {margin-top:18px}