/* okul — Ada Cam eşlemesi (D116). Yalnız html[data-tema="ada"].canli altında; v2 okul.css ve panel.css değişmez.
   Giriş ekranı (sekme, adımlar, ad kartları, PIN ve resimli şifre), öğrenci paneli (büyük renkli kapılar, bahçe),
   öğretmen/müdür paneli (sekme çubuğu, sayı kartları, çubuklar, sınıf kartları, ısı haritası).
   Renk anlamı: öğrenci kapılarında renk = gidilecek yer; panelde yeşil/sarı/mercan = durum. Yazdırma (giriş kartları) etkilenmesin diye
   tümü @media screen içinde. okul.js değişmez. */
@media screen {

/* =================================================================== 0. Kabuk */
/* D167: üst menüdeki "Giriş" giriş ekranında da her sayfadaki mor düğme (eski "cam hap" beyaz zeminde beyaz ikon bırakıyordu —
   sahip: "rengi ayarsız ve ikon kayıp"); konum bilgisini aria-current taşır. */
/* Panel üst çubuğu: markaLogo.js yalnız sayfa açılışında logoyu yerleştirir; okul.js çubuğu sonradan çizdiği için
   [data-logo] kuralı svg + yazıyı gizleyip boş bırakıyordu → logo yoksa Piksir işareti ve yazı geri gelir */
html[data-tema="ada"].canli[data-logo] .okul-topbar .v2-brand:not(:has(.marka-logo)) > svg { display: block; }
html[data-tema="ada"].canli[data-logo] .okul-topbar .v2-brand:not(:has(.marka-logo)) > span { display: inline; }
html[data-tema="ada"].canli .okul-topbar .v2-brand { min-width: 0; gap: 10px; font-family: var(--ac-font-baslik); font-weight: 900; }
html[data-tema="ada"].canli .okul-topbar .v2-tag--yellow { border: 1px solid rgba(138,75,0,.18); background: linear-gradient(180deg, #FFF4CC, #FFE38A); color: #5C3700; }
html[data-tema="ada"].canli .okul-topbar .v2-who b { font-family: var(--ac-font-baslik); font-weight: 900; color: var(--ac-metin); }
html[data-tema="ada"].canli .okul-topbar .v2-who span { color: var(--ac-metin-2); }
/* Öğrenci: "Ben değilim · Çıkış" sağ üstte küçük, sakin ikincil düğme (çocuğun ilk bastığı şey olmasın) */
html[data-tema="ada"].canli .okul-topbar #lo[data-ben-degilim] {
  min-height: 44px; padding-inline: 14px; gap: 6px; font-size: var(--v2-text-sm); font-weight: 700;
  color: var(--ac-metin-2); background: rgba(255,255,255,.5); border: 1px solid rgba(255,255,255,.85);
  box-shadow: 0 0 0 1px var(--ac-cizgi); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
html[data-tema="ada"].canli .okul-topbar #lo[data-ben-degilim]:hover { color: var(--ac-metin); background: rgba(255,255,255,.85); transform: none; }
html[data-tema="ada"].canli .okul-topbar #lo[data-ben-degilim] .v2-icon { width: 18px; height: 18px; }

/* Bölüm sekmeleri: cam şerit, seçili = lavanta → mavi degrade */
html[data-tema="ada"].canli .v2-sectnav {
  background: rgba(255,255,255,.55); border-bottom: 1px solid rgba(255,255,255,.9);
  box-shadow: 0 1px 0 var(--ac-cizgi), 0 10px 24px -20px rgba(var(--ac-golge-r), .5);
  -webkit-backdrop-filter: blur(18px) saturate(1.6); backdrop-filter: blur(18px) saturate(1.6);
}
html[data-tema="ada"].canli .v2-sectnav__in { gap: 6px; padding-block: 10px; }
html[data-tema="ada"].canli .v2-sectnav a { border-radius: 999px; color: var(--ac-metin); transition: background-color .2s, color .2s; }
html[data-tema="ada"].canli .v2-sectnav a:hover { background: rgba(255,255,255,.8); }
html[data-tema="ada"].canli .v2-sectnav a[aria-current="page"] {
  color: #FFFFFF; background: var(--ac-birincil); border-color: transparent; box-shadow: 0 8px 18px -8px rgba(91,72,255,.7);
}
html[data-tema="ada"].canli .v2-sectnav a[aria-current="page"] .v2-icon { color: #FFFFFF; --v2-icon-fill: rgba(255,255,255,.3); }
html[data-tema="ada"].canli .v2-sectnav a:focus-visible { outline: none; box-shadow: var(--ac-odak); }
html[data-tema="ada"].canli .v2-count { border: 0; background: linear-gradient(140deg, #FF9A6B, #FF5C7A); color: #3A0A12; box-shadow: 0 4px 10px -4px rgba(255,92,122,.7); }
html[data-tema="ada"].canli .v2-sectnav a[aria-current="page"] .v2-count { background: #FFFFFF; color: #B0302E; }
html[data-tema="ada"].canli .v2-count--calm { background: rgba(123,92,255,.14); color: var(--ac-metin); box-shadow: none; }

/* Başlık bandı ve alt not */
html[data-tema="ada"].canli .v2-panel__head h2 { font-family: var(--ac-font-baslik); font-weight: 900; font-size: clamp(1.9rem, 1.4rem + 1.4vw, 2.5rem); letter-spacing: -.02em; }
html[data-tema="ada"].canli .v2-panel__lede { color: var(--ac-metin-2); }
html[data-tema="ada"].canli .v2-panel__foot { border-top: 1px solid rgba(91,72,200,.12); color: var(--ac-metin-2); }
html[data-tema="ada"].canli .okul .v2-card__head h3 { font-family: var(--ac-font-baslik); font-weight: 900; }

/* =================================================================== 1. Giriş ekranı */
/* Menüde logo zaten var: formun üstündeki ikinci Piksir işareti gizlenir, başlık ortalanır */
html[data-tema="ada"].canli body.okul--site .okul-auth__brand { justify-content: center; text-align: center; }
html[data-tema="ada"].canli body.okul--site .okul-auth__brand > svg { display: none; }
html[data-tema="ada"].canli .okul-auth__brand h1 { font-family: var(--ac-font-baslik); font-weight: 900; letter-spacing: -.02em; }
html[data-tema="ada"].canli .okul-auth__brand small { font-size: var(--v2-text-md); color: var(--ac-metin-2); }
/* Sekme çubuğu: üç eşit cam sekme, yazı tek satır ve ortalı */
html[data-tema="ada"].canli .okul-auth .okul-tabs { padding: 5px; gap: 4px; border-radius: 20px; }
html[data-tema="ada"].canli .okul-auth .okul-tabs > button {
  flex: 1 1 0; min-width: 0; min-height: 52px; justify-content: center; text-align: center; white-space: nowrap;
  padding: 6px 12px; border-radius: 15px; font-weight: 800;
}
html[data-tema="ada"].canli .okul-auth .okul-tabs > button:not([aria-selected="true"]):hover { background: rgba(255,255,255,.85); }
html[data-tema="ada"].canli .okul-auth .okul-tabs > button:focus-visible { outline: none; box-shadow: var(--ac-odak); }
@media (max-width: 479.98px) {
  html[data-tema="ada"].canli .okul-auth .okul-tabs > button { white-space: normal; line-height: 1.15; padding: 6px 8px; }
}
html[data-tema="ada"].canli .okul-auth .v2-card { border-radius: 28px; }
html[data-tema="ada"].canli .okul-guest a, html[data-tema="ada"].canli .okul-auth__legal a { color: #4B2FD1; }

/* Adım göstergesi (Kod → Adın → PIN) */
html[data-tema="ada"].canli .okul-steps { gap: 8px; }
html[data-tema="ada"].canli .okul-steps li { color: var(--ac-metin-2); }
html[data-tema="ada"].canli .okul-steps li::before {
  width: 30px; height: 30px; border: 1px solid rgba(91,72,200,.22); border-radius: 50%; background: rgba(255,255,255,.8);
  font-family: var(--ac-font-baslik); font-weight: 900; color: var(--ac-metin-2);
}
html[data-tema="ada"].canli .okul-steps li[aria-current="step"] { color: var(--ac-metin); }
html[data-tema="ada"].canli .okul-steps li[aria-current="step"]::before {
  border-color: transparent; color: #FFFFFF; background: var(--ac-birincil); box-shadow: 0 6px 14px -6px rgba(91,72,255,.75);
}
html[data-tema="ada"].canli .okul-steps li.is-done::before { border-color: transparent; color: #0B6E66; background: rgba(52,217,176,.24); }

/* Sınıf kodu alanı */
html[data-tema="ada"].canli .okul-code-input { font-family: var(--ac-font-baslik); font-weight: 900; border-radius: 20px; }
html[data-tema="ada"].canli .okul-code-input::placeholder { color: var(--ac-metin-3); letter-spacing: .32em; }

/* Ad kartları (öğrenci kendini seçer) */
html[data-tema="ada"].canli .okul-kid {
  border: 1px solid var(--ac-kenar); border-radius: 22px; background: rgba(255,255,255,.82); color: var(--ac-metin);
  font-family: var(--ac-font-baslik); font-weight: 800;
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 10px 22px -14px rgba(var(--ac-golge-r), .5), inset 0 1px 0 #FFFFFF;
  transition: transform .25s var(--ac-ease), background-color .2s, box-shadow .25s var(--ac-ease);
}
html[data-tema="ada"].canli .okul-kid:hover { background: #FFFFFF; transform: translateY(-3px); box-shadow: 0 0 0 1px rgba(123,92,255,.22), var(--ac-golge-ust); }
html[data-tema="ada"].canli .okul-kid:active { transform: translateY(0) scale(.98); box-shadow: 0 0 0 1px var(--ac-cizgi); }
html[data-tema="ada"].canli .okul-kid:focus-visible { outline: none; box-shadow: var(--ac-odak); }
html[data-tema="ada"].canli .okul-whoami b { font-family: var(--ac-font-baslik); font-weight: 900; }
html[data-tema="ada"].canli .okul-classline b { font-family: var(--ac-font-baslik); font-weight: 900; }

/* Rakamlı PIN: sil = lavanta, giriş = nane degrade (koyu ikon) */
html[data-tema="ada"].canli .v2-pinpad { gap: 14px; }
html[data-tema="ada"].canli .v2-pinpad button:focus-visible { outline: none; box-shadow: var(--ac-odak); }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-pinpad button.v2-pinpad__fn { background: rgba(123,92,255,.12); }
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-pinpad button.v2-pinpad__ok {
  color: #06322C; border-color: transparent; background: linear-gradient(140deg, #34D9B0, #14B8C8);
  box-shadow: 0 10px 20px -10px rgba(20,190,170,.8), inset 0 1px 0 rgba(255,255,255,.45);
}
html[data-tema="ada"].canli body.v2-page:not(.v2-game-page) .v2-pinpad button.v2-pinpad__ok:disabled { opacity: .5; }

/* Resimli şifre (1–2. sınıf; picturePin.js stilini çalışırken ekler — bu kurallar daha özgül) */
html[data-tema="ada"].canli .sb-ppin__slot { border: 2px dashed rgba(123,92,255,.35); border-radius: 18px; background: rgba(255,255,255,.55); }
html[data-tema="ada"].canli .sb-ppin__slot.is-on {
  border: 1px solid var(--ac-kenar); background: #FFFFFF; box-shadow: 0 0 0 2px rgba(123,92,255,.4), 0 8px 18px -10px rgba(91,72,255,.6);
}
html[data-tema="ada"].canli .sb-ppin.is-error .sb-ppin__slot { border-color: #B42E13; background: rgba(255,228,220,.8); }
html[data-tema="ada"].canli .sb-ppin__grid { gap: 12px; }
html[data-tema="ada"].canli .sb-ppin__btn {
  min-height: 96px; border: 1px solid var(--ac-kenar); border-radius: 22px; background: rgba(255,255,255,.86); color: var(--ac-metin);
  font-family: var(--ac-font-baslik); font-weight: 800;
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 10px 20px -12px rgba(var(--ac-golge-r), .5), inset 0 1px 0 #FFFFFF;
  transition: transform .2s var(--ac-ease), background-color .2s, box-shadow .2s;
}
html[data-tema="ada"].canli .sb-ppin__btn:hover { background: #FFFFFF; transform: translateY(-2px); }
html[data-tema="ada"].canli .sb-ppin__btn:active { transform: scale(.96); background: #FFF4CC; box-shadow: 0 0 0 1px var(--ac-cizgi); }
html[data-tema="ada"].canli .sb-ppin__btn:focus-visible { outline: none; box-shadow: var(--ac-odak); }
html[data-tema="ada"].canli .sb-ppin__btn .sb-ppin__pic { background: transparent; }
html[data-tema="ada"].canli .sb-ppin__dg { color: var(--ac-metin-3); }
html[data-tema="ada"].canli .sb-ppin__fn { background: rgba(123,92,255,.12); }
html[data-tema="ada"].canli .sb-ppin__ok {
  color: #06322C; border-color: transparent; background: linear-gradient(140deg, #34D9B0, #14B8C8);
  box-shadow: 0 10px 20px -10px rgba(20,190,170,.8), inset 0 1px 0 rgba(255,255,255,.45);
}
html[data-tema="ada"].canli .sb-ppin__btn[disabled] { opacity: .5; transform: none; }

/* Avatar seçimi */
html[data-tema="ada"].canli .okul-avpick button { border: 1px solid var(--ac-kenar); border-radius: 16px; background: rgba(255,255,255,.8); box-shadow: 0 0 0 1px var(--ac-cizgi); }
html[data-tema="ada"].canli .okul-avpick button[aria-pressed="true"] {
  border-color: transparent; background: linear-gradient(160deg, #FFF4CC, #FFE38A); box-shadow: 0 0 0 3px #7B5CFF, 0 8px 18px -10px rgba(91,72,255,.7);
}

/* =================================================================== 2. Öğrenci paneli: büyük renkli kapılar */
html[data-tema="ada"].canli .okul-hello h2 { font-family: var(--ac-font-baslik); font-weight: 900; letter-spacing: -.02em; font-size: clamp(2rem, 1.5rem + 1.6vw, 2.75rem); }
html[data-tema="ada"].canli .okul-hello svg.okul-hello__spark { width: 84px; height: 84px; filter: drop-shadow(0 12px 18px rgba(var(--ac-golge-r), .28)); }
html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello) > section > h2 { font-family: var(--ac-font-baslik); font-weight: 900; }

/* Kapı ızgarası: iki düğme satırı (okul.js) tek ızgarada birleşir; diğer bölümler tam satır */
html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello) {
  grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 18px; row-gap: 18px;
}
/* "Projem" görünürse (5–8. sınıf, okulda açık) beş kapı tek satırda; boş sütun / yetim kapı kalmaz */
html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello):has([data-proje-bag]:not([hidden])) { grid-template-columns: repeat(5, minmax(0, 1fr)); }
@media (max-width: 899.98px) {
  html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello),
  html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello):has([data-proje-bag]:not([hidden])) { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 12px; row-gap: 12px; }
  /* beş kapıda birincil kapı tam satır: 1 + 2 + 2 */
  html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello):has([data-proje-bag]:not([hidden])) > .v2-row > .v2-btn--primary { grid-column: 1 / -1; flex-direction: row; min-height: 104px; }
}
html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello) > * { grid-column: 1 / -1; }
html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello) > .v2-row { display: contents; }
html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello) > section:not(.okul-hello) { margin-top: 18px; }
html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello) > .v2-row > [hidden] { display: none; }
html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello) > .v2-row > .v2-btn {
  --ra: #9B7BFF; --rb: #5B6CFF; --rr: 123, 92, 255;
  grid-column: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
  min-height: 168px; padding: 22px 16px; border-radius: 28px; white-space: normal; text-align: center;
  font-family: var(--ac-font-baslik); font-weight: 900; font-size: 1.3rem; line-height: 1.15; color: var(--ac-metin);
  background: var(--ac-cam); border: 1px solid var(--ac-kenar);
  box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge), inset 0 1px 0 #FFFFFF;
}
/* renk yıkaması kartın zemininde (v2-btn ::before/::after efekt için ayrılmış; zemin degradesiyle verilir) */
html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello) > .v2-row > .v2-btn:not(.v2-btn--primary) {
  background: radial-gradient(120% 90% at 50% 0%, rgba(var(--rr), .2), transparent 62%), var(--ac-cam);
}
html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello) > .v2-row > .v2-btn .v2-icon {
  width: 72px; height: 72px; padding: 17px; border-radius: 22px; color: #FFFFFF; --v2-icon-fill: rgba(255,255,255,.3);
  background: linear-gradient(140deg, var(--ra), var(--rb));
  box-shadow: 0 12px 22px -10px rgba(var(--rr), .85), inset 0 1px 0 rgba(255,255,255,.45), inset 0 -2px 0 rgba(0,0,0,.08);
}
html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello) > .v2-row > .v2-btn:hover {
  transform: translateY(-5px); box-shadow: 0 0 0 1px rgba(var(--rr), .3), var(--ac-golge-ust), 0 22px 44px -24px rgba(var(--rr), .75);
}
html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello) > .v2-row > .v2-btn:active { transform: translateY(-1px) scale(.98); }
html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello) > .v2-row > .v2-btn:focus-visible { outline: none; box-shadow: var(--ac-odak), var(--ac-golge-ust); }
/* Kapı renkleri = gidilecek yer */
html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello) > .v2-row > #avSec { --ra: #FF7EB6; --rb: #C25CFF; --rr: 236, 90, 200; }
html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello) > .v2-row > a[href*="hafiza-bahcesi"] { --ra: #8BE36B; --rb: #22B07D; --rr: 50, 190, 120; }
html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello) > .v2-row > a[href*="izle"] { --ra: #38BDF8; --rb: #3B6CFF; --rr: 56, 140, 255; }
html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello) > .v2-row > [data-proje-bag] { --ra: #FFB347; --rb: #FF7A3D; --rr: 255, 130, 60; }
/* Tek birincil: "Tüm oyunlar" sarı degrade kapı (koyu yazı) */
html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello) > .v2-row > .v2-btn--primary {
  --rr: 255, 154, 31; color: #1B1846; border-color: rgba(255,255,255,.7);
  background: linear-gradient(165deg, #FFE48A 0%, #FFC629 48%, #FF9A1F 100%);
  box-shadow: 0 0 0 1px rgba(255,154,31,.35), 0 18px 36px -16px rgba(255,140,20,.85), inset 0 1px 0 rgba(255,255,255,.7), inset 0 -3px 0 rgba(0,0,0,.08);
}
html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello) > .v2-row > .v2-btn--primary .v2-icon {
  color: #1B1846; --v2-icon-fill: rgba(255,255,255,.65); background: rgba(255,255,255,.55);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.8), 0 8px 16px -10px rgba(138,75,0,.5);
}
/* 1–2. sınıf: kapılar daha da iri */
html[data-tema="ada"].canli main[data-density="minik"] > .v2-stack--lg:has(> .okul-hello) > .v2-row > .v2-btn { min-height: 188px; font-size: 1.4rem; }
html[data-tema="ada"].canli main[data-density="minik"] > .v2-stack--lg:has(> .okul-hello) > .v2-row > .v2-btn .v2-icon { width: 84px; height: 84px; padding: 20px; border-radius: 26px; }

