/* ==========================================================================
   DISARIYA ACIK ANKET FORMU  (/anket/{token})

   Amac: Sirket disindan bir yonetici, cogunlukla telefondan, bir kez
   dolduracak. Sirketi ilk defa burada gorebilir. Once netlik, sonra hiz.

   RENK KURALI: renk yalnizca ANLAM tasir.
     - amber (--nc-accent)  -> birincil eylem ve SECILMIS olma
     - kirmizi (#b42318)    -> yalnizca hata / zorunluluk
     - yesil  (#15803d)     -> yalnizca "tamamlandi"
   Dekoratif gradyan, ikinci bir marka rengi, renkli matris YOK.
   Hiyerarsi yazi olcegi ve bosluk ile kurulur.

   Belirtecler theme-premium.css :root'tan TUKETILIR, burada yeniden
   tanimlanmaz. Sayfaya ozel degerler --nc-anket-* onekiyle tanimlanir.

   Bu sayfa YALNIZCA acik temadir (koyu tema kapsam disi).

   Icindekiler
     0. Belirtecler ve taban
     1. Yerlesim ve kart
     2. Yukleme iskeleti
     3. Orta ekranlar (gecersiz / tesekkur)
     4. Baslik blogu  (adim kipinde yapisik)
     5. Bolum basligi, bilgi serisi, zorunluluk notu
     6. Kimlik alanlari ve girdiler
     7. Soru blogu
     8. Secim kontrolleri (radyo / onay)  <- sahibin sikayet ettigi yer
     9. Puan dugmeleri
    10. Not / serbest metin
    11. Matris (izgara)
    12. Eylem cubugu (Gonder / Geri / Ileri + ilerleme)
    13. Telefon (< 768px)
    14. Erisilebilirlik yedekleri
   ========================================================================== */

/* --------------------------------------------------------------------------
   0. BELIRTECLER VE TABAN

   body kuralinin #anket-doldur kapsaminin DISINDA olmasi bilincli: sayfa
   govdesi kapsanamaz ve arka plani acikca verilmesi istendi. Tek istisna.
   -------------------------------------------------------------------------- */

body {
    background-color: var(--nc-page-bg);
    -webkit-font-smoothing: antialiased;
}

#anket-doldur {
    /* --- yazi olcegi --- */
    --nc-anket-yazi-xs: 0.8125rem; /* 13px - yalnizca etiket/dipnot, GIRDI DEGIL */
    --nc-anket-yazi-sm: 0.875rem; /* 14px */
    --nc-anket-yazi-md: 1rem; /* 16px - taban; TUM girdiler bunun altina dusmez */
    --nc-anket-yazi-lg: 1.0625rem; /* 17px - soru metni */
    --nc-anket-yazi-xl: 1.375rem; /* 22px - anket basligi */

    /* --- notr yazi renkleri --- */
    --nc-anket-murekkep: #101828;
    --nc-anket-murekkep-2: #344054;
    --nc-anket-cizgi-guclu: #d8dee9;

    /* --- anlam renkleri --- */
    --nc-anket-hata: #b42318;
    --nc-anket-hata-zemin: rgba(180, 35, 24, 0.045);
    --nc-anket-hata-kenar: rgba(180, 35, 24, 0.3);
    --nc-anket-basari: #15803d;

    /* --- secili durum (amber) --- */
    --nc-anket-secili-zemin: rgba(251, 169, 45, 0.1);
    --nc-anket-odak-halka: 0 0 0 3px rgba(251, 169, 45, 0.28);

    /* --- yerlesim --- */
    --nc-anket-pad-x: 1rem;
    --nc-anket-pad-y: 1.25rem;
    /* Adim kipinde ustteki yapisik baslik kadar bosluk birakilir.
       Tek sayfa kipinde yapisik baslik yok, bu yuzden 0. */
    --nc-anket-yapisik-ust: 0rem;

    /* Girdi yazi boyutu 16px'in altina dusmez: iOS odakta sayfayi
       kendiliginden yakinlastirir ve kullanici formu kaybeder. */
    font-size: 16px;
    line-height: 1.55;
    color: var(--nc-anket-murekkep);
    background: var(--nc-page-bg);
    min-height: var(--nc-vh, 100vh);
    /* Sistem yazi tipi: harici font YUKLENMEZ (ek istek = ek bekleme). */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                 "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    /* Uzun Turkce bilesik kelimeler dar ekranda satiri tasirmasin;
       yatay sayfa kaydirmasi bu formda cevap kaybettirir. */
    overflow-wrap: break-word;
}

/* --------------------------------------------------------------------------
   1. YERLESIM VE KART — tek sutun, telefonda 16px yan bosluk
   -------------------------------------------------------------------------- */

#anket-doldur .nc-anket-sayfa {
    max-width: 44rem;
    margin: 0 auto;
    padding: var(--nc-anket-pad-y) var(--nc-anket-pad-x) 4rem;
}

#anket-doldur .nc-anket-sayfa.is-adim {
    /* Baslik ve eylem cubugu ekrana yapisir; kaydirma hedefleri bu
       yuksekligi hesaba katar. */
    --nc-anket-yapisik-ust: 4.5rem;
}

#anket-doldur .nc-anket-form,
#anket-doldur .nc-anket-govde {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* doldur.js adim degisiminde bu id'ye kaydirir (basaKaydir). Yapisik
   basligin altinda kalmamasi icin ustten pay birakilir. */
#anket-doldur #anket-adim-tepesi {
    scroll-margin-top: calc(var(--nc-anket-yapisik-ust) + 0.75rem);
}

#anket-doldur .nc-anket-kart {
    background: var(--nc-surface);
    border: 1px solid var(--nc-border);
    border-radius: var(--nc-radius);
    box-shadow: var(--nc-shadow-sm);
    padding: 1.375rem 1.25rem;
}

/* --------------------------------------------------------------------------
   2. YUKLEME ISKELETI

   Bos bir spinner "bir sey oldu mu?" sorusunu birakir. Iskelet, gelecek
   yapiyi gosterir ve form dustugunde ekran sicramaz.
   -------------------------------------------------------------------------- */

#anket-doldur .nc-anket-yukleme {
    max-width: 44rem;
    margin: 0 auto;
    padding: var(--nc-anket-pad-y) var(--nc-anket-pad-x) 4rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

