/* ═══════════════════════════════════════════════════════════════════════════
   K3-2 KİMLİK SAYFALARI — Giriş · Kayıt · Parolamı Unuttum · Parola Yenile (TS-18 §9)
   Figma v2 DCdKQZg848qEpjARoCDCXm, sayfa "K3-2 Giriş · Kayıt" (47:2).
   Yalnız *.Yeni.cshtml'de, tokens.css + bilesenler.css'ten sonra yüklenir. Kabuk yok (Layout=null).
   Tüm kurallar body.tasarim-yeni altında; renkler token. Betiklerin ürettiği öğeler (Swal, toast,
   katman, OTP kutuları, çerez bandı) burada biçimlenir; betiklere dokunulmadı.
   Geçiş: 0,2 sn simetrik (sayfa-ana §16 değerleri); :active anlık.
   ═══════════════════════════════════════════════════════════════════════════ */

body.tasarim-yeni {
    --sa-gecis-sure: 0.2s;
    --sa-gecis-egri: cubic-bezier(0.45, 0, 0.55, 1);
    margin: 0;
    min-height: 100vh;
    min-height: 100dvh;
    background-color: var(--k-zemin);
    background-image:
        radial-gradient(60% 45% at 0% 0%, var(--k-isik-zemin-sari), transparent 70%),
        radial-gradient(55% 45% at 100% 0%, var(--k-isik-zemin-mavi), transparent 70%);
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: var(--k-murekkep);
    font-family: var(--k-yazi-govde);
    font-size: var(--k-boyut-govde);
    line-height: var(--k-satir-govde);
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}
body.tasarim-yeni *, body.tasarim-yeni *::before, body.tasarim-yeni *::after { box-sizing: border-box; }

/* ── Sayfa düzeni ── */
body.tasarim-yeni .kml {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--k-bosluk-4);
    width: 100%;
    padding: var(--k-bosluk-6) var(--k-bosluk-4) var(--k-bosluk-10);
}
/* K4 OR-32: kısa oturumsuz sayfalarda kart ekranın ortasında (yüksek ekranda alt yarı boş kalmaz); uzun içerikte (Kayıt Ol) doğal akış,
   telefonda üstten 24 px. */
@media (min-width: 768px) {
    body.tasarim-yeni .kml:not(.kml-dg) { min-height: 100dvh; justify-content: center; padding-top: var(--k-bosluk-6); }
    /* TelefonDogrulama ve TwoFactorAuth (.kml-dg) aynı CSS'i yükler; oturum/akış gerektirdiklerinden açılıp doğrulanamadı → bugünkü yerleşim (üstten 96 px) aynen */
    body.tasarim-yeni .kml.kml-dg { padding-top: 96px; }
}
body.tasarim-yeni .kml-kart {
    position: relative;
    width: 100%;
    max-width: 400px;
    padding: 28px var(--k-bosluk-5) var(--k-bosluk-6);
    border-radius: var(--k-kose-lg);
    background: var(--kb-kart-zemin);
    box-shadow: var(--k-golge-kart);
}
body.tasarim-yeni .kml-kart--genis { max-width: 616px; }
@media (min-width: 768px) {
    body.tasarim-yeni .kml-kart { padding: 32px 28px 28px; }
    body.tasarim-yeni .kml-kart--genis { padding: 36px 32px 32px; }
}
body.tasarim-yeni .kml-ek { width: 100%; max-width: 400px; }

/* ── Logo ve başlıklar ── */
body.tasarim-yeni .kml-logo { display: flex; justify-content: center; margin: 0 0 var(--k-bosluk-5); }
body.tasarim-yeni .kml-logo .fp-logo { font-size: 32px; color: var(--k-murekkep); }
body.tasarim-yeni .kml-baslik {
    margin: 0 0 var(--k-bosluk-2);
    text-align: center;
    font-size: var(--k-boyut-baslik-sayfa);
    font-weight: var(--k-agirlik-baslik);
    line-height: var(--k-satir-baslik);
    letter-spacing: var(--k-harf-aralik-baslik);
    color: var(--k-murekkep);
}
body.tasarim-yeni .kml-aciklama {
    margin: 0 0 var(--k-bosluk-6);
    text-align: center;
    font-size: var(--k-boyut-sm);
    color: var(--k-murekkep-ikincil);
    text-wrap: pretty;
}
body.tasarim-yeni .kml-kart--genis .kml-baslik { margin-bottom: var(--k-bosluk-6); }

/* ── Bağlantılar (alt çizgi YOK; renk/zemin tepkisi) ── */
body.tasarim-yeni .kml a { color: var(--k-murekkep); text-decoration: none; transition: color var(--sa-gecis-sure) var(--sa-gecis-egri), background-color var(--sa-gecis-sure) var(--sa-gecis-egri); }
body.tasarim-yeni .kml a:hover { color: var(--k-murekkep-ikincil); }
body.tasarim-yeni .kml-kalin-baglanti { font-weight: var(--k-agirlik-yari-kalin); }
body.tasarim-yeni .kml-baglanti {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: var(--k-boyut-dokunma);
    padding: 0 var(--k-bosluk-2);
    margin-right: calc(var(--k-bosluk-2) * -1);
    border-radius: var(--k-kose-sm);
    font-size: var(--k-boyut-sm);
    font-weight: var(--k-agirlik-yari-kalin);
    white-space: nowrap;
}
body.tasarim-yeni .kml-baglanti:hover { background: var(--k-yuzey-batik); color: var(--k-murekkep); }
body.tasarim-yeni .kml-baglanti i { font-size: 16px; }
body.tasarim-yeni .kml-alt-satir {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    min-height: var(--k-boyut-dokunma);
    margin-top: var(--k-bosluk-3);
    font-size: var(--k-boyut-sm);
    color: var(--k-murekkep-ikincil);
    text-align: center;
}
body.tasarim-yeni .kml-alt-satir a { display: inline-flex; align-items: center; gap: 6px; min-height: var(--k-boyut-dokunma); }

/* ── Odak halkası (tokens sistemi: mürekkep + sarı iç) ── */
body.tasarim-yeni .kml :is(a, button, input, select, textarea):focus-visible,
body.tasarim-yeni .kml-pencere :is(a, button, input):focus-visible {
    outline: var(--k-odak-kalinlik) solid var(--k-odak);
    outline-offset: 2px;
    box-shadow: 0 0 0 4px var(--k-odak-ic);
}

