/* MES Akademi · Gemini "Canlı Keşif" ÖĞRETMEN tasarımının GERÇEK öğretmen kokpitine (#teacher-cockpit-modal, hub.html) bağlantısı
 * (2026-10-10, Claude). Kaynak: design/gemini-canli-kesif/ogretmen_canli_kesif.css (.ck-teacher-flow-bar, .ck-flow-step,
 * .ck-data-table, .ck-feedback-box/.ck-feedback-textarea). O sınıflar kokpitte YOK; aynı görünüm mevcut kimlik/data-* öğelerine uygulanır.
 * Akış (sınıf seç -> içerik bul -> önizle -> ata -> sonuç -> geri bildirim/yeniden deneme) ve gerçek uçlar DEĞİŞMEZ.
 * Kapsam: html.ck.ckg (öğrenci bağlantısıyla aynı anahtar; ?tasarim=onceki kapatır).
 */

/* ---- Sekmeler (.ck-nav-item etkin durumu: açık mavi yüzey + ince çerçeve; sol çubuk yok) ---- */
html.ck.ckg #teacher-cockpit-modal .tcp-tab-btn { border-radius: var(--ck-radius-md) !important; border: 1px solid transparent !important; }
html.ck.ckg #teacher-cockpit-modal .tcp-tab-btn.bg-purple-600 { box-shadow: none !important; border-color: #CFE0FF !important; }
html.ck.ckg #teacher-cockpit-modal aside { background: var(--ck-surface) !important; border-color: var(--ck-line) !important; }

/* ---- İş akışı şeridi (.ck-teacher-flow-bar + .ck-flow-step + numara) ---- */
html.ck.ckg #tcp-siniflarim-wrap > ol[aria-label="Öğretmen iş akışı"] {
  background: var(--ck-surface); border: 1px solid var(--ck-line); border-radius: var(--ck-radius-lg);
  padding: 10px 14px; gap: 8px !important; counter-reset: none;
}
html.ck.ckg #tcp-siniflarim-wrap > ol[aria-label="Öğretmen iş akışı"] > li {
  background: transparent !important; border: 1px solid transparent !important; color: var(--ck-ink-2) !important;
  border-radius: var(--ck-radius-md) !important; font-size: 13px; font-weight: 700;
}
html.ck.ckg #tcp-siniflarim-wrap > ol[aria-label="Öğretmen iş akışı"] > li:first-child {
  background: var(--ck-soft) !important; color: var(--ck-action-text) !important; border-color: #CFE0FF !important;
}

/* ---- Sınıf satırları ---- */
html.ck.ckg #tcp-siniflarim-list > div { background: var(--ck-surface) !important; border: 1px solid var(--ck-line) !important; border-radius: var(--ck-radius-lg) !important; box-shadow: var(--ck-shadow-sm) !important; }
html.ck.ckg #tcp-siniflarim-list button[data-tcp-sonuc-sinif] { border-radius: var(--ck-radius-md) !important; }