#anket-doldur .nc-anket-iskelet-kart {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

#anket-doldur .nc-anket-iskelet-cizgi,
#anket-doldur .nc-anket-iskelet-kutu {
    display: block;
    border-radius: var(--nc-radius-sm, 10px);
    background: linear-gradient(90deg,
                rgba(16, 24, 40, 0.055) 25%,
                rgba(16, 24, 40, 0.10) 37%,
                rgba(16, 24, 40, 0.055) 63%);
    background-size: 400% 100%;
    animation: nc-anket-parilti 1.4s ease-in-out infinite;
}

#anket-doldur .nc-anket-iskelet-cizgi {
    height: 0.875rem;
    width: 78%;
}

#anket-doldur .nc-anket-iskelet-cizgi--baslik {
    height: 1.375rem;
    width: 65%;
}

#anket-doldur .nc-anket-iskelet-cizgi--alt {
    height: 0.75rem;
    width: 42%;
}

#anket-doldur .nc-anket-iskelet-kutu {
    height: 2.75rem;
    width: 100%;
}

@keyframes nc-anket-parilti {
    0% { background-position: 100% 0; }
    100% { background-position: 0 0; }
}

#anket-doldur .nc-anket-yukleme-metin {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin: 0.5rem 0 0;
    color: var(--nc-text-muted);
    font-size: var(--nc-anket-yazi-sm);
}

#anket-doldur .nc-anket-spinner {
    color: var(--nc-accent-strong);
}

/* --------------------------------------------------------------------------
   3. ORTA EKRANLAR — gecersiz baglanti / tesekkur
   -------------------------------------------------------------------------- */

#anket-doldur .nc-anket-orta {
    min-height: var(--nc-vh, 100vh);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1rem;
    text-align: center;
}

#anket-doldur .nc-anket-kart--mesaj {
    max-width: 27rem;
    width: 100%;
    padding: 2.25rem 1.75rem 2rem;
    /* Tek marka vurgusu: ustteki ince amber cizgi. */
    border-top: 3px solid var(--nc-accent);
}

/* Yuvarlak nisan. Notr: "gecersiz baglanti" bir arizadir, kullanicinin
   hatasi degil; kirmizi burada bos yere sucluyor. */
#anket-doldur .nc-anket-nisan {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background: rgba(16, 24, 40, 0.05);
    color: var(--nc-text-muted);
    font-size: 1.75rem;
    line-height: 1;
}

#anket-doldur .nc-anket-nisan--basarili {
    /* Renk burada ANLAM tasir: is tamamlandi. */
    background: rgba(21, 128, 61, 0.1);
    color: var(--nc-anket-basari);
}

#anket-doldur .nc-anket-mesaj-baslik {
    margin: 1rem 0 0.5rem;
    font-size: 1.3rem;
    font-weight: 650;
    letter-spacing: -0.01em;
}

#anket-doldur .nc-anket-mesaj-alt {
    margin: 0;
    color: var(--nc-text-muted);
    font-size: var(--nc-anket-yazi-md);
}

#anket-doldur .nc-anket-mesaj-alt--sessiz {
    font-size: var(--nc-anket-yazi-sm);
}

#anket-doldur .nc-anket-ayrac {
    display: block;
    width: 2.5rem;
    height: 1px;
    margin: 1.25rem auto;
    background: var(--nc-border);
}

/* --------------------------------------------------------------------------
   4. BASLIK BLOGU

   Adim kipinde ekranin tepesine YAPISIR: tek soru gorulurken anketin
   adi disinda baglam yok. Kenardan kenara tasiniyor (negatif yan
   bosluk), aksi halde altindan kayan icerik yanlarda gorunur.
   -------------------------------------------------------------------------- */

#anket-doldur .nc-anket-basliklik {
    background: var(--nc-surface);
    border: 1px solid var(--nc-border);
    border-top: 3px solid var(--nc-accent);
    border-radius: var(--nc-radius);
    box-shadow: var(--nc-shadow-sm);
    padding: 1.375rem 1.25rem;
}

#anket-doldur .nc-anket-baslik {
    margin: 0;
    font-size: var(--nc-anket-yazi-xl);
    font-weight: 680;
    line-height: 1.25;
    letter-spacing: -0.015em;
}

#anket-doldur .nc-anket-aciklama {
    margin: 0.625rem 0 0;
    color: var(--nc-text-muted);
    font-size: var(--nc-anket-yazi-md);
    white-space: pre-line;
}

/* --- Adim kipi: alcak, yapisik, kenardan kenara serit --- */
#anket-doldur .nc-anket-basliklik.is-adim {
    position: sticky;
    top: 0;
    z-index: 20;
    margin: calc(-1 * var(--nc-anket-pad-y)) calc(-1 * var(--nc-anket-pad-x)) 0;
    padding: 0.875rem var(--nc-anket-pad-x);
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid var(--nc-border);
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
}

#anket-doldur .nc-anket-basliklik.is-adim .nc-anket-baslik {
    font-size: var(--nc-anket-yazi-lg);
    font-weight: 650;
    /* Uzun basliklar yapisik seridi buyutup ekrani yemesin. */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#anket-doldur .nc-anket-basliklik.is-adim .nc-anket-aciklama {
    font-size: var(--nc-anket-yazi-sm);
}

/* --------------------------------------------------------------------------
   5. BOLUM BASLIGI / BILGI SERIDI / ZORUNLULUK NOTU
   -------------------------------------------------------------------------- */

#anket-doldur .nc-anket-bolum-baslik {
    margin: 0 0 1.125rem;
    font-size: var(--nc-anket-yazi-sm);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--nc-anket-murekkep-2);
    padding-bottom: 0.625rem;
    border-bottom: 1px solid var(--nc-border);
}

#anket-doldur .nc-anket-bilgi {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.75rem 0.875rem;
    border: 1px solid var(--nc-border);
    border-radius: var(--nc-radius-sm, 10px);
    background: var(--nc-surface);
    color: var(--nc-text-muted);
    font-size: var(--nc-anket-yazi-sm);
}

/* Butun sorular zorunluysa her satira yildiz basmak gurultu olur;
   35 kirmizi yildiz hicbir seyi ayirt etmez. Tek sessiz cumle. */
