/* ============================================================
   Telas de acesso (login e afins), fora do shell da plataforma.
   Usa só os tokens e componentes do main.css; nada aqui altera o main.css.
   ============================================================ */

.acesso{min-height:100vh;display:grid;place-items:center;padding:32px 16px}
.acesso-card{width:100%;max-width:420px;padding:30px 30px 26px;display:flex;flex-direction:column;gap:22px}
.acesso-card .brand{padding:0}
.acesso-topo .greeting{font-size:34px}

.acesso-form{display:flex;flex-direction:column;gap:14px}
.acesso-campo label{
  display:block;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;
  color:var(--text-dim);margin-bottom:8px;
}
.acesso-campo input{
  width:100%;background:var(--glass);border:1px solid var(--glass-brd);border-radius:10px;
  padding:11px 12px;color:var(--text);font-family:inherit;font-size:14px;
}
.acesso-campo input:focus{outline:none;border-color:rgba(150,210,180,0.4)}
.acesso-enviar{justify-content:center;margin-top:6px;padding:12px 18px}
.acesso-enviar i{width:16px;height:16px}

.acesso-erro{margin-top:0}

.acesso-alternativas{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12.5px}
.acesso-alternativas:empty{display:none}
.acesso-alternativas a{color:var(--gold-bright)}
.acesso-alternativas a:hover{color:var(--gold)}

.acesso-erro-campo{margin-top:6px;font-size:12px;color:#f3b3ae}
.acesso-card .mc-texto{margin:0}