/* =========================================================
   Martins Select — Login e Cadastro Admin Padronizados
   Páginas: https://martinsselect.com.br/sistema/login.php, https://martinsselect.com.br/sistema/cadastro.php e https://martinsselect.com.br/sistema/cadastro/
   Fundo preto, menu padrão, logo padrão e detalhes em azul Hybrid.
   ========================================================= */
:root{
  --ms-auth-black:#000000;
  --ms-auth-black-2:#050505;
  --ms-auth-card:#070707;
  --ms-auth-card-2:#101010;
  --ms-auth-blue:#008CFF;
  --ms-auth-blue-soft:rgba(0,140,255,.14);
  --ms-auth-line:rgba(255,255,255,.12);
  --ms-auth-line-strong:rgba(255,255,255,.20);
  --ms-auth-text:#ffffff;
  --ms-auth-muted:rgba(255,255,255,.68);
}

html,
body.ms-auth-page,
body.ms-login-page,
body.ms-cadastro-page{
  min-height:100%;
  margin:0!important;
  background:#000!important;
  background-image:none!important;
  color:#fff!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  overflow-x:hidden!important;
}

/* Garante que login, recuperação e cadastro ocupem toda a tela em preto,
   inclusive quando outros estilos globais forem carregados depois. */
html:has(body.ms-auth-page),
body.ms-auth-page,
body.ms-login-page,
body.ms-cadastro-page{
  min-height:100vh!important;
  background-color:#000!important;
  background-image:none!important;
}

body.ms-auth-page{
  display:flex!important;
  flex-direction:column!important;
}

body.ms-auth-page .login-wrap,
body.ms-auth-page .cadastro-wrap{
  flex:1 0 auto!important;
  background:#000!important;
}

body.ms-auth-page::before,
body.ms-auth-page::after,
body.ms-login-page::before,
body.ms-login-page::after,
body.ms-cadastro-page::before,
body.ms-cadastro-page::after{
  content:none!important;
  display:none!important;
}

body.ms-auth-page main,
body.ms-login-page main,
body.ms-cadastro-page main{
  background:#000!important;
}

/* Header igual ao padrão do site */
body.ms-auth-page .ms-final-header,
body.ms-login-page .ms-final-header,
body.ms-cadastro-page .ms-final-header{
  width:100%!important;
  min-height:82px!important;
  position:sticky!important;
  top:0!important;
  z-index:9999!important;
  background:rgba(0,0,0,.96)!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
  box-shadow:none!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}

body.ms-auth-page .ms-final-header-inner,
body.ms-login-page .ms-final-header-inner,
body.ms-cadastro-page .ms-final-header-inner{
  width:min(1180px,calc(100% - 42px))!important;
  min-height:82px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  padding:0!important;
}

body.ms-auth-page .ms-final-brand,
body.ms-login-page .ms-final-brand,
body.ms-cadastro-page .ms-final-brand{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#fff!important;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}

body.ms-auth-page .ms-final-mark,
body.ms-login-page .ms-final-mark,
body.ms-cadastro-page .ms-final-mark{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

body.ms-auth-page .ms-logo-img,
body.ms-login-page .ms-logo-img,
body.ms-cadastro-page .ms-logo-img,
body.ms-auth-page .ms-final-mark img,
body.ms-login-page .ms-final-mark img,
body.ms-cadastro-page .ms-final-mark img{
  display:block!important;
  width:52px!important;
  height:52px!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
}

body.ms-auth-page .ms-final-text,
body.ms-login-page .ms-final-text,
body.ms-cadastro-page .ms-final-text{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  line-height:1!important;
  color:#fff!important;
}

body.ms-auth-page .ms-final-text strong,
body.ms-login-page .ms-final-text strong,
body.ms-cadastro-page .ms-final-text strong{
  color:#fff!important;
  font-size:15px!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  white-space:nowrap!important;
}

body.ms-auth-page .ms-final-text span,
body.ms-login-page .ms-final-text span,
body.ms-cadastro-page .ms-final-text span{
  color:rgba(255,255,255,.58)!important;
  font-size:10px!important;
  font-weight:750!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  white-space:nowrap!important;
}

body.ms-auth-page .ms-final-nav,
body.ms-login-page .ms-final-nav,
body.ms-cadastro-page .ms-final-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

body.ms-auth-page .ms-final-nav a,
body.ms-login-page .ms-final-nav a,
body.ms-cadastro-page .ms-final-nav a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:9px 13px!important;
  border-radius:999px!important;
  color:rgba(255,255,255,.76)!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1!important;
  border:1px solid transparent!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease!important;
}

body.ms-auth-page .ms-final-nav a:not(.ms-auth-btn):hover,
body.ms-login-page .ms-final-nav a:not(.ms-auth-btn):hover,
body.ms-cadastro-page .ms-final-nav a:not(.ms-auth-btn):hover,
body.ms-auth-page .ms-final-nav a:not(.ms-auth-btn).active,
body.ms-login-page .ms-final-nav a:not(.ms-auth-btn).active,
body.ms-cadastro-page .ms-final-nav a:not(.ms-auth-btn).active{
  color:#fff!important;
  border-color:rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.08)!important;
  transform:translateY(-1px)!important;
}