#anket-doldur .nc-anket-zorunlu-not {
    margin: -0.25rem 0 0;
    padding-left: 0.125rem;
    color: var(--nc-text-muted);
    font-size: var(--nc-anket-yazi-sm);
}

/* --------------------------------------------------------------------------
   6. KIMLIK ALANLARI VE GIRDILER
   -------------------------------------------------------------------------- */

#anket-doldur .nc-anket-alanlar {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* --------------------------------------------------------------------------
   KIMLIK GIRDILERININ GENISLIGI

   Kutular kart boyunca uzaniyordu. Telefon numarasi icin 700 piksellik
   bir kutu yalnizca cirkin degil, yaniltici: alanin genisligi beklenen
   cevabin uzunlugu hakkinda bir sey soyler, uzun kutu uzun cevap bekler.

   Olculer icerige gore: ad-soyad ve kurum uzayabilir, unvan ve telefon
   kisa, e-posta ortada. Telefonda (<768px) hepsi tam genislige doner;
   orada yan yana yer yok ve dar kutu dokunmayi zorlastirir.
   -------------------------------------------------------------------------- */

#anket-doldur .nc-anket-kimlik .nc-anket-alan[data-alan="adSoyad"] .nc-anket-girdi,
#anket-doldur .nc-anket-kimlik .nc-anket-alan[data-alan="kurum"] .nc-anket-girdi {
    max-width: 26rem;
}

#anket-doldur .nc-anket-kimlik .nc-anket-alan[data-alan="kurumsalEposta"] .nc-anket-girdi,
#anket-doldur .nc-anket-kimlik .nc-anket-alan[data-alan="sahsiEposta"] .nc-anket-girdi {
    max-width: 22rem;
}

#anket-doldur .nc-anket-kimlik .nc-anket-alan[data-alan="unvan"] .nc-anket-girdi {
    max-width: 18rem;
}

#anket-doldur .nc-anket-kimlik .nc-anket-alan[data-alan="telefon"] .nc-anket-girdi {
    max-width: 13rem;
}

#anket-doldur .nc-anket-etiket {
    display: block;
    margin-bottom: 0.375rem;
    font-size: var(--nc-anket-yazi-sm);
    font-weight: 600;
    color: var(--nc-anket-murekkep-2);
}

#anket-doldur .nc-anket-etiket--sessiz {
    font-weight: 500;
    font-size: var(--nc-anket-yazi-xs);
    color: var(--nc-text-muted);
}

#anket-doldur .nc-anket-yildiz {
    /* Zorunluluk isareti: anlam tasiyan tek kirmizi. */
    color: var(--nc-anket-hata);
    margin-left: 0.15rem;
    font-weight: 700;
}

/* Girdiler: 16px (iOS yakinlastirmasin) ve 44px dokunma hedefi.
   font-size BURADA KUCULTULMEZ. */
#anket-doldur .nc-anket-girdi {
    font-size: var(--nc-anket-yazi-md);
    line-height: 1.5;
    min-height: 2.875rem;
    padding: 0.5625rem 0.75rem;
    border-radius: var(--nc-radius-sm, 10px);
    border: 1px solid var(--nc-anket-cizgi-guclu);
    color: var(--nc-anket-murekkep);
    background: var(--nc-surface);
    transition: border-color 0.14s ease, box-shadow 0.14s ease;
}

#anket-doldur .nc-anket-girdi:focus,
#anket-doldur .nc-anket-girdi:focus-visible {
    outline: none;
    border-color: var(--nc-accent-strong);
    box-shadow: var(--nc-anket-odak-halka);
}

#anket-doldur .nc-anket-girdi::placeholder {
    color: #98a2b3;
}

#anket-doldur .nc-anket-sayi {
    max-width: 8rem;
    font-variant-numeric: tabular-nums;
}

#anket-doldur .nc-anket-alan.is-hatali .nc-anket-girdi,
#anket-doldur .nc-anket-soru.is-hatali .nc-anket-girdi {
    border-color: var(--nc-anket-hata);
}

#anket-doldur .nc-anket-alan-hata {
    display: flex;
    align-items: flex-start;
    gap: 0.3rem;
    margin: 0.4rem 0 0;
    font-size: var(--nc-anket-yazi-sm);
    font-weight: 550;
    color: var(--nc-anket-hata);
}

/* --------------------------------------------------------------------------
   7. SORU BLOGU

   Hiyerarsi: baslik > bolum > SORU > secenek. Soru metni secenek
   metninden belirgin sekilde agir ve buyuk; aradaki bosluk da farkli.
   -------------------------------------------------------------------------- */

#anket-doldur .nc-anket-soru {
    padding: 1.5rem 0;
    border-top: 1px solid var(--nc-border);
}

#anket-doldur .nc-anket-soru:first-of-type {
    padding-top: 0;
    border-top: 0;
}

#anket-doldur .nc-anket-soru:last-of-type {
    padding-bottom: 0;
}

#anket-doldur .nc-anket-soru.is-hatali {
    /* Eksik soru: solda kirmizi seritle isaretle, zemini boyamadan.
       Zemin boyamasi secili secenegin amber zeminiyle yarisiyor. */
    border-left: 3px solid var(--nc-anket-hata);
    margin-left: -1.25rem;
    padding-left: 1.125rem;
}

#anket-doldur .nc-anket-soru-metin {
    font-size: var(--nc-anket-yazi-lg);
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: -0.005em;
}

/* Adim kipinde ekranda tek soru var: onu daha gur yazabiliriz. */
#anket-doldur .nc-anket-sayfa.is-adim .nc-anket-soru-metin {
    font-size: 1.1875rem;
}

#anket-doldur .nc-anket-yardim {
    display: block;
    margin: 0.375rem 0 0;
    color: var(--nc-text-muted);
    font-size: var(--nc-anket-yazi-sm);
    font-weight: 400;
}

/* Cok secimde kacirilmasi en pahali bilgi: birden fazla isaretlenebilir. */
#anket-doldur .nc-anket-ipucu {
    margin: 0.5rem 0 0;
    color: var(--nc-text-muted);
    font-size: var(--nc-anket-yazi-xs);
}

