/* Öğrenci uygulama kabuğu (D198) — shared/services/ogrenciKabuk.js. Yalnız öğrenci oturumunda (body.ogk-on) etkin; ziyaretçi/personel
   görünümü değişmez. Masaüstü: üstte ince çubuk + solda sabit kenar çubuğu. Dar ekran (< 720px): altta ≤ 5 öğeli çubuk.
   Dokunma hedefi ≥ 48px, odak halkası kalın, hareket azaltma desteği, yatay kaydırma yok. */
@media print { .ogk-top, .ogk-nav { display: none !important; } }
@media screen {
/* Kabuk kurulana kadar pazarlama çubukları titremesin diye gizli (ziyaretçi ise betik geri açar) */
html.ogk-bekle .v2-topbar, html.ogk-bekle .v2-sitefoot, html.ogk-bekle .v2-bottomnav { visibility: hidden; }

body.ogk-on > .v2-topbar, body.ogk-on > .v2-sitefoot, body.ogk-on > .v2-bottomnav, body.ogk-on .gs-back { display: none !important; }
body.ogk-on { --ogk-top: 64px; --ogk-yan: 236px; padding-top: var(--ogk-top); padding-left: var(--ogk-yan); }
body.ogk-on .gs-bar { top: var(--ogk-top); }

.ogk-top { position: fixed; inset: 0 0 auto 0; z-index: 1000; height: var(--ogk-top, 64px); display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 0 112px 0 var(--v2-gutter, 16px); background: var(--v2-paper, #fff); color: var(--v2-ink, #1f1d3d); border-bottom: 1px solid var(--v2-line, #d9d4f0); }
.ogk-marka { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; text-decoration: none; color: inherit; font-family: var(--v2-font-display, inherit); font-weight: 800; font-size: 1.35rem; border-radius: 12px; }
.ogk-marka svg { width: 40px; height: 40px; flex: none; }
.ogk-kim { display: flex; align-items: center; gap: 10px; margin-left: auto; min-width: 0; }
.ogk-av .okul-av { width: 40px; height: 40px; display: block; }
.ogk-kim__t { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; }
.ogk-kim__t b { font-size: var(--v2-text-sm, .9rem); max-width: 16ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ogk-kim__t span { font-size: var(--v2-text-xs, .8rem); color: var(--v2-ink-2, #4a4670); max-width: 22ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ogk-cikis { min-height: 48px; padding-inline: 14px; gap: 6px; font-weight: 700; flex: none; }

body.ogk-on .ogk-nav { position: fixed; z-index: 1000; left: 0; top: var(--ogk-top, 64px); bottom: 0; width: var(--ogk-yan, 236px); overflow-y: auto; padding: 14px 12px;
  background: var(--v2-paper, #fff); -webkit-backdrop-filter: none; backdrop-filter: none; border-right: 1px solid var(--v2-line, #d9d4f0); }
.ogk-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
body.ogk-on .ogk-link { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 52px; padding: 6px 14px; border: 0; border-radius: 14px; background: transparent; color: var(--v2-ink, #1f1d3d);
  font: inherit; font-weight: 700; font-size: var(--v2-text-md, 1rem); text-align: left; text-decoration: none; cursor: pointer; transition: background .15s; }
body.ogk-on .ogk-link .v2-icon { width: 26px; height: 26px; flex: none; }
body.ogk-on .ogk-link:hover { background: var(--v2-sunken, #efeafc); }
body.ogk-on .ogk-link[aria-current] { background: var(--v2-ink, #1f1d3d); color: var(--v2-on-ink, #fff); }
body.ogk-on .ogk-link:focus-visible, .ogk-marka:focus-visible, .ogk-cikis:focus-visible { outline: 3px solid var(--v2-focus, #5b3fd6); outline-offset: 2px; }
.ogk-daha { display: none; }
body.ogk-on[data-ogk-yogunluk="minik"] .ogk-link { min-height: 62px; font-size: var(--v2-text-lg, 1.15rem); }
body.ogk-on[data-ogk-yogunluk="minik"] .ogk-link .v2-icon { width: 32px; height: 32px; }
body.ogk-on[data-ogk-yogunluk="genc"] .ogk-link { min-height: 48px; }

/* iletişim kutuları (avatar, daha fazla) */
.ogk-dlg { max-width: min(92vw, 34rem); border: 2px solid var(--v2-ink, #1f1d3d); border-radius: 20px; padding: var(--v2-space-5, 20px); background: var(--v2-surface, #fff); color: var(--v2-ink, #1f1d3d); }
.ogk-dlg::backdrop { background: rgba(31, 29, 61, .6); }
.ogk-avgrid { display: flex; flex-wrap: wrap; gap: var(--v2-space-3, 12px); margin: var(--v2-space-4, 16px) 0; }
.ogk-avgrid .v2-btn { min-width: 64px; min-height: 64px; }
.ogk-sheet { width: min(92vw, 26rem); }
.ogk-sheet__l { list-style: none; margin: var(--v2-space-3, 12px) 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }

/* Atölye araç sayfaları (at-tek: 100dvh sütun): kabuk yalnız ince, akışta duran üst çubuk; araç alanı daralmaz */
body.ogk-on.ogk-ince { --ogk-top: 52px; padding: 0; }
body.ogk-on.ogk-ince .ogk-top { position: static; flex: none; z-index: 1000; }
body.ogk-on.ogk-ince .ogk-nav { display: none; }
body.ogk-on.ogk-ince .at-geri { display: none; }   /* sayfanın kendi "← Atölye" düğmesi: kabuktaki "Atölye'ye dön" yeter */
.ogk-geri { min-height: 44px; gap: 6px; font-weight: 700; flex: none; }

@media (max-width: 719.98px) {
  body.ogk-on.ogk-ince { padding: 0; }
  .ogk-geri span { white-space: nowrap; }
  body.ogk-on { --ogk-top: 56px; padding-left: 0; padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
  .ogk-marka { font-size: 1.2rem; }
  .ogk-marka svg { width: 34px; height: 34px; }
  .ogk-kim__t { display: none; }
  .ogk-cikis span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .ogk-cikis { min-width: 48px; padding-inline: 12px; }
  body.ogk-on .ogk-nav { inset: auto 0 0 0; top: auto; width: auto; overflow: visible; padding: 6px 6px calc(6px + env(safe-area-inset-bottom, 0px)); border-right: 0; border-top: 1px solid var(--v2-line, #d9d4f0); }
  .ogk-liste { flex-direction: row; gap: 2px; }
  .ogk-oge { flex: 1 1 0; min-width: 0; }
  .ogk-oge.ogk-ekstra { display: none; }
  .ogk-daha { display: block; }
  body.ogk-on .ogk-link { flex-direction: column; justify-content: center; gap: 2px; min-height: 60px; padding: 4px 2px; font-size: .78rem; line-height: 1.15; text-align: center; border-radius: 14px; }
  body.ogk-on[data-ogk-yogunluk] .ogk-link { font-size: .78rem; min-height: 62px; }
  body.ogk-on[data-ogk-yogunluk] .ogk-link .v2-icon { width: 28px; height: 28px; }
  body.ogk-on .ogk-link span { overflow-wrap: anywhere; }
  body.ogk-on .ogk-link .v2-icon { width: 26px; height: 26px; }
  body.ogk-on[data-ogk-yogunluk] .ogk-dlg .ogk-link, body.ogk-on .ogk-dlg .ogk-link { flex-direction: row; justify-content: flex-start; font-size: var(--v2-text-md, 1rem); text-align: left; padding: 6px 14px; min-height: 54px; }
  body.ogk-on .ogk-dlg .ogk-link .v2-icon { width: 26px; height: 26px; }
  body.ogk-on .v2-toast { bottom: 96px; }
}
@media (prefers-reduced-motion: reduce) { .ogk-link { transition: none; } }
}
/* /izle/ kitaplığında öğrenci sınıf süzgecini görmez (yalnız kendi bandı vardır) */
@media screen { body.ogk-on .iz-alan:has(#izSinif) { display: none; } }

/* Ada Cam (D202): üst çubuk + kenar çubuğu cam dilinde. Eski düz beyaz/mürekkep görünümü ?tema=yok ve ?kabuk=eski için yukarıda durur. */
@media screen {
html[data-tema="ada"].canli body.ogk-on { --ogk-yan: 252px; }
html[data-tema="ada"].canli .ogk-top {
  background: rgba(255,255,255,.72); border-bottom: 1px solid rgba(255,255,255,.95);
  box-shadow: 0 1px 0 var(--ac-cizgi), 0 10px 28px -18px rgba(var(--ac-golge-r), .35);
  -webkit-backdrop-filter: var(--ac-blur); backdrop-filter: var(--ac-blur);
}
html[data-tema="ada"].canli .ogk-marka { font-family: var(--ac-font-baslik); font-weight: 900; letter-spacing: -.02em; color: var(--ac-metin); }
html[data-tema="ada"].canli .ogk-kim { padding: 4px 14px 4px 4px; border-radius: var(--ac-r-pill); background: rgba(255,255,255,.78); box-shadow: 0 0 0 1px var(--ac-cizgi); }
html[data-tema="ada"].canli .ogk-kim__t b { color: var(--ac-metin); }
html[data-tema="ada"].canli .ogk-kim__t span { color: var(--ac-metin-2); }
html[data-tema="ada"].canli .ogk-av .okul-av { border-radius: 14px; }
html[data-tema="ada"].canli .ogk-cikis {
  border: 1px solid rgba(255,255,255,.95); border-radius: var(--ac-r-pill); background: rgba(255,255,255,.78); color: var(--ac-metin);
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 4px 12px -8px rgba(var(--ac-golge-r), .35);
}
html[data-tema="ada"].canli .ogk-cikis:hover { background: #fff; }

html[data-tema="ada"].canli body.ogk-on .ogk-nav {
  background: rgba(255,255,255,.55); border-right: 1px solid rgba(255,255,255,.9); box-shadow: 1px 0 0 var(--ac-cizgi);
  -webkit-backdrop-filter: var(--ac-blur); backdrop-filter: var(--ac-blur); padding: 18px 14px;
}
html[data-tema="ada"].canli .ogk-liste { gap: 6px; }
html[data-tema="ada"].canli body.ogk-on .ogk-link {
  position: relative; color: var(--ac-metin); font-family: var(--ac-font-baslik); font-weight: 800; border-radius: 16px; padding: 6px 12px 6px 8px;
  transition: background-color .2s, box-shadow .2s, transform .2s var(--ac-ease);
}
/* simge = renkli yumuşak karo; menü öğesine göre ton */
html[data-tema="ada"].canli body.ogk-on .ogk-link .v2-icon {
  box-sizing: content-box; width: 22px; height: 22px; padding: 8px; border-radius: 13px; flex: none;
  color: var(--ri, #4B2FD1); background: rgba(var(--rr, 123, 92, 255), .14); transition: background-color .2s, color .2s;
}
html[data-tema="ada"].canli body.ogk-on .ogk-oge:nth-child(1) .ogk-link { --rr: 123, 92, 255; --ri: #4B2FD1; }
html[data-tema="ada"].canli body.ogk-on .ogk-oge:nth-child(2) .ogk-link { --rr: 56, 140, 255; --ri: #1D4FC4; }
html[data-tema="ada"].canli body.ogk-on .ogk-oge:nth-child(3) .ogk-link { --rr: 236, 90, 200; --ri: #A21C78; }
html[data-tema="ada"].canli body.ogk-on .ogk-oge:nth-child(4) .ogk-link { --rr: 20, 190, 170; --ri: #0B6E66; }
html[data-tema="ada"].canli body.ogk-on .ogk-oge:nth-child(5) .ogk-link { --rr: 255, 170, 40; --ri: #8A4B00; }
html[data-tema="ada"].canli body.ogk-on .ogk-oge:nth-child(6) .ogk-link { --rr: 50, 190, 120; --ri: #19704A; }
html[data-tema="ada"].canli body.ogk-on .ogk-oge:nth-child(7) .ogk-link { --rr: 255, 110, 110; --ri: #B0302E; }
html[data-tema="ada"].canli body.ogk-on .ogk-oge:nth-child(n+8) .ogk-link { --rr: 150, 100, 255; --ri: #5B2BB8; }
html[data-tema="ada"].canli body.ogk-on .ogk-link:hover { background: rgba(255,255,255,.85); box-shadow: 0 0 0 1px var(--ac-cizgi), 0 6px 16px -10px rgba(var(--rr, 123, 92, 255), .5); }
html[data-tema="ada"].canli body.ogk-on .ogk-link[aria-current] {
  color: #fff; background: var(--ac-birincil); box-shadow: 0 10px 22px -10px rgba(91,72,255,.75), inset 0 1px 0 rgba(255,255,255,.35);
}
html[data-tema="ada"].canli body.ogk-on .ogk-link[aria-current] .v2-icon { color: #fff; background: rgba(255,255,255,.22); }
html[data-tema="ada"].canli body.ogk-on .ogk-link:focus-visible, html[data-tema="ada"].canli .ogk-marka:focus-visible, html[data-tema="ada"].canli .ogk-cikis:focus-visible { outline: none; box-shadow: var(--ac-odak); }
html[data-tema="ada"].canli .ogk-dlg { border: 1px solid var(--ac-kenar); border-radius: var(--ac-r); background: rgba(255,255,255,.94); box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge-ust); }
html[data-tema="ada"].canli .ogk-dlg::backdrop { background: rgba(27,24,70,.45); }
html[data-tema="ada"].canli body.ogk-on.ogk-ince .ogk-top { box-shadow: 0 1px 0 var(--ac-cizgi); }

@media (max-width: 719.98px) {
  /* üst çubuk: marka solda, avatar + çıkış sağda yan yana (yüzen dil düğmesine yer kalır); gereksiz boşluk yok */
  html[data-tema="ada"].canli .ogk-top { justify-content: flex-start; gap: 8px; padding: 0 76px 0 12px; }
  html[data-tema="ada"].canli .ogk-marka { min-width: 0; flex: 0 1 auto; }
  html[data-tema="ada"].canli .ogk-marka span { overflow: hidden; text-overflow: ellipsis; }
  html[data-tema="ada"].canli .ogk-kim { margin-left: auto; padding: 0; background: none; box-shadow: none; flex: none; }
  html[data-tema="ada"].canli .ogk-av .okul-av { width: 36px; height: 36px; }
  html[data-tema="ada"].canli .ogk-cikis { min-height: 44px; min-width: 44px; padding-inline: 10px; }
  html[data-tema="ada"].canli body.ogk-on .ogk-nav { padding: 6px 6px calc(6px + env(safe-area-inset-bottom, 0px)); border-right: 0; border-top: 1px solid rgba(255,255,255,.95); box-shadow: 0 -1px 0 var(--ac-cizgi), 0 -12px 28px -20px rgba(var(--ac-golge-r), .4); }
  html[data-tema="ada"].canli body.ogk-on .ogk-link { padding: 4px 2px; font-size: .76rem; }
  html[data-tema="ada"].canli body.ogk-on .ogk-link .v2-icon { width: 20px; height: 20px; padding: 5px; border-radius: 11px; }
  html[data-tema="ada"].canli body.ogk-on[data-ogk-yogunluk] .ogk-link .v2-icon { width: 20px; height: 20px; }
  html[data-tema="ada"].canli body.ogk-on .ogk-dlg .ogk-link { flex-direction: row; font-size: var(--v2-text-md, 1rem); padding: 6px 12px 6px 8px; }
  html[data-tema="ada"].canli body.ogk-on .ogk-dlg .ogk-link .v2-icon { width: 22px; height: 22px; padding: 8px; }
}
}

/* Masaüstü: menü solda değil, ÜST ÇUBUKTA tek satır (logo | menü | avatar + çıkış | TR/EN ile aynı hizada) (D202) */
@media screen and (min-width: 720px) {
html[data-tema="ada"].canli body.ogk-on:not(.ogk-ince) { --ogk-top: 64px; --ogk-yan: 0px; padding-left: 0; padding-top: var(--ogk-top); }
html[data-tema="ada"].canli body.ogk-on:not(.ogk-ince) .ogk-top { height: 64px; padding-left: 20px; }
html[data-tema="ada"].canli body.ogk-on:not(.ogk-ince) .ogk-nav {
  inset: 0 auto auto 168px; width: auto; right: 330px; height: 64px; padding: 0; z-index: 1001; overflow-x: auto; overflow-y: hidden; display: flex; align-items: center; scrollbar-width: none;
  background: none; border: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;
}
html[data-tema="ada"].canli body.ogk-on:not(.ogk-ince) .ogk-nav::-webkit-scrollbar { display: none; }
html[data-tema="ada"].canli body.ogk-on:not(.ogk-ince) .ogk-liste { flex-direction: row; gap: 0; flex-wrap: nowrap; }
html[data-tema="ada"].canli body.ogk-on:not(.ogk-ince) .ogk-oge { flex: none; }
html[data-tema="ada"].canli body.ogk-on:not(.ogk-ince) .ogk-link { width: auto; min-height: 48px; padding: 4px 10px 4px 4px; gap: 5px; border-radius: var(--ac-r-pill); white-space: nowrap; font-size: .9rem; }
html[data-tema="ada"].canli body.ogk-on:not(.ogk-ince) .ogk-link .v2-icon { width: 16px; height: 16px; padding: 5px; border-radius: 999px; }
html[data-tema="ada"].canli body.ogk-on:not(.ogk-ince)[data-ogk-yogunluk="minik"] .ogk-link { min-height: 52px; font-size: var(--v2-text-md, 1rem); }
}
/* orta genişlik: avatar yazısı gizlenir, menü rahat sığar */
@media screen and (min-width: 720px) and (max-width: 1279.98px) {
  html[data-tema="ada"].canli body.ogk-on:not(.ogk-ince) .ogk-kim__t { display: none; }
  html[data-tema="ada"].canli body.ogk-on:not(.ogk-ince) .ogk-nav { right: 270px; }
}
@media screen and (min-width: 720px) and (max-width: 979.98px) {
  html[data-tema="ada"].canli body.ogk-on:not(.ogk-ince) .ogk-link .v2-icon { display: none; }
  html[data-tema="ada"].canli body.ogk-on:not(.ogk-ince) .ogk-link { padding: 4px 10px; }
}