body.ms-auth-page .ms-final-nav a.ms-auth-btn,
body.ms-login-page .ms-final-nav a.ms-auth-btn,
body.ms-cadastro-page .ms-final-nav a.ms-auth-btn{
  color:#fff!important;
  background:rgba(0,140,255,.14)!important;
  border:1px solid rgba(0,140,255,.50)!important;
  box-shadow:0 12px 28px rgba(0,140,255,.12)!important;
}

body.ms-auth-page .ms-final-nav a.ms-auth-btn:hover,
body.ms-login-page .ms-final-nav a.ms-auth-btn:hover,
body.ms-cadastro-page .ms-final-nav a.ms-auth-btn:hover,
body.ms-auth-page .ms-final-nav a.ms-auth-btn.active,
body.ms-login-page .ms-final-nav a.ms-auth-btn.active,
body.ms-cadastro-page .ms-final-nav a.ms-auth-btn.active{
  color:#fff!important;
  background:#008CFF!important;
  border-color:#008CFF!important;
  box-shadow:0 16px 34px rgba(0,140,255,.24)!important;
  transform:translateY(-1px)!important;
}

body.ms-auth-page .ms-final-menu-btn,
body.ms-login-page .ms-final-menu-btn,
body.ms-cadastro-page .ms-final-menu-btn{
  display:none!important;
  width:46px!important;
  height:46px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
  font-size:20px!important;
  font-weight:900!important;
  cursor:pointer!important;
}

/* Estrutura das duas páginas */
body.ms-login-page .login-wrap,
body.ms-cadastro-page .cadastro-wrap{
  width:min(1180px,calc(100% - 42px))!important;
  margin:0 auto!important;
  padding:58px 0 54px!important;
  display:grid!important;
  grid-template-columns:minmax(320px,1fr) minmax(380px,500px)!important;
  gap:28px!important;
  align-items:stretch!important;
  background:#000!important;
}

body.ms-login-page .login-panel,
body.ms-login-page .login-card,
body.ms-cadastro-page .cadastro-hero,
body.ms-cadastro-page .cadastro-card{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:34px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.024)),#050505!important;
  box-shadow:0 28px 90px rgba(0,0,0,.70)!important;
  backdrop-filter:none!important;
}

body.ms-login-page .login-panel::before,
body.ms-login-page .login-card::before,
body.ms-cadastro-page .cadastro-hero::before,
body.ms-cadastro-page .cadastro-card::before{
  content:""!important;
  position:absolute!important;
  left:24px!important;
  right:24px!important;
  top:0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(0,140,255,.70),transparent)!important;
  pointer-events:none!important;
}

body.ms-login-page .login-panel,
body.ms-cadastro-page .cadastro-hero{
  padding:38px!important;
  display:flex!important;
  align-items:center!important;
  min-height:430px!important;
}

body.ms-cadastro-page .cadastro-hero{
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
}

body.ms-login-page .login-card,
body.ms-cadastro-page .cadastro-card{
  align-self:center!important;
  padding:30px!important;
}

body.ms-login-page .login-kicker,
body.ms-login-page .login-title span,
body.ms-cadastro-page .kicker{
  display:inline-flex!important;
  width:max-content!important;
  border:1px solid rgba(0,140,255,.42)!important;
  border-radius:999px!important;
  padding:8px 13px!important;
  background:rgba(0,140,255,.10)!important;
  color:#68bdff!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.17em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
}

body.ms-login-page .login-copy h1,
body.ms-cadastro-page .cadastro-hero h1{
  margin:14px 0 0!important;
  color:#fff!important;
  font-size:clamp(38px,4.2vw,62px)!important;
  line-height:.98!important;
  letter-spacing:-.070em!important;
  text-wrap:balance!important;
}

