/* 📚 KaşifWeb Etüt ortak görünüm (2026-11-03). Tüm Etüt sayfaları bu sınıfları kullanır. */
:root {
    --ett-mor: #4f46e5; --ett-mor-acik: #eef2ff;
    --ett-yesil: #16a34a; --ett-yesil-acik: #dcfce7;
    --ett-turuncu: #f59e0b; --ett-kirmizi: #dc2626; --ett-gri: #94a3b8;
    --ett-zemin: #f8fafc; --ett-kenar: #e2e8f0; --ett-yazi: #0f172a;
}

.ett-sayfa-baslik { display: flex; align-items: center; gap: .6rem; font-weight: 800; color: var(--ett-yazi); margin-bottom: 1rem; }
.ett-sayfa-baslik .ett-rozet { width: 42px; height: 42px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 1.5rem; background: var(--ett-mor); }

.ett-kart { background: #fff; border: 1px solid var(--ett-kenar); border-radius: 14px; box-shadow: 0 1px 3px rgba(15,23,42,.06); }
.ett-kart > .ett-kart-baslik { padding: .65rem .9rem; font-weight: 700; border-bottom: 1px solid var(--ett-kenar); display: flex; align-items: center; gap: .5rem; }
.ett-kart > .ett-kart-govde { padding: .8rem .9rem; }

/* avatar (baş harfler) — renk sınıfı ett-av-0..7 */
.ett-avatar { width: 34px; height: 34px; min-width: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: .8rem; color: #fff; }
.ett-av-0 { background: #6366f1; } .ett-av-1 { background: #0ea5e9; } .ett-av-2 { background: #10b981; } .ett-av-3 { background: #f59e0b; }
.ett-av-4 { background: #ec4899; } .ett-av-5 { background: #8b5cf6; } .ett-av-6 { background: #14b8a6; } .ett-av-7 { background: #ef4444; }

/* kişi listesi (sol öğrenci / sağ öğretmen) */
.ett-liste { max-height: calc(100vh - 260px); overflow-y: auto; }
.ett-kisi { display: flex; align-items: center; gap: .6rem; padding: .45rem .6rem; border-radius: 10px; cursor: pointer; border: 1px solid transparent; }
.ett-kisi:hover { background: var(--ett-zemin); }
.ett-kisi.secili { background: var(--ett-mor-acik); border-color: #c7d2fe; }
.ett-kisi .ett-kisi-ad { font-weight: 600; font-size: .88rem; line-height: 1.15; }
.ett-kisi .ett-kisi-alt { font-size: .74rem; color: #64748b; }

/* haftalık tablo (7 gün × N saat) */
.ett-hafta { width: 100%; border-collapse: separate; border-spacing: 4px; table-layout: fixed; }
.ett-hafta th { font-size: .78rem; text-align: center; color: #475569; font-weight: 700; padding: 2px; }
.ett-hafta th.bugun { color: var(--ett-mor); }
.ett-hafta td.ett-saat { width: 58px; font-size: .74rem; color: #64748b; text-align: right; padding-right: 6px; white-space: nowrap; }
.ett-hucre { height: 46px; border-radius: 9px; font-size: .72rem; line-height: 1.15; padding: 3px 5px; overflow: hidden; vertical-align: middle; text-align: center; border: 1px solid var(--ett-kenar); background: #fff; }
.ett-hucre.bos { background: #f0fdf4; border: 1px dashed #86efac; cursor: pointer; color: #15803d; }
.ett-hucre.bos:hover { background: #bbf7d0; border-style: solid; }
.ett-hucre.ders { background: #e2e8f0; color: #334155; border-color: #cbd5e1; }   /* okul ders programı (KaşifWeb çarşafı) */
.ett-hucre.kapali { background: repeating-linear-gradient(45deg, #f1f5f9, #f1f5f9 6px, #e2e8f0 6px, #e2e8f0 12px); color: #64748b; }
.ett-hucre.etut { color: #fff; font-weight: 600; cursor: pointer; border: none; box-shadow: 0 1px 2px rgba(0,0,0,.15); }
.ett-hucre.grup { color: #fff; font-weight: 600; cursor: pointer; border: none; background: linear-gradient(135deg, #06b6d4, #0891b2); }
.ett-hucre.ogr-dolu { outline: 2px solid #f59e0b; outline-offset: -2px; }   /* seçili öğrencinin o saatte başka işi var */
.ett-hucre.tanimsiz { background: transparent; border: none; }
.ett-lejant { display: flex; flex-wrap: wrap; gap: .8rem; font-size: .76rem; color: #475569; }
.ett-lejant span::before { content: ""; display: inline-block; width: 14px; height: 14px; border-radius: 4px; vertical-align: -3px; margin-right: 4px; }
.ett-lejant .l-bos::before { background: #f0fdf4; border: 1px dashed #86efac; }
.ett-lejant .l-ders::before { background: #e2e8f0; }
.ett-lejant .l-kapali::before { background: repeating-linear-gradient(45deg, #f1f5f9, #f1f5f9 3px, #cbd5e1 3px, #cbd5e1 6px); }
.ett-lejant .l-etut::before { background: #6366f1; }
.ett-lejant .l-grup::before { background: #0891b2; }
.ett-lejant .l-ogr::before { background: #fff; outline: 2px solid #f59e0b; outline-offset: -2px; }

/* müsaitlik matrisi düzenleme (öğretmen/öğrenci dolu-boş) */
.ett-matris .ett-hucre { height: 30px; cursor: pointer; }
.ett-matris .ett-hucre.acik { background: #dcfce7; border-color: #86efac; }

/* etüt renk paleti (öğrenci Id % 8) */
.ett-r-0 { background: #6366f1; } .ett-r-1 { background: #0ea5e9; } .ett-r-2 { background: #10b981; } .ett-r-3 { background: #f59e0b; }
.ett-r-4 { background: #ec4899; } .ett-r-5 { background: #8b5cf6; } .ett-r-6 { background: #14b8a6; } .ett-r-7 { background: #ef4444; }

.ett-modal-arka { position: fixed; inset: 0; background: rgba(15,23,42,.45); z-index: 1050; display: flex; align-items: center; justify-content: center; padding: 16px; }
.ett-modal { background: #fff; border-radius: 16px; max-width: 640px; width: 100%; max-height: 92vh; overflow: auto; box-shadow: 0 20px 50px rgba(0,0,0,.25); }
.ett-modal-baslik { padding: .9rem 1.1rem; font-weight: 800; border-bottom: 1px solid var(--ett-kenar); }
.ett-modal-govde { padding: 1rem 1.1rem; }
.ett-modal-alt { padding: .8rem 1.1rem; border-top: 1px solid var(--ett-kenar); display: flex; justify-content: flex-end; gap: .5rem; flex-wrap: wrap; }

@media (max-width: 991px) {
    .ett-liste { max-height: 260px; }
    .ett-hucre { height: 40px; font-size: .64rem; }
    .ett-hafta td.ett-saat { width: 40px; }
}
@media print { .ett-yazdirma-gizle { display: none !important; } }
/* üst şerit: geniş ekranda düğme yazıları alt satıra kaymasın (WhatsApp / 7/24 / Satın Al) */
@media (min-width: 1400px) { .top-row .btn, .top-row .text-muted.small { white-space: nowrap; } .top-row .yardim-alan { min-width: 280px; } }
@media (min-width: 1400px) and (max-width: 1899.98px) { .top-row .text-muted.small { display: none; } }
/* dolu/boş matrisi: geniş ekranda 7 gün kaydırmasız sığsın (Pazar sütunu kesilmesin) */
@media (min-width: 1400px) { .ett-matris-kap .ett-matris { min-width: 0 !important; } }