﻿/* APEDIA Ar-Ge İzleme — Metronic 8 üstüne sayfa düzeyi stiller (mevcut dashboard/CV sayfalarını etkilemez; yalnız _LayoutArGe) */
:root {
    --arge-ink: #0f172a;
    --arge-brand: #12295a;
    --arge-brand-2: #1b84ff;
    --arge-grad: linear-gradient(118deg, #0b1a36 0%, #12295a 48%, #1f3f7a 100%);
}
.arge-body { background: #f4f6f9; background-image: none !important; }
.arge-body .app-wrapper { margin-top: 0 !important; } /* header sabit degil; Metronic header yuksekligi kadar bosluk birakiyordu */ /* Metronic app-default bg-1.png şeridini kapat */
.arge-header { position: static !important; display: block; height: auto !important; background: #fff; border-bottom: 1px solid #e6e9ef; box-shadow: 0 2px 12px rgba(15,23,42,.04); }
.arge-header-serit { height: 4px; background: linear-gradient(90deg, var(--kurum-renk, #C8102E) 0%, var(--kurum-koyu, #7A0A1E) 60%, #12295a 100%); }
.arge-header-ic { min-height: 88px; }
.arge-marka { display: flex; align-items: center; gap: 1rem; text-decoration: none; min-width: 0; }
.arge-marka-logo { height: 58px; width: auto; }
.arge-marka-ayrac { width: 1px; height: 44px; background: #e6e9ef; }
.arge-marka-metin { flex-direction: column; line-height: 1.15; min-width: 0; }
.arge-marka-ust { font-size: .68rem; font-weight: 800; letter-spacing: .22em; color: var(--kurum-renk, #C8102E); }
.arge-marka-baslik { font-size: 1.02rem; font-weight: 700; color: #0f1f3d; letter-spacing: -.01em; white-space: nowrap; }
.arge-marka-alt { font-size: .74rem; font-weight: 500; color: #6b7280; white-space: nowrap; }
.arge-nav { align-items: stretch; gap: .25rem; height: 88px; }
.arge-nav-link { position: relative; display: inline-flex; align-items: center; padding: 0 1.1rem; font-size: .84rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #3f4a5c; text-decoration: none; transition: color .12s; }
.arge-nav-link::after { content: ""; position: absolute; left: 1.1rem; right: 1.1rem; bottom: 0; height: 3px; border-radius: 3px 3px 0 0; background: var(--kurum-renk, #C8102E); transform: scaleX(0); transition: transform .15s; }
.arge-nav-link:hover { color: #0f1f3d; }
.arge-nav-link:hover::after { transform: scaleX(.6); }
.arge-nav-link.active { color: #0f1f3d; }
.arge-nav-link.active::after { transform: scaleX(1); }
.arge-giris { display: inline-flex; align-items: center; gap: .45rem; background: var(--kurum-renk, #C8102E); color: #fff !important; font-weight: 700; font-size: .82rem; letter-spacing: .04em; padding: .6rem 1.1rem; border-radius: .5rem; border: 0; box-shadow: 0 4px 12px rgba(200,16,46,.22); }
.arge-giris:hover { background: var(--kurum-koyu, #7A0A1E); color: #fff; }
.arge-giris i { color: #fff; }
@media (max-width: 1199px) { .arge-marka-baslik { white-space: normal; font-size: .95rem; } }
.arge-ara-sonuc { display: none; position: absolute; top: 100%; left: 0; z-index: 1060; max-height: 360px; overflow-y: auto; background: #fff; border-radius: .75rem; }
.arge-ara-sonuc.show { display: block; }
.arge-ara-sonuc a { display: block; padding: .5rem .75rem; border-radius: .5rem; color: #1e2129; text-decoration: none; }
.arge-ara-sonuc a:hover, .arge-ara-sonuc a.aktif { background: #f1f5f9; color: var(--arge-brand); }
.arge-ara-sonuc .seviye { font-size: .7rem; color: #99a1b7; }

/* Hero / başlık şeridi — kurumsal lacivert, kurum rengi vurgu */
.arge-hero { background: linear-gradient(118deg, #0b1a36 0%, #12295a 48%, #1f3f7a 100%); color: #fff; border-radius: 1rem; position: relative; overflow: hidden; box-shadow: 0 12px 32px rgba(11,26,54,.18); }
.arge-hero::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1px); background-size: 22px 22px; pointer-events: none; }
.arge-hero::after { content: ""; position: absolute; right: -120px; top: -160px; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle, rgba(200,16,46,.28) 0%, rgba(200,16,46,0) 65%); pointer-events: none; }
.arge-hero > * { position: relative; z-index: 1; }
.arge-hero .text-white.text-opacity-75.fs-7, .arge-hero .breadcrumb { font-size: 1.05rem !important; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.85) !important; }
.arge-hero h1 { display: flex; align-items: center; gap: .75rem; font-size: 2rem !important; font-weight: 800; letter-spacing: -.02em; margin: .35rem 0 .5rem; }
.arge-hero h1::before { content: ""; display: inline-block; width: 6px; height: 1.6em; border-radius: 3px; background: #C8102E; flex: 0 0 6px; }
.arge-hero .badge.badge-light-primary { background: rgba(255,255,255,.14); color: #fff; font-weight: 600; letter-spacing: .04em; }
.arge-hero .breadcrumb-item, .arge-hero .breadcrumb-item a { color: rgba(255,255,255,.7); }
.arge-hero .breadcrumb-item a:hover { color: #fff; }
.arge-hero .breadcrumb-item.active { color: #fff; font-weight: 700; }
.arge-hero .form-label { color: rgba(255,255,255,.7) !important; font-size: .68rem !important; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.arge-hero .form-select, .arge-hero .form-control { background-color: #fff; color: #0f1f3d; border: 1px solid rgba(255,255,255,.3); font-weight: 600; }
.arge-hero .form-select:focus, .arge-hero .form-control:focus { border-color: #fff; box-shadow: 0 0 0 3px rgba(255,255,255,.2); }
.arge-hero .form-select option { color: #1e2129; }
.arge-hero .btn-light { background: #fff; color: #0f1f3d; font-weight: 700; }
.arge-hero .btn-light:hover { background: #eef2f7; }
.arge-hero .btn-light-primary { background: rgba(255,255,255,.14); color: #fff; font-weight: 700; border: 1px solid rgba(255,255,255,.25); }
.arge-hero .btn-light-primary:hover { background: rgba(255,255,255,.24); color: #fff; }
.arge-hero .badge.badge-light { background: rgba(255,255,255,.12); color: rgba(255,255,255,.9); }
.arge-hero .badge.badge-light .text-muted { color: rgba(255,255,255,.6) !important; }
/* Hero arama kutusu */
.arge-arama-kutusu { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); border-radius: .85rem; padding: .6rem; }
.arge-arama-kutusu .form-control, .arge-arama-kutusu .form-select { background: #fff; color: #0f1f3d; border: 0; box-shadow: none; font-weight: 500; }
.arge-arama-kutusu .form-control::placeholder { color: #8a94a6; }
.arge-arama-kutusu .btn { background: #C8102E; color: #fff; font-weight: 700; letter-spacing: .03em; border: 0; }
.arge-arama-kutusu .btn:hover { background: #7A0A1E; color: #fff; }
.arge-arama-kutusu .btn i { color: #fff; }
/* KPI kutuları */
.arge-kpi { border-radius: 1rem; background: #fff; border: 1px solid #eef0f4; padding: 1.1rem 1.25rem; height: 100%; position: relative; overflow: hidden; transition: transform .15s ease, box-shadow .15s ease; }
.arge-kpi:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(15, 23, 42, .08); }
.arge-kpi .kpi-etiket { font-size: .8rem; color: #78829d; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.arge-kpi .kpi-deger { font-size: 1.9rem; font-weight: 800; color: var(--arge-ink); line-height: 1.1; letter-spacing: -.02em; }
.arge-kpi .kpi-alt { font-size: .78rem; color: #99a1b7; }
.arge-kpi .kpi-ikon { position: absolute; right: .9rem; top: .9rem; width: 40px; height: 40px; border-radius: .75rem; display: flex; align-items: center; justify-content: center; }
.arge-kpi .kpi-ikon i { font-size: 1.4rem; }

/* KPI alt bölmeleri: "·" ile ayrılmış değerler yerine çerçeveli hücreler (3'lü / 4'lü) */
.arge-kpi .kpi-bolum { display: grid; margin-top: .5rem; border: 1px solid #e9ecf2; border-radius: .6rem; overflow: hidden; background: #fbfcfe; }
.arge-kpi .kpi-bolum.b2 { grid-template-columns: repeat(2, 1fr); }
.arge-kpi .kpi-bolum.b3 { grid-template-columns: repeat(3, 1fr); }
.arge-kpi .kpi-bolum.b4 { grid-template-columns: repeat(4, 1fr); }
.arge-kpi .kpi-bolum > div { padding: .38rem .5rem; border-left: 1px solid #e9ecf2; min-width: 0; }
.arge-kpi .kpi-bolum > div:first-child { border-left: 0; }
.arge-kpi .kpi-bolum .b-et { font-size: .6rem; font-weight: 600; color: #99a1b7; text-transform: uppercase; letter-spacing: .04em; line-height: 1.15; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.arge-kpi .kpi-bolum .b-dg { font-size: .95rem; font-weight: 700; color: var(--arge-ink); line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.arge-kpi .kpi-bolum.buyuk { margin-top: .35rem; background: #fff; }
.arge-kpi .kpi-bolum.buyuk > div { padding: .45rem .55rem; }
.arge-kpi .kpi-bolum.buyuk .b-dg { font-size: 1.45rem; font-weight: 800; letter-spacing: -.02em; }
.arge-kpi .kpi-bolum + .kpi-bolum { margin-top: .4rem; }
.arge-kpi .kpi-not { font-size: .72rem; color: #99a1b7; margin-top: .35rem; }

/* Üçlü KPI kartı: ikon yok, üç sütun (Bildiri / Kitap / Kitapta bölüm) diğer kartlarla aynı yükseklikte */
.arge-kpi.arge-kpi-uclu { display: grid; grid-template-columns: 1fr 1fr 1.25fr; align-items: start; }
.arge-kpi.arge-kpi-uclu > div { min-width: 0; padding-left: .7rem; border-left: 1px solid #e9ecf2; }
.arge-kpi.arge-kpi-uclu > div:first-child { padding-left: 0; border-left: 0; }
.arge-kpi.arge-kpi-uclu .kpi-etiket { padding-right: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.arge-kpi.arge-kpi-uclu .kpi-deger { white-space: nowrap; }

/* Kart başlıkları */
.arge-card { border-radius: 1rem; border: 1px solid #eef0f4; }
.arge-card .card-header { min-height: 56px; border-bottom: 1px solid #f1f1f4; }
.arge-card .card-title h3 { font-size: 1.05rem; font-weight: 700; margin: 0; }
.arge-card .card-title .alt { font-size: .78rem; color: #99a1b7; font-weight: 500; }
.arge-not { font-size: .78rem; color: #99a1b7; }

/* Alt birim tablosu */
.arge-tablo th { font-size: .75rem; text-transform: uppercase; letter-spacing: .04em; color: #78829d; font-weight: 700; white-space: nowrap; }
.arge-tablo td { vertical-align: middle; }
.arge-bar { height: 6px; border-radius: 3px; background: #eef0f4; overflow: hidden; min-width: 60px; }
.arge-bar > span { display: block; height: 100%; border-radius: 3px; background: var(--arge-brand-2); }
.arge-sira { width: 26px; height: 26px; border-radius: 50%; background: #f1f5f9; color: #4b5675; font-size: .75rem; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
.arge-sira.top { background: #ffe9a8; color: #7a5a00; }

/* Ağ grafiği */
.arge-agi { position: relative; width: 100%; height: 480px; border-radius: .75rem; background: #fbfcfe; border: 1px solid #eef0f4; overflow: hidden; }
.arge-agi canvas { width: 100%; height: 100%; display: block; cursor: grab; }
.arge-agi .arge-agi-ipucu { position: absolute; pointer-events: none; background: #1e2129; color: #fff; font-size: .78rem; padding: .35rem .6rem; border-radius: .4rem; display: none; max-width: 260px; z-index: 5; }
.arge-agi .arge-agi-lejant { position: absolute; left: .75rem; bottom: .75rem; background: rgba(255,255,255,.9); border-radius: .5rem; padding: .35rem .6rem; font-size: .72rem; max-height: 45%; overflow: auto; }
.arge-agi .arge-agi-lejant span { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 4px; vertical-align: middle; }
.arge-agi .arge-agi-bos { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #99a1b7; }

/* Profil (CV) */
.arge-kimlik-rozet { display: inline-flex; align-items: center; gap: .35rem; padding: .3rem .6rem; border-radius: .5rem; background: #f1f5f9; color: #1e2129; font-size: .8rem; font-weight: 600; text-decoration: none; }
.arge-kimlik-rozet:hover { background: #e2e8f0; color: var(--arge-brand); }
.arge-kimlik-rozet .kod { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 500; color: #4b5675; }
.arge-eser { padding: .85rem 0; border-bottom: 1px dashed #e9ebef; }
.arge-eser:last-child { border-bottom: 0; }
.arge-eser .baslik { font-weight: 600; color: #1e2129; }
.arge-eser .meta { font-size: .8rem; color: #78829d; }
.arge-eser .yazarlar { font-size: .82rem; color: #4b5675; }
.arge-eser .badge { font-weight: 600; }
.arge-eser > .d-flex { align-items: center; }
.arge-yil { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 56px; min-width: 56px; height: 56px; text-align: center; font-weight: 800; color: var(--arge-brand); background: rgba(13,110,110,.08); border: 1px solid rgba(13,110,110,.15); border-radius: .75rem; font-size: .9rem; letter-spacing: -.02em; align-self: center; }
.arge-zaman { position: relative; padding-left: 1.5rem; }
.arge-zaman::before { content: ""; position: absolute; left: .45rem; top: .4rem; bottom: .4rem; width: 2px; background: #e9ebef; }
.arge-zaman .oge { position: relative; padding-bottom: 1rem; }
.arge-zaman .oge::before { content: ""; position: absolute; left: -1.5rem; top: .35rem; width: 12px; height: 12px; border-radius: 50%; background: #fff; border: 3px solid var(--arge-brand-2); margin-left: .15rem; }
.arge-zaman .oge.devam::before { border-color: #17c653; }
.arge-yuzdelik { height: 8px; border-radius: 4px; background: #eef0f4; overflow: hidden; }
.arge-yuzdelik > span { display: block; height: 100%; border-radius: 4px; }
/* Profil sekmeleri: gri şerit içinde hap sekmeler, ikon + sayı rozeti; aktif sekme kurum rengiyle dolu */
.arge-sekme-serit { width: 100%; background: #f1f3f7; border-radius: .9rem; padding: .35rem; overflow-x: auto; scrollbar-width: thin; }
.arge-sekme { gap: .25rem; border: 0; margin: 0; }
.arge-sekme .nav-item { margin: 0; }
.arge-sekme .nav-link { display: inline-flex; align-items: center; gap: .45rem; padding: .55rem .95rem; border: 0 !important; border-radius: .65rem; font-weight: 600; font-size: .92rem; color: #4b5675; white-space: nowrap; transition: background .15s, color .15s; }
.arge-sekme .nav-link i { font-size: 1.1rem; color: #99a1b7; line-height: 1; }
.arge-sekme .nav-link:hover { background: #fff; color: var(--arge-brand); }
.arge-sekme .nav-link:hover i { color: var(--arge-brand); }
.arge-sekme .nav-link.active { background: var(--arge-brand); color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.14); }
.arge-sekme .nav-link.active i { color: #fff; }
.arge-sekme .badge { font-size: .68rem; font-weight: 700; background: #e1e5ec; color: #4b5675; border-radius: 1rem; padding: .22rem .5rem; min-width: 1.75rem; line-height: 1; }
.arge-sekme .nav-link.active .badge { background: rgba(255,255,255,.24); color: #fff; }
@media (max-width: 767px) { .arge-sekme .nav-link { padding: .5rem .7rem; font-size: .85rem; } .arge-sekme .nav-link i { display: none; } }
.arge-metrik { border-radius: .85rem; border: 1px solid #eef0f4; padding: .85rem 1rem; background: #fff; }
.arge-metrik .kaynak { font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.arge-metrik .deger { font-size: 1.5rem; font-weight: 800; line-height: 1.1; }
.arge-metrik .alt { font-size: .74rem; color: #99a1b7; }
.arge-sdg img { width: 44px; height: 44px; border-radius: .4rem; }
.arge-sticky { position: sticky; top: 90px; }
@media print {
    .arge-header, .app-footer, #kt_scrolltop, .arge-yazdirma-gizle { display: none !important; }
    .arge-body { background: #fff; }
}

/* Sıralı kişi / yayın listeleri (dashboard) */
.arge-kisi, .arge-yayin { display: flex; align-items: center; gap: .75rem; padding: .7rem 1.5rem; border-top: 1px solid #f1f1f4; color: inherit; text-decoration: none; transition: background .12s; }
.arge-kisi:hover, .arge-yayin:hover { background: #f8fafc; color: inherit; }
.arge-kisi .sira, .arge-yayin .sira { flex: 0 0 22px; width: 22px; height: 22px; border-radius: 50%; background: #f1f5f9; color: #78829d; font-size: .7rem; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
.arge-kisi .sira.top, .arge-yayin .sira.top { background: #1e2129; color: #fff; }
.arge-kisi .avatar { flex: 0 0 38px; width: 38px; height: 38px; border-radius: .6rem; background: #e6f7f7 center top/cover no-repeat; color: var(--arge-brand); font-size: .8rem; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
.arge-kisi .kimlik, .arge-yayin .kimlik { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.arge-kisi .ad { font-weight: 600; color: #1e2129; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.arge-kisi:hover .ad, .arge-yayin:hover .ad { color: var(--arge-brand); }
.arge-yayin .ad { font-weight: 600; color: #1e2129; font-size: .85rem; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.arge-kisi .birim, .arge-yayin .birim { font-size: .74rem; color: #99a1b7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.arge-kisi .metrik, .arge-yayin .metrik { flex: 0 0 72px; width: 72px; text-align: right; display: flex; flex-direction: column; align-items: flex-end; }
.arge-kisi .deger, .arge-yayin .deger { font-weight: 800; color: #1e2129; font-size: 1rem; line-height: 1.1; }
.arge-kisi .alt, .arge-yayin .alt { font-size: .7rem; color: #99a1b7; white-space: nowrap; }
.arge-kisi .cubuk, .arge-yayin .cubuk { width: 100%; height: 3px; border-radius: 2px; background: #eef0f4; margin-top: 4px; overflow: hidden; }
.arge-kisi .cubuk > span, .arge-yayin .cubuk > span { display: block; height: 100%; background: var(--arge-brand-2); border-radius: 2px; }

/* Arama sonuçları */
.arge-kisi-kart { display: flex; gap: .85rem; align-items: center; padding: .85rem 1rem; border: 1px solid #eef0f4; border-radius: .85rem; background: #fff; color: inherit; text-decoration: none; height: 100%; transition: box-shadow .15s, transform .15s; }
.arge-kisi-kart:hover { box-shadow: 0 8px 24px rgba(15,23,42,.08); transform: translateY(-1px); color: inherit; }
.arge-kisi-kart .avatar { flex: 0 0 56px; width: 56px; height: 56px; border-radius: .75rem; background: #e6f7f7 center top/cover no-repeat; color: var(--arge-brand); font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
.arge-kisi-kart .kimlik { min-width: 0; display: flex; flex-direction: column; }
.arge-kisi-kart .ad { font-weight: 700; color: #1e2129; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.arge-kisi-kart:hover .ad { color: var(--arge-brand); }
.arge-kisi-kart .unvan { font-size: .78rem; color: #4b5675; }
.arge-kisi-kart .birim { font-size: .74rem; color: #99a1b7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.arge-kisi-kart .metrikler { font-size: .72rem; color: #78829d; margin-top: .25rem; }
.arge-sonuc-grup { border: 1px solid #eef0f4; border-radius: .85rem; padding: .5rem 1rem; background: #fff; }
.arge-sonuc-grup-baslik { padding: .5rem 0; border-bottom: 1px solid #f1f1f4; margin-bottom: .5rem; }

/* Araştırma alanı kutuları */
.arge-alan { position: relative; border: 1px solid #eef0f4; border-left: 4px solid var(--alan-renk, #1b84ff); border-radius: .75rem; padding: .85rem 1rem; background: #fff; height: 100%; transition: box-shadow .15s; }
.arge-alan:hover { box-shadow: 0 8px 22px rgba(15,23,42,.08); }
.arge-alan .deger { font-size: 1.6rem; font-weight: 800; color: #1e2129; line-height: 1.1; letter-spacing: -.02em; }
.arge-alan .ad { font-size: .8rem; font-weight: 600; color: #4b5675; margin-top: .15rem; min-height: 2.4em; line-height: 1.2; }
.arge-alan .cubuk { height: 4px; border-radius: 2px; background: #eef0f4; margin: .5rem 0 .4rem; overflow: hidden; }
.arge-alan .cubuk > span { display: block; height: 100%; background: var(--alan-renk, #1b84ff); border-radius: 2px; }
.arge-alan .kirilim { font-size: .68rem; color: #99a1b7; line-height: 1.3; }

/* Hero alt menüsü (analiz sayfaları) */
.arge-altmenu-link { display: inline-flex; align-items: center; gap: .35rem; white-space: nowrap; padding: .45rem .85rem; border-radius: .6rem; color: rgba(255,255,255,.8); font-weight: 600; font-size: .85rem; text-decoration: none; transition: background .12s, color .12s; }
.arge-altmenu-link:hover { background: rgba(255,255,255,.14); color: #fff; }
.arge-altmenu-link.active { background: #fff; color: var(--arge-brand); }
.arge-altmenu-link i { font-size: 1rem; color: inherit; }

/* Analiz sekme menüsü (hero altındaki ayrı panel) */
.arge-analiz-menu { margin-top: -1rem; margin-bottom: 1.25rem !important; box-shadow: 0 8px 24px rgba(15,23,42,.08); }
.arge-analiz-menu .card-body { overflow-x: auto; overflow-y: hidden; }
.arge-analiz-menu .nav { min-width: 1020px; }
.arge-analiz-menu .nav-link { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .3rem; padding: .85rem .5rem; border-radius: .75rem; color: #4b5675; font-weight: 600; font-size: .95rem; white-space: nowrap; border: 1px solid transparent; transition: background .12s, color .12s; }
.arge-analiz-menu .nav-link i { font-size: 1.5rem; color: #99a1b7; }
.arge-analiz-menu .nav-link:hover { background: #f1f5f9; color: var(--arge-brand); }
.arge-analiz-menu .nav-link:hover i { color: var(--arge-brand); }
.arge-analiz-menu .nav-link.active { background: var(--arge-brand); color: #fff; font-weight: 700; box-shadow: 0 6px 16px rgba(18,41,90,.25); }
.arge-analiz-menu .nav-link.active i { color: #fff; }
/* Dis bag (Kurumsal Acik Arsiv): ayirici cizgi */
.arge-analiz-menu .nav-link.arge-dis-bag { border-left: 1px dashed #dbdfe9; border-radius: 0 .75rem .75rem 0; }
@media (max-width: 991px) { .arge-analiz-menu .nav-link { font-size: .85rem; padding: .7rem .4rem; } .arge-analiz-menu .nav-link i { font-size: 1.25rem; } }

/* Analiz alt sekmeleri */
.arge-altsekme { border-left: 4px solid var(--arge-brand); }
.arge-altsekme .nav-link { display: inline-flex; align-items: center; gap: .5rem; color: #4b5675; background: #f1f5f9; padding: .7rem 1.1rem; border-radius: .6rem; font-weight: 600; font-size: .95rem; white-space: nowrap; }
.arge-altsekme .nav-link:hover { background: #e2e8f0; color: var(--arge-brand); }
.arge-altsekme .nav-link.active { background: var(--arge-brand); color: #fff; box-shadow: 0 4px 12px rgba(18,41,90,.25); }
.arge-altsekme .nav-link .badge { font-size: .7rem; background: rgba(0,0,0,.08); color: inherit; }
.arge-altsekme .nav-link.active .badge { background: rgba(255,255,255,.25); }
/* Fotoğraflı araştırmacı kartı: sıra + metrik çubuğu */
.arge-kisi-kart { position: relative; }
.arge-kisi-kart .sira { position: absolute; top: .5rem; right: .6rem; width: 22px; height: 22px; border-radius: 50%; background: #f1f5f9; color: #78829d; font-size: .7rem; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
.arge-kisi-kart .sira.top { background: #1e2129; color: #fff; }
.arge-kisi-kart .metrik-satir { font-size: .78rem; color: #4b5675; margin-top: .3rem; }
.arge-kisi-kart .metrik-satir b { color: #1e2129; font-size: .95rem; }
.arge-kisi-kart .cubuk { display: block; height: 4px; border-radius: 2px; background: #eef0f4; margin-top: .3rem; overflow: hidden; }
.arge-kisi-kart .cubuk > span { display: block; height: 100%; background: var(--arge-brand-2); border-radius: 2px; }

/* Boşluk ritmi: 20 px ızgara, içerik üst boşluğu yok */
.arge-body #kt_app_content { padding-top: 0 !important; }
.arge-body .row.g-4 { --bs-gutter-x: 1.25rem; --bs-gutter-y: 1.25rem; }
.arge-body .row.g-4.mb-4, .arge-body .card.mb-4 { margin-bottom: 1.25rem !important; }
.arge-kpi { padding: 1rem 1.15rem; }
.arge-kpi .kpi-etiket { font-size: .72rem; }
.arge-kpi .kpi-deger { font-size: 1.75rem; }
.arge-kpi .kpi-alt { line-height: 1.35; margin-top: .15rem; }
.arge-hero { margin-bottom: 1.25rem !important; }

/* PlumX / Altmetric rozetleri (eser satırında, kaynak rozetleriyle aynı hizada) */
.arge-eser .arge-plumx, .arge-eser .arge-altmetric { display: inline-flex; align-items: center; vertical-align: middle; }
.arge-eser .arge-altmetric { width: 36px; height: 36px; overflow: visible; margin-left: .25rem; }
.arge-eser .arge-altmetric > * { transform: scale(.56); transform-origin: left center; }
.arge-eser .plumx-plum-print-popup { max-height: 24px; }

/* Ağ kartları: grafik kart gövdesini doldurur */
.arge-agi-kart .card-body { display: flex; flex-direction: column; }
.arge-agi-kart .card-body > .arge-agi, .arge-agi-kart .card-body > div[id^="ag"] { flex: 1 1 auto; height: auto !important; min-height: 420px; }

/* Profil üst kartı */
.arge-profil-kurum { font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #6b7280; }
.arge-profil-etiket { font-size: .95rem; font-weight: 700; color: #12295a; }
.arge-profil-kart { border-radius: 1rem !important; }
.arge-profil-foto { width: 148px; height: 148px; border-radius: 1rem; object-fit: cover; object-position: center top; background: #fff; padding: 5px; border: 1px solid #e5e8ef; box-shadow: 0 6px 18px rgba(11,26,54,.12), 0 0 0 1px rgba(255,255,255,.9) inset; }
.arge-profil-ad { font-size: 1.9rem; font-weight: 800; letter-spacing: -.02em; color: #0f1f3d; }
.arge-profil-unvan { font-size: 1rem; font-weight: 700; color: #C8102E; margin-top: .15rem; }
.arge-profil-birim { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; font-size: .84rem; color: #6b7280; margin-top: .35rem; }
.arge-profil-birim a { color: #3f4a5c; font-weight: 600; text-decoration: none; }
.arge-profil-birim a:hover { color: #12295a; }
.arge-btn-kurum { background: #C8102E; color: #fff !important; font-weight: 700; }
.arge-btn-kurum:hover { background: #7A0A1E; }
.arge-btn-kurum i { color: #fff; }
.arge-iletisim { border: 1px solid #eef0f4; border-radius: .85rem; padding: .85rem 1rem; background: #f8fafc; font-size: .84rem; }
.arge-iletisim > div { display: flex; align-items: center; gap: .5rem; padding: .2rem 0; color: #3f4a5c; }
.arge-iletisim i { color: #12295a; font-size: 1rem; }
.arge-iletisim a { color: #12295a; font-weight: 600; }
.arge-profil-ust { display: flex; align-items: baseline; gap: .75rem; padding-bottom: .85rem; margin-bottom: 1.25rem; border-bottom: 1px solid #eef0f4; }
.arge-profil-ust .arge-profil-etiket::before { content: ""; display: inline-block; width: 1px; height: .9rem; background: #d5d9e2; margin-right: .75rem; vertical-align: -2px; }
@media (max-width: 767px) { .arge-profil-foto { width: 120px; height: 120px; } .arge-profil-ust { flex-direction: column; gap: .15rem; } .arge-profil-ust .arge-profil-etiket::before { display: none; } }
/* Eser satırı: uzun metinler sarılır, taşma yok (mobil) */
.arge-eser .flex-grow-1 { min-width: 0; }
.arge-eser .baslik, .arge-eser .meta, .arge-eser .yazarlar { overflow-wrap: anywhere; }
.arge-eser .badge { white-space: normal; text-align: left; line-height: 1.35; }
.arge-eser .endeksler { margin-top: .35rem; font-size: .78rem; line-height: 1.45; color: #5e6278; overflow-wrap: anywhere; }
.arge-eser .endeksler .etiket { font-weight: 700; color: #3f4254; }
.arge-karsilastirma td:first-child { min-width: 150px; }
.arge-karsilastirma .fs-9 { white-space: nowrap; }
/* Kart içi kaydırılabilir liste: komşu kartlarla aynı yükseklik, başlık satırı sabit */
.arge-kaydir { max-height: var(--arge-kaydir-h, 400px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #d5d9e2 transparent; }
.arge-kaydir::-webkit-scrollbar { width: 6px; }
.arge-kaydir::-webkit-scrollbar-thumb { background: #d5d9e2; border-radius: 3px; }
.arge-kaydir > table thead th { position: sticky; top: 0; background: #fff; z-index: 1; box-shadow: inset 0 -1px 0 #e9ebef; }
/* Pivot (çok sütunlu) tablo: kompakt, sayılar dar ve hizalı, ilk sütun sabit */
.arge-pivot { table-layout: auto; width: 100%; }
@media (min-width: 992px) { .arge-pivot { table-layout: fixed; } .arge-pivot th:first-child, .arge-pivot td:first-child { width: 26%; } .arge-pivot td { text-overflow: ellipsis; overflow: hidden; } .arge-pivot-dar th:first-child, .arge-pivot-dar td:first-child { width: 12%; } }
.arge-pivot th { white-space: normal; font-size: .68rem; line-height: 1.2; text-align: right; vertical-align: bottom; padding: .4rem .5rem; }
.arge-pivot th:first-child { text-align: left; }
.arge-pivot td { padding: .35rem .5rem; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; width: auto; }
.arge-pivot td:first-child { text-align: left; white-space: normal; width: 1%; min-width: 160px; max-width: 340px; font-size: .8rem; line-height: 1.25; color: #1e2129; }
.arge-pivot th:first-child, .arge-pivot td:first-child { position: sticky; left: 0; background: #fff; z-index: 1; box-shadow: inset -1px 0 0 #eef0f4; }
.arge-pivot tbody tr.toplam td { border-top: 1px solid #d5d9e2; background: #f8fafc; }
/* Sürdürülebilir Kalkınma Hedefleri kartı */
.arge-skh { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: .9rem .75rem; }
.arge-skh-kutu { text-align: center; }
.arge-skh-kutu img { width: 100%; max-width: 104px; aspect-ratio: 1; object-fit: cover; border-radius: .6rem; box-shadow: 0 1px 3px rgba(0,0,0,.12); }
.arge-skh-kutu .sayi { font-weight: 700; font-size: 1.15rem; color: #1e2129; margin-top: .35rem; line-height: 1.2; }
.arge-skh-kutu .ad { font-size: .68rem; color: #78829d; line-height: 1.2; margin-top: .1rem; }
@media (max-width: 767px) { .arge-skh { grid-template-columns: repeat(auto-fill, minmax(88px, 1fr)); gap: .6rem .5rem; } }
/* Arama sonuçları: yayın / faaliyet satırları */
.arge-sonuc-liste { border: 1px solid #eef0f4; border-radius: .85rem; background: #fff; padding: .25rem 1.1rem; }
.arge-sonuc-liste .arge-sonuc-grup-baslik { margin: .25rem 0 .25rem; }
.arge-sonuc-satir .baslik { font-size: .95rem; line-height: 1.35; }
.arge-sonuc-satir .arge-yil { flex: 0 0 56px; }
.arge-sonuc-sahip { display: inline-flex; align-items: center; gap: .5rem; margin-top: .5rem; font-size: .78rem; color: #3f4254; text-decoration: none; padding: .25rem .6rem .25rem .25rem; border: 1px solid #eef0f4; border-radius: 2rem; background: #f8fafc; }
.arge-sonuc-sahip:hover { border-color: #c9d2e3; color: var(--arge-brand); }
.arge-sonuc-sahip .avatar { width: 26px; height: 26px; border-radius: 50%; background: #e6f7f7 center top/cover no-repeat; color: var(--arge-brand); font-size: .62rem; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
/* Küçük ekran: dolgular daralır, satırlar daha fazla yer kazanır */
@media (max-width: 767px) {
  .arge-body .app-content, .arge-body .app-container { padding-left: 12px !important; padding-right: 12px !important; }
  .arge-body .arge-card > .card-body { padding-left: 1rem !important; padding-right: 1rem !important; }
  .arge-sonuc-satir > .d-flex { gap: .6rem !important; }
  .arge-sonuc-satir .arge-yil { flex-basis: 44px; min-width: 44px; height: 44px; font-size: .78rem; }
}

/* ===== Mobil optimizasyon (2026-09-11) ===== */
.arge-kpi .kpi-etiket { white-space: normal; padding-right: 2.75rem; line-height: 1.2; }
.arge-kpi .kpi-deger { overflow-wrap: anywhere; }
.arge-analiz-menu .card-body, .arge-altsekme .card-body { -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
.arge-altsekme .nav { flex-wrap: nowrap; overflow-x: auto; padding-bottom: .25rem; scrollbar-width: thin; }
.arge-altsekme .nav-link { white-space: nowrap; }
@media (max-width: 767px) {
  .arge-hero { padding: 1.25rem 1.1rem !important; border-radius: .85rem; }
  .arge-hero .text-white.text-opacity-75.fs-7, .arge-hero .breadcrumb { font-size: .82rem !important; letter-spacing: .06em; }
  .arge-hero h1 { font-size: 1.45rem !important; line-height: 1.2; }
  .arge-hero h1::before { height: 1.35em; }
  .arge-hero .fs-6, .arge-hero .fs-5 { font-size: .85rem !important; }
  .arge-hero .badge { white-space: nowrap; }
  .arge-hero .text-opacity-75 > span { display: inline-block; white-space: nowrap; margin-bottom: .25rem; }
  .arge-analiz-menu { margin-top: -.5rem; }
  .arge-analiz-menu .nav { min-width: 880px; }
  .arge-analiz-menu .nav-link { font-size: .78rem; padding: .6rem .3rem; gap: .2rem; }
  .arge-analiz-menu .nav-link i { font-size: 1.15rem; }
  .arge-kpi { padding: .85rem .9rem; }
  .arge-kpi .kpi-etiket { font-size: .66rem; padding-right: 2.2rem; }
  .arge-kpi .kpi-deger { font-size: 1.4rem; }
  .arge-kpi.arge-kpi-uclu > div { padding-left: .4rem; }
  .arge-kpi.arge-kpi-uclu .kpi-etiket { font-size: .58rem; }
  .arge-kpi .kpi-bolum.b4 { grid-template-columns: repeat(2, 1fr); }
  .arge-kpi .kpi-bolum.b4 > div:nth-child(3) { border-left: 0; }
  .arge-kpi .kpi-bolum.b4 > div:nth-child(n+3) { border-top: 1px solid #e9ecf2; }
  .arge-kpi .kpi-bolum > div { padding: .3rem .4rem; }
  .arge-kpi .kpi-bolum .b-dg { font-size: .85rem; }
  .arge-kpi .kpi-bolum.buyuk .b-dg { font-size: 1.15rem; }
  .arge-kpi .kpi-alt { font-size: .7rem; }
  .arge-kpi .kpi-ikon { width: 32px; height: 32px; right: .7rem; top: .7rem; border-radius: .6rem; }
  .arge-kpi .kpi-ikon i { font-size: 1.1rem; }
  .arge-card .card-header { padding-left: 1rem; padding-right: 1rem; }
  .arge-card .card-header h3, .arge-card .card-title h3 { font-size: 1rem; }
  .arge-card .card-title .alt { font-size: .74rem; }
  .table-responsive .arge-tablo td:first-child { min-width: 170px; }
  .arge-tablo th { font-size: .68rem; }
  .arge-alan { padding: .8rem .85rem; }
  .arge-agi-kart .arge-agi, .arge-agi { min-height: 320px; }
  .arge-kisi .ad { white-space: normal; }
  .arge-profil-ad { font-size: 1.45rem; }
  .arge-profil-unvan { font-size: .9rem; }
  .arge-profil-birim { font-size: .78rem; }
  .arge-profil .btn { padding: .45rem .8rem; font-size: .8rem; }
  .arge-eser .baslik { font-size: .9rem; }
  .arge-eser .badge { font-size: .68rem; }
  #arama-filtre-card .card-header { padding-top: 1rem; padding-bottom: .5rem; }
}
@media (max-width: 575px) {
  .arge-kpi .kpi-deger { font-size: 1.3rem; }
  .arge-hero .form-select, .arge-hero .form-control, .arge-hero .btn { font-size: .85rem; }
}
@media (max-width: 767px) {
  .arge-kpi .kpi-deger { padding-right: 2.4rem; white-space: normal; }
  #agacTablo td:first-child { min-width: 240px; }
  .table-responsive .arge-tablo td:first-child { min-width: 200px; }
}

/* Dil anahtarı */
.arge-dil { display: inline-flex; border: 1px solid #e5e8ef; border-radius: 2rem; padding: 2px; background: #fff; }
.arge-dil a { padding: .25rem .6rem; border-radius: 2rem; font-size: .72rem; font-weight: 700; letter-spacing: .06em; color: #6b7280; text-decoration: none; }
.arge-dil a.active { background: var(--arge-brand); color: #fff; }
.arge-dil a:hover:not(.active) { color: var(--arge-brand); }