/* Testim kartı ve boş durum */
html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello) > section.v2-card h2 { display: flex; align-items: center; gap: 10px; font-family: var(--ac-font-baslik); font-weight: 900; }
/* Ekrandaki tek sarı "Tüm oyunlar": test düğmesi lavanta degrade (beyaz yazı, ≥ 4.5:1) */
html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello) > section.v2-card .v2-btn--primary {
  margin-top: 6px; color: #FFFFFF; background: var(--ac-birincil); box-shadow: 0 12px 24px -10px rgba(91,72,255,.7), inset 0 1px 0 rgba(255,255,255,.35);
}
html[data-tema="ada"].canli .okul .v2-empty {
  border: 1.5px dashed rgba(123,92,255,.3); border-radius: 22px; background: rgba(255,255,255,.55); color: var(--ac-metin-2);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
html[data-tema="ada"].canli .okul .v2-empty b { color: var(--ac-metin); }

/* Ödev kartları ve sayı kartları (5–8. sınıf) */
html[data-tema="ada"].canli .okul-assign { gap: 22px 20px; }
html[data-tema="ada"].canli .okul-assign .v2-game__flag .v2-tag { border-radius: 999px; }

/* Bahçem: canlı bitki kartları; seviye büyüdükçe yeşil yıkama koyulaşır */
html[data-tema="ada"].canli .okul-garden { gap: 14px; }
html[data-tema="ada"].canli .okul-garden__item {
  --gy: .08; min-height: 84px; gap: 14px; padding: 14px 16px; border: 1px solid var(--ac-kenar); border-radius: 22px; color: var(--ac-metin);
  background: radial-gradient(120% 100% at 0% 0%, rgba(52,217,176, var(--gy)), transparent 70%), var(--ac-cam);
  box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge), inset 0 1px 0 #FFFFFF;
}
html[data-tema="ada"].canli .okul-garden__item--1 { --gy: .14; }
html[data-tema="ada"].canli .okul-garden__item--2 { --gy: .22; }
html[data-tema="ada"].canli .okul-garden__item--3 { --gy: .32; }
html[data-tema="ada"].canli .okul-garden__item--4 { --gy: .45; box-shadow: 0 0 0 1px rgba(20,190,170,.35), var(--ac-golge), inset 0 1px 0 #FFFFFF; }
html[data-tema="ada"].canli .okul-garden__item .okul-plant {
  width: 50px; height: 50px; padding: 8px; border-radius: 16px; color: #0B6E66;
  background: linear-gradient(160deg, rgba(139,227,107,.45), rgba(52,217,176,.3)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.8);
}
html[data-tema="ada"].canli .okul-garden__item .okul-plant--0 { color: var(--ac-metin-3); background: rgba(123,92,255,.08); }
html[data-tema="ada"].canli .okul-garden__item b { font-family: var(--ac-font-baslik); font-weight: 900; font-size: 1.08rem; }
html[data-tema="ada"].canli .okul-garden__item small { color: #19704A; font-weight: 800; }
html[data-tema="ada"].canli .okul-garden__item--0 small { color: var(--ac-metin-2); }
html[data-tema="ada"].canli [data-density="minik"] .okul-garden__item .okul-plant { width: 60px; height: 60px; padding: 9px; border-radius: 18px; }

/* =================================================================== 3. Öğretmen / müdür paneli */
/* Sayı kartları: alt kartlarla aynı cam dil; sayı Nunito, ton yalnız yumuşak yıkama */
html[data-tema="ada"].canli .okul .v2-stats { gap: 16px; }
html[data-tema="ada"].canli .okul .v2-stat {
  gap: 4px; padding: 18px 20px; border: 1px solid var(--ac-kenar); border-radius: var(--ac-r); background: var(--ac-cam);
  box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge), inset 0 1px 0 #FFFFFF;
  -webkit-backdrop-filter: var(--ac-blur); backdrop-filter: var(--ac-blur);
}
html[data-tema="ada"].canli .okul .v2-stat--tone { background: linear-gradient(160deg, var(--_t, #FFF1C7) 0%, rgba(255,255,255,.7) 75%); }
html[data-tema="ada"].canli .okul .v2-stat b { font-family: var(--ac-font-baslik); font-weight: 900; font-size: 2.1rem; letter-spacing: -.02em; color: var(--ac-metin); }
html[data-tema="ada"].canli .okul .v2-stat span { color: var(--ac-metin-2); font-weight: 700; }

/* Çubuklar (sınıf başarısı, gelişim alanları): ince yumuşak ilerleme çubuğu */
html[data-tema="ada"].canli .okul .v2-meter { gap: 8px; }
html[data-tema="ada"].canli .okul .v2-meter__track {
  height: 10px; border: 0; background: rgba(123,92,255,.12); box-shadow: inset 0 1px 2px rgba(var(--ac-golge-r), .14);
}
html[data-tema="ada"].canli .okul .v2-meter__fill { border-radius: 999px; background: linear-gradient(90deg, #34D9B0, #22B07D); }
html[data-tema="ada"].canli .okul .v2-meter--mid .v2-meter__fill { background: linear-gradient(90deg, #FFD24A, #FF9A1F); }
html[data-tema="ada"].canli .okul .v2-meter--low .v2-meter__fill { background: linear-gradient(90deg, #FF9A6B, #FF5C7A); }
html[data-tema="ada"].canli .okul .v2-meter__top span:last-child { font-family: var(--ac-font-baslik); font-weight: 900; }

/* Müdür hızlı bağlantı kartları: ikon = lavanta çıkartma, üzerine gelince yükselir */
html[data-tema="ada"].canli .okul a.v2-linkrow.v2-card { border-bottom-color: var(--ac-kenar); transition: transform .3s var(--ac-ease), box-shadow .3s var(--ac-ease); }
html[data-tema="ada"].canli .okul a.v2-linkrow.v2-card:hover { background: rgba(255,255,255,.92); transform: translateY(-4px); box-shadow: 0 0 0 1px rgba(123,92,255,.22), var(--ac-golge-ust); }
html[data-tema="ada"].canli .okul a.v2-linkrow.v2-card:focus-visible { outline: none; box-shadow: var(--ac-odak), var(--ac-golge-ust); }
html[data-tema="ada"].canli .okul .v2-linkrow b { font-family: var(--ac-font-baslik); font-weight: 900; }
html[data-tema="ada"].canli .okul .v2-linkrow__ic {
  color: #FFFFFF; background: linear-gradient(140deg, #9B7BFF, #5B6CFF);
  box-shadow: 0 8px 16px -8px rgba(123,92,255,.75), inset 0 1px 0 rgba(255,255,255,.45);
}
html[data-tema="ada"].canli .okul .v2-linkrow__ic .v2-icon { color: #FFFFFF; --v2-icon-fill: rgba(255,255,255,.3); }

/* Personelin kısayol düğmeleri (Video dersler, Proje Atölyesi): ikincil cam hap, ekranı kaplamaz */
html[data-tema="ada"].canli .okul .v2-panel__main:not(:has(.okul-hello)) .okul-atolye .v2-btn--lg { min-height: 48px; padding-inline: 18px; font-size: var(--v2-text-md); border-radius: 999px; }

/* Tablolar ve durum etiketleri */
html[data-tema="ada"].canli .okul .v2-table th { border-bottom: 1px solid rgba(91,72,200,.2); color: var(--ac-metin-2); }
html[data-tema="ada"].canli .okul .v2-table td { border-bottom: 1px solid rgba(91,72,200,.1); }
html[data-tema="ada"].canli .okul .v2-status { border: 1px solid rgba(91,72,200,.16); }
html[data-tema="ada"].canli .okul .v2-status--ok { border-color: rgba(12,110,62,.22); }
html[data-tema="ada"].canli .okul .v2-status--late, html[data-tema="ada"].canli .okul .v2-status--open { border-color: rgba(180,46,19,.22); }
html[data-tema="ada"].canli .okul .v2-rowbtn:hover { background: rgba(123,92,255,.08); }

/* Sınıf kartları: sol bant ince renkli şerit, kart cam */
html[data-tema="ada"].canli .okul-class {
  padding-left: 30px; border: 1px solid var(--ac-kenar); border-radius: var(--ac-r); background: var(--ac-cam);
  box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge), inset 0 1px 0 #FFFFFF;
  -webkit-backdrop-filter: var(--ac-blur); backdrop-filter: var(--ac-blur);
}
html[data-tema="ada"].canli .okul-class::before { width: 8px; inset: 14px auto 14px 12px; border-right: 0; border-radius: 999px; }
html[data-tema="ada"].canli .okul-class__name { font-family: var(--ac-font-baslik); font-weight: 900; }
html[data-tema="ada"].canli .okul-gradefix { border: 1px solid rgba(180,46,19,.25); border-radius: 18px; background: linear-gradient(165deg, rgba(255,228,220,.95), rgba(255,255,255,.7)); }
html[data-tema="ada"].canli .okul-gradefix.is-soft { border-color: rgba(138,75,0,.22); background: linear-gradient(165deg, rgba(255,241,199,.95), rgba(255,255,255,.7)); }
/* Sınıf kodu tuş kapakları */
html[data-tema="ada"].canli .okul-code > span {
  border: 1px solid var(--ac-kenar); border-radius: 10px; background: rgba(255,255,255,.9); font-family: var(--ac-font-baslik); font-weight: 900;
  box-shadow: 0 0 0 1px rgba(91,72,200,.2), 0 4px 10px -6px rgba(var(--ac-golge-r), .5);
}

/* Güvenlik kuyruğu, öneriler, aile görevleri, başlangıç rehberi: cam kutular, durum rengi yalnız sol şeritte */
html[data-tema="ada"].canli :is(.okul-alert, .okul-ftask, .okul-hint) {
  border: 1px solid var(--ac-kenar); border-radius: 20px; background: var(--ac-cam);
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 8px 20px -14px rgba(var(--ac-golge-r), .45);
}
html[data-tema="ada"].canli .okul-alert { border-left: 6px solid rgba(91,72,200,.2); }
html[data-tema="ada"].canli .okul-alert.is-acik { border-left-color: #FF5C7A; }
html[data-tema="ada"].canli .okul-alert.is-inceleniyor { border-left-color: #FFB020; }
html[data-tema="ada"].canli .okul-alert.is-kapandi { background: rgba(255,255,255,.5); }
html[data-tema="ada"].canli .okul-hint { border-left: 5px solid rgba(91,72,200,.2); }
html[data-tema="ada"].canli :is(.okul-hint--takilmis, .okul-hint--ortak_takilma) { border-left-color: #FF5C7A; }
html[data-tema="ada"].canli .okul-hint--oynanmamis { border-left-color: #FFB020; }
html[data-tema="ada"].canli .okul-hint--hazir { border-left-color: #22B07D; }
html[data-tema="ada"].canli .okul-ftask.is-done { background: linear-gradient(165deg, rgba(221,245,231,.95), rgba(255,255,255,.7)); }
html[data-tema="ada"].canli :is(.okul-alert__quote, .okul-alert__device) { border-left: 4px solid rgba(123,92,255,.4); background: rgba(123,92,255,.07); }
html[data-tema="ada"].canli .okul-sev { border: 1px solid rgba(91,72,200,.25); border-radius: 999px; }
html[data-tema="ada"].canli .okul-now { border: 1px solid rgba(180,46,19,.3); border-radius: 18px; background: linear-gradient(165deg, rgba(255,228,220,.95), rgba(255,255,255,.75)); }
html[data-tema="ada"].canli .okul-start { border-color: var(--ac-kenar); }
html[data-tema="ada"].canli .okul-start__head h3 { font-family: var(--ac-font-baslik); font-weight: 900; }
html[data-tema="ada"].canli .okul-start__count { border: 1px solid rgba(138,75,0,.18); background: linear-gradient(180deg, #FFF4CC, #FFE38A); }
html[data-tema="ada"].canli .okul-step { border: 1px solid rgba(91,72,200,.14); border-radius: 18px; background: rgba(255,255,255,.55); }
html[data-tema="ada"].canli .okul-step.is-next { border-color: rgba(255,154,31,.4); background: linear-gradient(165deg, rgba(255,241,199,.95), rgba(255,255,255,.7)); }
html[data-tema="ada"].canli .okul-step__no { border: 1px solid rgba(91,72,200,.22); background: rgba(255,255,255,.85); font-family: var(--ac-font-baslik); font-weight: 900; }
html[data-tema="ada"].canli .okul-step.is-next .okul-step__no { border-color: transparent; background: linear-gradient(140deg, #9B7BFF, #4F6BFF); box-shadow: 0 6px 14px -6px rgba(91,72,255,.8); }
html[data-tema="ada"].canli .okul-step.is-done .okul-step__no { border-color: transparent; background: rgba(52,217,176,.24); color: #0B6E66; }
html[data-tema="ada"].canli .okul-step.is-info .okul-step__no { border-color: transparent; background: rgba(56,140,255,.16); color: #1D4FC4; }
html[data-tema="ada"].canli :is(.okul-telafi__acts > li.v2-row, .okul-hint__why) { background: rgba(123,92,255,.07); border-radius: 14px; }
html[data-tema="ada"].canli :is(.okul-telafi__item, .okul-assist__kid, .okul-kidgarden, .okul-week, .okul-fform, .okul-start__foot, .okul-dev) { border-top: 1px solid rgba(91,72,200,.12); }

/* Kazanım ısı haritası: hücreler ince çizgili, desen + harf korunur (WCAG 1.4.1); boş hücre nötr */
html[data-tema="ada"].canli .okul-cell { border: 1px solid rgba(91,72,200,.22); border-radius: 12px; }
html[data-tema="ada"].canli .okul-cell--0 { border: 1.5px dashed rgba(91,72,200,.3); background-color: rgba(255,255,255,.6); color: var(--ac-metin-2); }
html[data-tema="ada"].canli button.okul-cell:hover { outline: 2px solid #7B5CFF; }
html[data-tema="ada"].canli .okul-heat-wrap { border: 1px solid var(--ac-kenar); border-radius: 18px; background: rgba(255,255,255,.8); box-shadow: 0 0 0 1px var(--ac-cizgi); }
html[data-tema="ada"].canli :is(.okul-heat thead th, .okul-heat__kz) { background: rgba(250,249,255,.97); }
html[data-tema="ada"].canli .okul-dist { border: 1px solid rgba(91,72,200,.22); border-radius: 999px; }
html[data-tema="ada"].canli .okul-qrbox svg { border: 1px solid rgba(91,72,200,.2); border-radius: 14px; background: #FFFFFF; }

/* Pencereler (dialog) */
html[data-tema="ada"].canli .okul .v2-dialog {
  border: 1px solid var(--ac-kenar); border-radius: 28px; background: rgba(255,255,255,.96);
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 40px 80px -30px rgba(var(--ac-golge-r), .55);
}

/* =================================================================== 4. Dar ekran */
@media (max-width: 559.98px) {
  html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello) > .v2-row > .v2-btn { min-height: 140px; padding: 16px 10px; font-size: 1.1rem; border-radius: 24px; }
  html[data-tema="ada"].canli main[data-density="minik"] > .v2-stack--lg:has(> .okul-hello) > .v2-row > .v2-btn { min-height: 150px; font-size: 1.15rem; }
  html[data-tema="ada"].canli .v2-stack--lg:has(> .okul-hello) > .v2-row > .v2-btn .v2-icon,
  html[data-tema="ada"].canli main[data-density="minik"] > .v2-stack--lg:has(> .okul-hello) > .v2-row > .v2-btn .v2-icon { width: 64px; height: 64px; padding: 15px; border-radius: 20px; }
}

/* =================================================================== 5. Hareket azaltma ve zayıf cihaz */
@media (prefers-reduced-motion: reduce) {
  html[data-tema="ada"].canli :is(.okul-kid, .sb-ppin__btn, .okul a.v2-linkrow.v2-card, .v2-stack--lg:has(> .okul-hello) > .v2-row > .v2-btn) { transition: none; }
  html[data-tema="ada"].canli :is(.okul-kid, .sb-ppin__btn, .okul a.v2-linkrow.v2-card, .v2-stack--lg:has(> .okul-hello) > .v2-row > .v2-btn):hover { transform: none; }
}
html:is(.efekt-az, .a11y-calm)[data-tema="ada"].canli :is(.okul .v2-stat, .okul-class, .v2-sectnav, .okul-garden__item, .v2-stack--lg:has(> .okul-hello) > .v2-row > .v2-btn) {
  -webkit-backdrop-filter: none; backdrop-filter: none; transform: none; transition: none;
}
}