/* Otomatik Ek Ders Puantajı — yalnızca .oon-ekp içinde geçerlidir. */
.oon-ekp{--p-murekkep:#102b40;--p-yesil:#146c60;--p-koyu:#1a544b;--p-zemin:#f6f7f4;--p-ada:#eef2ea;--p-cizgi:#dfe6df;--p-soluk:#5b6d78;--p-uyari:#8a5410;--p-uyari-zemin:#fbf3e3;
  color:var(--p-murekkep);font-size:15px;line-height:1.5;max-width:1180px;margin:0 auto;padding:8px 0 40px;box-sizing:border-box}
.oon-ekp *,.oon-ekp *::before,.oon-ekp *::after{box-sizing:border-box}
.oon-ekp [hidden]{display:none!important}
.oon-ekp a{text-decoration:none}
.oon-ekp button,.oon-ekp input,.oon-ekp select,.oon-ekp textarea{font:inherit;color:inherit}
.oon-ekp :focus-visible{outline:3px solid #8244ec;outline-offset:2px}
.oon-ekp-geri{display:inline-block;font-size:13px;font-weight:700;color:var(--p-yesil);margin-bottom:14px}
.oon-ekp-bas{margin:0 0 20px;max-width:780px}
.oon-ekp-bas h1{font-size:clamp(28px,4vw,40px);line-height:1.1;letter-spacing:-.03em;font-weight:760;margin:0 0 10px}
.oon-ekp-bas p{margin:0;color:#4f6270}
.oon-ekp-rozet{display:inline-block;margin:0 0 10px;padding:3px 10px;border-radius:999px;background:var(--p-ada);color:var(--p-koyu);font-size:12px;font-weight:700;letter-spacing:.02em}
.oon-ekp-yukleniyor{padding:22px;border:1px dashed #b9c8bd;border-radius:14px;color:var(--p-soluk);background:#fff}

.oon-ekp-sekme{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:5px;background:var(--p-ada);border-radius:14px;width:fit-content;max-width:100%}
.oon-ekp-sekme button{border:0;background:transparent;padding:10px 16px;border-radius:10px;font-weight:700;font-size:14px;color:#2b4655;cursor:pointer;min-height:44px}
.oon-ekp-sekme button[aria-selected="true"]{background:#fff;color:var(--p-murekkep);box-shadow:0 1px 3px rgba(16,43,64,.12)}
.oon-ekp-giris{margin:0 0 16px;color:#4f6270;max-width:860px;font-size:14px}

.oon-ekp-kart{background:#fff;border:1px solid var(--p-cizgi);border-radius:18px;padding:20px 20px 12px;margin:0 0 14px}
.oon-ekp-kart h2{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:720;letter-spacing:-.02em;margin:0 0 14px}
.oon-ekp-kart h2 span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--p-murekkep);color:#fff;font-size:13px;flex:none}
.oon-ekp-satir{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 16px;margin:0 0 12px}
.oon-ekp-alan{display:flex;flex-direction:column;gap:5px;min-width:0}
.oon-ekp-alan.oon-ekp-genis{grid-column:span 2}
.oon-ekp-alan>span{font-weight:650;font-size:14px}
.oon-ekp-alan em{font-style:normal;font-weight:500;color:var(--p-soluk)}
.oon-ekp-alan small,.oon-ekp-ipucu{font-size:12.5px;color:var(--p-soluk);line-height:1.45}
.oon-ekp input:not([type=checkbox]),.oon-ekp select,.oon-ekp textarea{width:100%;min-height:44px;padding:9px 12px;border:1px solid #cfd9d1;border-radius:10px;background:#fff}
.oon-ekp textarea{min-height:0;font-size:13.5px;line-height:1.55;resize:vertical}
.oon-ekp-donem{display:inline-block;margin:0 0 8px;padding:5px 12px;border-radius:999px;background:var(--p-ada);color:var(--p-koyu);font-size:13px;font-weight:650}

.oon-ekp-kisi{border:1px solid var(--p-cizgi);border-radius:14px;margin:0 0 10px;background:var(--p-zemin)}
.oon-ekp-kisi.acik{background:#fff;border-color:#b9c8bd}
.oon-ekp-kisi header{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 4px}
.oon-ekp-kisi-bas{flex:1;display:flex;justify-content:space-between;align-items:center;gap:10px;border:0;background:transparent;text-align:left;padding:8px 10px;min-height:44px;cursor:pointer;border-radius:10px}
.oon-ekp-kisi-bas span{font-size:13px;font-weight:700;color:var(--p-koyu);background:var(--p-ada);padding:3px 10px;border-radius:999px;white-space:nowrap}
.oon-ekp-kisi-dug{display:flex;gap:6px}
.oon-ekp-kisi-dug button{border:1px solid #cfd9d1;background:#fff;border-radius:9px;padding:6px 10px;font-size:13px;font-weight:600;cursor:pointer;min-height:36px}
.oon-ekp-kisi-ic{padding:4px 14px 12px}
.oon-ekp-gunluk{border:0;margin:0 0 12px;padding:0}
.oon-ekp-gunluk legend{font-weight:650;font-size:14px;margin:0 0 6px;padding:0}
.oon-ekp-gunluk legend small{font-weight:500;color:var(--p-soluk)}
.oon-ekp-gunluk>div{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
.oon-ekp-gunluk label{display:flex;flex-direction:column;gap:3px;width:72px;font-size:12.5px;font-weight:650;color:#2b4655}
.oon-ekp-gunluk input{text-align:center;padding:8px 4px!important}
.oon-ekp-gunluk output{font-size:13px;font-weight:700;color:var(--p-koyu);padding:0 0 12px 4px}
.oon-ekp-kutular{align-items:start}
.oon-ekp-kutu{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--p-cizgi);border-radius:12px;background:#fff;cursor:pointer;font-weight:600;font-size:14px}
.oon-ekp-kutu input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--p-koyu)}
.oon-ekp-kutu small{display:block;font-weight:500;color:var(--p-soluk);font-size:12.5px}

.oon-ekp-takvim p{margin:0 0 6px;font-size:14px}
.oon-ekp-takvim small{color:var(--p-soluk);font-weight:500}
.oon-ekp-ay{display:grid;grid-template-columns:repeat(5,minmax(40px,58px));gap:5px;margin:0 0 6px}
.oon-ekp-ay b{font-size:12px;color:var(--p-soluk);text-align:center}
.oon-ekp-ay button{position:relative;height:40px;border:1px solid #cfd9d1;border-radius:9px;background:#fff;font-weight:650;font-size:14px;cursor:pointer}
.oon-ekp-ay button.t{background:#e6e9e6;color:#8a959c}
.oon-ekp-ay button.o{background:#f1ede2}
.oon-ekp-ay button.d{background:repeating-linear-gradient(45deg,#f4f5f3,#f4f5f3 4px,#e8ebe7 4px,#e8ebe7 8px);color:#9aa5ab;cursor:not-allowed}
.oon-ekp-ay button.r{background:#fde8e4;border-color:#d9826f;color:#8f2d17}
.oon-ekp-ay button em{position:absolute;top:1px;right:4px;font-size:10px;font-style:normal;font-weight:800}
.oon-ekp-lejant{font-size:12px!important;color:var(--p-soluk);display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}
.oon-ekp-lejant span{display:inline-grid;place-items:center;width:18px;height:14px;border-radius:4px;border:1px solid #cfd9d1;font-size:9px;font-weight:800;vertical-align:middle;margin-right:3px}
.oon-ekp-lejant .r{background:#fde8e4;color:#8f2d17}.oon-ekp-lejant .t{background:#e6e9e6}.oon-ekp-lejant .o{background:#f1ede2}.oon-ekp-lejant .d{background:#ecefeb}
.oon-ekp-ekle{border:1px dashed #9fb3a6;background:transparent;border-radius:12px;padding:11px 16px;font-weight:700;color:var(--p-koyu);cursor:pointer;min-height:44px;margin:0 0 8px}

.oon-ekp-ozet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}
.oon-ekp-ozet div{background:var(--p-zemin);border:1px solid var(--p-cizgi);border-radius:14px;padding:12px 14px}
.oon-ekp-ozet b{display:block;font-size:22px;letter-spacing:-.02em}
.oon-ekp-ozet span{font-size:13px;color:var(--p-soluk)}
.oon-ekp-uyari{background:var(--p-uyari-zemin);border:1px solid #efd9ad;color:#5d3a08;border-radius:14px;padding:12px 16px;margin:0 0 14px;font-size:14px}
.oon-ekp-uyari ul{margin:6px 0 0;padding-left:18px}
.oon-ekp-uyari li{margin:3px 0}
.oon-ekp-tamam{background:#e9f4ee;border:1px solid #bcdcc9;color:#1a544b;border-radius:14px;padding:10px 16px;margin:0 0 14px;font-weight:650;font-size:14px}
.oon-ekp-tablo-kap{overflow-x:auto;border:1px solid var(--p-cizgi);border-radius:12px;margin:0 0 12px;-webkit-overflow-scrolling:touch}
.oon-ekp-tablo{border-collapse:collapse;font-size:12px;min-width:100%}
.oon-ekp-tablo th,.oon-ekp-tablo td{border:1px solid #e3e8e3;padding:4px 3px;text-align:center;min-width:24px;white-space:nowrap}
.oon-ekp-tablo th{background:#e7edf2;font-weight:700}
.oon-ekp-tablo th small{display:block;font-weight:500;font-size:10px;color:var(--p-soluk)}
.oon-ekp-tablo .sol{text-align:left;padding:4px 8px;min-width:110px}
.oon-ekp-tablo .ht{background:#d7dbd8}
.oon-ekp-tablo td.r{background:#fde8e4;color:#8f2d17;font-weight:700}
.oon-ekp-aciklama{font-size:13px;color:#3f5260;margin:0 0 14px}
.oon-ekp-dugmeler{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.oon-ekp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border-radius:12px;background:#112e42;color:#fff!important;font-weight:700;font-size:14px;border:1px solid transparent;cursor:pointer}
.oon-ekp-btn:hover{background:#225b5e}
.oon-ekp-btn.acik{background:#fff;color:#19394a!important;border-color:#cfd9d1}
.oon-ekp-btn.acik:hover{background:#e9f1ed}
.oon-ekp-kapi{background:var(--p-ada);border-radius:14px;padding:14px 16px;margin:0 0 14px}
.oon-ekp-kapi p{margin:0 0 10px}
.oon-ekp-yazi{border:1px solid var(--p-cizgi);border-radius:14px;padding:12px 16px;margin:0 0 10px;background:var(--p-zemin)}
.oon-ekp-yazi summary{font-weight:700;cursor:pointer;min-height:32px;display:flex;align-items:center}
.oon-ekp-yazi[open] summary{margin-bottom:10px}
.oon-ekp-yazi textarea{margin:0 0 10px;background:#fff}
.oon-ekp-yazi .oon-ekp-btn{margin:0 0 8px}
.oon-ekp-yazi small{display:block}
.oon-ekp-alt{margin-top:18px;font-size:12.5px;color:var(--p-soluk)}
.oon-ekp-alt a{color:var(--p-yesil);font-weight:650}

/* test25: okul ek ders listesi */
.oon-ekp-kart h2 .oon-ekp-sayi{font-size:13px;font-weight:650;color:var(--p-soluk);letter-spacing:0}
.oon-ekp-gorev-etiket{font-weight:600;font-size:12.5px;color:var(--p-soluk);margin-left:4px}
.oon-ekp-arac{margin:0 0 14px}
.oon-ekp-arac-dug{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.oon-ekp-arac-dug .oon-ekp-btn{min-height:40px;padding:8px 14px;font-size:13.5px}
.oon-ekp-dosya{cursor:pointer}
.oon-ekp-btn.acik.oon-ekp-tehlike{color:#8f2d17!important;border-color:#e3b9ae}
.oon-ekp-btn.acik.oon-ekp-tehlike:hover{background:#fdf0ec}
.oon-ekp-yapistir,.oon-ekp-diger{border:1px solid var(--p-cizgi);border-radius:14px;padding:10px 14px;margin:0 0 10px;background:var(--p-zemin)}
.oon-ekp-yapistir summary,.oon-ekp-diger summary{font-weight:700;cursor:pointer;min-height:32px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.oon-ekp-diger summary small{font-weight:500;color:var(--p-soluk)}
.oon-ekp-yapistir[open] summary,.oon-ekp-diger[open] summary{margin-bottom:8px}
.oon-ekp-yapistir textarea{margin:6px 0 10px;background:#fff;font-family:inherit}
.oon-ekp-yapistir .oon-ekp-ipucu{margin:0}
.oon-ekp-not{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:var(--p-ada)}
.oon-ekp-ozet.dort{grid-template-columns:repeat(4,minmax(0,1fr))}
.oon-ekp-okul th{vertical-align:bottom;line-height:1.2;padding:6px 5px}
.oon-ekp-okul td,.oon-ekp-okul th{padding:5px 6px}
.oon-ekp-okul td.bos{color:#b0bac0}
.oon-ekp-okul .sag{text-align:right}
.oon-ekp-okul .kucuk{font-size:11px;color:var(--p-soluk);white-space:normal;min-width:160px}
.oon-ekp-okul tfoot th{background:#e7edf2}
.oon-ekp-okul tbody tr:nth-child(even) td{background:#fafbf9}
.oon-ekp-okul tbody tr:nth-child(even) td.bos{background:#fafbf9}

@media (max-width:700px){
  .oon-ekp-ozet.dort{grid-template-columns:1fr 1fr}
  .oon-ekp-ozet.dort div:last-child{grid-column:auto}
  .oon-ekp-arac-dug .oon-ekp-btn{flex:1 1 45%}
  .oon-ekp-kart{padding:16px 14px 8px;border-radius:14px}
  .oon-ekp-alan.oon-ekp-genis{grid-column:auto}
  .oon-ekp-ozet{grid-template-columns:1fr 1fr}
  .oon-ekp-ozet div:last-child{grid-column:span 2}
  .oon-ekp-kisi header{flex-wrap:wrap}
  .oon-ekp-ay{grid-template-columns:repeat(5,minmax(0,1fr))}
}