/*
  "Google ile devam et" düğmesi (panel girişi, kayıt, Hesabım; 23.10.2026). Google'ın "Sign in with Google" marka kurallarına göre:
  açık tema, beyaz zemin #FFFFFF, 1 px #747775 çerçeve, yazı #1F1F1F, Roboto Medium 14/20 (Roboto yüklenmez: yoksa sistem yazısı),
  20 px resmî dört renkli "G", logo ile yazı arası 10 px, kenar boşluğu 12 px. Logo ve yazı rengi değiştirilmez, logo tek başına
  büyütülmez. Kaynak: developers.google.com/identity/branding-guidelines (Google Identity, "Sign in with Google Branding Guidelines").
  Yükseklik 48 px (dokunma alanı, CLAUDE.md §0; Google 40 px'i en küçük ölçü olarak verir).
*/
.google-form { margin: 0; }
.google-or { display: flex; align-items: center; gap: 12px; color: var(--color-inkmuted); font-size: var(--font-caption); }
.google-or::before, .google-or::after { content: ""; flex: 1; border-top: 1px solid var(--color-line); }
.btn-google {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  width: 100%; min-height: 48px; padding: 0 12px;
  background: #FFFFFF; border: 1px solid #747775; border-radius: 4px;
  color: #1F1F1F; font: 500 14px/20px Roboto, "Segoe UI", system-ui, -apple-system, Arial, sans-serif; letter-spacing: .25px;
  cursor: pointer; text-decoration: none; white-space: normal; text-align: center;
}
.btn-google svg { width: 20px; height: 20px; flex: none; }
/* Google'ın durum katmanı: üzerine gelince #303030 %8, basılıyken %12 */
.btn-google:hover { background: #ECECEC; }
.btn-google:active { background: #E3E3E3; }
.btn-google:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }
.btn-google[disabled] { background: #FFFFFF; border-color: rgba(31, 31, 31, .12); color: rgba(31, 31, 31, .38); cursor: not-allowed; }
.btn-google[disabled] svg { opacity: .38; }
.auth-google { display: grid; gap: var(--space-l); margin-top: var(--space-l); }
.signup-google { display: grid; gap: 12px; margin-bottom: 20px; }
.google-locked { display: flex; align-items: center; gap: 8px; }
.google-locked svg { width: 18px; height: 18px; flex: none; }
/* Kayıt ekranı: Google'dan gelen e-posta kilitli */
.field input[readonly] { background: var(--color-sunken); color: var(--color-inkmuted); cursor: default; }
.link-button {
  min-height: 44px; padding: 10px 4px; background: none; border: 0; color: var(--color-accent);
  font: inherit; font-weight: 600; text-decoration: underline; cursor: pointer;
}