/* ── Yöntem seçici (B-07 segment, role=tablist) ── */
body.tasarim-yeni .kml-segment {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    margin: 0 0 var(--k-bosluk-6);
    padding: 4px;
    border-radius: var(--k-kose-md);
    background: var(--k-yuzey-batik);
    box-shadow: var(--k-golge-batik);
}
body.tasarim-yeni .kml-segment .method-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: var(--k-boyut-dokunma);
    padding: 0 var(--k-bosluk-2);
    border: 0;
    border-radius: var(--k-kose-sm);
    background: transparent;
    color: var(--kb-sekme-metin);
    font: inherit;
    font-size: var(--k-boyut-sm);
    font-weight: var(--k-agirlik-yari-kalin);
    white-space: nowrap;
    cursor: pointer;
    transition: background-color var(--sa-gecis-sure) var(--sa-gecis-egri), color var(--sa-gecis-sure) var(--sa-gecis-egri), box-shadow var(--sa-gecis-sure) var(--sa-gecis-egri);
}
body.tasarim-yeni .kml-segment .method-btn i { font-size: 18px; }
body.tasarim-yeni .kml-segment .method-btn:hover { color: var(--kb-sekme-metin-secili); }
body.tasarim-yeni .kml-segment .method-btn.active { background: var(--k-yuzey); color: var(--kb-sekme-metin-secili); box-shadow: var(--k-golge-kart); }
@media (max-width: 359px) {
    body.tasarim-yeni .kml-segment .method-btn { font-size: var(--k-boyut-xs); gap: 4px; }
}

/* ── Alan (K3 Alan): etiket · kutu 48 · yardım ── */
body.tasarim-yeni .kml-form { margin: 0; }
body.tasarim-yeni .kml-alan { margin: 0 0 var(--k-bosluk-4); min-width: 0; }
body.tasarim-yeni .kml-etiket {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 6px;
    min-height: 21px;
    margin: 0 0 6px;
    font-size: var(--k-boyut-sm);
    font-weight: var(--k-agirlik-orta);
    color: var(--k-murekkep);
}
body.tasarim-yeni .kml-zorunlu { color: var(--k-hata); font-weight: var(--k-agirlik-yari-kalin); }
body.tasarim-yeni .kml-istege { font-size: var(--k-boyut-xs); font-weight: var(--k-agirlik-normal); color: var(--k-murekkep-soluk); }
body.tasarim-yeni .kml-istege--sag { margin-left: auto; }
body.tasarim-yeni .kml-girdi {
    display: block;
    width: 100%;
    min-width: 0;
    height: 48px;
    margin: 0;
    padding: 0 14px;
    border: 1px solid transparent;
    border-radius: var(--k-kose-md);
    background: var(--kb-girdi-zemin);
    box-shadow: var(--k-golge-girdi);
    color: var(--kb-girdi-metin);
    font: inherit;
    font-size: var(--k-boyut-md);   /* ≥ 16 px: iOS yakınlaştırmaz */
    line-height: 1.25;
    transition: background-color var(--sa-gecis-sure) var(--sa-gecis-egri), border-color var(--sa-gecis-sure) var(--sa-gecis-egri), box-shadow var(--sa-gecis-sure) var(--sa-gecis-egri);
    -webkit-appearance: none;
    appearance: none;
}
body.tasarim-yeni .kml-girdi::placeholder { color: var(--k-murekkep-ikincil); opacity: 1; }
body.tasarim-yeni .kml-girdi:hover { border-color: var(--k-cizgi); }
body.tasarim-yeni .kml .kml-girdi:focus-visible,
body.tasarim-yeni .kml-pencere .kml-girdi:focus-visible,
body.tasarim-yeni .kml-girdi:focus {
    outline: none;
    background: var(--kb-girdi-zemin-odak);
    border-color: var(--kb-girdi-cizgi-odak);
    box-shadow: 0 0 0 3px var(--k-odak-ic);
}
body.tasarim-yeni .kml-girdi:disabled { color: var(--k-murekkep-pasif); cursor: not-allowed; border-color: transparent; }
body.tasarim-yeni .kml-girdi--cok { height: auto; min-height: 76px; padding-top: 12px; padding-bottom: 12px; resize: vertical; line-height: var(--k-satir-govde); }
body.tasarim-yeni .kml-secim {
    padding-right: 40px;
    cursor: pointer;
    background-image: none;
}
body.tasarim-yeni .kml-alan:has(.kml-secim) { position: relative; }
body.tasarim-yeni .kml-alan:has(.kml-secim)::after {
    content: "";
    position: absolute;
    right: 14px;
    bottom: 14px;
    width: 20px;
    height: 20px;
    background: var(--k-murekkep-ikincil);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6l6 -6'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6l6 -6'/%3E%3C/svg%3E") center / contain no-repeat;
    pointer-events: none;
}
body.tasarim-yeni .kml-yardim {
    display: block;
    margin-top: 6px;
    padding-right: var(--k-bosluk-2);
    font-size: var(--k-boyut-xs);
    line-height: 1.45;
    color: var(--k-murekkep-ikincil);
}
body.tasarim-yeni .kml-yardim code { font-family: var(--k-yazi-govde); font-size: inherit; color: inherit; }
body.tasarim-yeni .kml-izgara { display: grid; grid-template-columns: 1fr; column-gap: var(--k-bosluk-4); }
@media (min-width: 640px) {
    body.tasarim-yeni .kml-izgara { grid-template-columns: 1fr 1fr; }
}

/* Girdi + ön ek / ikon / göz düğmesi */
body.tasarim-yeni .kml-girdi-sar { position: relative; display: block; min-width: 0; flex: 1 1 auto; }
body.tasarim-yeni .kml-girdi-sar:has(.kml-goz) .kml-girdi { padding-right: 52px; }
body.tasarim-yeni .kml-girdi-sar--onek .kml-girdi { padding-left: 52px; }
body.tasarim-yeni .kml-onek {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: var(--k-boyut-md);
    font-weight: var(--k-agirlik-yari-kalin);
    color: var(--k-murekkep);
    pointer-events: none;
}
body.tasarim-yeni .kml-girdi-sar--ikon .kml-girdi { padding-left: 40px; }
body.tasarim-yeni .kml-girdi-ikon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); font-size: 18px; color: var(--k-murekkep-ikincil); pointer-events: none; }
body.tasarim-yeni .kml-goz {
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--k-boyut-dokunma);
    height: var(--k-boyut-dokunma);
    padding: 0;
    border: 0;
    border-radius: var(--k-kose-sm);
    background: transparent;
    color: var(--k-murekkep-ikincil);
    font-size: 20px;
    cursor: pointer;
    transition: color var(--sa-gecis-sure) var(--sa-gecis-egri), background-color var(--sa-gecis-sure) var(--sa-gecis-egri);
}
body.tasarim-yeni .kml-goz:hover { color: var(--k-murekkep); background: var(--k-yuzey-2); }
/* Parola Yenile: betik düğme metnini emoji ile değiştirir → metin gizli, ikon alan türünden */
body.tasarim-yeni .password-toggle-btn { font-size: 0; }
body.tasarim-yeni .password-toggle-btn::before {
    content: "";
    width: 20px;
    height: 20px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0'/%3E%3Cpath d='M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0'/%3E%3Cpath d='M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.tasarim-yeni .kml-girdi-sar:has(input[type="text"]) .password-toggle-btn::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.585 10.587a2 2 0 0 0 2.829 2.828'/%3E%3Cpath d='M16.681 16.673a8.717 8.717 0 0 1 -4.681 1.327c-3.6 0 -6.6 -2 -9 -6c1.272 -2.12 2.712 -3.678 4.32 -4.674m2.86 -1.146a9.055 9.055 0 0 1 1.82 -.18c3.6 0 6.6 2 9 6c-.666 1.11 -1.379 2.067 -2.138 2.87'/%3E%3Cpath d='M3 3l18 18'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.585 10.587a2 2 0 0 0 2.829 2.828'/%3E%3Cpath d='M16.681 16.673a8.717 8.717 0 0 1 -4.681 1.327c-3.6 0 -6.6 -2 -9 -6c1.272 -2.12 2.712 -3.678 4.32 -4.674m2.86 -1.146a9.055 9.055 0 0 1 1.82 -.18c3.6 0 6.6 2 9 6c-.666 1.11 -1.379 2.067 -2.138 2.87'/%3E%3Cpath d='M3 3l18 18'/%3E%3C/svg%3E");
}

