/* DersTeders Özel İkon Sistemi */
.ui-icon, .ders-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  vertical-align: middle;
  flex-shrink: 0;
}
.icon-sm { width:16px; height:16px; }
.icon-md { width:24px; height:24px; }
.icon-lg { width:32px; height:32px; }
.icon-xl { width:48px; height:48px; }

/* Metin içi otomatik ölçeklenen ikon (emoji yerine) */
.ui-icon.icon-inline, .ders-icon.icon-inline { width:1.15em; height:1.15em; vertical-align:-0.18em; }

/* Büyük dekoratif ikon kapsayıcıları */
.stat-icon .ui-icon { width:1.5em; height:1.5em; }
.empty-icon .ui-icon, .export-icon .ui-icon { width:1em; height:1em; }
.stat-icon .ui-icon.icon-inline { width:1.5em; height:1.5em; }

/* Maske tabanlı ikon eşleşmeleri */
.icon-matematik { -webkit-mask-image:url(../icons/matematik.svg); mask-image:url(../icons/matematik.svg); }
.icon-fizik { -webkit-mask-image:url(../icons/fizik.svg); mask-image:url(../icons/fizik.svg); }
.icon-kimya { -webkit-mask-image:url(../icons/kimya.svg); mask-image:url(../icons/kimya.svg); }
.icon-biyoloji { -webkit-mask-image:url(../icons/biyoloji.svg); mask-image:url(../icons/biyoloji.svg); }
.icon-turkce { -webkit-mask-image:url(../icons/turkce.svg); mask-image:url(../icons/turkce.svg); }
.icon-tarih { -webkit-mask-image:url(../icons/tarih.svg); mask-image:url(../icons/tarih.svg); }
.icon-cografya { -webkit-mask-image:url(../icons/cografya.svg); mask-image:url(../icons/cografya.svg); }
.icon-ingilizce { -webkit-mask-image:url(../icons/ingilizce.svg); mask-image:url(../icons/ingilizce.svg); }
.icon-felsefe { -webkit-mask-image:url(../icons/felsefe.svg); mask-image:url(../icons/felsefe.svg); }
.icon-din { -webkit-mask-image:url(../icons/din.svg); mask-image:url(../icons/din.svg); }
.icon-otomasyon { -webkit-mask-image:url(../icons/otomasyon.svg); mask-image:url(../icons/otomasyon.svg); }
.icon-devre-dizayn { -webkit-mask-image:url(../icons/devre-dizayn.svg); mask-image:url(../icons/devre-dizayn.svg); }
.icon-rozet { -webkit-mask-image:url(../icons/rozet.svg); mask-image:url(../icons/rozet.svg); }
.icon-seviye { -webkit-mask-image:url(../icons/seviye.svg); mask-image:url(../icons/seviye.svg); }
.icon-xp { -webkit-mask-image:url(../icons/xp.svg); mask-image:url(../icons/xp.svg); }
.icon-takvim { -webkit-mask-image:url(../icons/takvim.svg); mask-image:url(../icons/takvim.svg); }
.icon-saat { -webkit-mask-image:url(../icons/saat.svg); mask-image:url(../icons/saat.svg); }
.icon-hedef { -webkit-mask-image:url(../icons/hedef.svg); mask-image:url(../icons/hedef.svg); }
.icon-pdf { -webkit-mask-image:url(../icons/pdf.svg); mask-image:url(../icons/pdf.svg); }
.icon-video { -webkit-mask-image:url(../icons/video.svg); mask-image:url(../icons/video.svg); }
.icon-not { -webkit-mask-image:url(../icons/not.svg); mask-image:url(../icons/not.svg); }
.icon-arama { -webkit-mask-image:url(../icons/arama.svg); mask-image:url(../icons/arama.svg); }
.icon-ayarlar { -webkit-mask-image:url(../icons/ayarlar.svg); mask-image:url(../icons/ayarlar.svg); }
.icon-basari { -webkit-mask-image:url(../icons/basari.svg); mask-image:url(../icons/basari.svg); }
.icon-beden { -webkit-mask-image:url(../icons/beden.svg); mask-image:url(../icons/beden.svg); }
.icon-bildirim { -webkit-mask-image:url(../icons/bildirim.svg); mask-image:url(../icons/bildirim.svg); }
.icon-ders { -webkit-mask-image:url(../icons/ders.svg); mask-image:url(../icons/ders.svg); }
.icon-elektrik { -webkit-mask-image:url(../icons/elektrik.svg); mask-image:url(../icons/elektrik.svg); }
.icon-kilit { -webkit-mask-image:url(../icons/kilit.svg); mask-image:url(../icons/kilit.svg); }
.icon-okul { -webkit-mask-image:url(../icons/okul.svg); mask-image:url(../icons/okul.svg); }
.icon-profil { -webkit-mask-image:url(../icons/profil.svg); mask-image:url(../icons/profil.svg); }
.icon-quiz { -webkit-mask-image:url(../icons/quiz.svg); mask-image:url(../icons/quiz.svg); }
.icon-tesisat { -webkit-mask-image:url(../icons/tesisat.svg); mask-image:url(../icons/tesisat.svg); }
.icon-yildiz { -webkit-mask-image:url(../icons/yildiz.svg); mask-image:url(../icons/yildiz.svg); }

