/* ==========================================================================
   YÖNETİM GİRİŞİ — standalone sayfa (Tabler yok)
   Panelle aynı dil: gri zemin, beyaz 20px köşeli kart, tek mavi vurgu,
   koyu tema sistem tercihine göre.
   ========================================================================== */

:root {
    --g-zemin: #f5f5f7;
    --g-yuzey: #ffffff;
    --g-yuzey-2: #f2f2f7;
    --g-metin: #1d1d1f;
    --g-metin-2: #6e6e73;
    --g-metin-3: #76767b; /* WCAG AA: beyaz zeminde ≥4.5:1 (eski #aeaeb2 ≈2.2:1) */
    --g-cizgi: rgba(0, 0, 0, .07);
    --g-vurgu: #0a7cff;
    --g-vurgu-koyu: #0066d6;
    --g-vurgu-yumusak: rgba(10, 124, 255, .12);
    --g-kirmizi: #d93025;
    --g-golge: 0 1px 2px rgba(0, 0, 0, .04), 0 24px 60px rgba(0, 0, 0, .08);
}
/* Giriş her zaman açık temada: panel teması çerezle seçiliyor ve giriş
   öncesinde tercih bilinmiyor; sistem tercihine göre koyu açılması
   kullanıcıyı şaşırttı. */

* { box-sizing: border-box; }
html, body { height: 100%; }
body {
    margin: 0;
    background: var(--g-zemin);
    color: var(--g-metin);
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    /* Çok hafif radyal ışık: zemin düz griden bir tık canlı. */
    background-image: radial-gradient(60rem 40rem at 50% -10%, rgba(10, 124, 255, .07), transparent 60%);
}

