/* Ders ekranı — üç sütun: ders listesi · oynatıcı + sekmeler · asistan. Vaka görünümü aynı çerçevede. */
body{background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(238,154,69,.35),rgba(238,154,69,0) 70%),var(--kagit)}
.ust{background:rgba(14,40,65,.94)}
.ekran{display:grid;grid-template-columns:290px 1fr 360px;gap:18px;padding-block:24px 50px;align-items:start}
.yan{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow:auto;border-radius:24px;padding:16px}
.yan .bas{padding:4px 6px 12px;display:grid;gap:6px}
.yan .bas b{font-size:17px}
.ilerleme{height:8px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.ilerleme i{display:block;height:100%;width:8%;background:linear-gradient(90deg,var(--or),var(--or-acik))}
.yan .sayac{font-size:12px;color:#a9b8c8}
.mod{margin-top:10px}
.mod-ad{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--or-acik);font-weight:550;padding:6px 6px}
.dl{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:start;padding:9px 8px;border-radius:12px;font-size:14px;text-decoration:none;color:#dfe7ef;cursor:pointer;background:none;border:0;width:100%;text-align:left}
.dl:hover{background:rgba(255,255,255,.05)}
.dl.aktif{background:rgba(238,154,69,.16);color:#fff}
.dl .d{width:18px;height:18px;border-radius:50%;border:2px solid #5d7896;margin-top:1px}
.dl.tamam .d{background:#4FC08A;border-color:#4FC08A}
.dl.aktif .d{border-color:var(--or-acik);box-shadow:inset 0 0 0 3px var(--navy),inset 0 0 0 9px var(--or-acik)}
.dl.kilit{opacity:.45;cursor:default}
.dl .sure{font-size:12px;color:#8fa2b6}
.dl.vaka .d{border-radius:5px;border-color:var(--or-acik)}

.orta{min-width:0;display:grid;gap:16px}
.oynatici{border-radius:24px;overflow:hidden;border:1px solid var(--navy-kenar);border-bottom:7px solid var(--navy-dip);box-shadow:0 28px 40px -20px rgba(6,18,31,.75);background:#000}
.oynatici video{width:100%;aspect-ratio:16/9;display:block;background:#000}
.ders-bas{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap}
.ders-bas h1{font-size:clamp(26px,2.6vw,36px);line-height:1.05}
.ders-bas h1 .it{color:var(--or)}
.gezinme{display:flex;gap:8px}
.panel-ana{border-radius:24px;padding:6px 22px 22px}
.sekmeler{display:flex;gap:4px;border-bottom:1px solid rgba(255,255,255,.12);flex-wrap:wrap}
.sekmeler button{background:none;border:0;color:#a9b8c8;padding:14px 14px 12px;font-size:15px;border-bottom:3px solid transparent}
.sekmeler button[aria-selected="true"]{color:#fff;border-color:var(--or-acik)}
.sekme{padding-top:18px}
.soru{margin-bottom:18px}
.soru p{margin:0 0 10px;font-weight:550}
.secenek{display:block;width:100%;text-align:left;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:14px;padding:12px 14px;margin-bottom:8px;font-size:15px}
.secenek:hover{background:rgba(255,255,255,.09)}
.secenek.dogru{background:rgba(79,192,138,.18);border-color:#4FC08A}
.secenek.yanlis{background:rgba(255,107,91,.15);border-color:#ff6b5b}
.sonuc-kutu{border-radius:16px;padding:14px 16px;background:rgba(238,154,69,.15);border:1px solid rgba(238,154,69,.4);font-weight:550}
.sekme p.not{color:#c9d6e3;max-width:70ch}

.asistan{position:sticky;top:90px;max-height:calc(100vh - 110px);display:flex;flex-direction:column;border-radius:24px;overflow:hidden}
.asistan .bas{display:flex;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.1)}
.asistan .av{width:42px;height:42px;border-radius:50%;background:center 22%/cover;border:2px solid var(--or-acik);flex:none}
.asistan .bas small{display:block;font-size:12px;color:#a9b8c8}
.akis{flex:1;overflow:auto;padding:16px;display:grid;gap:12px;align-content:start}
.zaman{font-size:12px;color:#8fa2b6;text-align:center}
.balon{max-width:88%;padding:12px 14px;border-radius:16px;font-size:14.5px;line-height:1.5}
.balon.soru-b{justify-self:end;background:var(--or);color:#fff;border-bottom-right-radius:5px}
.balon.cevap{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-bottom-left-radius:5px}
.balon .kaynak{display:block;margin-top:8px;font-size:12px;color:var(--or-acik)}
.oneriler{display:flex;gap:6px;flex-wrap:wrap;padding:0 14px 8px}
.oneriler button{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);color:#dfe7ef;border-radius:99px;padding:6px 11px;font-size:13px}
.asistan form{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.1)}
.asistan input{flex:1;min-width:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:99px;padding:10px 14px;font:inherit}
.asistan input::placeholder{color:#8fa2b6}
.kota{font-size:11px;color:#8fa2b6;text-align:center;padding-bottom:10px}

/* vaka görünümü */
.vaka-bas{border-radius:24px;padding:24px;display:grid;gap:10px}
.vaka-bas h1{font-size:clamp(26px,2.6vw,36px)}
.vaka-bas h1 .it{color:var(--or-acik)}
.vaka-bas p{margin:0;color:#c9d6e3;max-width:70ch}
.belge{background:#fffdf9;color:#201709;border-radius:10px;padding:26px 28px;box-shadow:0 30px 50px -25px rgba(6,18,31,.6),0 0 0 1px rgba(32,23,9,.1);font-size:14px;position:relative}
.belge::after{content:"KURGUSAL ÖRNEK";position:absolute;top:18px;right:20px;font-size:11px;letter-spacing:.12em;color:#c0392b;border:1.5px solid #c0392b;padding:3px 8px;border-radius:4px;transform:rotate(4deg)}
.belge h3{font-size:18px;font-weight:550;margin:0 0 4px}
.belge .ust-bilgi{font-size:12px;color:#5d5245;margin-bottom:14px}
.belge table{width:100%;border-collapse:collapse}
.belge th,.belge td{border:1px solid #d9cfc4;padding:8px 10px;text-align:left;vertical-align:top}
.belge th{background:#f3ebe3;font-weight:550;font-size:12px;letter-spacing:.04em}
.belge td.say{font-variant-numeric:tabular-nums}
.belge .imza{display:flex;gap:30px;margin-top:14px;font-size:12px;color:#5d5245}
.bulgular{border-radius:24px;padding:22px;display:grid;gap:12px}
.bulgular h3{font-size:22px}
.bulgu{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);cursor:pointer}
.bulgu input{width:18px;height:18px;accent-color:var(--or);margin-top:2px}
.bulgu.dogru{border-color:#4FC08A;background:rgba(79,192,138,.14)}
.bulgu.yanlis{border-color:#ff6b5b;background:rgba(255,107,91,.12)}
.bulgu.kacan{border-color:#ffc58a;border-style:dashed}
.bulgu small{display:block;color:#a9b8c8;margin-top:4px}
.bulgular textarea{width:100%;min-height:90px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);color:#fff;padding:12px;font:inherit;resize:vertical}

@media (max-width:1150px){.ekran{grid-template-columns:1fr}.yan,.asistan{position:static;max-height:none}.asistan{min-height:480px}}
.kota{font-size:11px;color:#8fa2b6;text-align:center;padding-bottom:10px}
.uyari{border-radius:16px;padding:12px 16px;background:rgba(238,154,69,.15);border:1px solid rgba(238,154,69,.4);font-size:14.5px}
/* Vaka başvuru paneli (2026-10-24) */
.basvuru{margin:18px 0;padding:18px 22px}
.basvuru details+details{margin-top:12px;border-top:1px solid rgba(255,255,255,.12);padding-top:12px}
.basvuru summary{cursor:pointer;font-weight:600;font-size:17px;color:#fff;list-style:none}
.basvuru summary::-webkit-details-marker{display:none}
.basvuru summary .no{display:inline-block;background:#EE9A45;color:#1F3A5F;border-radius:8px;padding:2px 9px;margin-right:6px;font-weight:700}
.basvuru summary em{font-style:normal;color:#c9d6e3;font-weight:400;font-size:14px}
.basvuru ul{margin:12px 0 8px 2px;padding-left:20px;color:#e8eef5;line-height:1.55}
.basvuru .denetci{color:#e8eef5;margin:8px 0 4px;font-size:14.5px}
.basvuru .kaynak{color:#9fb3c8;font-size:12.5px;margin:6px 0 0}
.vaka-not{color:#9fb3c8;font-size:12.5px;margin:8px 0 0}
#bulguListe input:disabled+span{cursor:default}