/* Alan + düğme ikilisi (Telefon + Doğrula, Referans + kontrol): 48 px, köşe 12, aralık 8 */
body.tasarim-yeni .kml-ikili { display: flex; gap: var(--k-bosluk-2); align-items: stretch; }
body.tasarim-yeni .kml-ikili > .kml-girdi { flex: 1 1 auto; }

/* ── Onay kutusu: kutu ilk satırla üst hizalı; satır ≥ 44 px ── */
body.tasarim-yeni .kml-secenekler {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--k-bosluk-2);
    margin: calc(var(--k-bosluk-1) * -1) 0 0;
}
body.tasarim-yeni .kml-onay {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-height: var(--k-boyut-dokunma);
    padding: 12px 0;
    margin: 0;
    font-size: var(--k-boyut-sm);
    line-height: 20px;
    color: var(--k-murekkep-ikincil);
    cursor: pointer;
}
body.tasarim-yeni .kml-onay--kosul { margin: 0 0 var(--k-bosluk-4); color: var(--k-murekkep-ikincil); }
body.tasarim-yeni .kml-onay__metin { margin: 0; cursor: pointer; user-select: none; }
/* "Beni Hatırla (15 gün)" ve "Şifremi Unuttum" tek satırda kalır; dar ekranda sığmazsa ikisi alt alta geçer (kelime kırılmaz) */
body.tasarim-yeni .kml-secenekler { flex-wrap: wrap; column-gap: var(--k-bosluk-2); row-gap: 0; }
body.tasarim-yeni .kml-secenekler > .kml-onay .kml-onay__metin,
body.tasarim-yeni .kml-secenekler > .kml-baglanti { white-space: nowrap; }
body.tasarim-yeni .kml-onay__govde { min-width: 0; }
body.tasarim-yeni .kml-onay__aciklama { margin-top: 6px; font-size: 13px; line-height: 1.45; color: var(--k-murekkep-ikincil); }
body.tasarim-yeni .kml-onay--cok { padding: 10px 0; color: var(--k-murekkep); }
body.tasarim-yeni .kml-onay__kutu {
    position: relative;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin: 0;
    border: 1.5px solid var(--k-cizgi-guclu);
    border-radius: 6px;
    background: var(--k-yuzey);
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    transition: background-color var(--sa-gecis-sure) var(--sa-gecis-egri), border-color var(--sa-gecis-sure) var(--sa-gecis-egri);
}
body.tasarim-yeni .kml-onay__kutu:hover { border-color: var(--k-murekkep-ikincil); }
body.tasarim-yeni .kml-onay__kutu:checked { background: var(--k-eylem); border-color: var(--k-eylem); }
body.tasarim-yeni .kml-onay__kutu::after {
    content: "";
    position: absolute;
    inset: 1px;
    background: var(--k-eylem-uzerinde);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5l10 -10'/%3E%3C/svg%3E") center / 14px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5l10 -10'/%3E%3C/svg%3E") center / 14px no-repeat;
    opacity: 0;
}
body.tasarim-yeni .kml-onay__kutu:checked::after { opacity: 1; }

/* ── Düğmeler (B-23): birincil sarı 52 (29.10), ikincil yüzey ── */
body.tasarim-yeni .kml-dugme {
    display: block;
    width: 100%;
    min-height: var(--k-boyut-dugme-buyuk);
    margin: 0;
    padding: 0 var(--k-bosluk-5);
    border: 0;
    border-radius: var(--k-kose-buyuk-dugme);
    font: inherit;
    font-size: var(--k-boyut-md);
    font-weight: var(--k-agirlik-yari-kalin);
    line-height: var(--k-boyut-dugme-buyuk);
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    transition: box-shadow var(--sa-gecis-sure) var(--sa-gecis-egri), background-color var(--sa-gecis-sure) var(--sa-gecis-egri), color var(--sa-gecis-sure) var(--sa-gecis-egri), opacity var(--sa-gecis-sure) var(--sa-gecis-egri);
}
body.tasarim-yeni .kml-dugme i { font-size: 18px; vertical-align: -3px; margin-right: 4px; }
/* Ana düğme SARI (29.10 kullanıcı kararı: koyu ana düğme bu sayfalarda ruhsuz duruyordu; eski görünümdeki gibi sarı).
   Giriş/Kayıt/Parola ana düğmeleri, Swal onay düğmesi ve çerez bandı "Tamam" aynı sarıyı kullanır. */
body.tasarim-yeni .kml-dugme--birincil {
    background: linear-gradient(180deg, var(--kb-dugme-sari-ust), var(--kb-dugme-sari-alt));
    color: var(--kb-dugme-sari-metin);
    box-shadow: var(--k-golge-sari);
}
body.tasarim-yeni .kml-dugme--birincil:hover { box-shadow: var(--k-golge-sari-ustunde); }
body.tasarim-yeni .kml-dugme--ikincil {
    background: linear-gradient(180deg, var(--kb-dugme-ikincil-ust), var(--kb-dugme-ikincil-alt));
    color: var(--kb-dugme-ikincil-metin);
    box-shadow: var(--k-golge-kart);
}
body.tasarim-yeni .kml-dugme--ikincil:hover { box-shadow: var(--k-golge-kart-ustunde); }
body.tasarim-yeni .kml-dugme--sade { min-height: var(--k-boyut-dokunma); line-height: var(--k-boyut-dokunma); background: transparent; color: var(--kb-dugme-sade-metin); font-size: var(--k-boyut-sm); }
body.tasarim-yeni .kml-dugme--sade:hover { background: var(--k-yuzey-batik); color: var(--k-murekkep); }
body.tasarim-yeni .kml-dugme--alan,
body.tasarim-yeni .kml-dugme--ikon { flex: 0 0 auto; width: auto; min-height: 48px; line-height: 48px; border-radius: var(--k-kose-md); font-size: var(--k-boyut-sm); padding: 0 var(--k-bosluk-4); }
body.tasarim-yeni .kml-dugme--ikon { width: 48px; padding: 0; }
body.tasarim-yeni .kml-dugme--ikon i { margin: 0; }
body.tasarim-yeni .kml-dugme--kucuk { display: inline-block; width: auto; min-height: var(--k-boyut-dokunma); line-height: var(--k-boyut-dokunma); padding: 0 var(--k-bosluk-4); border-radius: var(--k-kose-md); font-size: var(--k-boyut-sm); }
body.tasarim-yeni .kml-dugme:active { transition-duration: 0s; }
body.tasarim-yeni .kml-dugme--birincil:active { box-shadow: var(--k-golge-sari); background: var(--kb-dugme-sari-alt); }
body.tasarim-yeni .kml-dugme:disabled { opacity: 0.55; cursor: not-allowed; box-shadow: none; }

