/**
 * KKU Web — Açık / Koyu mod (html[data-color-mode])
 */

:root,
html[data-color-mode="light"] {
    color-scheme: light;
    --kku-cm-bg: #f8f9fa;
    --kku-cm-surface: #ffffff;
    --kku-cm-surface-2: #f8fafc;
    --kku-cm-surface-3: #f1f5f9;
    --kku-cm-text: #1e293b;
    --kku-cm-text-secondary: #334155;
    --kku-cm-text-muted: #64748b;
    --kku-cm-border: #e2e8f0;
    --kku-cm-border-soft: #edf2f7;
    --kku-cm-shadow: rgba(15, 23, 42, 0.08);
    --kku-cm-input-bg: #ffffff;
    --kku-cm-input-border: #cbd5e1;
    --kku-cm-chart-bg: #ffffff;
    --kku-cm-link: #2563eb;
}

html[data-color-mode="dark"] {
    color-scheme: dark;
    --kku-cm-bg: #0b1220;
    --kku-cm-surface: #141c2e;
    --kku-cm-surface-2: #1a2438;
    --kku-cm-surface-3: #243044;
    --kku-cm-text: #e8edf5;
    --kku-cm-text-secondary: #cbd5e1;
    --kku-cm-text-muted: #94a3b8;
    --kku-cm-border: #334155;
    --kku-cm-border-soft: #2a3548;
    --kku-cm-shadow: rgba(0, 0, 0, 0.45);
    --kku-cm-input-bg: #1a2438;
    --kku-cm-input-border: #475569;
    --kku-cm-chart-bg: #1a2438;
    --kku-cm-link: #60a5fa;
}

/* —— Header toggle —— */
.kku-color-mode-switch {
    display: inline-flex;
    align-items: center;
    padding: 3px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.28);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    gap: 2px;
    flex-shrink: 0;
}

.kku-color-mode-switch__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: rgba(255, 255, 255, 0.82);
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
    font-size: 0.9rem;
    line-height: 1;
}

.kku-color-mode-switch__btn:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.14);
}

