/*
    Giriş / başvuru / şifre sayfaları — uygulama eklentileri.
    Asıl görünüm referansın kendi CSS'inden gelir (sarraftan-ref.css, "Giriş ve başvuru — ekran kaydı 07.10.2026" bloğu);
    burada yalnızca sunucuya bağlı durumlar var: hatalı alan, gönderiliyor, durum simgeleri.
*/
#authPage .auth-top a{display:inline-flex}
#authPage .auth-top .video-btn{min-height:40px}
#authPage input[aria-invalid]:not([type=checkbox]),#authPage .compact-choice[aria-invalid] summary{border-color:var(--danger)}
#authPage .auth-check input[aria-invalid]{outline:1px solid var(--danger);outline-offset:2px}
#authPage .auth-feedback.is-error{color:var(--danger)}
#authPage .auth-primary:disabled{opacity:.7;cursor:progress}
#authPage .compact-choice-options button:disabled{opacity:.5;cursor:default;background:transparent;color:var(--hint)}
#authPage .compact-choice.is-disabled summary{opacity:.55;pointer-events:none}
.auth-status-icon.is-success{color:var(--green,#37d477);border-color:currentColor}
.auth-status-icon.is-error{color:var(--danger);border-color:currentColor}
.auth-center .auth-heading{margin-bottom:6px}
/* Referanstaki logo görselinde (1500×500) kenar boşluğu var; bizimki kırpılmış. Aynı kapladığı alanı ve yazı boyunu vermek için: */
#authPage .auth-logo{width:156px;margin:14.7px 10px}
@media(max-width:600px){#authPage .auth-logo{width:128px;margin:12px 8.5px}}
#authPage .auth-danger{color:var(--danger);border-color:rgba(255,85,112,.45);background:rgba(255,85,112,.08);font-weight:700}