/* ════════════════════════════════════════════════════════════════════════════
   Modern Login Screen — Beige/Gold (alinhado ao protótipo login_final.png)
   Background bege com linhas decorativas, fontes marrom escuro,
   ícones outline, card com borda dourada arredondada.
   ════════════════════════════════════════════════════════════════════════════ */

:root {
  --mlg-gold-primary: #C5A059;
  --mlg-gold-dark:    #A37E3B;
  --mlg-gold-light:   #E8D9B8;
  --mlg-gold-soft:    #F2E5BF;
  --mlg-bg-beige:     #F4EFE6;
  --mlg-bg-cream:     #F7F2E9;
  --mlg-bg-darker:    #EBE2D2;
  --mlg-text-brown:   #3D3028;
  --mlg-text-soft:    #7A6F68;
  --mlg-text-italic:  #8C7F75;
  --mlg-white-pure:   #FAF8F5;
  --mlg-cream-card:   #FBF6EC;
  --mlg-dark-button:  #2D241F;
  --mlg-border-gold:  #D4BC85;
}

/* Esconder body root scroll na tela de login (desktop) */
html, body.login-screen {
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  height: 100vh !important;
  max-height: 100vh !important;
}

/* Footer global #googleLegalFooter — fixo no rodapé centralizado.
   Usa a aparência do mlg-banner-foot dentro da tela de login (bege).
   Em outras páginas mantém uma aparência neutra. */
footer#googleLegalFooter.mlg-banner-foot {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 50 !important;
  padding: .55rem .85rem !important;
  background: transparent !important;
  pointer-events: auto !important;
}

/* Tela de login: estética bege/dourada */
body.login-screen footer#googleLegalFooter.mlg-banner-foot {
  background: linear-gradient(to top, rgba(244,239,230,.92), rgba(244,239,230,0)) !important;
  color: var(--mlg-text-soft) !important;
}
body.login-screen footer#googleLegalFooter.mlg-banner-foot a {
  color: var(--mlg-text-soft) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  margin: 0 .35rem !important;
  font-family: 'Outfit', sans-serif !important;
}
body.login-screen footer#googleLegalFooter.mlg-banner-foot a:hover {
  color: var(--mlg-gold-dark) !important;
  text-decoration: underline !important;
}

/* Outras páginas: aparência neutra */
body:not(.login-screen) footer#googleLegalFooter.mlg-banner-foot {
  background: rgba(255,255,255,.85) !important;
  color: #9CA3AF !important;
  font-size: 11px !important;
  padding: 4px !important;
}
body:not(.login-screen) footer#googleLegalFooter.mlg-banner-foot a {
  color: #F5F1E9 !important;
  text-decoration: none !important;
  margin: 0 8px !important;
}

