/* ==========================================================
   AUTH CSS - v120
   Separación quirúrgica de estilos de autenticación.
   Pantallas: login, recuperar contraseña y restablecer contraseña.
   No modifica lógica, rutas, controladores ni formularios.
   ========================================================== */

.login-wrap{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f5f7fb;
}

.login-card{
  width:100%;
  max-width:420px;
  background:#fff;
  border-radius:18px;
  padding:24px;
  box-shadow:0 10px 24px rgba(15,23,42,.08);
}

.login-flash{
  max-width:420px;
  margin:20px auto 0 auto;
  padding:12px 14px;
  border-radius:10px;
}

.login-flash.success{
  background:#ecfdf5;
  color:#065f46;
}

.login-flash.error{
  background:#fef2f2;
  color:#991b1b;
}

@media (max-width: 980px){
  .login-card{
    max-width:calc(100vw - 28px);
    margin:14px;
  }
}