/* iZoCo Google-only authentication UI — v6 */
.iz-auth .iz-auth-soc {
  grid-template-columns: 1fr !important;
}

.iz-auth .iz-auth-soc > .iz-soc-btn {
  display: none !important;
}

.iz-auth .iz-google-mobile {
  position: relative !important;
  min-height: 44px !important;
  overflow: hidden !important;
  border: 1px solid var(--border, #efe8db);
  border-radius: 12px;
  background: #fff;
}

.iz-auth .iz-google-mobile > div:not(.iz-google-custom) {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: none !important;
  opacity: 0 !important;
}

.iz-auth .iz-google-mobile iframe {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 44px !important;
}

.iz-google-custom {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  pointer-events: none;
  color: var(--ink, #2b2a25);
  font-family: inherit;
  font-size: .9rem;
  font-weight: 600;
}

.iz-google-mark {
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='%234285F4' d='M17.64 9.205c0-.638-.057-1.252-.164-1.841H9v3.481h4.844a4.14 4.14 0 0 1-1.797 2.715v2.258h2.909c1.703-1.568 2.684-3.878 2.684-6.613Z'/%3E%3Cpath fill='%2334A853' d='M9 18c2.43 0 4.467-.806 5.956-2.182l-2.909-2.258c-.806.54-1.835.859-3.047.859-2.344 0-4.328-1.585-5.037-3.714H.956v2.332A9 9 0 0 0 9 18Z'/%3E%3Cpath fill='%23FBBC05' d='M3.963 10.705A5.41 5.41 0 0 1 3.681 9c0-.592.102-1.167.282-1.705V4.963H.956A9 9 0 0 0 0 9c0 1.452.347 2.826.956 4.037l3.007-2.332Z'/%3E%3Cpath fill='%23EA4335' d='M9 3.581c1.321 0 2.507.454 3.441 1.346l2.581-2.581C13.463.892 11.427 0 9 0A9 9 0 0 0 .956 4.963l3.007 2.332C4.672 5.166 6.656 3.581 9 3.581Z'/%3E%3C/svg%3E");
}

.iz-auth[data-iz-mode="login"] .iz-auth-roles {
  display: none !important;
}

.iz-auth .iz-role-signup {
  margin: 2px 0 16px;
}

.iz-role-label {
  margin: 0 0 7px;
  color: var(--ink-2, #4c4a42);
  font-size: .82rem;
  font-weight: 600;
}

.iz-role-note {
  margin: -7px 0 14px;
  color: var(--ink-3, #6f6a5d);
  font-size: .76rem;
  line-height: 1.4;
}