/* =========================================================
   Martins Select — correção final dos botões do login
   Mantém o mesmo padrão premium preto/dourado do site.
   ========================================================= */
:root{
  --ms-login-gold-1:#ffeaa8;
  --ms-login-gold-2:#f3c84f;
  --ms-login-gold-3:#b98927;
  --ms-login-gold-line:rgba(245,207,101,.76);
  --ms-login-black:#050505;
  --ms-login-card:rgba(255,255,255,.045);
}

body.ms-login-page .login-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  margin-top:18px!important;
}

body.ms-login-page .login-btn,
body.ms-login-page button.login-btn,
body.ms-login-page a.login-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  min-height:50px!important;
  padding:0 20px!important;
  border-radius:999px!important;
  border:1px solid var(--ms-login-gold-line)!important;
  background:linear-gradient(180deg,var(--ms-login-gold-1) 0%,var(--ms-login-gold-2) 54%,var(--ms-login-gold-3) 100%)!important;
  color:var(--ms-login-black)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  text-align:center!important;
  text-decoration:none!important;
  font-size:12px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  cursor:pointer!important;
  box-shadow:0 13px 28px rgba(201,157,46,.20), inset 0 1px 0 rgba(255,255,255,.45)!important;
  text-shadow:none!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease!important;
}

body.ms-login-page .login-btn:hover,
body.ms-login-page button.login-btn:hover,
body.ms-login-page a.login-btn:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.04)!important;
  border-color:rgba(255,226,146,.95)!important;
  box-shadow:0 17px 38px rgba(201,157,46,.26), inset 0 1px 0 rgba(255,255,255,.55)!important;
}

body.ms-login-page .login-btn:active,
body.ms-login-page button.login-btn:active,
body.ms-login-page a.login-btn:active{
  transform:translateY(0) scale(.985)!important;
}

body.ms-login-page .login-btn.ghost,
body.ms-login-page a.login-btn.ghost{
  background:rgba(245,207,101,.055)!important;
  color:var(--ms-login-gold-1)!important;
  border:1px solid var(--ms-login-gold-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}

body.ms-login-page .login-btn.ghost:hover,
body.ms-login-page a.login-btn.ghost:hover{
  background:linear-gradient(180deg,var(--ms-login-gold-1) 0%,var(--ms-login-gold-2) 54%,var(--ms-login-gold-3) 100%)!important;
  color:var(--ms-login-black)!important;
  border-color:rgba(255,226,146,.95)!important;
  box-shadow:0 14px 32px rgba(201,157,46,.22), inset 0 1px 0 rgba(255,255,255,.50)!important;
}

/* O botão pequeno de mostrar senha não deve herdar o botão dourado. */
body.ms-login-page .password-line .password-toggle,
body.ms-login-page button.password-toggle{
  position:absolute!important;
  right:8px!important;
  top:8px!important;
  width:48px!important;
  height:38px!important;
  min-width:48px!important;
  min-height:38px!important;
  max-width:48px!important;
  max-height:38px!important;
  padding:0!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.055)!important;
  color:rgba(255,255,255,.78)!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  transform:none!important;
}

body.ms-login-page .password-line .password-toggle:hover,
body.ms-login-page button.password-toggle:hover{
  background:rgba(255,255,255,.095)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.22)!important;
  transform:none!important;
  box-shadow:none!important;
  filter:none!important;
}

body.ms-login-page .login-field input{
  background:#eef4ff!important;
  color:#111!important;
  border-color:rgba(255,255,255,.18)!important;
}

body.ms-login-page .login-field input::placeholder{
  color:rgba(0,0,0,.42)!important;
}

body.ms-login-page .login-note{
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.045)!important;
  color:rgba(255,255,255,.62)!important;
}

@media (max-width:760px){
  body.ms-login-page .login-btn,
  body.ms-login-page button.login-btn,
  body.ms-login-page a.login-btn{
    min-height:48px!important;
    font-size:11px!important;
  }
}