/* Exact native BuddyBoss SSO overlay IDs. No authentication or redirect logic. */
#bb-sso-redirect-overlay {
  box-sizing: border-box;
  padding: 20px;
  background-color: rgba(17, 17, 19, .97);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #e4e4e7;
}

#bb-sso-redirect-overlay-container {
  box-sizing: border-box;
  width: 100%;
  max-width: 400px;
  padding: 34px 28px 30px;
  background-color: #18181b;
  border: 1px solid #2c2c30;
  border-radius: 16px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, .24);
  text-align: center;
  animation: alcar-sso-card-enter .18s ease-out both;
}

#bb-sso-redirect-overlay-spinner {
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  margin: 0 0 22px;
  border: 3px solid #2c2c30;
  border-top-color: #1488fc;
  border-right-color: #1488fc;
  border-radius: 50%;
  box-shadow: none;
  animation: alcar-sso-loader-turn 1s linear infinite;
}

#bb-sso-redirect-overlay-title {
  max-width: 100%;
  margin: 0 0 10px;
  padding: 0;
  color: #fafafa;
  font: 600 20px/1.4 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: -.025em;
}

#bb-sso-redirect-overlay-text {
  max-width: 100%;
  margin: 0;
  padding: 0;
  color: #a1a1aa;
  font: 400 13px/1.75 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
  text-align: center;
  overflow-wrap: break-word;
}

@keyframes alcar-sso-loader-turn {
  to { transform: rotate(360deg); }
}

@keyframes alcar-sso-card-enter {
  from { opacity: .85; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 400px) {
  #bb-sso-redirect-overlay-container {
    padding: 30px 22px 26px;
    border-radius: 14px;
  }
  #bb-sso-redirect-overlay-title { font-size: 18px; }
  #bb-sso-redirect-overlay-text { font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  #bb-sso-redirect-overlay-container,
  #bb-sso-redirect-overlay-spinner {
    animation: none;
  }
}