/* Öğretmenler Odası Network — Sınıf Defteri Doldurma Programı */

.oon-defter { --dft-cizgi: #e3e6ef; --dft-zemin: #f7f8fc; --dft-vurgu: #1f3a93; --dft-soluk: #64708a; }
.oon-defter h1 { margin: 0 0 6px; }
.oon-defter .nm-kicker { letter-spacing: .08em; }

/* --- üst bar / sekmeler --- */
.oon-defter-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 18px; }
.oon-defter-sekme { display: flex; flex-wrap: wrap; gap: 6px; margin-left: auto; }
.oon-defter-sekme a { padding: 7px 14px; border-radius: 999px; border: 1px solid var(--dft-cizgi); font-size: 14px; font-weight: 600; text-decoration: none; color: var(--dft-soluk); background: #fff; }
.oon-defter-sekme a:hover { border-color: var(--dft-vurgu); color: var(--dft-vurgu); }
.oon-defter-sekme a.is-aktif { background: var(--dft-vurgu); border-color: var(--dft-vurgu); color: #fff; }

/* --- program seçimi --- */
.oon-defter-grup { margin: 28px 0 12px; font-size: 15px; letter-spacing: .05em; font-weight: 700; color: var(--dft-soluk); }
.oon-defter-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.oon-defter-kart { position: relative; display: flex; flex-direction: column; gap: 4px; padding: 18px 44px 18px 18px; border: 1px solid var(--dft-cizgi); border-radius: 14px; background: #fff; text-decoration: none; color: inherit; transition: border-color .15s, transform .15s; }
.oon-defter-kart:hover { border-color: var(--dft-vurgu); transform: translateY(-2px); }
.oon-defter-kart.is-kayitli { border-color: #1e9e6a; background: #f4fbf7; }
.oon-defter-kart__yil { font-size: 12px; font-weight: 700; letter-spacing: .06em; color: var(--dft-vurgu); }
.oon-defter-kart strong { font-size: 17px; line-height: 1.3; }
.oon-defter-kart small { font-size: 13px; color: var(--dft-soluk); }
.oon-defter-kart em { margin-top: 6px; font-style: normal; font-size: 13px; font-weight: 600; color: var(--dft-vurgu); }
.oon-defter-kart b { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 20px; color: var(--dft-soluk); }

/* --- giriş kartı --- */
.oon-defter-gate { margin: 18px 0; padding: 18px; border: 1px solid var(--dft-cizgi); border-radius: 14px; background: var(--dft-zemin); }
.oon-defter-gate p { margin: 0 0 14px; }

/* --- ayarlar formu --- */
.oon-defter-form__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin-bottom: 8px; }
.oon-defter-form label { display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 600; color: var(--dft-soluk); }
.oon-defter-form input, .oon-defter-form select { padding: 9px 11px; border: 1px solid var(--dft-cizgi); border-radius: 9px; font-size: 15px; font-weight: 400; color: #16192a; background: #fff; max-width: 100%; }
.oon-defter-form input:focus, .oon-defter-form select:focus { outline: 2px solid var(--dft-vurgu); outline-offset: 1px; }

.oon-defter-program { width: 100%; border-collapse: collapse; font-size: 14px; }
.oon-defter-program th, .oon-defter-program td { border: 1px solid var(--dft-cizgi); padding: 6px; text-align: left; }
.oon-defter-program thead th { background: var(--dft-zemin); font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--dft-soluk); white-space: nowrap; }
.oon-defter-program tbody th { background: var(--dft-zemin); white-space: nowrap; font-size: 13px; }
.oon-defter-program select { width: 100%; min-width: 130px; padding: 7px 8px; font-size: 13px; }

.oon-defter-uyum { margin: 20px 0; padding: 16px; border: 1px solid var(--dft-cizgi); border-radius: 14px; background: var(--dft-zemin); }
.oon-defter-uyum h3 { margin: 0 0 10px; font-size: 15px; }
.oon-defter-uyum table { width: 100%; border-collapse: collapse; font-size: 14px; }
.oon-defter-uyum th, .oon-defter-uyum td { padding: 5px 8px; border-bottom: 1px solid var(--dft-cizgi); text-align: left; }
.oon-defter-uyum tfoot th, .oon-defter-uyum tfoot td { font-weight: 700; border-bottom: 0; }
.oon-defter-uyum [data-oon-durum].is-uygun { color: #1e9e6a; font-weight: 600; }
.oon-defter-uyum [data-oon-durum].is-hatali { color: #c0392b; font-weight: 600; }
.oon-defter-sifirla { color: #c0392b !important; }

/* --- hafta seçici --- */
.oon-defter-hafta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 14px 0 18px; }
.oon-defter-hafta select { flex: 1 1 220px; padding: 9px 11px; border: 1px solid var(--dft-cizgi); border-radius: 9px; font-size: 15px; background: #fff; }
.oon-defter-ok-btn { padding: 9px 14px; border: 1px solid var(--dft-cizgi); border-radius: 9px; background: #fff; text-decoration: none; font-weight: 600; font-size: 14px; color: var(--dft-vurgu); }
.oon-defter-ok-btn.is-pasif { color: #b6bcca; }
.oon-defter-bugun { font-size: 14px; font-weight: 600; text-decoration: underline; color: var(--dft-vurgu); }

/* --- başlık / kimlik --- */
.oon-defter-baslik { display: flex; flex-wrap: wrap; gap: 14px; justify-content: space-between; align-items: flex-start; }
.oon-defter-aralik { margin: 0; color: var(--dft-soluk); font-size: 15px; }
.oon-defter-kimlik { padding: 10px 14px; border: 1px solid var(--dft-cizgi); border-radius: 12px; background: var(--dft-zemin); font-size: 14px; }
.oon-defter-kimlik small { display: block; margin-top: 4px; color: var(--dft-soluk); font-size: 12px; }
.oon-defter-ok { margin: 12px 0; padding: 11px 14px; border-radius: 11px; background: #eafaf2; border: 1px solid #b8e6cf; color: #16694a; font-weight: 600; }
.oon-defter-belirli { margin: 12px 0; padding: 11px 14px; border-radius: 11px; background: #fff8e8; border: 1px solid #f0dca8; font-size: 14px; }
.oon-defter-belirli strong { display: block; font-size: 12px; letter-spacing: .05em; text-transform: uppercase; color: #8a6d1f; margin-bottom: 3px; }

/* --- haftalık çizelge --- */
.oon-defter-tablo-kaydir { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.oon-defter-cizelge { width: 100%; min-width: 900px; border-collapse: collapse; table-layout: fixed; }
.oon-defter-cizelge th, .oon-defter-cizelge td { border: 1px solid var(--dft-cizgi); vertical-align: top; padding: 8px; }
.oon-defter-cizelge thead th { background: var(--dft-zemin); text-align: center; padding: 10px 6px; }
.oon-defter-gun { display: block; font-size: 13px; letter-spacing: .04em; }
.oon-defter-cizelge thead small { display: block; font-weight: 400; color: var(--dft-soluk); font-size: 12px; }
.oon-defter-tatil-etiket { display: block; margin-top: 3px; font-style: normal; font-size: 11px; color: #c0392b; }
.oon-defter-saat-bas { width: 62px; }
.oon-defter-saat { width: 62px; background: var(--dft-zemin); text-align: center; font-size: 18px; color: var(--dft-vurgu); }
.oon-defter-saat span { display: block; font-size: 10px; letter-spacing: .08em; color: var(--dft-soluk); }
.oon-defter-hucre { position: relative; font-size: 12.5px; line-height: 1.45; }
.oon-defter-ders { display: block; margin-bottom: 4px; font-size: 11px; font-weight: 700; letter-spacing: .04em; color: var(--dft-vurgu); }
.oon-defter-cikti { margin: 0; white-space: pre-line; }
.oon-defter-hucre.is-bos { background: #fbfbfd; }
.oon-defter-hucre.is-tatil { background: #fdf0ee; text-align: center; color: #c0392b; }
.oon-defter-hucre.is-tatil strong { display: block; font-size: 12px; letter-spacing: .06em; }
.oon-defter-hucre.is-tatil span { font-size: 11px; }
.oon-defter-kopyala { margin-top: 6px; padding: 3px 9px; border: 1px solid var(--dft-cizgi); border-radius: 7px; background: #fff; font-size: 11px; font-weight: 600; color: var(--dft-soluk); cursor: pointer; }
.oon-defter-kopyala:hover { border-color: var(--dft-vurgu); color: var(--dft-vurgu); }
.oon-defter-kopyala.is-ok { border-color: #1e9e6a; color: #1e9e6a; }

/* --- günlük plan --- */
.oon-defter-gun-secici { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.oon-defter-gun-secici a { padding: 7px 13px; border: 1px solid var(--dft-cizgi); border-radius: 999px; font-size: 13px; font-weight: 600; text-decoration: none; color: var(--dft-soluk); background: #fff; }
.oon-defter-gun-secici a.is-aktif { background: var(--dft-vurgu); border-color: var(--dft-vurgu); color: #fff; }
.oon-defter-gunluk { width: 100%; min-width: 760px; border-collapse: collapse; font-size: 13.5px; }
.oon-defter-gunluk th, .oon-defter-gunluk td { border: 1px solid var(--dft-cizgi); padding: 9px; vertical-align: top; text-align: left; }
.oon-defter-gunluk thead th { background: var(--dft-zemin); font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--dft-soluk); }
.oon-defter-gunluk tbody th { width: 76px; background: var(--dft-zemin); white-space: nowrap; }
.oon-defter-gunluk-ders { font-weight: 700; color: var(--dft-vurgu); white-space: nowrap; }
.oon-defter-gunluk .is-bos { background: #fbfbfd; }
.oon-defter-tatil-blok { margin: 18px 0; padding: 28px; border: 1px solid #f0c7c0; border-radius: 14px; background: #fdf0ee; text-align: center; color: #c0392b; }
.oon-defter-tatil-blok strong { display: block; font-size: 18px; letter-spacing: .08em; }
.oon-defter-notlar { margin-top: 20px; }
.oon-defter-notlar h3 { margin: 0 0 6px; font-size: 15px; }
.oon-defter-notlar p { margin: 0 0 8px; color: var(--dft-soluk); font-size: 14px; }
.oon-defter-not-alani { min-height: 110px; border: 1px solid var(--dft-cizgi); border-radius: 11px; background: repeating-linear-gradient(transparent, transparent 27px, var(--dft-cizgi) 27px, var(--dft-cizgi) 28px); }

/* --- takvim --- */
.oon-defter-takvim { width: 100%; min-width: 680px; border-collapse: collapse; font-size: 14px; }
.oon-defter-takvim th, .oon-defter-takvim td { border-bottom: 1px solid var(--dft-cizgi); padding: 8px 10px; text-align: left; vertical-align: top; }
.oon-defter-takvim thead th { background: var(--dft-zemin); font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--dft-soluk); }
.oon-defter-takvim tbody th { width: 60px; font-size: 16px; color: var(--dft-vurgu); }
.oon-defter-takvim tr.is-bugun { background: #eef3ff; }

/* --- imza / dipnot --- */
.oon-defter-imza { display: flex; flex-wrap: wrap; gap: 24px; justify-content: space-between; margin-top: 26px; }
.oon-defter-imza div { flex: 1 1 200px; padding-top: 30px; border-top: 1px solid var(--dft-cizgi); text-align: center; }
.oon-defter-imza span { display: block; font-weight: 600; min-height: 20px; }
.oon-defter-imza small { color: var(--dft-soluk); font-size: 12px; }
.oon-defter-kaynak, .oon-defter .oon-fineprint { margin-top: 16px; font-size: 12.5px; color: var(--dft-soluk); line-height: 1.6; }
.oon-defter-ipucu { font-size: 13.5px; color: var(--dft-soluk); }

/* --- yazdırma: tek A4 --- */
@media print {
  .oon-no-print, .oon-defter-ust, .oon-defter-hafta, .oon-defter-kopyala,
  .oon-header, .oon-footer, .nm-back, .oon-social { display: none !important; }
  .oon-defter { --dft-cizgi: #999; }
  .oon-defter-tablo-kaydir { overflow: visible !important; }
  .oon-defter-cizelge, .oon-defter-gunluk, .oon-defter-takvim { min-width: 0 !important; width: 100% !important; font-size: 8pt !important; }
  .oon-defter-cizelge th, .oon-defter-cizelge td { padding: 3pt !important; }
  .oon-defter-hucre { font-size: 7.4pt !important; line-height: 1.3 !important; }
  .oon-defter-kart, .oon-defter-uyum { break-inside: avoid; }
  .oon-defter-cizelge tr, .oon-defter-gunluk tr { break-inside: avoid; }
  .oon-defter h1 { font-size: 15pt; }
  a[href]:after { content: none !important; }
  /* TEST199 — YEDEK KURAL. Normalde sayfa yönünü yazdırma betiği yazar;
     bu kurallar yalnız "Tek sayfa temiz yazdırma" anahtarı KAPALIYKEN
     devreye girer. Okul öncesi ekranları adlandırılmış sayfa ile dikey
     tutuluyor: adlandırılmış kural yalnız kendi seçicisine uygulandığı
     için genel kuralla ÇAKIŞMAZ (eski çakışmanın sebebi buydu). */
  @page { size: A4 landscape; margin: 10mm; }
  @page dikeysayfa { size: A4 portrait; margin: 12mm; }
  .oon-defter--oo { page: dikeysayfa; }
}

/* Tema CSS'i yüklenmezse butonların üst üste binmemesi için güvenlik ağı */
.oon-defter .oon-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 18px; }

/* --- program arama (seçim ekranı) --- */
.oon-defter-ara { display: flex; align-items: center; gap: 12px; margin: 18px 0 6px; }
.oon-defter-ara input { flex: 1 1 auto; padding: 11px 14px; border: 1px solid var(--dft-cizgi); border-radius: 11px; font-size: 15px; background: #fff; }
.oon-defter-ara input:focus { outline: 2px solid var(--dft-vurgu); outline-offset: 1px; }
.oon-defter-ara span { white-space: nowrap; font-size: 13px; font-weight: 600; color: var(--dft-soluk); }
.oon-defter-bos { padding: 22px; text-align: center; color: var(--dft-soluk); border: 1px dashed var(--dft-cizgi); border-radius: 12px; }
.oon-defter-kart[hidden], .oon-defter-bolum[hidden] { display: none !important; }

/* --- şube tablosu (branş ayarları) --- */
.oon-defter-subeler { width: 100%; border-collapse: collapse; font-size: 14px; max-width: 560px; }
.oon-defter-subeler th, .oon-defter-subeler td { border: 1px solid var(--dft-cizgi); padding: 6px; text-align: left; }
.oon-defter-subeler thead th { background: var(--dft-zemin); font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--dft-soluk); }
.oon-defter-subeler input, .oon-defter-subeler select { width: 100%; min-width: 120px; padding: 7px 8px; font-size: 14px; border: 1px solid var(--dft-cizgi); border-radius: 8px; background: #fff; }
.oon-defter-uyum td.is-uygun { color: #1e9e6a; font-weight: 600; }
.oon-defter-uyum td.is-hatali { color: #c0392b; font-weight: 600; }

/* --- her ekranda görünen program kimliği (yazdırmada da çıkar) --- */
.oon-defter-programadi { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin: 0 0 16px; padding: 10px 14px; border-left: 3px solid var(--dft-vurgu); background: var(--dft-zemin); border-radius: 0 10px 10px 0; }
.oon-defter-programadi strong { font-size: 17px; color: var(--dft-vurgu); }
.oon-defter-programadi span { font-size: 13px; color: var(--dft-soluk); }
@media print { .oon-defter-programadi { border-left-width: 2px; padding: 4pt 6pt; margin-bottom: 6pt; } .oon-defter-programadi strong { font-size: 11pt; } }

/* ===================== Okul Öncesi ===================== */
.oon-oo-aylar { display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0 18px; }
.oon-oo-aylar a { padding: 7px 13px; border: 1px solid var(--dft-cizgi); border-radius: 999px; font-size: 13px; font-weight: 600; text-decoration: none; color: var(--dft-soluk); background: #fff; }
.oon-oo-aylar a:hover { border-color: var(--dft-vurgu); color: var(--dft-vurgu); }
.oon-oo-aylar a.is-aktif { background: var(--dft-vurgu); border-color: var(--dft-vurgu); color: #fff; }

.oon-oo-sayac { position: sticky; top: 0; z-index: 5; margin: 0 0 12px; padding: 9px 14px; border-radius: 10px; background: #eef3ff; border: 1px solid #c9d7f5; font-size: 14px; color: var(--dft-vurgu); }
.oon-oo-sayac strong { font-size: 17px; }

.oon-oo-alan { margin-bottom: 10px; border: 1px solid var(--dft-cizgi); border-radius: 12px; background: #fff; overflow: hidden; }
.oon-oo-alan > summary { display: flex; align-items: center; gap: 10px; padding: 12px 14px; cursor: pointer; background: var(--dft-zemin); font-weight: 700; font-size: 14px; list-style: none; }
.oon-oo-alan > summary::-webkit-details-marker { display: none; }
.oon-oo-alan > summary::before { content: '▸'; color: var(--dft-soluk); font-size: 12px; }
.oon-oo-alan[open] > summary::before { content: '▾'; }
.oon-oo-alan > summary span { flex: 1 1 auto; }
.oon-oo-alan > summary em { font-style: normal; font-size: 12px; font-weight: 600; color: var(--dft-soluk); background: #fff; border: 1px solid var(--dft-cizgi); border-radius: 999px; padding: 2px 9px; }
.oon-oo-cikti { margin: 12px 14px 4px; font-size: 12.5px; font-weight: 700; color: var(--dft-soluk); line-height: 1.45; }
.oon-oo-satir { display: flex; gap: 10px; align-items: flex-start; padding: 8px 14px; border-top: 1px solid #f0f1f6; font-size: 13.5px; line-height: 1.5; cursor: pointer; }
.oon-oo-satir:hover { background: #fafbff; }
.oon-oo-satir input { margin-top: 3px; width: 18px; height: 18px; flex: 0 0 auto; accent-color: var(--dft-vurgu); }
.oon-oo-satir b { color: var(--dft-vurgu); font-size: 12px; margin-right: 4px; }
.oon-oo-satir em { display: block; font-style: normal; font-size: 11px; color: var(--dft-soluk); margin-top: 2px; }

.oon-oo-rozetler { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 14px; }
.oon-oo-rozet { display: inline-flex; align-items: center; gap: 7px; padding: 6px 11px; border: 1px solid var(--dft-cizgi); border-radius: 999px; font-size: 13px; cursor: pointer; background: #fff; }
.oon-oo-rozet input { width: 16px; height: 16px; accent-color: var(--dft-vurgu); }
.oon-oo-rozet:hover { border-color: var(--dft-vurgu); }

.oon-oo-tablo { width: 100%; min-width: 700px; border-collapse: collapse; font-size: 13px; }
.oon-oo-tablo th, .oon-oo-tablo td { border: 1px solid var(--dft-cizgi); padding: 8px; vertical-align: top; text-align: left; }
.oon-oo-tablo thead th { background: var(--dft-zemin); font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--dft-soluk); }
.oon-oo-tablo td:first-child { width: 120px; font-weight: 600; color: var(--dft-vurgu); }
.oon-oo-tablo b { color: var(--dft-vurgu); font-size: 12px; }
.oon-oo-tablo .is-bos { text-align: center; color: var(--dft-soluk); }

.oon-oo-kutular { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; margin: 16px 0; }
.oon-oo-kutu { padding: 12px 14px; border: 1px solid var(--dft-cizgi); border-radius: 12px; background: var(--dft-zemin); }
.oon-oo-kutu h3 { margin: 0 0 6px; font-size: 11px; letter-spacing: .06em; color: var(--dft-soluk); }
.oon-oo-kutu p { margin: 0; font-size: 13px; line-height: 1.55; }

.oon-oo-not { display: block; margin: 14px 0; }
.oon-oo-not > span { display: block; margin-bottom: 5px; font-size: 13px; font-weight: 700; color: var(--dft-soluk); }
.oon-oo-not textarea { width: 100%; padding: 10px 12px; border: 1px solid var(--dft-cizgi); border-radius: 10px; font: inherit; font-size: 14px; line-height: 1.55; resize: vertical; background: #fff; }
.oon-oo-not textarea:focus { outline: 2px solid var(--dft-vurgu); outline-offset: 1px; }
.oon-oo-yazdir { display: none; }
.oon-oo-gunluk-secim { border: 1px solid var(--dft-cizgi); border-radius: 12px; overflow: hidden; background: #fff; }
.oon-oo-tarih { display: flex; flex-direction: column; gap: 5px; font-size: 13px; font-weight: 600; color: var(--dft-soluk); }
.oon-oo-tarih input { padding: 8px 11px; border: 1px solid var(--dft-cizgi); border-radius: 9px; font: inherit; }

/* Yazdırmada form yerine düz metin basılır */
@media print {
  .oon-defter--oo .oon-oo-not textarea { display: none; }
  .oon-defter--oo .oon-oo-yazdir { display: block; margin: 0; font-size: 9pt; line-height: 1.45; white-space: pre-line; }
  .oon-defter--oo .oon-oo-yazdir.is-bos-alan { min-height: 40pt; border-bottom: 1px solid #bbb; }
  .oon-defter--oo .oon-oo-not > span { font-size: 8.5pt; }
  .oon-defter--oo .oon-oo-alan, .oon-defter--oo .oon-oo-sayac, .oon-defter--oo .oon-oo-gunluk-secim { border: 0; }
  .oon-defter--oo .oon-oo-alan > summary { display: none; }
  .oon-oo-kutu, .oon-oo-tablo tr { break-inside: avoid; }
  /* TEST187 — BURADA @page YOK.
     @page kuralı SEÇİCİYE BAĞLI DEĞİLDİR; belgenin tamamına uygulanır.
     Burada duran "A4 portrait", yukarıdaki (satır 134) "A4 landscape"
     kuralını EZİYORDU. Sonuç: okul öncesi için yazılmış bu kural,
     ilkokul/ortaokul/lise haftalık çizelgesini de dikey bastırıyor,
     hafta iki sayfaya bölünüyor ve Çarşamba ortadan kesiliyordu.
     Sayfa yönü artık her ekran için PHP tarafında (kabuk()) tek tek
     yazılıyor; böylece iki kural birbiriyle çakışmıyor. */
}

/* Ayarlar formundaki "label = dikey kutu" kuralı okul öncesi satırlarını bozmasın */
.oon-defter-form label.oon-oo-satir,
.oon-defter-form label.oon-oo-rozet {
  flex-direction: row; align-items: flex-start; gap: 10px;
  font-weight: 400; color: inherit;
}
.oon-defter-form label.oon-oo-rozet { align-items: center; gap: 7px; }
.oon-defter-form label.oon-oo-satir > span { flex: 1 1 auto; }
.oon-defter-form label.oon-oo-not { flex-direction: column; gap: 5px; font-weight: 400; color: inherit; }
.oon-defter-form label.oon-oo-not > span { font-weight: 700; color: var(--dft-soluk); }
.oon-defter-form label.oon-oo-tarih { flex-direction: column; }

/* Silme artık bağlantı değil, POST formu (ön-yükleyici kazara silemesin) */
.oon-defter-sil-form { margin-top: 14px; }
.oon-defter-sil-form button.oon-defter-sifirla { padding: 9px 16px; border: 1px solid #e3b7b0; border-radius: 10px; background: #fff; color: #c0392b !important; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.oon-defter-sil-form button.oon-defter-sifirla:hover { background: #fdf0ee; border-color: #c0392b; }

/* Program verisi güncellendiğinde eski kayıt uyarısı */
.oon-defter-uyari { margin: 14px 0; padding: 12px 15px; border-radius: 11px; background: #fff6ed; border: 1px solid #f0cfa8; font-size: 14px; }
.oon-defter-uyari strong { display: block; margin-bottom: 3px; color: #8a5a1f; }
.oon-defter-uyari span { display: block; color: #6b5535; line-height: 1.55; }
.oon-defter-uyari a { display: inline-block; margin-top: 7px; font-weight: 600; }

/* Program listesindeki "kaldığınız yerden devam" kartı */
.oon-defter-devam{display:flex;align-items:center;gap:14px;margin:16px 0 4px;padding:15px 18px;border:1px solid #b8e6cf;border-left:4px solid #1e9e6a;border-radius:13px;background:#f4fbf7;text-decoration:none;color:inherit}
.oon-defter-devam:hover{border-color:#1e9e6a}
.oon-defter-devam__ikon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:11px;background:#1e9e6a;color:#fff;font-size:19px}
.oon-defter-devam strong{display:block;font-size:15.5px;color:#16694a}
.oon-defter-devam small{display:block;font-size:13px;color:#4a5c68;margin-top:2px}
.oon-defter-devam b{margin-left:auto;font-size:19px;color:#1e9e6a}

/* TEST70: Ek ders saati */
.oon-defter-saat-ekle{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 4px}
.oon-defter-saat-ekle small{color:#5b6b76;font-size:13px}
tr.oon-defter-ek-saat[hidden]{display:none}

/* ===================== TEST87 — Tek sayfa temiz yazdırma =====================
   Ayarlardaki "Sınıf Defteri'nde tek sayfa temiz yazdırma" anahtarı açıkken devreye girer
   (section'a .oon-defter--temiz-yazdir sınıfı eklenir). Anahtar kapalıysa bu bölümün
   hiçbir kuralı çalışmaz; yazdırma eski hâliyle kalır.
   1) Yazdırmada çizelge dışındaki her şey gizlenir (JS, çizelgeye giden yolu işaretler).
   2) Haftalık çizelge ve günlük plan yatay A4'e sığdırılır (ölçüm JS'te yapılır). */
@media print {
  html.oon-yzd, html.oon-yzd body { background: #fff !important; margin: 0 !important; padding: 0 !important; height: auto !important; min-height: 0 !important; overflow: visible !important; }
  html.oon-yzd .oon-yzd-yol > *:not(.oon-yzd-yol):not(.oon-defter--temiz-yazdir) { display: none !important; }
  html.oon-yzd .oon-yzd-yol { display: block !important; position: static !important; float: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; width: auto !important; max-width: none !important; height: auto !important; min-height: 0 !important; overflow: visible !important; transform: none !important; box-shadow: none !important; background: none !important; }
  html.oon-yzd .oon-defter--temiz-yazdir { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; max-width: none !important; background: #fff !important; }
  html.oon-yzd .oon-defter--temiz-yazdir * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

/* Yazdırma anında (beforeprint → afterprint) geçerli sıkı düzen. Ekranda ölçüm de bu düzenle yapılır,
   bu yüzden @media print içinde değildir; sınıf yazdırma bitince kaldırılır. */
html.oon-yzd-aktif .oon-defter--temiz-yazdir { box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; border: 0 !important; max-width: none !important; background: #fff !important; --dft-cizgi: #8f96a3; }
html.oon-yzd-aktif .oon-defter--temiz-yazdir .oon-no-print,
html.oon-yzd-aktif .oon-defter--temiz-yazdir .oon-defter-ust,
html.oon-yzd-aktif .oon-defter--temiz-yazdir .oon-defter-hafta,
html.oon-yzd-aktif .oon-defter--temiz-yazdir .oon-defter-kopyala,
html.oon-yzd-aktif .oon-defter--temiz-yazdir .oon-defter-uyari,
html.oon-yzd-aktif .oon-defter--temiz-yazdir .oon-defter-ok { display: none !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-programadi { margin: 0 0 5pt !important; padding: 3pt 6pt !important; border-left-width: 2px !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-programadi strong { font-size: 10.5pt !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-programadi span { font-size: 8pt !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-baslik { gap: 6pt !important; align-items: flex-end !important; margin: 0 0 5pt !important; }
html.oon-yzd-aktif .oon-defter--sigdir .nm-kicker { margin: 0 !important; font-size: 7pt !important; }
html.oon-yzd-aktif .oon-defter--sigdir h1 { margin: 1pt 0 !important; font-size: 14pt !important; line-height: 1.15 !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-aralik { margin: 0 !important; font-size: 8.5pt !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-kimlik { padding: 3pt 7pt !important; font-size: 8.5pt !important; border-radius: 6px !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-kimlik small { margin-top: 1pt !important; font-size: 7.5pt !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-belirli { margin: 0 0 5pt !important; padding: 3pt 7pt !important; font-size: 8pt !important; border-radius: 6px !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-belirli strong { display: inline !important; margin: 0 5pt 0 0 !important; font-size: 7pt !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-tablo-kaydir { overflow: visible !important; margin: 0 !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-cizelge,
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-gunluk { min-width: 0 !important; width: 100% !important; font-size: 8pt !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-cizelge th,
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-cizelge td { padding: 3pt !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-gunluk th,
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-gunluk td { padding: 4pt !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-hucre { font-size: 7.4pt !important; line-height: 1.3 !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-cikti { margin: 1pt 0 0 !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-imza { margin-top: 12pt !important; gap: 18pt !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-imza div { padding-top: 16pt !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-imza span { font-size: 9pt !important; min-height: 11pt !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-imza small { font-size: 7.5pt !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-kaynak { margin-top: 5pt !important; font-size: 7pt !important; line-height: 1.35 !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-notlar { margin-top: 8pt !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-cizelge tr,
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-gunluk tr { break-inside: avoid; }
/* Sığdırma: boş satırları ve tekrar eden bilgileri at, başlıkları tek satıra indir (yazı küçülmeden yer kazanılır). */
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-cikti { white-space: normal !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-cikti br + br { display: none !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-hucre { line-height: 1.22 !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-ders { margin-bottom: 1pt !important; font-size: 7.2pt !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-cizelge thead th { padding: 2.5pt 3pt !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-gun { display: inline !important; font-size: 8.5pt !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-cizelge thead small { display: inline !important; margin-left: 4pt !important; font-size: 7.5pt !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-tatil-etiket { margin-top: 0 !important; font-size: 7pt !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-saat-bas,
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-saat { width: 26pt !important; font-size: 11pt !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-saat span { font-size: 5.5pt !important; letter-spacing: .04em !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-hucre.is-tatil strong { font-size: 8pt !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-hucre.is-tatil span { font-size: 7.5pt !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-kimlik small { display: none !important; }
html.oon-yzd-aktif .oon-defter--cizelge.oon-defter--sigdir .nm-kicker { display: none !important; }
html.oon-yzd-aktif .oon-defter--cizelge.oon-defter--sigdir .oon-defter-baslik > div:first-child { display: flex !important; align-items: baseline !important; gap: 8pt !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-imza,
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-kaynak { break-inside: avoid; break-before: avoid; }
/* Çalışma takvimi: sığdırma yapılmaz (37 satır tek sayfada okunmaz); yalnızca satırlar sıkılaştırılır. */
@media print {
  html.oon-yzd .oon-defter--temiz-yazdir.oon-defter--takvim .oon-defter-takvim { font-size: 8.5pt !important; }
  html.oon-yzd .oon-defter--temiz-yazdir.oon-defter--takvim .oon-defter-takvim th,
  html.oon-yzd .oon-defter--temiz-yazdir.oon-defter--takvim .oon-defter-takvim td { padding: 3pt 5pt !important; }
  html.oon-yzd .oon-defter--temiz-yazdir.oon-defter--takvim .oon-defter-takvim tbody th { width: 34pt !important; font-size: 9.5pt !important; white-space: nowrap; }
  html.oon-yzd .oon-defter--temiz-yazdir.oon-defter--takvim .oon-defter-takvim tbody th br { display: none; }
  html.oon-yzd .oon-defter--temiz-yazdir.oon-defter--takvim .oon-defter-takvim tr { break-inside: avoid; }
  html.oon-yzd .oon-defter--temiz-yazdir.oon-defter--takvim .oon-defter-takvim td:nth-child(2),
  html.oon-yzd .oon-defter--temiz-yazdir.oon-defter--takvim .oon-defter-takvim td:nth-child(3) { white-space: nowrap; }
  html.oon-yzd .oon-defter--temiz-yazdir.oon-defter--takvim h1 { margin: 2pt 0 !important; font-size: 14pt !important; }
  html.oon-yzd .oon-defter--temiz-yazdir.oon-defter--takvim .oon-defter-grup { margin: 12pt 0 4pt !important; font-size: 12pt !important; break-after: avoid; }
  html.oon-yzd .oon-defter--temiz-yazdir.oon-defter--takvim .nm-lead { margin: 0 0 6pt !important; font-size: 9pt !important; }
}
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-saat-bas { font-size: 6.5pt !important; padding-left: 0 !important; padding-right: 0 !important; }

/* TEST104 — ziyaretçi denemesi şeridi ve üyelik kartı */
.oon-defter-deneme{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:18px 0;padding:16px 20px;border:1px solid #e0d3a8;border-left:4px solid #b8892b;border-radius:14px;background:linear-gradient(180deg,#fffdf6 0%,#fdf8ea 100%)}
.oon-defter-deneme>div{flex:1 1 320px;min-width:0}
.oon-defter-deneme strong{display:block;margin-bottom:4px;font-size:15px;color:#6b5418}
.oon-defter-deneme p{margin:0;font-size:13.5px;line-height:1.55;color:#6b5f3e}
.oon-defter-deneme .nm-btn{flex:0 0 auto}
.oon-defter-uyelik{max-width:640px;margin:8px auto;padding:30px 26px;border:1px solid #dce4e1;border-radius:20px;background:linear-gradient(180deg,#fff 0%,#f7faf9 100%);text-align:center}
.oon-defter-uyelik h1{margin:6px 0 10px!important;font-size:26px!important;line-height:1.2;color:#102b40}
.oon-defter-uyelik .nm-lead{margin:0 auto 18px;max-width:520px;color:#4a5c68}
.oon-defter-uyelik-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;list-style:none;margin:0 0 20px;padding:0;text-align:left}
.oon-defter-uyelik-liste li{padding:10px 14px 10px 34px;border:1px solid #e3ebe7;border-radius:12px;background:#fff;font-size:13.5px;color:#31424c;position:relative}
.oon-defter-uyelik-liste li::before{content:"✓";position:absolute;left:13px;top:10px;color:#17795f;font-weight:800}
.oon-defter-uyelik .oon-actions{justify-content:center}
.oon-defter-uyelik-not{margin:16px 0 0;font-size:12.5px;line-height:1.55;color:#6b7d86}
@media(max-width:560px){
  .oon-defter-deneme{padding:14px}
  .oon-defter-deneme .nm-btn{width:100%;text-align:center}
  .oon-defter-uyelik{padding:22px 18px}
}

/* TEST108 — birleştirilmiş sınıf bilgi kutusu */
.oon-defter-birlesik{margin:16px 0;padding:14px 18px;border:1px solid #cfe0d8;border-left:4px solid #17795f;border-radius:14px;background:#f5faf8}
.oon-defter-birlesik strong{display:block;margin-bottom:5px;font-size:14.5px;color:#0f5a46}
.oon-defter-birlesik p{margin:0 0 6px;font-size:13.5px;line-height:1.55;color:#3d5a51}
.oon-defter-birlesik p:last-child{margin-bottom:0}
.oon-defter-birlesik em{font-style:normal;font-weight:700}
.oon-defter-birlesik-not{font-size:12.5px!important;color:#5b7268!important}
/* Birleşik hücrede sınıflar arasına boşluk; metin nl2br ile satırlanır. */
.oon-defter-cizelge .oon-defter-cikti br + br{line-height:2.1}
/* TEST110 — resmî örnek programda yer almayan birleşim: ayrı renk */
.oon-defter-birlesik--diger{border-color:#e0d3a8;border-left-color:#b8892b;background:#fffdf6}
.oon-defter-birlesik--diger strong{color:#6b5418}
.oon-defter-birlesik--diger p{color:#6b5f3e}
.oon-defter-birlesik--diger .oon-defter-birlesik-not{color:#7a6a45!important}

/* =====================================================================
   TEST175 — Yazdırma önizlemesi (günlük / yıllık) ve müdür uyarısı
   ===================================================================== */
.oon-defter-imza-uyari{margin:8px 0 0;padding:9px 12px;border:1px solid #f0dca8;border-radius:10px;
  background:#fff8e6;color:#6b5514;font-size:12px;line-height:1.55}
.oon-defter-imza-uyari a{color:#8a5a00;font-weight:800}

.oon-defter-onizleme{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  margin:0 0 20px;padding:15px 17px;border:1px solid #d7e2e4;border-radius:14px;background:#f4f8f9}
.oon-defter-onizleme strong{display:block;color:#132c40;font-size:15px}
.oon-defter-onizleme span{display:block;margin-top:3px;color:#33505f;font-size:13px;font-weight:700}
.oon-defter-onizleme small{display:block;margin-top:5px;color:#5c6e78;font-size:11.5px;line-height:1.55}
.oon-defter-onizleme__dug{display:flex;gap:9px;flex-wrap:wrap;flex:none}

.oon-defter-onizleme-alt{margin-top:22px;padding-top:16px;border-top:1px solid #d7e2e4;justify-content:center}
.oon-defter-yazdir-ust{margin-bottom:18px}
.oon-defter-sayfa{margin:0 0 26px;padding:0 0 18px;border-bottom:1px solid #e2e7ea}
.oon-defter-sayfa:last-child{border-bottom:0}
.oon-defter-sayfa-bas{margin:0 0 11px;font-size:17px;color:#132c40}
.oon-defter-sayfa-bas small{display:block;margin-top:3px;font-size:12px;font-weight:500;color:#5c6e78}
.oon-defter--yazdir table{width:100%;border-collapse:collapse}

@media print{
  /* Her hafta / her gün ayrı sayfaya. */
  .oon-defter-sayfa{break-after:page;page-break-after:always;border-bottom:0;margin:0;padding:0}
  .oon-defter-sayfa:last-child{break-after:auto;page-break-after:auto}
  .oon-defter-sayfa table{break-inside:auto;page-break-inside:auto}
  .oon-defter-sayfa tr{break-inside:avoid;page-break-inside:avoid}
  .oon-defter-yazdir-ust{break-after:avoid;page-break-after:avoid}
}

/* TEST180 — Birleştirilmiş sınıfta ORTAK işlenen ders saati */
.oon-defter-hucre.is-ortak{background:#f2f8f4;box-shadow:inset 3px 0 0 #2f7d52}
.oon-defter-hucre.is-ortak .oon-defter-ders{color:#1d5f3c}
.oon-defter-birlesik--form{margin:0 0 14px}
.oon-defter-alt-grup{margin:18px 0 8px;font-size:15px;color:#132c40}
@media print{.oon-defter-hucre.is-ortak{background:#f4f4f4;box-shadow:inset 3px 0 0 #555}}

/* TEST195 — Haftalık Ödev ve Etkinlik kısayolu (ilkokul ve birleştirilmiş sınıf defterleri) */
.oon-defter-haftalik { display: flex; align-items: center; gap: 14px; margin: 12px 0; padding: 12px 16px; border-radius: 12px; background: linear-gradient(135deg, #eef8f3, #ffffff); border: 1px solid #bfe3d2; }
.oon-defter-haftalik__ikon { font-size: 26px; line-height: 1; flex: 0 0 auto; }
.oon-defter-haftalik__yazi { flex: 1 1 auto; min-width: 0; }
.oon-defter-haftalik__yazi strong { display: block; font-size: 15px; color: #0d4f45; margin-bottom: 2px; }
.oon-defter-haftalik__yazi span { display: block; font-size: 13px; color: #4d6470; line-height: 1.45; }
.oon-defter .oon-defter-haftalik__btn, .oon-defter-haftalik__btn { flex: 0 0 auto; display: inline-block; padding: 9px 16px; border-radius: 999px; background: #0d665a; color: #fff !important; font-weight: 700; font-size: 14px; text-decoration: none !important; white-space: nowrap; }
.oon-defter-haftalik__btn:hover, .oon-defter-haftalik__btn:focus { background: #0a5248; }
@media (max-width: 640px) { .oon-defter-haftalik { flex-wrap: wrap; } .oon-defter-haftalik__btn { width: 100%; text-align: center; } }
@media print { .oon-defter-haftalik { display: none !important; } }

/* ===================== TEST197 — Haftalık çıktıda boş kalan alt yarı =====================
   Çizelge ile imza arasında kalan boşluk, sınıf defterinde zaten elle yazılan üç alana
   çevrilir. YALNIZ YAZDIRMADA görünür; ekranda boş kutular durmaz. Yüksekliği sabit
   değildir: sayfada ne kadar yer kaldıysa o kadar büyür, taşma yapmaz. */
.oon-defter-hn { display: none; }

/* TEST198 — beforeprint ölçümü, yazdırmada sonradan görünür olan alt not alanını da hesaba katmalı.
   Aksi halde JS yalnız çizelgeyi ölçüyor, not/imza alanı yazdırma anında eklenince tek haftalık
   çıktı gereksiz yere ikinci sayfaya taşıyordu. Bu kurallar yalnız yazdırma hazırlığı sırasında
   etkinleşir; normal site görünümüne dokunmaz. */
html.oon-yzd-aktif .oon-defter--cizelge .oon-defter-hn { display: flex !important; gap: 4mm; margin: 4mm 0 3mm; align-items: stretch; }
html.oon-yzd-aktif .oon-defter--cizelge .oon-defter-hn__kutu { flex: 1 1 0; display: flex; flex-direction: column; min-width: 0;
  border: 0.4pt solid #8f96a3; border-radius: 2mm; padding: 1.6mm 2mm 0; }
html.oon-yzd-aktif .oon-defter--cizelge .oon-defter-hn__kutu h4 { margin: 0 0 1mm; font-size: 7.4pt; font-weight: 700; letter-spacing: .02em;
  text-transform: uppercase; color: #2c3a44; }
html.oon-yzd-aktif .oon-defter--cizelge .oon-defter-hn__satir { flex: 1 1 auto; min-height: 5mm; border-bottom: 0.4pt solid #b9c0c9; }
html.oon-yzd-aktif .oon-defter--cizelge .oon-defter-hn__satir:last-child { border-bottom: 0; }
html.oon-yzd-aktif .oon-defter--cizelge { display: flex !important; flex-direction: column; min-height: 183mm; }
html.oon-yzd-aktif .oon-defter--cizelge > .oon-defter-hn { flex: 1 1 auto; }
html.oon-yzd-aktif .oon-defter--cizelge > .oon-defter-imza { margin-top: auto; }

@media print {
  .oon-defter-hn { display: flex !important; gap: 4mm; margin: 4mm 0 3mm; align-items: stretch; }
  .oon-defter-hn__kutu { flex: 1 1 0; display: flex; flex-direction: column; min-width: 0;
    border: 0.4pt solid #8f96a3; border-radius: 2mm; padding: 1.6mm 2mm 0; }
  .oon-defter-hn__kutu h4 { margin: 0 0 1mm; font-size: 7.4pt; font-weight: 700; letter-spacing: .02em;
    text-transform: uppercase; color: #2c3a44; }
  /* Gerçek çizgi öğeleri: kenarlık her yazıcıda basılır, zemin deseni basılmayabilir. */
  .oon-defter-hn__satir { flex: 1 1 auto; min-height: 5mm; border-bottom: 0.4pt solid #b9c0c9; }
  .oon-defter-hn__satir:last-child { border-bottom: 0; }

  /* Sayfa yüksekliğini doldur: çizelge kısaysa not alanı büyür, uzunsa küçülür. */
  .oon-defter--cizelge { display: flex !important; flex-direction: column; min-height: 183mm; }
  .oon-defter--cizelge > .oon-defter-hn { flex: 1 1 auto; }
  .oon-defter--cizelge > .oon-defter-imza { margin-top: auto; }
}

/* ===================== TEST200 — Ders kitapları (yerinde açılır) ===================== */
.oon-dk { margin: 16px 0; border: 1px solid #bfe3d2; border-radius: 13px; background: #f4fbf7; overflow: hidden; }
.oon-dk > summary { cursor: pointer; list-style: none; padding: 13px 17px; font-size: 15px; color: #0d4f45; }
.oon-dk > summary::-webkit-details-marker { display: none; }
.oon-dk > summary::before { content: "📖 "; }
.oon-dk > summary::after { content: "▾"; float: right; color: #0d665a; }
.oon-dk[open] > summary::after { content: "▴"; }
.oon-dk > summary span { display: block; margin-top: 2px; font-size: 13px; color: #4d6470; font-weight: 400; }
.oon-dk__ic { padding: 4px 17px 16px; }
.oon-dk__dersler { display: flex; flex-wrap: wrap; gap: 8px; }
.oon-dk-ders { padding: 9px 15px; border: 1px solid #bfe3d2; border-radius: 999px; background: #fff; color: #0d4f45;
  font: 600 14px/1 inherit; cursor: pointer; }
.oon-dk-ders:hover, .oon-dk-ders:focus { border-color: #0d665a; background: #eef8f3; }
.oon-dk-ders[aria-pressed="true"] { background: #0d665a; border-color: #0d665a; color: #fff; }
.oon-dk__goster { margin-top: 14px; border: 1px solid #cfe2db; border-radius: 12px; background: #fff; overflow: hidden; }
.oon-dk__ust { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 10px 13px; border-bottom: 1px solid #e6efeb; }
.oon-dk__ad { font-size: 15px; color: #0d4f45; }
.oon-dk__araclar { margin-left: auto; display: flex; gap: 8px; flex-wrap: wrap; }
.oon-dk-btn { padding: 8px 14px; border: 1px solid #0d665a; border-radius: 10px; background: #0d665a; color: #fff !important;
  font: 700 13.5px/1 inherit; cursor: pointer; text-decoration: none !important; }
.oon-dk-btn--sade { background: #fff; color: #0d665a !important; }
.oon-dk-btn:hover, .oon-dk-btn:focus { filter: brightness(1.06); }
.oon-dk__cerceve { display: block; width: 100%; height: 72vh; min-height: 420px; border: 0; background: #f4f7f6; }
/* Tam ekranda çerçeve bütün ekranı kaplasın */
/* TEST204 — TAM EKRANDA KAYDIRMA ÇUBUĞU KAYBOLUYORDU.
   Eskiden çerçevenin boyu "ekran boyu eksi 52 piksel" diye sabit
   yazılmıştı. Üstteki başlık şeridi iki satıra düşünce ya da düğmeler
   sarınca şerit 52 pikselden yüksek oluyor, çerçevenin altı ekranın
   dışında kalıyor ve PDF'in kendi yatay kaydırma çubuğu görünmüyordu
   (yakınlaştırınca sayfa yana kayıyor ama kaydıramıyorsunuz).
   Artık sabit sayı yok: şerit kendi boyunu alır, çerçeve geri kalan
   yeri tam olarak doldurur. */
.oon-dk__goster:fullscreen { border-radius: 0; display: flex; flex-direction: column; width: 100vw; height: 100vh; background: #fff; }
.oon-dk__goster:fullscreen .oon-dk__ust { flex: 0 0 auto; }
.oon-dk__goster:fullscreen .oon-dk__cerceve { flex: 1 1 auto; height: auto; min-height: 0; }
.oon-dk__goster:-webkit-full-screen { border-radius: 0; display: flex; flex-direction: column; width: 100vw; height: 100vh; background: #fff; }
.oon-dk__goster:-webkit-full-screen .oon-dk__ust { flex: 0 0 auto; }
.oon-dk__goster:-webkit-full-screen .oon-dk__cerceve { flex: 1 1 auto; height: auto; min-height: 0; }
@media (max-width: 640px) {
  .oon-dk__araclar { margin-left: 0; width: 100%; }
  .oon-dk-btn { flex: 1 1 auto; text-align: center; }
  .oon-dk__cerceve { height: 62vh; min-height: 320px; }
}
.oon-dk-ders small { display: block; margin-top: 2px; font-size: 11.5px; font-weight: 400; opacity: .78; }
.oon-dk-ders.is-ek { background: #fbfdfc; border-style: dashed; }

/* ===== TEST205 — Çizelge düzeni: dersler yan yana =====
   Mustafa ANIL öğretmenin isteği. Fiziksel sınıf defterinde dersler
   soldan sağa sütun olarak dizilidir; bu düzende çizelgenin satırı
   defterin satırıyla birebir örtüşür. Eski düzen duruyor, seçim
   öğretmenin. */
.oon-defter-duzen { display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
  margin: 14px 0 10px; padding: 10px 13px; border: 1px solid #cfe2db; border-radius: 12px; background: #f7fbf9; }
.oon-defter-duzen__ad { font-size: 13px; font-weight: 700; color: #0d4f45; margin-right: 2px; }
.oon-defter-duzen__d { padding: 7px 13px; border: 1px solid #bfe3d2; border-radius: 999px;
  background: #fff; color: #0d4f45 !important; font-size: 13.5px; text-decoration: none; }
.oon-defter-duzen__d:hover, .oon-defter-duzen__d:focus { border-color: #0d665a; background: #eef8f3; }
.oon-defter-duzen__d.is-secili { background: #0d665a; border-color: #0d665a; color: #fff !important; font-weight: 700; }
.oon-defter-duzen small { flex: 1 1 260px; color: #4d6470; font-size: 12.5px; line-height: 1.45; }

/* Devrik düzende sol sütun günün adını taşır; ders başlıkları üstte. */
.oon-defter-cizelge--devrik .oon-defter-ders-bas { width: 62px; text-align: center; font-size: 18px; color: var(--dft-vurgu); }
.oon-defter-cizelge--devrik .oon-defter-ders-bas span { display: block; font-size: 10px; letter-spacing: .08em; color: var(--dft-soluk); font-weight: 400; }
.oon-defter-cizelge--devrik .oon-defter-saat-bas { width: 108px; }
.oon-defter-cizelge--devrik .oon-defter-gun-bas { width: 108px; background: var(--dft-zemin); text-align: center; vertical-align: middle; }
.oon-defter-cizelge--devrik .oon-defter-gun-bas .oon-defter-gun { display: block; font-size: 13.5px; }
.oon-defter-cizelge--devrik .oon-defter-gun-bas small { display: block; font-weight: 400; color: var(--dft-soluk); font-size: 12px; }
/* Ders sayısı günden çok olduğu için tablo genişler; sabit sütun genişliği kalkar. */
.oon-defter-cizelge--devrik { table-layout: auto; }

@media print {
  .oon-defter-cizelge--devrik .oon-defter-saat-bas,
  .oon-defter-cizelge--devrik .oon-defter-gun-bas { width: 52pt !important; }
  .oon-defter-cizelge--devrik .oon-defter-ders-bas { width: auto !important; font-size: 10pt !important; }
}
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-cizelge--devrik .oon-defter-saat-bas,
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-cizelge--devrik .oon-defter-gun-bas { width: 52pt !important; font-size: 10pt !important; }
html.oon-yzd-aktif .oon-defter--sigdir .oon-defter-cizelge--devrik .oon-defter-ders-bas { width: auto !important; font-size: 10pt !important; }


/* ===================== TEST223 — ÇIKTI SAYFAYI DOLDURSUN =====================
   Üye geri bildirimi (Mustafa ANIL, 23.09.2026): haftalık çıktıda 6 ders
   saati dar bir alana sıkışıyor, imzaların altında sayfanın üçte biri boş
   kalıyordu. Tek haftalık "temiz çıktı" yolunda bu sorun zaten çözülmüştü
   (.oon-defter--cizelge); aynı davranış Yazdır ekranının sayfalarına da
   getirildi: çizelge sayfa yüksekliğine yayılır, imza en alta oturur,
   yazı ve satır aralığı bir tık büyür.
   Ders saati arttıkça satırlar kendiliğinden kısalır; sığma bozulmaz.
   Anahtar: "Çıktı sayfayı doldursun" (açık gelir). */
@media print {
  .oon-defter--dolgun .oon-defter-sayfa { display: flex; flex-direction: column; box-sizing: border-box; min-height: 183mm; }
  /* Okul öncesi ekranları dikey sayfaya basılır. */
  .oon-defter--dolgun.oon-defter--oo .oon-defter-sayfa { min-height: 262mm; }
  .oon-defter--dolgun .oon-defter-sayfa > table { flex: 1 1 auto; }
  .oon-defter--dolgun .oon-defter-sayfa > .oon-defter-notlar { flex: 0 0 auto; }
  .oon-defter--dolgun .oon-defter-sayfa > .oon-defter-imza { margin-top: auto; padding-top: 4mm; }

  /* Yazı ve hücreler bir tık büyük. */
  /* 8,8pt: 6, 8 ve 10 ders saatinde de tek sayfada kalan en büyük punto
     (ölçüldü). Eski değer 8pt idi. */
  .oon-defter--dolgun .oon-defter-cizelge,
  .oon-defter--dolgun .oon-defter-gunluk { font-size: 8.8pt !important; }
  .oon-defter--dolgun .oon-defter-cizelge th,
  .oon-defter--dolgun .oon-defter-cizelge td,
  .oon-defter--dolgun .oon-defter-gunluk th,
  .oon-defter--dolgun .oon-defter-gunluk td { padding: 4pt !important; vertical-align: top; }
  .oon-defter--dolgun .oon-defter-hucre { font-size: 8.1pt !important; line-height: 1.4 !important; }
  .oon-defter--dolgun .oon-defter-not-alani { min-height: 22mm; }
  .oon-defter--dolgun .oon-defter-imza span { min-height: 13pt; }
}

/* TEST370 — Network Meydanı puan bilgi şeridi (ayar: defter_puan_bilgi). Yazdırmada görünmez. */
.oon-defter-puan{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;margin:12px 0;padding:12px 16px;border:1px solid #cfdcc9;border-radius:12px;background:#f3f8ef;color:#173d33}
.oon-defter-puan p{margin:0;font-size:14px;line-height:1.5;flex:1 1 280px}
.oon-defter-puan-btn{display:inline-block;padding:9px 16px;border-radius:10px;background:#173d33;color:#fbf7e9!important;font-size:13px;font-weight:650;text-decoration:none!important;white-space:nowrap}
.oon-defter-puan-btn:hover,.oon-defter-puan-btn:focus{background:#204638}
@media print{.oon-defter-puan{display:none!important}}

/* TEST401: Kısayol kartları tek satırlık küçük düğmeler (ayar: defter_kisayol_serit). Yalnız şerit içindeki kartlar etkilenir. */
.oon-defter-kisayol-serit { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
.oon-defter-kisayol-serit .oon-defter-haftalik { flex: 1 1 300px; min-width: 0; margin: 0; padding: 6px 8px 6px 12px; gap: 8px; border-radius: 999px; }
.oon-defter-kisayol-serit .oon-defter-haftalik__ikon { font-size: 18px; }
.oon-defter-kisayol-serit .oon-defter-haftalik__yazi strong { margin: 0; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.oon-defter-kisayol-serit .oon-defter-haftalik__yazi span { display: none; }
.oon-defter .oon-defter-kisayol-serit .oon-defter-haftalik__btn, .oon-defter-kisayol-serit .oon-defter-haftalik__btn { padding: 5px 12px; font-size: 12.5px; white-space: nowrap; }
@media (max-width: 640px) { .oon-defter-kisayol-serit .oon-defter-haftalik { flex-wrap: nowrap; } .oon-defter-kisayol-serit .oon-defter-haftalik__btn { width: auto; } }
@media print { .oon-defter-kisayol-serit { display: none !important; } }

/* TEST402: Defter üst bölümü ekranda sıkı (ayar: defter_ust_kompakt). Yalnız ekran; yazdırma kuralları aynen kalır. */
@media screen {
  .oon-defter.oon-defter--ust-kompakt .oon-defter-ust { margin-bottom: 8px; }
  .oon-defter.oon-defter--ust-kompakt .oon-defter-programadi { margin: 0 0 8px; padding: 6px 12px; }
  .oon-defter.oon-defter--ust-kompakt .oon-defter-programadi strong { font-size: 15px; }
  .oon-defter.oon-defter--ust-kompakt .oon-defter-baslik { align-items: center; gap: 6px 14px; }
  .oon-defter.oon-defter--ust-kompakt .oon-defter-baslik > div:first-child { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 12px; }
  .oon-defter.oon-defter--ust-kompakt .oon-defter-baslik .nm-kicker { display: none; }
  .oon-defter.oon-defter--ust-kompakt .oon-defter-baslik h1 { margin: 0; font-size: 24px; line-height: 1.25; }
  .oon-defter.oon-defter--ust-kompakt .oon-defter-aralik { font-size: 14px; }
  .oon-defter.oon-defter--ust-kompakt .oon-defter-kimlik { padding: 6px 12px; font-size: 13px; }
  .oon-defter.oon-defter--ust-kompakt .oon-defter-kimlik small { display: none; }
  .oon-defter.oon-defter--ust-kompakt .oon-defter-hafta { margin: 8px 0 10px; }
  .oon-defter.oon-defter--ust-kompakt .oon-defter-hafta select { padding: 6px 10px; font-size: 14px; }
  .oon-defter.oon-defter--ust-kompakt .oon-defter-ok-btn { padding: 6px 12px; }
}

/* TEST403: Sınıf Defteri'nde WhatsApp grubu şeridi ince ve tek satır (ayar: defter_wa_ince). Yalnız .oon-defter içinde. */
@media screen {
  .oon-defter.oon-defter--wa-ince .oon-gd { margin: 0 0 8px; }
  .oon-defter.oon-defter--wa-ince .oon-gd__b { min-height: 0; padding: 7px 14px; gap: 10px; border-radius: 999px; box-shadow: none; }
  .oon-defter.oon-defter--wa-ince .oon-gd__b svg { width: 18px; height: 18px; }
  .oon-defter.oon-defter--wa-ince .oon-gd__b span { flex-direction: row; align-items: baseline; flex-wrap: wrap; gap: 0 10px; }
  .oon-defter.oon-defter--wa-ince .oon-gd__b strong { font-size: 14px; line-height: 1.3; }
  .oon-defter.oon-defter--wa-ince .oon-gd__b small { font-size: 12.5px; line-height: 1.3; }
  .oon-defter.oon-defter--wa-ince .oon-gd__b em { font-size: 16px; }
}

/* TEST405: Üst düğmeler ve kısayol kartları aynı düğme biçiminde, düzenli (ayar: defter_duzenli). Yalnız ekran ve yalnız .oon-defter içinde. */
@media screen {
  .oon-defter.oon-defter--duzenli .oon-defter-ust { flex-wrap: wrap; gap: 8px 14px; margin-bottom: 12px; }
  .oon-defter.oon-defter--duzenli .oon-defter-sekme { margin-left: 0; gap: 8px; padding-left: 14px; border-left: 1px solid var(--dft-cizgi); }
  .oon-defter.oon-defter--duzenli .oon-defter-kisayol-serit { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 10px 0 14px; }
  .oon-defter.oon-defter--duzenli .oon-defter-kisayol-serit .oon-defter-haftalik { position: relative; display: flex; align-items: center; gap: 8px; flex: none; margin: 0; padding: 6px 8px 6px 14px; border-radius: 999px; min-height: 40px; }
  .oon-defter.oon-defter--duzenli .oon-defter-kisayol-serit .oon-defter-haftalik__ikon { font-size: 18px; }
  .oon-defter.oon-defter--duzenli .oon-defter-kisayol-serit .oon-defter-haftalik__yazi { flex: 1 1 auto; }
  .oon-defter.oon-defter--duzenli .oon-defter-kisayol-serit .oon-defter-haftalik__yazi strong { white-space: normal; overflow: visible; text-overflow: clip; font-size: 14px; line-height: 1.25; }
  /* Düğme küçük bir ok olur; kartın tamamı tıklanır. */
  .oon-defter.oon-defter--duzenli .oon-defter-kisayol-serit .oon-defter-haftalik__btn { flex: 0 0 auto; width: 30px; height: 30px; padding: 0; font-size: 0; line-height: 30px; text-align: center; border-radius: 50%; }
  .oon-defter.oon-defter--duzenli .oon-defter-kisayol-serit .oon-defter-haftalik__btn::before { content: "\2192"; font-size: 15px; }
  .oon-defter.oon-defter--duzenli .oon-defter-kisayol-serit .oon-defter-haftalik__btn::after { content: ""; position: absolute; inset: 0; border-radius: 999px; }
}
@media screen and (max-width: 900px) {
  .oon-defter.oon-defter--duzenli .oon-defter-kisayol-serit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media screen and (max-width: 560px) {
  .oon-defter.oon-defter--duzenli .oon-defter-kisayol-serit { grid-template-columns: 1fr; }
}
@media screen and (max-width: 640px) {
  .oon-defter.oon-defter--duzenli .oon-defter-sekme { padding-left: 0; border-left: 0; width: 100%; }
}

/* TEST407: Sekmeler ve yazdır düğmeleri tek çubukta (ayar: defter_butonlar_birlesik). Yalnız ekran. */
@media screen {
  .oon-actions.oon-actions--birlesik { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
  .oon-actions--birlesik .oon-defter-sekme { display: contents; }
  .oon-actions--birlesik .oon-defter-sekme a { padding: 14px 22px; border-radius: 14px; border: 1px solid var(--dft-cizgi); background: #fff; color: #12354b; font-size: 15px; font-weight: 700; line-height: 1.2; text-decoration: none; }
  .oon-actions--birlesik .oon-defter-sekme a:hover { border-color: var(--dft-vurgu); color: var(--dft-vurgu); }
  .oon-actions--birlesik .oon-defter-sekme a.is-aktif { background: #e8eefc; border-color: var(--dft-vurgu); color: var(--dft-vurgu); }
}

/* 4.249.65/66 — Hızlı şube ekleme (düğme tabanlı; tema giriş kutusu kurallarından etkilenmez) */
.oon-defter-hizli { display: grid; gap: 12px; margin: 10px 0 14px; padding: 14px 16px; border: 1px solid var(--dft-cizgi); border-radius: 12px; background: var(--dft-zemin); }
.oon-defter-hizli__baslik { margin: 0; font-size: 14px; line-height: 1.5; color: #2a3350; }
.oon-defter-hizli__satir { display: grid; gap: 6px; min-width: 0; }
.oon-defter-hizli__satir > label, .oon-defter-hizli__etiket { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 700; color: var(--dft-soluk); }
.oon-defter-hizli select { max-width: 340px; width: 100%; }
.oon-defter-harfler { display: flex; flex-wrap: wrap; gap: 8px; }
.oon-defter-hizli button.oon-defter-harf { min-width: 44px; height: 44px; padding: 0 14px; border: 1px solid var(--dft-cizgi); border-radius: 10px; background: #fff; color: #2a3350; font: inherit; font-size: 16px; font-weight: 700; cursor: pointer; }
.oon-defter-hizli button.oon-defter-harf--hepsi { font-size: 14px; }
.oon-defter-hizli button.oon-defter-harf[aria-pressed="true"] { background: #1f3a93; border-color: #1f3a93; color: #fff; }
.oon-defter-hizli button.oon-defter-harf:focus-visible { outline: 2px solid #1f3a93; outline-offset: 2px; }
.oon-defter-hizli__dugme { display: flex; flex-wrap: wrap; gap: 8px; }
.oon-defter-tehlike { margin-top: 22px; padding: 14px 16px; border: 1px solid #e3b7b0; border-radius: 12px; background: #fdf7f6; }
.oon-defter-tehlike h3 { margin: 0 0 4px; font-size: 16px; color: #a8301f; }
.oon-defter-tehlike p { margin: 0 0 8px; font-size: 14px; color: #5a4a47; }
.oon-defter-tehlike .oon-defter-sil-form { margin-top: 0; }
.oon-defter-sil-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 12px 0; font-size: 13px; color: #6b6682; }
.oon-defter-sil-satir .oon-defter-sil-form { margin-top: 0; }
@media print { .oon-defter-hizli, .oon-defter-tehlike, .oon-defter-sil-satir { display: none !important; } }

/* 4.249.67 — Günlük / yıllık çıktı (.oon-defter--yazdir): bir gün / bir hafta = bir yatay A4 sayfa.
   Yazdırma hazırlığında (html.oon-yzd-aktif) yazı ve boşluklar sıkılaştırılır; sığmayan bölümü defter-programi.js
   ayrıca ölçüp küçültür. Ekran görünümüne ve diğer çıktılara dokunmaz. */
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-yazdir-ust { margin: 0 0 4pt !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-programadi { margin: 0 0 4pt !important; padding: 2pt 6pt !important; border-left-width: 2px !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-programadi strong { font-size: 10pt !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-programadi span { font-size: 7.5pt !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-baslik { gap: 6pt !important; align-items: flex-end !important; margin: 0 0 4pt !important; }
html.oon-yzd-aktif .oon-defter--yazdir .nm-kicker { margin: 0 !important; font-size: 6.5pt !important; }
html.oon-yzd-aktif .oon-defter--yazdir h1 { margin: 1pt 0 !important; font-size: 13pt !important; line-height: 1.15 !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-aralik { margin: 0 !important; font-size: 8pt !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-kimlik { padding: 2pt 6pt !important; font-size: 8pt !important; border-radius: 6px !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-kimlik small { display: none !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-sayfa-bas { display: flex !important; align-items: baseline; gap: 8pt; margin: 0 0 4pt !important; font-size: 12pt !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-sayfa-bas small { display: inline !important; margin: 0 !important; font-size: 8pt !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-belirli { margin: 0 0 4pt !important; padding: 2pt 6pt !important; font-size: 7.5pt !important; border-radius: 6px !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-belirli strong { display: inline !important; margin: 0 5pt 0 0 !important; font-size: 6.5pt !important; }
html.oon-yzd-aktif .oon-defter--yazdir table { font-size: 8pt !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-gunluk th,
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-gunluk td { padding: 3pt 4pt !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-cizelge th,
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-cizelge td { padding: 2.5pt 3pt !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-hucre { font-size: 7.2pt !important; line-height: 1.22 !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-ders { margin-bottom: 1pt !important; font-size: 7pt !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-cikti { margin: 1pt 0 0 !important; white-space: normal !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-cikti br + br { display: none !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-gun { display: inline !important; font-size: 8.5pt !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-cizelge thead small { display: inline !important; margin-left: 4pt !important; font-size: 7pt !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-saat-bas,
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-saat { width: 24pt !important; font-size: 10pt !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-saat span { font-size: 5.5pt !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-notlar { margin-top: 6pt !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-notlar h3 { margin: 0 0 2pt !important; font-size: 9pt !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-imza { margin-top: 8pt !important; gap: 18pt !important; break-inside: avoid; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-imza div { padding-top: 12pt !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-imza span { font-size: 8.5pt !important; min-height: 10pt !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-imza small { font-size: 7pt !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-kaynak { margin-top: 4pt !important; font-size: 6.5pt !important; line-height: 1.3 !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-sayfa { break-inside: avoid; overflow: hidden; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-sayfa { margin: 0 !important; padding: 0 !important; border: 0 !important; }
/* Ölçüm (ekran) ile gerçek yazdırma aynı satır yüksekliğini kullansın; aksi halde bölüm yüksekliği fazla ölçülür ve gereksiz küçültülürdü. */
html.oon-yzd-aktif .oon-defter--yazdir table,
html.oon-yzd-aktif .oon-defter--yazdir th,
html.oon-yzd-aktif .oon-defter--yazdir td,
html.oon-yzd-aktif .oon-defter--yazdir p,
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-notlar,
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-imza { line-height: 1.25 !important; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-cizelge,
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-gunluk { min-width: 0 !important; width: 100% !important; table-layout: auto; }
html.oon-yzd-aktif .oon-defter--yazdir .oon-defter-tablo-kaydir { overflow: visible !important; }