/* ── Reset principal ────────────────────────────────────────────────── */
body.login-screen .mlg-screen,
.login-screen.mlg-screen {
  background-color: var(--mlg-bg-beige) !important;
  background: var(--mlg-bg-beige) !important;
  background-image: none !important;
  display: flex !important;
  flex-direction: row !important;
  grid-template-columns: none !important;
  height: 100vh !important;
  min-height: 100vh !important;
  max-height: 100vh !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Imagem de fundo COBRINDO TODA A TELA (não só banner) */
.mlg-screen > .mlg-banner-bg {
  position: absolute !important;
  inset: 0 !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  z-index: 0 !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Overlay também cobre a tela toda */
.mlg-screen > .mlg-banner-overlay {
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(ellipse at 30% center, rgba(247,241,229,.35) 0%, rgba(247,241,229,.15) 50%, rgba(247,241,229,0) 100%),
    linear-gradient(180deg, rgba(247,241,229,0) 0%, rgba(244,239,230,.1) 100%) !important;
  z-index: 1 !important;
}

/* ── Banner esquerdo ─────────────────────────────────────────────────── */
.mlg-screen .mlg-banner {
  flex: 1.62 !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  background: transparent !important;
  background-image: none !important;
  padding: 1.5rem 1rem 1rem !important;
  height: 100% !important;
  overflow: hidden !important;
  color: var(--mlg-text-brown) !important;
  z-index: 2 !important;
}

.mlg-screen .mlg-banner::before,
.mlg-screen .mlg-banner::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Imagem de fundo (legacy, dentro do banner) — desabilitada agora que está fora */
.mlg-screen .mlg-banner > .mlg-banner-bg,
.mlg-screen .mlg-banner > .mlg-banner-overlay {
  display: none !important;
}

/* SVG decorativo (linhas curvas douradas) — visíveis sobre a imagem */
.mlg-screen .mlg-banner .mlg-banner-deco {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 2 !important;
  pointer-events: none !important;
  opacity: .85 !important;
  mix-blend-mode: soft-light !important;
  filter: drop-shadow(0 0 4px rgba(255, 235, 180, .6)) drop-shadow(0 0 1px rgba(197, 160, 89, .4)) !important;
}

/* Fallback caso navegador não suporte mix-blend-mode */
@supports not (mix-blend-mode: soft-light) {
  .mlg-screen .mlg-banner .mlg-banner-deco {
    opacity: .55 !important;
    mix-blend-mode: normal !important;
  }
}

.mlg-screen .mlg-banner-content {
  position: relative !important;
  z-index: 3 !important;
  text-align: center !important;
  width: 92% !important;
  max-width: 800px !important;
  padding: 1.5rem 1rem 1rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

/* Tesoura SVG no topo */
.mlg-screen .mlg-banner .mlg-brand-icon {
  width: 64px !important;
  height: 64px !important;
  margin-bottom: .9rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  filter: drop-shadow(0 3px 8px rgba(163,126,59,.25));
  background: transparent !important;
  font-size: inherit !important;
  line-height: 1 !important;
}
.mlg-screen .mlg-banner .mlg-brand-icon svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

/* Título Playfair */
.mlg-screen .mlg-banner h1.mlg-display-title,
.mlg-screen .mlg-banner-content h1 {
  font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif !important;
  font-size: 2.8rem !important;
  font-weight: 700 !important;
  color: var(--mlg-text-brown) !important;
  margin: 0 0 .35rem !important;
  line-height: 1.05 !important;
  letter-spacing: -.01em !important;
  text-align: center !important;
  text-shadow:
    0 0 20px rgba(255, 248, 235, .85),
    0 0 10px rgba(255, 248, 235, .8),
    0 2px 6px rgba(255, 248, 235, .7) !important;
}

/* "Master Soft" — itálico cinza-marrom suave */
.mlg-screen .mlg-banner p.mlg-brand-subtitle {
  color: var(--mlg-text-italic) !important;
  font-weight: 600 !important;
  font-size: .95rem !important;
  margin: 0 0 .4rem !important;
  font-family: 'Outfit', sans-serif !important;
  font-style: italic !important;
  letter-spacing: .02em !important;
  max-width: none !important;
  text-shadow:
    0 0 12px rgba(255, 248, 235, .95),
    0 0 6px rgba(255, 248, 235, .9) !important;
}

/* Tagline cinza-marrom */
.mlg-screen .mlg-banner p.mlg-brand-tagline {
  color: var(--mlg-text-brown) !important;
  font-size: .95rem !important;
  font-weight: 500 !important;
  margin: 0 auto 1.6rem !important;
  max-width: 480px !important;
  line-height: 1.5 !important;
  text-shadow:
    0 0 12px rgba(255, 248, 235, .95),
    0 0 6px rgba(255, 248, 235, .9) !important;
}

/* ── Features grid 2×3 ──────────────────────────────────────────────── */
.mlg-screen .mlg-banner ul.mlg-features-grid,
.mlg-screen ul.mlg-features-grid.features-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 1.4rem !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  gap: 1rem 3rem !important;
  text-align: left !important;
  width: 100% !important;
  max-width: 720px !important;
  flex-direction: unset !important;
}

.mlg-screen .mlg-banner ul.mlg-features-grid li.mlg-feature-card {
  background: rgba(251, 246, 236, .82) !important;
  padding: .55rem .9rem .55rem .55rem !important;
  border: 1px solid rgba(212, 188, 133, .35) !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: .95rem !important;
  color: var(--mlg-text-brown) !important;
  display: flex !important;
  align-items: center !important;
  gap: .7rem !important;
  margin: 0 !important;
  text-shadow: none !important;
  box-shadow: 0 2px 8px rgba(61, 48, 40, .08), inset 0 1px 0 rgba(255, 255, 255, .5) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

/* Círculo dourado com ícone outline dentro (compacto, dentro da pílula) */
.mlg-screen .mlg-banner ul.mlg-features-grid li .mlg-feature-ic {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #F2E5BF, #E8D9B8) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  color: var(--mlg-gold-dark) !important;
  box-shadow: 0 1px 3px rgba(163,126,59,.25), inset 0 0 0 1px rgba(255,255,255,.5) !important;
  font-size: inherit !important;
}
.mlg-screen .mlg-banner ul.mlg-features-grid li .mlg-feature-ic svg {
  width: 17px !important;
  height: 17px !important;
  display: block !important;
  stroke-width: 2.2 !important;
}

/* ── Stats embaixo (sem números, ícones outline cinza) ─────────────── */
.mlg-screen .mlg-banner .mlg-banner-stats {
  display: flex !important;
  gap: 1.5rem !important;
  margin-top: .3rem !important;
  font-size: .9rem !important;
  color: var(--mlg-text-soft) !important;
  font-weight: 500 !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
}

.mlg-screen .mlg-banner .mlg-banner-stats > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: .45rem !important;
  white-space: nowrap !important;
  color: var(--mlg-text-brown) !important;
  font-weight: 600 !important;
  background: rgba(251, 246, 236, .82) !important;
  border: 1px solid rgba(212, 188, 133, .35) !important;
  border-radius: 999px !important;
  padding: .35rem .8rem !important;
  text-shadow: none !important;
  box-shadow: 0 2px 6px rgba(61, 48, 40, .08), inset 0 1px 0 rgba(255, 255, 255, .5) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

.mlg-screen .mlg-banner svg.mlg-stat-ic {
  width: 16px !important;
  height: 16px !important;
  color: var(--mlg-gold-dark) !important;
  opacity: 1 !important;
  flex-shrink: 0 !important;
  stroke-width: 2 !important;
}

/* ── Footer "Política · Termos" ─────────────────────────────────────── */
.mlg-screen .mlg-banner-foot {
  margin-top: 1.2rem !important;
  font-size: .8rem !important;
  color: var(--mlg-text-soft) !important;
  display: flex !important;
  gap: .65rem !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 500 !important;
}

.mlg-screen .mlg-banner-foot a {
  color: var(--mlg-text-soft) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

.mlg-screen .mlg-banner-foot a:hover {
  color: var(--mlg-gold-dark) !important;
  text-decoration: underline !important;
}

/* ── Painel direito ─────────────────────────────────────────────────── */
.mlg-screen .mlg-panel {
  flex: 1 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1.2rem 1.5rem !important;
  overflow: hidden !important;
  height: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Card com borda dourada — compacto pra caber em telas <= 800px de altura */
.mlg-screen .mlg-login-card {
  background: rgba(251, 246, 236, .98) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  width: 100% !important;
  max-width: 440px !important;
  max-height: calc(100vh - 2.4rem) !important;
  padding: 1.6rem 1.8rem !important;
  border-radius: 24px !important;
  box-shadow: 0 25px 60px rgba(61, 48, 40, 0.25), 0 8px 20px rgba(61, 48, 40, 0.15) !important;
  border: 1.5px solid var(--mlg-border-gold) !important;
  overflow-y: auto !important;
}
/* Esconder scrollbar mas manter funcional se precisar */
.mlg-screen .mlg-login-card::-webkit-scrollbar { width: 4px; }
.mlg-screen .mlg-login-card::-webkit-scrollbar-thumb {
  background: var(--mlg-border-gold);
  border-radius: 4px;
}

.mlg-screen .mlg-card-header {
  text-align: center !important;
  margin-bottom: .85rem !important;
}

/* Tesoura no card */
.mlg-screen .mlg-logo-circle {
  width: 38px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  margin: 0 auto .55rem !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: drop-shadow(0 2px 5px rgba(163,126,59,.25));
}
.mlg-screen .mlg-logo-circle svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.mlg-screen .mlg-card-header h2 {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  color: var(--mlg-text-brown) !important;
  margin: 0 0 .25rem !important;
  line-height: 1.2 !important;
}

.mlg-screen .mlg-card-header p {
  font-size: .85rem !important;
  color: var(--mlg-text-soft) !important;
  margin: 0 !important;
  max-width: none !important;
}

/* ── Tabs ─────────────────────────────────────────────────────────── */
.mlg-screen .mlg-auth-tabs {
  display: flex !important;
  background: var(--mlg-bg-darker) !important;
  padding: 4px !important;
  border-radius: 50px !important;
  margin: .85rem 0 1rem !important;
  gap: 0 !important;
}

.mlg-screen .mlg-tab-btn {
  flex: 1 !important;
  border: none !important;
  padding: .6rem .85rem !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  background: transparent !important;
  color: var(--mlg-text-soft) !important;
  font-weight: 600 !important;
  font-size: .88rem !important;
  font-family: inherit !important;
  transition: all .2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .35rem !important;
}

.mlg-screen .mlg-tab-btn.active {
  background: linear-gradient(135deg, var(--mlg-gold-primary), var(--mlg-gold-dark)) !important;
  color: white !important;
  box-shadow: 0 4px 14px rgba(163, 126, 59, .35) !important;
}

/* ── Campos ───────────────────────────────────────────────────────── */
.mlg-screen .mlg-field {
  margin-bottom: .7rem !important;
}

.mlg-screen .mlg-field label {
  display: block !important;
  font-size: .8rem !important;
  font-weight: 500 !important;
  color: var(--mlg-text-brown) !important;
  margin-bottom: .3rem !important;
}

/* Input branco-creme, sem fundo azul */
.mlg-screen .mlg-input {
  width: 100% !important;
  padding: .75rem 1rem !important;
  font-size: .95rem !important;
  border: 1.5px solid var(--mlg-bg-darker) !important;
  border-radius: 10px !important;
  background: var(--mlg-white-pure) !important;
  background-color: var(--mlg-white-pure) !important;
  color: var(--mlg-text-brown) !important;
  font-family: inherit !important;
  transition: all .15s ease !important;
  box-sizing: border-box !important;
}

.mlg-screen .mlg-input:focus {
  outline: none !important;
  border-color: var(--mlg-gold-primary) !important;
  box-shadow: 0 0 0 4px rgba(197, 160, 89, .12) !important;
}

.mlg-screen .mlg-input:-webkit-autofill,
.mlg-screen .mlg-input:-webkit-autofill:hover,
.mlg-screen .mlg-input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--mlg-white-pure) inset !important;
  -webkit-text-fill-color: var(--mlg-text-brown) !important;
}

.mlg-screen .mlg-input::placeholder { color: #B8AFA6 !important; }

.mlg-screen .mlg-pass-container { position: relative !important; }
.mlg-screen .mlg-pass-container .mlg-input { padding-right: 2.5rem !important; }

.mlg-screen .mlg-toggle-password {
  position: absolute !important;
  right: .5rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  font-size: 1.05rem !important;
  color: var(--mlg-text-soft) !important;
  padding: .35rem .55rem !important;
  line-height: 1 !important;
}

/* ── Botão "Entrar" — marrom chocolate, não preto ───────────────── */
.mlg-screen .mlg-btn-login {
  width: 100% !important;
  padding: .8rem 1rem !important;
  background: var(--mlg-dark-button) !important;
  color: white !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  font-size: .95rem !important;
  cursor: pointer !important;
  margin-top: .7rem !important;
  font-family: inherit !important;
  transition: all .15s ease !important;
}

.mlg-screen .mlg-btn-login:hover {
  background: #1F1814 !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(45, 36, 31, .25);
}

.mlg-screen .mlg-btn-login:disabled {
  opacity: .55 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

/* Botão WhatsApp recuperar */
.mlg-screen .mlg-btn-whatsapp {
  width: 100% !important;
  background: var(--mlg-white-pure) !important;
  border: 1.5px solid var(--mlg-gold-light) !important;
  color: var(--mlg-gold-dark) !important;
  padding: .65rem 1rem !important;
  border-radius: 10px !important;
  margin-top: .45rem !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  font-size: .88rem !important;
  font-family: inherit !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .45rem !important;
  transition: all .15s !important;
}

.mlg-screen .mlg-btn-whatsapp:hover {
  background: rgba(232, 217, 184, .25) !important;
  border-color: var(--mlg-gold-primary) !important;
}

/* Botão registrar */
.mlg-screen .mlg-btn-register {
  width: 100% !important;
  background: var(--mlg-white-pure) !important;
  border: 1.5px solid var(--mlg-bg-darker) !important;
  color: var(--mlg-text-brown) !important;
  padding: .7rem 1rem !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  font-size: .88rem !important;
  font-family: inherit !important;
  transition: all .15s !important;
}

.mlg-screen .mlg-btn-register:hover {
  background: rgba(122, 111, 104, .06) !important;
  border-color: var(--mlg-text-soft) !important;
}

/* ── Divisor ──────────────────────────────────────────────────────── */
.mlg-screen .mlg-form-divider {
  position: relative !important;
  text-align: center !important;
  margin: .85rem 0 .65rem !important;
  font-size: .78rem !important;
  color: var(--mlg-text-soft) !important;
}

.mlg-screen .mlg-form-divider::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 50% !important;
  height: 1px !important;
  background: var(--mlg-bg-darker) !important;
  z-index: 0 !important;
}

.mlg-screen .mlg-form-divider span {
  position: relative !important;
  background: var(--mlg-cream-card) !important;
  padding: 0 .85rem !important;
  z-index: 1 !important;
}

/* ── Responsivo ────────────────────────────────────────────────────── */
@media (max-width: 1100px) {
  .mlg-screen .mlg-banner h1.mlg-display-title { font-size: 2.4rem !important; }
  .mlg-screen .mlg-banner ul.mlg-features-grid { gap: .85rem 1.5rem !important; }
  .mlg-screen .mlg-banner ul.mlg-features-grid li.mlg-feature-card { font-size: .92rem !important; }
  .mlg-screen .mlg-banner ul.mlg-features-grid li .mlg-feature-ic {
    width: 36px !important; height: 36px !important;
  }
  .mlg-screen .mlg-banner ul.mlg-features-grid li .mlg-feature-ic svg { width: 18px !important; height: 18px !important; }
}

/* Tablet/mobile: permitir rolagem */
@media (max-width: 1024px) {
  html, body.login-screen {
    overflow-y: auto !important;
    height: auto !important;
    max-height: none !important;
  }
  body.login-screen .mlg-screen,
  .login-screen.mlg-screen {
    flex-direction: column !important;
    height: auto !important;
    min-height: 100vh !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  .mlg-screen .mlg-banner {
    min-height: 480px !important;
    padding: 2rem 1rem !important;
    flex: none !important;
    display: flex !important;
  }
  .mlg-screen .mlg-banner h1.mlg-display-title { font-size: 2.2rem !important; }
  .mlg-screen .mlg-banner ul.mlg-features-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: .85rem 1.5rem !important;
  }
  .mlg-screen .mlg-banner-stats { font-size: .85rem !important; gap: 1.2rem !important; }
  .mlg-screen .mlg-panel {
    padding: 1.5rem !important;
    flex: 1 !important;
    overflow: visible !important;
  }
  .mlg-screen .mlg-login-card {
    max-height: none !important;
    overflow: visible !important;
  }
}

@media (max-width: 600px) {
  .mlg-screen .mlg-banner { min-height: 400px !important; }
  .mlg-screen .mlg-banner h1.mlg-display-title { font-size: 1.8rem !important; }
  .mlg-screen .mlg-banner .mlg-brand-icon { width: 56px !important; height: 56px !important; }
  .mlg-screen .mlg-banner p.mlg-brand-tagline { font-size: .88rem !important; }
  .mlg-screen .mlg-banner ul.mlg-features-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: .65rem 1rem !important;
  }
  .mlg-screen .mlg-banner ul.mlg-features-grid li.mlg-feature-card { font-size: .8rem !important; }
  .mlg-screen .mlg-banner ul.mlg-features-grid li .mlg-feature-ic {
    width: 32px !important; height: 32px !important;
  }
  .mlg-screen .mlg-banner ul.mlg-features-grid li .mlg-feature-ic svg { width: 16px !important; height: 16px !important; }
  .mlg-screen .mlg-login-card { padding: 1.5rem 1.2rem !important; border-radius: 22px !important; }
  .mlg-screen .mlg-card-header h2 { font-size: 1.2rem !important; }
  .mlg-screen .mlg-banner-stats { font-size: .75rem !important; gap: .8rem !important; flex-direction: column !important; }
  .mlg-screen .mlg-banner-foot { font-size: .72rem !important; }
}

/* Tela baixa (height pequena) — encolhe ainda mais para evitar rolagem */
@media (min-width: 1025px) and (max-height: 720px) {
  .mlg-screen .mlg-banner .mlg-brand-icon { width: 50px !important; height: 50px !important; margin-bottom: .65rem !important; }
  .mlg-screen .mlg-banner h1.mlg-display-title { font-size: 2.2rem !important; margin-bottom: .25rem !important; }
  .mlg-screen .mlg-banner p.mlg-brand-subtitle { margin-bottom: .25rem !important; }
  .mlg-screen .mlg-banner p.mlg-brand-tagline { margin-bottom: 1rem !important; font-size: .88rem !important; }
  .mlg-screen .mlg-banner ul.mlg-features-grid { gap: .7rem 2rem !important; margin-bottom: .8rem !important; }
  .mlg-screen .mlg-banner ul.mlg-features-grid li.mlg-feature-card { font-size: .9rem !important; }
  .mlg-screen .mlg-banner ul.mlg-features-grid li .mlg-feature-ic { width: 34px !important; height: 34px !important; }
  .mlg-screen .mlg-banner ul.mlg-features-grid li .mlg-feature-ic svg { width: 17px !important; height: 17px !important; }
  .mlg-screen .mlg-banner-stats { margin-top: .15rem !important; font-size: .82rem !important; gap: 1rem !important; }
  .mlg-screen .mlg-banner-foot { margin-top: .7rem !important; font-size: .75rem !important; }

  .mlg-screen .mlg-login-card { padding: 1.2rem 1.6rem !important; }
  .mlg-screen .mlg-card-header { margin-bottom: .55rem !important; }
  .mlg-screen .mlg-logo-circle { width: 32px !important; height: 32px !important; margin-bottom: .35rem !important; }
  .mlg-screen .mlg-card-header h2 { font-size: 1.2rem !important; }
  .mlg-screen .mlg-card-header p { font-size: .8rem !important; }
  .mlg-screen .mlg-auth-tabs { margin: .7rem 0 .8rem !important; }
  .mlg-screen .mlg-tab-btn { padding: .55rem .85rem !important; font-size: .85rem !important; }
  .mlg-screen .mlg-field { margin-bottom: .55rem !important; }
  .mlg-screen .mlg-field label { font-size: .76rem !important; margin-bottom: .25rem !important; }
  .mlg-screen .mlg-input { padding: .65rem 1rem !important; font-size: .9rem !important; }
  .mlg-screen .mlg-btn-login { padding: .7rem 1rem !important; margin-top: .55rem !important; font-size: .92rem !important; }
  .mlg-screen .mlg-btn-whatsapp,
  .mlg-screen .mlg-btn-register { padding: .55rem 1rem !important; margin-top: .35rem !important; font-size: .85rem !important; }
  .mlg-screen .mlg-form-divider { margin: .7rem 0 .55rem !important; font-size: .74rem !important; }
}