/* public/modules/login/login.css (DEV V1.1)
   Apenas estilos específicos do módulo Login.
   Base global está em public/assets/base.css
*/

.login-wrap{
  min-height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.login-card{
  width: min(420px, 100%);
  background: rgba(14,23,41,.75);
  border:1px solid var(--line);
  border-radius:18px;
  padding:22px;
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  backdrop-filter: blur(10px);
}

.brand{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-bottom:16px;
}
.logo{
  font-weight:800;
  letter-spacing:.4px;
  font-size:22px;
}

/* a classe .subtitle é global; aqui só ajustamos a cor do módulo login */
.login-card .subtitle{
  color:var(--muted);
  font-size:13px;
}

.alert{
  border-radius:12px;
  padding:10px 12px;
  margin:12px 0 14px;
  font-size:13px;
  line-height:1.35;
}
.alert.error{
  border:1px solid rgba(255,107,107,.35);
  background: rgba(255,107,107,.12);
  color:#ffd0d0;
}

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

.lbl{
  font-size:12px;
  color:var(--muted);
  margin-top:4px;
}

.hint{
  margin-top:14px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  font-size:12px;
}