/* Tela de login — visual inspirado na área administrativa do SIG
   (card branco centrado sobre fundo azul institucional). */
body { background: linear-gradient(160deg, #143a61 0%, #1c4e80 55%, #2a6ca8 100%); }
.login-bg {
  min-height: 100vh; display: flex; align-items: center; justify-content: center;
  padding: 1rem;
}
.login-card {
  background: #fff; border-radius: 8px; padding: 2.2rem 2.4rem 1.6rem;
  width: 100%; max-width: 400px; box-shadow: 0 10px 34px rgba(0,0,0,.35);
  text-align: center;
}
.login-brasao { display: flex; justify-content: center; margin-bottom: .8rem; }
.login-brasao-circulo {
  width: 74px; height: 74px; border-radius: 50%;
  background: #1c4e80; color: #fff; display: flex; align-items: center;
  justify-content: center; font-size: 1.6rem; font-weight: 700;
  border: 3px solid #d9a326;   /* dourado institucional */
}
.login-card h1 { font-size: 1.25rem; margin: 0 0 .2rem; color: #143a61; }
.login-sub { color: #57606a; font-size: .86rem; margin: 0 0 1.2rem; }
.login-card form { text-align: left; }
.login-card label {
  display: block; font-size: .8rem; font-weight: 600; color: #34495e;
  text-transform: uppercase; margin: .7rem 0 .2rem;
}
.login-card input {
  width: 100%; padding: .55rem .7rem; border: 1px solid #c4cdd5;
  border-radius: 4px; font-size: .95rem;
}
.login-card input:focus { outline: 2px solid #2a6ca8; border-color: #2a6ca8; }
.login-btn {
  width: 100%; margin-top: 1.1rem; padding: .6rem; border: none;
  border-radius: 4px; background: #1c4e80; color: #fff; font-size: 1rem;
  font-weight: 600; cursor: pointer;
}
.login-btn:hover { background: #143a61; }
.login-erro {
  background: #fdecea; border: 1px solid #f5c6c0; color: #c0392b;
  border-radius: 4px; padding: .5rem .7rem; font-size: .86rem; margin-bottom: .4rem;
}
.login-rodape { color: #8896a4; font-size: .74rem; margin-top: 1.4rem; }