/* AD.SPECT — peças de login que aparecem no MAPA (menu do usuário, aviso de falha).
   Independente do style.css, para poder ser instalado em qualquer versão do mapa. */
[hidden] { display: none !important; }
html.checking body { visibility: hidden; }

#user-menu { display: flex; align-items: center; gap: 14px; white-space: nowrap; font-size: 12px; margin-left: auto; }
#user-menu.hidden { display: none; }
.user-menu-name { color: #a4a39a; max-width: 180px; overflow: hidden; text-overflow: ellipsis; }
.user-menu-link { color: #dcdcd8; text-decoration: none; }
.user-menu-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.user-menu-link.hidden { display: none; }
.user-menu-btn {
  font-family: inherit; font-size: 12px; color: #dcdcd8; background: transparent;
  border: 1px solid rgba(220, 220, 216, 0.25); border-radius: 16px; padding: 5px 14px; cursor: pointer;
}
.user-menu-btn:hover { border-color: #dcdcd8; }
@media (max-width: 900px) { .user-menu-name { display: none; } }

.auth-down { max-width: 420px; margin: 18vh auto 0; padding: 0 24px; text-align: center; font-family: "Poppins", Arial, sans-serif; color: #1c2023; }
.auth-down h2 { font-size: 20px; font-weight: 600; }
.auth-down p { color: #767a7c; line-height: 1.6; }
.auth-down button { font: inherit; padding: 10px 18px; border-radius: 8px; border: 0; background: #1c2023; color: #dcdcd8; cursor: pointer; }