/* ============================================================
   Navex Tarefas — estilos da tela de login.
   Os tokens vem de /static/shared/base.css. Esta tela e SEMPRE escura
   (fundo em gradiente proprio) e nao participa do toggle de tema.
   ============================================================ */
body {
  font-family: var(--font-body);
  background: radial-gradient(circle at 70% 30%, #24122e 0%, var(--bg) 60%);
  color: var(--text); display: flex; align-items: center; justify-content: center; min-height: 100vh;
}
.card {
  background: var(--bg-2); padding: 2.2rem; border-radius: 16px; width: 100%; max-width: 370px;
  box-shadow: 0 20px 60px rgba(0,0,0,.5); border: 1px solid var(--border);
}
.brand { display: flex; flex-direction: column; align-items: center; gap: .5rem; margin-bottom: 1.5rem; }
.brand img { width: 88px; height: auto; }
.brand h1 { font-family: var(--font-display); font-size: 1.5rem; font-weight: 700; }
.brand h1 .accent { color: var(--brand-hi); }
.brand p { color: var(--text-2); font-size: .82rem; margin-top: .1rem; }
label { display: block; font-size: .78rem; color: #cbcbcb; margin: .8rem 0 .28rem; font-weight: 500; }
input {
  width: 100%; padding: .62rem .78rem; border-radius: 9px;
  border: 1px solid #383838; background: var(--bg); color: var(--text); font-size: .95rem;
}
input:focus { outline: 2px solid var(--brand); border-color: transparent; }
button {
  width: 100%; margin-top: 1.3rem; padding: .72rem; background: var(--brand); color: #fff;
  border: none; border-radius: 9px; font-size: .95rem; font-weight: 600; cursor: pointer;
  font-family: inherit; transition: background .15s;
}
button:hover { background: var(--brand-hi); }
.hint { text-align: center; margin-top: 1.1rem; font-size: .78rem; color: var(--text-3); }
.err { background: var(--danger-bg); color: var(--danger-tx); padding: .55rem .78rem; border-radius: 9px;
       font-size: .85rem; margin-top: 1rem; display: none; }