/* Google Sign-In vendor control.
 *
 * BG-exempt vendor component ratified 2026-07-06: the button follows
 * Google's self-rendered sign-in guidance, including Roboto Medium 14/20,
 * Google logo colors, and fixed icon padding. Do not add font loaders or
 * external Google CDN requests here.
 */

#screen-login .google-signin-button {
  display: grid;
  width: 100%;
  height: 40px;
  min-height: 40px;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  padding: 0;
  border: 1px solid #747775;
  border-radius: 20px;
  background: #fff;
  color: #1f1f1f;
  cursor: pointer;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  transition:
    background-color var(--duration-fast) var(--easing-standard),
    box-shadow var(--duration-fast) var(--easing-standard);
}

#screen-login .google-signin-button:hover {
  background: #f8faff;
}

#screen-login .google-signin-button:focus-visible {
  box-shadow: var(--shadow-focus-ring);
  outline: none;
}

#screen-login .google-signin-button__icon {
  width: 18px;
  height: 18px;
  justify-self: center;
}

#screen-login .google-signin-button__label {
  grid-column: 2;
  justify-self: center;
}