/* ── Batık kutular: çerez bilgi, iOS adımları, not, hesap ── */
body.tasarim-yeni .kml-batik {
    padding: 14px var(--k-bosluk-4);
    border-radius: var(--k-kose-md);
    background: var(--k-yuzey-batik);
    box-shadow: var(--k-golge-batik);
    font-size: 13px;
    line-height: 1.55;
    color: var(--k-murekkep-ikincil);
}
body.tasarim-yeni .kml-batik p { margin: 0; }
body.tasarim-yeni .kml-batik__baslik { display: flex; align-items: center; gap: 6px; margin: 0 0 var(--k-bosluk-2); font-size: var(--k-boyut-sm); font-weight: var(--k-agirlik-kalin); color: var(--k-murekkep); }
body.tasarim-yeni .kml-batik ol { margin: 0; padding-left: 20px; }
body.tasarim-yeni .kml-batik li { margin: 0 0 4px; }
body.tasarim-yeni .kml-batik__not { margin-top: var(--k-bosluk-2) !important; font-size: var(--k-boyut-xs); }
body.tasarim-yeni .kml-batik--not { display: flex; gap: 10px; align-items: flex-start; margin-top: var(--k-bosluk-5); }
body.tasarim-yeni .kml-batik--not i { font-size: 18px; color: var(--k-not-ikon, var(--k-murekkep)); margin-top: 1px; }
/* K4 OR-20 / KR-04 b: not ve çerez bilgi kutusu = .k-not dili (açık sarı, çerçevesiz, 14 px); gri-bej batık dolgu yok */
body.tasarim-yeni .kml-batik--not,
body.tasarim-yeni .kml-cerez-bilgi.kml-batik { background: var(--k-not-zemin, var(--k-yuzey-batik)); box-shadow: none; font-size: var(--k-boyut-sm); }
body.tasarim-yeni .kml-batik--not p, body.tasarim-yeni .kml-cerez-bilgi p { text-wrap-style: pretty; }
/* K4 kayit-ol-05: E-posta / Telefon satırı 10/14 (Telefon + Doğrula sığar); yardım metni sütun genişliğinde */
@media (min-width: 768px) {
    body.tasarim-yeni .kml-izgara.kml-izgara--eposta { grid-template-columns: minmax(0, 10fr) minmax(0, 14fr); align-items: start; }
}
/* K4 giris-01: görünür başlık (logonun altında) */
body.tasarim-yeni .kml-baslik--giris { margin: 0 0 var(--k-bosluk-4); }
/* K4 giris-02: dar ekranda "Parolamı Unuttum" kırılınca da sağda kalır */
body.tasarim-yeni .kml-secenekler { row-gap: var(--k-bosluk-1); }
body.tasarim-yeni .kml-secenekler > .kml-baglanti { margin-inline-start: auto; }
/* K4 giris-05: iki onay etiketi aynı renk */
body.tasarim-yeni .kml-onay__metin { color: var(--k-murekkep-ikincil); }
/* K4 kayit-ol-04 (KR-36 a): geniş ekranda "Kontrol Et" yazılı, telefonda yalnız simge */
body.tasarim-yeni .kml-kontrol-metin { display: none; }
@media (min-width: 768px) {
    body.tasarim-yeni #btnCheckReferans.kml-dugme--ikon { inline-size: auto; aspect-ratio: auto; gap: 6px; padding-inline: var(--k-bosluk-4); }
    body.tasarim-yeni #btnCheckReferans .kml-kontrol-metin { display: inline; }
}
body.tasarim-yeni .kml-batik--hesap { margin: 0 0 var(--k-bosluk-5); font-size: var(--k-boyut-sm); }
body.tasarim-yeni .kml-batik strong { color: var(--k-murekkep); }

