/* Öğretmenler Odası Network - Öğrenci Takip Sistemi (1.6.0)
   Tüm sınıflar "oonot-" önekiyle başlar; sitenin diğer bölümlerini etkilemez. */

.oonot-kok, .oonot-perde {
	--oonot-murekkep: #16324f;
	--oonot-ana: #1d6fb8;
	--oonot-ana-koyu: #14568f;
	--oonot-zemin: #f2f5f9;
	--oonot-kart: #ffffff;
	--oonot-cizgi: #d9e1ea;
	--oonot-soluk: #5b6b7d;
	--oonot-yesil: #1f8a5b;
	--oonot-yesil-a: #e3f4ec;
	--oonot-amber: #8a5a00;
	--oonot-amber-a: #fff2d6;
	--oonot-kirmizi: #b93a33;
	--oonot-kirmizi-a: #fdeae8;
	--oonot-mavi-a: #e6eefb;
	--oonot-mavi-y: #2b4f9e;
	font-family: inherit;
	color: var(--oonot-murekkep);
	line-height: 1.5;
	box-sizing: border-box;
}
.oonot-kok *, .oonot-perde * { box-sizing: border-box; }

.oonot-kok {
	max-width: 1040px;
	margin: 0 auto;
	padding: 16px 12px 40px;
	background: transparent;
	position: relative;
}

/* ---------- Üst bölüm ---------- */
.oonot-kok .oonot-ust {
	display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: flex-start; justify-content: space-between;
	padding: 4px 0 14px;
}
.oonot-kok .oonot-baslik h2 {
	margin: 0 0 4px; font-size: 1.7rem; line-height: 1.2; color: var(--oonot-murekkep); font-weight: 800;
}
.oonot-kok .oonot-baslik p { margin: 0; color: var(--oonot-soluk); max-width: 56ch; }

