/* --- GECE MODU STİLLERİ --- */
/* body etiketine "dark-mode" class'ı eklendiğinde aktif olur */

.dark-mode body {
  background-color: #1a1f23; /* Koyu ana arkaplan */
  color: #ced4da;          /* Varsayılan açık gri yazı */
}

/* Başlıklar */
.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6 {
  color: #f8f9fa; /* Daha parlak beyaz başlıklar */
}

/* Linkler (Ana renk korunuyor) */
.dark-mode a {
  color: var(--primary-color);
}
.dark-mode a:hover {
  color: var(--primary-hover);
}

/* Bootstrap Renklerini Ezme (Metinler için) */
.dark-mode .text-dark { color: #f8f9fa !important; } /* Koyu metin yerine açık */
.dark-mode .text-muted { color: #868e96 !important; } /* Muted için uygun ton */

/* Butonlar */
.dark-mode .btn-light { /* Açık renk butonu koyu temada */
  background-color: #495057;
  border-color: #495057;
  color: #f8f9fa;
}
.dark-mode .btn-light:hover {
  background-color: #5a6268;
  border-color: #5a6268;
  color: #f8f9fa;
}
.dark-mode .btn-outline-light { /* Açık outline */
   color: #f8f9fa;
   border-color: #f8f9fa;
}
.dark-mode .btn-outline-light:hover {
   color: #1a1f23; /* Koyu arkaplan rengi */
   background-color: #f8f9fa;
   border-color: #f8f9fa;
}
.dark-mode .btn-outline-dark { /* Koyu outline -> Açık */
    color: #ced4da;
    border-color: #ced4da;
}
.dark-mode .btn-outline-dark:hover {
    color: #1a1f23;
    background-color: #ced4da;
    border-color: #ced4da;
}
/* Primary, Secondary vb. butonlar genelde aynı kalabilir */
.dark-mode .btn-secondary-custom { /* İkincil özel buton (Turkuaz) */
    /* Mevcut haliyle kalabilir, kontrast yeterliyse */
    /* Gerekirse yazı rengi: color: #111; */
}


/* Navbar (Koyu Mod) */
.dark-mode .modern-navbar {
  background-color: rgba(26, 31, 35, 0.85); /* Koyu, yarı şeffaf arkaplan */
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid #343a40; /* Koyu border */
}
.dark-mode .modern-navbar.scrolled {
  background-color: rgba(26, 31, 35, 0.98); /* Scroll'da daha opak */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.dark-mode .modern-navbar .navbar-nav .nav-link {
  color: rgba(248, 249, 250, 0.75); /* Açık renk linkler */
}
.dark-mode .modern-navbar .navbar-nav .nav-link:hover,
.dark-mode .modern-navbar .navbar-nav .nav-link:focus {
  color: var(--primary-color); /* Vurgu rengi hover */
  background-color: rgba(var(--primary-rgb), 0.1); /* Hafif hover arkaplanı */
}
.dark-mode .modern-navbar .navbar-nav .nav-link.active {
  color: var(--primary-color); /* Aktif link vurgusu */
  font-weight: 600;
}
.dark-mode .modern-navbar .navbar-toggler {
  border: none;
}
.dark-mode .modern-navbar .navbar-toggler-icon { /* Açık renkli hamburger ikonu */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(248, 249, 250, 0.7)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.dark-mode .modern-navbar .dropdown-menu { /* Navbar içi dropdown */
  background-color: #2c3034; /* Koyu dropdown */
  border: 1px solid #454b51;
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
  color: #dee2e6;
}
.dark-mode .modern-navbar .dropdown-item {
  color: #dee2e6;
}
.dark-mode .modern-navbar .dropdown-item:hover,
.dark-mode .modern-navbar .dropdown-item:focus {
  background-color: #3a4045;
  color: var(--primary-color); /* Vurgu rengi hover */
}
.dark-mode .modern-navbar .dropdown-item i {
   color: #868e96; /* İkon rengi */
}
.dark-mode .modern-navbar .dropdown-divider {
  border-top: 1px solid #454b51;
}
.dark-mode .modern-navbar .nav-link.dropdown-toggle {
  color: rgba(248, 249, 250, 0.75) !important;
}
.dark-mode .modern-navbar .nav-link.dropdown-toggle:hover,
.dark-mode .modern-navbar .nav-link.dropdown-toggle:focus {
  color: var(--primary-color) !important;
}
.dark-mode .modern-navbar .avatar-circle { /* Avatar arkaplanı canlı kalsın */
  background-color: var(--secondary-color);
  color: #333; /* Canlı arkaplan üzerine koyu yazı */
}

/* Kartlar */
.dark-mode .card {
  background-color: #2c3034; /* Koyu kart arkaplanı */
  border: 1px solid #454b51;    /* Koyu border */
  color: #ced4da;          /* Kart içi varsayılan yazı */
}
.dark-mode .card-header {
  background-color: #343a40; /* Biraz farklı header */
  border-bottom-color: #454b51;
  color: #f8f9fa;          /* Header yazısı */
  border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
}
.dark-mode .card-footer {
  background-color: #343a40;
  border-top-color: #454b51;
  border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
}

/* Form Elemanları */
.dark-mode .form-control,
.dark-mode .form-select {
  background-color: #343a40;
  border-color: #495057;
  color: #dee2e6;
}
.dark-mode .form-control::placeholder { /* Placeholder rengi */
  color: #6c757d;
  opacity: 1; /* Firefox için */
}
.dark-mode .form-control:-ms-input-placeholder { /* IE/Edge */
  color: #6c757d;
}
.dark-mode .form-control::-ms-input-placeholder { /* IE/Edge */
  color: #6c757d;
}
.dark-mode .form-control:focus,
.dark-mode .form-select:focus {
  background-color: #3a4045; /* Hafif açık focus arkaplanı */
  border-color: var(--primary-color); /* Vurgu rengi border */
  color: #dee2e6;
  box-shadow: 0 0 0 0.25rem rgba(var(--primary-rgb), 0.25); /* Aynı focus shadow */
}
.dark-mode .form-control:disabled, .dark-mode .form-control[readonly] {
    background-color: #495057;
    opacity: 0.7;
}
.dark-mode .form-label {
  color: #adb5bd; /* Açık gri label */
}
.dark-mode .form-check-input { /* Checkbox/Radio */
  background-color: #495057;
  border-color: #6c757d;
}
.dark-mode .form-check-input:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.dark-mode .form-check-input:focus {
  border-color: var(--primary-hover);
  box-shadow: 0 0 0 0.25rem rgba(var(--primary-rgb), 0.25);
}
.dark-mode .input-group-text {
  background-color: #495057;
  border-color: #495057;
  color: #ced4da;
}

/* Tablolar */
.dark-mode .table {
  border-color: #454b51;
  color: #ced4da;
}
.dark-mode .table>:not(caption)>*>* {
  padding: 0.8rem 1rem;
  vertical-align: middle;
  border-bottom-width: 1px; /* Bootstrap 5 varsayılanı */
}
.dark-mode .table thead th {
  background-color: #343a40;
  border-bottom: 2px solid #5a6167; /* Daha belirgin header alt çizgisi */
  color: #f8f9fa;
  vertical-align: bottom;
}
.dark-mode .table-hover > tbody > tr:hover > * {
  background-color: #3a4045; /* Koyu hover */
  color: #f8f9fa;
}
.dark-mode .table-striped>tbody>tr:nth-of-type(odd)>* {
  background-color: rgba(255, 255, 255, 0.03); /* Çok hafif açık stripe */
  color: #ced4da;
}

/* DataTables (Pagination ve diğer elemanlar) */
.dark-mode .dataTables_wrapper .dataTables_length select,
.dark-mode .dataTables_wrapper .dataTables_filter input {
  background-color: #343a40;
  border-color: #495057;
  color: #dee2e6;
  padding: 0.375rem 0.75rem;
}
.dark-mode .dataTables_wrapper .dataTables_info,
.dark-mode .dataTables_wrapper .dataTables_length label,
.dark-mode .dataTables_wrapper .dataTables_filter label {
  color: #adb5bd;
}
.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #ced4da !important; /* Önemli çünkü inline stil olabilir */
  border: 1px solid #454b51;
  background: #3a4045;
}
.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  background: var(--primary-hover); /* Vurgu hover */
  border-color: var(--primary-hover);
}
.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  color: #6c757d !important;
  border-color: #454b51;
  background: #343a40;
}
/* Aktif sayfa butonu (zaten primary gradient, dokunmaya gerek yok) */
/* .dataTables_wrapper .dataTables_paginate .paginate_button.current, ... */


/* Alert */
.dark-mode .alert {
  border-radius: var(--border-radius);
  border-width: 0;
  border-left-width: 4px;
  padding: 1rem 1.5rem;
  box-shadow: var(--box-shadow-sm);
  background-color: #2c3034; /* Genel koyu alert arkaplanı */
}
.dark-mode .alert-primary { border-left-color: var(--primary-color); color: #a6cafa; background-color: rgba(var(--primary-rgb), 0.15); }
.dark-mode .alert-secondary { border-left-color: var(--secondary-color); color: #96f0da; background-color: rgba(var(--secondary-rgb), 0.15); } /* Turkuaz */
.dark-mode .alert-success { border-left-color: #198754; color: #75b798; background-color: rgba(25, 135, 84, 0.15); }
.dark-mode .alert-danger { border-left-color: #dc3545; color: #ea868f; background-color: rgba(220, 53, 69, 0.15); }
.dark-mode .alert-warning { border-left-color: #ffc107; color: #ffe187; background-color: rgba(255, 193, 7, 0.15); }
.dark-mode .alert-info { border-left-color: #0dcaf0; color: #6edff6; background-color: rgba(13, 202, 240, 0.15); }
.dark-mode .alert-light { border-left-color: #adb5bd; color: #dee2e6; background-color: rgba(173, 181, 189, 0.15); }
.dark-mode .alert-dark { border-left-color: #6c757d; color: #adb5bd; background-color: rgba(108, 117, 125, 0.15); }

/* List Group */
.dark-mode .list-group-item {
  background-color: #2c3034;
  border-color: #454b51;
  color: #ced4da;
  padding: 0.8rem 1.2rem;
}
.dark-mode .list-group-item-action:hover,
.dark-mode .list-group-item-action:focus {
  background-color: #3a4045;
  color: var(--primary-color); /* Vurgu rengi hover */
  z-index: 1;
}
.dark-mode .list-group-item.active {
  background-color: var(--primary-color); /* Aktif öğe vurgusu */
  border-color: var(--primary-color);
  color: white;
}

/* Badge */
.dark-mode .badge { padding: 0.4em 0.7em; font-weight: 500; }
.dark-mode .bg-primary { background-color: var(--primary-color) !important; color: white !important; }
.dark-mode .bg-secondary { background-color: #50E3C2 !important; color: #1a1f23 !important; } /* Turkuaz badge, koyu yazı */
.dark-mode .bg-success { background-color: #198754 !important; color: white !important; }
.dark-mode .bg-danger { background-color: #dc3545 !important; color: white !important; }
.dark-mode .bg-warning { background-color: #ffc107 !important; color: #1a1f23 !important; } /* Sarı badge, koyu yazı */
.dark-mode .bg-info { background-color: #0dcaf0 !important; color: #1a1f23 !important; } /* Info badge, koyu yazı */
.dark-mode .bg-light { background-color: #495057 !important; color: #f8f9fa !important; } /* Light badge -> koyu */
.dark-mode .bg-dark { background-color: #adb5bd !important; color: #1a1f23 !important; } /* Dark badge -> açık */

/* Scrollbar */
.dark-mode ::-webkit-scrollbar { width: 8px; height: 8px; }
.dark-mode ::-webkit-scrollbar-track { background: #212529; border-radius: 4px; }
.dark-mode ::-webkit-scrollbar-thumb { background: #495057; border-radius: 4px; border: 2px solid #212529; }
.dark-mode ::-webkit-scrollbar-thumb:hover { background-color: #5a6268; }

/* Sidebar Aç/Kapat Butonu */
.dark-mode .btn-sidebar-toggle {
  background-color: rgba(44, 48, 52, 0.9); /* Koyu buton arkaplanı */
  border-color: #454b51;
  color: var(--primary-color); /* Vurgu rengi ikon */
}
.dark-mode .btn-sidebar-toggle:hover {
  background-color: #343a40;
  color: var(--primary-hover);
  transform: scale(1.1);
}
.dark-mode .btn-sidebar-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--primary-rgb), 0.25);
}

/* Mobil Sidebar Açıkken Arkaplan Karartması (Zaten koyu, aynı kalabilir) */
/* body.sidebar-expanded::before { background-color: rgba(0, 0, 0, 0.5); } */

/* Tooltip */
.dark-mode .tooltip .tooltip-inner {
  background-color: #f8f9fa; /* Açık tooltip arkaplanı */
  color: #1a1f23;         /* Koyu yazı */
  border-radius: var(--border-radius);
  padding: 0.4rem 0.8rem;
  font-size: 0.85rem;
}
.dark-mode .tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.dark-mode .tooltip.bs-tooltip-top .tooltip-arrow::before { border-top-color: #f8f9fa; }
.dark-mode .tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.dark-mode .tooltip.bs-tooltip-end .tooltip-arrow::before { border-right-color: #f8f9fa; }
.dark-mode .tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.dark-mode .tooltip.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: #f8f9fa; }
.dark-mode .tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.dark-mode .tooltip.bs-tooltip-start .tooltip-arrow::before { border-left-color: #f8f9fa; }


/* Özel Sayfa Stilleri (Profil vb.) */
.dark-mode .password-toggle-icon {
  color: #868e96; /* İkon rengi */
}
.dark-mode .password-toggle-icon:hover {
  color: #dee2e6; /* Hover rengi */
}
.dark-mode label[for="avatarInput"] { /* Avatar düzenleme butonu */
    background-color: rgba(44, 48, 52, 0.7); /* Koyu arkaplan */
    opacity: 0.7;
}
.dark-mode .avatar-container:hover .avatar-edit-button {
    opacity: 1;
    background-color: rgba(52, 58, 64, 0.95); /* Daha opak koyu hover */
    transform: translate(-15%, -15%) scale(1.1);
}
.dark-mode .avatar-circle-large { /* Yedek avatar */
    border: 4px solid #495057; /* Koyu border */
    background-color: #343a40; /* Koyu arkaplan */
    color: #adb5bd;           /* Yazı rengi */
}

/* Select2 (Mevcut Koyu Tema ile Uyumlu Olmalı) */
/* Mevcut CSS'deki Select2 stilleri zaten koyu tema için yazılmış */
/* Sadece focus renginin .dark-mode içindeki form focus rengiyle */
/* tutarlı olduğundan emin olun (box-shadow). */
.dark-mode .select2-container--bootstrap-5.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-container--bootstrap-5.select2-container--open .select2-selection--multiple,
.dark-mode .select2-container--bootstrap-5.select2-container--focus .select2-selection--single,
.dark-mode .select2-container--bootstrap-5.select2-container--open .select2-selection--single {
  border-color: var(--primary-color, #4A90E2);
  box-shadow: 0 0 0 0.25rem rgba(var(--primary-rgb, 74, 144, 226), 0.25); /* Gece modu focus shadow ile aynı */
}
/* Diğer select2 renkleri (dropdown, seçenekler) zaten koyu */

/* Logo Container (Sidebar içinde olduğu için dokunmuyoruz) */