/* v665: topo alinhado ao restante da Central MAQ, preservando os quatro blocos */
@media screen {html body:has(main.login){justify-content:flex-start!important;align-items:center!important;padding-top:8px!important} html body:has(main.login) main.login{margin-top:0!important;align-self:center!important}}
/* v664: quatro blocos reais no login, com intervalo de 8 px */
@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:center!important;gap:8px!important;min-height:100dvh!important;padding:12px 14px!important;background:#e4e9ef!important}
main.login{display:flex!important;flex-direction:column!important;gap:8px!important;flex:0 0 auto!important;box-sizing:border-box!important;width:100%!important;max-width:430px!important;margin:0 auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
main.login>.login-block{display:block!important;box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;border:1px solid #b8c4d0!important;border-radius:14px!important;background:#fbfcfd!important;padding:12px!important;box-shadow:0 2px 7px #26364814!important}
main.login>.login-header{background:linear-gradient(105deg,#f47b20,#ff9447)!important;border-color:#e7781e!important;color:#fff!important;padding:13px!important}
main.login>.login-header .brand{margin:0!important;align-items:center!important}
main.login>.login-header .mark{background:#fff!important;color:#f47b20!important}
main.login>.login-header .brand b{font-size:22px!important;color:#fff!important}
main.login>.login-header .brand small{font-size:18px!important;color:#fff!important}
main.login>.login-roles .role-title{display:none!important}
main.login>.login-roles .roles{gap:8px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
main.login>.login-roles .role{min-height:62px!important;padding:8px!important}
main.login>.login-roles .role span{display:none!important}
main.login>.login-roles .role b{font-size:18px!important;line-height:1.12!important}
main.login>.login-actions{padding:8px 12px!important}
main.login>.login-actions #sub{display:none!important}
main.login>.login-actions .google{font-size:18px!important;margin:0!important;min-height:46px!important}
main.login>.login-fields{padding:10px 12px 12px!important}
main.login>.login-fields .divider{display:none!important}
main.login>.login-fields #form>div{margin-top:8px!important}
main.login>.login-fields label{font-size:18px!important}
main.login>.login-fields input{font-size:18px!important;min-height:44px!important;min-width:0!important}
main.login>.login-fields .password-field{display:flex!important;gap:8px!important;min-width:0!important}
main.login>.login-fields .password-field input{flex:1 1 auto!important;width:0!important}
main.login>.login-fields .password-toggle{flex:0 0 auto!important;font-size:18px!important}
main.login>.login-fields .field-help{display:none!important}
main.login>.login-fields #submit{margin-top:10px!important;font-size:20px!important}
main.login>.login-fields #msg:empty{display:none!important}
body>#maq-universal-version-footer{display:block!important;flex:0 0 auto!important;width:100%!important;max-width:430px!important;margin:0 auto!important;padding:4px 0!important;text-align:center!important;font-size:16px!important}
@media(max-width:430px){main.login>.login-block{padding:10px!important}main.login>.login-header{padding:12px!important}}
}