.firebase-auth-box {
  margin: 16px 0 6px;
  display: grid;
  gap: 10px;
}
.firebase-auth-divider {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--wg-muted, #667085);
  font-size: 13px;
}
.firebase-auth-divider::before,
.firebase-auth-divider::after {
  content: "";
  height: 1px;
  flex: 1;
  background: color-mix(in srgb, var(--wg-border, #e5e7eb) 84%, transparent);
}
.firebase-auth-buttons {
  display: grid;
  gap: 8px;
}
.firebase-google-btn {
  min-height: 44px;
  border: 1px solid color-mix(in srgb, var(--wg-border, #e5e7eb) 92%, transparent);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: color-mix(in srgb, var(--wg-surface, #fff) 96%, transparent);
  color: var(--wg-text, #111827);
  font-weight: 650;
  cursor: pointer;
  box-shadow: 0 12px 34px rgba(15,23,42,.07);
}
.firebase-google-btn:hover,
.firebase-google-btn:focus-visible {
  border-color: color-mix(in srgb, var(--wg-primary, #10a37f) 34%, var(--wg-border, #e5e7eb));
  outline: none;
}
.firebase-google-btn:disabled {
  opacity: .65;
  cursor: wait;
}
.firebase-google-icon {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #4285f4;
  font-weight: 800;
  border: 1px solid rgba(148,163,184,.25);
}
.firebase-auth-status {
  min-height: 18px;
  font-size: 13px;
  color: var(--wg-muted, #667085);
  text-align: center;
}
.firebase-auth-status[data-type="error"] {
  color: #b42318;
}
.info-box {
  border: 1px solid color-mix(in srgb, var(--wg-primary, #10a37f) 18%, var(--wg-border, #e5e7eb));
  border-radius: 18px;
  padding: 14px 16px;
  background: color-mix(in srgb, var(--wg-primary, #10a37f) 6%, transparent);
}
.info-box p { margin: 6px 0 0; color: var(--wg-muted, #667085); }
.toggle-row { display:flex; gap:10px; align-items:flex-start; padding:10px 0; }
.toggle-row input { margin-top:3px; }