/* HRSurvey katılımcı ekranı (05.11.2026, görünüm 06.11.2026'da yenilendi)
   Anket sahibinin markası önde (logo, kapak, tema rengi), HRSurvey yalnız altta küçük not.
   Renkler şablonda hesaplanır (surveys/templatetags/katilimci_ekrani.py):
   --vurgu*  düğme ve seçili şık (beyaz yazıyla en az 4.5:1),
   --marka*  karşılama görseli ve durum bantlarının zemini (tema yoksa HRCompass laciverti, beyaz yazıyla en az 7:1).
   Ortak imge: pusula halkaları deseni (_katilimci_desen.html). Koyu kip yok. */

:root {
    --lacivert: #1C4680;
    --murekkep: #13223B;
    --metin: #364257;
    --soluk: #586375;
    --cizgi: #E2E6ED;
    --cizgi-koyu: #8A94A5;
    --zemin: #EDF0F5;
    --yuzey: #FFFFFF;
    --hafif: #F5F7FA;
    --basari: #12805C;
    --hata: #B42318;
    --hata-zemin: #FFF6F5;
    --uyari: #8A3A06;
    --uyari-zemin: #FFF8EC;
    --odak: #1C4680;
    --yaprak-en: 760px;
    --genis-en: 1060px;
    --ic-bosluk: 40px;
    --golge: 0 1px 2px rgba(19, 34, 59, .05), 0 18px 40px -20px rgba(19, 34, 59, .22);
    --golge-hafif: 0 1px 2px rgba(19, 34, 59, .05), 0 8px 24px -16px rgba(19, 34, 59, .18);
    --yay: cubic-bezier(.2, .8, .2, 1);
    --vurgu: #C2410C; --vurgu-yazi: #fff; --vurgu-koyu: #C2410C; --vurgu-parlak: #C2410C; --vurgu-acik: #fcf0ea; --vurgu-orta: #e7b39e;
    --marka: #1c4680; --marka-derin: #0f2746;
}

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 76px; }
#survey-container, .kt-soru { scroll-margin-top: 76px; }
body.kt-govde {
    margin: 0; min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column;
    background: var(--zemin); color: var(--metin);
    font: 400 16px/1.55 Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    font-feature-settings: "cv11", "ss01"; -webkit-font-smoothing: antialiased;
}
/* Zeminin üstünde markanın hafif bir ışığı */
@supports (background: color-mix(in srgb, red 10%, transparent)) {
    body.kt-govde { background: radial-gradient(1100px 420px at 50% -160px, color-mix(in srgb, var(--marka) 13%, transparent), transparent 70%) no-repeat, var(--zemin); }
}
html.gomulu body.kt-govde { min-height: 0; background: transparent; }
img { max-width: 100%; }
a { color: var(--lacivert); }
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 3px solid var(--odak); outline-offset: 2px; }
kbd { display: inline-block; min-width: 1.9em; padding: 1px 7px; border: 1px solid var(--cizgi-koyu); border-bottom-width: 2px; border-radius: 6px; background: var(--yuzey); font-family: inherit; font-size: 12.5px; font-weight: 600; line-height: 1.5; color: var(--murekkep); text-align: center; }

