/* ================= Tur 5: sade, buyuk, modern arayuz (stil.css uzerine) ================= */
body{font-size:18px;line-height:1.55}
main{padding:24px 20px 60px}
.kart{border-radius:18px;padding:22px;margin:16px 0;box-shadow:0 1px 3px rgba(13,24,42,.06)}
.btn{border-radius:14px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn.buyuk{font-size:23px;padding:20px 42px;min-height:68px;border-radius:18px;box-shadow:0 4px 14px rgba(240,138,18,.35)}
.btn.kucuk{min-height:40px;border-radius:10px}
.btn.tehlike{border-color:var(--bad);color:var(--bad);background:transparent}
input[type=text],input[type=password],input[type=date],input[type=number],select,textarea{font:inherit;min-height:48px;border-radius:12px}
textarea{border:1px solid var(--line);background:var(--kart);color:var(--fg);padding:10px 12px;width:100%}
header.ust nav{display:flex;gap:6px;align-items:center}
header.ust nav a{padding:10px 18px;border-radius:12px;font-size:18px}
header.ust nav a.aktif{background:rgba(255,255,255,.14);box-shadow:inset 0 -3px 0 var(--turuncu1)}
header.ust .rehber-ac{background:transparent;border:0;color:#fff;font:inherit;font-weight:600;cursor:pointer;padding:10px 14px;border-radius:12px}
header.ust .rehber-ac:hover{background:rgba(255,255,255,.14)}
/* adim gostergesi */
.adimlar{display:flex;gap:0;margin:6px 0 22px;flex-wrap:wrap}
.adimlar .adim{display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:99px;color:var(--mut);font-weight:700;font-size:18px}
.adimlar .adim b{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;background:var(--line);color:var(--fg)}
.adimlar .adim.aktif{background:linear-gradient(90deg,var(--turuncu1),var(--turuncu2));color:var(--lacivert)}
.adimlar .adim.aktif b{background:var(--lacivert);color:#fff}
.adimlar .adim.bitti b{background:var(--ok);color:#fff}.adimlar .adim.bitti{color:var(--ok)}
.adimlar .ok{align-self:center;color:var(--mut);padding:0 4px}
.ana-is{text-align:center;padding:34px 20px}.ana-is h2{margin:0 0 6px;font-size:26px}
.bos-durum{text-align:center;padding:48px 20px}.bos-durum p{font-size:20px;color:var(--mut);margin:0 0 22px}
.geri-satiri{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:8px 0 18px}
details.gelismis{margin:14px 0}details.gelismis>summary{cursor:pointer;color:var(--mut);font-weight:700;padding:8px 0;font-size:17px}
details.gelismis[open]>summary{margin-bottom:8px}
.karo{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.karo a.kutu{display:block;text-decoration:none;color:var(--fg);background:var(--kart);border:2px solid var(--line);border-radius:18px;padding:22px;transition:.15s}
.karo a.kutu:hover{border-color:var(--turuncu2);transform:translateY(-2px)}
.karo a.kutu b{display:block;font-size:21px;margin-bottom:4px}.karo a.kutu span{color:var(--mut);font-size:16px}
/* rehber */
#rehber{position:fixed;inset:0;background:rgba(13,24,42,.6);display:none;align-items:center;justify-content:center;z-index:50;padding:16px}
#rehber .kutu{background:var(--kart);color:var(--fg);border-radius:22px;max-width:520px;width:100%;padding:30px;text-align:center}
#rehber .nokta{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--line);margin:0 4px}
#rehber .nokta.a{background:var(--turuncu2)}#rehber h2{font-size:26px;margin:.2em 0}#rehber p{font-size:19px;color:var(--mut)}
/* gelisim renkleri */
.d-olculmedi{background:#e4e5ea;color:#555}.d-eksik{background:#f8caca;color:#8a1c1c}.d-gelisiyor{background:#fbe9a6;color:#6d4c00}
.d-tamamlandi{background:#bfe8c9;color:#0f5a25}.d-tekrar_gerekli{background:#ffd3a3;color:#8a4300}
@media(prefers-color-scheme:dark){.d-olculmedi{background:#33343c;color:#bbb}.d-eksik{background:#4a1f1f;color:#ffb4ab}.d-gelisiyor{background:#4a3d12;color:#f6dc7a}
.d-tamamlandi{background:#17402a;color:#8be0a3}.d-tekrar_gerekli{background:#4d2d10;color:#ffc489}}
.izgara{border-collapse:separate;border-spacing:3px;width:auto;background:transparent}
.izgara th,.izgara td{border:0;padding:0}.izgara td.h{width:34px;height:34px;text-align:center;border-radius:8px;font-size:17px;font-weight:800}
.izgara th.dikey{height:150px;vertical-align:bottom;font-size:12px;text-transform:none;letter-spacing:0;width:34px}
.izgara th.dikey div{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;max-height:150px;overflow:hidden}
.izgara td.ad{padding-right:12px;white-space:nowrap;font-weight:600;font-size:16px}
.cizgi{width:100%;max-width:560px;height:auto}
.lej{display:inline-flex;align-items:center;gap:6px;margin-right:14px;font-size:15px}.lej i{display:inline-block;width:18px;height:18px;border-radius:5px}
.cumle{font-size:19px}.etki{font-size:21px;font-weight:700;color:var(--ok)}
.yuzde-bar{height:14px;background:var(--line);border-radius:7px;overflow:hidden;min-width:90px}.yuzde-bar>i{display:block;height:100%}
.r-yesil{background:#2e9e56}.r-sari{background:#e0a800}.r-kirmizi{background:#d9534f}

/* ================= KARNE (A4, yazdirilabilir) ================= */
.karne{background:#fff;color:#14181f;max-width:210mm;margin:0 auto 24px;border:1px solid var(--line);border-radius:6px;font-size:13.5px;line-height:1.4}
.karne .sf{padding:9mm 12mm;min-height:285mm;page-break-after:always;break-after:page;position:relative}
.karne .sf:last-child{page-break-after:auto;break-after:auto}
.karne h3{font-size:14.5px;margin:9px 0 4px;padding-bottom:3px;border-bottom:2px solid #F08A12;color:#0D182A}
.karne h4{font-size:13.5px;margin:8px 0 3px;color:#0D182A}
.karne .ust-k{display:flex;gap:14px;align-items:center;border-bottom:3px solid #0D182A;padding-bottom:8px}
.karne .ust-k img{height:54px;width:auto}.karne .ust-k .b{flex:1}
.karne .ust-k .ad{font-size:21px;font-weight:800;color:#0D182A}.karne .ust-k .alt{color:#455;font-size:12.5px}
.karne table{width:100%;font-size:12.5px;background:#fff;border-collapse:collapse}
.karne th,.karne td{padding:2.5px 5px;border-bottom:1px solid #dde;color:#14181f;text-align:left}
.karne th{font-size:10.5px;color:#556;text-transform:none;letter-spacing:0;background:#f3f4f8}
.karne td.n,.karne th.n{text-align:right}
.karne .cubuk{height:11px;background:#e6e8ef;border-radius:6px;overflow:hidden;min-width:60px}.karne .cubuk i{display:block;height:100%;border-radius:6px}
.karne .ozet-kutu{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}
.karne .ozet-kutu div{flex:1;min-width:70px;text-align:center;background:#f3f4f8;border-radius:10px;padding:3px 4px}
.karne .ozet-kutu b{display:block;font-size:17px;color:#0D182A}
.karne .guclu{background:#eaf7ee;border-left:5px solid #2e9e56;padding:5px 10px;border-radius:6px;margin:6px 0}
.karne .not-k{background:#f3f7fb;border-left:5px solid #33AADD;padding:4px 10px;border-radius:6px;margin:3px 0}
.karne .iki-kol{display:grid;grid-template-columns:1fr 1fr;gap:5px 16px}
.karne .soru-tab td{padding:1.5px 4px;font-size:11px}.karne .soru-tab .kaz{color:#556;font-size:10px}
.karne .ok-d{color:#1b8a3b;font-weight:800}.karne .ok-y{color:#c62828;font-weight:800}.karne .ok-b{color:#777;font-weight:700}
.karne .vurgu{background:#fde4e4;border-radius:4px;padding:0 4px;font-weight:800;color:#c62828}
.karne .plan-hafta{border:1px solid #dde;border-radius:8px;margin:6px 0;padding:6px 10px}
.karne .plan-madde{display:flex;gap:8px;padding:3px 0;border-bottom:1px dashed #dde;font-size:12px;line-height:1.3}.karne .plan-madde:last-child{border:0}
.karne .kutucuk{display:inline-block;width:15px;height:15px;border:2px solid #0D182A;border-radius:4px;flex:none;margin-top:2px;text-align:center;line-height:11px;font-size:12px}
.karne .alt-bilgi{position:absolute;left:12mm;right:12mm;bottom:6mm;font-size:10px;color:#889;display:flex;justify-content:space-between}
.karne .kucuk-not{font-size:11px;color:#667}
.araclar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:10px 0 18px}
/* logo: ekranda 300 px, baskida 600 px dosya (piksel/seffaflik degismez) */
.logo-baski{display:none!important}
@media print{
 .logo-ekran{display:none!important}.logo-baski{display:block!important}
 .karne .ust-k .logo-baski{display:block!important}
}
@media print{
 @page{size:A4;margin:0}
 html,body{background:#fff!important}
 header.ust,.araclar,.geri-satiri,.yazdirma-disi,#rehber,details.gelismis>summary{display:none!important}
 main{padding:0;max-width:none}
 .karne{border:0;border-radius:0;margin:0;max-width:none}
 .karne .sf{min-height:297mm;padding:10mm 12mm}
 .kurum-sayfa{padding:10mm 12mm}
}

/* ---- Tur 6: Yarin derste ne yapayim? (A4, tek sayfa) ve okul duzeyi tablosu */
.karne .sf.yarin{font-size:12px}
.karne .yarin-kaz{border:1.5px solid #0D182A;border-radius:8px;padding:5px 9px;margin:6px 0;break-inside:avoid}
.karne .yarin-kaz h3{margin:0 0 2px;font-size:13.5px;color:#0D182A;line-height:1.25}
.karne .yarin-tab{table-layout:fixed;font-size:10.5px;margin:3px 0}
.karne .yarin-tab th{font-size:10.5px;background:#e8ebf2;color:#0D182A;border-bottom:1.5px solid #0D182A}
.karne .yarin-tab td{vertical-align:top;border-bottom:1px solid #bbc;padding:2px 5px;line-height:1.28}
.karne .yarin-tab td.adlar{font-size:10.5px;min-height:20px}
.karne .yarin-tab td.etk{font-size:10px;color:#222}
.karne .hedef{margin:3px 0;padding:3px 8px;background:#eef6fb;border-left:5px solid #0D182A;font-size:11.5px}
.karne .isaret{font-size:11px;margin-top:3px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.karne .isaret .kutucuk{vertical-align:middle}
.isaret-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:6px}
.isaret-form input[type=text]{flex:1;min-width:200px}.isaret-form input[type=date]{min-width:150px;width:160px}
.od-tablo td.en-cok{background:#fde4e4;font-weight:800}
@media print{.od-tablo td.en-cok{background:#ddd!important;border:2px solid #000}}

/* PDF'i ogrenci basina bolmek icin gorunmez isaret */
.pdf-isaret{position:absolute;left:2mm;top:1mm;font-size:4px;line-height:4px;color:#fff;white-space:nowrap}
@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .karne .cubuk{border:1px solid #555}.karne .alt-bilgi{bottom:8mm}}

/* Tur 7: destek gorunumu bandi, alt bilgi */
.adina-bant{background:#fff3cd;border-bottom:2px solid #e0a800;padding:10px 18px;font-size:17px;text-align:center}
.alt-sayfa{max-width:1100px;margin:30px auto 20px;padding:0 18px;color:#778;font-size:14px;text-align:center}
.alt-sayfa a{color:#778}
@media print{.adina-bant,.alt-sayfa{display:none!important}}