/* ═══════════════════════════════════════════════════════════════════════════
   OYS · Gece Görünümü (v5)
   ─────────────────────────────────────────────────────────────────────────
   Sayfalar kendi tasarımlarını CSS değişkenleri üzerinden kuruyor
   (--as-*, --sk-*, --dl-*, --ic-*, --oysh-*). Bu dosya tek tek kuralları
   değil, o değişkenlerin koyu karşılıklarını tanımlar; böylece bütün
   kitler tek yerden gece moduna geçer.

   Anahtar: <html class="koyu-mod">  (yanıp sönmeyi önlemek için <head>'de
   uygulanır)  ·  eski sayfa kuralları için ayrıca <body class="dark-mode">
   ═══════════════════════════════════════════════════════════════════════════ */

.koyu-mod{
  /* Çekirdek yüzeyler */
  --k-zemin:#14131c;      /* sayfa arka planı   */
  --k-yuzey:#1d1b28;      /* kart              */
  --k-yuzey-2:#232130;    /* ikincil yüzey     */
  --k-yuzey-3:#2a2838;    /* vurgulu yüzey     */
  --k-kenar:#2f2d3f;
  --k-kenar-2:#3a3850;

  /* Metin */
  --k-metin:#ecebf5;
  --k-metin-2:#aeabc6;
  --k-metin-3:#7f7c99;

  /* Marka */
  --k-mor:#8b84e8;        /* koyu zeminde okunur indigo */
  --k-mor-2:#a49ef0;
  --k-mor-s:#272342;      /* indigo tint zemin */
  --k-altin:#e1b77d;
  --k-altin-s:#312717;

  /* Durum */
  --k-yesil:#4ade80;  --k-yesil-s:#15291e;
  --k-kirmizi:#f87171; --k-kirmizi-s:#2e1a1c;
  --k-sari:#fbbf24;   --k-sari-s:#2e2413;
  --k-mavi:#60a5fa;   --k-mavi-s:#16233a;
}

/* ═══════════════════════════════════════════
   GÖVDE
   ═══════════════════════════════════════════ */
.koyu-mod,
.koyu-mod body{background:var(--k-zemin) !important;color:var(--k-metin)}
.koyu-mod .page,
.koyu-mod .page-content{background:var(--k-zemin) !important}
.koyu-mod .panel{
  background:var(--k-yuzey) !important;
  border-color:var(--k-kenar) !important;
  box-shadow:0 1px 3px rgba(0,0,0,.4) !important;
}

/* ═══════════════════════════════════════════
   ÜST ÇUBUK
   ═══════════════════════════════════════════ */
.koyu-mod .site-navbar.navbar{
  background:var(--k-yuzey) !important;
  border-bottom-color:var(--k-kenar) !important;
  box-shadow:0 1px 3px rgba(0,0,0,.4) !important;
}
.koyu-mod body{
  --oysh-bg:var(--k-yuzey);
  --oysh-kenar:var(--k-kenar);
  --oysh-ink:var(--k-metin);
  --oysh-ink-soft:var(--k-metin-2);
  --oysh-ink-mute:var(--k-metin-3);
  --oysh-hover:var(--k-yuzey-3);
  --oysh-mor:var(--k-mor);
  --oysh-mor-acik:var(--k-mor-2);
}
.koyu-mod .oysh-kullanici-btn{background:var(--k-yuzey-2) !important;border-color:var(--k-kenar) !important}
.koyu-mod .oysh-kullanici-btn:hover{background:var(--k-yuzey-3) !important;border-color:var(--k-kenar-2) !important}
.koyu-mod .oysh-marka-yazi strong{color:var(--k-mor-2)}
/* Mobil başlıktaki lacivert arma koyu zeminde kayboluyordu */
.koyu-mod .oysh-marka-logo{filter:brightness(0) invert(1);opacity:.92}
.koyu-mod .site-navbar .navbar-header .hamburger-bar,
.koyu-mod .site-navbar .navbar-header .hamburger-bar::before,
.koyu-mod .site-navbar .navbar-header .hamburger-bar::after{background:var(--k-metin-2) !important}
.koyu-mod .site-navbar .dropdown-menu{
  background:var(--k-yuzey-2) !important;
  border-color:var(--k-kenar) !important;
  box-shadow:0 20px 48px -16px rgba(0,0,0,.7) !important;
}
.koyu-mod .site-navbar .dropdown-menu .dropdown-item{color:var(--k-metin-2) !important}
.koyu-mod .site-navbar .dropdown-menu .dropdown-item:hover{background:var(--k-yuzey-3) !important;color:var(--k-mor) !important}
.koyu-mod .site-navbar .dropdown-divider{border-color:var(--k-kenar) !important}
.koyu-mod .oysh-dm-ad{color:var(--k-metin) !important}
.koyu-mod .oysh-dm-bas{border-bottom-color:var(--k-kenar) !important}

