:root {
  --kirmizi: #c90f1d;
  --kirmizi-koyu: #97101a;
  --sari: #f6b413;
  --lacivert: #131923;
  --metin: #202631;
  --soluk: #6c7380;
  --cizgi: #e6e8ec;
  --zemin: #f5f6f8;
  --beyaz: #fff;
  --yesil: #138a61;
  --golge: 0 16px 40px rgba(22, 28, 38, .08);
  --radius: 18px;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--metin); background: var(--zemin); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
img { display: block; max-width: 100%; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.marka { display: inline-flex; align-items: center; }
.marka img { width: 186px; height: auto; }
.marka--acik img { filter: drop-shadow(0 0 0 transparent); }
.buton { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 8px; padding: 0 20px; border: 1px solid transparent; border-radius: 12px; background: var(--kirmizi); color: #fff; font-weight: 750; transition: .2s ease; }
.buton:hover { background: var(--kirmizi-koyu); transform: translateY(-1px); }
.buton--cizgi { border-color: var(--cizgi); background: #fff; color: var(--metin); }
.buton--cizgi:hover { border-color: var(--kirmizi); background: #fff; color: var(--kirmizi); }
.demo-rozet { display: inline-flex; padding: 6px 10px; border-radius: 99px; background: #fff0d0; color: #8a5b00; font-size: 11px; font-weight: 800; letter-spacing: .08em; }

.panel-kabuk { min-height: 100vh; display: grid; grid-template-columns: 264px minmax(0, 1fr); }
.yan-menu { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; padding: 28px 18px 20px; color: #d9dde4; background: var(--lacivert); z-index: 20; }
.yan-logo { padding: 0 10px 20px; }
.yan-logo .marka img { width: 180px; }
.rol-etiketi { margin: 4px 10px 22px; color: #89919e; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.yan-menu nav { display: grid; gap: 5px; }
.yan-menu nav a { display: flex; align-items: center; gap: 13px; min-height: 45px; padding: 0 13px; border-radius: 11px; font-size: 14px; font-weight: 620; }
.yan-menu nav a span { display: inline-grid; width: 25px; color: #949daa; place-items: center; }
.yan-menu nav a:hover { background: rgba(255,255,255,.06); color: #fff; }
.yan-menu nav a.aktif { color: #fff; background: var(--kirmizi); }
.yan-menu nav a.aktif span { color: #fff; }
.yan-alt { display: flex; align-items: center; gap: 11px; padding: 16px 10px 0; margin-top: auto; border-top: 1px solid rgba(255,255,255,.1); }
.avatar { display: grid; width: 38px; height: 38px; flex: 0 0 auto; border-radius: 50%; color: #fff; background: var(--kirmizi); font-size: 12px; font-weight: 800; place-items: center; }
.yan-alt strong, .yan-alt small { display: block; }
.yan-alt strong { color: #fff; font-size: 13px; }
.yan-alt small { margin-top: 3px; color: #8e96a2; font-size: 11px; }
.yan-kullanici { min-width: 0; flex: 1; }
.cikis-formu { margin-top: 5px; }
.cikis-formu button { padding: 0; border: 0; color: #ef8c94; background: transparent; font-size: 10px; font-weight: 750; cursor: pointer; }
.panel-ana { min-width: 0; }
.panel-ust { height: 72px; display: flex; align-items: center; justify-content: space-between; padding: 0 34px; border-bottom: 1px solid var(--cizgi); background: rgba(255,255,255,.9); }
.arama { color: #9399a3; font-size: 14px; }
.ust-islemler { display: flex; align-items: center; gap: 16px; color: var(--soluk); font-size: 13px; }
.bildirim-dugmesi { position: relative; display: grid; width: 34px; height: 34px; border-radius: 50%; color: var(--kirmizi); background: #fceced; place-items: center; }
.bildirim-dugmesi b { position: absolute; top: -5px; right: -6px; display: grid; min-width: 19px; height: 19px; padding: 0 5px; border: 2px solid #fff; border-radius: 99px; color: #fff; background: var(--kirmizi); font-size: 9px; place-items: center; }
.panel-icerik { width: min(1280px, 100%); padding: 34px; margin: 0 auto; }
.sayfa-basligi { display: flex; align-items: end; justify-content: space-between; margin-bottom: 28px; }
.sayfa-basligi h1 { margin: 3px 0 6px; color: #151a22; font-size: clamp(27px, 3vw, 38px); letter-spacing: -.035em; }
.sayfa-basligi p { margin: 0; color: var(--soluk); }
.ust-etiket { color: var(--kirmizi) !important; font-size: 11px !important; font-weight: 850; letter-spacing: .13em; }
.kart { border: 1px solid var(--cizgi); border-radius: var(--radius); background: #fff; box-shadow: 0 2px 8px rgba(20, 25, 35, .025); }
.kart-baslik { display: flex; align-items: center; justify-content: space-between; padding: 21px 23px 15px; }
.kart-baslik h2 { margin: 0; font-size: 17px; }
.kart-baslik a { color: var(--kirmizi); font-size: 12px; font-weight: 750; }
.kart-baslik a.buton { color: #fff; font-size: 13px; }
.kart-baslik a.buton--cizgi { color: var(--metin); }
.istatistikler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 24px; }
.istatistik { padding: 20px; }
.istatistik .ikon { display: grid; width: 42px; height: 42px; margin-bottom: 18px; border-radius: 12px; color: var(--kirmizi); background: #fdebed; place-items: center; }
.istatistik strong { display: block; font-size: 28px; letter-spacing: -.03em; }
.istatistik span { display: block; margin-top: 5px; color: var(--soluk); font-size: 12px; }
.iki-kolon { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, .85fr); gap: 20px; }
.liste { margin: 0; padding: 0 22px 12px; list-style: none; }
.liste li { display: flex; align-items: center; gap: 13px; padding: 15px 0; border-top: 1px solid #eef0f3; }
.liste-ikon { display: grid; width: 38px; height: 38px; flex: 0 0 auto; border-radius: 11px; color: var(--kirmizi); background: #fdebed; font-weight: 800; place-items: center; }
.liste-icerik { min-width: 0; flex: 1; }
.liste-icerik strong, .liste-icerik small { display: block; }
.liste-icerik strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.liste-icerik small { margin-top: 4px; color: var(--soluk); font-size: 11px; }
.durum { padding: 5px 9px; border-radius: 99px; color: #815600; background: #fff2cc; font-size: 10px; font-weight: 800; }
.durum--yesil { color: #086b49; background: #dbf5ea; }
.ilerleme { height: 7px; overflow: hidden; border-radius: 99px; background: #eceef1; }
.ilerleme span { display: block; height: 100%; border-radius: inherit; background: var(--kirmizi); }
.tablo-kapsayici { overflow-x: auto; padding: 0 22px 18px; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 14px 12px; border-top: 1px solid #eceef1; text-align: left; font-size: 12px; white-space: nowrap; }
th { color: #8a919c; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }
.bos-durum { min-height: 390px; display: grid; align-content: center; justify-items: center; padding: 45px 25px; border: 1px dashed #cfd3da; border-radius: var(--radius); background: #fff; text-align: center; }
.bos-ikon { display: grid; width: 58px; height: 58px; border-radius: 18px; color: var(--kirmizi); background: #fdebed; font-size: 24px; place-items: center; }
.bos-durum h2 { margin: 18px 0 8px; }
.bos-durum p { max-width: 540px; margin: 0 0 20px; color: var(--soluk); line-height: 1.65; }
.mobil-ust { display: none; }

.site-govde { background: #fff; }
.site-ust { position: relative; z-index: 5; border-bottom: 1px solid rgba(255,255,255,.14); color: #fff; background: var(--lacivert); }
.site-nav { width: min(1180px, calc(100% - 36px)); height: 82px; display: flex; align-items: center; justify-content: space-between; margin: 0 auto; }
.site-nav .marka img { width: 190px; }
.site-linkler { display: flex; align-items: center; gap: 29px; font-size: 13px; font-weight: 650; }
.site-linkler a:hover { color: var(--sari); }
.site-nav-islem { display: flex; gap: 10px; }
.site-nav-islem .buton--cizgi { border-color: rgba(255,255,255,.35); color: #fff; background: transparent; }
.hero { position: relative; overflow: hidden; color: #fff; background: var(--lacivert); }
.hero::before { position: absolute; inset: 0; content: ''; opacity: .23; background-image: radial-gradient(circle at 76% 22%, var(--kirmizi) 0, transparent 31%), linear-gradient(120deg, transparent 60%, rgba(246,180,19,.18)); }
.hero-ic { position: relative; width: min(1180px, calc(100% - 36px)); min-height: 620px; display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 70px; margin: 0 auto; padding: 70px 0 95px; }
.hero-kopya .demo-rozet { margin-bottom: 20px; color: #ffe19a; background: rgba(246,180,19,.12); }
.hero h1 { max-width: 740px; margin: 0; font-size: clamp(45px, 6.7vw, 82px); line-height: .98; letter-spacing: -.058em; }
.hero h1 em { color: var(--sari); font-style: normal; }
.hero-kopya > p { max-width: 620px; margin: 24px 0 30px; color: #b9c0ca; font-size: 17px; line-height: 1.7; }
.hero-butonlar { display: flex; flex-wrap: wrap; gap: 11px; }
.hero-butonlar .buton--cizgi { border-color: rgba(255,255,255,.26); color: #fff; background: transparent; }
.hero-panel { position: relative; padding: 18px; border: 1px solid rgba(255,255,255,.12); border-radius: 25px; background: rgba(255,255,255,.07); box-shadow: 0 28px 80px rgba(0,0,0,.24); backdrop-filter: blur(10px); }
.hero-panel-ust { display: flex; align-items: center; justify-content: space-between; padding: 5px 4px 18px; }
.hero-panel-ust strong { font-size: 13px; }
.canli { display: inline-flex; align-items: center; gap: 6px; color: #9ee1c5; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.canli::before { width: 7px; height: 7px; border-radius: 50%; content: ''; background: #25bd7f; box-shadow: 0 0 0 5px rgba(37,189,127,.13); }
.hero-ders { padding: 23px; border-radius: 17px; color: var(--metin); background: #fff; }
.hero-ders small { color: var(--kirmizi); font-weight: 800; }
.hero-ders h3 { margin: 9px 0 20px; font-size: 22px; }
.ders-satiri { display: flex; align-items: center; justify-content: space-between; padding-top: 15px; border-top: 1px solid var(--cizgi); color: var(--soluk); font-size: 12px; }
.hero-mini { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; }
.hero-mini div { padding: 16px; border-radius: 14px; background: rgba(255,255,255,.09); }
.hero-mini strong, .hero-mini span { display: block; }
.hero-mini strong { font-size: 21px; }
.hero-mini span { margin-top: 4px; color: #aab1bc; font-size: 10px; }
.site-bolum { padding: 90px 0; }
.site-kapsayici { width: min(1180px, calc(100% - 36px)); margin: 0 auto; }
.bolum-baslik { max-width: 700px; margin-bottom: 38px; }
.bolum-baslik .ust-etiket { margin-bottom: 9px; }
.bolum-baslik h2 { margin: 0; font-size: clamp(31px, 4vw, 49px); line-height: 1.08; letter-spacing: -.045em; }
.bolum-baslik p { color: var(--soluk); line-height: 1.7; }
.ozellik-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.ozellik { padding: 25px; border: 1px solid var(--cizgi); border-radius: 17px; }
.ozellik-numara { color: var(--kirmizi); font-size: 11px; font-weight: 850; }
.ozellik h3 { margin: 30px 0 9px; font-size: 18px; }
.ozellik p { margin: 0; color: var(--soluk); font-size: 13px; line-height: 1.6; }
.site-bolum--gri { background: var(--zemin); }
.kurs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.kurs-karti { overflow: hidden; border: 1px solid var(--cizgi); border-radius: 20px; background: #fff; }
.kurs-kapak { min-height: 180px; display: flex; align-items: end; justify-content: space-between; padding: 23px; color: #fff; background: linear-gradient(135deg, #161d28, #c90f1d); }
.kurs-kapak--sari { color: #1b2029; background: linear-gradient(135deg, #f8d468, #f2aa00); }
.kurs-kapak span { font-size: 50px; font-weight: 900; letter-spacing: -.06em; }
.kurs-kapak small { font-size: 11px; font-weight: 800; }
.kurs-icerik { padding: 22px; }
.kurs-icerik h3 { margin: 0 0 9px; font-size: 19px; }
.kurs-icerik p { min-height: 62px; margin: 0 0 18px; color: var(--soluk); font-size: 13px; line-height: 1.6; }
.magazaya-cagri { padding-top: 72px; }
.magaza-cta { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 35px; padding: 54px 60px; border-radius: 25px; color: #fff; background: var(--lacivert); }
.magaza-cta::after { position: absolute; right: 18%; bottom: -130px; width: 280px; height: 280px; border: 55px solid rgba(201,15,29,.45); border-radius: 50%; content: ''; }
.magaza-cta > * { position: relative; z-index: 1; }
.magaza-cta h2 { max-width: 700px; margin: 7px 0 10px; font-size: clamp(30px, 4vw, 48px); line-height: 1.08; letter-spacing: -.045em; }
.magaza-cta p:not(.ust-etiket) { max-width: 650px; margin: 0; color: #aeb6c1; line-height: 1.65; }
.magaza-cta .buton { flex: 0 0 auto; }
.site-alt { padding: 32px 0; color: #aeb5bf; background: #0d1118; font-size: 12px; }
.site-alt .site-kapsayici { display: flex; align-items: center; justify-content: space-between; }
.site-alt .marka img { width: 155px; }
.kurslar-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.panel-kurs { overflow: hidden; }
.panel-kurs-kapak { min-height: 190px; display: flex; align-items: flex-end; justify-content: space-between; padding: 25px; color: #fff; background: linear-gradient(130deg, #171e29, #c90f1d); }
.panel-kurs-kapak.sari { color: #171e29; background: linear-gradient(130deg, #ffd55f, #efa900); }
.panel-kurs-kapak strong { font-size: 52px; letter-spacing: -.06em; }
.panel-kurs-kapak span { max-width: 140px; font-size: 11px; font-weight: 850; text-align: right; }
.panel-kurs-icerik { padding: 22px; }
.panel-kurs-icerik h2 { margin: 0 0 7px; font-size: 20px; }
.panel-kurs-icerik > p { margin: 0 0 20px; color: var(--soluk); font-size: 12px; }
.kurs-meta { display: flex; justify-content: space-between; margin: 9px 0 15px; color: var(--soluk); font-size: 11px; }
.kurs-alt { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; }
.kurs-alt small { color: var(--soluk); }
.detay-ust { position: relative; overflow: hidden; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 25px; padding: 30px; margin-bottom: 22px; color: #fff; background: linear-gradient(125deg, #151b25, #3a1820); }
.detay-ust::after { position: absolute; right: 80px; width: 210px; height: 210px; border: 42px solid rgba(201,15,29,.42); border-radius: 50%; content: ''; }
.detay-ust > * { position: relative; z-index: 1; }
.detay-ust h1 { margin: 9px 0 10px; font-size: clamp(27px, 4vw, 42px); }
.detay-ust p { margin: 0; color: #bdc3cc; }
.detay-seviye { display: grid; width: 95px; height: 95px; border-radius: 24px; color: #fff; background: var(--kirmizi); font-size: 34px; font-weight: 900; place-items: center; }
.hafta-listesi { display: grid; gap: 12px; }
.hafta { padding: 0 22px; }
.hafta-baslik { display: flex; align-items: center; gap: 16px; padding: 19px 0; }
.hafta-no { color: var(--kirmizi); font-size: 11px; font-weight: 850; }
.hafta-baslik div { flex: 1; }
.hafta-baslik h3 { margin: 0; font-size: 15px; }
.hafta-baslik small { display: block; margin-top: 4px; color: var(--soluk); }
.ders-listesi { padding-bottom: 15px; border-top: 1px solid var(--cizgi); }
.ders-link { display: flex; align-items: center; gap: 12px; padding: 13px 4px; border-bottom: 1px solid #f0f1f3; font-size: 13px; }
.oynat { display: grid; width: 31px; height: 31px; flex: 0 0 auto; border-radius: 50%; color: var(--kirmizi); background: #fdebed; font-size: 10px; place-items: center; }
.ders-link span:nth-child(2) { flex: 1; }
.ders-link small { color: var(--soluk); }
.video-yerlesim { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 20px; }
.video-alani { position: relative; aspect-ratio: 16/9; display: grid; overflow: hidden; border-radius: 18px; color: #fff; background: radial-gradient(circle at 50% 45%, #3d4652, #10151d 64%); place-items: center; transition: box-shadow .25s ease; }
.video-alani.sure-vurgusu { box-shadow: 0 0 0 4px rgba(201,15,29,.34); }
.buyuk-oynat { display: grid; width: 78px; height: 78px; padding-left: 5px; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; background: rgba(201,15,29,.9); font-size: 25px; place-items: center; }
.video-alani button { cursor: pointer; }
.video-kontroller { position: absolute; right: 20px; bottom: 16px; left: 20px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 10px 13px; border-radius: 12px; background: rgba(8,11,16,.78); }
.video-kontroller button { width: 28px; height: 28px; border: 0; color: #fff; background: transparent; }
.video-kontroller input { width: 100%; accent-color: var(--kirmizi); }
.video-kontroller span { min-width: 82px; color: #dce0e6; font-size: 11px; text-align: right; }
.video-bilgi { padding: 22px; margin-top: 14px; }
.video-bilgi h1 { margin: 0 0 8px; font-size: 23px; }
.video-bilgi p { margin: 0; color: var(--soluk); font-size: 13px; line-height: 1.65; }
.mufredat { align-self: start; max-height: 680px; overflow: auto; }
.mufredat .ders-link { padding: 14px 18px; }
.mufredat .ders-link.aktif { color: var(--kirmizi); background: #fff5f5; font-weight: 750; }
.hosgeldin { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.hosgeldin .buton { flex: 0 0 auto; }
.giris-govde { min-height: 100vh; background: #fff; }
.giris-kabuk { min-height: 100vh; display: grid; grid-template-columns: minmax(360px, .85fr) minmax(500px, 1.15fr); }
.giris-marka { position: relative; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; padding: 48px clamp(35px, 5vw, 78px); color: #fff; background: var(--lacivert); }
.giris-marka::after { position: absolute; right: -170px; bottom: -160px; width: 430px; height: 430px; border: 85px solid rgba(201,15,29,.42); border-radius: 50%; content: ''; }
.giris-marka > * { position: relative; z-index: 1; }
.giris-marka .marka img { width: 205px; }
.giris-marka h1 { max-width: 560px; margin: 24px 0 20px; font-size: clamp(36px, 4vw, 62px); line-height: 1.04; letter-spacing: -.05em; }
.giris-marka p { max-width: 500px; color: #aeb6c1; font-size: 16px; line-height: 1.7; }
.giris-marka small { color: #818a97; }
.giris-form-alani { display: grid; padding: 40px; background: var(--zemin); place-items: center; }
.giris-form-karti { width: min(460px, 100%); padding: 38px; border: 1px solid var(--cizgi); border-radius: 22px; background: #fff; box-shadow: var(--golge); }
.giris-form-karti h2 { margin: 7px 0 8px; font-size: 29px; letter-spacing: -.03em; }
.giris-aciklama { margin: 0 0 25px; color: var(--soluk); font-size: 13px; }
.giris-formu { display: grid; gap: 16px; }
.giris-formu label { display: grid; gap: 7px; font-size: 12px; font-weight: 750; }
.giris-formu input { width: 100%; height: 49px; padding: 0 14px; border: 1px solid #d9dce1; border-radius: 11px; outline: none; }
.giris-formu input:focus { border-color: var(--kirmizi); box-shadow: 0 0 0 3px rgba(201,15,29,.09); }
.giris-formu .buton { width: 100%; margin-top: 3px; cursor: pointer; }
.demo-bilgi { display: grid; gap: 5px; padding: 15px; margin-top: 20px; border-radius: 12px; color: #6d4c00; background: #fff5d8; font-size: 12px; }
.demo-bilgi strong { color: #3c2c08; }
.ana-donus { display: inline-block; margin-top: 22px; color: var(--soluk); font-size: 11px; font-weight: 750; }
.form-hata { padding: 12px 14px; margin-bottom: 16px; border-radius: 10px; color: #8d1018; background: #fdebed; font-size: 12px; line-height: 1.5; }
.yorum-bolumu { padding: 28px; margin-top: 20px; }
.yorum-baslik { display: flex; align-items: flex-start; justify-content: space-between; gap: 25px; padding-bottom: 22px; }
.yorum-baslik h2 { margin: 4px 0 7px; font-size: 24px; }
.yorum-baslik p { margin: 0; color: var(--soluk); font-size: 13px; line-height: 1.55; }
.yorum-sayisi { flex: 0 0 auto; padding: 7px 11px; border-radius: 99px; color: var(--kirmizi); background: #fdebed; font-size: 11px; font-weight: 800; }
.yorum-formu { padding: 16px; border: 1px solid var(--cizgi); border-radius: 15px; background: #fafbfc; }
.yorum-formu textarea, .yanit-formu textarea { width: 100%; min-height: 90px; padding: 13px; resize: vertical; border: 0; border-radius: 10px; outline: none; background: #fff; line-height: 1.55; }
.yorum-formu textarea:focus, .yanit-formu textarea:focus { box-shadow: 0 0 0 2px rgba(201,15,29,.16); }
.yorum-form-alt { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-top: 12px; }
.sure-alani { display: flex; align-items: center; gap: 8px; }
.sure-alani label { color: var(--soluk); font-size: 11px; font-weight: 750; }
.sure-alani input { width: 76px; height: 37px; padding: 0 9px; border: 1px solid var(--cizgi); border-radius: 8px; }
.sure-alani button { border: 0; color: var(--kirmizi); background: transparent; font-size: 11px; font-weight: 750; cursor: pointer; }
.yorum-form-mesaj, .yanit-formu [data-form-message] { min-height: 16px; margin: 8px 0 0; color: var(--kirmizi); font-size: 11px; }
.yorum-listesi { margin-top: 25px; }
.yorum { display: flex; align-items: flex-start; gap: 13px; padding: 20px 0; border-top: 1px solid var(--cizgi); }
.yorum--ogretmen { margin: 0 -12px; padding: 20px 12px; border-radius: 12px; background: #fff9ed; }
.yorum-avatar { display: grid; width: 40px; height: 40px; flex: 0 0 auto; border-radius: 50%; color: #fff; background: #7c8592; font-size: 11px; font-weight: 850; place-items: center; }
.yorum--ogretmen > .yorum-avatar { background: var(--kirmizi); }
.yorum-icerik { min-width: 0; flex: 1; }
.yorum-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.yorum-meta strong { font-size: 13px; }
.yorum-meta time { color: #979da6; font-size: 10px; }
.rol { padding: 3px 7px; border-radius: 99px; color: #515966; background: #eceef1; font-size: 9px; font-weight: 850; text-transform: uppercase; }
.rozeti--ogretmen { color: #8d1018; background: #fde1e3; }
.sure-linki { display: inline-flex; align-items: center; padding: 5px 8px; margin-top: 9px; border: 0; border-radius: 7px; color: var(--kirmizi); background: #fdebed; font-size: 11px; font-weight: 800; cursor: pointer; }
.yorum-metni { margin: 8px 0; font-size: 13px; line-height: 1.65; white-space: pre-wrap; }
.yanitla { padding: 0; border: 0; color: var(--soluk); background: transparent; font-size: 10px; font-weight: 800; cursor: pointer; }
.yanit-listesi { margin: 14px 0 0 8px; padding-left: 18px; border-left: 2px solid #e7e9ed; }
.yanit-listesi .yorum { padding: 14px 0; }
.yanit-listesi .yorum--ogretmen { margin: 0; padding: 14px 10px; }
.yanit-formu { padding: 12px; margin-top: 12px; border-radius: 11px; background: #f2f3f5; }
.yanit-formu textarea { min-height: 70px; }
.yanit-form-alt { display: flex; justify-content: space-between; gap: 10px; margin-top: 8px; }
.yanit-form-alt input { width: 75px; padding: 8px; border: 1px solid var(--cizgi); border-radius: 7px; }
.yanit-form-alt button { padding: 8px 12px; border: 0; border-radius: 7px; color: #fff; background: var(--kirmizi); font-size: 11px; font-weight: 750; cursor: pointer; }
.yorum-yukleniyor, .yorum-hata { padding: 25px 0; color: var(--soluk); font-size: 12px; text-align: center; }
.yorum-hata { color: var(--kirmizi); }
.yorum--vurgulu { border-radius: 12px; animation: yorum-vurgu 1.8s ease; }
.yorum-filtreleri { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.yorum-filtreleri a { padding: 9px 14px; border: 1px solid var(--cizgi); border-radius: 99px; color: var(--soluk); background: #fff; font-size: 11px; font-weight: 750; }
.yorum-filtreleri a.aktif { border-color: var(--kirmizi); color: #fff; background: var(--kirmizi); }
.yorum-gelen-kutusu { overflow: hidden; }
.yorum-kutu-satiri { display: grid; grid-template-columns: 43px minmax(0, 1fr) auto; align-items: start; gap: 15px; padding: 21px 23px; border-top: 1px solid var(--cizgi); }
.yorum-kutu-satiri:first-child { border-top: 0; }
.yorum-kutu-satiri.yeni { background: #fffafa; box-shadow: inset 3px 0 var(--kirmizi); }
.yorum-kutu-avatar { display: grid; width: 43px; height: 43px; border-radius: 50%; color: #fff; background: var(--lacivert); font-size: 11px; font-weight: 850; place-items: center; }
.yorum-kutu-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.yorum-kutu-meta strong { font-size: 12px; }
.yeni-rozeti, .cevapsiz-rozeti { padding: 3px 7px; border-radius: 99px; color: #fff; background: var(--kirmizi); font-size: 9px; font-weight: 850; text-transform: uppercase; }
.cevapsiz-rozeti { color: #755000; background: #ffedb7; }
.yorum-kutu-icerik h3 { margin: 8px 0 5px; font-size: 15px; }
.yorum-kutu-icerik > p { display: -webkit-box; overflow: hidden; margin: 0; color: #525966; font-size: 12px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.yorum-kutu-alt { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 9px; color: #9399a2; font-size: 10px; }
.yorum-kutu-islem { display: flex; align-items: flex-end; flex-direction: column; gap: 10px; }
.yorum-kutu-islem .buton { min-height: 38px; padding: 0 13px; font-size: 10px; }
.sure-ozeti { color: var(--kirmizi); font-size: 11px; font-weight: 800; }
.bos-kutu { display: grid; justify-items: center; padding: 60px 25px; color: var(--soluk); text-align: center; }
.bos-kutu strong { color: var(--metin); }
.bos-kutu span { margin-top: 7px; font-size: 12px; }
@keyframes yorum-vurgu { 0%, 55% { box-shadow: 0 0 0 4px rgba(201,15,29,.23); } 100% { box-shadow: none; } }
.yoklama-secim { padding: 22px; margin-bottom: 18px; }
.yoklama-secim form { display: grid; grid-template-columns: 1fr 1.25fr auto; align-items: end; gap: 14px; }
.yoklama-secim label { display: grid; gap: 7px; color: var(--soluk); font-size: 11px; font-weight: 750; }
.yoklama-secim select { width: 100%; height: 46px; padding: 0 12px; border: 1px solid var(--cizgi); border-radius: 10px; color: var(--metin); background: #fff; }
.yoklama-form-karti .kart-baslik { align-items: flex-start; }
.yoklama-form-karti .kart-baslik h2 { margin: 4px 0 5px; }
.yoklama-form-karti .kart-baslik small { color: var(--soluk); }
.yoklama-tablosu td:first-child strong, .yoklama-tablosu td:first-child small { display: block; }
.yoklama-tablosu td:first-child small { margin-top: 4px; color: var(--soluk); font-size: 9px; }
.yoklama-radio { display: inline-flex; cursor: pointer; }
.yoklama-radio input { position: absolute; opacity: 0; pointer-events: none; }
.yoklama-radio span { display: inline-flex; padding: 7px 9px; border: 1px solid var(--cizgi); border-radius: 8px; color: var(--soluk); font-size: 10px; white-space: nowrap; }
.yoklama-radio input:checked + span { border-color: var(--kirmizi); color: var(--kirmizi); background: #fdebed; font-weight: 800; }
.yoklama-notu { min-width: 160px; padding: 9px; border: 1px solid var(--cizgi); border-radius: 8px; }
.yoklama-kaydet { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 22px; border-top: 1px solid var(--cizgi); }
.yoklama-kaydet span { color: var(--soluk); font-size: 11px; }
.islem-basarili { padding: 13px 16px; margin-bottom: 16px; border: 1px solid #bce8d7; border-radius: 11px; color: #086b49; background: #e8f8f1; font-size: 12px; font-weight: 750; }
.yoklama-filtreleri { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 15px; }
.yoklama-filtreleri a { padding: 9px 13px; border: 1px solid var(--cizgi); border-radius: 99px; color: var(--soluk); background: #fff; font-size: 11px; font-weight: 750; }
.yoklama-filtreleri a.aktif { border-color: var(--kirmizi); color: #fff; background: var(--kirmizi); }
.katilim-rozeti { display: inline-flex; padding: 5px 9px; border-radius: 99px; font-size: 10px; font-weight: 800; }
.katilim-present { color: #086b49; background: #dbf5ea; }
.katilim-late { color: #815600; background: #fff2cc; }
.katilim-absent { color: #99121c; background: #fde1e3; }
.katilim-excused { color: #3f568c; background: #e6edff; }
.katilim-pending { color: #646b76; background: #eceef1; }
.ogrenci-yoklama-tablosu tr.yoklama-durum-absent { background: #fff8f8; }
.ders-hucre strong, .ders-hucre small { display: block; }
.ders-hucre small { max-width: 230px; margin-top: 4px; overflow: hidden; color: var(--soluk); font-size: 10px; text-overflow: ellipsis; }

.sinif-istatistikleri { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kart-baslik small { display: block; margin-top: 5px; color: var(--soluk); font-size: 11px; }
.tablo-alt { display: block; margin-top: 4px; color: var(--soluk); font-size: 10px; }
.tablo-islem { color: var(--kirmizi); font-weight: 750; }
.durum--active, .durum--completed { color: #086b49; background: #dbf5ea; }
.durum--archived, .durum--cancelled { color: #646b76; background: #eceef1; }
.durum--planned { color: #3f568c; background: #e6edff; }
.sayfa-geri { display: inline-flex; margin-bottom: 18px; color: var(--kirmizi); font-size: 12px; font-weight: 800; }
.sinif-detay-baslik { align-items: center; }
.sinif-detay-baslik > .durum { padding: 8px 13px; }
.sinif-yonetim-grid { display: grid; grid-template-columns: minmax(280px, .75fr) minmax(420px, 1.25fr); gap: 20px; margin-bottom: 20px; }
.buton--kucuk { min-height: 38px; padding: 0 14px; font-size: 11px; }
.buton:disabled, .metin-dugme:disabled { cursor: default; opacity: .48; transform: none; }
.bilgi-listesi { margin: 0; padding: 0 23px 20px; }
.bilgi-listesi > div { display: grid; grid-template-columns: 120px 1fr; gap: 14px; padding: 14px 0; border-top: 1px solid #eceef1; }
.bilgi-listesi dt { color: var(--soluk); font-size: 11px; }
.bilgi-listesi dd { margin: 0; font-size: 12px; font-weight: 750; }
.bilgi-listesi dd small { display: block; margin-top: 4px; color: var(--soluk); font-size: 10px; font-weight: 500; }
.yonetim-liste { max-height: 310px; margin: 0; padding: 0 22px 17px; overflow-y: auto; list-style: none; }
.yonetim-liste li { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 12px 0; border-top: 1px solid #eceef1; }
.yonetim-liste strong, .yonetim-liste small { display: block; }
.yonetim-liste strong { font-size: 12px; }
.yonetim-liste small { margin-top: 3px; color: var(--soluk); font-size: 10px; }
.yonetim-bos { display: grid; gap: 6px; padding: 28px 23px; color: var(--soluk); font-size: 12px; }
.sinif-dersleri { margin-bottom: 30px; }
.metin-dugme { padding: 0; border: 0; color: var(--kirmizi); background: transparent; font-size: 11px; font-weight: 750; }
.metin-dugme:not(:disabled) { cursor: pointer; }
.metin-dugme--tehlike { color: #99121c; }
.yonetim-form-karti { max-width: 780px; }
.yonetim-formu { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 24px; }
.yonetim-formu--ic { padding-top: 0; }
.yonetim-formu label, .hizli-ekleme label { display: grid; gap: 7px; color: var(--metin); font-size: 11px; font-weight: 750; }
.yonetim-formu input, .yonetim-formu select, .hizli-ekleme input, .hizli-ekleme select, .ders-duzenleme input, .ders-duzenleme select { width: 100%; min-height: 42px; padding: 0 11px; border: 1px solid var(--cizgi); border-radius: 9px; color: var(--metin); background: #fff; font: inherit; }
.yonetim-formu input:focus, .yonetim-formu select:focus, .hizli-ekleme input:focus, .hizli-ekleme select:focus, .ders-duzenleme input:focus, .ders-duzenleme select:focus { border-color: var(--kirmizi); outline: 3px solid rgba(201, 15, 29, .08); }
.yonetim-formu .buton { align-self: end; }
.form-islemleri { display: flex; grid-column: 1 / -1; justify-content: flex-end; gap: 10px; }
.hizli-ekleme { display: grid; grid-template-columns: 1fr 1.2fr auto; align-items: end; gap: 10px; padding: 0 22px 18px; }
.hizli-ekleme--ders { grid-template-columns: minmax(220px, 1fr) minmax(190px, .6fr) minmax(130px, .4fr) minmax(220px, .8fr) auto; border-bottom: 1px solid #eceef1; }
.ders-duzenleme-listesi { padding: 0 22px 18px; }
.ders-duzenleme { padding: 18px 0; border-top: 1px solid #eceef1; }
.ders-duzenleme-baslik { display: flex; align-items: center; justify-content: space-between; margin-bottom: 13px; }
.ders-form-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; }
.ders-form-grid label { display: grid; min-width: 0; gap: 6px; color: var(--soluk); font-size: 10px; font-weight: 750; }
.ders-form-grid .genis-alan { grid-column: span 2; }
.ders-form-alt { display: flex; justify-content: flex-end; margin-top: 12px; }
.durum--live { color: #fff; background: var(--kirmizi); }
.canli-ders-filtre { margin-bottom: 20px; padding: 19px 22px; }
.canli-ders-filtre form { display: flex; align-items: end; gap: 12px; }
.canli-ders-filtre label { display: grid; min-width: min(420px, 70vw); gap: 7px; color: var(--soluk); font-size: 11px; font-weight: 750; }
.canli-ders-filtre select, .canli-ders-formu input, .canli-ders-formu select { width: 100%; min-height: 42px; padding: 0 11px; border: 1px solid var(--cizgi); border-radius: 9px; color: var(--metin); background: #fff; font: inherit; }
.canli-ders-kartlari { display: grid; gap: 15px; }
.canli-ders-karti { scroll-margin-top: 20px; }
.canli-ders-ozet { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 20px 22px 15px; }
.canli-ders-ozet h2 { margin: 4px 0 5px; font-size: 18px; }
.canli-ders-ozet span:not(.durum) { color: var(--soluk); font-size: 11px; }
.canli-ders-formu { display: grid; grid-template-columns: minmax(140px, .4fr) minmax(140px, .4fr) minmax(240px, 1fr) minmax(240px, 1fr) minmax(100px, .3fr); align-items: end; gap: 11px; padding: 0 22px 21px; }
.canli-ders-formu label { display: grid; min-width: 0; gap: 6px; color: var(--soluk); font-size: 10px; font-weight: 750; }
.canli-ders-islemleri { display: flex; grid-column: 1 / -1; justify-content: flex-end; gap: 9px; }
.canli-ders-bolum-baslik { display: flex; align-items: flex-end; justify-content: space-between; margin: 28px 0 14px; }
.canli-ders-bolum-baslik:first-of-type { margin-top: 0; }
.canli-ders-bolum-baslik h2 { margin: 0 0 4px; font-size: 19px; }
.canli-ders-bolum-baslik p { margin: 0; color: var(--soluk); font-size: 12px; }
.ogrenci-canli-listesi { display: grid; gap: 12px; }
.ogrenci-canli-kart { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 18px 20px; }
.ogrenci-canli-tarih { display: grid; width: 58px; height: 62px; border-radius: 13px; color: var(--kirmizi); background: #fdebed; place-items: center; align-content: center; }
.ogrenci-canli-tarih strong { font-size: 23px; line-height: 1; }
.ogrenci-canli-tarih span { margin-top: 4px; font-size: 9px; font-weight: 850; }
.ogrenci-canli-icerik h2 { margin: 4px 0 5px; font-size: 17px; }
.ogrenci-canli-icerik > p:not(.ust-etiket) { margin: 0; color: var(--soluk); font-size: 11px; }
.ogrenci-canli-islemler { display: flex; align-items: center; gap: 9px; margin-top: 13px; }
.ogrenci-canli-islemler .buton { min-height: 38px; padding: 0 14px; font-size: 11px; }
.kilitli-baglanti { color: var(--soluk); font-size: 11px; font-weight: 700; }
.kurs-kayitlari { margin-top: 20px; }
.kurs-kayitlari .ders-listesi { padding: 0 22px 15px; }
.kurs-kayitlari .ders-link span:nth-child(2) small { display: block; margin-top: 4px; }
.kayit-ac { margin-top: 16px; }
.uygulama-bildirimleri { margin-bottom: 20px; }
.bildirim-listesi { padding: 0 22px 16px; }
.bildirim-satiri { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 13px; padding: 15px 0; border-top: 1px solid #eceef1; }
.bildirim-satiri.yeni { margin: 0 -10px; padding-right: 10px; padding-left: 10px; border-radius: 11px; background: #fff7f7; }
.bildirim-satiri strong, .bildirim-satiri small { display: block; }
.bildirim-satiri p { margin: 4px 0; color: var(--soluk); font-size: 11px; }
.bildirim-satiri small { color: #949aa4; font-size: 10px; }
.bildirim-satiri .buton { min-height: 38px; padding: 0 13px; font-size: 10px; }
.odev-dosyalari { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.odev-dosyalari li { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--cizgi); border-radius: 11px; }
.odev-dosyalari strong, .odev-dosyalari small { display: block; }
.odev-dosyalari strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.odev-dosyalari small { margin-top: 3px; color: var(--soluk); font-size: 9px; }
.odev-dosyalari .buton { min-height: 34px; padding: 0 11px; font-size: 10px; }
.odev-dosya-yok { margin: 0; color: var(--soluk); font-size: 11px; }
.odev-dosya-alani { display: grid; gap: 7px; color: var(--metin); font-size: 11px; font-weight: 750; }
.odev-dosya-alani input[type="file"] { width: 100%; padding: 10px; border: 1px dashed #cfd3da; border-radius: 9px; background: #fafbfc; font-size: 11px; font-weight: 500; }
.odev-dosya-alani small { color: var(--soluk); font-size: 10px; font-weight: 500; line-height: 1.5; }
.durum--draft { color: #646b76; background: #eceef1; }
.durum--published, .durum--graded { color: #086b49; background: #dbf5ea; }
.durum--closed { color: #515966; background: #e3e6ea; }
.durum--submitted { color: #3f568c; background: #e6edff; }
.durum--resubmit_requested, .durum--gec { color: #8d1018; background: #fdebed; }
.durum--bekliyor { color: #815600; background: #fff2cc; }
.odev-bekleyen { color: var(--kirmizi); }
.odev-tablosu td small { white-space: nowrap; }
.odev-form-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr); gap: 20px; align-items: start; }
.odev-formu { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 0 23px 23px; }
.odev-formu label, .teslim-formu label, .degerlendirme-formu label { display: grid; gap: 7px; color: var(--metin); font-size: 11px; font-weight: 750; }
.odev-formu .genis-alan, .degerlendirme-formu .genis-alan { grid-column: 1 / -1; }
.odev-formu input, .odev-formu textarea, .teslim-formu textarea, .degerlendirme-formu input, .degerlendirme-formu textarea { width: 100%; min-height: 42px; padding: 10px 11px; border: 1px solid var(--cizgi); border-radius: 9px; color: var(--metin); background: #fff; font: inherit; font-weight: 500; }
.odev-formu textarea, .teslim-formu textarea, .degerlendirme-formu textarea { resize: vertical; line-height: 1.5; }
.odev-formu input:focus, .odev-formu textarea:focus, .teslim-formu textarea:focus, .degerlendirme-formu input:focus, .degerlendirme-formu textarea:focus, .odev-dosya-alani input:focus { border-color: var(--kirmizi); outline: 3px solid rgba(201, 15, 29, .08); }
.odev-form-islemleri { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin-top: 18px; }
.odev-hedefler { display: grid; gap: 12px; padding: 0 23px 23px; }
.odev-hedef-sinif { margin: 0; padding: 0; border: 1px solid var(--cizgi); border-radius: 12px; overflow: hidden; }
.odev-hedef-sinif.tumu-secili { border-color: var(--kirmizi); box-shadow: 0 0 0 3px rgba(201, 15, 29, .06); }
.odev-hedef-baslik { display: flex; align-items: center; gap: 12px; padding: 13px 15px; background: #fafbfc; cursor: pointer; }
.odev-hedef-baslik strong, .odev-hedef-baslik small { display: block; }
.odev-hedef-baslik strong { font-size: 13px; }
.odev-hedef-baslik small { margin-top: 3px; color: var(--soluk); font-size: 10px; }
.odev-hedef-ogrenciler { display: grid; gap: 2px; padding: 8px 10px 10px; }
.odev-hedef-ogrenciler label { display: flex; align-items: center; gap: 10px; padding: 7px 8px; border-radius: 8px; font-size: 12px; cursor: pointer; }
.odev-hedef-ogrenciler label:hover { background: #f5f6f8; }
.odev-hedef-ogrenciler small { display: block; margin-top: 2px; color: var(--soluk); font-size: 10px; }
.odev-hedef-ogrenciler .odev-dosya-yok { padding: 6px 8px; }
.odev-hedefler input[type="checkbox"] { width: 17px; height: 17px; flex: 0 0 auto; accent-color: var(--kirmizi); }
.odev-detay-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(280px, .8fr); gap: 20px; margin-bottom: 20px; align-items: start; }
.odev-aciklama { padding: 0 23px 23px; }
.odev-aciklama > p { margin: 0 0 16px; color: var(--metin); font-size: 13px; line-height: 1.7; }
.odev-ozet-liste li:first-child { border-top: 0; }
.odev-durum-formu { padding: 4px 22px 22px; }
.odev-durum-formu .buton { width: 100%; }
.odev-sinif-bolumu { margin-bottom: 20px; }
.teslim-listesi { display: grid; gap: 14px; padding: 0 23px 23px; }
.teslim-karti { border: 1px solid var(--cizgi); border-radius: 13px; overflow: hidden; scroll-margin-top: 20px; }
.teslim-baslik { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 13px 15px; background: #fafbfc; }
.teslim-baslik strong, .teslim-baslik small { display: block; }
.teslim-baslik strong { font-size: 13px; }
.teslim-baslik small { margin-top: 3px; color: var(--soluk); font-size: 10px; }
.teslim-karti > .odev-dosya-yok { padding: 12px 15px; }
.teslim-icerik { display: grid; gap: 14px; padding: 15px; }
.teslim-zaman { margin: 0; color: var(--soluk); font-size: 11px; font-weight: 750; }
.teslim-not { padding: 12px 14px; border-radius: 10px; background: #f5f6f8; }
.teslim-not strong { display: block; margin-bottom: 5px; color: var(--soluk); font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }
.teslim-not p { margin: 0; font-size: 12px; line-height: 1.6; }
.teslim-sonuc { padding: 13px 15px; border: 1px solid #bce8d7; border-radius: 10px; background: #e8f8f1; }
.teslim-sonuc strong { display: block; color: #086b49; font-size: 14px; }
.teslim-sonuc small { display: block; margin-top: 3px; color: var(--soluk); font-size: 10px; }
.teslim-sonuc p { margin: 8px 0 0; font-size: 12px; line-height: 1.6; }
.teslim-sonuc--yeniden { border-color: #f4c2c6; background: #fdebed; }
.teslim-sonuc--yeniden strong { color: #8d1018; }
.degerlendirme-formu { display: grid; grid-template-columns: minmax(120px, .3fr) minmax(0, 1fr); gap: 12px; padding-top: 14px; border-top: 1px dashed var(--cizgi); }
.degerlendirme-islemleri { display: flex; grid-column: 1 / -1; flex-wrap: wrap; justify-content: flex-end; gap: 9px; }
.odev-karti .puan-rozeti { color: #086b49; }
.odev-teslim-bolumu, .odev-teslim-formu-karti { margin-bottom: 20px; }
.odev-teslim-bolumu .teslim-icerik { padding: 0 23px 23px; }
.teslim-formu { display: grid; gap: 16px; padding: 0 23px 23px; }
.teslim-formu .odev-form-islemleri { margin-top: 0; }
.kurs-baglantilar { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 12px; padding-top: 12px; border-top: 1px solid #eef0f3; font-size: 11px; font-weight: 750; }
.kurs-baglantilar a { color: var(--kirmizi); }
.kurs-ders-listesi { padding: 0 22px 16px; }
.ders-satir { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 12px; cursor: default; }
.ders-satir > span:nth-child(2) small { display: block; margin-top: 3px; color: var(--soluk); font-size: 10px; }
.ders-satir .buton { min-height: 34px; }
.liste-icerik strong a:hover { color: var(--kirmizi); }

@media (max-width: 980px) {
  .istatistikler { grid-template-columns: repeat(2, 1fr); }
  .iki-kolon { grid-template-columns: 1fr; }
  /* Dar ekranda menü bağlantıları gizlenmez; logo/butonların altında kaydırılabilir satır olur */
  .site-nav { flex-wrap: wrap; height: auto; padding: 8px 0 8px; row-gap: 4px; }
  .site-nav > a:first-child img, .site-nav .marka img { width: 140px; }
  .site-linkler { order: 3; width: 100%; gap: 6px; overflow-x: auto; padding: 2px 0 4px; scrollbar-width: none; }
  .site-linkler::-webkit-scrollbar { display: none; }
  .site-linkler a { flex: 0 0 auto; padding: 7px 11px; border-radius: 99px; background: rgba(255,255,255,.08); font-size: 12px; white-space: nowrap; }
  .site-linkler a.aktif { color: #1b2029; background: var(--sari); }
  .hero-ic { grid-template-columns: 1fr; gap: 45px; }
  .hero-panel { max-width: 590px; }
  .ozellik-grid { grid-template-columns: repeat(2, 1fr); }
  .kurs-grid { grid-template-columns: 1fr 1fr; }
  .video-yerlesim { grid-template-columns: 1fr; }
  .giris-kabuk { grid-template-columns: 1fr; }
  .giris-marka { min-height: 300px; }
  .giris-marka small { display: none; }
}

@media (max-width: 720px) {
  .mobil-ust { position: sticky; top: 0; z-index: 30; display: flex; height: 65px; align-items: center; justify-content: space-between; padding: 8px 18px; background: var(--lacivert); }
  .mobil-ust .marka img { width: 150px; }
  .menu-ac { border: 0; color: #fff; background: transparent; font-size: 25px; }
  .panel-kabuk { display: block; }
  .yan-menu { position: fixed; left: 0; top: 65px; width: min(86vw, 290px); height: calc(100vh - 65px); transform: translateX(-105%); transition: transform .25s ease; }
  .yan-menu.acik { transform: translateX(0); }
  .yan-logo { display: none; }
  .panel-ust { display: none; }
  .panel-icerik { padding: 24px 17px; }
  .istatistikler { grid-template-columns: 1fr 1fr; gap: 10px; }
  .istatistik { padding: 16px; }
  .istatistik strong { font-size: 23px; }
  .tarih { display: none; }
  .site-nav .marka img { width: 154px; }
  .site-nav-islem .buton--cizgi { display: none; }
  .site-nav-islem .buton { min-height: 40px; padding: 0 14px; font-size: 12px; }
  .hero-ic { min-height: auto; padding: 62px 0 72px; }
  .hero h1 { font-size: 46px; }
  .hero-kopya > p { font-size: 15px; }
  .site-bolum { padding: 65px 0; }
  .ozellik-grid, .kurs-grid { grid-template-columns: 1fr; }
  .magaza-cta { align-items: flex-start; flex-direction: column; padding: 38px 25px; }
  .site-alt .site-kapsayici { align-items: flex-start; flex-direction: column; gap: 18px; }
  .kurslar-grid { grid-template-columns: 1fr; }
  .detay-ust { grid-template-columns: 1fr; }
  .detay-seviye { width: 70px; height: 70px; }
  .hosgeldin { align-items: flex-start; flex-direction: column; }
  .giris-marka { min-height: 260px; padding: 30px 24px; }
  .giris-marka h1 { margin: 25px 0 10px; font-size: 34px; }
  .giris-marka p { margin-bottom: 0; font-size: 14px; }
  .giris-form-alani { padding: 24px 16px; }
  .giris-form-karti { padding: 27px 22px; }
  .yorum-bolumu { padding: 20px 15px; }
  .yorum-baslik, .yorum-form-alt { align-items: flex-start; flex-direction: column; }
  .sure-alani { flex-wrap: wrap; }
  .video-kontroller { right: 10px; bottom: 10px; left: 10px; }
  .yorum-kutu-satiri { grid-template-columns: 38px minmax(0, 1fr); padding: 18px 15px; }
  .yorum-kutu-islem { grid-column: 2; align-items: flex-start; }
  .yoklama-secim form { grid-template-columns: 1fr; }
  .yoklama-kaydet { align-items: stretch; flex-direction: column; }
  .sinif-istatistikleri { grid-template-columns: 1fr; }
  .sinif-yonetim-grid { grid-template-columns: 1fr; }
  .yonetim-formu, .hizli-ekleme, .hizli-ekleme--ders, .ders-form-grid { grid-template-columns: 1fr; }
  .ders-form-grid .genis-alan { grid-column: auto; }
  .form-islemleri { grid-column: auto; flex-direction: column-reverse; }
  .canli-ders-filtre form, .canli-ders-formu { display: grid; grid-template-columns: 1fr; }
  .canli-ders-filtre label { min-width: 0; }
  .canli-ders-islemleri { grid-column: auto; flex-direction: column; }
  .ogrenci-canli-kart { grid-template-columns: 52px minmax(0, 1fr); align-items: start; gap: 12px; padding: 15px; }
  .ogrenci-canli-tarih { width: 50px; height: 55px; }
  .ogrenci-canli-kart > .durum { grid-column: 2; justify-self: start; }
  .ogrenci-canli-islemler { align-items: stretch; flex-direction: column; }
  .bildirim-satiri { grid-template-columns: 38px minmax(0, 1fr); }
  .bildirim-satiri .buton { grid-column: 2; }
  .odev-form-grid, .odev-detay-grid, .odev-formu, .degerlendirme-formu { grid-template-columns: 1fr; }
  .teslim-baslik { grid-template-columns: 38px minmax(0, 1fr); }
  .teslim-baslik > .durum { grid-column: 2; justify-self: start; }
}

/* denetim düzeltmeleri */
.durum--in_progress { color: #8a5a00; background: #fff4d6; }
.panel-icerik td, .panel-icerik .liste-icerik, .panel-icerik .kart h1, .panel-icerik .kart h2, .panel-icerik .tablo-alt, .panel-icerik .bildirim-satiri p { overflow-wrap: anywhere; }