/* --------------------------------------------------------------------------
   8. SECIM KONTROLLERI (radyo / onay)

   Sahibin sikayeti: "radyo dugmeli soruyu goremedim."
   Alinan kararlar:
     - Tarayicinin kendi kontrolu GIZLENMEZ. appearance:none ile
       dogrudan o kontrol boyanir; boylece klavye odagi, :checked ve
       ekran okuyucu davranisi oldugu gibi kalir (gizli input + yalanci
       kutu deseni bunlarin hepsini kiriyor).
     - Tek secim YUVARLAK + dolu nokta, cok secim KARE + tik. Sekil,
       "bir tane mi birkac tane mi" sorusunu dokunmadan once cevaplar.
     - Dokunma hedefi satirin tamami (etiket), en az 44px.
     - Secili satir: amber kenar + soluk amber zemin. Kucuk kontrolun
       tek basina yuk tasimasi yetmiyor.
   -------------------------------------------------------------------------- */

#anket-doldur .nc-anket-kontrol {
    appearance: none;
    -webkit-appearance: none;
    flex: 0 0 auto;
    width: 1.375rem;
    height: 1.375rem;
    margin: 0;
    border: 2px solid #98a2b3;
    background-color: var(--nc-surface);
    cursor: pointer;
    transition: border-color 0.14s ease, background-color 0.14s ease,
                box-shadow 0.14s ease;
}

#anket-doldur .nc-anket-kontrol--radyo {
    border-radius: 50%;
}

#anket-doldur .nc-anket-kontrol--onay {
    border-radius: 6px;
}

#anket-doldur .nc-anket-kontrol:hover {
    border-color: var(--nc-anket-murekkep-2);
}

/* Dolu nokta: ic golge beyaz halka birakir, zemin amber kalir. */
#anket-doldur .nc-anket-kontrol--radyo:checked {
    border-color: var(--nc-accent-strong);
    background-color: var(--nc-accent-strong);
    box-shadow: inset 0 0 0 0.25rem var(--nc-surface);
}

/* Tik: satir ici SVG (harici istek yok). Koyu tik, amber zemin:
   beyaz tik amber uzerinde okunmuyor. */
#anket-doldur .nc-anket-kontrol--onay:checked {
    border-color: var(--nc-accent-strong);
    background-color: var(--nc-accent);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%231b1206' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.4 6.4 11.3 12.5 4.7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

/* Klavye odagi: kontrolun kendisi de, sardigi satir da isaretlenir. */
#anket-doldur .nc-anket-kontrol:focus-visible {
    outline: none;
    box-shadow: var(--nc-anket-odak-halka);
}

#anket-doldur .nc-anket-kontrol--radyo:checked:focus-visible {
    box-shadow: inset 0 0 0 0.25rem var(--nc-surface), var(--nc-anket-odak-halka);
}

#anket-doldur .nc-anket-secenekler {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.875rem;
}

#anket-doldur .nc-anket-secenek {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    /* Dokunma hedefi satirin tamami, yalnizca kontrol degil. */
    min-height: 2.875rem;
    margin: 0;
    padding: 0.625rem 0.875rem;
    border: 1px solid var(--nc-border);
    border-radius: var(--nc-radius-sm, 10px);
    background: var(--nc-surface);
    cursor: pointer;
    transition: border-color 0.14s ease, background-color 0.14s ease,
                box-shadow 0.14s ease;
}

#anket-doldur .nc-anket-secenek-yazi {
    font-size: var(--nc-anket-yazi-md);
    line-height: 1.45;
}

#anket-doldur .nc-anket-secenek:hover {
    border-color: #c8d1e0;
    background: rgba(16, 24, 40, 0.015);
}

#anket-doldur .nc-anket-secenek:has(input:checked) {
    border-color: var(--nc-accent-strong);
    background: var(--nc-anket-secili-zemin);
    box-shadow: inset 0 0 0 1px var(--nc-accent-strong);
}

#anket-doldur .nc-anket-secenek:has(input:focus-visible) {
    border-color: var(--nc-accent-strong);
    box-shadow: var(--nc-anket-odak-halka);
}

/* --------------------------------------------------------------------------
   9. PUAN DUGMELERI

   NOT: sunucu acik ankette puanGirisi'ni her zaman false gonderiyor;
   bu blok bugun canli formda cizilmiyor. Sozlesme alani durdugu icin
   bicim de duruyor.
   -------------------------------------------------------------------------- */

#anket-doldur .nc-anket-puanlar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.875rem;
}

#anket-doldur .nc-anket-puan {
    min-width: 2.875rem;
    min-height: 2.875rem;
    padding: 0 0.6rem;
    border: 1px solid var(--nc-border);
    border-radius: var(--nc-radius-sm, 10px);
    background: var(--nc-surface);
    font-size: var(--nc-anket-yazi-md);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--nc-anket-murekkep-2);
    cursor: pointer;
    transition: border-color 0.14s ease, background-color 0.14s ease,
                color 0.14s ease;
}

#anket-doldur .nc-anket-puan:hover {
    border-color: #c8d1e0;
}

#anket-doldur .nc-anket-puan:focus-visible {
    outline: none;
    box-shadow: var(--nc-anket-odak-halka);
}

#anket-doldur .nc-anket-puan.is-secili {
    /* Secilmis olmak ANLAM tasir. */
    background: var(--nc-accent);
    border-color: var(--nc-accent-strong);
    color: #1b1206;
}

#anket-doldur .nc-anket-puan-sayi {
    margin-top: 0.875rem;
}

/* --------------------------------------------------------------------------
   10. NOT / SERBEST METIN

   Iki ayri is, tek alan:
     - secenekli soru -> not IKINCIL. Kapali baslar, "Not ekle" sessiz
       bir metin dugmesi. Her sorunun altinda duran bos kutu formu iki
       katina cikariyor ve hangi alanin cevap oldugunu belirsizlestiriyor.
     - serbestMetin  -> kutu CEVABIN KENDISI. Buyuk, birincil, "istege
       bagli" cercevesi yok.
   -------------------------------------------------------------------------- */

#anket-doldur .nc-anket-not-ac {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    margin-top: 0.75rem;
    /* 44px dokunma hedefi, gorsel olarak yine hafif durur. */
    min-height: 2.75rem;
    padding: 0 0.5rem 0 0;
    border: 0;
    background: none;
    color: var(--nc-text-muted);
    font-size: var(--nc-anket-yazi-sm);
    font-weight: 600;
    cursor: pointer;
    border-radius: var(--nc-radius-sm, 10px);
}