body.ms-login-page .login-copy p,
body.ms-cadastro-page .cadastro-hero p{
  max-width:640px!important;
  margin:17px 0 0!important;
  color:rgba(255,255,255,.72)!important;
  font-size:15px!important;
  line-height:1.68!important;
  font-weight:650!important;
}

body.ms-login-page .login-points,
body.ms-cadastro-page .steps{
  display:grid!important;
  gap:12px!important;
  margin-top:26px!important;
}

body.ms-login-page .login-points{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

body.ms-login-page .login-points span,
body.ms-cadastro-page .steps span{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:56px!important;
  padding:13px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.050)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:rgba(255,255,255,.80)!important;
  font-size:12.5px!important;
  font-weight:780!important;
  line-height:1.45!important;
}

body.ms-cadastro-page .steps b{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#008CFF!important;
  color:#fff!important;
  font-size:12px!important;
  box-shadow:0 10px 22px rgba(0,140,255,.18)!important;
}

body.ms-login-page .login-title,
body.ms-cadastro-page .card-head{
  text-align:left!important;
  margin:0 0 20px!important;
  padding-bottom:16px!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}

body.ms-login-page .login-title h2,
body.ms-cadastro-page .card-head h2{
  margin:12px 0 7px!important;
  color:#fff!important;
  font-size:28px!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
}

body.ms-login-page .login-title p,
body.ms-cadastro-page .card-head p{
  margin:0!important;
  color:rgba(255,255,255,.66)!important;
  font-size:13px!important;
  line-height:1.55!important;
  font-weight:720!important;
}

body.ms-login-page .login-field label,
body.ms-cadastro-page .field label{
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  margin:0 0 8px!important;
  letter-spacing:.01em!important;
}

body.ms-cadastro-page .field label{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}

body.ms-cadastro-page .field small{
  color:rgba(255,255,255,.48)!important;
  font-weight:750!important;
}

body.ms-login-page .login-field input,
body.ms-login-page .password-line input,
body.ms-cadastro-page .field input{
  width:100%!important;
  height:52px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:#000!important;
  color:#fff!important;
  padding:0 15px!important;
  outline:none!important;
  font-size:15px!important;
  font-weight:800!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}

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

body.ms-login-page .login-field input:focus,
body.ms-login-page .password-line input:focus,
body.ms-cadastro-page .field input:focus{
  border-color:rgba(0,140,255,.88)!important;
  box-shadow:0 0 0 4px rgba(0,140,255,.14),inset 0 1px 0 rgba(255,255,255,.04)!important;
  background:#050505!important;
}

body.ms-login-page .password-line{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
}

body.ms-login-page .password-line input{
  padding-right:82px!important;
}

body.ms-login-page .password-toggle{
  position:absolute!important;
  right:8px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  min-width:64px!important;
  height:38px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  cursor:pointer!important;
}

body.ms-login-page .login-actions,
body.ms-cadastro-page .actions{
  display:grid!important;
  gap:10px!important;
  margin-top:4px!important;
}

body.ms-login-page .login-btn,
body.ms-cadastro-page .btn{
  min-height:52px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 18px!important;
  border:1px solid transparent!important;
  background:#008CFF!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  text-decoration:none!important;
  cursor:pointer!important;
  box-shadow:0 16px 34px rgba(0,140,255,.22)!important;
}

body.ms-login-page .login-btn:hover,
body.ms-cadastro-page .btn:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 20px 40px rgba(0,140,255,.28)!important;
}

body.ms-login-page .login-btn.ghost,
body.ms-cadastro-page .btn.ghost{
  background:rgba(255,255,255,.04)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.15)!important;
  box-shadow:none!important;
}

body.ms-login-page .login-btn.ghost:hover,
body.ms-cadastro-page .btn.ghost:hover{
  border-color:rgba(0,140,255,.50)!important;
  background:rgba(0,140,255,.10)!important;
}

body.ms-login-page .login-forgot{
  margin-top:14px!important;
  text-align:center!important;
}

body.ms-login-page .login-forgot a{
  color:#79c5ff!important;
  border-bottom:1px solid rgba(0,140,255,.42)!important;
  text-decoration:none!important;
  font-weight:900!important;
}

body.ms-login-page .login-alert,
body.ms-cadastro-page .alert,
body.ms-cadastro-page .password-note,
body.ms-cadastro-page .note,
body.ms-cadastro-page .ms-data-safe,
body.ms-cadastro-page .share-card{
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.045)!important;
  color:rgba(255,255,255,.80)!important;
  box-shadow:none!important;
}

