/* LGS_v2 — CEMIRA bordo paleti (v1 :root ile aynı renkler, mobil öncelikli düzen) */
:root{--ana:#7c2733;--ana2:#a93d49;--vurgu:#b8485a;--acik:#f9f1f2;--arka:#f3f2f5;--panel:#fff;--metin:#2b2b3a;--gri:#7d7d8a;--cizgi:#e4e2ea;
  --yesil:#2e7d32;--sari:#b58900;--kirmizi:#cf2d2d}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;overflow-x:hidden}
body{font-family:"Segoe UI",Roboto,system-ui,Arial,sans-serif;background:var(--arka);color:var(--metin);font-size:15px;line-height:1.45;padding-bottom:64px}
header{min-height:60px;background:linear-gradient(135deg,var(--ana),var(--ana2));color:#fff;padding:10px 16px;display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:5}
header img{width:36px;height:36px;border-radius:10px;background:#fff}
header b{font-size:16px;display:block;line-height:1.1}header small{opacity:.85;font-size:11.5px}
main{max-width:720px;margin:0 auto;padding:14px 12px}
.ekran{display:none}.ekran.aktif{display:block}
.card{background:var(--panel);border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.07);margin-bottom:14px;overflow:hidden}
.ch{padding:11px 14px;font-weight:700;color:var(--ana);border-bottom:1px solid var(--cizgi);display:flex;justify-content:space-between;align-items:center;gap:8px}
.cb{padding:14px}
.bos{color:var(--gri);font-size:13.5px;padding:10px 0;text-align:center}
nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--cizgi);display:flex;z-index:5}
nav button{flex:1;border:0;background:none;padding:8px 2px 7px;font:inherit;font-size:11px;color:var(--gri);cursor:pointer}
nav button span{display:block;font-size:20px;line-height:1.1}
nav button.aktif{color:var(--ana);font-weight:700}
.btn{display:inline-block;border:0;border-radius:9px;padding:10px 16px;font:inherit;font-weight:600;background:var(--ana);color:#fff;cursor:pointer}
.btn.ikincil{background:var(--acik);color:var(--ana)}.btn.kucuk{padding:5px 10px;font-size:12.5px;border-radius:7px}.btn.tehlike{background:#fdecec;color:var(--kirmizi)}
.btn:disabled{opacity:.5;cursor:default}
.form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form .tam{grid-column:1/-1}
.f label{display:block;font-size:11.5px;color:var(--gri);text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}
.f input,.f select{width:100%;font:inherit;font-size:15px;border:1px solid var(--cizgi);border-radius:8px;padding:8px 10px;background:#fffef8}
.f small{color:var(--gri);font-size:11.5px}
.ozet{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.ozet div{background:var(--acik);border-radius:10px;padding:9px 8px;text-align:center}
.ozet b{display:block;font-size:20px;color:var(--ana);line-height:1.2}.ozet span{font-size:11px;color:var(--gri)}
.band{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700;white-space:nowrap}
.b-garanti{background:#2e7d32;color:#fff}.b-guclu{background:#8bc34a;color:#1b3d00}.b-sinirda{background:#f0ad4e;color:#3d2a00}.b-riskli{background:#ef6c4f;color:#fff}.b-olu{background:#5c6b8a;color:#fff}
.satir{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--cizgi)}.satir:last-child{border-bottom:0}
.satir .ad{flex:1;min-width:0}.satir .ad b{display:block;font-size:14px}.satir .ad small{color:var(--gri);font-size:12px;display:block}
.satir .sag{text-align:right;flex:none}.satir .sag b{display:block;font-size:15px}.satir .sag small{color:var(--gri);font-size:11px}
.fark{font-weight:700}.fark.art{color:var(--yesil)}.fark.az{color:var(--kirmizi)}
.uyari{background:#fff8e6;border-left:4px solid var(--sari);padding:9px 12px;border-radius:6px;font-size:13px;margin-top:10px}
.uyari.yesil{background:#eef8ee;border-color:var(--yesil)}
.ipucu{font-size:12.5px;color:var(--gri);margin-top:8px}
.efsane{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:11.5px;color:var(--gri);margin-top:10px}
.sekme{display:flex;gap:6px;margin-bottom:10px}.sekme button{flex:1;border:1px solid var(--cizgi);background:#fff;border-radius:8px;padding:7px;font:inherit;font-size:13px;cursor:pointer}.sekme button.aktif{background:var(--ana);color:#fff;border-color:var(--ana)}
.filtre{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.filtre select,.filtre input{font:inherit;font-size:14px;border:1px solid var(--cizgi);border-radius:8px;padding:7px 9px;background:#fff;flex:1;min-width:120px}
.sil{border:0;background:none;color:var(--gri);font-size:18px;cursor:pointer;padding:4px}
.footer{text-align:center;color:var(--gri);font-size:11.5px;padding:14px 0 6px}
h3{font-size:15px;margin:10px 0 6px;color:var(--ana)}
#e-prova{width:100vw;margin:-14px 0 0 calc(50% - 50vw)}
#prova-frame{display:block;width:100%;height:calc(100vh - 64px);border:0;background:#fff}
/* --- v1'den: modal + yasal metin + footer (birebir palet) --- */
.modal-bg{position:fixed;inset:0;background:#0007;display:none;align-items:flex-start;justify-content:center;padding:30px 14px;z-index:50;overflow:auto}
.modal-bg.acik{display:flex}
.modal{background:#fff;border-radius:10px;max-width:680px;width:100%;box-shadow:0 20px 60px #0006}
.modal-head{background:var(--vurgu);color:#fff;padding:12px 18px;border-radius:10px 10px 0 0;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:10px}
.modal-head .x{border:0;background:none;color:#fff;font-size:22px;cursor:pointer;line-height:1}
.modal-body{padding:18px}
.motto{font-size:15px;line-height:1.55;color:var(--ana);border-left:3px solid var(--ana);padding:2px 0 2px 14px;margin-bottom:14px;font-style:italic}
.ai-uyari{background:#fff8e6;border:1px solid #f0d97a;border-radius:8px;padding:12px 14px;font-size:12px;color:#6b5410;margin-top:12px;line-height:1.5}
.legal-txt{font-size:13.5px;line-height:1.7}.legal-txt h4{margin:16px 0 6px;color:var(--ana)}.legal-txt p{margin-bottom:10px}
footer{background:#20222e;color:#c7c9d6;font-size:12.5px;padding:22px 20px;text-align:center;line-height:1.9;margin-top:20px}
footer a{color:#e2a6ad;cursor:pointer;text-decoration:none;margin:0 8px}
footer .marka{color:#fff;font-weight:700;letter-spacing:.5px}
body.prova-acik footer{display:none}
/* --- geniş ekran: menü üstte, başlığın altında sabit --- */
@media (min-width:768px){
  body{padding-bottom:0}
  nav{position:sticky;top:56px;bottom:auto;border-top:0;border-bottom:1px solid var(--cizgi);justify-content:center;gap:4px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
  nav button{flex:0 0 auto;padding:9px 18px;font-size:13.5px;display:flex;align-items:center;gap:6px}
  nav button span{font-size:16px}
  nav button.aktif{box-shadow:inset 0 -3px 0 var(--ana)}
  body.prova-acik nav{top:0}
  #prova-frame{height:calc(100vh - 44px)}
}
/* Prova modunda menü ve çerçeve sabit: kaydırma yalnız iframe içinde olur, menü asla kaybolmaz */
body.prova-acik{overflow:hidden}
body.prova-acik nav{position:fixed;left:0;right:0;z-index:20}
body.prova-acik #e-prova{margin:0}
body.prova-acik #prova-frame{position:fixed;left:0;right:0;top:0;height:calc(100vh - 64px);width:100%}
@media (min-width:768px){
  body.prova-acik nav{top:0;bottom:auto}
  body.prova-acik #prova-frame{top:44px;height:calc(100vh - 44px)}
}
/* --- geniş ekran: sabit çerçeve. Başlık+menü üstte, footer altta sabit; yalnız ORTA ALAN kayar (Merih, ss1.png) --- */
@media (min-width:768px){
  html,body{height:100%}
  body{display:flex;flex-direction:column;overflow:hidden}
  header,nav,footer{flex:none}
  footer{margin-top:0}
  main{flex:1 1 auto;min-height:0;overflow-y:scroll;max-width:none;width:100%;padding:14px max(12px,calc(50% - 360px))}
  main::-webkit-scrollbar{width:14px}
  main::-webkit-scrollbar-track{background:#e9e8ee;border-left:1px solid var(--cizgi)}
  main::-webkit-scrollbar-thumb{background:#b9b6c4;border:3px solid #e9e8ee;border-radius:8px}
  main::-webkit-scrollbar-thumb:hover{background:var(--vurgu)}
  main{scrollbar-color:#b9b6c4 #e9e8ee;scrollbar-width:auto}
}
/* Prova uyarı bandı: v1'in üstündeki sarı levha buraya taşındı — footer'ın yerinde, ekranın altında sabit */
#sim-uyari{display:none;position:fixed;left:0;right:0;bottom:64px;z-index:21;background:repeating-linear-gradient(45deg,#ffe08a,#ffe08a 12px,#ffd257 12px,#ffd257 24px);color:#5a4500;text-align:center;padding:7px 12px;font-weight:600;font-size:12.5px;border-top:2px solid #d9a400}
body.prova-acik #sim-uyari{display:block}
body.prova-acik #prova-frame{height:calc(100vh - 64px - 34px)}
@media (min-width:768px){
  #sim-uyari{bottom:0}
  body.prova-acik #prova-frame{height:calc(100vh - 44px - 34px)}
}
/* Prova: bordo başlık + menü sabit kalır (Merih); çerçeve onların altından başlar */
body.prova-acik header{position:fixed;top:0;left:0;right:0;z-index:22}
body.prova-acik #prova-frame{top:60px;height:calc(100vh - 60px - 64px - 34px)}
@media (min-width:768px){
  body.prova-acik nav{top:60px}
  body.prova-acik #prova-frame{top:104px;height:calc(100vh - 104px - 34px)}
}
.tanitim-adim{display:flex;gap:12px;align-items:flex-start;margin:10px 0}
.tanitim-adim span{flex:none;width:28px;height:28px;border-radius:50%;background:var(--ana);color:#fff;font-weight:700;display:grid;place-items:center;font-size:14px}
header .logo-link{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;cursor:pointer}
header .logo-link:hover img{box-shadow:0 0 0 3px rgba(255,255,255,.35)}

/* --- gün senaryoları (kötü / normal / iyi): tek sayı yalan söyler (Merih, 28.08) --- */
.satir.hedef{flex-wrap:wrap}
.senaryo{display:flex;gap:6px;margin-top:8px;flex-basis:100%}
.senaryo>div{flex:1;min-width:0;background:var(--arka);border-radius:8px;padding:6px 4px 7px;text-align:center}
.senaryo i{display:block;font-style:normal;font-size:10.5px;color:var(--gri);margin-bottom:4px;white-space:nowrap}
.senaryo .band{font-size:9.5px;padding:2px 6px}
.senaryo em{display:block;font-style:normal;font-size:11px;font-weight:700;margin-top:4px;color:var(--gri)}
.senaryo em.art{color:var(--yesil)}.senaryo em.az{color:var(--kirmizi)}
.ozet.uc-gun b{font-size:18px}
.ozet.uc-gun div.kotu{background:#fdeeee}.ozet.uc-gun div.iyi{background:#eef7ee}

/* ev denemesi işareti: kayıt silinmez, hesaba katılmadığı yazılır (Merih, 28.08) */
.satir .ad small.ev-not{color:var(--sari);font-size:11.5px;margin-top:2px}

/* okul adına tıklanınca bilgi kartı açılır */
.okul-ad{cursor:pointer;text-decoration:underline;text-decoration-color:var(--cizgi);text-underline-offset:3px}
.okul-ad:hover{color:var(--ana)}
table.gecmis{width:100%;border-collapse:collapse;font-size:13px;margin:6px 0}
table.gecmis th{background:var(--acik);color:var(--ana);text-align:left;padding:6px 8px;font-size:12px}
table.gecmis td{padding:6px 8px;border-bottom:1px solid var(--cizgi)}