/* ===== DersTeders Özgün İkon Seti (otomatik eklendi) ===== */
.icon-ampul { -webkit-mask-image:url(../icons/ampul.svg); mask-image:url(../icons/ampul.svg); }
.icon-anahtar { -webkit-mask-image:url(../icons/anahtar.svg); mask-image:url(../icons/anahtar.svg); }
.icon-arac { -webkit-mask-image:url(../icons/arac.svg); mask-image:url(../icons/arac.svg); }
.icon-asagi-ok { -webkit-mask-image:url(../icons/asagi-ok.svg); mask-image:url(../icons/asagi-ok.svg); }
.icon-ates { -webkit-mask-image:url(../icons/ates.svg); mask-image:url(../icons/ates.svg); }
.icon-belge { -webkit-mask-image:url(../icons/belge.svg); mask-image:url(../icons/belge.svg); }
.icon-beyin { -webkit-mask-image:url(../icons/beyin.svg); mask-image:url(../icons/beyin.svg); }
.icon-bilgi-kutu { -webkit-mask-image:url(../icons/bilgi-kutu.svg); mask-image:url(../icons/bilgi-kutu.svg); }
.icon-bina { -webkit-mask-image:url(../icons/bina.svg); mask-image:url(../icons/bina.svg); }
.icon-bitki { -webkit-mask-image:url(../icons/bitki.svg); mask-image:url(../icons/bitki.svg); }
.icon-buzul { -webkit-mask-image:url(../icons/buzul.svg); mask-image:url(../icons/buzul.svg); }
.icon-canli { -webkit-mask-image:url(../icons/canli.svg); mask-image:url(../icons/canli.svg); }
.icon-cark { -webkit-mask-image:url(../icons/cark.svg); mask-image:url(../icons/cark.svg); }
.icon-cihaz-yatay { -webkit-mask-image:url(../icons/cihaz-yatay.svg); mask-image:url(../icons/cihaz-yatay.svg); }
.icon-cihaz { -webkit-mask-image:url(../icons/cihaz.svg); mask-image:url(../icons/cihaz.svg); }
.icon-cikis { -webkit-mask-image:url(../icons/cikis.svg); mask-image:url(../icons/cikis.svg); }
.icon-defter { -webkit-mask-image:url(../icons/defter.svg); mask-image:url(../icons/defter.svg); }
.icon-deney { -webkit-mask-image:url(../icons/deney.svg); mask-image:url(../icons/deney.svg); }
.icon-denge { -webkit-mask-image:url(../icons/denge.svg); mask-image:url(../icons/denge.svg); }
.icon-disa-aktar { -webkit-mask-image:url(../icons/disa-aktar.svg); mask-image:url(../icons/disa-aktar.svg); }
.icon-disk { -webkit-mask-image:url(../icons/disk.svg); mask-image:url(../icons/disk.svg); }
.icon-dosya-ekle { -webkit-mask-image:url(../icons/dosya-ekle.svg); mask-image:url(../icons/dosya-ekle.svg); }
.icon-dunya { -webkit-mask-image:url(../icons/dunya.svg); mask-image:url(../icons/dunya.svg); }
.icon-duraklat { -webkit-mask-image:url(../icons/duraklat.svg); mask-image:url(../icons/duraklat.svg); }
.icon-durdur { -webkit-mask-image:url(../icons/durdur.svg); mask-image:url(../icons/durdur.svg); }
.icon-ay { -webkit-mask-image:url(../icons/ay.svg); mask-image:url(../icons/ay.svg); }
.icon-durum-basari { -webkit-mask-image:url(../icons/durum-basari.svg); mask-image:url(../icons/durum-basari.svg); }
.icon-durum-bilgi { -webkit-mask-image:url(../icons/durum-bilgi.svg); mask-image:url(../icons/durum-bilgi.svg); }
.icon-durum-hata { -webkit-mask-image:url(../icons/durum-hata.svg); mask-image:url(../icons/durum-hata.svg); }
.icon-durum-uyari { -webkit-mask-image:url(../icons/durum-uyari.svg); mask-image:url(../icons/durum-uyari.svg); }
.icon-egitim { -webkit-mask-image:url(../icons/egitim.svg); mask-image:url(../icons/egitim.svg); }
.icon-etiket { -webkit-mask-image:url(../icons/etiket.svg); mask-image:url(../icons/etiket.svg); }
.icon-ev { -webkit-mask-image:url(../icons/ev.svg); mask-image:url(../icons/ev.svg); }
.icon-fabrika { -webkit-mask-image:url(../icons/fabrika.svg); mask-image:url(../icons/fabrika.svg); }
.icon-geri-al { -webkit-mask-image:url(../icons/geri-al.svg); mask-image:url(../icons/geri-al.svg); }
.icon-geri { -webkit-mask-image:url(../icons/geri.svg); mask-image:url(../icons/geri.svg); }
.icon-giris { -webkit-mask-image:url(../icons/giris.svg); mask-image:url(../icons/giris.svg); }
.icon-goz-kapali { -webkit-mask-image:url(../icons/goz-kapali.svg); mask-image:url(../icons/goz-kapali.svg); }
.icon-goz { -webkit-mask-image:url(../icons/goz.svg); mask-image:url(../icons/goz.svg); }
.icon-grafik { -webkit-mask-image:url(../icons/grafik.svg); mask-image:url(../icons/grafik.svg); }
.icon-gunes { -webkit-mask-image:url(../icons/gunes.svg); mask-image:url(../icons/gunes.svg); }
.icon-harita { -webkit-mask-image:url(../icons/harita.svg); mask-image:url(../icons/harita.svg); }
.icon-hata-kutu { -webkit-mask-image:url(../icons/hata-kutu.svg); mask-image:url(../icons/hata-kutu.svg); }
.icon-hedef2 { -webkit-mask-image:url(../icons/hedef2.svg); mask-image:url(../icons/hedef2.svg); }
.icon-hiz { -webkit-mask-image:url(../icons/hiz.svg); mask-image:url(../icons/hiz.svg); }
.icon-ileri-al { -webkit-mask-image:url(../icons/ileri-al.svg); mask-image:url(../icons/ileri-al.svg); }
.icon-ileri { -webkit-mask-image:url(../icons/ileri.svg); mask-image:url(../icons/ileri.svg); }
.icon-indir { -webkit-mask-image:url(../icons/indir.svg); mask-image:url(../icons/indir.svg); }
.icon-insaat { -webkit-mask-image:url(../icons/insaat.svg); mask-image:url(../icons/insaat.svg); }
.icon-kalem-yazi { -webkit-mask-image:url(../icons/kalem-yazi.svg); mask-image:url(../icons/kalem-yazi.svg); }
.icon-kalem { -webkit-mask-image:url(../icons/kalem.svg); mask-image:url(../icons/kalem.svg); }
.icon-kalkan { -webkit-mask-image:url(../icons/kalkan.svg); mask-image:url(../icons/kalkan.svg); }
.icon-kamera { -webkit-mask-image:url(../icons/kamera.svg); mask-image:url(../icons/kamera.svg); }
.icon-kayit { -webkit-mask-image:url(../icons/kayit.svg); mask-image:url(../icons/kayit.svg); }
.icon-kilit-acik { -webkit-mask-image:url(../icons/kilit-acik.svg); mask-image:url(../icons/kilit-acik.svg); }
.icon-kilit2 { -webkit-mask-image:url(../icons/kilit2.svg); mask-image:url(../icons/kilit2.svg); }
.icon-kitap-acik { -webkit-mask-image:url(../icons/kitap-acik.svg); mask-image:url(../icons/kitap-acik.svg); }
.icon-kitap { -webkit-mask-image:url(../icons/kitap.svg); mask-image:url(../icons/kitap.svg); }
.icon-klasor { -webkit-mask-image:url(../icons/klasor.svg); mask-image:url(../icons/klasor.svg); }
.icon-klavye { -webkit-mask-image:url(../icons/klavye.svg); mask-image:url(../icons/klavye.svg); }
.icon-kullanici-ekle { -webkit-mask-image:url(../icons/kullanici-ekle.svg); mask-image:url(../icons/kullanici-ekle.svg); }
.icon-kullanici-sil { -webkit-mask-image:url(../icons/kullanici-sil.svg); mask-image:url(../icons/kullanici-sil.svg); }
.icon-kullanici { -webkit-mask-image:url(../icons/kullanici.svg); mask-image:url(../icons/kullanici.svg); }
.icon-kullanicilar { -webkit-mask-image:url(../icons/kullanicilar.svg); mask-image:url(../icons/kullanicilar.svg); }
.icon-kupa { -webkit-mask-image:url(../icons/kupa.svg); mask-image:url(../icons/kupa.svg); }
.icon-kutlama { -webkit-mask-image:url(../icons/kutlama.svg); mask-image:url(../icons/kutlama.svg); }
.icon-madalya { -webkit-mask-image:url(../icons/madalya.svg); mask-image:url(../icons/madalya.svg); }
.icon-madde-altin { -webkit-mask-image:url(../icons/madde-altin.svg); mask-image:url(../icons/madde-altin.svg); }
.icon-madde-bronz { -webkit-mask-image:url(../icons/madde-bronz.svg); mask-image:url(../icons/madde-bronz.svg); }
.icon-madde-gumus { -webkit-mask-image:url(../icons/madde-gumus.svg); mask-image:url(../icons/madde-gumus.svg); }
.icon-mezun { -webkit-mask-image:url(../icons/mezun.svg); mask-image:url(../icons/mezun.svg); }
.icon-miknatis { -webkit-mask-image:url(../icons/miknatis.svg); mask-image:url(../icons/miknatis.svg); }
.icon-mikrofon { -webkit-mask-image:url(../icons/mikrofon.svg); mask-image:url(../icons/mikrofon.svg); }
.icon-monitor { -webkit-mask-image:url(../icons/monitor.svg); mask-image:url(../icons/monitor.svg); }
.icon-ok-buyuk { -webkit-mask-image:url(../icons/ok-buyuk.svg); mask-image:url(../icons/ok-buyuk.svg); }
.icon-ok-kucuk { -webkit-mask-image:url(../icons/ok-kucuk.svg); mask-image:url(../icons/ok-kucuk.svg); }
.icon-onay-kutu { -webkit-mask-image:url(../icons/onay-kutu.svg); mask-image:url(../icons/onay-kutu.svg); }
.icon-onay { -webkit-mask-image:url(../icons/onay.svg); mask-image:url(../icons/onay.svg); }
.icon-oynat { -webkit-mask-image:url(../icons/oynat.svg); mask-image:url(../icons/oynat.svg); }
.icon-paket { -webkit-mask-image:url(../icons/paket.svg); mask-image:url(../icons/paket.svg); }
.icon-pano { -webkit-mask-image:url(../icons/pano.svg); mask-image:url(../icons/pano.svg); }
.icon-para { -webkit-mask-image:url(../icons/para.svg); mask-image:url(../icons/para.svg); }
.icon-parlak { -webkit-mask-image:url(../icons/parlak.svg); mask-image:url(../icons/parlak.svg); }
.icon-pasta-grafik { -webkit-mask-image:url(../icons/pasta-grafik.svg); mask-image:url(../icons/pasta-grafik.svg); }
.icon-raptiye { -webkit-mask-image:url(../icons/raptiye.svg); mask-image:url(../icons/raptiye.svg); }
.icon-robot { -webkit-mask-image:url(../icons/robot.svg); mask-image:url(../icons/robot.svg); }
.icon-roket { -webkit-mask-image:url(../icons/roket.svg); mask-image:url(../icons/roket.svg); }
.icon-rozet-yildiz { -webkit-mask-image:url(../icons/rozet-yildiz.svg); mask-image:url(../icons/rozet-yildiz.svg); }
.icon-sanat { -webkit-mask-image:url(../icons/sanat.svg); mask-image:url(../icons/sanat.svg); }
.icon-ses { -webkit-mask-image:url(../icons/ses.svg); mask-image:url(../icons/ses.svg); }
.icon-sicaklik { -webkit-mask-image:url(../icons/sicaklik.svg); mask-image:url(../icons/sicaklik.svg); }
.icon-sil { -webkit-mask-image:url(../icons/sil.svg); mask-image:url(../icons/sil.svg); }
.icon-sohbet { -webkit-mask-image:url(../icons/sohbet.svg); mask-image:url(../icons/sohbet.svg); }
.icon-soru-isareti { -webkit-mask-image:url(../icons/soru-isareti.svg); mask-image:url(../icons/soru-isareti.svg); }
.icon-soru { -webkit-mask-image:url(../icons/soru.svg); mask-image:url(../icons/soru.svg); }
.icon-su { -webkit-mask-image:url(../icons/su.svg); mask-image:url(../icons/su.svg); }
.icon-takim { -webkit-mask-image:url(../icons/takim.svg); mask-image:url(../icons/takim.svg); }
.icon-takvim-ikon { -webkit-mask-image:url(../icons/takvim-ikon.svg); mask-image:url(../icons/takvim-ikon.svg); }
.icon-uyari-kutu { -webkit-mask-image:url(../icons/uyari-kutu.svg); mask-image:url(../icons/uyari-kutu.svg); }
.icon-uydu { -webkit-mask-image:url(../icons/uydu.svg); mask-image:url(../icons/uydu.svg); }
.icon-yazici { -webkit-mask-image:url(../icons/yazici.svg); mask-image:url(../icons/yazici.svg); }
.icon-yeniden-baslat { -webkit-mask-image:url(../icons/yeniden-baslat.svg); mask-image:url(../icons/yeniden-baslat.svg); }
.icon-yenile { -webkit-mask-image:url(../icons/yenile.svg); mask-image:url(../icons/yenile.svg); }
.icon-yildiz2 { -webkit-mask-image:url(../icons/yildiz2.svg); mask-image:url(../icons/yildiz2.svg); }
.icon-yon-ok { -webkit-mask-image:url(../icons/yon-ok.svg); mask-image:url(../icons/yon-ok.svg); }
.icon-yukari-ok { -webkit-mask-image:url(../icons/yukari-ok.svg); mask-image:url(../icons/yukari-ok.svg); }
.icon-yukle { -webkit-mask-image:url(../icons/yukle.svg); mask-image:url(../icons/yukle.svg); }
.icon-zaman { -webkit-mask-image:url(../icons/zaman.svg); mask-image:url(../icons/zaman.svg); }

