/* Login v662: aparência Central MAQ v660, mantendo autenticação intacta */

/* v663 — correção de largura e redução de textos na tela de login */
@media screen{
 html,body{width:100%!important;max-width:100%!important}
 body{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;padding:8px 14px!important}
 main.login{flex:0 0 auto!important;align-self:center!important;min-width:0!important;width:100%!important;max-width:430px!important;margin:0 auto!important}
 #maq-universal-version-footer{position:static!important;flex:0 0 auto!important;align-self:center!important;max-width:430px!important;width:100%!important;margin:0 auto!important;padding:3px 2px!important;font-size:16px!important}
 .login .roles{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .login .role{min-width:0!important;min-height:56px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
 .login .role b{font-size:18px!important;overflow-wrap:normal!important;word-break:normal!important}
 .login .role span,.login .field-help{display:none!important}
 .login #sub{display:none!important}
 .login .role-title{font-size:20px!important;margin:10px 0 8px!important}
 .login .password-field input{flex:1 1 0!important;width:1%!important;min-width:0!important}
 .login .password-toggle{flex:0 0 auto!important;width:auto!important}
 .login .google{font-size:18px!important;text-align:center!important}
}
@media screen{
 body{background:#e4e9ef!important;padding:8px 14px!important;min-height:100dvh!important;display:flex!important;align-items:flex-start!important;justify-content:center!important}
 .login{width:100%!important;max-width:430px!important;margin:0 auto!important;padding:16px!important;border:1px solid #b8c4d0!important;border-top:5px solid #f47b20!important;border-radius:14px!important;background:#fbfcfd!important;box-shadow:0 3px 9px #26364816!important}
 .brand{gap:8px!important;margin-bottom:8px!important}
 .mark{width:44px!important;height:44px!important;flex:0 0 44px!important;font-size:22px!important;background:#fff1e5!important;border-radius:12px!important}
 .brand b{font-size:22px!important;line-height:1.12!important}
 .brand small{font-size:16px!important}
 .role-title{margin:10px 0 8px!important;font-size:20px!important}
 .roles{gap:8px!important}
 .role{padding:10px!important;min-height:74px!important;border:1px solid #b8c4d0!important;background:#e3eaf1!important;border-radius:12px!important}
 .role.active{border:2px solid #f47b20!important;background:#fff3e9!important}
 .role b{font-size:18px!important;line-height:1.12!important}
 .role span{font-size:15px!important;line-height:1.15!important;margin-top:6px!important}
 #sub{font-size:16px!important;line-height:1.2!important;margin:10px 0!important;color:#57677b!important}
 .google{margin:8px 0!important;min-height:44px!important;border-radius:12px!important;font-size:18px!important;border-color:#b8c4d0!important}
 .divider{font-size:16px!important;margin:7px 0!important}
 #form>div{margin-top:8px!important}
 label{font-size:18px!important;margin-bottom:5px!important}
 input{min-height:44px!important;border-radius:12px!important;font-size:18px!important;border-color:#b8c4d0!important}
 .password-field{gap:8px!important}
 .password-toggle{min-height:44px!important;font-size:18px!important;padding:0 10px!important;background:#e3eaf1!important}
 .field-help{font-size:15px!important;line-height:1.18!important;margin:6px 0 0!important}
 #submit{font-size:20px!important;min-height:46px!important;margin-top:10px!important;border-radius:12px!important}
 .alt{font-size:18px!important}
 .msg,.notice{font-size:16px!important}
 .msg:empty{display:none!important}
 :where(input,button,a):focus-visible{outline:2px solid #a64600!important;outline-offset:2px!important}
}
@media(max-width:430px){
 body{padding:8px 14px!important}
 .login{padding:14px!important}
 .role{padding:8px!important}
 .role b{font-size:18px!important}
}
@media(max-height:760px){.login{padding:12px!important}.role-title{margin:8px 0!important}.brand{margin-bottom:5px!important}}