/* ===== Overrides MPay ===== */
.mpay-theme .auth-form .form-group { display:block!important; margin-bottom:18px!important; }

/* Labels */
.mpay-theme .auth-form .form-group > .form-label{
  display:block!important; margin-bottom:.5rem!important;
  color:#4B5563!important; font-size:14px!important; font-weight:600!important; line-height:1.2!important;
}

/* Inputs */
.mpay-theme .auth-form .form-input,
.mpay-theme .auth-form .form-control{ width:100%!important; max-width:none!important; box-sizing:border-box!important; }
.mpay-theme .auth-form .form-control{
  height:48px!important; border-radius:12px!important; background:#F3F4F6!important;
  border:1px solid #E7E8EC!important; padding:12px 16px!important;
  color:#1F2937!important; font-size:16px!important; font-weight:600!important;
}
.mpay-theme .auth-form .form-control::placeholder{ color:#9AA0A6!important; opacity:1!important; }
/* mantém placeholder visível mesmo com foco */
.mpay-theme .auth-form .form-control:focus::placeholder{ color:#9AA0A6!important; opacity:1!important; }

/* Checkboxes */
.mpay-theme .auth-form .remember-option .form-check,
.mpay-theme .auth-form .terms-check .form-check{ display:flex!important; align-items:center!important; gap:8px!important; }
.mpay-theme .auth-form .form-check-input{
  position:static!important; opacity:1!important; width:18px!important; height:18px!important; margin:0!important;
  accent-color:#6C2CF9!important; flex:0 0 auto;
}
.mpay-theme .auth-form .form-check-label{ margin:0!important; color:#6B7280!important; font-weight:500!important; }

/* Links de ação (Cadastre-se / Entrar / Esqueceu a senha?) */
.mpay-theme a.forgot,
.mpay-theme .auth-form .signup a{ color:#6C2CF9!important; font-weight:600!important; font-size:14px!important; }

/* Botões */
.mpay-theme .auth-form .btn{ width:100%!important; }

.mpay-theme .auth-form .form-control::placeholder,
.mpay-theme .auth-form .form-control:focus::placeholder,
.mpay-theme .auth-form .form-control::-webkit-input-placeholder,
.mpay-theme .auth-form .form-control:focus::-webkit-input-placeholder,
.mpay-theme .auth-form .form-control:-ms-input-placeholder,
.mpay-theme .auth-form .form-control:focus:-ms-input-placeholder,
.mpay-theme .auth-form .form-control::-ms-input-placeholder,
.mpay-theme .auth-form .form-control:focus::-ms-input-placeholder,
.mpay-theme .auth-form .form-control:-moz-placeholder,
.mpay-theme .auth-form .form-control:focus:-moz-placeholder,
.mpay-theme .auth-form .form-control::-moz-placeholder,
.mpay-theme .auth-form .form-control:focus::-moz-placeholder {
  color: #9AA0A6 !important;
  opacity: 1 !important;
}

/* Mantém o placeholder visível mesmo com o input focado */
.auth-form .form-control::placeholder {
  opacity: 1 !important;
  /* se o tema estiver usando color: transparent */
  color: rgba(155, 160, 175, 0.9) !important; /* ajusta pro estilo que você quiser */
}

.auth-form .form-control:focus::placeholder {
  opacity: 1 !important;
  color: rgba(155, 160, 175, 0.9) !important;
}