/* Meslek alanı ikonları (Mufredat MESLEK_META) */
.icon-gida { -webkit-mask-image:url(../icons/gida.svg); mask-image:url(../icons/gida.svg); }
.icon-kumas { -webkit-mask-image:url(../icons/kumas.svg); mask-image:url(../icons/kumas.svg); }
.icon-palet { -webkit-mask-image:url(../icons/palet.svg); mask-image:url(../icons/palet.svg); }
.icon-saglik { -webkit-mask-image:url(../icons/saglik.svg); mask-image:url(../icons/saglik.svg); }

/* Tema geçiş ikonları (güneş/ay) — emoji yerine SVG mask (yalnızca ui-icon span) */
.ui-icon.icon-sun { -webkit-mask-image:url(../icons/gunes.svg); mask-image:url(../icons/gunes.svg); }
.ui-icon.icon-moon { -webkit-mask-image:url(../icons/ay.svg); mask-image:url(../icons/ay.svg); }

/* Inline SVG render edilen ikonlarda mask ve arka plani tamamen devre disi birak */
.ui-icon[data-dt-icon="1"], .ders-icon[data-dt-icon="1"] {
  background: none !important;
  background-color: transparent !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  -webkit-mask-size: initial !important;
  mask-size: initial !important;
}

/* Durum / marka renk sınıfları */
.icon-durum-basari { background-color: var(--dt-success,#16a34a); }
.icon-onay { background-color: var(--dt-success,#16a34a); }
.icon-onay-kutu { background-color: var(--dt-success,#16a34a); }
.icon-durum-hata { background-color: var(--dt-danger,#dc2626); }
.icon-hata-kutu { background-color: var(--dt-danger,#dc2626); }
.icon-durum-uyari { background-color: var(--dt-warning,#d97706); }
.icon-uyari-kutu { background-color: var(--dt-warning,#d97706); }
.icon-durum-bilgi { background-color: var(--dt-info,#0F6B7C); }
.icon-bilgi-kutu { background-color: var(--dt-info,#0F6B7C); }
.icon-soru { background-color: var(--dt-info,#0F6B7C); }
.icon-soru-isareti { background-color: var(--dt-info,#0F6B7C); }
.icon-madde-altin { background-color: #C5923E; }
.icon-madalya { background-color: #C5923E; }
.icon-kupa { background-color: #C5923E; }
.icon-rozet-yildiz { background-color: #C5923E; }
.icon-madde-gumus { background-color: #94a3b8; }
.icon-madde-bronz { background-color: #b45309; }
.icon-ates { background-color: #f97316; }
.icon-yildiz2 { background-color: #C5923E; }
.icon-kilit2 { background-color: var(--dt-muted,#64748b); }
.icon-kilit-acik { background-color: var(--dt-success,#16a34a); }