/* BB Matematik Analiz · Ortak görünüm (günlük madde 78). Yeni tasarıma geçen her sayfa bunu yükler:
   veli formu, sonra öğrenci ekranı, veli raporu, eğitmen paneli ve giriş sayfası.
   İnceleme sayfaları (ilkokul-analiz, kademe-analiz, ikinci-oturum) ortak.css ile sade kalır; ikisi aynı sayfada yüklenmez.
   Kurallar: her yerde Poppins; küçük el yazısı vurgular Kaushan Script. Mor-pembe renk geçişi (--grad) yalnız ana çağrı
   düğmelerinde (.dugme.ana). Durum renkleri: sağlam yeşil (y), çalışılacak şeftali (s), başlangıç/sıradaki lavanta (l), bekleyen gri (g).
   Yazı tipleri bu klasörden verilir (yazi/, OFL lisanslı; Google Fonts'tan indirildi); dışarıya istek gitmez. */

/* ---------- Yazı tipleri: Latin + Türkçe harfler ---------- */
@font-face{font-family:"Kaushan Script";font-style:normal;font-weight:400;font-display:swap;src:url("yazi/kaushan-script-400-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Kaushan Script";font-style:normal;font-weight:400;font-display:swap;src:url("yazi/kaushan-script-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:300;font-display:swap;src:url("yazi/poppins-300-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-weight:300;font-display:swap;src:url("yazi/poppins-300-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("yazi/poppins-400-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("yazi/poppins-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("yazi/poppins-500-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("yazi/poppins-500-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("yazi/poppins-600-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("yazi/poppins-600-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url("yazi/poppins-700-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url("yazi/poppins-700-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* ---------- Renkler ve ölçüler ---------- */
:root{
  --zemin:#FBFAFF; --zemin2:#F3F1FC; --kart:#fff; --gece:#04060E;
  --murekkep:#23233A; --soluk:#62627C; --ince:rgba(35,35,58,.12); --ince2:rgba(35,35,58,.16);
  --gul:#C86989; --lavanta:#7776DC; --seftali:#F4A27A; --secili:#EEEDFB; --secili-yazi:#3F3EA8;
  --grad:linear-gradient(90deg,#C86989,#7776DC);
  /* Durum renkleri: zemin, çizgi, yazı, çubuk */
  --y-zemin:#E5F4EE; --y-cizgi:#9CD3BC; --y-yazi:#23704F; --y-cubuk:#5DBB9E;
  --s-zemin:#FDEEE5; --s-cizgi:#F2B896; --s-yazi:#A0521F; --s-cubuk:#F4A27A;
  --l-zemin:#EEEDFB; --l-cizgi:#7776DC; --l-yazi:#3F3EA8; --l-cubuk:#7776DC;
  --g-zemin:#F3F3F7; --g-cizgi:#D2D1DF; --g-yazi:#8C8BA3; --g-cubuk:#D9D8E6;
  /* Uyarı (eksik cevap, hata) */
  --u-zemin:#FBEFF3; --u-cizgi:#E7A9BC; --u-yazi:#9B3F5E;
  --yazi:"Poppins","Segoe UI",system-ui,sans-serif; --el:"Kaushan Script","Segoe Script",cursive;
  --mat:"Cambria Math","STIX Two Math","Times New Roman",serif;
  --yuvarlak:14px; --yuvarlak-kart:18px; --golge:0 30px 60px -40px rgba(40,40,90,.45);
  color-scheme:light;
}

/* ---------- Temel ---------- */
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--murekkep);font-family:var(--yazi);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{margin:0;font-weight:600;text-wrap:balance}
p{margin:0}
a{color:var(--lavanta)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--lavanta);outline-offset:3px;border-radius:8px}
.kap{max-width:720px;margin:0 auto;padding-inline:16px}
.gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.el{font-family:var(--el);font-weight:400}
.soluk{color:var(--soluk)}

/* ---------- Marka (logo + ad) ---------- */
.marka{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:1rem;text-decoration:none;color:inherit}
.marka svg{width:32px;height:32px}
.marka em{font-style:normal;font-weight:400;opacity:.72}

/* ---------- Kart ---------- */
.kart{background:var(--kart);border:1px solid var(--ince);border-radius:var(--yuvarlak-kart);padding:18px}
.kart.golgeli{border-radius:22px;padding:22px;box-shadow:var(--golge)}

/* ---------- Düğmeler: .dugme (beyaz), .dugme.ana (renk geçişli, yalnız ana çağrı), .dugme.koyu ---------- */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:11px 20px;border-radius:var(--yuvarlak);font-weight:600;font-size:.98rem;line-height:1.2;cursor:pointer;border:1px solid var(--ince2);background:#fff;color:var(--murekkep);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.dugme:hover{border-color:var(--lavanta)}
.dugme:active{transform:translateY(1px)}
.dugme:disabled{opacity:.5;cursor:not-allowed}
.dugme.ana{border:0;background:var(--grad);color:#fff;box-shadow:0 14px 30px -14px rgba(119,118,220,.75)}
.dugme.ana:hover{box-shadow:0 16px 34px -12px rgba(119,118,220,.85)}
.dugme.koyu{border:0;background:var(--murekkep);color:#fff}
.dugme.kucuk{min-height:38px;padding:7px 14px;font-size:.88rem;border-radius:11px}
.dugme svg{width:18px;height:18px;flex:none}

/* ---------- Seçenek düğmeleri (radyo / onay kutusu) ---------- */
.secenekler{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.secenekler.olcek{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:520px){.secenekler.olcek{grid-template-columns:repeat(2,minmax(0,1fr))}}
.secenek{position:relative;display:flex;align-items:center;justify-content:center;min-height:46px;padding:9px 14px;border-radius:var(--yuvarlak);border:1px solid var(--ince2);background:#fff;font-size:.92rem;line-height:1.3;text-align:center;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .15s,border-color .15s,color .15s}
.secenek input{position:absolute;opacity:0;pointer-events:none}
.secenek:hover{border-color:rgba(119,118,220,.55)}
.secenek:has(input:checked){background:var(--secili);border-color:var(--lavanta);color:var(--secili-yazi);font-weight:600}
.secenek:has(input:focus-visible){outline:2px solid var(--lavanta);outline-offset:2px}
.secenek:has(input:disabled){opacity:.45;cursor:not-allowed}

/* ---------- Yazı alanları ---------- */
textarea,.kisa{width:100%;font-size:.95rem;color:var(--murekkep);border:1px solid var(--ince2);border-radius:var(--yuvarlak);padding:12px 14px;background:#fff}
textarea{min-height:84px;resize:vertical}
textarea:focus,.kisa:focus{outline:none;border-color:var(--lavanta);box-shadow:0 0 0 3px rgba(119,118,220,.15)}
textarea::placeholder,.kisa::placeholder{color:#9C9BB2}

/* ---------- İlerleme çizgisi ---------- */
.cizgi{flex:1;height:6px;border-radius:99px;background:rgba(35,35,58,.08);overflow:hidden}
.cizgi i{display:block;height:100%;width:0;border-radius:99px;background:var(--lavanta);transition:width .35s ease}

/* ---------- Durum etiketleri: .etiket.y (sağlam) .s (çalışılacak) .l (sıradaki) .g (bekleyen) ---------- */
.etiket{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:99px;font-size:.78rem;font-weight:600;line-height:1.5;white-space:nowrap;border:1px solid var(--g-cizgi);background:var(--g-zemin);color:var(--g-yazi)}
.etiket.y{background:var(--y-zemin);border-color:var(--y-cizgi);color:var(--y-yazi)}
.etiket.s{background:var(--s-zemin);border-color:var(--s-cizgi);color:var(--s-yazi)}
.etiket.l{background:var(--l-zemin);border-color:var(--l-cizgi);color:var(--l-yazi)}

/* ---------- Bildirimler ---------- */
.uyari{font-size:.9rem;color:var(--u-yazi);background:var(--u-zemin);border-radius:12px;padding:10px 14px}
.basari{font-size:.86rem;color:var(--y-yazi)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
}