#anket-doldur .nc-anket-not-ac:hover {
    color: var(--nc-anket-murekkep-2);
    text-decoration: underline;
}

#anket-doldur .nc-anket-not-ac:focus-visible {
    outline: none;
    padding-left: 0.5rem;
    box-shadow: var(--nc-anket-odak-halka);
}

#anket-doldur .nc-anket-not-ac .bi {
    font-size: 0.75rem;
}

#anket-doldur .nc-anket-yorum {
    margin-top: 0.75rem;
}

#anket-doldur .nc-anket-yorum.is-birincil {
    margin-top: 0.875rem;
}

#anket-doldur .nc-anket-yorum-alani {
    min-height: 4.5rem;
    resize: vertical;
}

/* Ikincil not: daha sessiz zemin, cevapla yarismaz. */
#anket-doldur .nc-anket-yorum:not(.is-birincil) .nc-anket-yorum-alani {
    background: rgba(16, 24, 40, 0.015);
    border-color: var(--nc-border);
}

/* Serbest metin: bu KUTU cevaptir. */
#anket-doldur .nc-anket-yorum-alani.is-birincil {
    min-height: 7.5rem;
    background: var(--nc-surface);
    border-color: var(--nc-anket-cizgi-guclu);
}

/* --------------------------------------------------------------------------
   11. MATRIS (izgara)

   Masaustu: solda satir etiketi, sagda esit genislikte N sutun.
   Sutun genisligi flex ile esitlenir; sutun sayisi CSS'te SABIT DEGIL,
   boylece 3 de 10 de sutun calisir. flex-shrink serbest oldugu icin
   izgara daima kapsayicisina siginir: SAYFA yatay kaymaz.

   Sutun basliklari sayfa kaydirilirken yukarida kalir. Adim kipinde
   ustte yapisik bir baslik da var; basliklar ust uste binmesin diye
   ofset --nc-anket-yapisik-ust belirtecinden okunur.

   Telefon icin 13. bolume bakin: ayni DOM satir kartlarina doner.
   -------------------------------------------------------------------------- */

#anket-doldur .nc-anket-matris-ozet {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.875rem;
    padding: 0.625rem 0.875rem;
    border: 1px solid var(--nc-anket-hata-kenar);
    border-radius: var(--nc-radius-sm, 10px);
    background: var(--nc-anket-hata-zemin);
    color: var(--nc-anket-hata);
    font-size: var(--nc-anket-yazi-sm);
    font-weight: 550;
}

#anket-doldur .nc-anket-matris-ozet span {
    font-variant-numeric: tabular-nums;
}

#anket-doldur .nc-anket-matris {
    display: flex;
    flex-direction: column;
}

#anket-doldur .nc-anket-matris-ust {
    display: flex;
    align-items: flex-end;
    gap: 0.25rem;
    /* 10 satirlik matriste kaydirirken sutun basligi kaybolmasin. */
    position: sticky;
    top: var(--nc-anket-yapisik-ust);
    z-index: 2;
    background: var(--nc-surface);
    padding: 0.5rem 0 0.5rem 0.625rem;
    border-bottom: 1px solid var(--nc-anket-cizgi-guclu);
}

#anket-doldur .nc-anket-matris-kose {
    flex: 1 1 40%;
    min-width: 0;
}

#anket-doldur .nc-anket-matris-sutun {
    flex: 1 1 0;
    min-width: 0;
    text-align: center;
    font-size: var(--nc-anket-yazi-xs);
    font-weight: 650;
    line-height: 1.25;
    color: var(--nc-anket-murekkep-2);
    overflow-wrap: anywhere;
    hyphens: auto;
}

#anket-doldur .nc-anket-matris-satir {
    display: flex;
    align-items: stretch;
    gap: 0.25rem;
    border-bottom: 1px solid var(--nc-border);
}

#anket-doldur .nc-anket-matris-satir:last-child {
    border-bottom: 0;
}

/* Zebra: 10 satirlik izgarada gozun satiri kaybetmemesi icin. Ilk
   cocuk sutun basligi seridi oldugundan satirlar 2'den baslar. */
#anket-doldur .nc-anket-matris-satir:nth-child(even) {
    background: rgba(16, 24, 40, 0.018);
}

#anket-doldur .nc-anket-matris-satir:hover {
    background: rgba(16, 24, 40, 0.038);
}

#anket-doldur .nc-anket-matris-satir.is-hatali {
    /* Atlanan satir: solda kirmizi serit + soluk zemin. */
    box-shadow: inset 3px 0 0 var(--nc-anket-hata);
    background: var(--nc-anket-hata-zemin);
}

#anket-doldur .nc-anket-matris-etiket {
    flex: 1 1 40%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.8rem 0.875rem 0.8rem 0.625rem;
    font-size: var(--nc-anket-yazi-sm);
    line-height: 1.4;
    overflow-wrap: anywhere;
}

#anket-doldur .nc-anket-matris-metin {
    font-weight: 550;
    color: var(--nc-anket-murekkep);
}

#anket-doldur .nc-anket-matris-hucre {
    flex: 1 1 0;
    min-width: 0;
    /* Parmakla kullanilacak: tiklanabilir alan hucrenin tamami. */
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.875rem;
    margin: 0;
    cursor: pointer;
    border-radius: var(--nc-radius-sm, 10px);
    transition: background-color 0.14s ease, box-shadow 0.14s ease;
}

#anket-doldur .nc-anket-matris-hucre:hover {
    background: rgba(16, 24, 40, 0.05);
}

#anket-doldur .nc-anket-matris-hucre.is-secili {
    background: var(--nc-anket-secili-zemin);
    box-shadow: inset 0 0 0 1px var(--nc-accent-strong);
}

#anket-doldur .nc-anket-matris-hucre:has(input:focus-visible) {
    box-shadow: var(--nc-anket-odak-halka);
}

/* Hucre icindeki kontrol: tiklama etiket uzerinden gider, kontrolun
   kendisi olay almaz; yoksa etiket + input cift tetikleme yapiyor. */
#anket-doldur .nc-anket-matris-hucre .nc-anket-kontrol {
    pointer-events: none;
}

/* Masaustunde sutun basligi zaten yukarida; hucre yazisi yalnizca
   ekran okuyucu icin durur. */
