/* static/css/login.css */

/* 1. full‐page dark background */
html, body {
  height: 100% !important;
  margin: 0 !important;
  background-color: #121A37 !important;
}

/* 2. the card */
.login-card {
  background-color: #1E264F !important;
  border: none !important;
  border-radius: 8px !important;
  width: 100% !important;
  max-width: 380px !important;
}

/* 3. logo sizing */
.login-logo {
  max-width: 120px !important;
  height: auto !important;
}

/* 4. headings */
.dashboard-title {
  color: #6C63FF !important;
  font-weight: 600 !important;
  font-size: 1.25rem !important;
}
.dashboard-subtext {
  color: #9BA3B1 !important;
  font-size: 0.95rem !important;
}

/* 5. social buttons base */
.btn-social {
  width: 100% !important;
  padding: 0.75rem !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  border-radius: 4px !important;
  border: none !important;
}

/* 6. Google */
.btn-google {
  background-color: #EA4335 !important;
  color: #fff !important;
}
.btn-google:hover {
  background-color: #D7392D !important;
}

/* 7. greyed Microsoft & LinkedIn */

.btn-linkedin {
  background-color: rgba(0, 119, 181, 0.7) !important;  /* LinkedIn blue */
  color: #fff !important;
}
.btn-linkedin:hover {
  background-color: rgba(0, 85, 130, 0.7) !important;  /* darker on hover */
}

/* 7. Active Microsoft */
.btn-microsoft {
  background-color: #2F2F2F !important;   /* Microsoft dark grey/black brand */
  color: #fff !important;
}
.btn-microsoft:hover {
  background-color: #1F1F1F !important;   /* slightly darker on hover */
}

/* 8. footer */
.footer-text {
  color: #9BA3B1 !important;
  font-size: 0.85rem !important;
}
/* OpenID Connect (“SSO”) button */
.btn-oidc {
  background-color: #6f42c1 !important;   /* pick your corporate accent */
  color: #fff !important;
}
.btn-oidc:hover {
  background-color: #5a379f !important;
}