/* LTLearner · Veli "Okul penceresi" — site/app/okul-veli.css
   okul.css sınıflarının (ok-*) üstüne yalnız bu ekrana özgü eklemeler: Katman 3 şeridi, düzey çipi, geçmiş açılımı, boş durum.
   Dokunma hedefi ≥ 44 px; hareket azaltma tercihine uyulur; metin seçimi kapalı kuralı app.css'ten gelir. */
.ov .ov-asla { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 12px; padding: 12px 16px; }
.ov .ov-asla svg { width: 22px; height: 22px; color: var(--isik); flex: none; }
.ov .ov-asla p { color: var(--metin-yumusak); font-size: 0.94rem; overflow-wrap: anywhere; }
.ov .ov-asla b { color: var(--metin); font-weight: 600; }
.ov .ov-asla.kucuk { margin-top: 14px; padding: 10px 14px; }
.ov .ov-asla.kucuk p { font-size: 0.86rem; }
.ov-ayar .ov-asla { display: grid; }

.ov .ov-duzey { display: inline-flex; align-items: center; min-height: 32px; padding: 0 14px; border-radius: var(--r-hap); border: 1px solid rgba(91, 242, 230, 0.4); color: var(--isik); background: rgba(91, 242, 230, 0.06); font: 600 0.82rem/1 var(--sans); white-space: nowrap; }
.ov .ov-duzey.d2 { border-color: rgba(244, 217, 166, 0.6); color: var(--kum); background: rgba(244, 217, 166, 0.08); }

.ov .ov-tum { min-height: 44px; margin-top: 2px; }
.ov .ov-gecmis-geri[hidden] { display: none; }
.ov .ov-riza-liste { margin: 10px 0 0; }
.ov .ov-bos p { max-width: 36ch; }
.ov .ov-katil { padding-top: 14px; border-top: 1px solid var(--kenar); }

/* yaprak içindeki rıza listesi (yaprak .ov dışında kalır) */
.yaprak .ov-riza-liste { display: grid; gap: 6px; margin: 12px 0 0; padding: 0; list-style: none; }
.yaprak .ov-riza-liste li { padding-left: 18px; position: relative; color: var(--metin-yumusak); font-size: 0.92rem; }
.yaprak .ov-riza-liste li::before { content: ""; position: absolute; left: 0; top: 0.55em; width: 8px; height: 8px; border-radius: 2px; background: var(--isik-koyu); }

@media (max-width: 420px) {
  .ov .ok-bas { align-items: flex-start; }
  .ov .ov-duzey { white-space: normal; text-align: left; line-height: 1.25; padding-top: 6px; padding-bottom: 6px; }
}
@media (prefers-reduced-motion: reduce) { .ov *, .ov *::before, .ov *::after { transition: none !important; animation: none !important; } }