/**
 * KKU Web — Personel & Birim detay sayfaları (açık / koyu mod)
 * personel-detay.css / birim-index.css sonrasında yüklenir.
 */

/* —— Sayfa zemini —— */
html[data-color-mode="dark"] body:has(.personel-detail-page) {
    background: var(--kku-cm-bg) !important;
    color: var(--kku-cm-text);
}

html[data-color-mode="dark"] .personel-detail-page::before {
    background: var(--kku-cm-bg) !important;
    background-size: 100% 100% !important;
    animation: none !important;
    opacity: 1;
}

html[data-color-mode="dark"] .personel-detail-page .main-content {
    background: transparent;
    color: var(--kku-cm-text);
}

/* —— Üst aksiyonlar —— */
html[data-color-mode="dark"] .personel-detail-back-btn {
    background: var(--kku-cm-surface) !important;
    color: var(--kku-cm-text) !important;
    border-color: var(--kku-cm-border) !important;
    box-shadow: 0 2px 12px var(--kku-cm-shadow);
}

html[data-color-mode="dark"] .personel-detail-back-btn:hover {
    background: var(--kku-cm-link) !important;
    color: #fff !important;
}

/* —— Profil hero —— */
html[data-color-mode="dark"] .personel-detail-page .personel-detail-hero {
    background: var(--kku-cm-surface) !important;
    border-color: var(--kku-cm-border) !important;
    box-shadow: 0 4px 24px var(--kku-cm-shadow) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-hero-name,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-hero-name .personel-detail-hero-name-text {
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-hero-subtitle {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-hero-contact {
    background: var(--kku-cm-surface-2) !important;
    border-color: var(--kku-cm-border) !important;
}

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

html[data-color-mode="dark"] .personel-detail-page .personel-detail-hero-contact-empty p {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .personel-detail-page .profile-header-section,
html[data-color-mode="dark"] .personel-detail-page .profile-content-section,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-section,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-section.card,
html[data-color-mode="dark"] .personel-detail-page .card.personel-detail-section,
html[data-color-mode="dark"] .personel-detail-page .personel-summary-wrapper,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-analytics,
html[data-color-mode="dark"] .personel-detail-page .birim-search-card,
html[data-color-mode="dark"] .personel-detail-page .birim-analiz-section-intro {
    background: var(--kku-cm-surface) !important;
    border-color: var(--kku-cm-border) !important;
    box-shadow: 0 4px 24px var(--kku-cm-shadow) !important;
    color: var(--kku-cm-text);
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-section .card-header,
html[data-color-mode="dark"] .personel-detail-page .card-header {
    background: var(--kku-cm-surface-2) !important;
    border-bottom-color: var(--kku-cm-border) !important;
    color: var(--kku-cm-text) !important;
}

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

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

html[data-color-mode="dark"] .personel-detail-page .profile-title,
html[data-color-mode="dark"] .personel-detail-page .profile-department,
html[data-color-mode="dark"] .personel-detail-page .profile-type,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-ozgecmis,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-list-item,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-tile-label {
    color: var(--kku-cm-text-secondary) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-meta,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-empty,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-more,
html[data-color-mode="dark"] .personel-detail-page .course-code {
    color: var(--kku-cm-text-muted) !important;
}

/* —— Sekmeler —— */
html[data-color-mode="dark"] .personel-detail-page .personel-detail-tabpage {
    background: var(--kku-cm-surface) !important;
    border-color: var(--kku-cm-border-soft) !important;
    box-shadow: 0 4px 24px var(--kku-cm-shadow) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-nav-tabs {
    background: var(--kku-cm-surface-2) !important;
    border-bottom-color: var(--kku-cm-border) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-nav-tabs .nav-link {
    color: var(--kku-cm-text-muted) !important;
    background: transparent !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-nav-tabs .nav-link:hover {
    background: rgba(220, 38, 38, 0.12) !important;
    color: #fecaca !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-nav-tabs .nav-link.active {
    background: var(--kku-cm-surface-3) !important;
    color: #fca5a5 !important;
    box-shadow: 0 -2px 8px var(--kku-cm-shadow) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-nav-tabs .nav-link .badge {
    background: rgba(148, 163, 184, 0.25) !important;
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-nav-tabs .nav-link.active .badge {
    background: rgba(220, 38, 38, 0.55) !important;
    color: #fff !important;
}

html[data-color-mode="dark"] .personel-detail-page .nav-tabs {
    border-bottom-color: var(--kku-cm-border) !important;
}

html[data-color-mode="dark"] .personel-detail-page .nav-tabs .nav-link {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .personel-detail-page .nav-tabs .nav-link:hover {
    color: var(--kku-cm-text) !important;
    background: rgba(99, 102, 241, 0.12) !important;
}

html[data-color-mode="dark"] .personel-detail-page .nav-tabs .nav-link.active {
    background: var(--kku-cm-surface-3) !important;
    color: #fca5a5 !important;
    box-shadow: 0 4px 12px var(--kku-cm-shadow) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-ders-year-tabs {
    background: var(--kku-cm-surface-2) !important;
    border-color: var(--kku-cm-border) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-ders-year-tab {
    background: var(--kku-cm-surface-3) !important;
    border-color: var(--kku-cm-border) !important;
    color: var(--kku-cm-text-muted) !important;
    box-shadow: none !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-ders-year-tab:hover {
    border-color: var(--kku-cm-text-muted) !important;
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-ders-year-tab.is-active {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    border-color: #1d4ed8 !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-ders-year-tab-count {
    background: rgba(148, 163, 184, 0.18) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-ders-year-tab.is-active .personel-detail-ders-year-tab-count {
    background: rgba(255, 255, 255, 0.22) !important;
}

/* Akademik metrik sekmeleri (WoS / Google Scholar) — dark mode */
html[data-color-mode="dark"] .personel-detail-page .personel-metric-tab-title,
html[data-color-mode="dark"] .personel-detail-page .personel-metric-tab-yayinlar-title {
    color: var(--kku-cm-text) !important;
}
html[data-color-mode="dark"] .personel-detail-page .personel-metric-tab-subtitle,
html[data-color-mode="dark"] .personel-detail-page .personel-metric-tab-note,
html[data-color-mode="dark"] .personel-detail-page .personel-metric-tab-note.text-muted {
    color: var(--kku-cm-text-muted) !important;
}
html[data-color-mode="dark"] .personel-detail-page .personel-metric-tab-card--wos,
html[data-color-mode="dark"] .personel-detail-page .personel-metric-tab-card--gs,
html[data-color-mode="dark"] .personel-detail-page .personel-metric-tab-card--scopus,
html[data-color-mode="dark"] .personel-detail-page .personel-metric-tab-card--rg,
html[data-color-mode="dark"] .duyuru-detay-page .personel-metric-tab-card--wos,
html[data-color-mode="dark"] .duyuru-detay-page .personel-metric-tab-card--gs,
html[data-color-mode="dark"] .duyuru-detay-page .personel-metric-tab-card--scopus,
html[data-color-mode="dark"] .duyuru-detay-page .personel-metric-tab-card--rg {
    border-color: var(--kku-cm-border) !important;
    background: var(--kku-cm-surface-2) !important;
}
html[data-color-mode="dark"] .personel-detail-page .personel-metric-tab-card--wos .personel-metric-tab-value,
html[data-color-mode="dark"] .duyuru-detay-page .personel-metric-tab-card--wos .personel-metric-tab-value {
    color: #93c5fd !important;
}
html[data-color-mode="dark"] .personel-detail-page .personel-metric-tab-card--gs .personel-metric-tab-value,
html[data-color-mode="dark"] .duyuru-detay-page .personel-metric-tab-card--gs .personel-metric-tab-value {
    color: #8ab4f8 !important;
}
html[data-color-mode="dark"] .personel-detail-page .personel-metric-tab-card--scopus .personel-metric-tab-value,
html[data-color-mode="dark"] .duyuru-detay-page .personel-metric-tab-card--scopus .personel-metric-tab-value {
    color: #fdba74 !important;
}
html[data-color-mode="dark"] .personel-detail-page .personel-metric-tab-card--rg .personel-metric-tab-value,
html[data-color-mode="dark"] .duyuru-detay-page .personel-metric-tab-card--rg .personel-metric-tab-value {
    color: #5eead4 !important;
}
html[data-color-mode="dark"] .personel-detail-page .personel-metric-tab-profile-btn--scopus {
    background: #9a4e12 !important;
}
html[data-color-mode="dark"] .personel-detail-page .personel-metric-tab-label {
    color: var(--kku-cm-text-muted) !important;
}
html[data-color-mode="dark"] .personel-detail-page .personel-metric-tab-empty-note,
html[data-color-mode="dark"] .personel-detail-page .personel-wos-empty-note {
    border-color: var(--kku-cm-border) !important;
    background: var(--kku-cm-surface-2) !important;
    color: var(--kku-cm-text) !important;
}
html[data-color-mode="dark"] .personel-detail-page .personel-metric-tab-empty-note .text-muted,
html[data-color-mode="dark"] .personel-detail-page .personel-wos-empty-note .text-muted {
    color: var(--kku-cm-text-muted) !important;
}
html[data-color-mode="dark"] .personel-detail-page .personel-metric-tab-profile-btn--wos {
    background: #1e3a5f !important;
}
html[data-color-mode="dark"] .personel-detail-page .personel-metric-tab-profile-btn--gs {
    background: #1a56c4 !important;
}
html[data-color-mode="dark"] .personel-detail-page .personel-metric-tab-profile-btn--rg {
    background: #0f5d57 !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-yayin-subtabs {
    border-bottom-color: var(--kku-cm-border) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-yayin-subtabs .nav-link {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-yayin-subtabs .nav-link:hover {
    background: var(--kku-cm-surface-2) !important;
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-yayin-subtabs .nav-link.active {
    background: var(--kku-cm-surface) !important;
    border-color: var(--kku-cm-border) var(--kku-cm-border) var(--kku-cm-surface) !important;
    color: #fff !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-yayin-subtabs .nav-link .badge {
    background: rgba(255, 255, 255, 0.12) !important;
    color: var(--kku-cm-text) !important;
}

/* —— Özet kartları —— */
html[data-color-mode="dark"] .personel-detail-page .personel-summary-card {
    border-color: var(--kku-cm-border-soft) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-summary-card .personel-summary-card-label,
html[data-color-mode="dark"] .personel-detail-page .personel-summary-card .personel-summary-card-number {
    color: rgba(255, 255, 255, 0.95) !important;
}

/* —— Tablolar & araç çubuğu —— */
html[data-color-mode="dark"] .personel-detail-page .personel-detail-toolbar {
    background: var(--kku-cm-surface-2) !important;
    border-color: var(--kku-cm-border) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-toolbar input,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-toolbar select,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-page-size-wrap select,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-sort-wrap select {
    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"] .personel-detail-page .personel-detail-toolbar label,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-page-size-wrap label,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-sort-wrap label {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-table-wrap {
    background: var(--kku-cm-surface) !important;
    border-color: var(--kku-cm-border) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-table-wrap thead th {
    background: var(--kku-cm-surface-3) !important;
    color: var(--kku-cm-text) !important;
    border-color: var(--kku-cm-border) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-table-wrap tbody tr.personel-detail-card-row {
    background: var(--kku-cm-surface) !important;
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-table-wrap tbody tr.personel-detail-card-row.personel-detail-row-odd {
    background: var(--kku-cm-surface-2) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-table-wrap tbody td {
    color: var(--kku-cm-text-secondary) !important;
    border-color: var(--kku-cm-border-soft) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-table-wrap tbody tr.personel-detail-card-row.personel-detail-row-even {
    background: var(--kku-cm-surface-2) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-table-wrap tbody tr.personel-detail-card-row .cell-title,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-table-wrap tbody tr.personel-detail-card-row a.cell-title {
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-table-wrap tbody tr.personel-detail-card-row .cell-meta {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-table-wrap tbody tr.personel-detail-card-row a.personel-detail-link {
    color: #fca5a5 !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-atif-cell {
    color: #f9a8d4 !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-table-wrap tbody tr.personel-detail-card-row:hover {
    background: var(--kku-cm-surface-3) !important;
}

/* —— Sayfalama (personel detay) —— */
html[data-color-mode="dark"] .personel-detail-page .personel-detail-pagination-controls button,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-pagination-goto input {
    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"] .personel-detail-page .personel-detail-pagination-info,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-pagination-page-info {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .personel-detail-page .pagination-wrapper {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* —— İçerik listeleri —— */
html[data-color-mode="dark"] .personel-detail-page .content-item,
html[data-color-mode="dark"] .personel-detail-page .tab-pane .content-list .content-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"] .personel-detail-page .content-item:hover {
    background: var(--kku-cm-surface-3) !important;
}

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

html[data-color-mode="dark"] .personel-detail-page .pill-neutral {
    background: var(--kku-cm-surface-3) !important;
    color: var(--kku-cm-text-secondary) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-empty-state-card {
    background: var(--kku-cm-surface-2) !important;
    border-color: var(--kku-cm-border) !important;
}

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

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

html[data-color-mode="dark"] .personel-detail-page .personel-detail-rich-html table td,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-rich-html table th {
    border-color: var(--kku-cm-border) !important;
    color: var(--kku-cm-text-secondary) !important;
}

/* —— Akademik linkler / iletişim —— */
html[data-color-mode="dark"] .personel-detail-page .personel-detail-academic-link--google-scholar {
    background: var(--kku-cm-surface-2) !important;
    border-color: var(--kku-cm-border) !important;
    color: var(--kku-cm-link) !important;
}

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

html[data-color-mode="dark"] .personel-qr-modal-header {
    border-bottom-color: var(--kku-cm-border) !important;
}

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

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

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

html[data-color-mode="dark"] .personel-detail-page .personel-detail-contact-chip,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-info-chip {
    background: var(--kku-cm-surface-2) !important;
    border-color: var(--kku-cm-border) !important;
    color: var(--kku-cm-text-secondary) !important;
}

/* —— Birim sayfası kartları —— */
html[data-color-mode="dark"] .personel-detail-page .birim-analiz-personel-card,
html[data-color-mode="dark"] .personel-detail-page .birim-analiz-grid-card,
html[data-color-mode="dark"] .personel-detail-page .birim-analiz-alt-card {
    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"] .personel-detail-page .birim-analiz-personel-card:hover,
html[data-color-mode="dark"] .personel-detail-page .birim-analiz-grid-card:hover,
html[data-color-mode="dark"] .personel-detail-page .birim-analiz-alt-card:hover {
    background: var(--kku-cm-surface-3) !important;
    box-shadow: 0 4px 18px var(--kku-cm-shadow) !important;
}

html[data-color-mode="dark"] .personel-detail-page .birim-analiz-personel-unvan,
html[data-color-mode="dark"] .personel-detail-page .birim-analiz-personel-birim,
html[data-color-mode="dark"] .personel-detail-page .birim-analiz-grid-card-meta,
html[data-color-mode="dark"] .personel-detail-page .birim-analiz-alt-card-tur,
html[data-color-mode="dark"] .personel-detail-page .birim-analiz-section-intro-text {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .personel-detail-page .birim-analiz-personel-name,
html[data-color-mode="dark"] .personel-detail-page .birim-analiz-grid-card-name,
html[data-color-mode="dark"] .personel-detail-page .birim-analiz-alt-card-name,
html[data-color-mode="dark"] .personel-detail-page .birim-analiz-section-intro-title {
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .personel-detail-page .birim-analiz-breadcrumb-item:not(.active) {
    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"] .personel-detail-page .birim-analiz-stat-loading {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .personel-detail-page .birim-analiz-stat-loading .spinner-border {
    color: #f87171 !important;
}

/* —— Sekme WebHub yükleniyor (glass kutu + overlay) —— */
html[data-color-mode="dark"] .personel-detail-page .personel-tab-loading-overlay {
    background: rgba(11, 18, 32, 0.9) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-tab-loading {
    color: var(--kku-cm-text-secondary) !important;
    background: rgba(26, 36, 56, 0.82) !important;
    border-color: var(--kku-cm-border) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-tab-loading::before {
    background: linear-gradient(
        105deg,
        transparent 0%,
        rgba(255, 255, 255, 0.03) 45%,
        rgba(255, 255, 255, 0.07) 50%,
        rgba(255, 255, 255, 0.03) 55%,
        transparent 100%
    ) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-tab-loading-spinner {
    border-color: rgba(51, 65, 85, 0.95) !important;
    border-top-color: #f87171 !important;
    border-right-color: #60a5fa !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-tab-loading-spinner::after {
    border-top-color: #f87171 !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-tab-loading-text {
    color: var(--kku-cm-text-muted) !important;
}

/* loading-animation.css — spinner, progress, noktalar */
html[data-color-mode="dark"] .personel-detail-page .loading-spinner::before {
    border-color: var(--kku-cm-border) !important;
    border-top-color: rgba(248, 113, 113, 0.85) !important;
}

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

html[data-color-mode="dark"] .personel-detail-page .loading-progress::before {
    background: rgba(248, 113, 113, 0.55) !important;
}

html[data-color-mode="dark"] .personel-detail-page .loading-dots .dot {
    background: var(--kku-cm-border) !important;
}

html[data-color-mode="dark"] .personel-detail-page .loading-dots .dot:nth-child(2) {
    background: rgba(248, 113, 113, 0.45) !important;
}

/* Hero QR kutusu — koyu yüzey */
html[data-color-mode="dark"] .personel-detail-page .birim-hero-qr .personel-detail-qr-wrap,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-qr-wrap {
    background: rgba(15, 23, 42, 0.92) !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.42) !important;
}

html[data-color-mode="dark"] .personel-detail-page .birim-hero-pdf-wrap {
    background: rgba(15, 23, 42, 0.92) !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.42) !important;
}

html[data-color-mode="dark"] .personel-detail-page .birim-hero-pdf-download {
    background: rgba(127, 29, 29, 0.32) !important;
    border-color: rgba(248, 113, 113, 0.34) !important;
    color: #fca5a5 !important;
}

html[data-color-mode="dark"] .personel-detail-page .birim-hero-pdf-download:hover {
    background: #b91c1c !important;
    border-color: #991b1b !important;
    color: #fff !important;
}

/* Birim hero metinleri açık kalsın (foto üzerinde) */
html[data-color-mode="dark"] .personel-detail-page .birim-hero-title-text,
html[data-color-mode="dark"] .personel-detail-page .birim-hero-subtitle,
html[data-color-mode="dark"] .personel-detail-page .birim-hero-desc {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* Dashboard widget’ları (birim + personel analitik) */
html[data-color-mode="dark"] .personel-detail-page .personel-detail-analytics-stack .trend-analysis-container,
html[data-color-mode="dark"] .personel-detail-page .birim-analiz-widgets .trend-analysis-container {
    background: var(--kku-cm-surface) !important;
    border-color: var(--kku-cm-border-soft) !important;
}

html[data-color-mode="dark"] .personel-detail-page .stats-loading,
html[data-color-mode="dark"] .personel-detail-page .trend-loading,
html[data-color-mode="dark"] .personel-detail-page .chart-loading,
html[data-color-mode="dark"] .personel-detail-page .distribution-loading,
html[data-color-mode="dark"] .personel-detail-page .map-loading,
html[data-color-mode="dark"] .personel-detail-page .department-chart-loading,
html[data-color-mode="dark"] .personel-detail-page .program-chart-loading,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-analytics-stack [id$="-loading"] {
    background: var(--kku-cm-surface-2) !important;
    border-color: var(--kku-cm-border) !important;
    box-shadow: none !important;
}

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

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

html[data-color-mode="dark"] .personel-detail-page .personel-detail-analytics-stack .trend-chart-container,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-analytics-stack .yillik-yayin-chart-panel,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-analytics-stack .chart-panel-with-empty__plot {
    background: var(--kku-cm-chart-bg) !important;
    border-color: var(--kku-cm-border-soft) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-yazar-grafikleri-panel {
    background: var(--kku-cm-surface-2) !important;
    border-color: var(--kku-cm-border-soft) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-yazar-grafikleri-panel-title {
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-yazar-grafikleri-panel-title i {
    color: #93c5fd !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-yazar-grafikleri-network-hint,
html[data-color-mode="dark"] .personel-detail-page .personel-yazar-grafikleri .trend-subtitle {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-yazar-grafikleri-yok-link {
    background: var(--kku-cm-surface-3) !important;
    border-color: var(--kku-cm-border) !important;
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-yazar-grafikleri-yok-link:hover {
    background: var(--kku-cm-surface-2) !important;
    border-color: rgba(148, 163, 184, 0.45) !important;
    color: #fff !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-yazar-grafikleri {
    border-bottom-color: var(--kku-cm-border-soft) !important;
}

html[data-color-mode="dark"] .personel-detail-page .pyg-network-search {
    border-color: var(--kku-cm-border) !important;
    background: linear-gradient(145deg, rgba(26, 36, 56, 0.98) 0%, rgba(15, 23, 42, 0.96) 100%) !important;
}

html[data-color-mode="dark"] .personel-detail-page .pyg-network-search__label-title {
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .personel-detail-page .pyg-network-search__label-hint {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .personel-detail-page .pyg-network-filter-combobox .pyg-network-filter-input {
    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"] .personel-detail-page .pyg-network-filter-combobox .pyg-network-filter-input::placeholder {
    color: var(--kku-cm-text-muted) !important;
    opacity: 0.85;
}

html[data-color-mode="dark"] .personel-detail-page .pyg-network-filter-combobox .pyg-network-filter-input:focus {
    border-color: rgba(55, 200, 154, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(55, 200, 154, 0.16) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-yazar-grafikleri-chart,
html[data-color-mode="dark"] .personel-detail-page .personel-yazar-grafikleri-chart--network {
    background: var(--kku-cm-chart-bg) !important;
    border-radius: 10px;
}

html[data-color-mode="dark"] .personel-detail-page .personel-yazar-grafikleri .trend-title,
html[data-color-mode="dark"] .personel-detail-page .personel-yazar-grafikleri .trend-title-text {
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-yazar-grafikleri .trend-title i {
    color: #93c5fd !important;
}

html[data-color-mode="dark"] .pyg-ortak-yayin-modal__dialog,
html[data-color-mode="dark"] .personel-detail-page .pyg-ortak-yayin-modal__dialog {
    background: var(--kku-cm-surface, #141c2e) !important;
    border-color: var(--kku-cm-border, #334155) !important;
}

html[data-color-mode="dark"] .pyg-ortak-yayin-modal__header,
html[data-color-mode="dark"] .personel-detail-page .pyg-ortak-yayin-modal__header {
    border-bottom-color: var(--kku-cm-border-soft) !important;
}

html[data-color-mode="dark"] .pyg-ortak-yayin-modal__item,
html[data-color-mode="dark"] .personel-detail-page .pyg-ortak-yayin-modal__item {
    border-bottom-color: var(--kku-cm-border-soft) !important;
}

html[data-color-mode="dark"] .pyg-ortak-yayin-modal__item:hover,
html[data-color-mode="dark"] .personel-detail-page .pyg-ortak-yayin-modal__item:hover {
    background: rgba(148, 163, 184, 0.08) !important;
}

html[data-color-mode="dark"] .pyg-ortak-yayin-modal__item-title,
html[data-color-mode="dark"] .personel-detail-page .pyg-ortak-yayin-modal__item-title {
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .pyg-ortak-yayin-modal__item-meta,
html[data-color-mode="dark"] .pyg-ortak-yayin-modal__empty,
html[data-color-mode="dark"] .personel-detail-page .pyg-ortak-yayin-modal__item-meta,
html[data-color-mode="dark"] .personel-detail-page .pyg-ortak-yayin-modal__empty {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .personel-detail-analytics-stack .etkinlikler-pagination,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-analytics-stack .etkinlikler-pagination .pagination-wrapper,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-analytics-stack .etkinlikler-pagination .pagination-info,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-analytics-stack .etkinlikler-pagination .total-items,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-analytics-stack .etkinlikler-pagination .page-info,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-analytics-stack .etkinlikler-pagination .page-dots {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .personel-detail-page .personel-detail-analytics-stack .etkinlikler-pagination .page-btn,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-analytics-stack .etkinlikler-pagination .page-go-btn,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-analytics-stack .etkinlikler-pagination .page-input,
html[data-color-mode="dark"] .personel-detail-page .personel-detail-analytics-stack .etkinlikler-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"] .personel-detail-page .personel-detail-analytics-stack .etkinlikler-pagination .page-btn.active {
    background: rgba(220, 53, 69, 0.22) !important;
    border-color: rgba(248, 113, 113, 0.55) !important;
    color: #fecaca !important;
}

/* PDF önizleme yükleniyor */
html[data-color-mode="dark"] .personel-detail-page .kku-pdf-viewer-loading,
html[data-color-mode="dark"] .personel-detail-page .kku-pdf-viewer-canvas-wrap {
    background: var(--kku-cm-surface-2) !important;
}

html[data-color-mode="dark"] .personel-detail-page .kku-pdf-viewer-loading-card {
    background: var(--kku-cm-surface) !important;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45) !important;
}

html[data-color-mode="dark"] .personel-detail-page .kku-pdf-viewer-loading-text {
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .personel-detail-page .kku-pdf-viewer-loading-hint {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .personel-detail-page .kku-pdf-viewer-loading-progress {
    background: var(--kku-cm-surface-3) !important;
}

html[data-color-mode="dark"] .personel-detail-page .kku-pdf-viewer-loading-progress-bar {
    background: linear-gradient(90deg, #2563eb, #f87171) !important;
}

html[data-color-mode="dark"] .personel-detail-page .empty-state-card,
html[data-color-mode="dark"] .personel-detail-page .empty-state-minimal {
    background: var(--kku-cm-surface-2) !important;
    border-color: var(--kku-cm-border) !important;
}

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

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

html[data-color-mode="dark"] .personel-detail-page .stats-container {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Bootstrap genel kartlar (detay sayfası içinde) */
html[data-color-mode="dark"] .personel-detail-page .card:not(.birim-hero) {
    background: var(--kku-cm-surface) !important;
    border-color: var(--kku-cm-border) !important;
    color: var(--kku-cm-text);
}

html[data-color-mode="dark"] .personel-detail-page .card-body {
    color: var(--kku-cm-text-secondary);
}

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

html[data-color-mode="dark"] .personel-detail-page .table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--kku-cm-text);
    --bs-table-border-color: var(--kku-cm-border);
    --bs-table-striped-bg: rgba(255, 255, 255, 0.03);
    --bs-table-hover-bg: rgba(255, 255, 255, 0.06);
}

/* Açık mod: detay sayfası gövdesi personel-detay.css gradient’ini koru */
html[data-color-mode="light"] body:has(.personel-detail-page) {
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

/* Mesleki deneyim timeline — karanlık mod */
html[data-color-mode="dark"] .personel-detail-page .pd-mesleki-group-title {
    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"] .personel-detail-page .pd-mesleki-group--akademik .pd-mesleki-group-title {
    background: rgba(5, 150, 105, 0.15) !important;
    border-color: rgba(52, 211, 153, 0.35) !important;
    color: #6ee7b7 !important;
}

html[data-color-mode="dark"] .personel-detail-page .pd-mesleki-group--idari .pd-mesleki-group-title {
    background: rgba(37, 99, 235, 0.15) !important;
    border-color: rgba(96, 165, 250, 0.35) !important;
    color: #93c5fd !important;
}

html[data-color-mode="dark"] .personel-detail-page .pd-mesleki-group--dis .pd-mesleki-group-title {
    background: rgba(234, 88, 12, 0.15) !important;
    border-color: rgba(251, 146, 60, 0.35) !important;
    color: #fdba74 !important;
}

html[data-color-mode="dark"] .personel-detail-page .pd-mesleki-year {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .personel-detail-page .pd-mesleki-dot {
    border-color: var(--kku-cm-surface) !important;
}

html[data-color-mode="dark"] .personel-detail-page .pd-mesleki-rail::after {
    background: linear-gradient(180deg, color-mix(in srgb, var(--pd-mesleki-accent) 45%, var(--kku-cm-border)) 0%, var(--kku-cm-border) 100%) !important;
}

html[data-color-mode="dark"] .personel-detail-page .pd-mesleki-card {
    background: var(--kku-cm-surface-2) !important;
    border-color: var(--kku-cm-border) !important;
    box-shadow: none !important;
}

html[data-color-mode="dark"] .personel-detail-page .pd-mesleki-role {
    color: var(--kku-cm-text) !important;
}

html[data-color-mode="dark"] .personel-detail-page .pd-mesleki-institution {
    color: var(--kku-cm-text-secondary) !important;
}

html[data-color-mode="dark"] .personel-detail-page .pd-mesleki-detail {
    color: var(--kku-cm-text-muted) !important;
}

html[data-color-mode="dark"] .personel-detail-page .pd-mesleki-total {
    color: var(--kku-cm-text-muted) !important;
}