.giris {
    min-height: 100%;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: 2rem 1rem calc(2rem + env(safe-area-inset-bottom));
}
.giris__kart {
    width: 100%; max-width: 24rem;
    padding: 2.25rem 2rem 1.75rem;
    background: var(--g-yuzey);
    border: 1px solid var(--g-cizgi);
    border-radius: 20px;
    box-shadow: var(--g-golge);
    animation: giris-gel .35s cubic-bezier(.16, 1, .3, 1);
}
@keyframes giris-gel { from { opacity: 0; transform: translateY(10px) scale(.985); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .giris__kart { animation: none; } }

.giris__marka {
    display: inline-flex; align-items: center; gap: .6rem;
    color: var(--g-metin); text-decoration: none; font-size: 1rem; font-weight: 500; letter-spacing: -.01em;
    margin-bottom: 1.6rem;
}
.giris__marka b { font-weight: 700; }
.giris__logo {
    display: inline-flex; align-items: center; justify-content: center;
    width: 2.25rem; height: 2.25rem; border-radius: 11px;
    background: linear-gradient(145deg, #0a7cff, #4da3ff);
    color: #fff; font-weight: 800; font-size: 1.15rem;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

.giris h1 { margin: 0 0 .3rem; font-size: 1.45rem; font-weight: 700; letter-spacing: -.03em; line-height: 1.2; }
.giris__alt { margin: 0 0 1.4rem; font-size: .86rem; color: var(--g-metin-2); line-height: 1.45; }

.giris__hata {
    display: flex; align-items: flex-start; gap: .5rem;
    margin: 0 0 1rem; padding: .7rem .85rem; border-radius: 12px;
    background: rgba(255, 59, 48, .1); color: var(--g-kirmizi);
    font-size: .84rem; font-weight: 500; line-height: 1.4;
}
.giris__hata svg { width: 1rem; height: 1rem; flex: none; margin-top: .1rem; }

.giris__form { display: flex; flex-direction: column; gap: .9rem; }
.giris__alan { display: flex; flex-direction: column; gap: .35rem; }
.giris__alan > span:first-child { font-size: .76rem; font-weight: 500; color: var(--g-metin-2); padding-left: .15rem; }
.giris__alan input {
    width: 100%; min-height: 2.75rem; padding: 0 .9rem;
    border: 1px solid var(--g-cizgi); border-radius: 12px;
    background: var(--g-yuzey-2); color: var(--g-metin);
    font: inherit; font-size: .95rem;
    transition: box-shadow .15s, background .15s, border-color .15s;
    -webkit-appearance: none; appearance: none;
}
.giris__alan > span:first-child small { font-weight: 400; color: var(--g-metin-3); }
.giris__alan input::placeholder { color: var(--g-metin-3); }
.giris__alan input.input-validation-error { border-color: var(--g-kirmizi); }
.giris__alan-hata { font-size: .76rem; color: var(--g-kirmizi); padding-left: .15rem; }
.giris__alan-hata.field-validation-valid { display: none; }
.giris__ipucu { font-size: .74rem; color: var(--g-metin-2); padding-left: .15rem; }
.giris__not { margin: -.6rem 0 .9rem; font-size: .76rem; color: var(--g-metin-2); }
.giris__alan input:focus { outline: 0; border-color: var(--g-vurgu); background: var(--g-yuzey); box-shadow: 0 0 0 4px var(--g-vurgu-yumusak); }
.giris__alan input:-webkit-autofill { -webkit-box-shadow: 0 0 0 100px var(--g-yuzey-2) inset; -webkit-text-fill-color: var(--g-metin); }

.giris__sifre { position: relative; display: block; }
.giris__sifre input { padding-right: 2.9rem; }
.giris__goz {
    position: absolute; right: .35rem; top: 50%; transform: translateY(-50%);
    width: 2.1rem; height: 2.1rem; border: 0; border-radius: 50%;
    background: transparent; color: var(--g-metin-3); cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center;
    transition: background .15s, color .15s;
}
.giris__goz:hover { background: var(--g-vurgu-yumusak); color: var(--g-vurgu); }
.giris__goz:focus-visible { outline: 0; box-shadow: 0 0 0 3px var(--g-vurgu-yumusak); }
.giris__goz svg { width: 1.1rem; height: 1.1rem; }
.giris__goz .goz-kapali, .giris__goz.acik .goz-acik { display: none; }
.giris__goz.acik .goz-kapali { display: block; }

.giris__dugme {
    position: relative;
    margin-top: .35rem; min-height: 2.85rem; border: 0; border-radius: 999px;
    background: var(--g-vurgu); color: #fff;
    font: inherit; font-size: .95rem; font-weight: 600; letter-spacing: -.01em;
    cursor: pointer; transition: background .15s, transform .1s, box-shadow .15s;
    -webkit-tap-highlight-color: transparent;
}
.giris__dugme:hover { background: var(--g-vurgu-koyu); }
.giris__dugme:active { transform: scale(.985); }
.giris__dugme:focus-visible { outline: 0; box-shadow: 0 0 0 4px var(--g-vurgu-yumusak); }
.giris__dugme:disabled { opacity: .7; cursor: progress; }
.giris__dugme.bekliyor span { visibility: hidden; }
.giris__dugme.bekliyor::after {
    content: ""; position: absolute; left: 50%; top: 50%; width: 1.1rem; height: 1.1rem; margin: -.55rem 0 0 -.55rem;
    border: 2px solid rgba(255, 255, 255, .4); border-top-color: #fff; border-radius: 50%;
    animation: giris-don .7s linear infinite;
}
@keyframes giris-don { to { transform: rotate(360deg); } }

.giris__geri {
    display: inline-block; margin-top: 1.4rem;
    color: var(--g-vurgu); font-size: .84rem; font-weight: 500; text-decoration: none;
}
.giris__geri:hover { text-decoration: underline; }
.giris__telif { margin: 1.5rem 0 0; font-size: .74rem; color: var(--g-metin-3); }

/* reCAPTCHA rozeti köşede durur; formu itmesin. */
.grecaptcha-badge { z-index: 1; }

@media (max-width: 479.98px) {
    .giris { padding: 2.5rem .75rem calc(1rem + env(safe-area-inset-bottom)); justify-content: flex-start; }
    .giris__kart { padding: 1.75rem 1.25rem 1.5rem; border-radius: 18px; }
    .giris h1 { font-size: 1.3rem; }
}

/* reCAPTCHA bildirimi (anahtar verilince _Recaptcha parçası basar). */
.recaptcha-not { margin: -.2rem 0 0; font-size: .7rem; line-height: 1.45; color: var(--g-metin-3); }
.recaptcha-not a { color: var(--g-metin-2); }
.giris__urun { font-size: .7rem; font-weight: 600; color: var(--g-metin-3); letter-spacing: .06em; margin-left: .15rem; }