/* ---------- Düğmeler ---------- */
.oonot-kok .oonot-btn, .oonot-perde .oonot-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px;
	min-height: 42px; padding: 8px 16px; border-radius: 10px; border: 1.5px solid transparent;
	font: inherit; font-weight: 700; font-size: .95rem; line-height: 1.2; cursor: pointer;
	text-decoration: none; transition: background-color .15s, border-color .15s, color .15s;
	-webkit-appearance: none; appearance: none; box-shadow: none; text-transform: none; letter-spacing: 0; white-space: nowrap;
}
.oonot-kok .oonot-btn.kucuk, .oonot-perde .oonot-btn.kucuk { min-height: 36px; padding: 5px 12px; font-size: .88rem; }
.oonot-kok .oonot-birincil, .oonot-perde .oonot-birincil { background: var(--oonot-ana); color: #fff; border-color: var(--oonot-ana); }
.oonot-kok .oonot-birincil:hover, .oonot-perde .oonot-birincil:hover { background: var(--oonot-ana-koyu); border-color: var(--oonot-ana-koyu); color: #fff; }
.oonot-kok .oonot-ikincil, .oonot-perde .oonot-ikincil { background: #fff; color: var(--oonot-murekkep); border-color: var(--oonot-cizgi); }
.oonot-kok .oonot-ikincil:hover, .oonot-perde .oonot-ikincil:hover { border-color: var(--oonot-ana); color: var(--oonot-ana-koyu); background: #fff; }
.oonot-kok .oonot-btn:disabled, .oonot-perde .oonot-btn:disabled { opacity: .55; cursor: not-allowed; }
.oonot-kok .oonot-link, .oonot-perde .oonot-link {
	background: none; border: 0; padding: 4px 2px; font: inherit; font-weight: 600; color: var(--oonot-ana-koyu);
	cursor: pointer; text-decoration: underline; text-underline-offset: 3px; box-shadow: none; text-align: left;
	-webkit-appearance: none; appearance: none; text-transform: none; letter-spacing: 0;
}
.oonot-kok .oonot-link.tehlike, .oonot-perde .oonot-link.tehlike { color: var(--oonot-kirmizi); }
.oonot-kok button:focus-visible, .oonot-perde button:focus-visible, .oonot-kok a:focus-visible,
.oonot-kok input:focus-visible, .oonot-kok select:focus-visible, .oonot-kok summary:focus-visible,
.oonot-perde input:focus-visible, .oonot-perde textarea:focus-visible, .oonot-kok textarea:focus-visible {
	outline: 3px solid #f2b705; outline-offset: 2px;
}

/* ---------- Form alanları ---------- */
.oonot-kok input[type="text"], .oonot-kok input[type="search"], .oonot-kok input[type="date"], .oonot-kok select, .oonot-kok textarea,
.oonot-perde input[type="text"], .oonot-perde input[type="date"], .oonot-perde textarea {
	width: 100%; min-height: 42px; padding: 8px 12px; border: 1.5px solid var(--oonot-cizgi); border-radius: 10px;
	background: #fff; color: var(--oonot-murekkep); font: inherit; font-size: .98rem; box-shadow: none; margin: 0;
	-webkit-appearance: none; appearance: none;
}
.oonot-kok select { padding-right: 30px; background-image: linear-gradient(45deg, transparent 50%, #5b6b7d 50%), linear-gradient(135deg, #5b6b7d 50%, transparent 50%); background-position: calc(100% - 17px) 18px, calc(100% - 12px) 18px; background-size: 5px 5px; background-repeat: no-repeat; }
.oonot-kok textarea, .oonot-perde textarea { resize: vertical; min-height: 64px; }
.oonot-kok input:focus, .oonot-kok select:focus, .oonot-kok textarea:focus, .oonot-perde input:focus, .oonot-perde textarea:focus { border-color: var(--oonot-ana); }
.oonot-kok .oonot-alan, .oonot-perde .oonot-alan { display: block; margin: 0 0 12px; }
.oonot-kok .oonot-alan > span, .oonot-perde .oonot-alan > span { display: block; font-weight: 700; font-size: .9rem; margin: 0 0 4px; }
.oonot-kok .oonot-alan.kisa, .oonot-perde .oonot-alan.kisa { max-width: 190px; }
.oonot-kok .oonot-satir, .oonot-perde .oonot-satir { display: flex; flex-wrap: wrap; gap: 8px 10px; align-items: center; }
.oonot-kok .oonot-satir.sag, .oonot-perde .oonot-satir.sag { justify-content: flex-end; }
.oonot-kok .oonot-satir.yay, .oonot-perde .oonot-satir.yay { justify-content: space-between; }
.oonot-kok .oonot-ipucu, .oonot-perde .oonot-ipucu { color: var(--oonot-soluk); font-size: .92rem; margin: 0 0 10px; }

/* ---------- Bilgi kutuları ---------- */
.oonot-kok .oonot-gizlilik {
	background: #fff; border: 1px solid var(--oonot-cizgi); border-left: 4px solid var(--oonot-ana);
	border-radius: 10px; padding: 8px 14px; margin: 0 0 14px; font-size: .92rem;
}
.oonot-kok .oonot-gizlilik summary { cursor: pointer; font-weight: 700; padding: 4px 0; }
.oonot-kok .oonot-gizlilik p { margin: 6px 0 4px; color: var(--oonot-soluk); }
.oonot-kok .oonot-demo {
	display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center; justify-content: space-between;
	background: var(--oonot-amber-a); border: 1px solid #f0d28a; color: #5c3b00; border-radius: 12px; padding: 12px 16px; margin: 0 0 14px;
}
.oonot-kok .oonot-ilk {
	background: #fff; border: 1.5px dashed #b9c7d6; border-radius: 16px; padding: 28px 20px; text-align: center; margin: 14px 0;
}
.oonot-kok .oonot-ilk h3 { margin: 0 0 6px; font-size: 1.3rem; }
.oonot-kok .oonot-ilk p { margin: 0 0 16px; color: var(--oonot-soluk); }
.oonot-kok .oonot-ilk .oonot-ekle { max-width: 460px; margin: 0 auto; }
.oonot-kok .oonot-ilk .oonot-satir { justify-content: center; }
.oonot-kok .oonot-bos { color: var(--oonot-soluk); margin: 10px 2px; }
.oonot-kok .oonot-bos.kutu { background: #fff; border: 1.5px dashed #b9c7d6; border-radius: 14px; padding: 22px; text-align: center; }
.oonot-kok .oonot-bos.kutu p { margin: 6px 0 0; }

/* ---------- Sınıf sekmeleri (dosya sekmesi görünümü) ---------- */
.oonot-kok .oonot-sinifbar { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: flex-end; justify-content: space-between; margin: 0; }
.oonot-kok .oonot-sinifler { display: flex; gap: 4px; overflow-x: auto; max-width: 100%; padding: 0 2px; }
.oonot-kok .oonot-sinif {
	flex: 0 0 auto; font: inherit; font-weight: 700; padding: 8px 18px 7px; cursor: pointer; white-space: nowrap;
	background: #e4eaf1; color: var(--oonot-soluk); border: 1px solid var(--oonot-cizgi); border-bottom: 0;
	border-radius: 12px 12px 0 0; box-shadow: none; text-transform: none; letter-spacing: 0; -webkit-appearance: none; appearance: none;
}
.oonot-kok .oonot-sinif.on { background: #fff; color: var(--oonot-murekkep); border-color: var(--oonot-cizgi); box-shadow: inset 0 3px 0 var(--oonot-ana); }

/* ---------- Ana panel ve alt sekmeler ---------- */
.oonot-kok .oonot-sekmeler { display: flex; gap: 4px; flex-wrap: wrap; background: #fff; border: 1px solid var(--oonot-cizgi); border-radius: 0 12px 0 0; padding: 8px 8px 0; margin: 0; }
.oonot-kok .oonot-sekme {
	font: inherit; font-weight: 700; padding: 9px 14px; background: none; color: var(--oonot-soluk); border: 0;
	border-bottom: 3px solid transparent; cursor: pointer; box-shadow: none; text-transform: none; letter-spacing: 0; -webkit-appearance: none; appearance: none;
}
.oonot-kok .oonot-sekme.on { color: var(--oonot-murekkep); border-bottom-color: var(--oonot-ana); }
.oonot-kok .oonot-icerik { background: #fff; border: 1px solid var(--oonot-cizgi); border-top: 0; border-radius: 0 0 14px 14px; padding: 16px; }

.oonot-kok .oonot-arac { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 0 0 12px; }
.oonot-kok .oonot-arac > input, .oonot-kok .oonot-arac > select { flex: 1 1 200px; width: auto; }
.oonot-kok .oonot-ekle { display: flex; gap: 8px; flex: 1 1 320px; }
.oonot-kok .oonot-ekle input { flex: 1 1 auto; }

/* ---------- Öğrenci listesi ---------- */
.oonot-kok .oonot-izgara { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.oonot-kok .oonot-kart {
	display: flex; gap: 10px; align-items: flex-start; margin: 0; padding: 10px 12px; background: var(--oonot-zemin);
	border: 1px solid var(--oonot-cizgi); border-left: 4px solid #aebccc; border-radius: 10px;
}
.oonot-kok .oonot-kart.uyari { border-left-color: var(--oonot-kirmizi); background: #fff7f6; }
.oonot-kok .oonot-cb { width: 20px; height: 20px; min-height: 0; margin: 4px 0 0; flex: 0 0 auto; accent-color: var(--oonot-ana); -webkit-appearance: auto; appearance: auto; }
.oonot-kok .oonot-kart-ic { flex: 1 1 auto; min-width: 0; }
.oonot-kok .oonot-ogr-ad {
	display: flex; gap: 8px; align-items: baseline; width: 100%; text-align: left; background: none; border: 0; padding: 2px 0; font: inherit;
	color: var(--oonot-murekkep); cursor: pointer; box-shadow: none; text-transform: none; letter-spacing: 0; -webkit-appearance: none; appearance: none;
}
.oonot-kok .oonot-ogr-ad:hover .oonot-ad { text-decoration: underline; text-underline-offset: 3px; }
.oonot-kok .oonot-no, .oonot-perde .oonot-no { flex: 0 0 auto; min-width: 26px; text-align: center; font-weight: 700; font-size: .82rem; color: var(--oonot-soluk); }
.oonot-perde input.oonot-no { width: 88px; text-align: left; font-size: .98rem; color: var(--oonot-murekkep); }
.oonot-kok .oonot-ad { font-weight: 700; overflow-wrap: anywhere; }
.oonot-kok .oonot-say { color: var(--oonot-soluk); font-size: .88rem; margin: 12px 2px 0; }

.oonot-kok .oonot-secimbar { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; margin: 0 0 10px; min-height: 36px; }
.oonot-kok .oonot-secimbar.on { background: var(--oonot-mavi-a); border-radius: 10px; padding: 6px 10px; }
.oonot-kok .oonot-secim-say { font-weight: 700; color: var(--oonot-mavi-y); }

/* ---------- Rozetler ---------- */
.oonot-kok .oonot-rozetler, .oonot-perde .oonot-rozetler { display: flex; flex-wrap: wrap; gap: 5px; margin: 4px 0 0; }
.oonot-kok .oonot-rozet, .oonot-perde .oonot-rozet { display: inline-block; padding: 2px 9px; border-radius: 999px; font-size: .78rem; font-weight: 700; line-height: 1.5; }
.oonot-kok .oonot-rozet.olumlu, .oonot-perde .oonot-rozet.olumlu { background: var(--oonot-yesil-a); color: #14633f; }
.oonot-kok .oonot-rozet.dikkat, .oonot-perde .oonot-rozet.dikkat { background: var(--oonot-amber-a); color: var(--oonot-amber); }
.oonot-kok .oonot-rozet.bilgi, .oonot-perde .oonot-rozet.bilgi { background: var(--oonot-mavi-a); color: var(--oonot-mavi-y); }
.oonot-kok .oonot-rozet.notr, .oonot-perde .oonot-rozet.notr { background: #e9eef3; color: var(--oonot-soluk); }
.oonot-kok .oonot-rozet.uyari, .oonot-kok .oonot-rozet.uyari-ikon { background: var(--oonot-kirmizi-a); color: var(--oonot-kirmizi); }

/* ---------- Günlük görünüm ---------- */
.oonot-kok .oonot-gunbar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 14px; }
.oonot-kok .oonot-gunbar input[type="date"] { width: 180px; }
.oonot-kok .oonot-bolum, .oonot-perde .oonot-bolum { margin: 0 0 18px; }
.oonot-kok .oonot-bolum h4, .oonot-perde .oonot-bolum h4 { margin: 0 0 8px; font-size: 1.05rem; color: var(--oonot-murekkep); }
.oonot-kok .oonot-gunsayac { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 10px; }
.oonot-kok .oonot-sayi { padding: 3px 10px; border-radius: 999px; background: #e9eef3; font-size: .82rem; font-weight: 700; }
.oonot-kok .oonot-sayi.d-g { background: var(--oonot-yesil-a); color: #14633f; }
.oonot-kok .oonot-sayi.d-oz { background: var(--oonot-kirmizi-a); color: var(--oonot-kirmizi); }
.oonot-kok .oonot-sayi.d-ozr { background: var(--oonot-mavi-a); color: var(--oonot-mavi-y); }
.oonot-kok .oonot-sayi.d-ge { background: var(--oonot-amber-a); color: var(--oonot-amber); }

.oonot-kok .oonot-yoklama { border: 1px solid var(--oonot-cizgi); border-radius: 12px; overflow: hidden; margin: 0 0 12px; }
.oonot-kok .oonot-yoklama-satir { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; justify-content: space-between; padding: 8px 12px; border-bottom: 1px solid var(--oonot-cizgi); }
.oonot-kok .oonot-yoklama-satir:last-child { border-bottom: 0; }
.oonot-kok .oonot-yoklama-satir:nth-child(even) { background: #f8fafc; }
.oonot-kok .oonot-yok-ad { display: flex; gap: 8px; align-items: baseline; min-width: 0; flex: 1 1 160px; }
.oonot-kok .oonot-seg { display: flex; gap: 4px; flex: 0 0 auto; }
.oonot-kok .oonot-segb {
	min-height: 38px; padding: 4px 11px; font: inherit; font-size: .86rem; font-weight: 700; cursor: pointer;
	background: #fff; color: var(--oonot-soluk); border: 1.5px solid var(--oonot-cizgi); border-radius: 8px; box-shadow: none; text-transform: none; letter-spacing: 0;
	-webkit-appearance: none; appearance: none;
}
.oonot-kok .oonot-segb.on.d-g { background: var(--oonot-yesil); border-color: var(--oonot-yesil); color: #fff; }
.oonot-kok .oonot-segb.on.d-oz { background: var(--oonot-kirmizi); border-color: var(--oonot-kirmizi); color: #fff; }
.oonot-kok .oonot-segb.on.d-ozr { background: var(--oonot-mavi-y); border-color: var(--oonot-mavi-y); color: #fff; }
.oonot-kok .oonot-segb.on.d-ge { background: #c98a0a; border-color: #c98a0a; color: #fff; }
.oonot-kok .oonot-degisti { color: var(--oonot-kirmizi); font-weight: 700; font-size: .88rem; }

/* ---------- Notlar ---------- */
.oonot-kok .oonot-notlar, .oonot-perde .oonot-notlar { display: grid; gap: 8px; }
.oonot-kok .oonot-not, .oonot-perde .oonot-not { background: var(--oonot-zemin); border: 1px solid var(--oonot-cizgi); border-radius: 10px; padding: 8px 12px; }
.oonot-kok .oonot-not p, .oonot-perde .oonot-not p { margin: 6px 0 0; overflow-wrap: anywhere; }
.oonot-kok .oonot-not-ust, .oonot-perde .oonot-not-ust { display: flex; justify-content: space-between; gap: 10px; align-items: center; font-size: .88rem; color: var(--oonot-soluk); }
.oonot-kok .oonot-not-ust .oonot-link { font-size: .92rem; }

/* ---------- Etiket seçici ---------- */
.oonot-kok .oonot-etiketler, .oonot-perde .oonot-etiketler { margin: 0 0 12px; display: grid; gap: 8px; }
.oonot-kok .oonot-etbaslik, .oonot-perde .oonot-etbaslik { font-weight: 700; font-size: .85rem; color: var(--oonot-soluk); margin: 0 0 4px; }
.oonot-kok .oonot-etsatir, .oonot-perde .oonot-etsatir { display: flex; flex-wrap: wrap; gap: 6px; }
.oonot-kok .oonot-et, .oonot-perde .oonot-et {
	min-height: 38px; padding: 4px 13px; font: inherit; font-size: .9rem; font-weight: 600; cursor: pointer; border-radius: 999px;
	background: #fff; color: var(--oonot-murekkep); border: 1.5px solid var(--oonot-cizgi); box-shadow: none; text-transform: none; letter-spacing: 0;
	-webkit-appearance: none; appearance: none;
}
.oonot-perde .oonot-et.olumlu.on { background: var(--oonot-yesil); border-color: var(--oonot-yesil); color: #fff; }
.oonot-perde .oonot-et.dikkat.on { background: #c98a0a; border-color: #c98a0a; color: #fff; }
.oonot-perde .oonot-et.bilgi.on { background: var(--oonot-mavi-y); border-color: var(--oonot-mavi-y); color: #fff; }

/* ---------- Tablo ---------- */
.oonot-kok .oonot-tablo-kap { overflow-x: auto; border: 1px solid var(--oonot-cizgi); border-radius: 12px; }
.oonot-kok .oonot-tablo { width: 100%; border-collapse: collapse; min-width: 480px; background: #fff; margin: 0; }
.oonot-kok .oonot-tablo caption { text-align: left; padding: 10px 12px; font-weight: 700; color: var(--oonot-soluk); caption-side: top; }
.oonot-kok .oonot-tablo th, .oonot-kok .oonot-tablo td { padding: 9px 12px; border: 0; border-top: 1px solid var(--oonot-cizgi); text-align: center; font-size: .94rem; background: transparent; }
.oonot-kok .oonot-tablo thead th { background: var(--oonot-zemin); font-weight: 800; }
.oonot-kok .oonot-tablo th:first-child, .oonot-kok .oonot-tablo td:first-child { text-align: left; }
.oonot-kok .oonot-tablo tbody th { font-weight: 600; }
.oonot-kok .oonot-tablo tr.uyari td, .oonot-kok .oonot-tablo tr.uyari th { background: #fff7f6; }

/* ---------- Pencere ---------- */
body.oonot-modal-acik { overflow: hidden; }
.oonot-perde {
	position: fixed; inset: 0; z-index: 99999; background: rgba(18, 36, 56, .55); display: flex; align-items: center; justify-content: center; padding: 16px;
}
.oonot-perde .oonot-modal { width: 100%; max-width: 520px; max-height: 92vh; display: flex; flex-direction: column; background: #fff; border-radius: 16px; box-shadow: 0 20px 60px rgba(0, 0, 0, .3); overflow: hidden; }
.oonot-perde .oonot-modal.genis { max-width: 720px; }
.oonot-perde .oonot-modal-bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--oonot-cizgi); background: var(--oonot-zemin); }
.oonot-perde .oonot-modal-bas h3 { margin: 0; font-size: 1.15rem; color: var(--oonot-murekkep); }
.oonot-perde .oonot-x { width: 40px; height: 40px; font-size: 1.6rem; line-height: 1; background: none; border: 0; border-radius: 10px; color: var(--oonot-soluk); cursor: pointer; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; }
.oonot-perde .oonot-x:hover { background: #e4eaf1; }
.oonot-perde .oonot-modal-govde { padding: 18px; overflow-y: auto; }
.oonot-perde .oonot-modal-govde p { margin: 0 0 12px; }
.oonot-perde .oonot-satir.ad { flex-wrap: nowrap; margin: 0 0 14px; }
.oonot-perde .oonot-satir.ad input[type="text"]:first-child { font-weight: 800; font-size: 1.1rem; }
.oonot-perde .oonot-ozet { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.oonot-perde .oonot-ozet-ogesi { text-align: center; padding: 8px 4px; border-radius: 10px; background: #e9eef3; }
.oonot-perde .oonot-ozet-ogesi strong { display: block; font-size: 1.4rem; line-height: 1.2; }
.oonot-perde .oonot-ozet-ogesi span { font-size: .8rem; font-weight: 700; color: var(--oonot-soluk); }
.oonot-perde .d-g { background: var(--oonot-yesil-a); }
.oonot-perde .d-oz { background: var(--oonot-kirmizi-a); }
.oonot-perde .d-ozr { background: var(--oonot-mavi-a); }
.oonot-perde .d-ge { background: var(--oonot-amber-a); }
.oonot-perde .oonot-secliste { max-height: 44vh; overflow-y: auto; border: 1px solid var(--oonot-cizgi); border-radius: 10px; margin: 0 0 12px; }
.oonot-perde .oonot-secsatir { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-bottom: 1px solid var(--oonot-cizgi); cursor: pointer; }
.oonot-perde .oonot-secsatir:last-child { border-bottom: 0; }
.oonot-perde .oonot-secsatir input { width: 20px; height: 20px; min-height: 0; margin: 0; accent-color: var(--oonot-ana); -webkit-appearance: auto; appearance: auto; }
.oonot-perde .oonot-dosya > .oonot-satir.sag { margin: 0 0 18px; }

/* ---------- Bildirim ---------- */
.oonot-kok .oonot-toast {
	position: fixed; left: 50%; bottom: 20px; transform: translateX(-50%); z-index: 100000; max-width: 92vw;
	background: var(--oonot-murekkep); color: #fff; padding: 11px 18px; border-radius: 12px; font-weight: 600; box-shadow: 0 8px 24px rgba(0, 0, 0, .25);
}
.oonot-kok .oonot-toast.hata { background: var(--oonot-kirmizi); }
.oonot-kok .oonot-toast.tamam { background: #14633f; }

/* ---------- Telefon ---------- */
@media (max-width: 640px) {
	.oonot-kok { padding: 10px 8px 32px; }
	.oonot-kok .oonot-baslik h2 { font-size: 1.4rem; }
	.oonot-kok .oonot-icerik { padding: 12px; }
	.oonot-kok .oonot-izgara { grid-template-columns: 1fr; }
	.oonot-kok .oonot-yoklama-satir { flex-direction: column; align-items: stretch; }
	.oonot-kok .oonot-seg { width: 100%; }
	.oonot-kok .oonot-segb { flex: 1 1 0; padding: 4px 2px; min-height: 44px; }
	.oonot-kok .oonot-ekle { flex-wrap: wrap; }
	.oonot-kok .oonot-ekle .oonot-btn { flex: 1 1 100%; }
	.oonot-perde { padding: 0; align-items: flex-end; }
	.oonot-perde .oonot-modal, .oonot-perde .oonot-modal.genis { max-width: none; max-height: 94vh; border-radius: 16px 16px 0 0; }
	.oonot-perde .oonot-ozet { grid-template-columns: repeat(2, 1fr); }
	.oonot-kok .oonot-sekmeler { border-radius: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.oonot-kok *, .oonot-perde * { transition: none !important; animation: none !important; }
}
@media print {
	.oonot-kok .oonot-ust a, .oonot-kok .oonot-sinifbar .oonot-satir, .oonot-kok .oonot-sekmeler, .oonot-kok .oonot-arac, .oonot-kok .oonot-demo { display: none; }
}

/* ===== 1.1.0: Dikkat Gerekenler paneli ve veli görüşme kayıtları ===== */
.oonot-kok .oonot-sayac {
	display: inline-block; min-width: 22px; margin-left: 8px; padding: 1px 7px; border-radius: 999px;
	background: var(--oonot-kirmizi); color: #fff; font-size: .78rem; font-weight: 800; line-height: 1.5; text-align: center;
}
.oonot-kok .oonot-dliste { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.oonot-kok .oonot-dkart {
	margin: 0; padding: 12px 14px; background: #fffaf0; border: 1px solid #f0d9a8; border-left: 4px solid #d99a1a; border-radius: 10px;
}
.oonot-kok .oonot-dust { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.oonot-kok .oonot-dkart .oonot-rozetler { margin: 6px 0 10px; }
.oonot-kok .oonot-olcut { margin: 14px 2px 0; color: var(--oonot-soluk); font-size: .86rem; }

.oonot-perde .oonot-yenigor { border: 1px solid var(--oonot-cizgi); border-radius: 10px; padding: 8px 14px; margin: 0 0 12px; background: var(--oonot-zemin); }
.oonot-perde .oonot-yenigor summary { cursor: pointer; font-weight: 700; padding: 4px 0; color: var(--oonot-ana-koyu); }
.oonot-perde .oonot-yenigor[open] summary { margin-bottom: 8px; }
.oonot-perde .oonot-satir.iki { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 10px; }
.oonot-perde select {
	width: 100%; min-height: 42px; padding: 8px 30px 8px 12px; border: 1.5px solid var(--oonot-cizgi); border-radius: 10px; background-color: #fff;
	color: var(--oonot-murekkep); font: inherit; font-size: .98rem; margin: 0; box-shadow: none; -webkit-appearance: none; appearance: none;
	background-image: linear-gradient(45deg, transparent 50%, #5b6b7d 50%), linear-gradient(135deg, #5b6b7d 50%, transparent 50%);
	background-position: calc(100% - 17px) 18px, calc(100% - 12px) 18px; background-size: 5px 5px; background-repeat: no-repeat;
}
.oonot-perde select:focus-visible { outline: 3px solid #f2b705; outline-offset: 2px; }
.oonot-perde .oonot-onay { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; cursor: pointer; margin: 0 10px 12px 0; }
.oonot-perde .oonot-onay input { width: 20px; height: 20px; min-height: 0; margin: 0; accent-color: var(--oonot-ana); -webkit-appearance: auto; appearance: auto; }
.oonot-perde .oonot-sonraki { max-width: 260px; }
.oonot-perde .oonot-rozet.uyari { background: var(--oonot-kirmizi-a); color: var(--oonot-kirmizi); }
.oonot-perde .oonot-gorusmeler { display: grid; gap: 8px; }
.oonot-perde .oonot-not strong { display: block; margin-top: 6px; color: var(--oonot-murekkep); }
.oonot-perde .oonot-not .oonot-satir { margin-top: 8px; }

@media (max-width: 640px) {
	.oonot-perde .oonot-satir.iki { grid-template-columns: 1fr; }
	.oonot-kok .oonot-dust { flex-direction: column; align-items: flex-start; }
}
.oonot-perde input:disabled { opacity: .5; background: var(--oonot-zemin); cursor: not-allowed; }

/* ===== 1.2.0: Yazdırılabilir çıktılar (gelişim raporu, yoklama çizelgesi, veli görüşme formu) ===== */
.oonot-kok .oonot-cikti { margin: 0 0 18px; }
.oonot-kok .oonot-ciktilar { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
.oonot-kok .oonot-cikti-kart {
	display: flex; flex-direction: column; gap: 4px; text-align: left; padding: 14px 16px; background: #fff; color: var(--oonot-murekkep);
	border: 1.5px solid var(--oonot-cizgi); border-left: 4px solid var(--oonot-ana); border-radius: 12px; cursor: pointer;
	font: inherit; box-shadow: none; -webkit-appearance: none; appearance: none; text-transform: none; letter-spacing: 0;
}
.oonot-kok .oonot-cikti-kart:hover { border-color: var(--oonot-ana); }
.oonot-kok .oonot-cikti-kart strong { font-size: 1rem; }
.oonot-kok .oonot-cikti-kart span { color: var(--oonot-soluk); font-size: .9rem; }
.oonot-perde .oonot-yaz-secenekler { display: grid; gap: 4px; margin: 4px 0 14px; }
.oonot-perde .oonot-secsatir.oonot-hepsi { background: var(--oonot-zemin); }

/* ---- Önizleme ekranı ---- */
body.oonot-yaz-acik { overflow: hidden; }
.oonot-yaz-perde { align-items: stretch; justify-content: flex-start; flex-direction: column; padding: 0; background: #dfe6ee; overflow: auto; z-index: 100001; -webkit-overflow-scrolling: touch; }
.oonot-yaz-perde .oonot-yaz-bar {
	position: sticky; top: 0; z-index: 3; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 16px;
	padding: 10px 16px; background: #fff; border-bottom: 1px solid var(--oonot-cizgi); box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}
.oonot-yaz-perde .oonot-yaz-ipucu { margin: 10px 16px 0; font-size: .88rem; color: var(--oonot-soluk); }
.oonot-yaz-perde .oonot-yaz-alan { padding: 14px 12px 40px; display: block; }

/* ---- Kâğıt ---- */
.oonot-yaz-perde .oonot-sayfa {
	--k-murekkep: #16324f; --k-ana: #1d6fb8; --k-soluk: #5b6b7d; --k-cizgi: #d9e1ea;
	position: relative; display: flex; flex-direction: column; gap: 2.6mm; background: #fff; color: var(--k-murekkep);
	margin: 0 auto 16px; padding: 10mm; box-shadow: 0 4px 18px rgba(0, 0, 0, .18); box-sizing: border-box; line-height: 1.35; font-size: 10.5pt;
	text-align: left;
}
.oonot-yaz-perde .oonot-sayfa.dikey { width: 210mm; min-height: 297mm; }
.oonot-yaz-perde .oonot-sayfa.yatay { width: 297mm; min-height: 210mm; }
.oonot-yaz-perde .oonot-sayfa * { box-sizing: border-box; }
.oonot-yaz-perde .oonot-sayfa h2, .oonot-yaz-perde .oonot-sayfa h3, .oonot-yaz-perde .oonot-sayfa h4,
.oonot-yaz-perde .oonot-sayfa p, .oonot-yaz-perde .oonot-sayfa ul, .oonot-yaz-perde .oonot-sayfa li { margin: 0; padding: 0; list-style: none; text-transform: none; letter-spacing: 0; }
.oonot-yaz-perde .oonot-sayfa strong, .oonot-yaz-perde .oonot-sayfa b { font-weight: 800; }

.oonot-yaz-perde .oonot-ed { outline: none; min-height: 5mm; border-radius: 1mm; overflow-wrap: anywhere; }
.oonot-yaz-perde .oonot-ed:hover { background: #fffbe6; }
.oonot-yaz-perde .oonot-ed:focus { background: #fff8d6; box-shadow: 0 0 0 2px #f2b705; }
.oonot-yaz-perde .oonot-ed:empty:before { content: attr(data-ph); color: #9aa7b5; font-weight: 400; }

.oonot-yaz-perde .oonot-rbas { display: flex; justify-content: space-between; align-items: flex-end; gap: 10mm; padding-bottom: 3mm; border-bottom: 2px solid var(--k-ana); }
.oonot-yaz-perde .oonot-rbas h2 { font-size: 21pt; line-height: 1.15; font-weight: 800; color: var(--k-murekkep); }
.oonot-yaz-perde .oonot-rbas p { margin-top: 1mm; font-size: 10pt; color: var(--k-soluk); }
.oonot-yaz-perde .oonot-rmarka { font-weight: 800; font-size: 10pt; color: var(--k-ana); border: 1.5px solid var(--k-ana); border-radius: 2mm; padding: 1.5mm 3mm; white-space: nowrap; }

.oonot-yaz-perde .oonot-bilgi { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2mm; }
.oonot-yaz-perde .oonot-bilgi.oonot-bilgi4 { grid-template-columns: repeat(4, 1fr); }
.oonot-yaz-perde .oonot-bilgi > div { border: 1px solid var(--k-cizgi); border-radius: 1.5mm; padding: 1.5mm 2.5mm 1.8mm; background: #f4f7fb; min-height: 12mm; }
.oonot-yaz-perde .oonot-bilgi span { display: block; font-size: 8pt; color: var(--k-soluk); }
.oonot-yaz-perde .oonot-bilgi strong, .oonot-yaz-perde .oonot-bilgi .oonot-ed { font-size: 11pt; }

.oonot-yaz-perde .oonot-rb h3 { font-size: 11pt; font-weight: 800; margin-bottom: 1.8mm; padding-left: 2.5mm; border-left: 3px solid var(--k-ana); line-height: 1.2; }
.oonot-yaz-perde .oonot-rb h4 { font-size: 9.5pt; font-weight: 800; margin-bottom: 1mm; color: var(--k-murekkep); }
.oonot-yaz-perde .oonot-rb.esner { flex: 1 1 auto; display: flex; flex-direction: column; }
.oonot-yaz-perde .oonot-kucuk { font-size: 9pt; color: var(--k-soluk); margin-top: 1.2mm; }
.oonot-yaz-perde .oonot-dkutu { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2mm; }
.oonot-yaz-perde .oonot-dk { text-align: center; border-radius: 2mm; padding: 1.8mm 1mm; background: #eef2f6; }
.oonot-yaz-perde .oonot-dk strong { display: block; font-size: 16pt; line-height: 1.15; }
.oonot-yaz-perde .oonot-dk span { font-size: 9pt; font-weight: 700; color: var(--k-soluk); }
.oonot-yaz-perde .oonot-dk.d-g { background: #e3f4ec; }
.oonot-yaz-perde .oonot-dk.d-oz { background: #fdeae8; }
.oonot-yaz-perde .oonot-dk.d-ozr { background: #e6eefb; }
.oonot-yaz-perde .oonot-dk.d-ge { background: #fff2d6; }
.oonot-yaz-perde .oonot-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 5mm; }
.oonot-yaz-perde .oonot-rl li { display: flex; justify-content: space-between; gap: 3mm; padding: .8mm 0; border-bottom: 1px dotted #b7c3d0; font-size: 10pt; }
.oonot-yaz-perde .oonot-prof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5mm; }
.oonot-yaz-perde .oonot-pa { min-height: 15mm; border: 1px solid var(--k-cizgi); border-radius: 1.5mm; padding: 1.5mm 2mm; font-size: 10pt; }
.oonot-yaz-perde .oonot-nl li { display: flex; gap: 3mm; padding: .8mm 0; font-size: 9.5pt; border-bottom: 1px dotted #b7c3d0; }
.oonot-yaz-perde .oonot-nl time { flex: 0 0 auto; font-weight: 800; }
.oonot-yaz-perde .oonot-ornek { font-size: 8.5pt; color: var(--k-soluk); margin: 0 0 1.5mm; }

.oonot-yaz-perde .oonot-satirlar {
	min-height: 22mm; border: 1px solid var(--k-cizgi); border-radius: 1.5mm; padding: 0 2mm; font-size: 10.5pt; line-height: 7.5mm;
	background-image: repeating-linear-gradient(to bottom, #fff 0, #fff 7.2mm, #b7c3d0 7.2mm, #b7c3d0 7.5mm);
}
.oonot-yaz-perde .oonot-rb.esner .oonot-satirlar { flex: 1 1 auto; min-height: 26mm; }
.oonot-yaz-perde .oonot-vg { min-height: 18mm; }

.oonot-yaz-perde .oonot-imza { display: grid; grid-template-columns: 1fr 1fr; gap: 10mm; margin-top: 2mm; }
.oonot-yaz-perde .oonot-imza > div { border-top: 1px solid var(--k-murekkep); margin-top: 10mm; padding-top: 1mm; font-size: 9.5pt; }
.oonot-yaz-perde .oonot-imza span { display: block; font-weight: 800; }
.oonot-yaz-perde .oonot-imza i { display: block; font-style: normal; font-size: 8pt; color: var(--k-soluk); }
.oonot-yaz-perde .oonot-imza3 { grid-template-columns: repeat(3, 1fr); gap: 8mm; }

.oonot-yaz-perde .oonot-yaz-alt { margin-top: auto; padding-top: 1.8mm; border-top: 1px solid var(--k-cizgi); text-align: center; font-size: 8pt; color: var(--k-soluk); }
.oonot-yaz-perde .oonot-yaz-alt a { color: inherit; text-decoration: none; }

/* ---- Çizelge ---- */
.oonot-yaz-perde .oonot-cz-kap { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; }
.oonot-yaz-perde .oonot-cz { width: 100%; height: 100%; border-collapse: collapse; table-layout: fixed; font-size: 8.5pt; margin: 0; }
.oonot-yaz-perde .oonot-cz thead { display: table-header-group; }
.oonot-yaz-perde .oonot-cz tr { break-inside: avoid; page-break-inside: avoid; }
.oonot-yaz-perde .oonot-cz th, .oonot-yaz-perde .oonot-cz td { border: 1px solid #7d8da0; padding: 0; text-align: center; line-height: 1.1; background: transparent; overflow: hidden; }
.oonot-yaz-perde .oonot-cz thead th { background: #16324f; color: #fff; height: 11mm; font-weight: 700; }
.oonot-yaz-perde .oonot-cz thead th.hs { background: #3a5b82; }
.oonot-yaz-perde .oonot-cz .no { width: 9mm; }
.oonot-yaz-perde .oonot-cz .ad { width: 56mm; text-align: left; padding: 0 1.5mm; white-space: nowrap; font-size: 9.5pt; }
.oonot-yaz-perde .oonot-cz .top { width: 12mm; font-size: 7.5pt; font-weight: 700; }
.oonot-yaz-perde .oonot-cz th.gun b { display: block; font-size: 8pt; }
.oonot-yaz-perde .oonot-cz th.gun i { display: block; font-style: normal; font-size: 6pt; opacity: .85; }
.oonot-yaz-perde .oonot-cz td.hs { background: #e6ebf1; }
.oonot-yaz-perde .oonot-cz td.d-g { color: #1f8a5b; font-weight: 800; }
.oonot-yaz-perde .oonot-cz td.d-oz { color: #b93a33; font-weight: 800; }
.oonot-yaz-perde .oonot-cz td.d-ozr { color: #2b4f9e; font-weight: 800; }
.oonot-yaz-perde .oonot-cz td.d-ge { color: #8a5a00; font-weight: 800; }
.oonot-yaz-perde .oonot-cz td.top { font-weight: 800; font-size: 9.5pt; }
.oonot-yaz-perde .oonot-cz-alt { display: flex; justify-content: space-between; align-items: flex-end; gap: 10mm; font-size: 9pt; margin-top: 1mm; }
.oonot-yaz-perde .oonot-imza-tek { min-width: 80mm; border-bottom: 1px solid var(--k-murekkep); padding-bottom: 5mm; text-align: right; }

/* ---- Veli görüşme formu (resmî görünüm: sade) ---- */
.oonot-yaz-perde .oonot-form { gap: 0; color: #000; --k-murekkep: #000; --k-soluk: #333; }
.oonot-yaz-perde .oonot-fbas { text-align: center; border: 1px solid #000; padding: 4mm; }
.oonot-yaz-perde .oonot-fbas h2 { font-size: 16pt; font-weight: 800; letter-spacing: .5pt; }
.oonot-yaz-perde .oonot-fsatir { display: flex; margin-top: -1px; }
.oonot-yaz-perde .oonot-fsatir > div { flex: 1; border: 1px solid #000; padding: 1.5mm 2mm; min-height: 12mm; }
.oonot-yaz-perde .oonot-fsatir > div + div { border-left: 0; }
.oonot-yaz-perde .oonot-fsatir > .u2 { flex: 2; }
.oonot-yaz-perde .oonot-fsatir span, .oonot-yaz-perde .oonot-fblok > span { display: block; font-size: 8.5pt; font-weight: 700; color: #000; }
.oonot-yaz-perde .oonot-fsatir .oonot-ed { font-size: 11pt; }
.oonot-yaz-perde .oonot-fblok { border: 1px solid #000; margin-top: -1px; padding: 1.5mm 2mm 2mm; }
.oonot-yaz-perde .oonot-fblok.esner { flex: 1 1 auto; display: flex; flex-direction: column; }
.oonot-yaz-perde .oonot-fblok.esner .oonot-satirlar { flex: 1 1 auto; min-height: 38mm; }
.oonot-yaz-perde .oonot-form .oonot-satirlar { border: 0; border-radius: 0; background-image: repeating-linear-gradient(to bottom, #fff 0, #fff 7.2mm, #777 7.2mm, #777 7.5mm); padding: 0; }
.oonot-yaz-perde .oonot-k2 { min-height: 15mm; }
.oonot-yaz-perde .oonot-kutular { display: flex; flex-wrap: wrap; align-items: center; gap: 2mm 7mm; margin-top: 1.5mm; font-size: 10.5pt; }
.oonot-yaz-perde .oonot-kutuo { display: inline-flex; align-items: center; gap: 2mm; }
.oonot-yaz-perde .oonot-kutu { display: inline-block; width: 4.2mm; height: 4.2mm; border: 1.3px solid #000; background: #fff; }
.oonot-yaz-perde .oonot-kutu.on { background: linear-gradient(#000, #000) center / 55% 55% no-repeat #fff; }
.oonot-yaz-perde .oonot-satir-ic { display: inline-block; min-width: 32mm; border-bottom: 1px dotted #000; }
.oonot-yaz-perde .oonot-form .oonot-imza { margin-top: 3mm; }
.oonot-yaz-perde .oonot-form .oonot-yaz-alt { border-top-color: #999; }

@media (max-width: 640px) {
	.oonot-yaz-perde .oonot-yaz-bar { padding: 8px 10px; }
	.oonot-yaz-perde .oonot-yaz-ipucu { margin: 8px 10px 0; }
}

/* ---- Yazdırma ---- */
@media print {
	html, body { background: #fff !important; }
	body.oonot-yazdir > *:not(.oonot-yaz-perde) { display: none !important; }
	.oonot-yaz-perde { position: static !important; display: block !important; padding: 0 !important; background: #fff !important; overflow: visible !important; }
	.oonot-yaz-perde .oonot-yaz-bar, .oonot-yaz-perde .oonot-ekran { display: none !important; }
	.oonot-yaz-perde .oonot-yaz-alan { padding: 0 !important; zoom: 1 !important; display: block !important; }
	.oonot-yaz-perde .oonot-sayfa { width: auto !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important; break-after: page; page-break-after: always; }
	.oonot-yaz-perde .oonot-sayfa:last-child { break-after: auto; page-break-after: auto; }
	.oonot-yaz-perde .oonot-sayfa.dikey { min-height: 274mm !important; }
	.oonot-yaz-perde .oonot-sayfa.yatay { min-height: 186mm !important; }
	.oonot-yaz-perde .oonot-ed:empty:before { content: none !important; }
	.oonot-yaz-perde .oonot-ed:hover, .oonot-yaz-perde .oonot-ed:focus { background: transparent !important; box-shadow: none !important; }
	.oonot-yaz-perde * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

/* ---- 1.2.0 ince ayarlar ---- */
.oonot-yaz-perde .oonot-rb .oonot-kucuk + .oonot-iki { margin-top: 2.2mm; }
.oonot-yaz-perde .oonot-iki.tek { grid-template-columns: 1fr; }
.oonot-yaz-perde .oonot-cz th, .oonot-yaz-perde .oonot-cz td { vertical-align: middle; }
.oonot-yaz-perde .oonot-cz-ak { display: inline-flex; flex-wrap: wrap; gap: 0 6mm; align-items: baseline; }

/* Kalabalık sınıf (21+ öğrenci): çizelge sıkı yerleşim */
.oonot-yaz-perde .oonot-cizelge.sik { gap: 2mm; }
.oonot-yaz-perde .oonot-cizelge.sik .oonot-rbas { padding-bottom: 1.5mm; }
.oonot-yaz-perde .oonot-cizelge.sik .oonot-rbas h2 { font-size: 16pt; }
.oonot-yaz-perde .oonot-cizelge.sik .oonot-rbas p { font-size: 9pt; margin-top: 0; }
.oonot-yaz-perde .oonot-cizelge.sik .oonot-rmarka { padding: 1mm 2.5mm; font-size: 9pt; }
.oonot-yaz-perde .oonot-cizelge.sik .oonot-bilgi > div { min-height: 9mm; padding: 1mm 2mm 1.2mm; }
.oonot-yaz-perde .oonot-cizelge.sik .oonot-bilgi span { font-size: 7pt; }
.oonot-yaz-perde .oonot-cizelge.sik .oonot-bilgi strong, .oonot-yaz-perde .oonot-cizelge.sik .oonot-bilgi .oonot-ed { font-size: 10pt; min-height: 4mm; }
.oonot-yaz-perde .oonot-cizelge.sik .oonot-cz thead th { height: 9mm; }
.oonot-yaz-perde .oonot-cizelge.sik .oonot-cz td { font-size: 8pt; }
.oonot-yaz-perde .oonot-cizelge.sik .oonot-cz .ad { font-size: 8.5pt; }
.oonot-yaz-perde .oonot-cizelge.sik .oonot-cz-alt { margin-top: 0; }
.oonot-yaz-perde .oonot-cizelge.sik .oonot-imza-tek { padding-bottom: 2mm; }
.oonot-yaz-perde .oonot-cizelge.sik .oonot-yaz-alt { padding-top: 1mm; }

/* ===== 1.3.0: kademe, ders saatli yoklama, rehber modu, Tüm sınıflarım ===== */
.oonot-kok .oonot-satir.iki, .oonot-perde .oonot-sinifayar .oonot-satir.iki { display: grid; grid-template-columns: 1fr 1fr; gap: 0 10px; }
.oonot-kok .oonot-ilkayar { max-width: 460px; margin: 14px auto 0; text-align: left; }
.oonot-kok .oonot-ilk .oonot-ipucu { text-align: left; }
.oonot-kok .oonot-dersbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 0 0 14px; padding: 10px 12px; background: var(--oonot-mavi-a); border-radius: 10px; }
.oonot-kok .oonot-dersetiket { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; margin: 0; }
.oonot-kok .oonot-dersetiket select { width: 130px; min-height: 38px; }
.oonot-kok .oonot-dersbilgi { color: var(--oonot-mavi-y); font-size: .9rem; font-weight: 600; }
.oonot-kok .oonot-chipler { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.oonot-kok .oonot-chip {
	min-height: 38px; padding: 4px 16px; font: inherit; font-weight: 700; font-size: .92rem; cursor: pointer; border-radius: 999px;
	background: #fff; color: var(--oonot-murekkep); border: 1.5px solid var(--oonot-cizgi); box-shadow: none; text-transform: none; letter-spacing: 0;
	-webkit-appearance: none; appearance: none;
}
.oonot-kok .oonot-chip.on { background: var(--oonot-murekkep); border-color: var(--oonot-murekkep); color: #fff; }
.oonot-kok .oonot-dust .oonot-rozet { flex: 0 0 auto; }
.oonot-kok .oonot-dust { flex-wrap: wrap; }
@media (max-width: 640px) {
	.oonot-kok .oonot-satir.iki { grid-template-columns: 1fr; }
	.oonot-perde .oonot-sinifayar .oonot-satir.iki { grid-template-columns: 1fr; }
}

/* Ortak sınıf listesi (1.5.0) */
.oonot-ortak{display:grid;gap:8px;margin:12px 0;max-height:46vh;overflow:auto}
.oonot-ortak-satir{display:flex;gap:12px;align-items:flex-start;padding:11px 14px;border:1px solid var(--oonot-cizgi);border-radius:12px;background:var(--oonot-kart);cursor:pointer}
.oonot-ortak-satir:hover{border-color:var(--oonot-ana)}
.oonot-ortak-satir input{margin-top:4px;width:18px;height:18px;flex:none}
.oonot-ortak-yazi{display:grid;gap:2px;min-width:0}
.oonot-ortak-yazi strong{color:var(--oonot-murekkep);font-size:1.02rem}
.oonot-ortak-yazi small{color:var(--oonot-soluk);font-size:.88rem;line-height:1.4}