#anket-doldur .nc-anket-hucre-yazi {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* --------------------------------------------------------------------------
   11b. GIZLILIK ONAYI

   Adim kipinde kendi (son) ekraninda durur. Tasarim karari: metin
   SESSIZ bir panelde, onay kutusu ise satirin tamami dokunulabilir bir
   secenek gibi. Kisi once okur, sonra tek bir bilincli hareketle
   isaretler.

   Metin kutusu kaydirilabilir (max-height + overflow): 4000 karakterlik
   bir KVKK metni Gonder dugmesini ekranin metrelerce asagisina itmesin.
   Kaydirma gizlemek icin degil; kutu icinde tamami okunabiliyor.
   -------------------------------------------------------------------------- */

#anket-doldur .nc-anket-onay-metin {
    max-height: 16rem;
    overflow-y: auto;
    padding: 0.875rem 1rem;
    border: 1px solid var(--nc-border);
    border-radius: var(--nc-radius-sm, 10px);
    background: var(--nc-anket-sessiz-zemin, rgba(16, 24, 40, 0.02));
    font-size: var(--nc-anket-yazi-sm);
    line-height: 1.6;
    color: var(--nc-anket-murekkep-2);
    /* Operatorun girdigi paragraf sonlari korunur; tek blok olunca
       KVKK metinleri okunmuyor. */
    white-space: pre-line;
    overflow-wrap: break-word;
}

#anket-doldur .nc-anket-onay-kutu {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    min-height: 2.875rem;
    margin: 1rem 0 0;
    padding: 0.75rem 0.875rem;
    border: 1px solid var(--nc-border);
    border-radius: var(--nc-radius-sm, 10px);
    background: var(--nc-surface);
    cursor: pointer;
    transition: border-color 0.14s ease, background-color 0.14s ease,
                box-shadow 0.14s ease;
}

#anket-doldur .nc-anket-onay-kutu:hover {
    border-color: #c8d1e0;
}

#anket-doldur .nc-anket-onay-kutu:has(input:checked) {
    border-color: var(--nc-accent-strong);
    background: var(--nc-anket-secili-zemin);
    box-shadow: inset 0 0 0 1px var(--nc-accent-strong);
}

#anket-doldur .nc-anket-onay-kutu:has(input:focus-visible) {
    border-color: var(--nc-accent-strong);
    box-shadow: var(--nc-anket-odak-halka);
}

/* Kutu ile yazinin ilk satiri hizalansin (kontrol 1.375rem). */
#anket-doldur .nc-anket-onay-kutu .nc-anket-kontrol {
    margin-top: 0.0625rem;
}

#anket-doldur .nc-anket-onay-yazi {
    font-size: var(--nc-anket-yazi-md);
    line-height: 1.45;
    font-weight: 500;
}

/* Hata: kart kenari kirmizi. Onay tek bir kutu oldugu icin hangi
   alanin eksik oldugu baska turlu gorunmuyor. */
#anket-doldur .nc-anket-onay.is-hatali {
    border-color: var(--nc-anket-hata);
    box-shadow: inset 0 0 0 1px var(--nc-anket-hata);
}

/* --------------------------------------------------------------------------
   12. EYLEM CUBUGU — Gonder / Geri / Ileri + ilerleme

   Tek blok iki kipe hizmet eder:
     - tek sayfa : formun sonunda duran normal kutu
     - tek tek   : ekranin altina YAPISAN gezinme cubugu
   Yapisik (sticky) secildi, sabit (fixed) degil: cubuk belgenin
   sonunda akista yer tutar, boylece sayfanin dibine inildiginde son
   secenegin ustunu KAPATMAZ.
   -------------------------------------------------------------------------- */

#anket-doldur .nc-anket-eylem {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

#anket-doldur .nc-anket-uyari {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.75rem 0.875rem;
    border: 1px solid var(--nc-anket-hata-kenar);
    border-radius: var(--nc-radius-sm, 10px);
    background: var(--nc-anket-hata-zemin);
    color: var(--nc-anket-hata);
    font-size: var(--nc-anket-yazi-sm);
    font-weight: 550;
}

#anket-doldur .nc-anket-eylem-satir {
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

/* --- Dugmeler --- */

#anket-doldur .nc-anket-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 3rem;
    padding: 0 1.25rem;
    border-radius: var(--nc-radius-sm, 10px);
    font-size: var(--nc-anket-yazi-md);
    font-weight: 650;
    cursor: pointer;
    transition: background-color 0.14s ease, border-color 0.14s ease,
                box-shadow 0.14s ease;
}

#anket-doldur .nc-anket-btn:focus-visible {
    outline: none;
    box-shadow: var(--nc-anket-odak-halka);
}

#anket-doldur .nc-anket-btn--birincil {
    /* Sayfadaki TEK dolu amber yuzey: birincil eylem. */
    flex: 1 1 auto;
    border: 1px solid var(--nc-accent-strong);
    background: var(--nc-accent);
    color: #1b1206;
}

#anket-doldur .nc-anket-btn--birincil:hover:not(:disabled) {
    background: var(--nc-accent-strong);
}

#anket-doldur .nc-anket-btn--birincil:disabled {
    opacity: 0.65;
    cursor: progress;
}

#anket-doldur .nc-anket-btn--ikincil {
    flex: 0 0 auto;
    border: 1px solid var(--nc-anket-cizgi-guclu);
    background: var(--nc-surface);
    color: var(--nc-anket-murekkep-2);
}

#anket-doldur .nc-anket-btn--ikincil:hover:not(:disabled) {
    border-color: var(--nc-anket-murekkep-2);
}

#anket-doldur .nc-anket-btn--ikincil:disabled {
    opacity: 0.45;
    cursor: default;
}

#anket-doldur .nc-anket-gonder-not {
    margin: 0;
    text-align: center;
    font-size: var(--nc-anket-yazi-xs);
    color: var(--nc-text-muted);
}

/* --- Ilerleme --- */

#anket-doldur .nc-anket-ilerleme {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

#anket-doldur .nc-anket-ilerleme-ray {
    flex: 1 1 auto;
    height: 0.375rem;
    border-radius: 999px;
    background: rgba(16, 24, 40, 0.09);
    overflow: hidden;
}

