/* Tela de login — só usa os tokens da casa (tokens.css). */

.login-corpo {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-sub);
  padding: 24px 16px;
  box-sizing: border-box;
}

.login-cartao {
  width: 100%;
  max-width: 400px;
  background: var(--bg-elev);
  border: 1px solid var(--borda);
  border-radius: var(--r-lg);
  box-shadow: var(--sombra-2);
  padding: 32px 28px 20px;
}

.login-logo { display: block; height: 44px; margin: 0 auto 12px; }

.login-titulo {
  font-size: var(--fs-md);
  font-weight: 600;
  text-align: center;
  color: var(--txt);
  margin: 0 0 20px;
}

.login-form { display: flex; flex-direction: column; gap: 14px; }

.login-form label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: var(--fs-sm);
  color: var(--txt-2);
}

.login-form input {
  font: inherit;
  font-size: var(--fs);
  color: var(--txt);
  background: var(--bg);
  border: 1px solid var(--borda-forte);
  border-radius: var(--r);
  padding: 9px 11px;
}

.login-form input:focus-visible { outline: 2px solid var(--verde-600); outline-offset: 1px; }

.login-form .btn { justify-content: center; padding: 10px; margin-top: 4px; }

.login-aviso {
  font-size: var(--fs-sm);
  border-radius: var(--r);
  padding: 9px 11px;
  margin: 0 0 14px;
  background: var(--bg-inset);
  color: var(--txt);
  border-left: 3px solid var(--baixa);
}

.login-aviso.ok { border-left-color: var(--verde-600); }

.login-explica { font-size: var(--fs-sm); color: var(--txt-2); margin: 0; line-height: 1.5; }

.login-passos { font-size: var(--fs-sm); color: var(--txt-2); margin: 0; padding-left: 20px; line-height: 1.7; }

.login-chave {
  font-family: var(--ff-mono);
  font-size: var(--fs-sm);
  letter-spacing: .04em;
  background: var(--bg-inset);
  padding: 2px 6px;
  border-radius: var(--r-sm);
  user-select: all;
  word-break: break-all;
}

.login-problemas { font-size: var(--fs-sm); color: var(--baixa); margin: 0; padding-left: 18px; }

.login-rodape {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 22px 0 0;
  font-size: var(--fs-xs);
  color: var(--txt-3);
}

.login-seguro { margin-left: auto; }