/* ═══════════════════════════════════════════
   SOL MENÜ — zaten koyu; yalnızca ton uyumu
   ═══════════════════════════════════════════ */
.koyu-mod .site-menubar.oysm{
  --oysm-bg:#1a1826;
  --oysm-bas-bg:#1a1826;
  border-right-color:var(--k-kenar) !important;
  box-shadow:4px 0 34px rgba(0,0,0,.45) !important;
}

/* ═══════════════════════════════════════════
   BİLDİRİM / DUYURU PANELLERİ
   ═══════════════════════════════════════════ */
.koyu-mod .site-navbar .notification-panel,
.koyu-mod .site-navbar .notif-header,
.koyu-mod .site-navbar .notif-list{background:var(--k-yuzey-2) !important;border-color:var(--k-kenar) !important}
.koyu-mod .site-navbar .notif-footer{background:var(--k-yuzey) !important;border-top-color:var(--k-kenar) !important}
.koyu-mod .site-navbar .notif-header h5,
.koyu-mod .site-navbar .notif-course{color:var(--k-metin) !important}
.koyu-mod .site-navbar .notif-item:hover{background:var(--k-yuzey-3) !important}
.koyu-mod .site-navbar .notif-item.unread{background:var(--k-mor-s) !important}
.koyu-mod .site-navbar .notif-icon{background:var(--k-mor-s) !important;color:var(--k-mor) !important}
.koyu-mod .site-navbar .mark-all-read{background:var(--k-yuzey-3) !important;border-color:var(--k-kenar) !important;color:var(--k-metin-2) !important}
.koyu-mod .site-navbar .notif-message,
.koyu-mod .site-navbar .notif-reply{color:var(--k-metin-2) !important}

/* ═══════════════════════════════════════════
   İÇERİK KİTLERİ — değişken eşlemesi
   ═══════════════════════════════════════════ */

/* Anasayfa (.as) */
.koyu-mod .as{
  --as-s:var(--k-yuzey);        --as-s-a:var(--k-yuzey-2);
  --as-b:var(--k-kenar-2);      --as-b-l:var(--k-kenar);
  --as-t:var(--k-metin);        --as-t-s:var(--k-metin-2);  --as-t-m:var(--k-metin-3);
  --as-p:var(--k-mor);          --as-p-l:var(--k-mor-2);    --as-p-s:var(--k-mor-s);  --as-p-h:var(--k-mor-2);
  --as-sc:var(--k-yesil);       --as-sc-l:var(--k-yesil-s);
  --as-d:var(--k-kirmizi);      --as-d-l:var(--k-kirmizi-s);
  --as-w:var(--k-sari);         --as-w-l:var(--k-sari-s);
  --as-info:var(--k-mavi);      --as-info-l:var(--k-mavi-s);
  --as-acc:var(--k-altin);      --as-acc-l:var(--k-altin-s);
  --as-sh:0 2px 10px rgba(0,0,0,.4);
}

