/* SGH account screens only. Native forms, provider callbacks and validation remain in place. */
.logincontainer{margin:28px auto 40px!important}
.logincontainer.with-social{max-width:820px}
.logincontainer .sgh-login-actions{display:flex;gap:7px;justify-content:center;align-items:center;flex-wrap:nowrap;margin-top:20px}
.logincontainer .sgh-login-actions .btn{font-size:14px;white-space:nowrap;margin:0;min-width:0;flex:0 1 auto}
.logincontainer .social-signin-btns,#registration .social-signin-btns{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:0;margin:0;max-width:100%}
.logincontainer .providerPreLinking{margin-top:20px}
.logincontainer .social-signin-btns .sgh-google-native,#registration .social-signin-btns .sgh-google-native{display:flex!important;justify-content:center;width:auto!important;max-width:100%;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important;line-height:normal;overflow:visible}
.logincontainer .social-signin-btns .sgh-google-native>div,#registration .social-signin-btns .sgh-google-native>div{max-width:100%}
.logincontainer .social-signin-btns .sgh-google-native iframe,#registration .social-signin-btns .sgh-google-native iframe{max-width:100%}
.logincontainer .sgh-google-error{margin:10px 0 0;text-align:center;color:#a94442}
.logincontainer .sgh-login-actions #login{background:#006b80;border-color:#006b80;border-radius:8px;padding:10px 18px;font-weight:700;box-shadow:0 3px 8px #00536a20}
.logincontainer .sgh-login-actions #login:hover,.logincontainer .sgh-login-actions #login:focus{background:#005366;border-color:#005366}
.logincontainer .sgh-login-actions .btn-default{border-radius:7px;padding:10px 11px}
#registration{min-width:0}
#registration .sgh-registration-guide[hidden]{display:none!important}
#registration .sgh-registration-guide{display:flex;gap:14px;align-items:center;padding:12px 15px;margin:0 0 20px;border:1px solid #d8e8e5;border-radius:12px;background:#f6faf9}
#registration .sgh-progress-ring{--sgh-progress:0%;width:58px;height:58px;flex:0 0 58px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#007087 var(--sgh-progress),#deebe8 0);position:relative;font-size:14px;font-weight:700;color:#00566b}
#registration .sgh-progress-ring:before{content:"";position:absolute;inset:5px;background:#fff;border-radius:50%}
#registration .sgh-progress-ring span{position:relative}
#registration .sgh-guide-content{flex:1;min-width:0}
#registration .sgh-guide-content strong{font-size:15px;color:#23474c}
#registration .sgh-guide-content nav{display:flex;flex-wrap:wrap;gap:7px 13px;margin-top:5px}
#registration .sgh-guide-content a{font-size:12px;color:#4a6268;text-decoration:none;border-radius:4px}
#registration .sgh-guide-content a:before{content:"○";display:inline-block;margin-right:4px}
#registration .sgh-guide-content a.is-complete{color:#168058}
#registration .sgh-guide-content a.is-complete:before{content:"✓"}
#registration .sgh-guide-content a:focus{outline:2px solid #006b80;outline-offset:3px}
#registration .sub-heading,#registration .tospanel{scroll-margin-top:18px}
#registration .tospanel{border-color:#d8e8e5;box-shadow:none;border-radius:8px;margin-top:8px}
#registration .tospanel .panel-body{padding:10px 15px}
#registration .tospanel .checkbox{margin:0;padding-left:20px}
#registration .tospanel .checkbox input{margin-left:-20px}
#registration .intl-tel-input{width:100%;min-width:0}
#registration .intl-tel-input .country-list{width:max-content;min-width:min(440px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:300px;overflow-x:auto;white-space:nowrap;z-index:1050}
#registration .intl-tel-input .country,#registration .intl-tel-input .country-name,#registration .intl-tel-input .dial-code{white-space:nowrap}
#registration .intl-tel-input .country{min-width:100%;width:max-content}
#registration .social-signin-btns{max-width:100%}
#registration .social-signin-btns>*{max-width:100%}
#registration .field,#registration .form-control{max-width:100%}
#registration .marketing-email-optin{border-radius:8px}
#registration input[type=submit]{border-radius:8px;padding:10px 26px;font-weight:700}
@media(max-width:767px){.logincontainer{width:100%!important;padding:0 12px!important}.logincontainer.with-social> .row> .col-sm-5{border-left:0!important;margin-top:14px}#registration .row{margin-left:-8px;margin-right:-8px}#registration .row>[class*=col-]{padding-left:8px;padding-right:8px}#registration .sub-heading{margin-top:14px}#registration .sgh-registration-guide{padding:10px;gap:10px}#registration .sgh-guide-content nav{gap:6px 10px}#registration .sgh-progress-ring{width:52px;height:52px;flex-basis:52px}#registration .marketing-email-optin{padding:12px}.logincontainer .social-signin-btns{max-width:100%;overflow:hidden}}
@media(prefers-reduced-motion:no-preference){#registration .sub-heading{scroll-behavior:smooth}}

@media(max-width:420px){.logincontainer .sgh-login-actions{gap:5px}.logincontainer .sgh-login-actions .btn{font-size:12px;padding:10px 8px}.logincontainer .sgh-login-actions #login{padding:10px 13px}}