/* ---- Sonuç tablosu (.ck-table-container / .ck-data-table görünümü; satırlar data-tcp-ogr) ---- */
html.ck.ckg [data-tcp-sonuc-kutu] > div > div.rounded-2xl {
  background: var(--ck-surface) !important; border: 1px solid var(--ck-line) !important; border-radius: var(--ck-radius-lg) !important;
  box-shadow: var(--ck-shadow-sm) !important; padding: 0 !important; overflow: hidden;
}
html.ck.ckg [data-tcp-sonuc-kutu] > div > div.rounded-2xl > div:first-child {
  background: #F1F5F9; border-bottom: 1px solid var(--ck-line); padding: 12px 16px; margin: 0 !important;
}
html.ck.ckg [data-tcp-sonuc-kutu] > div > div.rounded-2xl > div:first-child > div:last-child {
  color: var(--ck-ink-2) !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .02em;
}
html.ck.ckg [data-tcp-sonuc-kutu] > div > div.rounded-2xl > div.space-y-2 { margin: 0 !important; }
html.ck.ckg [data-tcp-sonuc-kutu] > div > div.rounded-2xl > div.space-y-2 > * + * { margin-top: 0 !important; }
html.ck.ckg [data-tcp-ogr] {
  background: var(--ck-surface) !important; border: 0 !important; border-bottom: 1px solid var(--ck-line) !important;
  border-radius: 0 !important; padding: 14px 16px !important;
}
html.ck.ckg [data-tcp-ogr]:last-child { border-bottom: 0 !important; }
html.ck.ckg [data-tcp-ogr]:hover { background: var(--ck-bg) !important; }
html.ck.ckg [data-tcp-ogr] .bg-emerald-50 { background: var(--ck-ok-bg) !important; color: var(--ck-ok-ink) !important; border-color: var(--ck-ok-border) !important; }
html.ck.ckg [data-tcp-ogr] .bg-slate-100 { background: #F1F5F9 !important; color: var(--ck-ink-2) !important; border-color: var(--ck-line) !important; }

/* ---- Geri bildirim (.ck-feedback-box / .ck-feedback-textarea) ---- */
html.ck.ckg [data-tcp-ogr] textarea[data-gb-metin] {
  border: 1px solid #B8C7DD !important; border-radius: var(--ck-radius-md) !important; font-size: 13.5px !important;
  color: var(--ck-ink) !important; background: #fff !important; padding: 10px 12px !important; min-height: 64px;
}
html.ck.ckg [data-tcp-ogr] button[onclick="tcpGeriBildirimKaydet(this)"] {
  background: var(--ck-action) !important; border-radius: var(--ck-radius-md) !important; min-height: 36px;
}
html.ck.ckg [data-tcp-ogr] button[onclick="tcpGeriBildirimKaydet(this)"]:hover { background: var(--ck-action-hover) !important; }
html.ck.ckg [data-tcp-ogr] [data-gb-kayitli] { background: var(--ck-info-bg) !important; color: var(--ck-info-ink) !important; border-color: var(--ck-info-border) !important; border-radius: var(--ck-radius-md) !important; }
html.ck.ckg [data-tcp-ogr] button[onclick="tcpYenidenDenemeVer(this)"] {
  background: var(--ck-surface) !important; color: var(--ck-action-text) !important; border: 1px solid #CFE0FF !important; border-radius: var(--ck-radius-md) !important; min-height: 36px;
}

/* ---- Katalog kartındaki öğretmen düğmeleri: Önizle (ikincil) / Ata (birincil) ---- */
html.ck.ckg .arcade-card button[onclick^="onizleIcerik"] { background: var(--ck-surface) !important; color: var(--ck-ink) !important; border: 1px solid var(--ck-line) !important; border-radius: var(--ck-radius-sm) !important; }
html.ck.ckg .arcade-card button[onclick^="ataSinifaAc"] { background: var(--ck-action) !important; color: #fff !important; border-radius: var(--ck-radius-sm) !important; }

/* ---- Atama paneli (#hub-ata-panel, .ck-preview-modal-window görünümü) ---- */
html.ck.ckg #hub-ata-panel > div { background: var(--ck-surface) !important; border: 1px solid var(--ck-line) !important; border-radius: var(--ck-radius-xl) !important; box-shadow: var(--ck-shadow-lg) !important; color: var(--ck-ink) !important; }
html.ck.ckg #hub-ata-panel select { border: 1px solid var(--ck-line-strong) !important; border-radius: var(--ck-radius-md) !important; }

/* ---- Akıllı tahta ve erişilebilirlik ---- */
@media (pointer: coarse) and (min-width: 1280px) {
  html.ck.ckg #teacher-cockpit-modal .tcp-tab-btn,
  html.ck.ckg #tcp-siniflarim-list button,
  html.ck.ckg [data-tcp-ogr] button { min-height: 52px !important; }
}
html.ck.ckg [data-tcp-ogr] textarea:focus-visible,
html.ck.ckg [data-tcp-ogr] button:focus-visible,
html.ck.ckg #tcp-siniflarim-list button:focus-visible { outline: 3px solid var(--ck-action) !important; outline-offset: 2px !important; }
@media (prefers-reduced-motion: reduce) { html.ck.ckg [data-tcp-ogr] { transition: none !important; } }