#anket-doldur .nc-anket-ilerleme-dolu {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: var(--nc-accent);
    transition: width 0.26s ease;
}

#anket-doldur .nc-anket-adim-sayac {
    flex: 0 0 auto;
    font-size: var(--nc-anket-yazi-xs);
    font-weight: 650;
    font-variant-numeric: tabular-nums;
    color: var(--nc-text-muted);
    white-space: nowrap;
}

/* --- Adim kipi: alta yapisan cubuk --- */

#anket-doldur .nc-anket-eylem.is-adim {
    position: sticky;
    bottom: 0;
    z-index: 15;
    margin: 0 calc(-1 * var(--nc-anket-pad-x));
    padding: 0.75rem var(--nc-anket-pad-x);
    /* iPhone ev cubugu: dugme ekranin en dibine sikismasin. */
    padding-bottom: calc(0.75rem + env(safe-area-inset-bottom, 0px));
    background: var(--nc-surface);
    border-top: 1px solid var(--nc-border);
    box-shadow: 0 -2px 10px rgba(16, 24, 40, 0.07);
}

/* Yapisik cubuk kipinde ilerleme once gelir, hatta yer acmak icin
   araliklar sikilasir. */
#anket-doldur .nc-anket-eylem.is-adim .nc-anket-ilerleme {
    margin-bottom: 0.125rem;
}

/* --------------------------------------------------------------------------
   13. TELEFON (< 768px)

   Matris tablo olarak sigmaz. Yatay kaydirma BIRAKILMAZ: parmakla
   kullanilan bir formda yatay kaydirma cevap kaybettirir. Her satir
   kendi kartina doner, siklar tam genislikte dokunulabilir satirlara.
   -------------------------------------------------------------------------- */

@media (max-width: 767.98px) {
    #anket-doldur {
        --nc-anket-pad-x: 1rem;
        --nc-anket-pad-y: 1rem;
    }

    /* Telefonda kimlik girdileri TAM GENISLIK. Yan yana yer yok ve dar
       bir kutu parmakla dokunmayi zorlastiriyor; masaustundeki olculer
       burada fayda degil engel. */
    #anket-doldur .nc-anket-kimlik .nc-anket-alan .nc-anket-girdi {
        max-width: none;
    }

    #anket-doldur .nc-anket-sayfa,
    #anket-doldur .nc-anket-yukleme {
        padding-bottom: 3rem;
    }

    #anket-doldur .nc-anket-sayfa.is-adim {
        --nc-anket-yapisik-ust: 4rem;
    }

    #anket-doldur .nc-anket-kart,
    #anket-doldur .nc-anket-basliklik {
        padding: 1.125rem 1rem;
        border-radius: var(--nc-radius-sm, 10px);
    }

    #anket-doldur .nc-anket-baslik {
        font-size: 1.25rem;
    }

    #anket-doldur .nc-anket-soru {
        padding: 1.25rem 0;
    }

    #anket-doldur .nc-anket-soru.is-hatali {
        margin-left: -1rem;
        padding-left: 0.875rem;
    }

    #anket-doldur .nc-anket-kart--mesaj {
        padding: 1.875rem 1.25rem 1.5rem;
    }

    /* --- Matris -> satir kartlari --- */

    /* Sutun basliklari gizlenir; metinleri hucrelerin icinden okunur. */
    #anket-doldur .nc-anket-matris-ust {
        display: none;
    }

    #anket-doldur .nc-anket-matris-satir {
        flex-direction: column;
        gap: 0.4375rem;
        padding: 1rem 0.75rem;
        border-bottom: 0;
        /* Satir artik bir KART: kendi cercevesi var, zebra gereksiz. */
        border: 1px solid var(--nc-border);
        border-radius: var(--nc-radius-sm, 10px);
        background: rgba(16, 24, 40, 0.015);
    }

    #anket-doldur .nc-anket-matris-satir:nth-child(even) {
        background: rgba(16, 24, 40, 0.015);
    }

    #anket-doldur .nc-anket-matris-satir:hover {
        background: rgba(16, 24, 40, 0.015);
    }

    #anket-doldur .nc-anket-matris-satir + .nc-anket-matris-satir {
        margin-top: 0.75rem;
    }

    #anket-doldur .nc-anket-matris-satir.is-hatali {
        border-color: var(--nc-anket-hata-kenar);
        background: var(--nc-anket-hata-zemin);
        box-shadow: inset 3px 0 0 var(--nc-anket-hata);
    }

    #anket-doldur .nc-anket-matris-etiket {
        flex: 0 0 auto;
        padding: 0 0 0.25rem;
        font-size: var(--nc-anket-yazi-md);
    }

    #anket-doldur .nc-anket-matris-metin {
        font-weight: 600;
    }

    /* Sik satiri: masaustu hucresinden farkli: tam genislik, solda
       kontrol, yaninda METIN (sutun basligi artik yok). */
    #anket-doldur .nc-anket-matris-hucre {
        flex: 0 0 auto;
        justify-content: flex-start;
        gap: 0.75rem;
        padding: 0.625rem 0.875rem;
        border: 1px solid var(--nc-border);
        background: var(--nc-surface);
    }

    #anket-doldur .nc-anket-matris-hucre:hover {
        background: var(--nc-surface);
    }

    #anket-doldur .nc-anket-matris-hucre.is-secili {
        border-color: var(--nc-accent-strong);
        background: var(--nc-anket-secili-zemin);
    }

    /* Telefonda sik metni gorunur olur: kart gosteriminde sutun basligi yok. */
    #anket-doldur .nc-anket-hucre-yazi {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal;
        font-size: var(--nc-anket-yazi-md);
        line-height: 1.45;
    }
}

/* Cok dar ekran (eski/kucuk telefonlar): yan bosluklari kirp. */
@media (max-width: 359.98px) {
    #anket-doldur .nc-anket-btn {
        padding: 0 0.875rem;
    }

    #anket-doldur .nc-anket-secenek,
    #anket-doldur .nc-anket-matris-hucre {
        padding-left: 0.6875rem;
        padding-right: 0.6875rem;
    }
}

/* --------------------------------------------------------------------------
   14. ERISILEBILIRLIK YEDEKLERI
   -------------------------------------------------------------------------- */