.kku-color-mode-switch__btn.is-active {
    background: #fff;
    color: var(--kku-brand, #b91c1c);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}

.kku-color-mode-switch__btn:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

/* —— Sayfa gövdesi —— */
html[data-color-mode="dark"] body {
    background: var(--kku-cm-bg);
    color: var(--kku-cm-text);
}

html[data-color-mode="dark"] .kku-main {
    background: var(--kku-cm-bg);
}

html[data-color-mode="dark"] .main-content {
    background: transparent;
}

/* Kartlar & bölümler */
html[data-color-mode="dark"] .trend-analysis-container,
html[data-color-mode="dark"] .yillik-yayin-section,
html[data-color-mode="dark"] .birim-trend-container,
html[data-color-mode="dark"] .unit-gender-distribution-section,
html[data-color-mode="dark"] .enbasarililar-section,
html[data-color-mode="dark"] .sdg-etkinlik-section,
html[data-color-mode="dark"] .birim-detail-chart-card {
    background: var(--kku-cm-surface) !important;
    color: var(--kku-cm-text);
    border: 1px solid var(--kku-cm-border-soft);
    box-shadow: 0 4px 20px var(--kku-cm-shadow);
}

html[data-color-mode="dark"] .trend-title,
html[data-color-mode="dark"] .trend-title-text,
html[data-color-mode="dark"] .yillik-yayin-sayilari-table-title,
html[data-color-mode="dark"] .yillik-yayin-endeks-table-title {
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .trend-subtitle,
html[data-color-mode="dark"] .trend-title .trend-subtitle {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .yillik-yayin-header-row {
    border-bottom-color: var(--kku-cm-border);
}

html[data-color-mode="dark"] .yillik-yayin-input,
html[data-color-mode="dark"] .trend-analysis-container .form-control,
html[data-color-mode="dark"] .trend-analysis-container .form-select,
html[data-color-mode="dark"] .main-content .form-control,
html[data-color-mode="dark"] .main-content .form-select {
    background: var(--kku-cm-input-bg);
    border-color: var(--kku-cm-input-border);
    color: var(--kku-cm-text);
}

html[data-color-mode="dark"] .yillik-yayin-input::placeholder,
html[data-color-mode="dark"] .form-control::placeholder {
    color: var(--kku-cm-text-muted);
}

html[data-color-mode="dark"] .analyze-button,
html[data-color-mode="dark"] .yillik-yayin-apply {
    box-shadow: 0 2px 8px var(--kku-cm-shadow);
}

html[data-color-mode="dark"] .yillik-yayin-sayilari-view-toggle,
html[data-color-mode="dark"] .yillik-yayin-endeks-view-toggle,
html[data-color-mode="dark"] .birim-trend-view-toggle {
    background: var(--kku-cm-surface-2);
    border-color: var(--kku-cm-border);
}

html[data-color-mode="dark"] .yillik-yayin-sayilari-view-btn,
html[data-color-mode="dark"] .yillik-yayin-endeks-view-btn,
html[data-color-mode="dark"] .birim-trend-view-btn {
    color: var(--kku-cm-text-muted);
}

html[data-color-mode="dark"] .yillik-yayin-sayilari-view-btn.is-active,
html[data-color-mode="dark"] .yillik-yayin-endeks-view-btn.is-active,
html[data-color-mode="dark"] .birim-trend-view-btn.is-active {
    color: #fff;
}

html[data-color-mode="dark"] .yillik-yayin-chart-panel,
html[data-color-mode="dark"] .trend-chart-container,
html[data-color-mode="dark"] .yillik-yayin-endeks-chart-wrap,
html[data-color-mode="dark"] #yillik-proje-tur-chart-wrap,
html[data-color-mode="dark"] .chart-panel-with-empty__plot {
    background: var(--kku-cm-chart-bg) !important;
    border-color: var(--kku-cm-border-soft);
}

html[data-color-mode="dark"] .anasayfa-chart-empty {
    background: var(--kku-cm-surface-2);
    border-color: var(--kku-cm-border);
}

html[data-color-mode="dark"] .anasayfa-chart-empty__title {
    color: #fca5a5;
}

/* Veri tabloları */
html[data-color-mode="dark"] .yillik-yayin-sayilari-table-block,
html[data-color-mode="dark"] .yillik-yayin-endeks-table-block {
    background: linear-gradient(155deg, var(--kku-cm-surface) 0%, var(--kku-cm-surface-2) 100%);
    border-color: var(--kku-cm-border);
    box-shadow: 0 4px 18px var(--kku-cm-shadow);
}

html[data-color-mode="dark"] .yillik-yayin-sayilari-table-scroll,
html[data-color-mode="dark"] .yillik-yayin-endeks-table-scroll,
html[data-color-mode="dark"] .anasayfa-gv-table-scroll,
html[data-color-mode="dark"] .birim-trend-table-scroll {
    background: var(--kku-cm-surface-2);
    border-color: var(--kku-cm-border);
}

html[data-color-mode="dark"] .yillik-yayin-sayilari-table tbody td,
html[data-color-mode="dark"] .yillik-yayin-endeks-table tbody td,
html[data-color-mode="dark"] .anasayfa-gv-table tbody td,
html[data-color-mode="dark"] .birim-trend-table tbody td {
    color: var(--kku-cm-text);
    border-bottom-color: var(--kku-cm-border-soft);
}

html[data-color-mode="dark"] .yillik-yayin-sayilari-table tbody tr:nth-child(even) td,
html[data-color-mode="dark"] .yillik-yayin-endeks-table tbody tr:nth-child(even) td,
html[data-color-mode="dark"] .anasayfa-gv-table tbody tr:nth-child(even) td,
html[data-color-mode="dark"] .birim-trend-table tbody tr:nth-child(even) td {
    background: rgba(255, 255, 255, 0.03);
}

html[data-color-mode="dark"] .yillik-yayin-sayilari-table thead th,
html[data-color-mode="dark"] .yillik-yayin-endeks-table thead th,
html[data-color-mode="dark"] .anasayfa-gv-table thead th,
html[data-color-mode="dark"] .birim-trend-table thead th {
    background: linear-gradient(180deg, var(--kku-brand-2, #1e293b) 0%, color-mix(in srgb, var(--kku-brand-2, #0f172a) 85%, #000) 100%);
    color: #f1f5f9;
    border-bottom-color: color-mix(in srgb, var(--kku-brand) 55%, transparent);
}

html[data-color-mode="dark"] .yillik-yayin-sayilari-table-empty,
html[data-color-mode="dark"] .yillik-yayin-endeks-table-empty {
    background: var(--kku-cm-surface-2) !important;
    color: var(--kku-cm-muted) !important;
}

html[data-color-mode="dark"] .yillik-yayin-sayilari-table tbody tr:hover td,
html[data-color-mode="dark"] .yillik-yayin-endeks-table tbody tr:hover td,
html[data-color-mode="dark"] .anasayfa-gv-table tbody tr:hover td,
html[data-color-mode="dark"] .birim-trend-table tbody tr:hover td {
    background: color-mix(in srgb, var(--kku-brand, #3b82f6) 14%, transparent);
}

/* Select2 */
html[data-color-mode="dark"] .select2-container--bootstrap-5 .select2-selection {
    background: var(--kku-cm-input-bg);
    border-color: var(--kku-cm-input-border);
    color: var(--kku-cm-text);
}

html[data-color-mode="dark"] .select2-container--bootstrap-5 .select2-dropdown {
    background: var(--kku-cm-surface);
    border-color: var(--kku-cm-border);
    color: var(--kku-cm-text);
}

html[data-color-mode="dark"] .select2-container--bootstrap-5 .select2-results__option--highlighted {
    background: #2563eb;
}

/* Footer — zaten koyu; hafif uyum */
html[data-color-mode="dark"] .kku-red-footer {
    border-top: 1px solid #1e293b;
}

/* ================================================================
   Kapsamlı koyu mod — partial CSS'lerdeki #fff / açık metin düzeltmeleri
   (kku-color-mode.css layout sonunda yüklenir)
   ================================================================ */

/* İstatistik şeridi */
html[data-color-mode="dark"] .stats-container {
    background: var(--kku-cm-surface) !important;
    border: 1px solid var(--kku-cm-border-soft);
    box-shadow: 0 4px 24px var(--kku-cm-shadow);
}

html[data-color-mode="dark"] #stats-container,
html[data-color-mode="dark"] #stats-grid-container {
    background: transparent !important;
}

/* Ana sayfa istatistik kartları — renkli gradient üzerinde beyaz metin kalmalı */
html[data-color-mode="dark"] .stat-card {
    color: #fff !important;
}

html[data-color-mode="dark"] .stat-card .stat-number,
html[data-color-mode="dark"] .stat-card .stat-number__inner,
html[data-color-mode="dark"] .stat-card .stat-db-count,
html[data-color-mode="dark"] .stat-card .stat-db-count__inner,
html[data-color-mode="dark"] .stat-card .stat-label,
html[data-color-mode="dark"] .stat-card .stat-info {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

html[data-color-mode="dark"] .stat-card .stat-info {
    color: rgba(255, 255, 255, 0.92) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
}

html[data-color-mode="dark"] .stat-card .stat-icon {
    background: rgba(255, 255, 255, 0.25) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

html[data-color-mode="dark"] .stat-card .stat-icon i {
    color: #fff !important;
}

/* Tüm trend/panel konteynerleri */
html[data-color-mode="dark"] .trend-analysis-container,
html[data-color-mode="dark"] .etkinlikler-section,
html[data-color-mode="dark"] .yillik-yayin-section,
html[data-color-mode="dark"] .birim-trend-container,
html[data-color-mode="dark"] .unit-gender-distribution-section,
html[data-color-mode="dark"] .enbasarililar-section,
html[data-color-mode="dark"] .sdg-etkinlik-section,
html[data-color-mode="dark"] .birim-detail-chart-card,
html[data-color-mode="dark"] .fikri-mulkiyet-section {
    background: var(--kku-cm-surface) !important;
    color: var(--kku-cm-text);
    border: 1px solid var(--kku-cm-border-soft) !important;
    box-shadow: 0 4px 20px var(--kku-cm-shadow);
}

/* Panel başlık şeritleri — açık gradient yerine koyu */
html[data-color-mode="dark"] .trend-header,
html[data-color-mode="dark"] .panel-header,
html[data-color-mode="dark"] .yillik-yayin-header-row,
html[data-color-mode="dark"] .section-header--light,
html[data-color-mode="dark"] .enbasarililar-header {
    background: linear-gradient(135deg, var(--kku-cm-surface-2) 0%, var(--kku-cm-surface-3) 100%) !important;
    border-color: var(--kku-cm-border) !important;
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .trend-title,
html[data-color-mode="dark"] .trend-title-text,
html[data-color-mode="dark"] .yillik-yayin-sayilari-table-title,
html[data-color-mode="dark"] .yillik-yayin-endeks-table-title,
html[data-color-mode="dark"] .panel-header h4,
html[data-color-mode="dark"] .section-title-text {
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .trend-subtitle,
html[data-color-mode="dark"] .trend-title .trend-subtitle,
html[data-color-mode="dark"] .trend-title-sep,
html[data-color-mode="dark"] .panel-header p,
html[data-color-mode="dark"] .yillik-yayin-filter-label {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .trend-title-sep {
    opacity: 0.45;
}

/* Grafik alanları */
html[data-color-mode="dark"] .trend-chart-container,
html[data-color-mode="dark"] .yillik-yayin-chart-panel,
html[data-color-mode="dark"] .yillik-yayin-endeks-chart-wrap,
html[data-color-mode="dark"] .chart-panel-with-empty__plot,
html[data-color-mode="dark"] #son-patentler-container,
html[data-color-mode="dark"] #son-projeler-container,
html[data-color-mode="dark"] #son-yayinlar-container,
html[data-color-mode="dark"] #encok-atifli-yayinlar-container {
    background: var(--kku-cm-chart-bg) !important;
    border-color: var(--kku-cm-border-soft) !important;
    color: var(--kku-cm-text);
}

html[data-color-mode="dark"] #enbasarililar-container {
    background: transparent !important;
    border-color: transparent !important;
}

/* Liste kartları — #container seçicileri duyurular/haberler/etkinlikler.css !important beyazını ezer */
html[data-color-mode="dark"] #duyurular-container .etkinlik-item,
html[data-color-mode="dark"] #haberler-container .etkinlik-item,
html[data-color-mode="dark"] #etkinlikler-container .etkinlik-item,
html[data-color-mode="dark"] .etkinlik-item,
html[data-color-mode="dark"] #son-yayinlar-container .etkinlik-item,
html[data-color-mode="dark"] #encok-atifli-yayinlar-container .etkinlik-item,
html[data-color-mode="dark"] #son-projeler-container .etkinlik-item,
html[data-color-mode="dark"] #son-patentler-container .etkinlik-item,
html[data-color-mode="dark"] .etkinlikler-list .etkinlik-item,
html[data-color-mode="dark"] .duyuru-item,
html[data-color-mode="dark"] .haber-item {
    background: var(--kku-cm-surface-2) !important;
    border-color: var(--kku-cm-border) !important;
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] #duyurular-container .etkinlik-item:hover,
html[data-color-mode="dark"] #haberler-container .etkinlik-item:hover,
html[data-color-mode="dark"] #etkinlikler-container .etkinlik-item:hover,
html[data-color-mode="dark"] .etkinlik-item:hover,
html[data-color-mode="dark"] #son-yayinlar-container .etkinlik-item:hover,
html[data-color-mode="dark"] #son-patentler-container .etkinlik-item:hover {
    background: var(--kku-cm-surface-3) !important;
}

html[data-color-mode="dark"] #duyurular-container .etkinlik-title,
html[data-color-mode="dark"] #haberler-container .etkinlik-title,
html[data-color-mode="dark"] #etkinlikler-container .etkinlik-title,
html[data-color-mode="dark"] .etkinlik-title,
html[data-color-mode="dark"] .duyuru-title,
html[data-color-mode="dark"] .haber-title {
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] #duyurular-container .etkinlik-item:hover .etkinlik-title,
html[data-color-mode="dark"] #haberler-container .etkinlik-item:hover .etkinlik-title,
html[data-color-mode="dark"] #etkinlikler-container .etkinlik-item:hover .etkinlik-title {
    color: #fca5a5 !important;
}

html[data-color-mode="dark"] #duyurular-container .etkinlik-meta,
html[data-color-mode="dark"] #haberler-container .etkinlik-meta,
html[data-color-mode="dark"] #etkinlikler-container .etkinlik-meta,
html[data-color-mode="dark"] #duyurular-container .etkinlik-date,
html[data-color-mode="dark"] #haberler-container .etkinlik-date,
html[data-color-mode="dark"] #etkinlikler-container .etkinlik-date,
html[data-color-mode="dark"] #duyurular-container .etkinlik-location,
html[data-color-mode="dark"] #haberler-container .etkinlik-location,
html[data-color-mode="dark"] #etkinlikler-container .etkinlik-location,
html[data-color-mode="dark"] .etkinlik-meta,
html[data-color-mode="dark"] .etkinlik-date,
html[data-color-mode="dark"] .etkinlik-location,
html[data-color-mode="dark"] .etkinlik-authors,
html[data-color-mode="dark"] .etkinlik-journal {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] #duyurular-container .etkinlik-content,
html[data-color-mode="dark"] #haberler-container .etkinlik-content,
html[data-color-mode="dark"] #etkinlikler-container .etkinlik-content {
    color: var(--kku-cm-text) !important;
}

/* Sayfalama — eski beyaz kart stilini ez */
html[data-color-mode="dark"] .etkinlikler-pagination,
html[data-color-mode="dark"] .list-page-smart-pagination {
    border-top-color: var(--kku-cm-border) !important;
}

html[data-color-mode="dark"] .etkinlikler-pagination .pagination-wrapper,
html[data-color-mode="dark"] .list-page-smart-pagination .pagination-wrapper,
html[data-color-mode="dark"] .pagination-wrapper {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--kku-cm-text-muted);
}

html[data-color-mode="dark"] .etkinlikler-pagination .pagination-info,
html[data-color-mode="dark"] .list-page-smart-pagination .pagination-info {
    background: transparent !important;
    border: none !important;
    color: var(--kku-cm-text-muted);
}

html[data-color-mode="dark"] .etkinlikler-pagination .total-items,
html[data-color-mode="dark"] .list-page-smart-pagination .total-items {
    color: var(--kku-cm-text-secondary) !important;
}

html[data-color-mode="dark"] .etkinlikler-pagination .page-info,
html[data-color-mode="dark"] .list-page-smart-pagination .page-info {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .etkinlikler-pagination .page-btn,
html[data-color-mode="dark"] .list-page-smart-pagination .page-btn,
html[data-color-mode="dark"] .etkinlikler-pagination .page-go-btn,
html[data-color-mode="dark"] .list-page-smart-pagination .page-go-btn,
html[data-color-mode="dark"] .etkinlikler-pagination .page-input,
html[data-color-mode="dark"] .list-page-smart-pagination .page-input,
html[data-color-mode="dark"] .etkinlikler-pagination .page-size-select,
html[data-color-mode="dark"] .list-page-smart-pagination .page-size-select {
    background: var(--kku-cm-surface-2) !important;
    border-color: var(--kku-cm-border) !important;
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .etkinlikler-pagination .page-btn.active,
html[data-color-mode="dark"] .list-page-smart-pagination .page-btn.active {
    background: rgba(220, 53, 69, 0.22) !important;
    border-color: rgba(248, 113, 113, 0.55) !important;
    color: #fecaca !important;
}

/* Toggle / filtre butonları */
html[data-color-mode="dark"] .yillik-yayin-sayilari-view-toggle,
html[data-color-mode="dark"] .yillik-yayin-endeks-view-toggle,
html[data-color-mode="dark"] .birim-trend-view-toggle,
html[data-color-mode="dark"] .trend-view-toggle {
    background: var(--kku-cm-surface-2) !important;
    border-color: var(--kku-cm-border) !important;
}

html[data-color-mode="dark"] .yillik-yayin-sayilari-view-btn,
html[data-color-mode="dark"] .yillik-yayin-endeks-view-btn,
html[data-color-mode="dark"] .birim-trend-view-btn,
html[data-color-mode="dark"] .trend-view-btn {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .yillik-yayin-sayilari-view-btn.is-active,
html[data-color-mode="dark"] .yillik-yayin-endeks-view-btn.is-active,
html[data-color-mode="dark"] .birim-trend-view-btn.is-active,
html[data-color-mode="dark"] .trend-view-btn.is-active {
    color: #fff !important;
}

/* Boş durum */
html[data-color-mode="dark"] .anasayfa-chart-empty,
html[data-color-mode="dark"] .empty-state,
html[data-color-mode="dark"] .chart-empty-state,
html[data-color-mode="dark"] .chart-panel-with-empty__empty {
    background: var(--kku-cm-surface-2) !important;
    border-color: var(--kku-cm-border) !important;
    color: var(--kku-cm-text-muted) !important;
    box-shadow: none !important;
}

html[data-color-mode="dark"] .anasayfa-chart-empty__icon-wrap {
    background: rgba(220, 38, 38, 0.12) !important;
    border-color: rgba(248, 113, 113, 0.25) !important;
    box-shadow: none !important;
}

html[data-color-mode="dark"] .anasayfa-chart-empty__title {
    color: #fca5a5 !important;
}

/* empty-state.css — grafik boş kartları */
html[data-color-mode="dark"] .empty-state-card,
html[data-color-mode="dark"] .empty-state-minimal,
html[data-color-mode="dark"] .error-state-card {
    background: var(--kku-cm-surface-2) !important;
    border-color: var(--kku-cm-border) !important;
    box-shadow: none !important;
}

html[data-color-mode="dark"] .empty-state-card::before,
html[data-color-mode="dark"] .empty-state-minimal::before,
html[data-color-mode="dark"] .error-state-card::before {
    background: radial-gradient(ellipse 75% 45% at 50% 0%, rgba(220, 38, 38, 0.08) 0%, transparent 65%) !important;
}

html[data-color-mode="dark"] .empty-state-icon,
html[data-color-mode="dark"] .error-state-icon {
    background: rgba(220, 38, 38, 0.12) !important;
    border-color: rgba(248, 113, 113, 0.25) !important;
    box-shadow: none !important;
}

html[data-color-mode="dark"] .empty-state-minimal .empty-state-icon.info {
    background: rgba(220, 38, 38, 0.12) !important;
    border-color: rgba(248, 113, 113, 0.25) !important;
}

html[data-color-mode="dark"] .empty-state-title,
html[data-color-mode="dark"] .error-state-title {
    color: #fca5a5 !important;
}

html[data-color-mode="dark"] .empty-state-description,
html[data-color-mode="dark"] .error-state-description {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .chart-view-select {
    background: var(--kku-cm-input-bg) !important;
    border-color: var(--kku-cm-input-border) !important;
    color: var(--kku-cm-text) !important;
    color-scheme: dark;
}

html[data-color-mode="dark"] .chart-view-select:hover,
html[data-color-mode="dark"] .chart-view-select:focus {
    border-color: rgba(248, 113, 113, 0.55) !important;
    color: #fecaca !important;
}

html[data-color-mode="dark"] #ogrenci-birim-cinsiyet-section .trend-chart-container,
html[data-color-mode="dark"] #akademisyen-birim-cinsiyet-section .trend-chart-container,
html[data-color-mode="dark"] #idari-personel-birim-cinsiyet-section .trend-chart-container {
    background: var(--kku-cm-chart-bg) !important;
    border-color: var(--kku-cm-border-soft) !important;
}
html[data-color-mode="dark"] .birim-trend-container .birim-trend-header {
    background: linear-gradient(135deg, var(--kku-cm-surface-2) 0%, var(--kku-cm-surface-3) 100%) !important;
    box-shadow: 0 2px 12px var(--kku-cm-shadow) !important;
}

html[data-color-mode="dark"] .birim-trend-container .birim-trend-title {
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .birim-trend-container .birim-trend-subtitle,
html[data-color-mode="dark"] .birim-trend-container .date-separator,
html[data-color-mode="dark"] .birim-trend-container .date-range-group label,
html[data-color-mode="dark"] .birim-trend-container .period-selector label {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .birim-trend-container .date-input {
    background: var(--kku-cm-input-bg) !important;
    border-color: var(--kku-cm-input-border) !important;
    color: var(--kku-cm-text) !important;
    color-scheme: dark;
}

html[data-color-mode="dark"] .birim-trend-container .period-buttons {
    background: var(--kku-cm-surface-3) !important;
    border-color: var(--kku-cm-border) !important;
}

html[data-color-mode="dark"] .birim-trend-container .period-btn {
    background: transparent !important;
    color: var(--kku-cm-text-muted) !important;
    border-color: transparent !important;
}

html[data-color-mode="dark"] .birim-trend-container .period-btn.active {
    background: #2563eb !important;
    color: #fff !important;
}

html[data-color-mode="dark"] .birim-trend-container .period-btn:hover:not(.active) {
    background: rgba(99, 102, 241, 0.12) !important;
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .birim-trend-container .trend-chart-container {
    background: var(--kku-cm-chart-bg) !important;
    border-color: var(--kku-cm-border-soft) !important;
}

html[data-color-mode="dark"] .birim-trend-view-btn {
    background: var(--kku-cm-surface-2) !important;
    color: var(--kku-cm-text-muted) !important;
    border-color: var(--kku-cm-border) !important;
}

html[data-color-mode="dark"] .birim-trend-view-btn.is-active {
    background: rgba(220, 38, 38, 0.18) !important;
    color: #fecaca !important;
    border-color: rgba(248, 113, 113, 0.45) !important;
}

/* —— Birim cinsiyet analizi —— */
html[data-color-mode="dark"] .unit-gender-analysis-container {
    background: var(--kku-cm-surface) !important;
    border: 1px solid var(--kku-cm-border-soft) !important;
    box-shadow: 0 4px 20px var(--kku-cm-shadow) !important;
}

html[data-color-mode="dark"] .unit-gender-analysis-container .analysis-title {
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .unit-gender-analysis-container .analysis-subtitle {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .unit-gender-analysis-container .filtering-controls,
html[data-color-mode="dark"] .unit-gender-analysis-container .panel-header {
    background: var(--kku-cm-surface-2) !important;
    border-color: var(--kku-cm-border) !important;
}

html[data-color-mode="dark"] .unit-gender-analysis-container .panel-header h4 {
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .unit-gender-analysis-container .form-control,
html[data-color-mode="dark"] .unit-gender-analysis-container select,
html[data-color-mode="dark"] .unit-gender-analysis-container .chart-container {
    background: var(--kku-cm-input-bg) !important;
    border-color: var(--kku-cm-input-border) !important;
    color: var(--kku-cm-text) !important;
}

/* Ortak Grafik/Veri toggle */
html[data-color-mode="dark"] .anasayfa-gv-btn,
html[data-color-mode="dark"] .yillik-yayin-sayilari-view-btn,
html[data-color-mode="dark"] .yillik-yayin-endeks-view-btn {
    background: var(--kku-cm-surface-2) !important;
    border-color: var(--kku-cm-border) !important;
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .anasayfa-gv-btn.is-active,
html[data-color-mode="dark"] .yillik-yayin-sayilari-view-btn.is-active,
html[data-color-mode="dark"] .yillik-yayin-endeks-view-btn.is-active {
    background: rgba(220, 38, 38, 0.18) !important;
    border-color: rgba(248, 113, 113, 0.45) !important;
    color: #fecaca !important;
}

html[data-color-mode="dark"] .anasayfa-gv-toggle,
html[data-color-mode="dark"] .yillik-yayin-sayilari-view-toggle,
html[data-color-mode="dark"] .yillik-yayin-endeks-view-toggle {
    background: var(--kku-cm-surface-2) !important;
    border-color: var(--kku-cm-border) !important;
}

/* Drill-down panelleri (Bölüm / Program bazında dağılım) */
html[data-color-mode="dark"] .department-chart-wrapper,
html[data-color-mode="dark"] .program-chart-wrapper {
    background: var(--kku-cm-surface) !important;
    border-color: var(--kku-cm-border) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
}

html[data-color-mode="dark"] .department-chart-header,
html[data-color-mode="dark"] .program-chart-header {
    background: var(--kku-cm-surface-2) !important;
}

html[data-color-mode="dark"] .department-chart-title,
html[data-color-mode="dark"] .program-chart-title {
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .close-department-chart,
html[data-color-mode="dark"] .close-program-chart {
    border-color: var(--kku-cm-border) !important;
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .department-chart-container,
html[data-color-mode="dark"] .program-chart-container {
    background: var(--kku-cm-chart-bg) !important;
}

/* Yükleniyor animasyonları (stats-loading, trend-loading) */
html[data-color-mode="dark"] .stats-loading,
html[data-color-mode="dark"] .trend-loading,
html[data-color-mode="dark"] .distribution-loading,
html[data-color-mode="dark"] .chart-loading,
html[data-color-mode="dark"] .map-loading,
html[data-color-mode="dark"] .department-chart-loading,
html[data-color-mode="dark"] .program-chart-loading,
html[data-color-mode="dark"] .fakulte-list-loading,
html[data-color-mode="dark"] #encok-atifli-yayinlar-loading,
html[data-color-mode="dark"] #son-yayinlar-loading,
html[data-color-mode="dark"] #son-patentler-loading,
html[data-color-mode="dark"] #son-projeler-loading {
    background: var(--kku-cm-surface-2) !important;
    border-color: var(--kku-cm-border) !important;
    box-shadow: none !important;
}

html[data-color-mode="dark"] .stats-loading::before,
html[data-color-mode="dark"] .trend-loading::before,
html[data-color-mode="dark"] .chart-loading::before {
    background: radial-gradient(ellipse 60% 50% at 50% 30%, rgba(220, 38, 38, 0.06) 0%, transparent 65%) !important;
}

html[data-color-mode="dark"] .stats-loading .loading-text,
html[data-color-mode="dark"] .trend-loading .loading-text,
html[data-color-mode="dark"] .chart-loading .loading-text,
html[data-color-mode="dark"] .distribution-loading .loading-text,
html[data-color-mode="dark"] .search-loading-indicator .loading-text {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] #encok-atifli-yayinlar-section .trend-chart-container,
html[data-color-mode="dark"] #son-yayinlar-section .trend-chart-container {
    background: var(--kku-cm-chart-bg) !important;
    border-color: var(--kku-cm-border-soft) !important;
}

/* En başarılılar / akademisyen kartları */
html[data-color-mode="dark"] .enbasarililar-card,
html[data-color-mode="dark"] .akademisyen-card,
html[data-color-mode="dark"] .profile-card,
html[data-color-mode="dark"] .academic-card {
    background: var(--kku-cm-surface-2) !important;
    border-color: var(--kku-cm-border) !important;
    color: var(--kku-cm-text);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
}

html[data-color-mode="dark"] .academic-card:hover {
    border-color: var(--kku-cm-border) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important;
}

html[data-color-mode="dark"] .swiper-slide-active .academic-card {
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.4) !important;
}

html[data-color-mode="dark"] .enbasarililar-card-body,
html[data-color-mode="dark"] .akademisyen-card-body,
html[data-color-mode="dark"] .academic-card-content {
    background: var(--kku-cm-surface-2) !important;
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .academic-full-name {
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .academic-department {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .academic-stat-item {
    background: var(--kku-cm-surface-3) !important;
    border-color: var(--kku-cm-border) !important;
}

html[data-color-mode="dark"] .academic-stat-item:hover {
    background: var(--kku-cm-surface) !important;
    border-color: var(--kku-cm-border) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

html[data-color-mode="dark"] .academic-stat-item .stat-label {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .academic-stat-item .stat-value {
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .academic-stat-item .stat-icon {
    background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 100%) !important;
    color: #fff !important;
}

html[data-color-mode="dark"] .academic-view-btn {
    background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.35) !important;
}

html[data-color-mode="dark"] .academic-view-btn:hover {
    background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%) !important;
    box-shadow: 0 8px 25px rgba(37, 99, 235, 0.35) !important;
    color: #fff !important;
}

html[data-color-mode="dark"] .academic-card-image.photo-mode {
    background: var(--kku-cm-surface-3) !important;
}

/* Swiper navigasyon */
html[data-color-mode="dark"] .enbasarililar-swiper .swiper-button-next,
html[data-color-mode="dark"] .enbasarililar-swiper .swiper-button-prev {
    background: var(--kku-cm-surface-2) !important;
    border-color: var(--kku-cm-border) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
}

html[data-color-mode="dark"] .enbasarililar-swiper .swiper-button-next:hover,
html[data-color-mode="dark"] .enbasarililar-swiper .swiper-button-prev:hover {
    background: var(--kku-cm-surface-3) !important;
    border-color: var(--kku-cm-border) !important;
}

html[data-color-mode="dark"] .enbasarililar-swiper .swiper-button-next::after,
html[data-color-mode="dark"] .enbasarililar-swiper .swiper-button-prev::after {
    color: var(--kku-cm-text-secondary) !important;
}

html[data-color-mode="dark"] .enbasarililar-swiper .swiper-button-next:hover::after,
html[data-color-mode="dark"] .enbasarililar-swiper .swiper-button-prev:hover::after {
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .enbasarililar-swiper .swiper-pagination-bullet {
    background: var(--kku-cm-border) !important;
    opacity: 0.6 !important;
}

html[data-color-mode="dark"] .enbasarililar-swiper .swiper-pagination-bullet-active {
    background: linear-gradient(135deg, #2563eb, #3b82f6) !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.4) !important;
}

/* SDG */
html[data-color-mode="dark"] .sdg-etkinlik-grid-wrap {
    background: transparent;
}

/* Form elemanları — genel */
html[data-color-mode="dark"] .main-content .form-control,
html[data-color-mode="dark"] .main-content .form-select,
html[data-color-mode="dark"] .yillik-yayin-input,
html[data-color-mode="dark"] input[type="date"],
html[data-color-mode="dark"] input[type="number"] {
    background: var(--kku-cm-input-bg) !important;
    border-color: var(--kku-cm-input-border) !important;
    color: var(--kku-cm-text) !important;
    color-scheme: dark;
}

html[data-color-mode="dark"] label,
html[data-color-mode="dark"] .form-label {
    color: var(--kku-cm-text-secondary);
}

/* Breadcrumb / detay */
html[data-color-mode="dark"] .kku-detail-breadcrumb {
    color: var(--kku-cm-text-muted);
}

html[data-color-mode="dark"] .kku-detail-breadcrumb a {
    color: var(--kku-cm-link);
}

/* Filtre etiketleri (Başlangıç / Bitiş / Periyot) */
html[data-color-mode="dark"] .trend-filter-label,
html[data-color-mode="dark"] .yillik-yayin-filter-label,
html[data-color-mode="dark"] .period-label,
html[data-color-mode="dark"] .filter-label {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .period-btn,
html[data-color-mode="dark"] .trend-period-btn {
    background: var(--kku-cm-surface-2) !important;
    border-color: var(--kku-cm-border) !important;
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .period-btn.active,
html[data-color-mode="dark"] .trend-period-btn.active {
    background: #2563eb !important;
    color: #fff !important;
    border-color: #2563eb !important;
}

/* —— Hero / arama bandı: açık mod (anasayfa + birim + gelişmiş arama) —— */
html[data-color-mode="light"] .animated-background,
html[data-color-mode="light"] .birim-hero-animated-bg,
html[data-color-mode="light"] .da-hero .birim-hero-animated-bg {
    background-color: #f1f5f9;
    background-image:
        radial-gradient(ellipse 115% 75% at 50% -15%, rgba(227, 6, 19, 0.11) 0%, transparent 52%),
        radial-gradient(ellipse 65% 55% at 100% 45%, rgba(37, 99, 235, 0.09) 0%, transparent 48%),
        radial-gradient(ellipse 55% 45% at 0% 85%, rgba(227, 6, 19, 0.06) 0%, transparent 42%),
        linear-gradient(168deg, #f8fafc 0%, #eef2f7 38%, #e8eef6 68%, #f1f5f9 100%);
    box-shadow: inset 0 -1px 0 rgba(15, 23, 42, 0.06);
}

html[data-color-mode="light"] .animated-background::before,
html[data-color-mode="light"] .birim-hero-animated-bg::before,
html[data-color-mode="light"] .da-hero .birim-hero-animated-bg::before {
    opacity: 0.4;
    background:
        linear-gradient(rgba(15, 23, 42, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, 0.045) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, transparent 90%);
}

html[data-color-mode="light"] .animated-background::after,
html[data-color-mode="light"] .birim-hero-animated-bg::after,
html[data-color-mode="light"] .da-hero .birim-hero-animated-bg::after {
    background:
        linear-gradient(180deg, rgba(248, 250, 252, 0.2) 0%, transparent 40%, rgba(248, 250, 252, 0.55) 100%),
        radial-gradient(ellipse 90% 40% at 50% 100%, rgba(15, 23, 42, 0.04) 0%, transparent 70%);
}

html[data-color-mode="light"] .animated-background .bg-svg,
html[data-color-mode="light"] .birim-hero-bg-svg,
html[data-color-mode="light"] .da-hero .birim-hero-bg-svg {
    opacity: 0.14;
}

html[data-color-mode="light"] .birim-hero {
    background-color: #f1f5f9;
    box-shadow: inset 0 -1px 0 rgba(15, 23, 42, 0.06);
}

html[data-color-mode="light"] .birim-hero.card {
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.07);
}

html[data-color-mode="light"] .birim-hero-title-text {
    color: #0f172a;
    -webkit-text-fill-color: #0f172a;
    text-shadow: none;
}

html[data-color-mode="light"] .birim-hero-subtitle,
html[data-color-mode="light"] .birim-hero-desc {
    color: #475569;
}

html[data-color-mode="light"] .birim-hero-meta-chip {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(15, 23, 42, 0.1);
    color: #334155;
}

html[data-color-mode="light"] .birim-hero-meta-chip i {
    color: #dc2626;
}

html[data-color-mode="light"] .birim-hero .birim-analiz-breadcrumb-sep {
    color: rgba(71, 85, 105, 0.65);
}

html[data-color-mode="light"] .da-hero {
    background-color: #f1f5f9;
    box-shadow: inset 0 -1px 0 rgba(15, 23, 42, 0.06);
}

html[data-color-mode="light"] .da-hero-title {
    color: #0f172a;
    text-shadow: none;
}

html[data-color-mode="light"] .da-hero-lead {
    color: #475569;
}

/* Açık modda hero yüzen ikonlar (koyu zemin yerine soft marka tonları) */
html[data-color-mode="light"] .kku-scientific-floating-bg--hero .kku-float-icon,
html[data-color-mode="light"] .kku-scientific-floating-bg--banner .kku-float-icon {
    --icon-color: rgba(30, 64, 175, 0.12);
    --icon-opacity: 0.8;
}

html[data-color-mode="light"] .kku-scientific-floating-bg--hero .kku-float-icon:nth-child(odd),
html[data-color-mode="light"] .kku-scientific-floating-bg--banner .kku-float-icon:nth-child(odd) {
    --icon-color: rgba(220, 38, 38, 0.1);
}

html[data-color-mode="light"] .kku-scientific-floating-bg--birim .kku-float-icon {
    --icon-color: rgba(30, 64, 175, 0.14);
    --icon-opacity: 0.85;
}

html[data-color-mode="light"] .kku-scientific-floating-bg--birim .kku-float-icon:nth-child(4n+1) {
    --icon-color: rgba(37, 99, 235, 0.16);
}

html[data-color-mode="light"] .kku-scientific-floating-bg--birim .kku-float-icon:nth-child(4n+2) {
    --icon-color: rgba(15, 23, 42, 0.1);
}

html[data-color-mode="light"] .kku-scientific-floating-bg--birim .kku-float-icon:nth-child(4n+3) {
    --icon-color: rgba(220, 38, 38, 0.12);
}

html[data-color-mode="light"] .kku-scientific-floating-bg--birim .kku-float-icon:nth-child(4n) {
    --icon-color: rgba(5, 150, 105, 0.12);
}

html[data-color-mode="light"] .kku-scientific-floating-bg--birim .kku-float-orbit {
    border-color: rgba(15, 23, 42, 0.06);
}

/* —— Ana sayfa premium arama —— */
html[data-color-mode="dark"] .animated-background {
    background-color: var(--kku-cm-bg);
    background-image:
        radial-gradient(ellipse 100% 65% at 50% -8%, rgba(220, 38, 38, 0.28) 0%, transparent 50%),
        radial-gradient(ellipse 70% 50% at 95% 60%, rgba(59, 130, 246, 0.14) 0%, transparent 46%),
        radial-gradient(ellipse 50% 40% at 5% 90%, rgba(220, 38, 38, 0.1) 0%, transparent 40%),
        linear-gradient(180deg, #0f172a 0%, var(--kku-cm-bg) 92%);
    box-shadow: inset 0 -1px 0 var(--kku-cm-border-soft);
}

html[data-color-mode="dark"] .animated-background::before {
    opacity: 0.35;
    background:
        linear-gradient(rgba(148, 163, 184, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, 0.06) 1px, transparent 1px);
}

html[data-color-mode="dark"] .animated-background::after {
    background:
        linear-gradient(180deg, transparent 0%, rgba(11, 18, 32, 0.45) 78%, var(--kku-cm-bg) 100%);
}

html[data-color-mode="dark"] .animated-background .bg-svg {
    opacity: 0.3;
}

html[data-color-mode="dark"] .premium-search-box {
    background: linear-gradient(135deg, var(--kku-cm-surface) 0%, var(--kku-cm-surface-2) 100%) !important;
    border-color: var(--kku-cm-border) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

html[data-color-mode="dark"] .premium-search-box:focus-within {
    border-color: #dc2626 !important;
    box-shadow: 0 15px 50px rgba(220, 38, 38, 0.25), 0 5px 15px rgba(0, 0, 0, 0.3) !important;
}

html[data-color-mode="dark"] .premium-search-input {
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .premium-search-input::placeholder {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .premium-search-secondary-btn {
    background: var(--kku-cm-surface-2) !important;
    border-color: #dc2626 !important;
    color: #f87171 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25) !important;
}

html[data-color-mode="dark"] .premium-search-secondary-btn:hover {
    background: rgba(220, 38, 38, 0.12) !important;
    border-color: #f87171 !important;
    color: #fca5a5 !important;
}

html[data-color-mode="dark"] .premium-search-pulse-btn {
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 55%, #5b21b6 100%) !important;
    border-color: rgba(167, 139, 250, 0.35) !important;
    box-shadow: 0 4px 20px rgba(124, 58, 237, 0.45) !important;
}

html[data-color-mode="dark"] .premium-search-pulse-btn-wrap:hover .premium-search-pulse-btn {
    box-shadow: 0 8px 28px rgba(139, 92, 246, 0.55) !important;
}

html[data-color-mode="dark"] .premium-search-pulse-btn-wrap::before,
html[data-color-mode="dark"] .premium-search-pulse-btn-wrap::after {
    border-color: rgba(167, 139, 250, 0.55);
}

html[data-color-mode="dark"] .search-clear-btn,
html[data-color-mode="dark"] .search-filter-btn {
    background: var(--kku-cm-surface-3) !important;
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .filter-tag {
    background: var(--kku-cm-surface) !important;
    border-color: var(--kku-cm-border) !important;
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .filter-tag:hover {
    border-color: #dc2626 !important;
    color: #f87171 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

html[data-color-mode="dark"] .filter-tag.active {
    background: linear-gradient(135deg, #E30613 0%, #c00510 100%) !important;
    border-color: #E30613 !important;
    color: #fff !important;
}

/* Öneriler paneli */
html[data-color-mode="dark"] .search-suggestions-wrapper {
    background: var(--kku-cm-surface) !important;
    border-color: var(--kku-cm-border) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45) !important;
}

html[data-color-mode="dark"] .suggestions-header {
    background: var(--kku-cm-surface-2) !important;
    border-bottom-color: var(--kku-cm-border) !important;
}

html[data-color-mode="dark"] .suggestions-title {
    color: var(--kku-cm-text-secondary) !important;
}

html[data-color-mode="dark"] .suggestions-close {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .suggestions-close:hover {
    background: var(--kku-cm-surface-3) !important;
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .suggestion-item:hover {
    background: var(--kku-cm-surface-2) !important;
}

html[data-color-mode="dark"] .suggestion-item span {
    color: var(--kku-cm-text-secondary) !important;
}

html[data-color-mode="dark"] .suggestions-content::-webkit-scrollbar-track {
    background: var(--kku-cm-surface-2);
}

html[data-color-mode="dark"] .suggestions-content {
    background: var(--kku-cm-surface) !important;
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .no-suggestions {
    background: var(--kku-cm-surface-2) !important;
    border-color: var(--kku-cm-border) !important;
}

html[data-color-mode="dark"] .no-suggestions-icon i {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .no-suggestions h4 {
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .no-suggestions p {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .suggestions-loading {
    background: var(--kku-cm-surface) !important;
}

html[data-color-mode="dark"] .suggestions-loading-text {
    color: var(--kku-cm-text-secondary) !important;
}

html[data-color-mode="dark"] .suggestion-item {
    color: var(--kku-cm-text-secondary) !important;
}

html[data-color-mode="dark"] .suggestion-item i {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .result-item-card:hover,
html[data-color-mode="dark"] .suggestion-item-card:hover {
    background: var(--kku-cm-surface-3) !important;
}

/* Arama sonuçları */
html[data-color-mode="dark"] .search-results-header {
    border-bottom-color: var(--kku-cm-border) !important;
}

html[data-color-mode="dark"] .results-title {
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .close-results-btn {
    background: var(--kku-cm-surface-3) !important;
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .result-category-card {
    background: var(--kku-cm-surface) !important;
    border-color: var(--kku-cm-border) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

html[data-color-mode="dark"] .category-title {
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .category-count {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .result-item-card,
html[data-color-mode="dark"] .suggestion-item-card {
    background: var(--kku-cm-surface-2) !important;
    border-color: var(--kku-cm-border) !important;
}

html[data-color-mode="dark"] .result-item-card:hover {
    background: var(--kku-cm-surface-3) !important;
}

html[data-color-mode="dark"] .result-item-card.active,
html[data-color-mode="dark"] .suggestion-item-card.active {
    background: rgba(220, 38, 38, 0.12) !important;
    border-color: rgba(248, 113, 113, 0.4) !important;
}

html[data-color-mode="dark"] .result-card-title {
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .result-card-meta .meta-item {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .result-card-arrow {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .advanced-filters-panel {
    background: var(--kku-cm-surface) !important;
    border-color: var(--kku-cm-border) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45) !important;
}

html[data-color-mode="dark"] .filters-header {
    background: var(--kku-cm-surface-2) !important;
    border-bottom-color: var(--kku-cm-border) !important;
}

html[data-color-mode="dark"] .filters-header h4 {
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .close-filters {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .close-filters:hover {
    background: var(--kku-cm-surface-3) !important;
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .filter-group label {
    color: var(--kku-cm-text-secondary) !important;
}

html[data-color-mode="dark"] .filter-select,
html[data-color-mode="dark"] .year-input {
    background: var(--kku-cm-input-bg) !important;
    border-color: var(--kku-cm-input-border) !important;
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .quick-date-btn {
    border-color: var(--kku-cm-border) !important;
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .quick-date-btn:hover {
    background: var(--kku-cm-surface-2) !important;
    border-color: var(--kku-cm-border) !important;
    color: var(--kku-cm-text-secondary) !important;
}

html[data-color-mode="dark"] .filter-group-date {
    border-bottom-color: var(--kku-cm-border) !important;
}

html[data-color-mode="dark"] .year-range span {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .no-results {
    background: var(--kku-cm-surface) !important;
    border-color: var(--kku-cm-border) !important;
}

html[data-color-mode="dark"] .no-results h4 {
    color: var(--kku-cm-text-secondary) !important;
}

html[data-color-mode="dark"] .no-results p {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .no-results i {
    color: var(--kku-cm-border) !important;
}

/* Sayfalama tek satır — tüm genişliklerde masaüstü (partial css flex-wrap ezmesi) */
@media (min-width: 769px) {
    .etkinlikler-pagination .pagination-wrapper,
    .list-page-smart-pagination .pagination-wrapper {
        flex-wrap: nowrap !important;
    }

    .etkinlikler-pagination .pagination-controls,
    .list-page-smart-pagination .pagination-controls {
        flex-wrap: nowrap !important;
    }

    .etkinlikler-pagination .pagination-info,
    .list-page-smart-pagination .pagination-info {
        flex: 0 0 auto !important;
        width: auto !important;
    }
}

@media (max-width: 768px) {
    .kku-color-mode-switch__btn {
        width: 1.85rem;
        height: 1.85rem;
        font-size: 0.82rem;
    }

    .kku-red-header .header-bar .header-actions {
        gap: 0.45rem;
    }
}

@media (max-width: 576px) {
    .kku-color-mode-switch {
        padding: 2px;
        gap: 1px;
    }

    .kku-color-mode-switch__btn {
        width: 1.65rem;
        height: 1.65rem;
        font-size: 0.75rem;
    }

    .kku-red-header .header-bar .header-actions {
        gap: 0.3rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .kku-color-mode-switch__btn {
        transition: none;
    }
}