/* ── Mağaza bağlantıları (giriş; 29.10 "Uygulamayı Cihaza Kur" yerine) ── */
body.tasarim-yeni .kml-magazalar__baslik { margin: 0 0 var(--k-bosluk-2); padding: 0 var(--k-bosluk-1); font-size: 13px; font-weight: var(--k-agirlik-yari-kalin); color: var(--k-murekkep-ikincil); }
/* K4 giris-03/04 (KR-17 a): mağaza bağlantıları tek sade satır (simge + ad; alt yazı yalnız ekran okuyucuya), "uygulama olarak kur" altında ayrı düğme */
body.tasarim-yeni .kml-magazalar__izgara { display: flex; flex-wrap: wrap; gap: var(--k-bosluk-2); }
body.tasarim-yeni .kml-magazalar__izgara > .kml-magaza { flex: 1 1 0; min-width: 0; justify-content: center; }
/* F2-Y5: üç bağlantı her genişlikte tek satırda, simge üstte, ad altta (400 px kartta yan yana simge+ad sığmıyor, "Microsoft Store" kart kenarını aşıyordu) */
body.tasarim-yeni .kml-magazalar__izgara { flex-wrap: nowrap; margin-bottom: var(--k-bosluk-2); }   /* Chrome düğmesiyle arada boşluk (kur kuralının margin-top'u .kml-magaza sıfırlamasına yeniliyordu) */
body.tasarim-yeni .kml .kml-magazalar__izgara > .kml-magaza { flex-direction: column; justify-content: center; gap: 4px; padding: 8px 4px; text-align: center; }
body.tasarim-yeni .kml-magazalar__izgara .kml-magaza__ad { font-size: 12px; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
body.tasarim-yeni .kml-magazalar__izgara .kml-magaza__metin { align-items: center; max-width: 100%; }
body.tasarim-yeni .kml-magazalar__izgara .kml-magaza__alt {
    position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
body.tasarim-yeni .kml .kml-magaza--kur { margin-top: var(--k-bosluk-2); justify-content: center; min-height: var(--k-boyut-dokunma); }
body.tasarim-yeni .kml-magaza--kur .kml-magaza__metin { flex-direction: row; align-items: baseline; gap: 6px; }
body.tasarim-yeni .kml-magaza--kur .kml-magaza__alt { font-size: 13px; color: var(--k-murekkep); font-weight: var(--k-agirlik-yari-kalin); }
body.tasarim-yeni .kml .kml-magaza {
    display: flex;
    width: 100%;
    margin: 0;
    border: 0;
    font: inherit;
    text-align: left;
    cursor: pointer;
    align-items: center;
    gap: 10px;
    min-height: 56px;
    padding: 8px 12px;
    border-radius: var(--k-kose-md);
    background: linear-gradient(180deg, var(--kb-dugme-ikincil-ust), var(--kb-dugme-ikincil-alt));
    box-shadow: var(--k-golge-kart);
    color: var(--k-murekkep);
    transition: box-shadow var(--sa-gecis-sure) var(--sa-gecis-egri), background-color var(--sa-gecis-sure) var(--sa-gecis-egri);
}
body.tasarim-yeni .kml .kml-magaza:hover { box-shadow: var(--k-golge-kart-ustunde); color: var(--k-murekkep); }
body.tasarim-yeni .kml .kml-magaza:active { transition-duration: 0s; box-shadow: var(--k-golge-kart); }
body.tasarim-yeni .kml-magaza i { flex: 0 0 auto; font-size: 22px; line-height: 1; }
body.tasarim-yeni .kml-magaza__metin { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
body.tasarim-yeni .kml-magaza__ad { font-size: 13px; font-weight: var(--k-agirlik-yari-kalin); white-space: nowrap; }
body.tasarim-yeni .kml-magaza__alt { font-size: var(--k-boyut-xs); color: var(--k-murekkep-ikincil); }
body.tasarim-yeni .kml-magazalar__not { margin: var(--k-bosluk-2) 0 0; padding: 0 var(--k-bosluk-1); font-size: var(--k-boyut-xs); line-height: 1.5; color: var(--k-murekkep-ikincil); }
body.tasarim-yeni .kml-magazalar__not i { font-size: 14px; vertical-align: -2px; color: var(--k-murekkep); }
/* Kurulu uygulamada (PWA, Play/Microsoft Store kabuğu) indirme önerisi anlamsız */
@media (display-mode: standalone) { body.tasarim-yeni .kml-magazalar { display: none; } }

/* ── B-43 satır içi bant (TempData, OTP hatası) ── */
body.tasarim-yeni .kml-bant {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin: 0 0 var(--k-bosluk-5);
    padding: 12px 14px;
    border-radius: var(--k-kose-md);
    font-size: var(--k-boyut-sm);
    line-height: 1.45;
    text-align: left;
}
body.tasarim-yeni .kml-bant i { font-size: 18px; line-height: 20px; }
body.tasarim-yeni .kml-bant--basari { background: var(--kb-mesaj-basari-zemin); color: var(--kb-mesaj-basari-metin); }
body.tasarim-yeni .kml-bant--uyari { background: var(--kb-mesaj-uyari-zemin); color: var(--kb-mesaj-uyari-metin); }
body.tasarim-yeni .kml-bant--hata { background: var(--kb-mesaj-hata-zemin); color: var(--kb-mesaj-hata-metin); }
body.tasarim-yeni .kml-dogrulama { color: var(--k-hata); font-size: var(--k-boyut-sm); }
body.tasarim-yeni .kml-dogrulama ul { margin: 0 0 var(--k-bosluk-3); padding-left: 18px; }
body.tasarim-yeni .validation-summary-valid { display: none; }

/* ── Giriş: "Giriş yapılıyor…" katmanı (betik .active) ── */
body.tasarim-yeni .login-loading-overlay {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: var(--k-yuzey);
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--sa-gecis-sure) var(--sa-gecis-egri), visibility 0s linear var(--sa-gecis-sure);
}
body.tasarim-yeni .login-loading-overlay.active { opacity: 1; visibility: visible; transition: opacity var(--sa-gecis-sure) var(--sa-gecis-egri); }
body.tasarim-yeni .loading-logo { font-size: 32px; margin-bottom: var(--k-bosluk-3); color: var(--k-murekkep); }
body.tasarim-yeni .login-loading-text { font-size: var(--k-boyut-md); font-weight: var(--k-agirlik-yari-kalin); color: var(--k-murekkep); }
body.tasarim-yeni .login-loading-subtext { font-size: var(--k-boyut-sm); color: var(--k-murekkep-ikincil); }
body.tasarim-yeni .kml-katman__cizgi { position: relative; width: 80px; height: 3px; margin-top: var(--k-bosluk-4); border-radius: var(--k-kose-tam); background: var(--kb-ilerleme-ray); overflow: hidden; }
body.tasarim-yeni .kml-katman__cizgi::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 40%; border-radius: inherit; background: var(--kb-ilerleme-dolu-alt); animation: kml-ilerle 1.1s var(--sa-gecis-egri) infinite alternate; }
@keyframes kml-ilerle { from { transform: translateX(0); } to { transform: translateX(150%); } }

/* ── Toast (TempData): sağ üst; betik başlık zeminini satır içi verir ── */
body.tasarim-yeni .kml-toast-yuva { position: fixed; top: var(--k-bosluk-4); right: var(--k-bosluk-4); left: var(--k-bosluk-4); z-index: 11000; display: flex; justify-content: flex-end; pointer-events: none; }
body.tasarim-yeni #messageToast { display: none; width: 100%; max-width: 360px; border-radius: var(--k-kose-md); background: var(--k-yuzey); box-shadow: var(--k-golge-cekmece); overflow: hidden; pointer-events: auto; font-size: var(--k-boyut-sm); }
body.tasarim-yeni #messageToast.show { display: block; }
body.tasarim-yeni #messageToast .toast-header { display: flex; align-items: center; gap: var(--k-bosluk-2); padding: 4px 4px 4px 14px; font-weight: var(--k-agirlik-yari-kalin); }
body.tasarim-yeni #messageToast .me-auto { margin-right: auto; }
/* Betik başlığa satır içi pastel renk yazar (Bootstrap tonları); tür aynı kalır, renk token'a çekilir */
body.tasarim-yeni #toastHeader[style*="212, 237, 218"] { background: var(--k-basari-zemin) !important; color: var(--k-basari) !important; }
body.tasarim-yeni #toastHeader[style*="248, 215, 218"] { background: var(--k-hata-zemin) !important; color: var(--k-hata) !important; }
body.tasarim-yeni #toastHeader[style*="255, 243, 205"] { background: var(--k-uyari-zemin) !important; color: var(--k-uyari) !important; }
body.tasarim-yeni #toastHeader[style*="209, 236, 241"] { background: var(--k-bilgi-zemin) !important; color: var(--k-bilgi) !important; }
body.tasarim-yeni #messageToast .btn-close { display: inline-flex; align-items: center; justify-content: center; width: var(--k-boyut-dokunma); height: var(--k-boyut-dokunma); padding: 0; border: 0; border-radius: var(--k-kose-sm); background: transparent; color: inherit; font-size: 18px; cursor: pointer; }
body.tasarim-yeni #messageToast .toast-body { padding: 10px 14px 14px; color: var(--k-murekkep); }

/* ── Kayıt: numaralı bölümler, 1 px ayraç ── */
body.tasarim-yeni .kml-bolum { padding: 0 0 var(--k-bosluk-6); margin: 0 0 var(--k-bosluk-6); border-bottom: 1px solid var(--k-cizgi); }
body.tasarim-yeni .kml-bolum--son { border-bottom: 0; margin-bottom: var(--k-bosluk-5); padding-bottom: 0; }
body.tasarim-yeni .kml-bolum__baslik {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 var(--k-bosluk-4);
    font-size: var(--k-boyut-baslik-bolum);
    font-weight: var(--k-agirlik-baslik);
    line-height: var(--k-satir-kart-baslik);
    color: var(--k-murekkep);
}
body.tasarim-yeni .kml-bolum__no {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    border-radius: var(--k-kose-tam);
    background: var(--k-yuzey-batik);
    box-shadow: var(--k-golge-batik);
    font-size: var(--k-boyut-xs);
    font-weight: var(--k-agirlik-yari-kalin);
    color: var(--k-murekkep);
}
body.tasarim-yeni .kml-not { display: flex; gap: 6px; align-items: flex-start; margin: 0; font-size: var(--k-boyut-xs); line-height: 1.5; color: var(--k-murekkep-ikincil); }
body.tasarim-yeni .kml-not i { font-size: 14px; line-height: 18px; color: var(--k-murekkep); }
body.tasarim-yeni .kml-tip-ipucu { margin-top: var(--k-bosluk-3); }
body.tasarim-yeni .kml-tip-not { display: flex; flex-direction: column; align-items: flex-start; gap: var(--k-bosluk-2); }
body.tasarim-yeni .kml-tip-not[hidden], body.tasarim-yeni .kml-not[hidden] { display: none; }

/* Müşteri tipi radyo kartları: eşit boy; seçimde kayma yok (1,5 px içe çizgi her durumda) */
body.tasarim-yeni .kml-tipler { display: grid; grid-template-columns: 1fr; gap: var(--k-bosluk-3); }
@media (min-width: 520px) {
    body.tasarim-yeni .kml-tipler { grid-template-columns: 1fr 1fr; }
}
body.tasarim-yeni .kml-tip { position: relative; display: flex; margin: 0; cursor: pointer; }
body.tasarim-yeni .kml-tip__girdi { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
body.tasarim-yeni .kml-tip__kart {
    display: flex;
    align-items: center;
    gap: var(--k-bosluk-3);
    width: 100%;
    min-height: 84px;
    padding: 14px;
    border-radius: var(--k-kose-md);
    /* K4 kayit-ol-06: seçimsiz = düz yüzey + 1 px çizgi (dolu/aktif okunmaz); seçili = açık sarı zemin + 2 px mürekkep çerçeve */
    background: var(--k-yuzey);
    box-shadow: inset 0 0 0 1px var(--k-cizgi-guclu);
    transition: background-color var(--sa-gecis-sure) var(--sa-gecis-egri), box-shadow var(--sa-gecis-sure) var(--sa-gecis-egri);
}
body.tasarim-yeni .kml-tip:hover .kml-tip__kart { box-shadow: inset 0 0 0 1px var(--k-murekkep-ikincil); }
body.tasarim-yeni .kml-tip__girdi:checked + .kml-tip__kart { background: var(--kr-sari-zemin-50, var(--k-yuzey)); box-shadow: inset 0 0 0 2px var(--k-murekkep), var(--k-golge-kart); }
body.tasarim-yeni .kml-tip__girdi:focus-visible + .kml-tip__kart { outline: var(--k-odak-kalinlik) solid var(--k-odak); outline-offset: 2px; }
body.tasarim-yeni .kml-tip__radyo { flex: 0 0 20px; width: 20px; height: 20px; border-radius: 50%; border: 1.5px solid var(--k-cizgi-guclu); background: var(--k-yuzey); transition: border-width var(--sa-gecis-sure) var(--sa-gecis-egri), border-color var(--sa-gecis-sure) var(--sa-gecis-egri); }
body.tasarim-yeni .kml-tip__girdi:checked + .kml-tip__kart .kml-tip__radyo { border: 6px solid var(--k-secili); }
body.tasarim-yeni .kml-tip__ikon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: var(--k-kose-md); background: var(--k-yuzey); box-shadow: var(--k-golge-0); font-size: 20px; color: var(--k-murekkep); }
body.tasarim-yeni .kml-tip__girdi:checked + .kml-tip__kart .kml-tip__ikon { background: var(--k-yuzey-batik); box-shadow: var(--k-golge-batik); }
body.tasarim-yeni .kml-tip__bilgi { display: flex; flex-direction: column; min-width: 0; }
body.tasarim-yeni .kml-tip__bilgi strong { font-size: var(--k-boyut-govde); font-weight: var(--k-agirlik-yari-kalin); color: var(--k-murekkep); }
body.tasarim-yeni .kml-tip__bilgi small { font-size: 13px; line-height: 1.4; color: var(--k-murekkep-ikincil); }

body.tasarim-yeni .kml-rozet-dogru { display: inline-flex; align-items: center; gap: 4px; font-size: var(--k-boyut-xs); font-weight: var(--k-agirlik-yari-kalin); color: var(--k-basari); }
body.tasarim-yeni .kml-referans-ileti { margin-top: 6px; font-size: var(--k-boyut-xs); }
body.tasarim-yeni .kml-dipnot { font-size: var(--k-boyut-xs); line-height: 1.5; color: var(--k-murekkep-ikincil); }
body.tasarim-yeni .kml-recaptcha { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: var(--k-bosluk-4); font-size: var(--k-boyut-xs); color: var(--k-murekkep-ikincil); }
body.tasarim-yeni .kml-recaptcha i { font-size: 14px; color: var(--k-murekkep); }
body.tasarim-yeni .ri-spin { display: inline-block; animation: kml-don 1s linear infinite; }

/* ── Parola Yenile: güç çubuğu (tam genişlik, metin altında), eşleşme, gereksinimler ── */
body.tasarim-yeni .kml-guc { margin-top: var(--k-bosluk-2); }
body.tasarim-yeni .kml-guc__ray { height: 4px; border-radius: var(--k-kose-tam); background: var(--kb-ilerleme-ray); overflow: hidden; }
body.tasarim-yeni .strength-bar-fill { width: 0; height: 100%; border-radius: inherit; transition: width var(--sa-gecis-sure) var(--sa-gecis-egri), background-color var(--sa-gecis-sure) var(--sa-gecis-egri); }
body.tasarim-yeni .strength-weak { width: 33%; background: var(--k-hata); }
body.tasarim-yeni .strength-medium { width: 66%; background: var(--k-uyari); }
body.tasarim-yeni .strength-strong { width: 100%; background: var(--k-basari-vurgu); }
/* Betik metin rengini satır içi Bootstrap renkleriyle verir → token renklerine çekilir */
body.tasarim-yeni .kml-guc__metin { display: block; min-height: 18px; margin-top: 4px; font-size: var(--k-boyut-xs); font-weight: var(--k-agirlik-yari-kalin); color: var(--k-murekkep-ikincil) !important; }
body.tasarim-yeni .kml-eslesme { min-height: 18px; margin-top: 6px; font-size: var(--k-boyut-xs); font-weight: var(--k-agirlik-orta); color: var(--k-murekkep-ikincil) !important; }
body.tasarim-yeni .kml-gereksinim { margin: 0 0 var(--k-bosluk-5); }
body.tasarim-yeni .kml-gereksinim ul { margin: 6px 0 0; padding-left: 18px; }
body.tasarim-yeni .kml-gereksinim li { margin: 2px 0; }
body.tasarim-yeni .kml-gereksinim .requirement-met { color: var(--k-basari); }

/* ── Kayıt: telefon doğrulama penceresi (Bootstrap modal, B-47 kabuğu) ── */
body.tasarim-yeni .modal-backdrop.show { background: var(--k-perde); opacity: 1; }
body.tasarim-yeni .kml-pencere .modal-dialog { max-width: 400px; margin-left: auto; margin-right: auto; padding: 0 var(--k-bosluk-4); }
body.tasarim-yeni .kml-pencere .modal-content { border: 0; border-radius: var(--k-kose-xl); background: var(--k-yuzey); box-shadow: var(--k-golge-cekmece), var(--k-golge-ic-isik); font-family: var(--k-yazi-govde); color: var(--k-murekkep); }
body.tasarim-yeni .kml-pencere .modal-header { position: relative; display: flex; flex-direction: column; align-items: center; gap: var(--k-bosluk-3); padding: 28px var(--k-bosluk-6) 0; border: 0; background: none; }
body.tasarim-yeni .kml-pencere .modal-title { margin: 0; font-size: var(--k-boyut-baslik-bolum); font-weight: var(--k-agirlik-baslik); line-height: var(--k-satir-kart-baslik); }
body.tasarim-yeni .kml-pencere__halka { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: var(--k-bilgi-zemin); color: var(--k-bilgi); font-size: 24px; }
body.tasarim-yeni .kml-pencere__kapat { position: absolute; top: 8px; right: 8px; display: inline-flex; align-items: center; justify-content: center; width: var(--k-boyut-dokunma); height: var(--k-boyut-dokunma); padding: 0; border: 0; border-radius: var(--k-kose-md); background: transparent; color: var(--k-murekkep-ikincil); font-size: 22px; cursor: pointer; transition: background-color var(--sa-gecis-sure) var(--sa-gecis-egri), color var(--sa-gecis-sure) var(--sa-gecis-egri); }
body.tasarim-yeni .kml-pencere__kapat:hover { background: var(--k-yuzey-batik); color: var(--k-murekkep); }
body.tasarim-yeni .kml-pencere .modal-body { padding: var(--k-bosluk-2) var(--k-bosluk-6) var(--k-bosluk-6); text-align: center; }
body.tasarim-yeni .kml-pencere__metin { margin: 0 0 4px; font-size: var(--k-boyut-sm); color: var(--k-murekkep-ikincil); }
body.tasarim-yeni .kml-pencere__metin strong { color: var(--k-murekkep); }
body.tasarim-yeni .kml-pencere__alt { margin: 0 0 var(--k-bosluk-4); font-size: var(--k-boyut-xs); color: var(--k-murekkep-ikincil); }
body.tasarim-yeni .kml-kod { height: 56px; margin-bottom: var(--k-bosluk-3); text-align: center; font-size: 24px; font-weight: var(--k-agirlik-kalin); letter-spacing: 8px; font-variant-numeric: tabular-nums; }
body.tasarim-yeni .kml-pencere .kml-bant { margin-bottom: var(--k-bosluk-3); }
body.tasarim-yeni .kml-pencere__sayac { margin: 0 0 var(--k-bosluk-4); font-size: var(--k-boyut-xs); color: var(--k-murekkep-ikincil); }
body.tasarim-yeni .kml-pencere__sayac--doldu { color: var(--k-hata); font-weight: var(--k-agirlik-yari-kalin); }
body.tasarim-yeni .kml-pencere .kml-dugme--sade { margin-top: var(--k-bosluk-2); }
body.tasarim-yeni .kml-pencere__kvkk { margin: var(--k-bosluk-4) 0 0; font-size: 11px; line-height: 1.45; color: var(--k-murekkep-soluk); }
body.tasarim-yeni .kml-gizli { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* ── Swal pencereleri (davranış aynen) → B-42 görünümü ── */
body.tasarim-yeni .swal2-container.swal2-backdrop-show:not(:has(.cookie-consent-modal, .update-notification-popup)) { background: var(--k-perde); }
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup):not(.swal2-toast) {
    width: min(400px, calc(100vw - 32px)) !important;   /* betik bazı pencerelerde width: 500px verir */
    padding: 28px var(--k-bosluk-6) var(--k-bosluk-6);
    border-radius: var(--k-kose-xl);
    background: var(--k-yuzey);
    color: var(--k-murekkep);
    font-family: var(--k-yazi-govde);
    box-shadow: var(--k-golge-cekmece), var(--k-golge-ic-isik);
}
/* Kullanım Koşulları penceresi: uzun yasal metin, eski genişliği (680) korunur */
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup).terms-modal { width: min(680px, calc(100vw - 32px)) !important; }
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup):not(.swal2-toast) .swal2-icon { font-size: 11.2px; margin: 0 auto var(--k-bosluk-4); }
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup):not(.swal2-toast) .swal2-title { padding: 0; font-size: var(--k-boyut-baslik-bolum); font-weight: var(--k-agirlik-baslik); line-height: var(--k-satir-kart-baslik); color: var(--k-murekkep); }
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup):not(.swal2-toast) .swal2-html-container { margin: var(--k-bosluk-2) 0 0; padding: 0; font-size: var(--k-boyut-sm); line-height: var(--k-satir-govde); color: var(--k-murekkep-ikincil); }
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup) .swal2-html-container p { font-size: var(--k-boyut-sm) !important; }
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup) .swal2-actions { flex-direction: column; align-items: stretch; width: 100%; gap: var(--k-bosluk-2); margin: var(--k-bosluk-5) 0 0; }
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup) .swal2-styled { min-height: 48px; margin: 0; padding: 0 var(--k-bosluk-4); border-radius: var(--k-kose-md); font-family: var(--k-yazi-govde); font-size: var(--k-boyut-md); font-weight: var(--k-agirlik-yari-kalin); transition: box-shadow var(--sa-gecis-sure) var(--sa-gecis-egri), background-color var(--sa-gecis-sure) var(--sa-gecis-egri); }
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup) .swal2-styled.swal2-confirm {
    background: linear-gradient(180deg, var(--kb-dugme-sari-ust), var(--kb-dugme-sari-alt)) !important;   /* confirmButtonColor satır içi (düz sarı) gelir */
    color: var(--kb-dugme-sari-metin) !important;
    box-shadow: var(--k-golge-sari);
}
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup) .swal2-styled.swal2-confirm:hover { box-shadow: var(--k-golge-sari-ustunde); }
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup) .swal2-styled.swal2-cancel,
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup) .swal2-styled.swal2-deny { min-height: var(--k-boyut-dokunma); background: transparent !important; color: var(--kb-dugme-sade-metin) !important; box-shadow: none; font-size: var(--k-boyut-sm); }
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup) .swal2-styled.swal2-cancel:hover,
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup) .swal2-styled.swal2-deny:hover { background: var(--k-yuzey-batik) !important; color: var(--k-murekkep) !important; }
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup) .swal2-styled:focus-visible { outline: var(--k-odak-kalinlik) solid var(--k-odak); outline-offset: 2px; box-shadow: 0 0 0 4px var(--k-odak-ic); }
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup) .swal2-validation-message { margin: var(--k-bosluk-3) 0 0; border-radius: var(--k-kose-md); background: var(--kb-mesaj-hata-zemin); color: var(--kb-mesaj-hata-metin); font-size: var(--k-boyut-sm); }
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup) .swal2-html-container a { color: var(--k-murekkep) !important; font-weight: var(--k-agirlik-yari-kalin); text-decoration: none !important; }
/* Betiğin satır içi "Baloo 2" logo/başlık parçaları: bu sayfada Baloo yüklenmez → Archivo */
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup) [style*="Baloo"] { font-family: var(--k-yazi-govde) !important; letter-spacing: var(--k-harf-aralik-baslik) !important; }
/* Giriş Başarısız: betiğin sarı ipucu kutusu → B-43 Uyarı bandı */
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup) .swal2-html-container div[style*="fff3cd"] { background: var(--kb-mesaj-uyari-zemin) !important; color: var(--kb-mesaj-uyari-metin); border-radius: var(--k-kose-md) !important; line-height: 1.5; }