/* Tarayici :has desteklemiyorsa secili durum kontrolun kendisinden
   okunur: appearance:none ile boyanan radyo/onay zaten dolu gorunur,
   yalnizca satir zemini vurgulanmaz. Form calismaya devam eder. */
@supports not (selector(:has(*))) {
    #anket-doldur .nc-anket-secenek,
    #anket-doldur .nc-anket-matris-hucre {
        transition: none;
    }
}

/* Hareket azaltma istegi: parilti ve gecisler kapanir. */
@media (prefers-reduced-motion: reduce) {
    #anket-doldur *,
    #anket-doldur *::before,
    #anket-doldur *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
}

/* Yuksek karsitlik kipi: amber zemin yerine kenar kalinligi konusur. */
@media (forced-colors: active) {
    #anket-doldur .nc-anket-kontrol {
        forced-color-adjust: auto;
        appearance: auto;
        -webkit-appearance: auto;
    }

    #anket-doldur .nc-anket-secenek:has(input:checked),
    #anket-doldur .nc-anket-matris-hucre.is-secili {
        outline: 2px solid currentColor;
    }
}

/* --------------------------------------------------------------------------
   15. KARSILAMA MESAJI

   Anketin basindaki metin. Adim kipinde kendi ekrani olur.

   Duz metinde satir sonlari KORUNUYOR (white-space: pre-line): operator
   metni paragraf halinde yaziyor ve tek blok olunca okunmuyor.

   HTML bicimde gelen isaretleme sunucuda temizlenmis durumda; buradaki
   kurallar yalnizca o guvenli alt kumenin (p, basliklar, listeler,
   alinti, baglanti) sayfanin geri kalaniyla ayni dilde gorunmesini
   sagliyor. Operator stil veremedigi icin olcuyu burasi veriyor.
   -------------------------------------------------------------------------- */

#anket-doldur .nc-anket-karsilama-govde {
    font-size: var(--nc-anket-yazi-md);
    line-height: 1.65;
    color: var(--nc-anket-murekkep-2);
    overflow-wrap: break-word;
}

#anket-doldur .nc-anket-karsilama-govde:not(.is-html) {
    white-space: pre-line;
}

#anket-doldur .nc-anket-karsilama-govde.is-html > :first-child {
    margin-top: 0;
}

#anket-doldur .nc-anket-karsilama-govde.is-html > :last-child {
    margin-bottom: 0;
}

#anket-doldur .nc-anket-karsilama-govde.is-html p {
    margin: 0 0 0.75rem;
}

#anket-doldur .nc-anket-karsilama-govde.is-html h2,
#anket-doldur .nc-anket-karsilama-govde.is-html h3,
#anket-doldur .nc-anket-karsilama-govde.is-html h4 {
    margin: 1.25rem 0 0.5rem;
    font-weight: 650;
    line-height: 1.3;
    color: var(--nc-anket-murekkep-1, #101828);
}

#anket-doldur .nc-anket-karsilama-govde.is-html h2 { font-size: 1.1875rem; }
#anket-doldur .nc-anket-karsilama-govde.is-html h3 { font-size: 1.0625rem; }
#anket-doldur .nc-anket-karsilama-govde.is-html h4 { font-size: 1rem; }

#anket-doldur .nc-anket-karsilama-govde.is-html ul,
#anket-doldur .nc-anket-karsilama-govde.is-html ol {
    margin: 0 0 0.75rem;
    padding-left: 1.35rem;
}

#anket-doldur .nc-anket-karsilama-govde.is-html li {
    margin-bottom: 0.3rem;
}

/* Alinti: sol kenarda ince cizgi. Renk ANLAM tasimadigi icin notr. */
#anket-doldur .nc-anket-karsilama-govde.is-html blockquote {
    margin: 0 0 0.75rem;
    padding: 0.25rem 0 0.25rem 0.875rem;
    border-left: 3px solid var(--nc-border);
    color: #667085;
}

#anket-doldur .nc-anket-karsilama-govde.is-html a {
    color: var(--nc-accent-strong);
    text-decoration: underline;
    text-underline-offset: 2px;
}

#anket-doldur .nc-anket-karsilama-govde.is-html a:focus-visible {
    outline: none;
    box-shadow: var(--nc-anket-odak-halka);
    border-radius: 3px;
}

#anket-doldur .nc-anket-karsilama-govde.is-html hr {
    margin: 1rem 0;
    border: 0;
    border-top: 1px solid var(--nc-border);
    opacity: 1;
}

/* --------------------------------------------------------------------------
   16. ACIK UCLU CEVAP GIRDISI

   Tek satirlik cevaplar (e-posta, telefon, sayi, kisa metin) artik
   textarea degil input. Genislik beklenen cevaba gore: alanin genisligi
   ne kadar yazilmasi beklendigini soyler ve telefon icin kart boyunca
   uzanan bir kutu hem cirkin hem yaniltici.

   Telefonda (<768px) hepsi tam genislige doner; orada yan yana yer yok
   ve dar kutu dokunmayi zorlastirir.
   -------------------------------------------------------------------------- */

#anket-doldur .nc-anket-cevap-girdi.is-dar {
    max-width: 13rem;
}

#anket-doldur .nc-anket-cevap-girdi.is-orta {
    max-width: 22rem;
}

#anket-doldur .nc-anket-cevap-girdi.is-genis {
    max-width: 28rem;
}

@media (max-width: 767.98px) {
    #anket-doldur .nc-anket-cevap-girdi.is-dar,
    #anket-doldur .nc-anket-cevap-girdi.is-orta,
    #anket-doldur .nc-anket-cevap-girdi.is-genis {
        max-width: none;
    }
}

/* --------------------------------------------------------------------------
   ONIZLEME SERIDI

   Onizleme GERCEK FORMUN kendisiyle ciziliyor; ikisi birebir ayni
   gorunuyor. Bu serit olmasa ekran goruntusu alan biri onizlemeyi
   yayindaki anket sanabilirdi.

   Kehribar: "dikkat, bu yayindaki sey degil" bilgisi tasiyor — anketin
   geri kalaninda kullanilmayan tek renk.
   -------------------------------------------------------------------------- */

.nc-anket-onizleme-serit {
    position: sticky;
    top: 0;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.625rem 1rem;
    background: #fef3c7;
    border-bottom: 1px solid #fcd34d;
    color: #7c4a03;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
}