/* /root/anifehras_v2/frontend/css/acc-auth.css — Hesap paketi A: giriş/kayıt modalı.
   Tek kutu seviyesi: modalın kendisi. İçeride ayrım boşluk, ince çizgi (--line) ve tipografiyle;
   alanlar alt çizgili (köşe 0), sekmeler alt çizgili metin. Eylem düğmeleri (تيليجرام, دخول) hap.
   index.html'de #auth-modal-overlay'dan hemen önce yüklenir (components.css'ten sonra: aynı
   özgüllükte bu dosya kazanır). components.css'teki .auth-modal max-width kuralına dokunulmaz. */

#auth-main-modal .auth-heading { font-family: var(--font-display); font-size: 20px; font-weight: 800; color: var(--tx); margin: 0 0 6px; }
#auth-main-modal .auth-lead { font-size: 13px; font-weight: 600; color: var(--mu); line-height: 1.7; margin: 0 0 20px; }

/* Google: hidden özniteliği .btn-google { display:flex }'e yenilmesin */
#auth-google-btn[hidden] { display: none; }

#auth-telegram-btn { min-height: 48px; border-radius: var(--r-pill); }
#auth-telegram-btn:hover { transform: none; box-shadow: none; }

/* «بدون تيليجرام»: metin düğmesi + açılır ok */
.auth-legacy-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 6px; align-self: center; text-decoration: none; color: var(--mu); padding: 10px 8px; }
.auth-legacy-toggle:hover { color: var(--tx); }
.auth-legacy-toggle .ic { transition: transform 0.2s ease; }
.auth-legacy-toggle[aria-expanded="true"] .ic { transform: rotate(180deg); }
#auth-legacy-section { margin-top: 8px; padding-top: 16px; border-top: 1px solid var(--line); text-align: start; }

/* دخول | حساب جديد: kutu yerine alt çizgili sekme */
#auth-legacy-section .auth-tabs { gap: 0; margin-bottom: 16px; padding: 0; background: none; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; }
#auth-legacy-section .auth-tab { padding: 10px; border-radius: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; }
#auth-legacy-section .auth-tab.active { background: none; box-shadow: none; color: var(--tx); border-bottom-color: var(--accent); }

/* Alanlar: alt çizgi (köşe 0 → kutu sayılmaz) */
#auth-legacy-section .input-group input,
#auth-form input { padding: 12px 4px; background: transparent; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; color: var(--tx); }
#auth-legacy-section .input-group input:focus,
#auth-form input:focus { background: transparent; box-shadow: none; border-bottom-color: var(--accent); }
#auth-legacy-section .pw-group input { padding-left: 40px; }
#auth-legacy-section .pw-toggle { left: 4px; }
#auth-legacy-section .pw-strength-container { margin: -10px 0 2px; }

#auth-form { gap: 12px; }
#auth-legacy-section .auth-forgot-row { margin: 0; }
#auth-submit-btn, #rec-submit-btn { padding: 13px; font-size: 15px; border-radius: var(--r-pill); }
#btn-back-to-login { padding: 10px; background: none; border: 0; color: var(--mu); }
#btn-back-to-login:hover { color: var(--tx); }

/* Kurtarma bölümü başlığı: rozet kutusu yerine küçük vurgu metni */
#auth-recover-section .onboarding-header { text-align: start; margin-bottom: 14px; }
#auth-recover-section .onboarding-badge { display: block; padding: 0; margin-bottom: 4px; background: none; border: 0; border-radius: 0; color: var(--gold); }
#auth-recover-section .onboarding-title { font-size: 17px; color: var(--tx); }
#auth-recover-section .onboarding-desc { color: var(--mu); line-height: 1.7; }