/* Ajuste visual compartilhado das telas de acesso. */
body.auth-body{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;min-height:100svh;padding:80px 24px;position:relative}
.auth-body .auth-header{position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1320px,calc(100% - 48px));margin:0;padding:22px 0;gap:16px}
.auth-body .auth-layout{flex:0 0 auto;width:min(1000px,100%);margin:0 auto;grid-template-columns:43% minmax(0,57%)}
.auth-body .auth-form-area{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:38px 54px}
.auth-body .auth-form-area .input-icon:focus-within{border-color:#0756ff;box-shadow:0 0 0 3px #0756ff1a}
.auth-body .auth-form-area .input-icon input:focus,.auth-body .auth-form-area .input-icon input:focus-visible{outline:none;box-shadow:none}
.auth-body .auth-form-area input:not([type=checkbox]):focus-visible,.auth-body .auth-form-area select:focus-visible,.auth-body .auth-form-area textarea:focus-visible{outline:2px solid #0756ff;outline-offset:2px}
.auth-body .auth-form-area .input-icon input:focus-visible{outline:none}
.auth-body .auth-form-area a:focus-visible,.auth-body .auth-form-area button:focus-visible{outline:2px solid #0756ff;outline-offset:3px}
@media(max-width:1150px){.auth-body .auth-form-area{padding:35px}}
@media(max-width:780px){body.auth-body{padding:70px 16px}.auth-body .auth-header{width:calc(100% - 32px);padding:17px 0}.auth-body .auth-layout{width:min(510px,100%);grid-template-columns:minmax(0,1fr)}.auth-body .auth-form-area{padding:26px}.auth-body .auth-header .preview-link{font-size:10px}}
@media(max-height:600px) and (min-width:781px){body.auth-body{padding-top:70px;padding-bottom:32px}}

/* Mantém o preenchimento automático uniforme, inclusive junto aos ícones. */
.auth-body .auth-form-area .input-icon{background:#fff}
.auth-body .auth-form-area .input-icon input:not([type=checkbox]){min-width:0;flex:1 1 0%;border-radius:0;background:#fff;color:#15345c;caret-color:#15345c}
.auth-body .auth-form-area input:-webkit-autofill,
.auth-body .auth-form-area input:-webkit-autofill:hover,
.auth-body .auth-form-area input:-webkit-autofill:focus,
.auth-body .auth-form-area input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #fff inset!important;box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#15345c!important;caret-color:#15345c}
.auth-body .auth-form-area input:autofill{background:#fff!important;box-shadow:0 0 0 1000px #fff inset!important;color:#15345c!important;caret-color:#15345c}


/* Identifica a tela atual de acesso, preservando os ajustes dos campos. */
.auth-body .auth-tabs{display:flex;gap:8px;padding:6px;background:#f0f5ff;border:1px solid #e0e9fc;border-radius:12px;margin-bottom:24px}
.auth-body .auth-tabs a{flex:1;display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:0;border-radius:8px;text-align:center;text-decoration:none;color:#526b91;font-weight:700}
.auth-body .auth-tabs a:hover{background:#e0eaff;color:#0756ff}
.auth-body .auth-tabs a.active,.auth-body .auth-tabs a[aria-current="page"]{background:#0756ff;color:#fff;box-shadow:0 3px 8px #0756ff26}