.kt-gizli { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.kt-gizli-girdi { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; }
.kt-atla { position: absolute; left: 12px; top: -60px; z-index: 50; background: var(--murekkep); color: #fff; padding: 10px 14px; border-radius: 10px; text-decoration: none; font-weight: 600; }
.kt-atla:focus { top: 12px; }
.kt-yalniz-masaustu { display: none; }
@media (hover: hover) and (pointer: fine) and (min-width: 720px) { .kt-yalniz-masaustu { display: inline; } }

/* ---------- İskelet ---------- */
.kt-sayfa { flex: 1 0 auto; display: flex; flex-direction: column; }
.kt-ana { flex: 1 0 auto; padding: 0 16px 28px; }
html:not(.gomulu) .kt-ana { padding-top: clamp(16px, 5vh, 56px); }
.kt-yaprak { position: relative; max-width: var(--yaprak-en); margin: 0 auto; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 22px; overflow: hidden; box-shadow: var(--golge); }
html.gomulu .kt-yaprak { box-shadow: none; }
@media (max-width: 560px) {
    :root { --ic-bosluk: 20px; }
    .kt-ana { padding: 0 12px 20px; }
    html:not(.gomulu) .kt-ana { padding-top: 12px; }
    .kt-yaprak { border-radius: 18px; }
}

/* Üst çubuk: yalnız soruları doldururken görünür; ekranın üstüne yapışık, altında ince ilerleme çizgisi */
.kt-ust { position: sticky; top: 0; z-index: 30; background: rgba(255, 255, 255, .94); border-bottom: 1px solid var(--cizgi); }
@supports (backdrop-filter: blur(8px)) { .kt-ust { background: rgba(255, 255, 255, .8); backdrop-filter: saturate(1.4) blur(14px); } }
.kt-ust-ic { max-width: var(--yaprak-en); margin: 0 auto; padding: 0 16px; display: flex; align-items: center; gap: 12px; min-height: 58px; }
.kt-ust-logo { height: 28px; width: auto; max-width: 112px; object-fit: contain; flex: none; }
.kt-ust-logo + .kt-ust-baslik { padding-left: 12px; border-left: 1px solid var(--cizgi); }
.kt-ust-baslik { flex: 1; min-width: 0; margin: 0; font-size: 14.5px; font-weight: 600; color: var(--murekkep); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kt-sayac { flex: none; padding: 4px 10px; border-radius: 999px; background: var(--hafif); border: 1px solid var(--cizgi); font-size: 13px; font-weight: 600; color: var(--murekkep); font-variant-numeric: tabular-nums; }
.kt-ust-baglanti { flex: none; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--soluk); text-decoration: none; padding: 6px 10px; border-radius: 8px; }
.kt-ust-baglanti:hover { background: #E6EAF0; color: var(--murekkep); }
@media (max-width: 480px) { .kt-ust-baglanti span { display: none; } }
.kt-ilerleme { position: absolute; inset: auto 0 -1px 0; height: 3px; background: transparent; }
.kt-ilerleme-dolgu { display: block; height: 100%; width: 0; background: var(--vurgu-parlak, var(--vurgu)); border-radius: 0 3px 3px 0; transition: width .45s var(--yay); }
/* Karşılama ve bitiş ekranlarında üst çubuk yok (yalnız anket sahibine "Düzenlemeye dön") */
body:not(.kt-dolduruluyor) .kt-ust { position: static; background: none; backdrop-filter: none; border: 0; }
body:not(.kt-dolduruluyor) .kt-ust :is(.kt-ust-logo, .kt-ust-baslik, .kt-sayac, .kt-ilerleme) { display: none; }
body:not(.kt-dolduruluyor) .kt-ust-ic { max-width: var(--genis-en); justify-content: flex-end; min-height: 0; padding-top: 12px; }
body:not(.kt-dolduruluyor) .kt-ust:not(:has(.kt-ust-baglanti)) { display: none; }
html.gomulu .kt-ust { position: static; }
body.kt-dolduruluyor .kt-ana { padding-top: 24px; }
@media (max-width: 560px) { body.kt-dolduruluyor .kt-ana { padding-top: 12px; } .kt-ust-ic { min-height: 52px; } .kt-ust-logo { height: 24px; } }

/* ---------- Düğmeler ---------- */
.kt-dugme {
    display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 22px;
    border: 1.5px solid transparent; border-radius: 12px; font-size: 16px; font-weight: 600; line-height: 1.2;
    cursor: pointer; text-decoration: none; transition: background-color .15s, border-color .15s, filter .15s, transform .1s, box-shadow .2s;
    -webkit-tap-highlight-color: transparent;
}
.kt-dugme:active { transform: translateY(1px); }
.kt-dugme:disabled { opacity: .6; cursor: progress; }
.kt-dugme i { font-size: .9em; transition: transform .2s var(--yay); }
.kt-dugme--ana { background: var(--vurgu); color: var(--vurgu-yazi); box-shadow: 0 1px 2px rgba(19, 34, 59, .12), 0 8px 18px -10px var(--vurgu); }
.kt-dugme--ana:hover { filter: brightness(.93); }
.kt-dugme--ana:hover .fa-arrow-right { transform: translateX(3px); }
.kt-dugme--ikincil { background: var(--yuzey); border-color: var(--cizgi-koyu); color: var(--murekkep); }
.kt-dugme--ikincil:hover { border-color: var(--murekkep); }
.kt-dugme--hayalet { background: transparent; color: var(--soluk); padding: 0 14px; }
.kt-dugme--hayalet:hover { background: #EEF1F5; color: var(--murekkep); }
.kt-dugme--buyuk { min-height: 56px; padding: 0 30px; font-size: 17px; border-radius: 14px; }
.kt-dugme--kucuk { min-height: 40px; padding: 0 12px; font-size: 14px; }
.kt-dikkat { animation: kt-dikkat .6s ease 2; }
@keyframes kt-dikkat { 50% { box-shadow: 0 0 0 6px var(--vurgu-orta); } }
.kt-ipucu { font-size: 14px; color: var(--soluk); }

/* ---------- Ortak imge: marka zemini ve pusula deseni ---------- */
.kt-gorsel, .kt-bant-zemin {
    background:
        radial-gradient(circle at 18% 12%, rgba(255, 255, 255, .16), transparent 42%),
        radial-gradient(circle at 92% 108%, var(--vurgu-parlak), transparent 46%),
        linear-gradient(155deg, var(--marka) 10%, var(--marka-derin));
    color: #fff;
}
@supports (background: color-mix(in srgb, red 10%, transparent)) {
    .kt-gorsel, .kt-bant-zemin {
        background:
            radial-gradient(circle at 18% 12%, rgba(255, 255, 255, .16), transparent 42%),
            radial-gradient(circle at 92% 108%, color-mix(in srgb, var(--vurgu-parlak) 70%, transparent), transparent 46%),
            linear-gradient(155deg, var(--marka) 10%, var(--marka-derin));
    }
}
.kt-desen { position: absolute; width: 150%; max-width: none; height: auto; right: -62%; bottom: -58%; color: #fff; opacity: .5; pointer-events: none; animation: kt-desen-gir 1.4s var(--yay) both; }
@keyframes kt-desen-gir { from { opacity: 0; transform: rotate(-24deg) scale(.94); } }
.kt-logo-levha { position: absolute; z-index: 2; display: inline-flex; align-items: center; padding: 10px 14px; border-radius: 14px; background: #fff; box-shadow: 0 10px 28px -12px rgba(5, 15, 35, .55); }
.kt-logo-levha img { display: block; max-height: 40px; max-width: 168px; width: auto; object-fit: contain; }
.kt-logo-levha--kucuk { padding: 8px 12px; border-radius: 12px; }
.kt-logo-levha--kucuk img { max-height: 30px; max-width: 132px; }

/* ---------- Karşılama ---------- */
.kt-karsilama { display: flex; flex-direction: column; }
.kt-gorsel { position: relative; overflow: hidden; height: 168px; flex: none; }
.kt-gorsel--kapak { height: 200px; background: var(--marka-derin); }
.kt-kapak { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.kt-gorsel--kapak::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5, 15, 35, .28), transparent 45%); }
.kt-gorsel .kt-logo-levha { left: var(--ic-bosluk); bottom: 20px; }
.kt-karsilama-ic { padding: 30px var(--ic-bosluk) 32px; }
.kt-baslik { margin: 0; font-size: clamp(27px, 4.4vw, 40px); line-height: 1.12; font-weight: 750; letter-spacing: -.028em; color: var(--murekkep); text-wrap: balance; }
.kt-baslik:focus { outline: none; }
.kt-aciklama { margin: 14px 0 0; font-size: 17px; line-height: 1.62; color: var(--metin); max-width: 60ch; white-space: pre-line; }
.kt-ozet { list-style: none; margin: 24px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 22px; }
.kt-ozet li { display: inline-flex; align-items: center; gap: 10px; font-size: 14.5px; font-weight: 600; color: var(--murekkep); }
.kt-ozet i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; background: var(--vurgu-acik); color: var(--vurgu-koyu); font-size: 14px; }

/* Gizlilik kartı */
.kt-gizlilik { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 14px; margin-top: 26px; padding: 16px 18px; border-radius: 16px; background: #F3F6FB; border: 1px solid #DBE4F0; font-size: 14.5px; line-height: 1.58; color: var(--metin); }
.kt-gizlilik-simge { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: var(--yuzey); color: var(--lacivert); font-size: 17px; box-shadow: 0 0 0 1px #DBE4F0, 0 4px 10px -6px rgba(28, 70, 128, .4); }
.kt-gizlilik p { margin: 0; }
.kt-gizlilik .kt-gizlilik-baslik { margin: 1px 0 3px; font-size: 15.5px; font-weight: 700; color: var(--murekkep); }
.kt-gizlilik b { color: var(--murekkep); }
.kt-gizlilik--uyari { background: var(--uyari-zemin); border-color: #F2DDB4; color: var(--uyari); }
.kt-gizlilik--uyari .kt-gizlilik-simge { color: var(--uyari); box-shadow: 0 0 0 1px #F2DDB4; }
.kt-gizlilik--uyari :is(b, .kt-gizlilik-baslik) { color: var(--uyari); }
.kt-ayrinti { margin-top: 10px; }
.kt-ayrinti summary { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; font-weight: 600; color: var(--lacivert); padding: 4px 0; list-style: none; }
.kt-ayrinti summary::-webkit-details-marker { display: none; }
.kt-ayrinti summary::after { content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .2s var(--yay); }
.kt-ayrinti[open] summary::after { transform: translateY(1px) rotate(225deg); }
.kt-ayrinti summary:hover { text-decoration: underline; text-underline-offset: 3px; }
.kt-ayrinti-ic { margin-top: 6px; padding-top: 10px; border-top: 1px dashed #CBD7E6; }
.kt-ayrinti-ic p + p { margin-top: 8px; }
.kt-ayrinti[open] .kt-ayrinti-ic { animation: kt-belir .25s ease; }
.kt-gizlilik--uyari .kt-ayrinti summary { color: var(--uyari); }
.kt-aydinlatma { white-space: pre-line; }

.kt-devam { margin-top: 26px; padding: 18px; border-radius: 16px; background: var(--vurgu-acik); border: 1px solid var(--vurgu-orta); }
.kt-devam p { margin: 0 0 12px; font-weight: 600; color: var(--murekkep); }
.kt-devam-dugmeler, .kt-tesekkur-dugmeler { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.kt-basla { margin-top: 30px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.kt-basla .kt-dugme { min-width: 200px; }
@media (max-width: 560px) {
    .kt-gorsel { height: 140px; }
    .kt-gorsel .kt-desen { width: 150%; right: -72%; bottom: auto; top: -210px; }
    .kt-gorsel--kapak { height: 172px; }
    .kt-gorsel .kt-logo-levha { bottom: 16px; }
    .kt-logo-levha { padding: 8px 12px; border-radius: 12px; }
    .kt-logo-levha img { max-height: 32px; max-width: 140px; }
    .kt-karsilama-ic { padding-top: 24px; padding-bottom: 24px; }
    .kt-aciklama { font-size: 16px; }
    .kt-gizlilik { grid-template-columns: 1fr; gap: 10px; padding: 14px 16px; }
    .kt-gizlilik-simge { width: 34px; height: 34px; font-size: 15px; border-radius: 10px; }
    .kt-basla .kt-dugme, .kt-devam-dugmeler .kt-dugme { width: 100%; }
}
/* Masaüstü: geniş yaprak, solda görsel, sağda içerik */
@media (min-width: 900px) {
    .kt-yaprak:has(> .kt-karsilama:not([hidden])) { max-width: var(--genis-en); }
    .kt-karsilama { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); min-height: min(600px, calc(100vh - 150px)); }
    .kt-gorsel, .kt-gorsel--kapak { height: auto; min-height: 100%; }
    .kt-gorsel .kt-logo-levha { left: 32px; top: 32px; bottom: auto; }
    .kt-gorsel .kt-desen { width: 170%; right: -78%; bottom: -46%; }
    .kt-gorsel--kapak::after { background: linear-gradient(180deg, rgba(5, 15, 35, .32), transparent 30%); }
    .kt-karsilama-ic { display: flex; flex-direction: column; justify-content: center; padding: 56px 60px 52px; }
}

/* ---------- Sorular ---------- */
.kt-soru { position: relative; border: 0; border-top: 1px solid var(--cizgi); margin: 0; padding: 26px var(--ic-bosluk) 28px calc(var(--ic-bosluk) + 46px); min-width: 0; transition: background-color .25s; }
.kt-soru.kt-hatali { background: var(--hata-zemin); box-shadow: inset 3px 0 0 var(--hata); }
html[data-kip="tek"] .kt-soru.kt-hatali { background: none; box-shadow: none; }
.kt-soru-metin { position: relative; float: left; width: 100%; padding: 0; margin: 0 0 16px; font-size: 18.5px; line-height: 1.42; font-weight: 600; letter-spacing: -.012em; color: var(--murekkep); }
.kt-soru-metin:focus { outline: none; }
.kt-soru-metin:focus-visible { outline: 3px solid var(--odak); outline-offset: 4px; border-radius: 4px; }
.kt-soru-metin p { margin: 0; display: inline; }
/* Soru numarası: solda rozet; yanıtlanınca vurgu renginde dolar */
.kt-soru-no {
    position: absolute; left: -46px; top: -1px; width: 30px; height: 30px; display: grid; place-items: center;
    border-radius: 9px; border: 1px solid var(--cizgi); background: var(--hafif); color: var(--soluk);
    font-size: 13px; font-weight: 700; letter-spacing: 0; font-variant-numeric: tabular-nums;
    transition: background-color .25s, color .25s, border-color .25s;
}
.kt-soru-no:empty { display: none; }
.kt-yanitli .kt-soru-no { background: var(--vurgu); border-color: var(--vurgu); color: var(--vurgu-yazi); animation: kt-tik .35s var(--yay); }
.kt-hatali .kt-soru-no { background: var(--hata); border-color: var(--hata); color: #fff; }
@keyframes kt-tik { 40% { transform: scale(1.14); } }
.kt-zorunlu { color: var(--hata); margin-left: 4px; }
.kt-soru > *:not(legend) { clear: both; }
.kt-soru-gorsel { display: block; max-height: 300px; width: auto; border-radius: 12px; margin: 0 0 16px; }
.kt-soru-yardim { margin: -8px 0 14px; font-size: 14px; color: var(--soluk); }
.kt-hata { display: flex; align-items: baseline; gap: 8px; margin: 12px 0 0; color: var(--hata); font-size: 14.5px; font-weight: 600; }
.kt-hata:not([hidden]) { animation: kt-sars .35s ease; }
@keyframes kt-sars { 25% { transform: translateX(-4px); } 75% { transform: translateX(4px); } }
.kt-bos { padding: 32px var(--ic-bosluk); color: var(--soluk); margin: 0; }
@media (max-width: 560px) {
    .kt-soru { padding: 22px var(--ic-bosluk) 24px; }
    .kt-soru-metin { font-size: 17.5px; }
    .kt-soru-no { position: static; display: inline-grid; vertical-align: 2px; width: 26px; height: 26px; margin-right: 10px; border-radius: 8px; font-size: 12.5px; }
}

/* Sayfa ve bölüm kipleri: her bölüm ayrı yaprak */
html:not([data-kip="tek"]) body.kt-dolduruluyor .kt-yaprak { background: none; border: 0; box-shadow: none; overflow: visible; border-radius: 0; }
.kt-sorular { display: grid; gap: 20px; }
.kt-grup { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 20px; overflow: hidden; box-shadow: var(--golge-hafif); }
.kt-bolum { position: relative; padding: 24px var(--ic-bosluk) 22px; background: linear-gradient(180deg, var(--vurgu-acik), var(--yuzey)); }
.kt-bolum::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 4px; background: linear-gradient(90deg, var(--marka), var(--vurgu-parlak)); }
.kt-bolum-ust { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; min-height: 22px; }
.kt-bolum-sira { font-size: 13px; font-weight: 700; color: var(--vurgu-koyu); font-variant-numeric: tabular-nums; }
.kt-bolum-sayac { margin-left: auto; display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; color: var(--soluk); font-variant-numeric: tabular-nums; }
.kt-bolum-cubuk { width: 72px; height: 6px; border-radius: 3px; background: rgba(19, 34, 59, .09); overflow: hidden; }
.kt-bolum-cubuk > span { display: block; height: 100%; width: 0; border-radius: 3px; background: var(--vurgu); transition: width .45s var(--yay), background-color .3s; }
.kt-bolum-sayac.kt-tamam { color: var(--basari); }
.kt-bolum-sayac.kt-tamam .kt-bolum-cubuk > span { background: var(--basari); }
.kt-bolum-sayac.kt-tamam .kt-bolum-sayac-metin::before { content: "\2713\00a0"; }
.kt-bolum-baslik { margin: 0; font-size: 22px; line-height: 1.25; font-weight: 750; letter-spacing: -.02em; color: var(--murekkep); }
.kt-bolum-baslik:focus { outline: none; }
.kt-bolum-metin { margin: 6px 0 0; font-size: 15px; color: var(--metin); max-width: 62ch; white-space: pre-line; }
@media (max-width: 560px) {
    .kt-sorular { gap: 14px; }
    .kt-grup { border-radius: 18px; }
    .kt-bolum { padding: 20px var(--ic-bosluk) 18px; }
    .kt-bolum-baslik { font-size: 19.5px; }
}

/* Tek tek kipi: bir soru, büyük ve ferah */
.kt-bolum-baglam { margin-bottom: 14px; }
.kt-bolum-adi { display: inline-flex; align-items: center; gap: 8px; padding: 4px 12px 4px 10px; border-radius: 999px; background: var(--vurgu-acik); font-size: 13px; font-weight: 600; color: var(--vurgu-koyu); }
.kt-bolum-adi::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.kt-bolum-aciklama { margin: 8px 0 0; font-size: 15px; color: var(--soluk); max-width: 62ch; }
html[data-kip="tek"] .kt-soru { border-top: 0; padding: 40px var(--ic-bosluk) 38px; }
html[data-kip="tek"] .kt-soru-metin { font-size: 24px; line-height: 1.32; letter-spacing: -.018em; margin-bottom: 22px; }
@media (max-width: 560px) {
    html[data-kip="tek"] .kt-soru { padding-top: 26px; padding-bottom: 28px; }
    html[data-kip="tek"] .kt-soru-metin { font-size: 20.5px; }
}
.kt-gir-ileri { animation: kt-gir-ileri .32s var(--yay); }
.kt-gir-geri { animation: kt-gir-geri .32s var(--yay); }
@keyframes kt-gir-ileri { from { opacity: 0; transform: translateX(24px); } }
@keyframes kt-gir-geri { from { opacity: 0; transform: translateX(-24px); } }
html:not([data-kip="tek"]) .kt-gir-ileri, html:not([data-kip="tek"]) .kt-gir-geri { animation-name: kt-belir; }
@keyframes kt-belir { from { opacity: 0; } }

/* Seçenek kartları */
.kt-secenekler { display: grid; gap: 8px; }
@media (min-width: 640px) { .kt-secenekler--iki { grid-template-columns: repeat(2, minmax(0, 1fr)); } .kt-secenekler--iki .kt-diger { grid-column: 1 / -1; } }
.kt-secenek {
    position: relative; display: flex; align-items: center; gap: 14px; min-height: 52px; padding: 11px 16px 11px 14px;
    border: 1.5px solid var(--cizgi); border-radius: 12px; background: var(--yuzey); cursor: pointer;
    font-size: 16px; font-weight: 500; color: var(--murekkep); transition: border-color .15s, background-color .15s, box-shadow .2s, transform .1s;
    -webkit-tap-highlight-color: transparent;
}
@media (hover: hover) { .kt-secenek:hover { border-color: var(--vurgu-orta); background: var(--hafif); } }
.kt-secenek:active { transform: scale(.995); }
.kt-secenek.secili { border-color: var(--vurgu); background: var(--vurgu-acik); box-shadow: 0 6px 16px -12px var(--vurgu); }
.kt-secenek:has(input:focus-visible) { outline: 3px solid var(--odak); outline-offset: 2px; }
.kt-secenek-metin { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.kt-tus {
    flex: none; width: 26px; height: 26px; display: grid; place-items: center; border: 1.5px solid var(--cizgi-koyu);
    border-radius: 7px; background: var(--yuzey); font-size: 12.5px; font-weight: 600; color: var(--soluk);
    font-variant-numeric: tabular-nums; transition: background-color .15s, border-color .15s;
}
.kt-tus > * { grid-area: 1 / 1; }
.kt-tus-isaret { font-size: 12px; opacity: 0; transform: scale(.4); transition: opacity .15s, transform .3s cubic-bezier(.3, 1.6, .5, 1); }
.kt-secenek.secili .kt-tus { background: var(--vurgu); border-color: var(--vurgu); color: var(--vurgu-yazi); }
.kt-secenek.secili .kt-tus-no { opacity: 0; }
.kt-secenek.secili .kt-tus-isaret { opacity: 1; transform: none; }
/* Sayfa kiplerinde ve dokunmatik ekranda tuş numarası yerine yuvarlak (tekli) ya da kare (çoklu) işaret */
html:not([data-kip="tek"]) .kt-tus-no { display: none; }
html:not([data-kip="tek"]) .kt-secenek:has(input[type=radio]) .kt-tus { border-radius: 50%; }
@media (hover: none), (pointer: coarse) {
    .kt-tus-no { display: none; }
    .kt-secenek:has(input[type=radio]) .kt-tus { border-radius: 50%; }
}
.kt-diger { padding: 2px 0 0; }

/* Metin alanları */
.kt-alan {
    display: block; width: 100%; min-height: 50px; padding: 12px 14px; border: 1.5px solid var(--cizgi-koyu);
    border-radius: 12px; background: var(--yuzey); font-size: 16px; line-height: 1.5; color: var(--murekkep);
    transition: border-color .15s, box-shadow .15s;
}
.kt-alan::placeholder { color: #7A8597; }
.kt-alan:hover { border-color: var(--murekkep); }
.kt-alan:focus { outline: none; border-color: var(--vurgu); box-shadow: 0 0 0 4px var(--vurgu-acik), 0 0 0 1px var(--vurgu); }
.kt-alan[aria-invalid="true"] { border-color: var(--hata); }
.kt-alan--kisa { max-width: 260px; }
textarea.kt-alan { min-height: 120px; resize: vertical; }
input[type=date].kt-alan { max-width: 260px; }
.kt-secim-sar { position: relative; max-width: 440px; }
.kt-secim-sar::after { content: ""; position: absolute; right: 18px; top: 50%; width: 8px; height: 8px; border-right: 2px solid var(--soluk); border-bottom: 2px solid var(--soluk); transform: translateY(-70%) rotate(45deg); pointer-events: none; }
.kt-secim { appearance: none; -webkit-appearance: none; padding-right: 44px; cursor: pointer; }
.kt-sayac-karakter { margin: 6px 0 0; text-align: right; font-size: 13px; color: var(--soluk); font-variant-numeric: tabular-nums; min-height: 1.2em; }
.kt-sinira-yakin { color: var(--uyari); }
.kt-alan-ipucu { margin: 8px 0 0; font-size: 14px; color: var(--soluk); }

/* Puan, ölçek, NPS */
.kt-puan { display: grid; gap: 8px; }
.kt-puan--olcek { grid-template-columns: repeat(5, minmax(0, 1fr)); max-width: 460px; }
.kt-puan--nps { grid-template-columns: repeat(11, minmax(0, 1fr)); gap: 6px; }
.kt-puan--yildiz { grid-template-columns: repeat(5, 56px); gap: 4px; }
.kt-puan-dugme { position: relative; display: block; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.kt-puan-yuz {
    display: grid; place-items: center; height: 50px; border: 1.5px solid var(--cizgi-koyu); border-radius: 12px;
    background: var(--yuzey); font-size: 17px; font-weight: 600; color: var(--murekkep); font-variant-numeric: tabular-nums;
    transition: background-color .15s, border-color .15s, color .15s, transform .15s var(--yay);
}
.kt-puan--nps .kt-puan-yuz { height: 48px; border-radius: 10px; font-size: 16px; }
@media (hover: hover) { .kt-puan-dugme:hover .kt-puan-yuz { border-color: var(--vurgu); transform: translateY(-1px); } }
.kt-puan-dugme.secili .kt-puan-yuz { background: var(--vurgu); border-color: var(--vurgu); color: var(--vurgu-yazi); box-shadow: 0 8px 16px -10px var(--vurgu); }
.kt-puan-dugme:has(input:focus-visible) .kt-puan-yuz { outline: 3px solid var(--odak); outline-offset: 2px; }
.kt-puan--yildiz .kt-puan-yuz { border: 0; background: none; height: 56px; font-size: 32px; color: #C3CAD5; box-shadow: none; }
.kt-puan--yildiz .kt-puan-dugme.dolu .kt-puan-yuz { color: var(--vurgu); }
.kt-puan--yildiz .kt-puan-dugme.secili .kt-puan-yuz { background: none; color: var(--vurgu); box-shadow: none; animation: kt-tik .35s var(--yay); }
.kt-puan-dugme:active .kt-puan-yuz { transform: scale(.95); }
.kt-puan-uclar { display: flex; justify-content: space-between; gap: 16px; margin-top: 10px; font-size: 13.5px; color: var(--soluk); }
.kt-puan--olcek + .kt-puan-uclar { max-width: 460px; }
.kt-puan-uclar span:last-child { text-align: right; }
.kt-puan-secim { margin: 6px 0 0; font-size: 14px; font-weight: 600; color: var(--murekkep); min-height: 1.4em; }
@media (max-width: 520px) {
    .kt-puan--nps { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
    .kt-puan--yildiz { grid-template-columns: repeat(5, minmax(44px, 1fr)); max-width: 320px; }
}

/* Likert: masaüstünde matris, telefonda ifade başına 1–5 şeridi */
.kt-likert { --likert-sutun: 92px; }
.kt-likert-bas { display: none; }
.kt-likert-satir { padding: 14px 0; border-bottom: 1px solid var(--cizgi); }
.kt-likert-bas + .kt-likert-satir { padding-top: 4px; }
.kt-likert-satir:last-child { border-bottom: 0; padding-bottom: 0; }
.kt-likert-ifade { margin: 0 0 10px; font-size: 15.5px; font-weight: 500; color: var(--murekkep); overflow-wrap: anywhere; }
.kt-likert-satir.kt-eksik .kt-likert-ifade { color: var(--hata); }
.kt-likert-satir.kt-eksik .kt-likert-ifade::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--hata); margin: 0 8px 2px 0; vertical-align: middle; }
.kt-likert-secenekler { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
.kt-likert-hucre { position: relative; display: block; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.kt-likert-no {
    display: grid; place-items: center; height: 46px; border: 1.5px solid var(--cizgi-koyu); border-radius: 10px;
    background: var(--yuzey); font-size: 16px; font-weight: 600; color: var(--murekkep); transition: background-color .15s, border-color .15s, transform .15s var(--yay);
}
.kt-likert-etiket { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.kt-likert-hucre.secili .kt-likert-no { background: var(--vurgu); border-color: var(--vurgu); color: var(--vurgu-yazi); }
.kt-likert-hucre:has(input:focus-visible) .kt-likert-no { outline: 3px solid var(--odak); outline-offset: 2px; }
@media (hover: hover) { .kt-likert-hucre:hover .kt-likert-no { border-color: var(--vurgu); } }
.kt-likert-uclar { display: flex; justify-content: space-between; gap: 12px; margin-top: 6px; font-size: 13px; color: var(--soluk); }
.kt-likert-uclar span:last-child { text-align: right; }
/* Matris (sütunlar sahibin yazdığı metin): telefonda ve 6'dan çok sütunda etiketli seçim çipleri */
.kt-likert--matris .kt-likert-secenekler { display: flex; flex-wrap: wrap; gap: 8px; }
.kt-likert--matris .kt-likert-no { display: none; }
.kt-likert--matris .kt-likert-etiket {
    position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal;
    display: inline-flex; align-items: center; min-height: 44px; padding: 8px 14px; border: 1.5px solid var(--cizgi-koyu);
    border-radius: 999px; background: var(--yuzey); font-size: 15px; font-weight: 500; color: var(--murekkep);
    transition: background-color .15s, border-color .15s;
}
.kt-likert--matris .kt-likert-hucre.secili .kt-likert-etiket { background: var(--vurgu); border-color: var(--vurgu); color: var(--vurgu-yazi); }
.kt-likert--matris .kt-likert-hucre:has(input:focus-visible) .kt-likert-etiket { outline: 3px solid var(--odak); outline-offset: 2px; }
.kt-likert--matris .kt-likert-hucre:has(input[type=checkbox]) .kt-likert-etiket { border-radius: 10px; }
@media (min-width: 740px) {
    .kt-likert:not(.kt-likert--yigin) :is(.kt-likert-bas, .kt-likert-satir) { display: grid; grid-template-columns: minmax(0, 1fr) calc(var(--likert-sutun) * var(--sutun-sayisi, 5)); align-items: center; column-gap: 16px; }
    .kt-likert--matris:not(.kt-likert--yigin) { --likert-sutun: 84px; }
    .kt-likert--matris:not(.kt-likert--yigin) .kt-likert-secenekler { display: grid; }
    .kt-likert--matris:not(.kt-likert--yigin) .kt-likert-no { display: grid; }
    .kt-likert--matris:not(.kt-likert--yigin) .kt-likert-etiket { position: absolute; width: 1px; height: 1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .kt-likert--matris:not(.kt-likert--yigin) .kt-likert-hucre:has(input[type=checkbox]) .kt-likert-no { border-radius: 8px; }
    .kt-likert:not(.kt-likert--yigin) .kt-likert-bas { padding: 0 0 10px; border-bottom: 1px solid var(--cizgi); }
    .kt-likert:not(.kt-likert--yigin) .kt-likert-bas-sutunlar { display: grid; grid-template-columns: repeat(var(--sutun-sayisi, 5), var(--likert-sutun)); }
    .kt-likert:not(.kt-likert--yigin) .kt-likert-bas-sutunlar span { display: block; padding: 0 4px; text-align: center; font-size: 12.5px; line-height: 1.3; font-weight: 600; color: var(--soluk); }
    .kt-likert:not(.kt-likert--yigin) .kt-likert-satir, .kt-likert:not(.kt-likert--yigin) .kt-likert-bas + .kt-likert-satir { padding: 6px 0 6px 12px; border-radius: 10px; border-bottom: 0; transition: background-color .15s; }
    .kt-likert:not(.kt-likert--yigin) .kt-likert-satir:nth-of-type(odd) { background: var(--hafif); }
    .kt-likert:not(.kt-likert--yigin) .kt-likert-satir:last-child { padding-bottom: 6px; }
    .kt-likert:not(.kt-likert--yigin) .kt-likert-ifade { margin: 0; font-size: 15px; }
    .kt-likert:not(.kt-likert--yigin) .kt-likert-secenekler { grid-template-columns: repeat(var(--sutun-sayisi, 5), var(--likert-sutun)); gap: 0; }
    .kt-likert:not(.kt-likert--yigin) .kt-likert-hucre { display: grid; place-items: center; min-height: 46px; }
    .kt-likert:not(.kt-likert--yigin) .kt-likert-no { width: 30px; height: 30px; border-radius: 50%; font-size: 12.5px; color: var(--soluk); }
    .kt-likert:not(.kt-likert--yigin) .kt-likert-hucre.secili .kt-likert-no { color: var(--vurgu-yazi); animation: kt-tik .3s var(--yay); }
    .kt-likert:not(.kt-likert--yigin) .kt-likert-uclar { display: none; }
    .kt-likert:not(.kt-likert--yigin) .kt-likert-satir.kt-eksik { background: #FDECEA; }
    @media (hover: hover) { .kt-likert:not(.kt-likert--yigin) .kt-likert-satir:hover { background: var(--vurgu-acik); } }
}

/* Dosya yükleme */
.kt-dosya {
    display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 26px 16px; text-align: center;
    border: 2px dashed var(--cizgi-koyu); border-radius: 14px; background: var(--hafif); cursor: pointer;
    transition: border-color .15s, background-color .15s;
}
.kt-dosya:hover, .kt-dosya.kt-surukle { border-color: var(--vurgu); background: var(--vurgu-acik); }
.kt-dosya:has(input:focus-visible) { outline: 3px solid var(--odak); outline-offset: 2px; }
.kt-dosya-simge { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: var(--yuzey); box-shadow: 0 0 0 1px var(--cizgi); font-size: 19px; color: var(--vurgu-koyu); margin-bottom: 6px; }
.kt-dosya-baslik { font-weight: 600; color: var(--murekkep); }
.kt-dosya-baslik u { color: var(--vurgu-koyu); text-underline-offset: 3px; }
.kt-dosya-ipucu { font-size: 13.5px; color: var(--soluk); }
.kt-dosya-kart { display: flex; align-items: center; gap: 12px; padding: 12px 12px 12px 16px; border: 1.5px solid var(--cizgi); border-radius: 12px; }
.kt-dosya-tur { font-size: 20px; color: var(--vurgu-koyu); }
.kt-dosya-govde { flex: 1; min-width: 0; }
.kt-dosya-ad { display: block; font-weight: 500; color: var(--murekkep); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kt-dosya-cubuk { display: block; height: 4px; margin-top: 8px; border-radius: 2px; background: #E6EAF0; overflow: hidden; }
.kt-dosya-dolgu { display: block; height: 100%; width: 0; background: var(--vurgu); transition: width .2s; }
.kt-dosya-kart:not(.kt-yukleniyor) .kt-dosya-dolgu { background: var(--basari); }
.kt-dosya-durum { margin: 8px 0 0; font-size: 14px; color: var(--soluk); min-height: 1.4em; }

/* Gönderim hatası */
.kt-gonderim-hatasi { margin: 0 var(--ic-bosluk) 24px; padding: 14px 16px; border-radius: 12px; background: var(--hata-zemin); border: 1px solid #F4C7C3; color: var(--hata); font-weight: 600; font-size: 15px; }
html:not([data-kip="tek"]) .kt-gonderim-hatasi { margin: 16px 0 0; }

/* ---------- Alt gezinti çubuğu ---------- */
.kt-gezinti {
    position: sticky; bottom: 0; z-index: 20; background: rgba(255, 255, 255, .97); border-top: 1px solid var(--cizgi);
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
}
@supports (backdrop-filter: blur(8px)) { .kt-gezinti { background: rgba(255, 255, 255, .86); backdrop-filter: saturate(1.4) blur(14px); } }
html.gomulu .kt-gezinti { position: static; background: transparent; backdrop-filter: none; border-top: 0; padding-top: 0; }
.kt-gezinti-ic { max-width: var(--yaprak-en); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.kt-gezinti .kt-ipucu { flex: 1; min-width: 0; text-align: center; font-size: 13px; }
.kt-gezinti .kt-ipucu.kt-hazir { color: var(--basari); font-weight: 600; }
.kt-gezinti .kt-ipucu.kt-hazir::before { content: "\2713\00a0"; }
/* Klavye ipucu (tek tek kipi) yalnız masaüstünde */
html[data-kip="tek"] #kisayol-ipucu { visibility: hidden; }
@media (hover: hover) and (pointer: fine) and (min-width: 720px) { html[data-kip="tek"] #kisayol-ipucu { visibility: visible; } }
#next-btn { min-width: 136px; }
.kt-dugme--gonder { min-width: 160px; }
@media (max-width: 560px) {
    #next-btn { flex: 0 1 auto; }
    /* Telefonda "Geri" yalnız ok (ad ekran okuyucuda kalır); sayaçta yalnız rakamlar */
    #prev-btn { min-width: 48px; padding: 0 12px; }
    #prev-btn span, .kt-genis-metin { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
/* Masaüstünde gezinti yaprağın hemen altında (ekranın dibinde değil); telefonda başparmağa yakın, ekranın altında */
@media (min-width: 720px) and (hover: hover) and (pointer: fine) {
    .kt-ana { flex: 0 0 auto; }
    .kt-gezinti { position: static; background: none; border-top: 0; padding: 0 16px 28px; }
    @supports (backdrop-filter: blur(8px)) { .kt-gezinti { background: none; backdrop-filter: none; } }
    /* Sayfa kiplerinde gönderim alanı kendi yaprağında: solda durum, sağda düğme */
    html:not([data-kip="tek"]) .kt-gezinti-ic { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 18px; padding: 12px 12px 12px 14px; box-shadow: var(--golge-hafif); }
    html:not([data-kip="tek"]) .kt-gezinti .kt-ipucu { text-align: left; font-size: 14px; }
    html:not([data-kip="tek"]) #next-btn { min-height: 52px; padding: 0 28px; }
}

/* ---------- Bant: teşekkür ve durum ekranlarının üstü ---------- */
.kt-bant { position: relative; height: 136px; }
.kt-bant-zemin { position: absolute; inset: 0; overflow: hidden; }
.kt-bant .kt-desen { width: 100%; right: -30%; bottom: auto; top: -120%; }
.kt-bant .kt-logo-levha { right: var(--ic-bosluk); top: 20px; }
.kt-rozet {
    position: absolute; z-index: 2; left: var(--ic-bosluk); bottom: -34px; width: 72px; height: 72px; display: grid; place-items: center;
    border-radius: 22px; background: var(--yuzey); color: var(--marka); font-size: 26px;
    box-shadow: 0 0 0 5px var(--yuzey), 0 16px 30px -14px rgba(5, 15, 35, .5);
    animation: kt-rozet .5s var(--yay) both;
}
.kt-rozet--onay { border-radius: 50%; }
.kt-rozet svg { width: 46px; height: 46px; }
.kt-onay-halka { fill: var(--vurgu-acik); stroke: var(--vurgu); stroke-width: 2.5; stroke-dasharray: 145; stroke-dashoffset: 145; animation: kt-ciz .6s .15s var(--yay) forwards; }
.kt-onay-cizgi { fill: none; stroke: var(--vurgu); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 36; stroke-dashoffset: 36; animation: kt-ciz .35s .6s var(--yay) forwards; }
@keyframes kt-ciz { to { stroke-dashoffset: 0; } }
@keyframes kt-rozet { from { opacity: 0; transform: translateY(10px) scale(.85); } }
.kt-durum-ic { padding: 58px var(--ic-bosluk) 40px; }
.kt-durum-baglam { margin: 0 0 8px; font-size: 14px; font-weight: 600; color: var(--soluk); }
@media (max-width: 560px) {
    .kt-bant { height: 112px; }
    .kt-rozet { width: 62px; height: 62px; bottom: -30px; font-size: 22px; border-radius: 19px; }
    .kt-rozet svg { width: 40px; height: 40px; }
    .kt-durum-ic { padding-top: 50px; padding-bottom: 30px; }
}

/* ---------- Teşekkür ---------- */
.kt-tesekkur-dugmeler { margin-top: 26px; }
.kt-yonlendirme { margin: 18px 0 0; font-size: 15px; color: var(--soluk); }
.kt-sonuclar { margin-top: 34px; padding-top: 26px; border-top: 1px solid var(--cizgi); }
.kt-sonuclar h2 { margin: 0 0 18px; font-size: 18px; font-weight: 700; color: var(--murekkep); }
.kt-sonuc { margin-bottom: 18px; padding: 16px 18px; border: 1px solid var(--cizgi); border-radius: 14px; background: var(--hafif); }
.kt-sonuc h3 { margin: 0 0 12px; font-size: 15.5px; font-weight: 600; color: var(--murekkep); }
.kt-sonuc-satir { margin-bottom: 10px; }
.kt-sonuc-ust { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; margin-bottom: 4px; }
.kt-sonuc-oran { font-weight: 600; color: var(--murekkep); font-variant-numeric: tabular-nums; }
.kt-sonuc-cubuk { height: 8px; border-radius: 4px; background: #E3E8EF; overflow: hidden; }
.kt-sonuc-cubuk span { display: block; height: 100%; background: var(--vurgu); border-radius: 4px; }
.kt-sonuc .kt-ipucu { margin: 6px 0 0; font-size: 13px; }

/* ---------- Durum sayfaları (kapalı, şifre, zaten yanıtlandı) ---------- */
.kt-durum-tarih { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; padding: 9px 14px; border-radius: 12px; background: var(--hafif); border: 1px solid var(--cizgi); font-weight: 600; color: var(--murekkep); }
.kt-form { margin-top: 26px; max-width: 420px; }
.kt-etiket { display: block; margin-bottom: 8px; font-weight: 600; color: var(--murekkep); }
.kt-sifre { position: relative; }
.kt-sifre .kt-alan { padding-right: 56px; }
.kt-sifre-goster { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border: 0; border-radius: 10px; background: none; color: var(--soluk); cursor: pointer; }
.kt-sifre-goster:hover { background: var(--hafif); color: var(--murekkep); }
.kt-form-hata { margin: 0 0 14px; padding: 12px 14px; border-radius: 10px; background: var(--hata-zemin); border: 1px solid #F4C7C3; color: var(--hata); font-weight: 600; font-size: 15px; }
.kt-form .kt-dugme { margin-top: 16px; width: 100%; }

/* ---------- Alt not ---------- */
.kt-alt { flex: none; text-align: center; padding: 6px 16px 26px; font-size: 13px; }
.kt-alt a { color: var(--soluk); text-decoration: none; }
.kt-alt a:hover { color: var(--murekkep); text-decoration: underline; }
body.kt-dolduruluyor .kt-alt { padding-bottom: 14px; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .01ms !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
@media print { .kt-gezinti, .kt-ilerleme, .kt-alt, .kt-ust { display: none; } }

/* Ön izleme şeridi */
.kt-onizleme-seridi { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px 16px; padding: 10px 16px; background: var(--murekkep); color: #fff; font-size: 14px; font-weight: 500; }
.kt-onizleme-seridi a { color: #fff; font-weight: 600; text-underline-offset: 3px; }
.kt-onizleme-seridi a:focus-visible { outline-color: #fff; }

/* Evet / Hayır: iki kart yan yana */
.kt-secenekler--yan { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 460px; }

/* Sıralama */
.kt-sirala { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.kt-sirala-oge { display: flex; align-items: center; gap: 10px; min-height: 54px; padding: 5px 6px 5px 12px; border: 1.5px solid var(--cizgi); border-radius: 12px; background: var(--yuzey); }
.kt-sirala-no { flex: none; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; background: var(--vurgu-acik); color: var(--vurgu-koyu); font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; }
.kt-sirala-metin { flex: 1; min-width: 0; font-weight: 500; color: var(--murekkep); overflow-wrap: anywhere; }
.kt-sirala-dugme { flex: none; width: 44px; height: 44px; border: 0; border-radius: 10px; background: none; color: var(--soluk); cursor: pointer; }
.kt-sirala-dugme:hover:not(:disabled) { background: var(--hafif); color: var(--murekkep); }
.kt-sirala-dugme:disabled { opacity: .3; cursor: default; }
.kt-sirala-onay { margin-top: 12px; }
/* Matriste seçili hücre yalnız renkle değil onay işaretiyle de belli olur */
.kt-likert--matris .kt-likert-hucre.secili .kt-likert-no::after { content: ""; width: 6px; height: 11px; border: solid var(--vurgu-yazi); border-width: 0 2.5px 2.5px 0; transform: translateY(-1px) rotate(45deg); }