/* Giriş OTP penceresi: 6 kutu 46×52 (ilki odak), sayaç, "Yeniden SMS Gönder" ikincil */
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup) .otp-input-group { display: flex; justify-content: center; gap: 6px; margin: 0 0 var(--k-bosluk-3); }
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup) .otp-input {
    width: 46px;
    min-width: 0;
    height: 52px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: var(--k-kose-md);
    background: var(--kb-girdi-zemin);
    box-shadow: var(--k-golge-girdi);
    color: var(--k-murekkep);
    font-family: var(--k-yazi-govde);
    font-size: 22px;
    font-weight: var(--k-agirlik-kalin);
    text-align: center;
    transition: border-color var(--sa-gecis-sure) var(--sa-gecis-egri), background-color var(--sa-gecis-sure) var(--sa-gecis-egri), box-shadow var(--sa-gecis-sure) var(--sa-gecis-egri);
}
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup) .otp-input:focus { outline: none; background: var(--kb-girdi-zemin-odak); border-color: var(--kb-girdi-cizgi-odak); box-shadow: 0 0 0 3px var(--k-odak-ic); }
@media (max-width: 359px) {
    body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup) .otp-input { width: 38px; height: 48px; }
}
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup) .otp-timer { font-size: var(--k-boyut-xs); color: var(--k-murekkep-ikincil); }
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup) .otp-timer.expired { color: var(--k-hata); }
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup) #btnResendOtp {
    min-height: var(--k-boyut-dokunma);
    border: 0 !important;
    border-radius: var(--k-kose-md) !important;
    background: linear-gradient(180deg, var(--kb-dugme-ikincil-ust), var(--kb-dugme-ikincil-alt)) !important;
    box-shadow: var(--k-golge-kart);
    color: var(--k-murekkep) !important;
    font-family: var(--k-yazi-govde);
    font-size: var(--k-boyut-sm);
    cursor: pointer;
    transition: box-shadow var(--sa-gecis-sure) var(--sa-gecis-egri);
}
body.tasarim-yeni .swal2-popup:not(.cookie-consent-modal):not(.update-notification-popup) #btnResendOtp:hover { box-shadow: var(--k-golge-kart-ustunde); }

