/* ═══════════════════════════════════════════════════════════════
   auth-google.css — кнопка «Войти через Google» в модалке входа.
   Слот скрыт, пока в db/google_oauth.json не указан Client ID.
═══════════════════════════════════════════════════════════════ */

.google-auth {
  margin-top: 4px;
}

.auth-divider {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 0 12px;
  color: var(--txt-muted, rgba(255, 255, 255, 0.42));
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.auth-divider::before,
.auth-divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: rgba(255, 255, 255, 0.10);
}

body.theme-light .auth-divider::before,
body.theme-light .auth-divider::after {
  background: rgba(0, 0, 0, 0.10);
}

.google-auth-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.google-auth-btn iframe {
  max-width: 100%;
}

.google-auth-error {
  margin-top: 8px;
  text-align: center;
}