.sb-login-modal{position:fixed;inset:0;width:min(560px,calc(100vw - 32px));height:min(760px,calc(100dvh - 40px));max-width:none;max-height:none;margin:auto;padding:0;border:0;border-radius:20px;background:#fff;box-shadow:0 20px 80px #0003;overflow:hidden}
.sb-login-modal::backdrop{background:rgb(0 0 0 / 42%)}
.sb-login-modal iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.sb-login-modal-close{position:absolute;z-index:2;right:12px;top:12px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#f4f4f4;color:#333;font:28px/1 Arial;cursor:pointer}
.sb-login-modal-close:focus-visible{outline:2px solid #1773ff;outline-offset:2px}
html.sb-login-modal-open{overflow:hidden}
body.sb-login-embedded .sb-header-reference,body.sb-login-embedded .sb-footer,body.sb-login-embedded #wpadminbar{display:none!important}
body.sb-login-embedded main{min-height:0!important;padding:0 28px!important}
body.sb-login-embedded main .woocommerce{min-height:0;padding:60px 0 32px}
@media(max-width:600px){.sb-login-modal{width:calc(100vw - 20px);height:calc(100dvh - 24px);border-radius:16px}body.sb-login-embedded main{padding-inline:22px!important}}
/* Rolagem discreta no conteúdo do popup, sem sobrepor o fechamento. */
.sb-login-modal-close{right:18px;top:12px}
html:has(body.sb-login-embedded){scrollbar-width:thin;scrollbar-color:#c8c8c8 transparent}
html:has(body.sb-login-embedded)::-webkit-scrollbar{width:6px}
html:has(body.sb-login-embedded)::-webkit-scrollbar-track{background:transparent}
html:has(body.sb-login-embedded)::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:8px}
html:has(body.sb-login-embedded)::-webkit-scrollbar-button{display:none;height:0}
body.sb-login-embedded{margin:0;min-height:0}
/* Mantém as extremidades da rolagem dentro dos cantos arredondados. */
.sb-login-modal iframe{width:calc(100% - 12px);height:calc(100% - 40px);margin:20px 6px}
html:has(body.sb-login-embedded){scrollbar-width:auto}
html:has(body.sb-login-embedded)::-webkit-scrollbar{width:12px}
html:has(body.sb-login-embedded)::-webkit-scrollbar-thumb{border:3px solid #fff;background-clip:padding-box}
html:has(body.sb-login-embedded)::-webkit-scrollbar-button:single-button{display:block;height:14px;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:8px 5px}
html:has(body.sb-login-embedded)::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M1 4 4 1 7 4' fill='none' stroke='%23777' stroke-width='1.4'/%3E%3C/svg%3E")}
html:has(body.sb-login-embedded)::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='m1 1 3 3 3-3' fill='none' stroke='%23777' stroke-width='1.4'/%3E%3C/svg%3E")}
body.sb-login-embedded main .woocommerce{padding-top:40px;padding-bottom:12px}
/* Escala compacta para visualização do navegador em 100%. */
.sb-login-modal{width:min(504px,calc(100vw - 32px));height:min(684px,calc(100dvh - 40px));border-radius:18px}
.sb-login-modal-close{width:32px;height:32px;font-size:25px}
body.sb-login-embedded main{padding-inline:25px!important}
body.sb-login-embedded main .woocommerce{padding-top:34px}
body.sb-login-embedded main .woocommerce>h2{font-size:24px;margin-bottom:21px}
body.sb-login-embedded main .woocommerce>h2:after,body.sb-login-embedded #customer_login .col-1>h2:after{font-size:14px;margin-top:7px}
body.sb-login-embedded .woocommerce form label{font-size:14px;margin-bottom:7px}
body.sb-login-embedded .woocommerce form input.input-text{min-height:52px;padding:11px 14px;font-size:14px;border-radius:12px}
body.sb-login-embedded .woocommerce form .form-row{margin-bottom:18px}
body.sb-login-embedded .woocommerce form.login>.woocommerce-LostPassword{font-size:13px;margin-top:-11px;margin-bottom:18px}
body.sb-login-embedded .nsl-container .nsl-button{min-height:52px;border-radius:12px!important}
body.sb-login-embedded .nsl-container .nsl-button-label-container{font-size:14px!important}
body.sb-login-embedded .nsl-container .nsl-button-google .nsl-button-svg-container,body.sb-login-embedded .nsl-container .nsl-button-google .nsl-button-svg-container svg{width:23px!important;height:23px!important}
body.sb-login-embedded .nsl-container .nsl-button-google .nsl-button-svg-container{flex-basis:23px!important}
body.sb-login-embedded .nsl-container .nsl-button-google{gap:12px}
body.sb-login-embedded main .woocommerce>.sunbras-google-login{margin-bottom:21px!important;padding-bottom:21px}
body.sb-login-embedded .woocommerce form .woocommerce-form-login__submit{min-height:50px;font-size:14px!important;margin-top:16px;border-radius:11px!important;padding:12px 21px!important}
body.sb-login-embedded main .woocommerce>.sb-login-privacy{font-size:14px;margin-top:56px;padding-top:16px}
@media(max-width:600px){.sb-login-modal{width:calc(100vw - 20px);height:min(684px,calc(100dvh - 24px));border-radius:16px}body.sb-login-embedded main{padding-inline:20px!important}}
/* Ajuste fino da escala e fundo branco no preenchimento automático. */
.sb-login-modal{width:min(484px,calc(100vw - 32px));height:min(658px,calc(100dvh - 40px))}
body.sb-login-embedded main .woocommerce>h2{font-size:23px}
body.sb-login-embedded .woocommerce form input.input-text{min-height:49px;padding:10px 13px;font-size:14px;background:#fff!important}
body.sb-login-embedded .woocommerce form .form-row{margin-bottom:16px}
body.sb-login-embedded .nsl-container .nsl-button{min-height:49px}
body.sb-login-embedded main .woocommerce>.sunbras-google-login{margin-bottom:19px!important;padding-bottom:19px}
body.sb-login-embedded .woocommerce form .woocommerce-form-login__submit{min-height:48px}
body.sb-login-embedded main .woocommerce>.sb-login-privacy{margin-top:48px}
.sb-account-access .woocommerce form input.input-text:-webkit-autofill,.sb-account-access .woocommerce form input.input-text:-webkit-autofill:hover,.sb-account-access .woocommerce form input.input-text:-webkit-autofill:focus{ -webkit-box-shadow:0 0 0 1000px #fff inset!important;box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#191919!important;caret-color:#191919}
.sb-account-access .woocommerce form input.input-text:autofill{background:#fff!important;box-shadow:0 0 0 1000px #fff inset!important;color:#191919!important}
@media(max-width:600px){.sb-login-modal{width:calc(100vw - 20px);height:min(658px,calc(100dvh - 24px))}}
/* Elementos mais baixos e separador entre Google e acesso por senha. */
body.sb-login-embedded .woocommerce form input.input-text{min-height:45px;padding-block:8px}
body.sb-login-embedded .nsl-container .nsl-button{min-height:45px}
body.sb-login-embedded .woocommerce form .woocommerce-form-login__submit{min-height:44px!important;padding-block:10px!important}
body.sb-login-embedded .woocommerce form .form-row{margin-bottom:14px}
.sb-account-access main .woocommerce>.sunbras-google-login{position:relative;border-bottom:0;padding-bottom:32px!important;margin-bottom:12px!important}
.sb-account-access main .woocommerce>.sunbras-google-login:after{content:'OU';position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:20px;background:linear-gradient(#dedede,#dedede) left center/calc(50% - 24px) 1px no-repeat,linear-gradient(#dedede,#dedede) right center/calc(50% - 24px) 1px no-repeat;color:#777;font:400 12px/20px Arial,sans-serif}

/* Aproxima a privacidade da ação de acesso no popup. */
html body.sb-login-embedded main .woocommerce>.sb-login-privacy{margin-top:16px!important;padding-top:0!important;margin-bottom:10px!important}
