#menuUsuarios[hidden], .login-card [hidden] { display: none !important; }
.login-acoes { display: flex; flex-direction: column; gap: 12px; margin-top: 20px; }
.login-acoes button { background: transparent; border: 0; color: #174975; cursor: pointer; font: inherit; text-decoration: underline; }
.login-card form h2 { font-size: 20px; color: #163454; margin-bottom: 16px; }
.login-card form .botao-principal { width: 100%; margin-top: 16px; }
.login-card .login-mensagem { display: block; margin-top: 16px; }
#telaUsuarios { width: 100%; min-width: 0; }
#telaUsuarios h2, #telaUsuarios h3 { color: #163454; margin-bottom: 18px; }
#formAutorizarUsuarios { padding: 24px; border: 1px solid #dce4ee; border-radius: 14px; background: white; margin: 20px 0; }
#emailsAutorizados { display: block; box-sizing: border-box; width: 100%; resize: vertical; padding: 12px; border: 1px solid #bac9d9; border-radius: 8px; font: inherit; margin: 8px 0; }
#telaUsuarios p { margin: 8px 0; line-height: 1.5; overflow-wrap: anywhere; }
#statusUsuarios { color: #163454; }
.usuarios-cabecalho, .usuario-autorizado { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.usuario-autorizado { padding: 18px; background: white; border: 1px solid #dce4ee; border-radius: 12px; margin-top: 12px; }
.usuario-autorizado > div { min-width: 0; overflow-wrap: anywhere; }
.usuario-autorizado small { color: #52647a; }
@media(max-width:600px) { .usuarios-cabecalho, .usuario-autorizado { align-items: stretch; flex-direction: column; } #formAutorizarUsuarios { padding: 16px; } }