/* =========================================================
   MOOV - Login somente Google DIRECT
   Atua direto no #loginView.
   Não altera autenticação, API ou Firebase.
========================================================= */

html.moov-login-direct-active,
body.moov-login-direct-active {
  width: 100% !important;
  height: 100vh !important;
  min-height: 100vh !important;
  max-height: 100vh !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

body.moov-login-direct-active {
  background:
    radial-gradient(circle at 86% 55%, rgba(200, 255, 231, .58), transparent 30%),
    linear-gradient(135deg, #fbf7ff 0%, #f7f3fb 48%, #f1fff8 100%) !important;
}

/* Trava visual da tela de login */
body.moov-login-direct-active #loginView {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-height: 100vh !important;
  overflow: hidden !important;
}

/* Esconde somente o que foi marcado pelo JS */
#loginView [data-moov-login-direct-hide="1"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Slot central do botão Google */
#moovGoogleOnlySlot {
  width: 100% !important;
  margin-top: 34px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

/* Botão Google */
#loginView .moov-google-only-btn {
  width: 100% !important;
  height: 56px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(112, 0, 168, .18) !important;
  background: #ffffff !important;
  color: #191731 !important;
  font-weight: 950 !important;
  font-size: 15px !important;
  box-shadow: 0 14px 30px rgba(31, 27, 54, .08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease !important;
}

#loginView .moov-google-only-btn:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(112, 0, 168, .32) !important;
  box-shadow: 0 18px 36px rgba(31, 27, 54, .12) !important;
}

/* Remove espaços antigos */
body.moov-login-direct-active #authLoginContent form.mi-auth-form {
  gap: 0 !important;
  margin: 0 !important;
}

/* Garante que o painel não crie rolagem */
body.moov-login-direct-active .mi-auth-shell,
body.moov-login-direct-active .mi-auth-card,
body.moov-login-direct-active .mi-auth-form-panel,
body.moov-login-direct-active .mi-auth-visual {
  max-height: 100vh !important;
}

@media (max-height: 760px) {
  #moovGoogleOnlySlot {
    margin-top: 20px !important;
  }

  body.moov-login-direct-active #loginView h1 {
    font-size: 34px !important;
  }
}