/**
 * Shared OAuth stack (Google GSI + Facebook + X) for standalone pages (B2B, profile).
 * Google GSI "large" buttons are ~40px tall; FB/X match that so all three rows align.
 */
.btn-fuelpulse-fb {
  background: #1877f2;
  border-color: #1877f2;
  color: #fff;
  font-weight: 600;
}
.btn-fuelpulse-fb:hover {
  background: #166fe5;
  border-color: #166fe5;
  color: #fff;
}
.btn-fuelpulse-x {
  background: #000;
  border-color: #000;
  color: #fff;
  font-weight: 600;
}
.btn-fuelpulse-x:hover {
  background: #14171a;
  border-color: #14171a;
  color: #fff;
}
.fp-oauth-stack {
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
/* Full-width Google button: GSI injects nested divs; constrain to stack width */
.fp-oauth-stack [id$='GoogleHost'] {
  width: 100%;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.fp-oauth-stack [id$='GoogleHost'] > div {
  width: 100% !important;
  max-width: 100% !important;
}
.fp-oauth-stack [id$='GoogleHost'] iframe {
  width: 100% !important;
  height: 40px !important;
  max-width: 100% !important;
  vertical-align: middle;
}
.fp-oauth-stack .fp-oauth-social-btn {
  box-sizing: border-box;
  height: 40px;
  min-height: 40px;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  border-radius: 4px;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
}