/* Öğrenme analitiği (.sk) */
.koyu-mod .sk{
  --sk-s:var(--k-yuzey);        --sk-s-a:var(--k-yuzey-2);
  --sk-b:var(--k-kenar-2);      --sk-b-l:var(--k-kenar);
  --sk-t:var(--k-metin);        --sk-t-s:var(--k-metin-2);  --sk-t-m:var(--k-metin-3);
  --sk-p:var(--k-mor);          --sk-p-l:var(--k-mor-2);    --sk-p-s:var(--k-mor-s);  --sk-p-h:var(--k-mor-2);
  --sk-sc:var(--k-yesil);       --sk-sc-l:var(--k-yesil-s);
  --sk-d:var(--k-kirmizi);
  --sk-w:var(--k-sari);         --sk-w-l:var(--k-sari-s);
  --sk-info:var(--k-mavi);      --sk-info-l:var(--k-mavi-s);
  --sk-acc:var(--k-altin);      --sk-acc-l:var(--k-altin-s);
  --sk-purp:var(--k-mor-2);     --sk-purp-l:var(--k-mor-s);
  --sk-sh:0 1px 3px rgba(0,0,0,.4);
}
.koyu-mod .sk-period{background:var(--k-yuzey-2);border-color:var(--k-kenar)}
.koyu-mod .sk-period button.active{background:var(--k-yuzey-3);color:var(--k-mor-2)}
.koyu-mod .sk-grafik-bos{background:var(--k-yuzey)}
.koyu-mod .sk-isi-kutu{background:var(--k-yuzey-3)}
.koyu-mod .sk-isi-kutu.s1{background:#3a3470}
.koyu-mod .sk-isi-kutu.s2{background:#4e46a0}
.koyu-mod .sk-isi-kutu.s3{background:#6d64cc}
.koyu-mod .sk-isi-kutu.s4{background:var(--k-mor-2)}
.koyu-mod .sk-isi-kutu.ileri{background:transparent;border-color:var(--k-kenar-2)}

/* Ders listesi / materyal (.dl) */
.koyu-mod .dl{
  --dl-s:var(--k-yuzey);        --dl-s-a:var(--k-yuzey-2);  --dl-bg:var(--k-zemin);
  --dl-b:var(--k-kenar-2);      --dl-b-l:var(--k-kenar);
  --dl-t:var(--k-metin);        --dl-t-s:var(--k-metin-2);  --dl-t-m:var(--k-metin-3);
  --dl-p:var(--k-mor);          --dl-p-l:var(--k-mor-2);    --dl-p-s:var(--k-mor-s);  --dl-p-h:var(--k-mor-2); --dl-p-d:var(--k-mor-2);
  --dl-sc:var(--k-yesil);       --dl-sc-l:var(--k-yesil-s);
  --dl-d:var(--k-kirmizi);
  --dl-w:var(--k-sari);         --dl-w-l:var(--k-sari-s);
  --dl-acc:var(--k-altin);      --dl-acc-l:var(--k-altin-s);  --dl-acc-h:var(--k-altin);
  --dl-sh:0 2px 8px rgba(0,0,0,.4);
}

/* İç sayfa kiti (.ic5) */
.koyu-mod .ic5,
.koyu-mod .ic{
  --ic-s:var(--k-yuzey);        --ic-s-a:var(--k-yuzey-2);  --ic-bg:var(--k-zemin);
  --ic-b:var(--k-kenar-2);      --ic-b-l:var(--k-kenar);
  --ic-t:var(--k-metin);        --ic-t-s:var(--k-metin-2);  --ic-t-m:var(--k-metin-3);
  --ic-p:var(--k-mor);          --ic-p-l:var(--k-mor-2);    --ic-p-s:var(--k-mor-s);  --ic-p-h:var(--k-mor-2); --ic-p-d:var(--k-mor-2);
  --ic-sc:var(--k-yesil);       --ic-sc-l:var(--k-yesil-s);
  --ic-d:var(--k-kirmizi);
  --ic-w:var(--k-sari);         --ic-w-l:var(--k-sari-s);
  --ic-acc:var(--k-altin);      --ic-acc-l:var(--k-altin-s);
  --ic-sh:0 2px 8px rgba(0,0,0,.4);
}

/* ═══════════════════════════════════════════
   BOOTSTRAP 5 (.bs5 kapsamı)
   ═══════════════════════════════════════════ */
.koyu-mod .bs5{
  --bs-body-bg:var(--k-yuzey);
  --bs-body-color:var(--k-metin);
  --bs-border-color:var(--k-kenar);
  --bs-secondary-color:var(--k-metin-2);
  --bs-tertiary-bg:var(--k-yuzey-2);
  --bs-emphasis-color:var(--k-metin);
}
.koyu-mod .bs5 .modal-content{background:var(--k-yuzey) !important;color:var(--k-metin)}
.koyu-mod .bs5 .modal-footer{background:var(--k-yuzey-2);border-top-color:var(--k-kenar)}
.koyu-mod .bs5 .btn-close{filter:invert(1) grayscale(100%) brightness(190%)}
.koyu-mod .bs5 .btn-light{--bs-btn-bg:var(--k-yuzey-3);--bs-btn-border-color:var(--k-kenar-2);--bs-btn-color:var(--k-metin);--bs-btn-hover-bg:var(--k-kenar-2);--bs-btn-hover-color:#fff}
.koyu-mod .bs5 .form-control,
.koyu-mod .bs5 .form-select{
  background:var(--k-yuzey-2);
  border-color:var(--k-kenar-2);
  color:var(--k-metin);
}
.koyu-mod .bs5 .form-control::placeholder{color:var(--k-metin-3)}
.koyu-mod .bs5 .alert-primary{background:var(--k-mor-s);border-color:#3a3468;color:#cdc8ff}
.koyu-mod .bs5 .alert-success{background:var(--k-yesil-s);border-color:#1f4432;color:#8fe8b0}
.koyu-mod .bs5 .alert-danger{background:var(--k-kirmizi-s);border-color:#4a2528;color:#ffb0b0}
.koyu-mod .bs5 .alert-warning{background:var(--k-sari-s);border-color:#4a3a18;color:#f6d08a}
.koyu-mod .bs5 .alert-info{background:var(--k-mavi-s);border-color:#1f3558;color:#a5cdff}

/* Tablolar (DataTables dahil) */
.koyu-mod .table,
.koyu-mod table.dataTable{color:var(--k-metin)}
.koyu-mod .table > :not(caption) > * > *{background-color:transparent;border-bottom-color:var(--k-kenar)}
.koyu-mod table.dataTable tbody tr{background:transparent}
.koyu-mod table.dataTable tbody tr:hover{background:var(--k-yuzey-3)}
.koyu-mod .dataTables_wrapper .dataTables_length,
.koyu-mod .dataTables_wrapper .dataTables_filter,
.koyu-mod .dataTables_wrapper .dataTables_info,
.koyu-mod .dataTables_wrapper .dataTables_paginate{color:var(--k-metin-2) !important}
.koyu-mod .dataTables_wrapper input,
.koyu-mod .dataTables_wrapper select{background:var(--k-yuzey-2);border-color:var(--k-kenar-2);color:var(--k-metin)}
.koyu-mod .page-link{background:var(--k-yuzey-2);border-color:var(--k-kenar);color:var(--k-metin-2)}
.koyu-mod .page-item.active .page-link{background:var(--k-mor);border-color:var(--k-mor);color:#fff}

/* ═══════════════════════════════════════════
   GECE / GÜNDÜZ DÜĞMESİ
   ═══════════════════════════════════════════ */
.oys-tema-btn{position:relative}
.oys-tema-btn .oys-tema-ay,
.oys-tema-btn .oys-tema-gunes{
  display:flex;align-items:center;justify-content:center;
  transition:opacity .2s ease,transform .3s ease;
}
.oys-tema-btn .oys-tema-gunes{display:none}
.koyu-mod .oys-tema-btn .oys-tema-ay{display:none}
.koyu-mod .oys-tema-btn .oys-tema-gunes{display:flex;color:var(--k-altin)}

/* Açılır menüdeki satır */
.oys-tema-item .oys-tema-durum{margin-left:auto;font-size:11px;font-weight:700;color:var(--oysh-ink-mute,#8b88a5)}

/* ═══════════════════════════════════════════
   GEÇİŞ
   ═══════════════════════════════════════════ */
.oys-tema-gecis,
.oys-tema-gecis *{transition:background-color .25s ease,border-color .25s ease,color .25s ease !important}
@media (prefers-reduced-motion:reduce){
  .oys-tema-gecis,.oys-tema-gecis *{transition:none !important}
}

/* ═══════════════════════════════════════════
   SEÇİM / KAYDIRMA
   ═══════════════════════════════════════════ */
.koyu-mod ::selection{background:rgba(139,132,232,.35)}
.koyu-mod ::-webkit-scrollbar-thumb{background:#3a3850}
.koyu-mod ::-webkit-scrollbar-thumb:hover{background:#4a4866}
.koyu-mod ::-webkit-scrollbar-track{background:transparent}