/* Kaynak grubu — grid + tablo: ortak vurgu değişkenleri (kaynak kartlarıyla hizalı tonlar) */
.da-group-section[data-group-key="personel"],
.da-table-group[data-group-key="personel"] {
    --da-grp-accent: var(--kku-chart-2, #1d4ed8);
    --da-grp-accent-ink: color-mix(in srgb, var(--da-grp-accent) 70%, #000);
    --da-grp-accent-soft: color-mix(in srgb, var(--da-grp-accent) 14%, #fff);
    --da-grp-accent-ring: color-mix(in srgb, var(--da-grp-accent) 28%, #e8edf3);
    --da-grp-header-bg: linear-gradient(135deg, #ffffff 0%, color-mix(in srgb, var(--da-grp-accent) 8%, #fff) 52%, #f8fafc 100%);
    --da-grp-items-tint: color-mix(in srgb, var(--da-grp-accent) 10%, transparent);
}

.da-group-section[data-group-key="yayin"],
.da-table-group[data-group-key="yayin"] {
    --da-grp-accent: var(--kku-brand, #b91c1c);
    --da-grp-accent-ink: color-mix(in srgb, var(--da-grp-accent) 70%, #000);
    --da-grp-accent-soft: color-mix(in srgb, var(--da-grp-accent) 14%, #fff);
    --da-grp-accent-ring: color-mix(in srgb, var(--da-grp-accent) 26%, #e8edf3);
    --da-grp-header-bg: linear-gradient(135deg, #ffffff 0%, color-mix(in srgb, var(--da-grp-accent) 8%, #fff) 52%, #fafafa 100%);
    --da-grp-items-tint: color-mix(in srgb, var(--da-grp-accent) 12%, transparent);
}

.da-group-section[data-group-key="proje"],
.da-table-group[data-group-key="proje"] {
    --da-grp-accent: var(--kku-chart-5, #0f766e);
    --da-grp-accent-ink: color-mix(in srgb, var(--da-grp-accent) 70%, #000);
    --da-grp-accent-soft: color-mix(in srgb, var(--da-grp-accent) 14%, #fff);
    --da-grp-accent-ring: color-mix(in srgb, var(--da-grp-accent) 24%, #e8edf3);
    --da-grp-header-bg: linear-gradient(135deg, #ffffff 0%, color-mix(in srgb, var(--da-grp-accent) 8%, #fff) 52%, #f8fafc 100%);
    --da-grp-items-tint: color-mix(in srgb, var(--da-grp-accent) 10%, transparent);
}

.da-group-section[data-group-key="tez"],
.da-table-group[data-group-key="tez"] {
    --da-grp-accent: var(--kku-chart-6, #6d28d9);
    --da-grp-accent-ink: color-mix(in srgb, var(--da-grp-accent) 70%, #000);
    --da-grp-accent-soft: color-mix(in srgb, var(--da-grp-accent) 14%, #fff);
    --da-grp-accent-ring: color-mix(in srgb, var(--da-grp-accent) 24%, #e8edf3);
    --da-grp-header-bg: linear-gradient(135deg, #ffffff 0%, color-mix(in srgb, var(--da-grp-accent) 8%, #fff) 52%, #fafafa 100%);
    --da-grp-items-tint: color-mix(in srgb, var(--da-grp-accent) 12%, transparent);
}

.da-group-section[data-group-key="patent"],
.da-table-group[data-group-key="patent"] {
    --da-grp-accent: var(--kku-chart-3, #b45309);
    --da-grp-accent-ink: color-mix(in srgb, var(--da-grp-accent) 70%, #000);
    --da-grp-accent-soft: color-mix(in srgb, var(--da-grp-accent) 14%, #fff);
    --da-grp-accent-ring: color-mix(in srgb, var(--da-grp-accent) 26%, #e8edf3);
    --da-grp-header-bg: linear-gradient(135deg, #ffffff 0%, color-mix(in srgb, var(--da-grp-accent) 8%, #fff) 52%, #fafafa 100%);
    --da-grp-items-tint: color-mix(in srgb, var(--da-grp-accent) 14%, transparent);
}

.da-results-category-header {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0.35rem 0 0.85rem;
    padding: 0.65rem 0.95rem;
    border: 1px solid var(--da-grp-accent-ring, #e8edf3);
    border-left: 4px solid var(--da-grp-accent, #0d4c8b);
    border-radius: 12px;
    background: var(--da-grp-header-bg, linear-gradient(135deg, #ffffff 0%, #f7faff 100%));
    box-shadow:
        0 2px 10px rgba(15, 23, 42, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.da-results-category-title {
    margin: 0;
    font-size: 0.93rem;
    font-weight: 800;
    color: var(--da-grp-accent-ink, #0f2940);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    letter-spacing: 0.2px;
}

.da-results-category-icon {
    width: 28px;
    height: 28px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--da-grp-accent, #0d4c8b);
    background: var(--da-grp-accent-soft, #eaf3ff);
    border: 1px solid color-mix(in srgb, var(--da-grp-accent, #0d4c8b) 22%, #fff);
    font-size: 0.78rem;
}

.da-results-category-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    padding: 0.12rem 0.5rem;
    border-radius: 999px;
    background: var(--da-grp-accent, #0d4c8b);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    box-shadow: 0 1px 3px color-mix(in srgb, var(--da-grp-accent, #0d4c8b) 35%, transparent);
}

.da-results-category-count--lower-bound {
    background: linear-gradient(135deg, #b45309 0%, #d97706 100%);
}

.da-count-limit-notice {
    margin-bottom: 0.85rem;
}

.da-count-limit-inner {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.75rem 0.95rem;
    border-radius: 12px;
    border: 1px solid rgba(217, 119, 6, 0.35);
    background: linear-gradient(135deg, rgba(255, 251, 235, 0.95) 0%, rgba(254, 243, 199, 0.55) 100%);
    color: #78350f;
    font-size: 0.82rem;
    line-height: 1.45;
}

.da-count-limit-inner > i {
    margin-top: 0.1rem;
    color: #d97706;
    flex-shrink: 0;
}

.da-count-limit-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.45rem;
}

.da-count-limit-tag {
    display: inline-flex;
    align-items: center;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    background: rgba(217, 119, 6, 0.14);
    border: 1px solid rgba(217, 119, 6, 0.28);
    font-size: 0.72rem;
    font-weight: 700;
}

.da-facet-count-badge--lower-bound,
.da-table-count-lower-bound {
    color: #b45309;
    font-weight: 700;
}

.da-table-category-row td {
    background: var(--da-grp-header-bg, #f8f9fb);
    color: var(--da-grp-accent-ink, #2d3a45);
    font-size: 0.85rem;
    font-weight: 600;
    border-left: 4px solid var(--da-grp-accent, #cbd5e1);
    padding-left: 0.85rem;
}

.da-group-pagination {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin: 0.75rem 0;
    flex-wrap: wrap;
}

.da-group-page-btn {
    min-width: 34px;
    height: 32px;
    padding: 0 0.65rem;
    border: 1px solid #d0d7de;
    border-radius: 8px;
    background: #fff;
    color: #334155;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 600;
}

.da-group-page-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.da-group-page-btn.active {
    background: #0d4c8b;
    color: #fff;
    border-color: #0d4c8b;
}

.da-group-nav-btn {
    gap: 0.35rem;
}

.da-group-page-dots {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0 0.1rem;
}

.da-group-page-jump {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.da-group-page-input {
    width: 64px;
    height: 32px;
    border: 1px solid #d0d7de;
    border-radius: 8px;
    padding: 0 0.45rem;
    font-size: 0.8rem;
    color: #334155;
    outline: none;
}

.da-group-page-input:focus {
    border-color: #0d4c8b;
}

.da-group-page-go-btn {
    height: 32px;
    border: 1px solid #d0d7de;
    border-radius: 8px;
    background: #fff;
    color: #334155;
    padding: 0 0.6rem;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
}

.da-group-page-go-btn:hover {
    border-color: #0d4c8b;
    color: #0d4c8b;
}

.da-group-page-info {
    font-size: 0.8rem;
    color: #475569;
    min-width: 60px;
    text-align: center;
}
:root {
    --da-primary: var(--kku-brand-2, var(--kku-brand, #003366));
    --da-primary-light: color-mix(in srgb, var(--da-primary) 82%, #fff);
    --da-primary-bg: color-mix(in srgb, var(--da-primary) 12%, #fff);
    --da-secondary: var(--kku-brand, #E30613);
    --da-secondary-hover: var(--kku-brand-hover, #c00510);
    --da-surface: #ffffff;
    --da-glass-bg: rgba(255, 255, 255, 0.72);
    --da-glass-border: rgba(255, 255, 255, 0.45);
    --da-glass-bg-dark: rgba(255, 255, 255, 0.88);
    --da-border: #e3e8ee;
    --da-border-hover: #90a4ae;
    --da-text: #1a2332;
    --da-text-muted: #546e7a;
    --da-text-light: #78909c;
    --da-radius: 16px;
    --da-radius-sm: 10px;
    --da-radius-pill: 50px;
    --da-shadow-sm: 0 2px 8px rgba(0, 51, 102, 0.06);
    --da-shadow: 0 8px 24px rgba(0, 51, 102, 0.1);
    --da-shadow-lg: 0 16px 48px rgba(0, 51, 102, 0.14);
    --da-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

main:has(.da-page) {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.da-page {
    min-height: 85vh;
    position: relative;
    overflow: hidden;
    background: linear-gradient(160deg, #f0f4f8 0%, #e8ecf1 40%, #f5f7fa 100%);
}

.da-bg-pattern {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 80% 50% at 20% 10%, rgba(0, 51, 102, 0.04) 0%, transparent 50%),
        radial-gradient(ellipse 60% 40% at 85% 85%, rgba(227, 6, 19, 0.03) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
}

.da-page > *:not(.da-bg-pattern) {
    position: relative;
    z-index: 1;
}

/* ========== HERO (anasayfa / birim ile ayni gradient mesh + SVG) ========== */
.da-hero {
    position: relative;
    padding: 1.35rem 0 1.5rem;
    background-color: #0c1222;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.da-hero .birim-hero-animated-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
    isolation: isolate;
    background-color: #0c1222;
    background-image:
        radial-gradient(ellipse 115% 75% at 50% -15%, rgba(227, 6, 19, 0.38) 0%, transparent 52%),
        radial-gradient(ellipse 65% 55% at 100% 45%, rgba(37, 99, 235, 0.22) 0%, transparent 48%),
        radial-gradient(ellipse 55% 45% at 0% 85%, rgba(227, 6, 19, 0.16) 0%, transparent 42%),
        linear-gradient(168deg, #070d18 0%, #0f172a 36%, #151d32 68%, #1a1030 100%);
}

.da-hero .birim-hero-animated-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 48px 48px;
    opacity: 0.55;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, transparent 88%);
}

.da-hero .birim-hero-animated-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        linear-gradient(180deg, rgba(7, 13, 24, 0.15) 0%, transparent 38%, rgba(7, 13, 24, 0.35) 100%),
        radial-gradient(ellipse 90% 40% at 50% 100%, rgba(0, 0, 0, 0.28) 0%, transparent 70%);
    pointer-events: none;
}

.da-hero .birim-hero-bg-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.22;
    pointer-events: none;
}

.da-hero .birim-hero-animated-bg .floating-shapes,
.da-hero .birim-hero-animated-bg .pattern-shapes {
    opacity: 0.85;
}

.da-hero .birim-hero-animated-bg .wave-patterns {
    opacity: 0.4;
}

.da-hero .kku-scientific-floating-bg {
    z-index: 3;
}

.da-hero-inner {
    position: relative;
    z-index: 4;
}

.da-hero-content {
    text-align: center;
    position: relative;
}

.da-hero-title {
    color: #fff;
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 0.5rem;
    letter-spacing: -0.5px;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.da-hero-lead {
    color: rgba(255, 255, 255, 0.88);
    font-size: 0.95rem;
    max-width: 560px;
    margin: 0 auto 1.25rem;
    line-height: 1.6;
}

/* ========== ARAMA FORMU ========== */
.da-search-form {
    max-width: 720px;
    margin: 0 auto;
}

.da-search-box {
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border: 2px solid #e0e7ff;
    border-radius: 20px;
    padding: 8px 8px 8px 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: visible;
}

.da-search-box:focus-within {
    border-color: #E30613;
    box-shadow: 0 15px 50px rgba(227, 6, 19, 0.15), 0 5px 15px rgba(227, 6, 19, 0.1);
    transform: translateY(-2px);
}

.da-search-icon-container {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin-right: 15px;
    background: linear-gradient(135deg, #E30613 0%, #c00510 100%);
    border-radius: 12px;
    color: white;
    font-size: 1.3rem;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 15px rgba(227, 6, 19, 0.3);
}

.da-search-box:focus-within .da-search-icon-container {
    transform: scale(1.05) rotate(5deg);
    box-shadow: 0 6px 20px rgba(227, 6, 19, 0.4);
}

.da-search-main-icon {
    transition: transform 0.3s ease;
}

.da-search-box:focus-within .da-search-main-icon {
    transform: scale(1.1);
}

.da-search-input-container {
    flex: 1;
    position: relative;
    min-width: 0;
    display: flex;
    align-items: center;
}

.da-search-input {
    flex: 1;
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-size: 1.1rem;
    color: var(--da-text);
    min-width: 0;
    padding: 14px 0;
    font-weight: 400;
}

.da-search-input::placeholder {
    color: #94a3b8;
    font-weight: 400;
}

.da-search-clear {
    flex-shrink: 0;
    border: none;
    background: none;
    color: #94a3b8;
    font-size: 0.9rem;
    cursor: pointer;
    padding: 0.5rem;
    margin-right: 0.25rem;
    border-radius: 50%;
    transition: color 0.2s ease, background 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.da-search-clear:hover {
    color: var(--da-secondary);
    background: rgba(227, 6, 19, 0.08);
}

.da-search-btn {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #E30613 0%, #c00510 100%);
    color: #fff;
    border: none;
    border-radius: 14px;
    padding: 14px 28px;
    font-weight: 700;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 15px rgba(227, 6, 19, 0.3);
    letter-spacing: 0.3px;
    white-space: nowrap;
    box-shadow: 0 4px 16px rgba(0, 51, 102, 0.3);
    flex-shrink: 0;
}

.da-search-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(227, 6, 19, 0.4);
}

.da-btn-icon {
    font-size: 0.85rem;
    transition: transform 0.3s ease;
}

.da-search-btn:hover .da-btn-icon {
    transform: translateX(3px);
}

.da-search-btn:active {
    transform: translateY(0);
}

.da-search-btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
}

.da-search-hints {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    justify-content: center;
    margin-top: 0.95rem;
    flex-wrap: wrap;
    padding: 0 6px;
}

/* Ana sayfa .filter-tag ile ayni okunabilirlik: beyaz chip + koyu yazi (hero fotograf ustunde) */
.da-hint {
    color: #fff;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.55);
}

.da-hint-tag {
    background: #fff;
    color: #475569;
    border: 2px solid #e2e8f0;
    border-radius: 999px;
    padding: 0.45rem 1.05rem;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    line-height: 1.2;
    white-space: nowrap;
    box-shadow:
        0 2px 10px rgba(15, 23, 42, 0.12),
        0 1px 3px rgba(15, 23, 42, 0.08);
    transition:
        border-color 0.22s ease,
        color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.22s ease;
}

.da-hint-tag:hover {
    border-color: #e30613;
    color: #c00510;
    transform: translateY(-2px);
    box-shadow:
        0 6px 18px rgba(227, 6, 19, 0.18),
        0 2px 6px rgba(15, 23, 42, 0.08);
}

.da-hint-tag:focus-visible {
    outline: none;
    box-shadow:
        0 0 0 3px rgba(227, 6, 19, 0.35),
        0 2px 10px rgba(15, 23, 42, 0.12);
}

/* ========== AKTÄ°F FÄ°LTRELER ========== */
.da-active-filters {
    background: var(--da-glass-bg-dark);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-radius: var(--da-radius);
    padding: 0.6rem 1.25rem;
    margin-bottom: 0.35rem;
    box-shadow: var(--da-shadow-sm);
    border: 1px solid var(--da-glass-border);
    animation: daFadeIn 0.3s ease;
}

.da-active-filters-inner {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.da-active-label {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--da-text-muted);
    white-space: nowrap;
}

.da-active-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    flex: 1;
}

.da-active-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: linear-gradient(135deg, #fff0f0, #ffe8ea);
    color: var(--da-secondary-hover);
    border-radius: 20px;
    padding: 0.3rem 0.7rem;
    font-size: 0.75rem;
    font-weight: 600;
    animation: daTagIn 0.2s ease;
    border: 1px solid rgba(227, 6, 19, 0.12);
}

.da-active-tag-remove {
    cursor: pointer;
    color: var(--da-secondary-hover);
    opacity: 0.6;
    transition: opacity 0.15s;
    font-size: 0.65rem;
}

.da-active-tag-remove:hover {
    opacity: 1;
}

.da-clear-all-btn {
    background: none;
    border: 1.5px solid var(--da-secondary);
    color: var(--da-secondary);
    border-radius: 20px;
    padding: 0.3rem 0.85rem;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    transition: background var(--da-transition), color var(--da-transition);
    white-space: nowrap;
}

.da-clear-all-btn:hover {
    background: var(--da-secondary);
    color: #fff;
}

/* ========== CONTAINER & LAYOUT ========== */
.da-container {
    max-width: 1680px;
    margin: 0 auto;
    padding: 0 1.25rem;
}

.da-hero + .da-container {
    margin-top: 0.5rem;
}

.da-container + .da-container {
    margin-top: 0;
}

.da-layout {
    display: flex;
    gap: 1.25rem;
    align-items: flex-start;
}

.da-main-col {
    flex: 1;
    min-width: 0;
}

/* ========== SIDEBAR ========== */
.da-sidebar-col {
    flex: 0 0 300px;
    max-width: 320px;
    min-width: 0;
}

.da-sidebar {
    background: var(--da-glass-bg-dark);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border-radius: var(--da-radius);
    border: 1px solid var(--da-glass-border);
    box-shadow: var(--da-shadow);
    position: sticky;
    top: 1rem;
    overflow: hidden;
    transition: box-shadow var(--da-transition);
}

.da-sidebar:hover {
    box-shadow: var(--da-shadow-lg);
}

.da-sidebar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.1rem 1.35rem;
    border-bottom: 1px solid rgba(0, 51, 102, 0.08);
    background: linear-gradient(135deg, rgba(0, 51, 102, 0.04), transparent);
}

.da-sidebar-title {
    font-size: 1rem;
    font-weight: 800;
    color: var(--da-primary);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.da-filter-count-badge {
    background: linear-gradient(135deg, var(--da-secondary), var(--da-secondary-hover));
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(227, 6, 19, 0.3);
}

/* Filtre grubu (varsayılan: ince ayırıcı) */
.da-filter-group {
    border-bottom: 1px solid rgba(0, 51, 102, 0.06);
}

/* Gelişmiş arama formu: bloklar arası nefes + çok sade panel zemini (tema tonları) */
form.da-filter-form {
    padding: 0.45rem 0.2rem 0.85rem;
}

/* Gelişmiş arama: her filtre bloğunda sol aksan + ikon tonu + hafif arka plan (yalnızca tema değişkenleri) */
form.da-filter-form .da-filter-group {
    --da-fs-accent: var(--da-primary);
    --da-fs-accent-soft: var(--da-primary-bg);
    border-bottom: none;
    margin: 0.55rem 0.45rem;
    border-radius: var(--da-radius-sm);
    border: 1px solid color-mix(in srgb, var(--da-primary) 7%, transparent);
    background: color-mix(in srgb, var(--da-fs-accent-soft) 20%, var(--da-surface) 80%);
    box-shadow:
        inset 3px 0 0 var(--da-fs-accent),
        0 1px 0 color-mix(in srgb, var(--da-primary) 4%, transparent);
}

form.da-filter-form .da-filter-group .da-filter-header-icon {
    background: var(--da-fs-accent-soft);
    color: var(--da-fs-accent);
}

form.da-filter-form .da-filter-group .da-filter-header:hover {
    background: color-mix(in srgb, var(--da-fs-accent) 8%, transparent);
}

/* Kaynak türüne göre filtre blokları (sonuç grupları / kaynak kartları ile aynı palet) */
form.da-filter-form .da-filter-group.da-source-group {
    border-color: color-mix(in srgb, var(--da-fs-accent) 13%, transparent);
    background: color-mix(in srgb, var(--da-fs-accent-soft) 24%, var(--da-surface) 76%);
    box-shadow:
        inset 3px 0 0 var(--da-fs-accent),
        0 1px 0 color-mix(in srgb, var(--da-fs-accent) 6%, transparent);
}

form.da-filter-form .da-filter-group.da-source-group .da-filter-header:hover {
    background: color-mix(in srgb, var(--da-fs-accent) 10%, transparent);
}

form.da-filter-form .da-filter-group.da-source-group[data-source-group="personel"] {
    --da-fs-accent: #1d4ed8;
    --da-fs-accent-soft: #dbeafe;
}

form.da-filter-form .da-filter-group.da-source-group[data-source-group="yayin"] {
    --da-fs-accent: #b91c1c;
    --da-fs-accent-soft: #fee2e2;
}

form.da-filter-form .da-filter-group.da-source-group[data-source-group="proje"] {
    --da-fs-accent: #0f766e;
    --da-fs-accent-soft: #ccfbf1;
}

form.da-filter-form .da-filter-group.da-source-group[data-source-group="tez"] {
    --da-fs-accent: #6d28d9;
    --da-fs-accent-soft: #ede9fe;
}

form.da-filter-form .da-filter-group.da-source-group[data-source-group="patent"] {
    --da-fs-accent: #b45309;
    --da-fs-accent-soft: #ffedd5;
}

form.da-filter-form .da-filter-group.da-source-group .da-filter-selected-count {
    background: linear-gradient(135deg, color-mix(in srgb, var(--da-fs-accent-soft) 85%, #fff), #fff);
    color: var(--da-fs-accent);
    border: 1px solid color-mix(in srgb, var(--da-fs-accent) 22%, transparent);
}

form.da-filter-form .da-filter-group.da-source-group .da-checkbox {
    accent-color: var(--da-fs-accent);
}

form.da-filter-form .da-filter-group.da-source-group .da-checkbox-item.da-filter-row:has(.da-checkbox:checked) {
    border-color: color-mix(in srgb, var(--da-fs-accent) 35%, rgba(0, 51, 102, 0.1));
    background: linear-gradient(135deg, color-mix(in srgb, var(--da-fs-accent) 9%, #fff), rgba(255, 255, 255, 0.98));
    box-shadow: 0 2px 10px color-mix(in srgb, var(--da-fs-accent) 12%, transparent);
}

form.da-filter-form .da-filter-group.da-source-group .da-filter-input.form-control:focus {
    border-color: color-mix(in srgb, var(--da-fs-accent) 45%, #e2e8f0);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--da-fs-accent) 18%, transparent);
}

form.da-filter-form .da-filter-group.da-source-group .da-filter-search:focus-within,
form.da-filter-form .da-filter-group.da-source-group .da-filter-search-with-actions:focus-within {
    border-color: var(--da-fs-accent);
}

form.da-filter-form .da-filter-group.da-source-group .da-facet-count-badge,
form.da-filter-form .da-filter-group.da-source-group .da-tree-child-count {
    color: var(--da-fs-accent);
    background: linear-gradient(145deg, color-mix(in srgb, var(--da-fs-accent) 12%, #fff), var(--da-fs-accent-soft));
    border-color: color-mix(in srgb, var(--da-fs-accent) 28%, rgba(255, 255, 255, 0.65));
}

form.da-filter-form .da-filter-group.da-source-group .da-tree-node-header:hover {
    background: color-mix(in srgb, var(--da-fs-accent) 8%, transparent);
}

form.da-filter-form .da-filter-group.da-source-group .da-tree-node.da-tree-search-match > .da-tree-node-header {
    background: color-mix(in srgb, var(--da-fs-accent) 11%, transparent);
}

form.da-filter-form .da-filter-group.da-source-group .da-tree-node.da-tree-search-match > .da-tree-node-header .da-tree-node-label {
    color: var(--da-fs-accent);
}

.da-filter-group:last-child {
    border-bottom: none;
}

.da-filter-header {
    width: 100%;
    padding: 0.95rem 1.35rem;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--da-text);
    transition: background 0.15s;
}

.da-filter-header:hover {
    background: rgba(0, 51, 102, 0.03);
}

.da-filter-header-icon {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--da-primary-bg);
    color: var(--da-primary);
    border-radius: 8px;
    font-size: 0.8rem;
    flex-shrink: 0;
}

.da-filter-header-text {
    flex: 1;
    text-align: left;
}

.da-filter-selected-count {
    background: linear-gradient(135deg, #fff0f0, #ffe8ea);
    color: var(--da-secondary-hover);
    border-radius: 10px;
    padding: 0.15rem 0.5rem;
    font-size: 0.7rem;
    font-weight: 700;
}

.da-filter-chevron {
    font-size: 0.6rem;
    color: var(--da-text-light);
    transition: transform 0.25s;
}

.da-filter-header[aria-expanded="false"] .da-filter-chevron {
    transform: rotate(-90deg);
}

.da-filter-body {
    padding: 0.35rem 1.35rem 1.2rem;
}

/* Ad / Soyad: yan yana alanlara ek nefes (dar sidebar’da üst üste binme hissini azaltır) */
.da-filter-name-fields {
    margin-top: 0.1rem;
    --bs-gutter-y: 0.85rem;
    --bs-gutter-x: 0.85rem;
}

.da-sort-hidden-select {
    display: none !important;
}

.da-sort-card-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.da-sort-card-item {
    position: relative;
    display: block;
    margin: 0;
    cursor: pointer;
}

.da-sort-card-item input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.da-sort-card-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.55rem;
    padding: 0.48rem 0.55rem;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background: #fff;
    text-align: left;
    transition:
        border-color var(--da-transition),
        background var(--da-transition),
        box-shadow var(--da-transition);
}

.da-sort-card-icon {
    flex-shrink: 0;
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.82rem;
    color: #0d4c8b;
    background: rgba(13, 76, 139, 0.09);
    transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.da-sort-card-text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.da-sort-card-main {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
    min-width: 0;
}

.da-sort-card-title {
    flex: 1;
    min-width: 0;
    font-size: 0.76rem;
    font-weight: 600;
    color: #1e293b;
    line-height: 1.2;
}

#daToolbar .da-sort-toolbar-host .da-sort-card-hint {
    flex-shrink: 0;
    font-size: 0.58rem;
    color: #94a3b8;
    line-height: 1;
    opacity: 0.55;
    transition: color 0.18s ease, opacity 0.18s ease;
}

#daToolbar .da-sort-toolbar-host .da-sort-card-item:hover .da-sort-card-hint,
#daToolbar .da-sort-toolbar-host .da-sort-card-item:focus-within .da-sort-card-hint {
    color: #64748b;
    opacity: 0.95;
}

/* Sıralama — kaynak türü ile aynı minimal tooltip */
#daToolbar .da-sort-toolbar-host .da-sort-card-item .da-sort-tooltip {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 0.4rem);
    z-index: 50;
    padding: 0.55rem 0.62rem;
    font-size: 0.7rem;
    font-weight: 500;
    line-height: 1.38;
    color: #1e293b;
    text-align: center;
    background: #ffffff;
    border: 1px solid rgba(13, 76, 139, 0.16);
    border-radius: 10px;
    box-shadow:
        0 14px 34px rgba(15, 23, 42, 0.12),
        0 4px 12px rgba(15, 23, 42, 0.06);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px) scale(0.98);
    transition:
        opacity 0.22s ease,
        transform 0.22s ease,
        visibility 0.22s;
    pointer-events: none;
}

#daToolbar .da-sort-toolbar-host .da-sort-card-item .da-sort-tooltip::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -7px;
    border: 7px solid transparent;
    border-bottom-color: #ffffff;
    filter: drop-shadow(0 -1px 0 rgba(13, 76, 139, 0.06));
}

#daToolbar .da-sort-toolbar-host .da-sort-card-item:hover .da-sort-tooltip,
#daToolbar .da-sort-toolbar-host .da-sort-card-item:focus-within .da-sort-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.da-sort-card-item:hover .da-sort-card-content {
    border-color: #cbd5e1;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

.da-sort-card-item:hover .da-sort-card-icon {
    background: rgba(13, 76, 139, 0.13);
    transform: scale(1.03);
}

.da-sort-card-item input[type="radio"]:checked + .da-sort-card-content {
    border-color: rgba(13, 76, 139, 0.42);
    background: #f4f8fc;
    box-shadow: none;
}

.da-sort-card-item input[type="radio"]:checked + .da-sort-card-content .da-sort-card-icon {
    background: rgba(13, 76, 139, 0.18);
    color: #063a6f;
}

.da-sort-card-item:focus-within .da-sort-card-content {
    outline: 2px solid rgba(13, 76, 139, 0.35);
    outline-offset: 1px;
}

.da-filter-search {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #f5f7fa;
    border: 1.5px solid var(--da-border);
    border-radius: var(--da-radius-sm);
    padding: 0.45rem 0.75rem;
    margin-bottom: 0.65rem;
    transition: border-color var(--da-transition);
}

.da-filter-search:focus-within {
    border-color: var(--da-primary);
}

.da-filter-search i {
    color: var(--da-text-light);
    font-size: 0.75rem;
}

.da-filter-search input {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 0.8125rem;
    color: var(--da-text);
}

.da-filter-search input::placeholder {
    color: #b0bec5;
}

.da-checkbox-list {
    max-height: 280px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #b0bec5 transparent;
}

.da-sdg-checkbox-list {
    max-height: 360px;
}

.da-sdg-checkbox-list .da-checkbox-label-text {
    font-size: 0.82rem;
    line-height: 1.3;
    text-transform: none;
}

.da-checkbox-list::-webkit-scrollbar {
    width: 5px;
}

.da-checkbox-list::-webkit-scrollbar-thumb {
    background: #b0bec5;
    border-radius: 4px;
}

.da-checkbox-list::-webkit-scrollbar-track {
    background: transparent;
}

.da-checkbox-item {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0.6rem;
    margin: 0;
    border-radius: var(--da-radius-sm);
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;
    font-size: 0.85rem;
    color: #37474f;
}

/* Filtre satırı (facet, ünvan, araştırma alanı, personel türü) — kart hissi */
.da-checkbox-item.da-filter-row {
    border: 1px solid rgba(0, 51, 102, 0.09);
    background: rgba(255, 255, 255, 0.92);
    padding: 0.55rem 0.72rem;
    margin-bottom: 0.38rem;
    gap: 0.65rem;
    box-shadow: 0 1px 3px rgba(0, 51, 102, 0.05);
}

.da-checkbox-item.da-filter-row:last-child {
    margin-bottom: 0;
}

.da-checkbox-item.da-filter-row:hover {
    border-color: rgba(0, 51, 102, 0.14);
    background: var(--da-primary-bg);
}

.da-checkbox-item.da-filter-row:has(.da-checkbox:checked) {
    border-color: color-mix(in srgb, var(--da-primary) 32%, rgba(0, 51, 102, 0.12));
    background: linear-gradient(135deg, color-mix(in srgb, var(--da-primary) 7%, #fff), rgba(255, 255, 255, 0.98));
    box-shadow: 0 2px 10px rgba(0, 51, 102, 0.07);
}

.da-checkbox-list--compact {
    max-height: none;
    overflow: visible;
    padding-bottom: 0.15rem;
}

.da-checkbox-item:hover {
    background: var(--da-primary-bg);
}

.da-checkbox {
    width: 17px;
    height: 17px;
    flex-shrink: 0;
    accent-color: var(--da-primary);
    cursor: pointer;
}

.da-checkbox-label {
    flex: 1;
    line-height: 1.35;
    min-width: 0;
}

.da-checkbox-item.da-filter-row .da-checkbox-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.da-checkbox-label-text {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    color: var(--da-text, #37474f);
}

/* Facet / ağaç: Elasticsearch veya alt birim adedi */
.da-facet-count-badge,
.da-tree-child-count {
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 0.22rem 0.5rem;
    border-radius: 999px;
    line-height: 1.25;
    letter-spacing: 0.01em;
    background: linear-gradient(145deg, color-mix(in srgb, var(--da-primary) 14%, #fff), var(--da-primary-bg));
    color: var(--da-primary);
    border: 1px solid color-mix(in srgb, var(--da-primary) 24%, rgba(255, 255, 255, 0.6));
    box-shadow: 0 1px 2px rgba(0, 51, 102, 0.06);
}

.da-facet-count-badge--zero {
    opacity: 0.72;
    filter: grayscale(0.2);
}

.da-filter-row--disabled,
.da-kaynak-card.da-kaynak-card--disabled {
    opacity: 0.58;
}

.da-filter-row--disabled {
    cursor: not-allowed;
}

.da-filter-row--disabled .da-checkbox-label-text {
    color: color-mix(in srgb, var(--da-text, #37474f) 52%, transparent);
}

.da-filter-row--disabled .da-checkbox,
.da-kaynak-card--disabled input[name="kaynakTuru"] {
    cursor: not-allowed;
    accent-color: color-mix(in srgb, var(--da-primary) 42%, #9e9e9e);
}

.da-tree-node-header--disabled {
    opacity: 0.58;
    cursor: not-allowed;
}

.da-tree-node-header--disabled .da-tree-node-label {
    color: color-mix(in srgb, var(--da-text, #37474f) 52%, transparent);
}

/* Kaynak Turu: 2 sutun ikonlu kart + coklu secim + animasyon */
@keyframes daKaynakCardIn {
    from {
        opacity: 0;
        transform: translateY(4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#fgKaynakTuru > .da-filter-body.da-kaynak-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.42rem;
    overflow: visible;
}

#fgKaynakTuru .da-kaynak-card {
    display: block;
    position: relative;
    padding: 0;
    border-radius: 8px;
    animation: daKaynakCardIn 0.35s ease backwards;
}

#fgKaynakTuru .da-kaynak-card:nth-child(1) { animation-delay: 0.03s; }
#fgKaynakTuru .da-kaynak-card:nth-child(2) { animation-delay: 0.08s; }
#fgKaynakTuru .da-kaynak-card:nth-child(3) { animation-delay: 0.13s; }
#fgKaynakTuru .da-kaynak-card:nth-child(4) { animation-delay: 0.18s; }
#fgKaynakTuru .da-kaynak-card:nth-child(5) { animation-delay: 0.23s; }

#fgKaynakTuru .da-kaynak-card .da-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

#fgKaynakTuru .da-kaynak-card .da-kaynak-card-inner {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.55rem;
    min-height: 0;
    padding: 0.45rem 0.5rem 0.58rem 0.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    color: #1e293b;
    text-align: left;
    transition:
        border-color 0.18s ease,
        background 0.18s ease,
        box-shadow 0.18s ease;
}

#fgKaynakTuru .da-kaynak-card-main {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.35rem;
}

/* Rozet sağ üstte; metin ile çakışmasın (kart köşe yarıçapı / grid değişmez) */
#fgKaynakTuru .da-kaynak-card-inner--has-badge .da-kaynak-card-main {
    padding-right: 2.35rem;
}

#fgKaynakTuru .da-kaynak-card-icon {
    flex-shrink: 0;
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease;
}

#fgKaynakTuru .da-kaynak-card[data-kaynak="personel"] .da-kaynak-card-icon {
    background: rgba(37, 99, 235, 0.1);
    color: #1d4ed8;
}

#fgKaynakTuru .da-kaynak-card[data-kaynak="yayin"] .da-kaynak-card-icon {
    background: rgba(227, 6, 19, 0.08);
    color: #b91c1c;
}

#fgKaynakTuru .da-kaynak-card[data-kaynak="proje"] .da-kaynak-card-icon {
    background: rgba(13, 148, 136, 0.1);
    color: #0f766e;
}

#fgKaynakTuru .da-kaynak-card[data-kaynak="tez"] .da-kaynak-card-icon {
    background: rgba(139, 92, 246, 0.1);
    color: #6d28d9;
}

#fgKaynakTuru .da-kaynak-card[data-kaynak="patent"] .da-kaynak-card-icon {
    background: rgba(245, 158, 11, 0.12);
    color: #b45309;
}

#fgKaynakTuru .da-kaynak-card-title {
    flex: 1;
    min-width: 0;
    font-size: 0.76rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0.01em;
}

#fgKaynakTuru .da-kaynak-card-hint {
    position: absolute;
    right: 0.3rem;
    bottom: 0.3rem;
    z-index: 2;
    flex-shrink: 0;
    font-size: 0.58rem;
    color: #94a3b8;
    line-height: 1;
    opacity: 0.55;
    transition: color 0.18s ease, opacity 0.18s ease;
    pointer-events: none;
}

/* Kaynak kartı: sayım rozeti kart içi sağ üst (satır düzenini bozmaz) */
#fgKaynakTuru .da-kaynak-card-inner > .da-kaynak-source-count.da-facet-count-badge {
    position: absolute;
    top: 0.22rem;
    right: 0.22rem;
    z-index: 3;
    margin: 0;
    flex-shrink: 0;
    font-size: 0.48rem !important;
    font-weight: 700;
    padding: 0.06rem 0.26rem !important;
    line-height: 1.15;
    max-width: 3.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 999px;
}

#fgKaynakTuru .da-kaynak-card:hover .da-kaynak-card-hint,
#fgKaynakTuru .da-kaynak-card:focus-within .da-kaynak-card-hint {
    color: #64748b;
    opacity: 0.95;
}

/* Aciklama balonu — kart altinda; sidebar overflow icinde kalir */
#fgKaynakTuru .da-kaynak-card .da-kaynak-tooltip {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 0.4rem);
    z-index: 50;
    padding: 0.55rem 0.62rem;
    font-size: 0.7rem;
    font-weight: 500;
    line-height: 1.38;
    color: #1e293b;
    text-align: center;
    background: #ffffff;
    border: 1px solid rgba(13, 76, 139, 0.16);
    border-radius: 10px;
    box-shadow:
        0 14px 34px rgba(15, 23, 42, 0.12),
        0 4px 12px rgba(15, 23, 42, 0.06);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px) scale(0.98);
    transition:
        opacity 0.22s ease,
        transform 0.22s ease,
        visibility 0.22s;
    pointer-events: none;
}

#fgKaynakTuru .da-kaynak-card .da-kaynak-tooltip::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -7px;
    border: 7px solid transparent;
    border-bottom-color: #ffffff;
    filter: drop-shadow(0 -1px 0 rgba(13, 76, 139, 0.06));
}

#fgKaynakTuru .da-kaynak-card:hover .da-kaynak-tooltip,
#fgKaynakTuru .da-kaynak-card:focus-within .da-kaynak-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.da-sidebar .da-filter-group:first-of-type {
    overflow: visible;
}

#fgKaynakTuru .da-kaynak-card:hover .da-kaynak-card-inner {
    border-color: #cbd5e1;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

#fgKaynakTuru .da-kaynak-card:hover .da-kaynak-card-icon {
    transform: scale(1.03);
}

#fgKaynakTuru .da-kaynak-card .da-checkbox:checked + .da-kaynak-card-inner {
    border-color: rgba(13, 76, 139, 0.45);
    background: #f4f8fc;
    box-shadow: none;
}

#fgKaynakTuru .da-kaynak-card:focus-within .da-kaynak-card-inner {
    outline: 2px solid rgba(13, 76, 139, 0.35);
    outline-offset: 1px;
}

@media (prefers-reduced-motion: reduce) {
    #fgKaynakTuru .da-kaynak-card {
        animation: none;
    }

    #fgKaynakTuru .da-kaynak-card:hover .da-kaynak-card-inner,
    #fgKaynakTuru .da-kaynak-card:hover .da-kaynak-card-icon {
        transform: none;
    }

    #fgKaynakTuru .da-kaynak-card .da-kaynak-tooltip {
        transition: none;
    }

    #fgKaynakTuru .da-kaynak-card:hover .da-kaynak-tooltip,
    #fgKaynakTuru .da-kaynak-card:focus-within .da-kaynak-tooltip {
        transform: none;
    }

    #daToolbar .da-sort-toolbar-host .da-sort-card-item .da-sort-tooltip {
        transition: none;
    }

    #daToolbar .da-sort-toolbar-host .da-sort-card-item:hover .da-sort-tooltip,
    #daToolbar .da-sort-toolbar-host .da-sort-card-item:focus-within .da-sort-tooltip {
        transform: none;
    }
}

@media (max-width: 768px) {
    #fgKaynakTuru > .da-filter-body.da-kaynak-card-grid {
        grid-template-columns: 1fr;
    }
}

.da-checkbox-icon {
    color: var(--da-text-light);
    font-size: 0.75rem;
}

.da-checkbox-loading {
    text-align: center;
    padding: 1.25rem 0;
    font-size: 0.85rem;
    color: var(--da-text-light);
}

.da-filter-radio-group {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.da-radio-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.5rem;
    margin: 0;
    border-radius: var(--da-radius-sm);
    cursor: pointer;
    font-size: 0.85rem;
    color: #37474f;
}

.da-radio-item:hover {
    background: var(--da-primary-bg);
}

.da-radio {
    width: 17px;
    height: 17px;
    flex-shrink: 0;
    accent-color: var(--da-primary);
    cursor: pointer;
}

/* Ad / Soyad — sidebar ile uyumlu, okunakli kutu */
.da-filter-field-label {
    display: block;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: 0.4rem;
}

.da-filter-input.form-control {
    min-height: 2.65rem;
    padding: 0.55rem 0.85rem;
    font-size: 0.875rem;
    line-height: 1.45;
    color: #1e293b;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease;
}

.da-filter-input.form-control:hover {
    border-color: #cbd5e1;
}

.da-filter-input.form-control:focus {
    border-color: rgba(13, 76, 139, 0.45);
    box-shadow: 0 0 0 3px rgba(13, 76, 139, 0.14);
    outline: none;
}

.da-filter-input.form-control::placeholder {
    color: #94a3b8;
    opacity: 1;
}

/* ========== BIRIM AÄžACI (TREE) ========== */
.da-filter-search-with-actions {
    display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 0.65rem;
    background: #f5f7fa;
    border: 1.5px solid var(--da-border);
    border-radius: var(--da-radius-sm);
    transition: border-color var(--da-transition);
}

.da-filter-search-with-actions:focus-within {
    border-color: var(--da-primary);
}

.da-filter-search-with-actions .da-filter-search {
    flex: 1;
    margin-bottom: 0;
    background: transparent;
    border: none;
    border-radius: 0;
}

.da-filter-search-with-actions .da-filter-search:focus-within {
    box-shadow: none;
}

.da-filter-search-separator {
    width: 2px;
    min-width: 2px;
    height: 26px;
    background: #78909c;
    flex-shrink: 0;
    margin: 0 0.5rem;
    border-radius: 1px;
}

.da-filter-search-with-actions .da-tree-actions {
    margin-bottom: 0;
    padding: 0.2rem 0.4rem;
    gap: 0.2rem;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 6px;
    margin-right: 0.25rem;
}

.da-filter-search-with-actions .da-tree-action-btn {
    border: none;
    background: transparent;
}

.da-tree-actions {
    display: flex;
    gap: 0.4rem;
    margin-bottom: 0.6rem;
}

.da-tree-action-btn {
    background: none;
    border: 1px solid var(--da-border);
    border-radius: 6px;
    padding: 0.25rem 0.6rem;
    font-size: 0.7rem;
    color: var(--da-text-muted);
    cursor: pointer;
    transition: all 0.15s;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.da-tree-action-btn:hover {
    background: var(--da-primary-bg);
    border-color: var(--da-primary);
    color: var(--da-primary);
}

.da-tree-action-icon {
    padding: 0.35rem;
    min-width: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.da-tree-action-icon i {
    font-size: 0.7rem;
}

.da-birim-tree {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #b0bec5 transparent;
}

.da-birim-tree::-webkit-scrollbar {
    width: 5px;
}

.da-birim-tree::-webkit-scrollbar-thumb {
    background: #b0bec5;
    border-radius: 4px;
}

.da-birim-tree::-webkit-scrollbar-track {
    background: transparent;
}

.da-tree-node {
    position: relative;
}

.da-tree-node-header {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.4rem;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.15s;
    font-size: 0.82rem;
    color: var(--da-text);
    user-select: none;
}

.da-tree-node-header:hover {
    background: var(--da-primary-bg);
}

.da-tree-toggle {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: var(--da-text-muted);
    font-size: 0.65rem;
    transition: transform 0.2s, color 0.15s;
    border-radius: 4px;
}

.da-tree-toggle:hover {
    background: rgba(0, 51, 102, 0.08);
    color: var(--da-primary);
}

.da-tree-toggle-spacer {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.da-tree-checkbox {
    width: 15px !important;
    height: 15px !important;
    flex-shrink: 0;
}

.da-tree-node-icon {
    flex-shrink: 0;
    width: 18px;
    text-align: center;
    font-size: 0.7rem;
    color: var(--da-primary);
    opacity: 0.7;
}

.da-tree-node-label {
    flex: 1;
    line-height: 1.3;
    font-size: 0.8rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* .da-tree-child-count — .da-facet-count-badge ile birleşik üst blokta */

.da-tree-children {
    display: none;
    padding-left: 1.45rem;
    margin-left: 2px;
    position: relative;
}

.da-tree-children::before {
    content: '';
    position: absolute;
    left: 12px;
    top: 0;
    bottom: 8px;
    width: 1.5px;
    background: linear-gradient(to bottom, var(--da-border) 0%, transparent 100%);
    border-radius: 1px;
}

.da-tree-open > .da-tree-children {
    display: block;
}

.da-tree-children > .da-tree-node > .da-tree-node-header .da-tree-node-icon {
    color: var(--da-text-muted);
}

.da-tree-node.da-tree-search-hidden {
    display: none;
}

.da-tree-node.da-tree-search-match > .da-tree-node-header {
    background: rgba(0, 51, 102, 0.06);
}

.da-tree-node.da-tree-search-match > .da-tree-node-header .da-tree-node-label {
    font-weight: 600;
    color: var(--da-primary);
}

/* ========== TOOLBAR ========== */
.da-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: var(--da-glass-bg-dark);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-radius: var(--da-radius);
    padding: 0.8rem 1.25rem;
    margin-bottom: 1rem;
    box-shadow: var(--da-shadow-sm);
    border: 1px solid var(--da-glass-border);
    flex-wrap: wrap;
    gap: 0.65rem;
    overflow: visible;
}

.da-toolbar-left {
    flex-shrink: 0;
}

/* Sağ blok: sıralama + görünüm — sağa yaslı */
.da-toolbar-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.65rem;
    flex: 1 1 auto;
    min-width: 0;
}

.da-sort-toolbar-host {
    flex: 0 1 auto;
    min-width: 0;
    overflow: visible;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.da-sort-toolbar-host .da-sort-toolbar-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.38rem;
    margin: 0;
    padding: 0;
    max-width: 100%;
}

.da-sort-toolbar-host .da-sort-card-content {
    padding: 0.36rem 0.48rem;
    gap: 0.38rem;
}

.da-sort-toolbar-host .da-sort-card-icon {
    width: 1.52rem;
    height: 1.52rem;
    font-size: 0.7rem;
}

.da-sort-toolbar-host .da-sort-card-title {
    font-size: 0.72rem;
}

.da-result-count {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    font-size: 0.9rem;
    font-weight: 700;
    color: #24445f;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(239, 246, 255, 0.94) 100%);
    border: 1px solid rgba(13, 76, 139, 0.14);
    border-radius: 14px;
    padding: 0.65rem 1rem 0.65rem 0.8rem;
    box-shadow: 0 8px 22px rgba(13, 76, 139, 0.12);
    overflow: hidden;
    animation: daResultCountIn 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.da-result-count::before {
    content: "\f005";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 0.7rem;
    color: #fff;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #0d4c8b 0%, #1b6bb5 100%);
    box-shadow: 0 2px 10px rgba(13, 76, 139, 0.28);
}

.da-result-count::after {
    content: "";
    position: absolute;
    top: 0;
    left: -38%;
    width: 34%;
    height: 100%;
    background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.8) 45%, transparent 100%);
    animation: daResultShimmer 3.2s ease-in-out infinite;
}

.da-result-count strong {
    font-size: 1rem;
    font-weight: 800;
    color: #0d4c8b;
    letter-spacing: 0.2px;
    position: relative;
    z-index: 1;
}

.da-view-toggle {
    display: flex;
    gap: 0.25rem;
    background: #f0f4f8;
    border-radius: var(--da-radius-sm);
    padding: 3px;
}

.da-view-btn {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--da-text-light);
    cursor: pointer;
    transition: all 0.15s;
    font-size: 0.85rem;
}

.da-view-btn:hover {
    color: var(--da-primary);
    background: rgba(0, 51, 102, 0.06);
}

.da-view-btn.active {
    background: var(--da-primary);
    color: #fff;
    box-shadow: 0 2px 8px rgba(0, 51, 102, 0.25);
}

/* ========== LOADING (loading-animation.css ile tutarlı) ========== */
.da-loading.stats-loading {
    min-height: 260px;
    padding: 3rem 1.5rem;
    border: 1px solid #e8eaed;
    border-radius: 14px;
}

/* ========== SONUÇ KARTLARI (GRID) ========== */
.da-results-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
    gap: 1rem;
}

.da-group-section {
    grid-column: 1 / -1;
    margin-bottom: 1.85rem;
    padding-bottom: 1.35rem;
    border-bottom: 1px solid color-mix(in srgb, var(--da-primary) 7%, transparent);
}

.da-group-section:last-child {
    margin-bottom: 0.35rem;
    padding-bottom: 0;
    border-bottom: none;
}

/* Kart ızgarasını üst başlıktan hafifçe ayır — kaynak grubuna göre zemin */
.da-group-section[data-group-key] .da-group-items {
    padding: 0.65rem 0.5rem 0.15rem;
    border-radius: 14px;
    background: var(--da-grp-items-tint, transparent);
    border: 1px solid color-mix(in srgb, var(--da-grp-accent, var(--da-primary)) 9%, transparent);
}

.da-group-items {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.da-results-grid.da-list-view {
    grid-template-columns: 1fr;
}

.da-card {
    --da-pop-accent: #0d4c8b;
    --da-pop-soft: #e8f0f8;
    --da-pop-ink: #0f2940;
    --da-pop-tail: rgba(255, 255, 255, 0.98);
    --da-pop-surface-mid: rgba(248, 250, 252, 0.98);
    background: var(--da-glass-bg-dark);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border-radius: var(--da-radius);
    border: 1px solid var(--da-glass-border);
    overflow: visible;
    transition: border-color var(--da-transition), box-shadow var(--da-transition), transform var(--da-transition);
    animation: daCardIn 0.4s ease both;
    position: relative;
}

.da-card[data-content-type="personel"] {
    --da-pop-accent: #1d4ed8;
    --da-pop-soft: #dbeafe;
    --da-pop-ink: #0f2940;
    --da-pop-tail: color-mix(in srgb, #dbeafe 38%, #fff 62%);
    --da-pop-surface-mid: color-mix(in srgb, #dbeafe 24%, #f8fafc 76%);
}

.da-card[data-content-type="yayin"] {
    --da-pop-accent: #b91c1c;
    --da-pop-soft: #fee2e2;
    --da-pop-ink: #450a0a;
    --da-pop-tail: color-mix(in srgb, #fecaca 32%, #fff 68%);
    --da-pop-surface-mid: color-mix(in srgb, #fee2e2 26%, #fafafa 74%);
}

.da-card[data-content-type="proje"] {
    --da-pop-accent: #0f766e;
    --da-pop-soft: #ccfbf1;
    --da-pop-ink: #134e4a;
    --da-pop-tail: color-mix(in srgb, #99f6e4 28%, #fff 72%);
    --da-pop-surface-mid: color-mix(in srgb, #ccfbf1 22%, #f8fafc 78%);
}

.da-card[data-content-type="tez"] {
    --da-pop-accent: #6d28d9;
    --da-pop-soft: #ede9fe;
    --da-pop-ink: #3b0764;
    --da-pop-tail: color-mix(in srgb, #ddd6fe 30%, #fff 70%);
    --da-pop-surface-mid: color-mix(in srgb, #ede9fe 24%, #fafafa 76%);
}

.da-card[data-content-type="patent"] {
    --da-pop-accent: #b45309;
    --da-pop-soft: #ffedd5;
    --da-pop-ink: #78350f;
    --da-pop-tail: color-mix(in srgb, #fde68a 30%, #fff 70%);
    --da-pop-surface-mid: color-mix(in srgb, #ffedd5 26%, #fafafa 74%);
}

.da-card.da-card-tone-akademik {
    background: linear-gradient(135deg, rgba(13, 76, 139, 0.07) 0%, rgba(255, 255, 255, 0.96) 40%, rgba(255, 255, 255, 0.98) 100%);
}

.da-card.da-card-tone-idari {
    background: linear-gradient(135deg, rgba(46, 125, 50, 0.08) 0%, rgba(255, 255, 255, 0.96) 40%, rgba(255, 255, 255, 0.98) 100%);
}

.da-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--da-secondary), var(--da-primary));
    opacity: 0;
    transition: opacity var(--da-transition);
}

.da-card:hover {
    border-color: rgba(0, 51, 102, 0.15);
    box-shadow: var(--da-shadow-lg);
    transform: translateY(-6px);
    z-index: 12;
}

.da-card:hover::before {
    opacity: 1;
}

.da-card-link {
    display: flex;
    gap: 1rem;
    padding: 1.25rem;
    text-decoration: none;
    color: inherit;
    position: relative;
    perspective: none;
    z-index: 1;
}

/* Kart ile balon arasındaki margin boşluğunda hover kaybolmasın — görünmez köprü */
.da-card-link::after {
    content: "";
    position: absolute;
    left: 0.2rem;
    right: 0.2rem;
    top: 100%;
    height: 2rem;
    z-index: 4;
    pointer-events: auto;
    background: transparent;
}

.da-card-content-badge {
    position: absolute;
    top: 0.7rem;
    right: 0.8rem;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1;
    border: 1px solid transparent;
}

.da-card-content-badge.akademik {
    background: rgba(13, 76, 139, 0.12);
    color: #0d4c8b;
    border-color: rgba(13, 76, 139, 0.25);
}

.da-card-content-badge.idari {
    background: rgba(46, 125, 50, 0.12);
    color: #2e7d32;
    border-color: rgba(46, 125, 50, 0.25);
}

.da-card-avatar-wrapper {
    position: relative;
    flex-shrink: 0;
}

.da-card-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    background: var(--da-primary-bg);
    border: 2.5px solid var(--da-border);
    transition: border-color var(--da-transition), box-shadow var(--da-transition);
}

.da-card:hover .da-card-avatar {
    border-color: var(--da-primary);
    box-shadow: 0 4px 12px rgba(0, 51, 102, 0.15);
}

.da-card-avatar-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: var(--da-primary);
    background: linear-gradient(135deg, #eef5ff 0%, #e4eefc 100%);
}

.da-card-type-badge {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6rem;
    color: #fff;
    border: 2px solid var(--da-surface);
}

.da-card-type-badge.akademik {
    background: linear-gradient(135deg, var(--da-primary), var(--da-primary-light));
}

.da-card-type-badge.idari {
    background: linear-gradient(135deg, #43a047, #2e7d32);
}

.da-card-body {
    flex: 1;
    min-width: 0;
    padding-right: 4.6rem;
}

.da-card-name {
    font-weight: 800;
    font-size: 0.95rem;
    color: var(--da-primary);
    margin-bottom: 0.3rem;
    min-width: 0;
    line-height: 1.25;
}

.da-card-name-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.45rem;
    min-width: 0;
}

.da-card-person-name {
    font-weight: 800;
    font-size: 0.95rem;
    color: var(--da-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    flex: 1 1 auto;
}

.da-personel-unvan-badge {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    max-width: 100%;
    padding: 0.2rem 0.45rem;
    border-radius: 6px;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.02em;
    color: #fff;
    background: linear-gradient(135deg, #003366 0%, #0066cc 100%);
    box-shadow: 0 1px 4px rgba(0, 51, 102, 0.25);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.da-card-unvan {
    font-weight: 600;
    font-size: 0.8rem;
    color: var(--da-text-muted);
    margin-right: 0.35rem;
}

.da-card-title {
    font-size: 0.8rem;
    color: var(--da-primary-light);
    font-weight: 600;
    margin-bottom: 0.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.da-unvan-icon {
    font-size: 0.7rem;
    margin-right: 0.2rem;
    opacity: 0.8;
}

.da-card-dept {
    font-size: 0.8rem;
    color: var(--da-text-muted);
    display: flex;
    align-items: center;
    gap: 0.35rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.da-card-dept i {
    font-size: 0.65rem;
}

.da-card-email {
    font-size: 0.75rem;
    color: var(--da-text-light);
    margin-top: 0.35rem;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.da-card-email i {
    font-size: 0.6rem;
}

.da-card-research {
    margin-top: 0.4rem;
}

.da-card-research-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background: var(--da-primary-bg);
    color: var(--da-primary);
    border-radius: 6px;
    padding: 0.15rem 0.5rem;
    font-size: 0.65rem;
    font-weight: 600;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.da-card-research-tag i {
    font-size: 0.55rem;
}

.da-card-stat-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.45rem;
}

.da-card-stat-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    font-size: 0.66rem;
    font-weight: 700;
    line-height: 1.2;
    border: 1px solid transparent;
    max-width: 100%;
}

.da-card-stat-atif {
    background: rgba(234, 88, 12, 0.12);
    color: #c2410c;
    border-color: rgba(234, 88, 12, 0.22);
}

.da-card-stat-yayin {
    background: rgba(13, 76, 139, 0.12);
    color: #0d4c8b;
    border-color: rgba(13, 76, 139, 0.22);
}

.da-card-stat-tur {
    background: rgba(13, 76, 139, 0.12);
    color: #0d4c8b;
    border-color: rgba(13, 76, 139, 0.22);
}

.da-card-stat-year {
    background: rgba(100, 116, 139, 0.12);
    color: #475569;
    border-color: rgba(100, 116, 139, 0.22);
}

.da-card-stat-badge i {
    font-size: 0.58rem;
}

.da-table-yayin-tag {
    margin-left: 0.25rem;
}

.da-card-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0.8rem;
    bottom: 0.7rem;
    width: 24px;
    height: 24px;
    color: #b0bec5;
    font-size: 0.95rem;
    transition: color var(--da-transition), transform var(--da-transition);
    flex-shrink: 0;
}

.da-card:hover .da-card-arrow {
    color: var(--da-primary);
    transform: translateX(4px);
}

.da-card-hover-popup {
    position: absolute;
    left: 0.25rem;
    right: 0.25rem;
    top: 100%;
    margin-top: 0;
    border-radius: 22px 22px 26px 22px;
    background: linear-gradient(
        165deg,
        rgba(255, 255, 255, 0.99) 0%,
        var(--da-pop-surface-mid) 52%,
        rgba(255, 255, 255, 0.97) 100%
    );
    border: 1px solid color-mix(in srgb, var(--da-pop-accent) 18%, rgba(0, 51, 102, 0.06));
    box-shadow:
        0 10px 28px color-mix(in srgb, var(--da-pop-accent) 14%, rgba(15, 23, 42, 0.08)),
        0 4px 12px rgba(15, 23, 42, 0.06);
    padding: 1.35rem 1.15rem 1.1rem 1.15rem;
    min-height: 170px;
    z-index: 5;
    pointer-events: auto;
    overflow: visible;
    opacity: 0;
    visibility: hidden;
    transform: translateY(16px) scale(0.94);
    transform-origin: 50% 0;
    filter: blur(8px);
    transition:
        transform 0.48s cubic-bezier(0.16, 1, 0.3, 1),
        opacity 0.38s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear 0.42s,
        filter 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.45s ease;
}

/* Konuşma balonu kuyruğu — karta doğru */
.da-card-hover-popup::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 12px 12px;
    border-color: transparent transparent var(--da-pop-tail) transparent;
    transform: translateX(-50%) translateY(10px) scale(0.35);
    transform-origin: 50% 100%;
    opacity: 0;
    transition:
        transform 0.5s cubic-bezier(0.16, 1, 0.3, 1),
        opacity 0.32s cubic-bezier(0.22, 1, 0.36, 1);
    pointer-events: none;
    z-index: 6;
    filter: drop-shadow(0 -1px 0 color-mix(in srgb, var(--da-pop-accent) 22%, transparent));
}

.da-card:hover .da-card-hover-popup::before {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
}

/* Üst vurgu çubuğu — kaynak tonu + marka kırmızısı */
.da-card-hover-popup::after {
    content: "";
    position: absolute;
    left: 0.85rem;
    right: 0.85rem;
    top: 0.65rem;
    height: 3px;
    border-radius: 0 0 4px 4px;
    background: linear-gradient(90deg, var(--da-secondary), var(--da-pop-accent));
    transform: scaleX(0);
    transform-origin: center;
    opacity: 0.95;
    transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
    pointer-events: none;
    z-index: 2;
}

.da-card:hover .da-card-hover-popup::after {
    transform: scaleX(1);
}

.da-card:hover .da-card-hover-popup {
    opacity: 1;
    visibility: visible;
    transform: translateY(6px) scale(1);
    filter: blur(0);
    transition:
        transform 0.48s cubic-bezier(0.16, 1, 0.3, 1),
        opacity 0.36s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear 0s,
        filter 0.42s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.45s ease;
    box-shadow:
        0 14px 38px color-mix(in srgb, var(--da-pop-accent) 22%, rgba(0, 51, 102, 0.12)),
        0 6px 16px rgba(15, 23, 42, 0.08),
        0 0 0 1px rgba(255, 255, 255, 0.65) inset;
}

.da-card-hover-title {
    font-size: 0.95rem;
    font-weight: 800;
    color: var(--da-pop-ink);
    margin-bottom: 0.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    z-index: 1;
    opacity: 0;
    transform: translateY(14px);
    transition:
        opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

.da-card-hover-row {
    font-size: 0.82rem;
    color: #334155;
    margin-bottom: 0.3rem;
    line-height: 1.35;
    position: relative;
    z-index: 1;
    opacity: 0;
    transform: translateY(12px);
    transition:
        opacity 0.38s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.42s cubic-bezier(0.16, 1, 0.3, 1);
}

.da-card-hover-row strong {
    color: var(--da-pop-accent);
    font-weight: 700;
}

.da-card:hover .da-card-hover-popup > .da-card-hover-title {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.08s;
}

.da-card:hover .da-card-hover-popup > .da-card-hover-row:nth-child(2) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.12s;
}

.da-card:hover .da-card-hover-popup > .da-card-hover-row:nth-child(3) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.16s;
}

.da-card:hover .da-card-hover-popup > .da-card-hover-row:nth-child(4) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.2s;
}

.da-card:hover .da-card-hover-popup > .da-card-hover-row:nth-child(5) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.24s;
}

.da-card:hover .da-card-hover-popup > .da-card-hover-row:nth-child(6) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.28s;
}

.da-card:hover .da-card-hover-popup > .da-card-hover-row:nth-child(7) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.32s;
}

.da-card:hover .da-card-hover-popup > .da-card-hover-row:nth-child(8) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.36s;
}

.da-card:hover .da-card-hover-popup > .da-card-hover-row:nth-child(9) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.4s;
}

.da-card:hover .da-card-hover-popup > .da-card-hover-row:nth-child(10) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.44s;
}

.da-list-view .da-card-link {
    align-items: center;
}

.da-list-view .da-card-stat-badges {
    margin-left: auto;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 0;
    gap: 0.28rem;
    flex-shrink: 0;
    max-width: 42%;
}

/* ========== TABLO GÖRÜNÜMÜ ========== */
.da-results-table-wrapper {
    border-radius: var(--da-radius);
    overflow-x: auto;
    border: 1px solid var(--da-glass-border);
    box-shadow: var(--da-shadow-sm);
    background: var(--da-glass-bg-dark);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

.da-table {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
    font-size: 0.875rem;
    table-layout: fixed;
}

/* Sabit sütun payları — thead/td hizası tutarlı */
.da-table col.da-col-avatar {
    width: 3rem;
}

.da-table col.da-col-name {
    width: 23%;
}

.da-table col.da-col-kaynak {
    width: 8.5rem;
}

.da-table col.da-col-aciklama {
    width: 26%;
}

.da-table col.da-col-atif {
    width: 7.5rem;
}

.da-table col.da-col-ekbilgi {
    width: 18%;
}

.da-table col.da-col-detay {
    width: 2.85rem;
}

.da-table thead {
    background: linear-gradient(135deg, rgba(0, 51, 102, 0.06), rgba(0, 51, 102, 0.03));
}

.da-table th {
    padding: 0.75rem 0.65rem;
    text-align: left;
    font-weight: 700;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.45px;
    color: var(--da-text-muted);
    border-bottom: 2px solid rgba(0, 51, 102, 0.08);
    vertical-align: bottom;
}

.da-table th.da-table-th-detail {
    text-align: center;
}

.da-table td {
    padding: 0.55rem 0.65rem;
    vertical-align: middle;
    border-bottom: 1px solid rgba(0, 51, 102, 0.04);
    color: var(--da-text);
    word-break: break-word;
}

.da-table-avatar-cell {
    width: 3rem;
    text-align: center;
    vertical-align: middle;
    padding-left: 0.45rem;
    padding-right: 0.35rem;
}

.da-table-cell.da-table-cell-kaynak {
    white-space: nowrap;
}

.da-table-cell.da-table-cell-desc,
.da-table-cell.da-table-cell-ek {
    line-height: 1.4;
}

.da-table-cell.da-table-cell-atif {
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.da-table-muted {
    color: var(--da-text-muted);
    font-size: 0.85rem;
}

.da-table .da-table-detail-cell {
    width: 2.85rem;
    padding-left: 0.35rem;
    padding-right: 0.35rem;
    text-align: center;
    white-space: nowrap;
}

.da-table tbody tr {
    transition: background var(--da-transition);
}

.da-table tbody tr:hover {
    background: rgba(0, 51, 102, 0.03);
}

.da-table-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--da-border);
}

.da-table-avatar-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    color: var(--da-primary);
    background: linear-gradient(135deg, #eef5ff 0%, #e4eefc 100%);
}

.da-table-name {
    font-weight: 400;
    color: var(--da-text);
    overflow-wrap: anywhere;
}

.da-table-name a {
    text-decoration: none;
    color: inherit;
    transition: color 0.15s;
}

.da-table-name a:hover .da-table-person-name {
    color: var(--da-secondary);
}

.da-table-name-stack--inline {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.5rem;
}

.da-table-name-stack {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.12rem;
    text-align: left;
    line-height: 1.25;
}

.da-table-person-name {
    display: block;
    font-weight: 700;
    font-size: 0.92rem;
    color: var(--da-primary);
    line-height: 1.22;
}

.da-table-unvan {
    display: block;
    font-weight: 600;
    font-size: 0.8rem;
    color: var(--da-text-muted);
    line-height: 1.2;
}

.da-table-research-tag {
    display: inline-block;
    background: var(--da-primary-bg);
    color: var(--da-primary);
    border-radius: 6px;
    padding: 0.15rem 0.5rem;
    font-size: 0.7rem;
    font-weight: 600;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.da-table-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    color: var(--da-primary);
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
}

.da-table-link:hover {
    background: var(--da-primary);
    color: #fff;
}

/* ========== SAYFALAMA (GELÄ°ÅžMÄ°Åž) ========== */
.da-pagination {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
}

.da-pagination-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    background: var(--da-glass-bg-dark);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border: 1px solid var(--da-glass-border);
    border-radius: var(--da-radius);
    padding: 0.65rem 1rem;
    box-shadow: var(--da-shadow-sm);
}

.da-pagination-info {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.da-pagination-total {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--da-text);
}

.da-pagination-range {
    font-size: 0.7rem;
    color: var(--da-text-light);
}

.da-pagination-nav {
    display: flex;
    align-items: center;
}

.da-pagination .pagination {
    gap: 0.2rem;
    margin: 0;
    flex-wrap: nowrap;
}

.da-pagination .page-link {
    border-radius: 8px !important;
    padding: 0.4rem 0.7rem;
    font-size: 0.8rem;
    font-weight: 600;
    border-color: var(--da-border);
    color: var(--da-text-muted);
    transition: all 0.15s;
    min-width: 36px;
    text-align: center;
    line-height: 1.4;
}

.da-pagination .page-link:hover {
    background: var(--da-primary-bg);
    border-color: var(--da-primary-light);
    color: var(--da-primary);
}

.da-pagination .page-item.active .page-link {
    background: linear-gradient(135deg, var(--da-primary), var(--da-primary-light));
    border-color: var(--da-primary);
    color: #fff;
    box-shadow: 0 2px 8px rgba(0, 51, 102, 0.25);
}

.da-pagination .da-page-first .page-link,
.da-pagination .da-page-last .page-link,
.da-pagination .da-page-prev .page-link,
.da-pagination .da-page-next .page-link {
    font-size: 0.75rem;
    color: var(--da-text-light);
}

.da-pagination .da-page-ellipsis .page-link {
    border: none;
    background: transparent;
    padding: 0.4rem 0.3rem;
    min-width: auto;
}

.da-pagination-size {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.da-pagination-size label {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--da-text-muted);
    white-space: nowrap;
    margin: 0;
}

.da-page-size-select {
    padding: 0.35rem 0.5rem;
    border: 1.5px solid var(--da-border);
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--da-text);
    background: #f5f7fa;
    cursor: pointer;
    outline: none;
    transition: border-color var(--da-transition);
    -webkit-appearance: auto;
}

.da-page-size-select:focus {
    border-color: var(--da-primary);
}

.da-pagination-single .da-pagination-wrapper {
    justify-content: center;
}

/* ========== BOŞ / SONUÇ YOK ========== */
.da-empty-state,
.da-no-result {
    text-align: center;
    padding: 4.5rem 2rem;
    background: var(--da-glass-bg-dark);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border-radius: var(--da-radius);
    border: 1px solid var(--da-glass-border);
    box-shadow: var(--da-shadow-sm);
}

.da-empty-icon,
.da-no-result-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.25rem;
    font-size: 2rem;
}

.da-empty-icon {
    background: var(--da-primary-bg);
    color: var(--da-primary);
}

.da-no-result-icon {
    background: #fff0f0;
    color: var(--da-secondary);
}

.da-empty-state h4,
.da-no-result h4 {
    font-size: 1.125rem;
    font-weight: 800;
    color: var(--da-text);
    margin-bottom: 0.5rem;
}

.da-empty-state p,
.da-no-result p {
    font-size: 0.9rem;
    color: var(--da-text-muted);
    margin-bottom: 1rem;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

.da-empty-suggestions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.da-empty-suggestions span {
    font-size: 0.8125rem;
    color: var(--da-text-light);
}

.da-empty-suggestions .da-hint-tag {
    background: var(--da-primary-bg);
    color: var(--da-primary);
    border-color: rgba(0, 51, 102, 0.12);
}

.da-empty-suggestions .da-hint-tag:hover {
    background: var(--da-primary);
    color: #fff;
}

.da-no-result-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--da-primary);
    background: transparent;
    border: 1.5px solid var(--da-primary);
    border-radius: var(--da-radius-sm);
    cursor: pointer;
    transition: background var(--da-transition), color var(--da-transition);
}

.da-no-result-btn:hover {
    background: var(--da-primary);
    color: #fff;
}

/* ========== MOBÄ°L FÄ°LTRE ========== */
.da-mobile-filter-btn {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--da-secondary), var(--da-secondary-hover));
    color: #fff;
    border: none;
    box-shadow: 0 6px 24px rgba(227, 6, 19, 0.4);
    font-size: 1.25rem;
    cursor: pointer;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform var(--da-transition), box-shadow var(--da-transition);
    isolation: isolate;
}

.da-mobile-filter-btn:hover {
    transform: scale(1.08);
    box-shadow: 0 8px 32px rgba(227, 6, 19, 0.5);
}

.da-mobile-filter-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    background: var(--da-primary);
    color: #fff;
    border-radius: 11px;
    min-width: 22px;
    height: 22px;
    padding: 0 5px;
    font-size: 0.65rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 51, 102, 0.3);
    z-index: 2;
    line-height: 1;
}

.da-mobile-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    z-index: 1059;
    display: none;
}

.da-mobile-overlay.show {
    display: block;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 991.98px) {
    .da-sidebar-col {
        position: fixed;
        top: 0;
        left: -100%;
        width: 85%;
        max-width: 340px;
        height: 100vh;
        z-index: 1060;
        transition: left 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        flex: none;
    }

    .da-sidebar-col.show {
        left: 0;
    }

    .da-sidebar {
        border-radius: 0;
        height: 100vh;
        overflow-y: auto;
    }

    .da-main-col {
        flex: 1;
        min-width: 0;
        padding: 0px;
    }

    .da-hero {
        padding: 1.5rem 0 2rem;
    }

    .da-hero-title {
        font-size: 1.5rem;
    }

    .da-hero-lead {
        font-size: 0.85rem;
        margin-bottom: 1.25rem;
    }

    .da-search-box {
        border-radius: 16px;
        padding: 6px 6px 6px 12px;
    }

    .da-search-icon-container {
        width: 40px;
        height: 40px;
        margin-right: 10px;
        border-radius: 10px;
    }

    .da-search-main-icon {
        font-size: 1.1rem;
    }

    .da-search-input {
        font-size: 0.95rem;
        padding: 10px 0;
    }

    .da-search-btn {
        padding: 10px 20px;
        font-size: 0.9rem;
        border-radius: 10px;
    }

    .da-search-hints {
        gap: 0.45rem;
        margin-top: 0.75rem;
    }

    .da-hint {
        font-size: 0.7rem;
    }

    .da-hint-tag {
        padding: 0.38rem 0.82rem;
        font-size: 0.76rem;
    }

    .da-toolbar-right {
        justify-content: flex-end;
    }

    .da-sort-toolbar-host {
        flex: 1 1 auto;
        justify-content: flex-end;
    }

    .da-sort-toolbar-host .da-sort-toolbar-list {
        justify-content: flex-end;
    }

    .da-btn-text {
        display: none;
    }

    .da-results-grid {
        grid-template-columns: 1fr;
    }

    .da-group-items {
        grid-template-columns: 1fr;
    }

    .da-results-table-wrapper {
        overflow-x: auto;
    }

    .da-pagination-wrapper {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.5rem 0.65rem;
        padding: 0.65rem 0.5rem;
    }

    .da-pagination-info {
        flex: 1 1 100%;
        align-items: center;
        text-align: center;
    }

    .da-pagination-nav {
        order: 0;
        flex: 1 1 auto;
        justify-content: center;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        max-width: 100%;
    }

    .da-pagination .da-page-first,
    .da-pagination .da-page-last {
        display: none;
    }

    .da-pagination .page-link {
        padding: 0.35rem 0.55rem;
        font-size: 0.75rem;
        min-width: 32px;
    }

    .da-pagination-size {
        justify-content: center;
    }
}

@media (min-width: 992px) {
    .da-main-col {
        flex: 1;
        min-width: 0;
        padding: 0px;
    }
}

@media (min-width: 1200px) {
    .da-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .da-sidebar-col {
        flex: 0 0 320px;
    }

    .da-search-box {
        padding: 8px 8px 8px 20px;
    }
}

@media (min-width: 1400px) {
    .da-container {
        padding-left: 2rem;
        padding-right: 2rem;
        max-width: 1720px;
    }

    .da-results-grid {
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
        gap: 1.25rem;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .da-group-items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ========== ANÄ°MASYONLAR ========== */
@keyframes daSpin {
    to { transform: rotate(360deg); }
}

@keyframes daFadeIn {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes daTagIn {
    from { opacity: 0; transform: scale(0.9); }
    to { opacity: 1; transform: scale(1); }
}

@keyframes daCardIn {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes daResultCountIn {
    from { opacity: 0; transform: translateY(6px) scale(0.96); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes daResultShimmer {
    0% { left: -38%; }
    55% { left: 112%; }
    100% { left: 112%; }
}

/* Gelişmiş arama — kart önizleme: hareket azaltılmış ortam */
@media (prefers-reduced-motion: reduce) {
    .da-card-hover-popup {
        transform: none;
        filter: none !important;
        transition: opacity 0.2s ease, visibility 0.2s ease;
    }

    .da-card:hover .da-card-hover-popup {
        transform: none;
        animation: none;
        box-shadow: 0 10px 26px rgba(0, 51, 102, 0.16);
    }

    .da-card-hover-popup::before,
    .da-card-hover-popup::after {
        transition: none;
    }

    .da-card:hover .da-card-hover-popup::before {
        opacity: 1;
        transform: translateX(-50%) translateY(0) scale(1);
    }

    .da-card:hover .da-card-hover-popup::after {
        transform: scaleX(1);
    }

    .da-card-hover-popup > .da-card-hover-title,
    .da-card-hover-popup > .da-card-hover-row {
        opacity: 1;
        transform: none;
        transition: none;
    }
}