/**
 * KKU Web — Section / widget tema bağları
 * Tüm partial paneller (duyuru, haber, etkinlik, trend kartları, sayfalama…)
 * seçilen --kku-brand ve light/dark --kku-cm-* token’larını kullanır.
 * Layout’ta en sonda yüklenmeli.
 */

:root {
    --kku-brand-gradient: linear-gradient(135deg, var(--kku-brand, #B91C1C) 0%, var(--kku-brand-hover, #991B1B) 100%);
    --kku-brand-bar: linear-gradient(90deg, var(--kku-brand, #B91C1C) 0%, var(--kku-brand-hover, #991B1B) 50%, var(--kku-brand, #B91C1C) 100%);
}

/* Bootstrap primary ↔ seçili tema */
.btn-primary,
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary.active {
    --bs-btn-bg: var(--kku-brand, #B91C1C);
    --bs-btn-border-color: var(--kku-brand, #B91C1C);
    --bs-btn-hover-bg: var(--kku-brand-hover, #991B1B);
    --bs-btn-hover-border-color: var(--kku-brand-hover, #991B1B);
    --bs-btn-active-bg: var(--kku-brand-hover, #991B1B);
    --bs-btn-active-border-color: var(--kku-brand-hover, #991B1B);
}

.btn-outline-primary {
    --bs-btn-color: var(--kku-brand, #B91C1C);
    --bs-btn-border-color: var(--kku-brand, #B91C1C);
    --bs-btn-hover-bg: var(--kku-brand, #B91C1C);
    --bs-btn-hover-border-color: var(--kku-brand, #B91C1C);
    --bs-btn-active-bg: var(--kku-brand-hover, #991B1B);
    --bs-btn-active-border-color: var(--kku-brand-hover, #991B1B);
    --bs-btn-hover-color: #fff;
}

.text-primary,
.link-primary {
    color: var(--kku-brand, #B91C1C) !important;
}

.border-primary {
    border-color: var(--kku-brand, #B91C1C) !important;
}

.bg-primary {
    background-color: var(--kku-brand, #B91C1C) !important;
}

/* —— Anasayfa / partial paneller —— */
.trend-analysis-container {
    background: var(--kku-cm-surface, #ffffff) !important;
    border-color: var(--kku-cm-border, rgba(226, 232, 240, 0.8)) !important;
    color: var(--kku-cm-text, #1e293b);
}

.trend-analysis-container::before {
    background: var(--kku-brand-bar) !important;
    background-size: 200% 100% !important;
}

/* Üstteki 4px marka şeridi ile içerik arasında nefes payı — tüm section kartları.
   (.yillik-yayin-section kendi 1.85rem / 1.15rem değerlerini kullanır.)
   Sayfa bazlı CSS'ler (duyurular, son-yayinlar, cinsiyet analizleri…) ID seçicisiyle
   daha düşük üst padding verdiği için !important gerekli. */
.trend-analysis-container:not(.yillik-yayin-section) {
    padding-top: 1.5rem !important;
}

@media (max-width: 991.98px) {
    .trend-analysis-container:not(.yillik-yayin-section) {
        padding-top: 1.1rem !important;
    }
}

.trend-header {
    background: var(--kku-cm-surface-2, #f8fafc) !important;
    border-color: var(--kku-cm-border, rgba(226, 232, 240, 0.6)) !important;
}

.trend-title {
    color: var(--kku-cm-text, #1e293b) !important;
}

.trend-title i,
.trend-title .fa-bullhorn,
.trend-title .fas.fa-bullhorn {
    color: var(--kku-brand, #B91C1C) !important;
    background: var(--kku-brand-gradient) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 4px color-mix(in srgb, var(--kku-brand, #B91C1C) 25%, transparent)) !important;
}

.trend-subtitle,
.trend-title .trend-subtitle {
    color: var(--kku-cm-text-muted, #64748b) !important;
}

.etkinlikler-section,
.haberler-section,
.duyurular-section {
    background: var(--kku-cm-surface, #fff) !important;
}

/* Liste satırları / kartlar */
.etkinlikler-list .etkinlik-item,
.haberler-list .haber-item,
.duyurular-list .duyuru-item,
.etkinlikler-list .list-item,
.trend-chart-container .etkinlik-item,
.trend-chart-container .duyuru-item,
.trend-chart-container .haber-item,
#duyurular-container .etkinlik-item,
#haberler-container .etkinlik-item,
#etkinlikler-container .etkinlik-item {
    background: var(--kku-cm-surface-2, #fff) !important;
    border-color: var(--kku-cm-border, #e2e8f0) !important;
    color: var(--kku-cm-text, #1e293b);
}

#duyurular-container .etkinlik-item:hover,
#haberler-container .etkinlik-item:hover,
#etkinlikler-container .etkinlik-item:hover,
.etkinlik-item:hover {
    background: color-mix(in srgb, var(--kku-brand, #B91C1C) 6%, var(--kku-cm-surface-2, #fff)) !important;
    box-shadow: 0 1px 3px color-mix(in srgb, var(--kku-brand, #B91C1C) 12%, transparent) !important;
}

#duyurular-container .etkinlik-item::before,
#haberler-container .etkinlik-item::before,
#etkinlikler-container .etkinlik-item::before {
    background: var(--kku-brand-gradient) !important;
}

/* Satır sol ikon kutusu (megafon vb.) */
.etkinlik-icon,
.etkinlik-item-icon,
.duyuru-item-icon,
.haber-item-icon,
.etkinlikler-list .item-icon,
.duyurular-list .item-icon,
#duyurular-container .etkinlik-icon,
#haberler-container .etkinlik-icon,
#etkinlikler-container .etkinlik-icon {
    background: var(--kku-brand-gradient) !important;
    color: #fff !important;
}

#duyurular-container .etkinlik-item:hover .etkinlik-icon,
#haberler-container .etkinlik-item:hover .etkinlik-icon,
#etkinlikler-container .etkinlik-item:hover .etkinlik-icon {
    background: linear-gradient(135deg, var(--kku-brand-hover, #991B1B) 0%, var(--kku-brand, #B91C1C) 100%) !important;
}

/* Paylaş / marka aksanlı linkler */
.btn-share,
.share-btn:not([class*="share-btn-whatsapp"]):not([class*="share-btn-twitter"]):not([class*="share-btn-facebook"]):not([class*="share-btn-linkedin"]),
.etkinlik-share,
.duyuru-share,
.haber-share,
a.share-link,
.duyuru-item-share-btn,
.haber-item-share-btn,
.etkinlik-item-share-btn,
.duyuru-detay-share-btn,
.share-btn-native,
.share-btn-copy {
    color: var(--kku-brand, #B91C1C) !important;
    border-color: var(--kku-brand, #B91C1C) !important;
}

.duyuru-item-share-btn:hover,
.haber-item-share-btn:hover,
.etkinlik-item-share-btn:hover,
.duyuru-detay-share-btn:hover {
    color: #fff !important;
    background: var(--kku-brand-hover, #991B1B) !important;
    border-color: var(--kku-brand-hover, #991B1B) !important;
}

.btn-share i,
.duyuru-item-share-btn i,
.duyuru-share i,
.haber-share i {
    color: inherit !important;
}

/* Yenile outline primary — seçili tema */
.btn-refresh-duyurular,
.btn-refresh-haberler,
.btn-refresh-etkinlikler,
.trend-header .btn-outline-primary {
    --bs-btn-color: var(--kku-brand, #B91C1C);
    --bs-btn-border-color: var(--kku-brand, #B91C1C);
    --bs-btn-hover-bg: var(--kku-brand, #B91C1C);
    --bs-btn-hover-border-color: var(--kku-brand, #B91C1C);
    --bs-btn-hover-color: #fff;
}

/* Sayfalama — aktif sayfa seçili temanın rengi */
.etkinlikler-pagination .page-btn.active,
.list-page-smart-pagination .page-btn.active,
.etkinlikler-pagination .page-btn:hover:not(:disabled),
.list-page-smart-pagination .page-btn:hover:not(:disabled) {
    color: var(--kku-brand, #B91C1C) !important;
    border-color: var(--kku-brand, #B91C1C) !important;
}

.etkinlikler-pagination .page-btn.active,
.list-page-smart-pagination .page-btn.active {
    background: var(--kku-brand, #B91C1C) !important;
    color: #fff !important;
}

.etkinlikler-pagination .page-btn:hover:not(:disabled):not(.active),
.list-page-smart-pagination .page-btn:hover:not(:disabled):not(.active) {
    background: color-mix(in srgb, var(--kku-brand, #B91C1C) 8%, transparent) !important;
}

.etkinlikler-pagination .page-go-btn:hover,
.list-page-smart-pagination .page-go-btn:hover,
.etkinlikler-pagination .page-input:focus,
.list-page-smart-pagination .page-input:focus,
.etkinlikler-pagination .page-size-select:focus,
.list-page-smart-pagination .page-size-select:focus {
    border-color: var(--kku-brand, #B91C1C) !important;
    color: var(--kku-brand, #B91C1C);
}

.etkinlikler-pagination .page-go-btn:hover,
.list-page-smart-pagination .page-go-btn:hover {
    color: var(--kku-brand, #B91C1C) !important;
}

/* Anasayfa CSS değişken köprüsü */
:root,
html {
    --primary-color: var(--kku-brand, #003366);
    --secondary-color: var(--kku-brand, #E30613);
    --accent-color: var(--kku-accent, var(--kku-brand, #E30613));
}

/* Genel kırmızı accent sınıfları / arama butonu vb. */
.universal-search-btn,
.search-btn-main,
.btn-kku,
.kku-accent-bg {
    background: var(--kku-brand-gradient) !important;
    border-color: var(--kku-brand, #B91C1C) !important;
}

.kku-accent-text,
.text-kku,
.text-danger-kku {
    color: var(--kku-brand, #B91C1C) !important;
}

/* İstatistik / dashboard kart ikonları marka tonunda kalsın isteğe bağlı */
.stat-card .stat-icon.red,
.metric-card-icon.red,
.analiz-card-icon.red {
    background: var(--kku-brand-gradient) !important;
}

/* Progress / underline markaları */
.section-title::after,
.footer-title::after,
.kku .footer-title::after,
.kku-underline-accent {
    background: linear-gradient(90deg, var(--kku-brand, #B91C1C), var(--kku-brand-hover, #991B1B)) !important;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--kku-brand, #B91C1C) 45%, transparent) !important;
}

/* ========== Footer (site altı) — marka + light/dark ========== */
.kku-site-footer-wrapper footer.kku,
footer.kku,
.kku-red-footer {
    background: var(--kku-footer-bg, var(--kku-cm-surface-3, #0f172a)) !important;
    color: var(--kku-footer-text, var(--kku-cm-text-muted, #cbd5e1)) !important;
}

.kku .footer-top,
.kku-red-footer .footer-top {
    background: linear-gradient(135deg, var(--kku-brand, #c41e3a) 0%, var(--kku-brand-hover, #9b1528) 100%) !important;
    color: #fff !important;
}

.kku .footer-social .social-icon:hover,
.kku-red-footer .footer-social .social-icon:hover {
    color: var(--kku-brand, #dc2626) !important;
}

.kku .footer-links a::before {
    background: var(--kku-brand, #ef4444) !important;
}

.kku .footer-card,
.kku-red-footer .footer-card {
    background: var(--kku-footer-card-bg, rgba(255, 255, 255, 0.04)) !important;
    border-color: var(--kku-footer-card-border, rgba(255, 255, 255, 0.08)) !important;
}

.kku .footer-title,
.kku-red-footer .footer-title {
    color: var(--kku-footer-heading, #fff) !important;
}

.kku .footer-links a,
.kku .footer-legal-links a,
.kku .footer-copyright-item {
    color: var(--kku-footer-link, #cbd5e1) !important;
}

.kku .footer-links a:hover,
.kku .footer-legal-links a:hover {
    color: var(--kku-footer-heading, #fff) !important;
}

.kku .footer-copyright {
    background: var(--kku-footer-copy-bg, rgba(0, 0, 0, 0.35)) !important;
    border-top-color: var(--kku-footer-card-border, rgba(255, 255, 255, 0.08)) !important;
}

/* Light mod: açık footer yüzeyleri */
html[data-color-mode="light"] footer.kku,
html[data-color-mode="light"] .kku-red-footer {
    --kku-footer-bg: var(--kku-cm-surface-2, #f1f5f9);
    --kku-footer-text: var(--kku-cm-text-muted, #64748b);
    --kku-footer-heading: var(--kku-cm-text, #0f172a);
    --kku-footer-link: var(--kku-cm-text-muted, #475569);
    --kku-footer-card-bg: var(--kku-cm-surface, #ffffff);
    --kku-footer-card-border: var(--kku-cm-border, #e2e8f0);
    --kku-footer-copy-bg: color-mix(in srgb, var(--kku-cm-surface-2, #e2e8f0) 80%, #000 8%);
}

html[data-color-mode="light"] .kku .footer-card:hover {
    background: color-mix(in srgb, var(--kku-brand, #B91C1C) 6%, #fff) !important;
    box-shadow: 0 12px 28px color-mix(in srgb, var(--kku-brand, #B91C1C) 12%, transparent) !important;
}

html[data-color-mode="dark"] footer.kku,
html[data-color-mode="dark"] .kku-red-footer {
    --kku-footer-bg: #0f172a;
    --kku-footer-text: #cbd5e1;
    --kku-footer-heading: #ffffff;
    --kku-footer-link: #cbd5e1;
    --kku-footer-card-bg: rgba(255, 255, 255, 0.04);
    --kku-footer-card-border: rgba(255, 255, 255, 0.08);
    --kku-footer-copy-bg: rgba(0, 0, 0, 0.35);
}

/* Chatbot — marka + açık/koyu renk modu */
.chatbot-toggle {
    background: var(--kku-brand, #e30613) !important;
    border-color: var(--kku-brand-hover, #ca222a) !important;
    box-shadow: 0 4px 15px color-mix(in srgb, var(--kku-brand, #e30613) 35%, transparent) !important;
}

.chatbot-container {
    background: var(--kku-cm-surface, #ffffff) !important;
    border-color: var(--kku-brand, #e30613) !important;
    color: var(--kku-cm-text, #1e293b);
}

.chatbot-toggle:hover,
.chatbot-toggle:focus {
    background: var(--kku-brand-hover, #c00510) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--kku-brand, #e30613) 25%, transparent) !important;
}

.chatbot-header {
    background: var(--kku-brand-gradient, var(--kku-brand, #e30613)) !important;
    color: #fff !important;
    border-bottom-color: var(--kku-brand-hover, #c00510) !important;
}

.chatbot-header:hover,
.chatbot-header:active,
.chatbot-container.dragging .chatbot-header {
    background: var(--kku-brand-hover, #c00510) !important;
}

.chatbot-body,
.chatbot-footer {
    background: var(--kku-cm-surface-2, #f8fafc) !important;
    color: var(--kku-cm-text, #1e293b);
    border-color: var(--kku-cm-border, #e2e8f0) !important;
}

.chatbot-footer .input-group {
    background: var(--kku-cm-surface, #ffffff) !important;
    border-color: var(--kku-cm-border, #e2e8f0) !important;
}

.chatbot-footer .form-control {
    color: var(--kku-cm-text, #1e293b) !important;
}

.chatbot-footer .form-control::placeholder {
    color: var(--kku-cm-text-muted, #64748b) !important;
}

.chatbot-footer .btn-primary,
.chatbot-input button,
.chatbot-button {
    background: var(--kku-brand, #e30613) !important;
    border-color: transparent !important;
}

.chatbot-footer .btn-primary:hover,
.chatbot-input button:hover,
.chatbot-button:hover {
    background: var(--kku-brand-hover, #c00510) !important;
}

.chatbot-command-library {
    background: linear-gradient(180deg, var(--kku-cm-surface, #fff) 0%, var(--kku-cm-surface-2, #f8fafc) 100%) !important;
    border-top-color: var(--kku-cm-border, #e2e8f0) !important;
}

.cmd-lib-header-icon,
.cmd-lib-tab:hover,
.cmd-lib-tab.is-active,
.cmd-lib-tab.is-contextual,
.cmd-lib-toggle:hover,
.notification-badge {
    color: var(--kku-brand, #e30613) !important;
}

.cmd-lib-tabs {
    background: var(--kku-cm-surface-3, #f1f5f9) !important;
}

.cmd-lib-tab.is-active {
    background: var(--kku-cm-surface, #fff) !important;
}

.cmd-lib-tab.is-contextual.is-active {
    background: var(--kku-brand, #e30613) !important;
    color: #fff !important;
}

.cmd-lib-item {
    background: linear-gradient(180deg, var(--kku-cm-surface, #fff) 0%, var(--kku-cm-surface-2, #f8fafc) 100%) !important;
    border-color: var(--kku-cm-border, #e2e8f0) !important;
    color: var(--kku-cm-text, #1e293b) !important;
}

.cmd-lib-item:hover {
    border-color: color-mix(in srgb, var(--kku-brand, #e30613) 40%, transparent) !important;
    box-shadow: 0 3px 10px color-mix(in srgb, var(--kku-brand, #e30613) 18%, transparent) !important;
}

.cmd-lib-item-label,
.cmd-lib-title {
    color: var(--kku-cm-text, #1e293b) !important;
}

.cmd-lib-item-hint,
.cmd-lib-subtitle,
.message.user .message-time,
.message.bot .message-time {
    color: var(--kku-cm-text-muted, #64748b) !important;
}

.message.user .message-content {
    background: linear-gradient(135deg, var(--kku-brand, #e30613) 0%, var(--kku-brand-hover, #c00510) 100%) !important;
    color: #fff !important;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--kku-brand, #e30613) 30%, transparent) !important;
}

.message.bot .message-content,
.message.message--formatted .message-content--wide {
    background: var(--kku-cm-surface, #fff) !important;
    color: var(--kku-cm-text, #1e293b) !important;
    border-color: var(--kku-cm-border, #e2e8f0) !important;
}

.kku-chat-stat-block .kku-chat-stat-hero,
.kku-chat-pub-card,
.kku-chat-person-card,
.kku-chat-profile-card {
    background: var(--kku-cm-surface, #fff) !important;
    border-color: var(--kku-cm-border, #e2e8f0) !important;
    color: var(--kku-cm-text, #1e293b);
}

.kku-chat-pub-card {
    border-left-color: var(--kku-brand, #e30613) !important;
}

.kku-chat-stat-icon,
.kku-chat-pub-index,
.kku-chat-profile-icon,
.kku-chat-person-link {
    background: color-mix(in srgb, var(--kku-brand, #e30613) 12%, transparent) !important;
    color: var(--kku-brand, #e30613) !important;
}

.kku-chat-stat-bar-fill,
.kku-chat-profile-btn {
    background: linear-gradient(90deg, var(--kku-brand, #e30613), var(--kku-brand-hover, #c00510)) !important;
}

.kku-chat-section-label,
.kku-chat-pub-title a:hover,
.kku-chat-pub-author-link:hover,
.kku-chat-profile-name,
.kku-chat-person-name:hover,
.kku-chat-person-index,
.kku-chat-chip i,
.kku-chat-pub-author i,
.kku-chat-profile-meta i,
.kku-chat-person-birim i {
    color: var(--kku-brand, #e30613) !important;
}

.kku-chat-pub-list::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--kku-brand, #e30613) 40%, transparent) !important;
}

.chatbot-hint {
    background: var(--kku-cm-surface, #fff) !important;
    color: var(--kku-cm-text, #1e293b) !important;
}

.chatbot-hint::after {
    border-left-color: var(--kku-cm-surface, #fff) !important;
}

.reconnecting-status,
.refresh-button {
    background-color: color-mix(in srgb, var(--kku-cm-surface, #fff) 90%, transparent) !important;
    color: var(--kku-cm-text, #1e293b);
}

.refresh-button button {
    background-color: var(--kku-brand, #e30613) !important;
}

.refresh-button button:hover {
    background-color: var(--kku-brand-hover, #c00510) !important;
}

.typing-indicator {
    background: var(--kku-cm-surface, #f8f9fa) !important;
}

.typing-indicator span {
    background: var(--kku-brand, #e30613) !important;
}

.typing-indicator.bounce span {
    background: var(--kku-brand, #e30613) !important;
}

/* appended below — temp; will merge into kku-theme-widgets.css */
.stats-container {
    background: var(--kku-cm-surface, #ffffff) !important;
    color: var(--kku-cm-text, #1e293b);
}

.stats-update-notification {
    background: var(--kku-brand-gradient) !important;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--kku-brand, #dc2626) 40%, transparent),
        0 0 20px color-mix(in srgb, var(--kku-brand, #dc2626) 20%, transparent) !important;
}

.stat-card {
    background: linear-gradient(135deg, var(--kku-chart-1, #667eea), color-mix(in srgb, var(--kku-chart-1, #667eea) 65%, #000)) !important;
}

.stat-card .stat-icon {
    background: rgba(255, 255, 255, 0.22) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

.stat-card[data-stat-index="0"],
.stat-card[data-stat-index="6"],
.stat-card[data-stat-index="12"],
.stat-card[data-stat-index="18"] {
    background: linear-gradient(135deg, var(--kku-chart-1), color-mix(in srgb, var(--kku-chart-1) 68%, #000)) !important;
}

.stat-card[data-stat-index="1"],
.stat-card[data-stat-index="7"],
.stat-card[data-stat-index="13"],
.stat-card[data-stat-index="19"] {
    background: linear-gradient(135deg, var(--kku-chart-2), color-mix(in srgb, var(--kku-chart-2) 68%, #000)) !important;
}

.stat-card[data-stat-index="2"],
.stat-card[data-stat-index="8"],
.stat-card[data-stat-index="14"],
.stat-card[data-stat-index="20"] {
    background: linear-gradient(135deg, var(--kku-chart-3), color-mix(in srgb, var(--kku-chart-3) 68%, #000)) !important;
}

.stat-card[data-stat-index="3"],
.stat-card[data-stat-index="9"],
.stat-card[data-stat-index="15"],
.stat-card[data-stat-index="21"] {
    background: linear-gradient(135deg, var(--kku-chart-4), color-mix(in srgb, var(--kku-chart-4) 68%, #000)) !important;
}

.stat-card[data-stat-index="4"],
.stat-card[data-stat-index="10"],
.stat-card[data-stat-index="16"] {
    background: linear-gradient(135deg, var(--kku-chart-5), color-mix(in srgb, var(--kku-chart-5) 68%, #000)) !important;
}

.stat-card[data-stat-index="5"],
.stat-card[data-stat-index="11"],
.stat-card[data-stat-index="17"] {
    background: linear-gradient(135deg, var(--kku-chart-6), color-mix(in srgb, var(--kku-chart-6) 68%, #000)) !important;
}

.stats-rich-hero {
    --stat-accent: var(--kku-brand, #dc2626) !important;
}

.sdg-etkinlik-section .trend-title-text {
    color: var(--kku-brand, #5eb8d9) !important;
}

.sdg-etkinlik-section .trend-title > i {
    color: var(--kku-brand, #5eb8d9) !important;
    -webkit-text-fill-color: unset !important;
    background: none !important;
    filter: none !important;
}

/* BM SKA kartları: resmi UN hue + tema chart paleti karışımı */
.sdg-1 {
    background: linear-gradient(145deg, color-mix(in srgb, #e5243b 40%, var(--kku-chart-1) 60%), color-mix(in srgb, var(--kku-chart-1) 70%, #000)) !important;
}
.sdg-2 {
    background: linear-gradient(145deg, color-mix(in srgb, #dda63a 40%, var(--kku-chart-2) 60%), color-mix(in srgb, var(--kku-chart-2) 70%, #000)) !important;
}
.sdg-3 {
    background: linear-gradient(145deg, color-mix(in srgb, #4c9f38 40%, var(--kku-chart-3) 60%), color-mix(in srgb, var(--kku-chart-3) 70%, #000)) !important;
}
.sdg-4 {
    background: linear-gradient(145deg, color-mix(in srgb, #c5192d 40%, var(--kku-chart-4) 60%), color-mix(in srgb, var(--kku-chart-4) 70%, #000)) !important;
}
.sdg-5 {
    background: linear-gradient(145deg, color-mix(in srgb, #ff3a21 40%, var(--kku-chart-5) 60%), color-mix(in srgb, var(--kku-chart-5) 70%, #000)) !important;
}
.sdg-6 {
    background: linear-gradient(145deg, color-mix(in srgb, #26bde2 40%, var(--kku-chart-6) 60%), color-mix(in srgb, var(--kku-chart-6) 70%, #000)) !important;
}
.sdg-7 {
    background: linear-gradient(145deg, color-mix(in srgb, #fcc30b 40%, var(--kku-chart-1) 60%), color-mix(in srgb, var(--kku-chart-1) 70%, #000)) !important;
}
.sdg-8 {
    background: linear-gradient(145deg, color-mix(in srgb, #a21942 40%, var(--kku-chart-2) 60%), color-mix(in srgb, var(--kku-chart-2) 70%, #000)) !important;
}
.sdg-9 {
    background: linear-gradient(145deg, color-mix(in srgb, #fd6925 40%, var(--kku-chart-3) 60%), color-mix(in srgb, var(--kku-chart-3) 70%, #000)) !important;
}
.sdg-10 {
    background: linear-gradient(145deg, color-mix(in srgb, #dd1367 40%, var(--kku-chart-4) 60%), color-mix(in srgb, var(--kku-chart-4) 70%, #000)) !important;
}
.sdg-11 {
    background: linear-gradient(145deg, color-mix(in srgb, #fd9d24 40%, var(--kku-chart-5) 60%), color-mix(in srgb, var(--kku-chart-5) 70%, #000)) !important;
}
.sdg-12 {
    background: linear-gradient(145deg, color-mix(in srgb, #bf8b2e 40%, var(--kku-chart-6) 60%), color-mix(in srgb, var(--kku-chart-6) 70%, #000)) !important;
}
.sdg-13 {
    background: linear-gradient(145deg, color-mix(in srgb, #3f7e44 40%, var(--kku-chart-1) 60%), color-mix(in srgb, var(--kku-chart-1) 70%, #000)) !important;
}
.sdg-14 {
    background: linear-gradient(145deg, color-mix(in srgb, #0a97d9 40%, var(--kku-chart-2) 60%), color-mix(in srgb, var(--kku-chart-2) 70%, #000)) !important;
}
.sdg-15 {
    background: linear-gradient(145deg, color-mix(in srgb, #56c02b 40%, var(--kku-chart-3) 60%), color-mix(in srgb, var(--kku-chart-3) 70%, #000)) !important;
}
.sdg-16 {
    background: linear-gradient(145deg, color-mix(in srgb, #1e4d6b 55%, #2f6f8f 45%), color-mix(in srgb, #143a52 80%, #000)) !important;
}
.sdg-17 {
    background: linear-gradient(145deg, color-mix(in srgb, #19486a 40%, var(--kku-chart-5) 60%), color-mix(in srgb, var(--kku-chart-5) 70%, #000)) !important;
}


/* ========== Analiz veri tabloları / araç çubuğu ========== */
.yillik-yayin-sayilari-view-btn.is-active,
.yillik-yayin-endeks-view-btn.is-active,
.birim-trend-view-btn.is-active,
.anasayfa-gv-btn.is-active {
    background: var(--kku-brand, #4299e1) !important;
    border-color: var(--kku-brand, #4299e1) !important;
    color: #fff !important;
}

.yillik-yayin-endeks-view-btn:focus-visible,
.yillik-yayin-sayilari-view-btn:focus-visible,
.birim-trend-view-btn:focus-visible {
    outline-color: var(--kku-brand, #4299e1) !important;
}

.analyze-button,
.yillik-yayin-field--action .analyze-button,
.birim-trend-container .analyze-button {
    background: var(--kku-brand-gradient, linear-gradient(135deg, var(--kku-brand, #4299e1), var(--kku-brand-hover, #3182ce))) !important;
    border-color: var(--kku-brand, #4299e1) !important;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--kku-brand, #4299e1) 28%, transparent) !important;
}

.analyze-button:hover,
.birim-trend-container .analyze-button:hover {
    background: var(--kku-brand-hover, #3182ce) !important;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--kku-brand, #4299e1) 35%, transparent) !important;
}

.period-btn.active,
.birim-trend-container .period-btn.active {
    background: var(--kku-brand, #E30613) !important;
    border-color: var(--kku-brand, #E30613) !important;
    color: #fff !important;
    box-shadow: 0 2px 4px color-mix(in srgb, var(--kku-brand, #E30613) 30%, transparent) !important;
}

.birim-trend-container .period-btn:hover {
    color: var(--kku-brand, #E30613) !important;
}

.anasayfa-gv-btn.is-active:not(.yillik-yayin-sayilari-view-btn) {
    background: color-mix(in srgb, var(--kku-brand, #E30613) 8%, #fff) !important;
    color: var(--kku-brand, #E30613) !important;
    border-color: var(--kku-brand, #E30613) !important;
}

/* ========== Sayfa widget'ları: birim / personel / gelişmiş arama / analiz ========== */
:root,
html {
    --kku-primary: var(--kku-brand-2, var(--kku-brand, #1a3a6b));
    --kku-secondary: var(--kku-brand, #2563eb);
}

/* Personel detay — kalan düz accent'ler */
.personel-detail-page .personel-summary-card-5,
.personel-yazar-grafikleri-yok-badge {
    background: var(--kku-brand-gradient) !important;
}

.personel-detail-page a:not(.btn):not([class*="wos"]):not([class*="scholar"]):not([class*="researchgate"]):hover {
    color: var(--kku-brand) !important;
}

.personel-detail-academic-link:not([class*="wos"]):not([class*="gs"]):not([class*="rg"]),
.pd-mesleki-item--idari {
    border-color: color-mix(in srgb, var(--kku-brand) 35%, transparent);
}

/* Birim trend kalanları */
.birim-trend-container .birim-trend-title i,
.birim-detail-chart-card .chart-close-btn:hover {
    color: var(--kku-brand) !important;
}

.birim-trend-container .birim-date-range-picker:focus,
.birim-trend-container input:focus,
.birim-trend-container select:focus {
    border-color: var(--kku-brand) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--kku-brand) 15%, transparent) !important;
}

.birim-trend-container ::-webkit-scrollbar-thumb {
    background: var(--kku-brand) !important;
}

/* Gelişmiş arama CTA / FAB */
.da-page .da-search-btn,
.da-page .da-fab-search,
.da-page .btn-da-primary {
    background: var(--kku-brand-gradient, var(--kku-brand)) !important;
    border-color: var(--kku-brand) !important;
}

.da-page .da-search-btn:hover,
.da-page .da-fab-search:hover {
    background: var(--kku-brand-hover) !important;
}

.da-page .da-chip.is-active,
.da-page .da-filter-selected-count {
    background: var(--kku-brand) !important;
    border-color: var(--kku-brand) !important;
}

/* AVL — mode / primary / chips (widgets sonda; !important ile sayfa hex ezer) */
.analiz-ve-liste-page .avl-mode-tab.is-active {
    border-color: var(--kku-brand, var(--avl-accent)) !important;
    box-shadow: 0 8px 24px color-mix(in srgb, var(--kku-brand) 16%, transparent) !important;
}

.analiz-ve-liste-page .avl-mode-tab-icon.fixed {
    background: color-mix(in srgb, var(--kku-brand) 12%, transparent) !important;
    color: var(--kku-brand) !important;
}

.analiz-ve-liste-page .avl-mode-tab-icon.wizard {
    background: color-mix(in srgb, var(--kku-chart-2, var(--kku-brand-2)) 14%, transparent) !important;
    color: var(--kku-chart-2, var(--kku-brand-2)) !important;
}

.analiz-ve-liste-page .avl-btn.primary,
.analiz-ve-liste-page .avl-btn-mini.primary {
    background: var(--kku-brand-gradient, var(--kku-brand)) !important;
    border-color: var(--kku-brand) !important;
}

.analiz-ve-liste-page .avl-section-title {
    border-left-color: var(--kku-brand) !important;
}

.analiz-ve-liste-page .avl-section-title i {
    color: var(--kku-brand) !important;
}

.analiz-ve-liste-page .avl-section-title.analiz {
    border-left-color: var(--kku-chart-2, var(--kku-brand-2)) !important;
}

.analiz-ve-liste-page .avl-section-title.analiz i {
    color: var(--kku-chart-2, var(--kku-brand-2)) !important;
}

.analiz-ve-liste-page .avl-field-chip.is-on,
.analiz-ve-liste-page .avl-chip.is-active {
    background: color-mix(in srgb, var(--kku-brand) 14%, transparent) !important;
    border-color: var(--kku-brand) !important;
    color: var(--kku-brand) !important;
}

/* Birim detaylı analiz metric */
.birim-detayli-analiz .analiz-metric-icon.bg-primary,
.analiz-metric-icon.bg-primary {
    background: var(--kku-brand-gradient) !important;
}