body.ms-login-page .login-alert.success,
body.ms-cadastro-page .alert.success,
body.ms-cadastro-page .password-note.ok{
  border-color:rgba(0,140,255,.30)!important;
  background:rgba(0,140,255,.10)!important;
  color:#dff2ff!important;
}

body.ms-login-page .login-alert.error,
body.ms-cadastro-page .alert.error{
  border-color:rgba(255,70,70,.34)!important;
  background:rgba(255,70,70,.10)!important;
  color:#ffd6d6!important;
}

body.ms-cadastro-page .share-buttons{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}

body.ms-cadastro-page .share-buttons .btn{
  min-height:42px!important;
  font-size:11px!important;
}

body.ms-cadastro-page .share-buttons .copy{
  grid-column:1/-1!important;
}

body.ms-cadastro-page .btn.whats,
body.ms-cadastro-page .btn.facebook,
body.ms-cadastro-page .btn.copy{
  color:#fff!important;
  background:#008CFF!important;
  border-color:#008CFF!important;
}

/* Footer preto igual nas duas páginas */
body.ms-auth-page .ms-footer,
body.ms-login-page .ms-footer,
body.ms-cadastro-page .ms-footer{
  margin-top:auto!important;
  background:#000!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
}

body.ms-auth-page .ms-footer *,
body.ms-login-page .ms-footer *,
body.ms-cadastro-page .ms-footer *{
  color:inherit;
}

body.ms-auth-page .ms-footer-admin-link,
body.ms-login-page .ms-footer-admin-link,
body.ms-cadastro-page .ms-footer-admin-link{
  color:#fff!important;
  border-color:rgba(255,255,255,.15)!important;
  background:rgba(255,255,255,.04)!important;
}

body.ms-auth-page .ms-social-link,
body.ms-login-page .ms-social-link,
body.ms-cadastro-page .ms-social-link{
  background:rgba(255,255,255,.05)!important;
  border-color:rgba(255,255,255,.12)!important;
}

body.ms-auth-page .ms-social-icon svg,
body.ms-login-page .ms-social-icon svg,
body.ms-cadastro-page .ms-social-icon svg{
  fill:#fff!important;
}

@media(max-width:980px){
  body.ms-auth-page .ms-final-menu-btn,
  body.ms-login-page .ms-final-menu-btn,
  body.ms-cadastro-page .ms-final-menu-btn{
    display:flex!important;
  }
  body.ms-auth-page .ms-final-nav,
  body.ms-login-page .ms-final-nav,
  body.ms-cadastro-page .ms-final-nav{
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    top:76px!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    padding:12px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:20px!important;
    background:#050505!important;
    box-shadow:0 24px 60px rgba(0,0,0,.60)!important;
  }
  body.ms-auth-page .ms-final-nav.open,
  body.ms-auth-page .ms-final-nav.is-open,
  body.ms-login-page .ms-final-nav.open,
  body.ms-login-page .ms-final-nav.is-open,
  body.ms-cadastro-page .ms-final-nav.open,
  body.ms-cadastro-page .ms-final-nav.is-open{
    display:flex!important;
  }
  body.ms-auth-page .ms-final-nav a,
  body.ms-login-page .ms-final-nav a,
  body.ms-cadastro-page .ms-final-nav a{
    width:100%!important;
    min-height:46px!important;
  }
  body.ms-login-page .login-wrap,
  body.ms-cadastro-page .cadastro-wrap{
    grid-template-columns:1fr!important;
    width:min(620px,calc(100% - 28px))!important;
    padding:30px 0 42px!important;
  }
  body.ms-login-page .login-panel,
  body.ms-cadastro-page .cadastro-hero{
    min-height:auto!important;
    padding:26px!important;
  }
  body.ms-login-page .login-card,
  body.ms-cadastro-page .cadastro-card{
    padding:22px!important;
  }
  body.ms-login-page .login-points{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:560px){
  body.ms-auth-page .ms-final-header-inner,
  body.ms-login-page .ms-final-header-inner,
  body.ms-cadastro-page .ms-final-header-inner{
    width:calc(100% - 26px)!important;
  }
  body.ms-auth-page .ms-final-text span,
  body.ms-login-page .ms-final-text span,
  body.ms-cadastro-page .ms-final-text span{
    font-size:8px!important;
    letter-spacing:.03em!important;
  }
  body.ms-login-page .login-copy h1,
  body.ms-cadastro-page .cadastro-hero h1{
    font-size:34px!important;
  }
  body.ms-cadastro-page .share-buttons{
    grid-template-columns:1fr!important;
  }
}