/* ═══════════════════════════════════════════════════════
   AV RELACIONAMENTO — Custom Login Styling
   Baseado em DESIGN_SYSTEM.md (Corporate Luxury)
   ═══════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap');

body.login {
  background-color: #0F172A;
  font-family: 'Inter', sans-serif;
  color: #F8FAFC;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

#login {
  width: 400px;
  max-width: 90%;
  padding: 0;
  margin: 0 auto;
}

#login h1 a {
  background-image: url('../assets/images/logotipo.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 220px;
  height: 70px;
  margin-bottom: 24px;
}

#loginform {
  background-color: #1E293B;
  border: 1px solid #334155;
  border-radius: 18px;
  padding: 32px 28px;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.4);
}

#loginform label {
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #94A3B8;
  margin-bottom: 8px;
  display: block;
}

#loginform input[type="text"],
#loginform input[type="password"] {
  background-color: #0F172A;
  border: 1px solid #334155;
  border-radius: 8px;
  color: #F8FAFC;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  padding: 10px 14px;
  margin-bottom: 16px;
  width: 100%;
  box-sizing: border-box;
  outline: none;
  transition: all 0.2s ease;
}

#loginform input[type="text"]:focus,
#loginform input[type="password"]:focus {
  border-color: #1E4D2B;
  box-shadow: 0 0 0 3px rgba(30, 77, 43, 0.3);
}

.forgetmenot {
  margin-bottom: 20px;
}

.forgetmenot label {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  color: #94A3B8;
  text-transform: none;
  font-weight: 500;
}

#wp-submit {
  width: 100%;
  background-color: #1E4D2B;
  color: #FFFFFF;
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 14px;
  padding: 12px;
  border-radius: 9999px;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
  text-shadow: none;
}

#wp-submit:hover {
  background-color: #12301B;
  transform: translateY(-1px);
}

.login #nav, .login #backtoblog {
  text-align: center;
  font-size: 13px;
}

.login #nav a, .login #backtoblog a {
  color: #94A3B8;
  text-decoration: none;
  transition: color 0.2s ease;
}

.login #nav a:hover, .login #backtoblog a:hover {
  color: #38BDF8;
}