/* ── Çerez bandı (cookie-consent.js; metin/betik aynen) → yüzey + çekmece gölgesi; içerik örtülmez (KD-16) ── */
body.tasarim-yeni .fp-cerez-bant {
    border: 0;
    border-radius: var(--k-kose-lg);
    background: var(--k-yuzey);
    color: var(--k-murekkep);
    box-shadow: var(--k-golge-cekmece);
    font-family: var(--k-yazi-govde);
}
body.tasarim-yeni .fp-cerez-bant a { text-decoration: none; font-weight: var(--k-agirlik-yari-kalin); }
body.tasarim-yeni .fp-cerez-bant button {
    border-radius: var(--k-kose-md);
    background: linear-gradient(180deg, var(--kb-dugme-sari-ust), var(--kb-dugme-sari-alt));
    color: var(--kb-dugme-sari-metin);
    font-family: var(--k-yazi-govde);
    box-shadow: var(--k-golge-sari);
    transition: box-shadow var(--sa-gecis-sure) var(--sa-gecis-egri);
}
body.tasarim-yeni .fp-cerez-bant button:hover { background: linear-gradient(180deg, var(--kb-dugme-sari-ust), var(--kb-dugme-sari-alt)); box-shadow: var(--k-golge-sari-ustunde); }
body.tasarim-yeni:has(.fp-cerez-bant) .kml { padding-bottom: 120px; }
@media (max-width: 480px) {
    body.tasarim-yeni .fp-cerez-bant button { width: 100%; }
    body.tasarim-yeni:has(.fp-cerez-bant) .kml { padding-bottom: 200px; }
}

@keyframes kml-don { to { transform: rotate(360deg); } }
@keyframes spin { to { transform: rotate(360deg); } }   /* betiklerin satır içi "animation: spin" çağrısı */

/* ── Azaltılmış hareket ── */
@media (prefers-reduced-motion: reduce) {
    body.tasarim-yeni { --sa-gecis-sure: var(--k-sure-azaltilmis); --sa-gecis-egri: linear; }
    body.tasarim-yeni .kml-katman__cizgi::before { animation: none; width: 100%; opacity: 0.35; }
    body.tasarim-yeni .ri-spin, body.tasarim-yeni [style*="animation: spin"], body.tasarim-yeni [style*="animation:spin"] { animation-duration: 2s !important; }
    body.tasarim-yeni .fp-cerez-bant { animation: none; }
}