/*
 |  panel-larkon.css — v7.0
 |
 |  Panel "Larkon" görünümündeyken yüklenir (koyu sol menü + turuncu vurgu).
 |  Larkon'un kendi derlenmiş stilini EZMEZ; yalnızca birkaç ince ayar yapar:
 |    - Kendi logonuzun koyu menüde okunur kalması
 |    - Türkçe uzun menü başlıklarının taşmaması
 |    - Kart/tablo yuvarlatmalarının şablonla aynı kalması
 |
 |  Marka (krem) görünümüne dönmek isterseniz panelde
 |  Görünüm Ayarları > Panel Görünümü > "Marka" seçmeniz yeterli;
 |  panel-ozel.css dosyası silinmez, olduğu yerde durur.
 */

/* ---------- Sol menüdeki logo ----------
   Koyu menüde koyu renkli (saydam zeminli) logolar kayboluyor. Bunu
   çözmenin üç yolu var; hangisinin seçileceği panelden belirlenir:

     data-panel-logo="beyaz"    -> logo beyaza çevrilir (VARSAYILAN, kutu yok)
     data-panel-logo="zemin"    -> logonun arkasına beyaz bir taşıyıcı konur
     data-panel-logo="orijinal" -> logoya hiç dokunulmaz

   Açık menüde hiçbiri uygulanmaz; logo doğal haliyle görünür.
   -------------------------------------------------------------- */

/*
 | v7.9 — Logo gercekten 280 x 64 gosterilsin diye sol menu genisletildi.
 |
 | Larkon'un sol menu genisligi --bs-main-nav-width degiskeninden gelir ve
 | varsayilani 280px'dir. Logo kutusunda iki yana 16'sar piksel bosluk
 | oldugu icin kullanilabilir alan 248px kaliyordu; 280px'lik bir logo bu
 | alana sigmadigindan kucultuluyordu. ("Logo buyumedi" sorununun sebebi.)
 |
 | Cozum: menu 300px'e cikarildi, logo kutusunun yan boslugu 10px yapildi.
 | 300 - 20 = 280px -> logo tam olcusunde oturuyor.
 |
 | Bu tek degisken .main-nav genisligini, .page-content sol boslugunu ve
 | .topbar sol dolgusunu birlikte yonetir; elle hizalama gerekmez.
 */
html[data-panel-gorunum="larkon"] {
    --bs-main-nav-width: 300px;
}

.main-nav .logo-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: var(--bs-topbar-height, 100px);
    padding: 0 10px;
    line-height: 1.2;
}

.main-nav .logo-box a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    max-width: 100%;
}

.main-nav .logo-box img {
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

/* Genis menu: logo tam olcusunde (280 x 64) */
.main-nav .logo-box img.logo-lg {
    max-width: 280px;
    max-height: 64px;
    width: auto;
    height: auto;
}

/* Dar (ikon) menu: kare alana sigan kucuk surum */
.main-nav .logo-box img.logo-sm {
    max-width: 46px;
    max-height: 40px;
}

/* 1) Beyaza çevir — kutu yok, en temiz görünüm */
html[data-panel-logo="beyaz"][data-menu-color="dark"] .main-nav .logo-box img {
    filter: brightness(0) invert(1);
    opacity: .96;
}

/* 2) Beyaz taşıyıcı — çok renkli logolar rengini korusun isteniyorsa */
html[data-panel-logo="zemin"][data-menu-color="dark"] .main-nav .logo-box img {
    background: #FFFFFF;
    border-radius: 8px;
    padding: 5px 10px;
}

/* 3) Orijinal — hiçbir kural uygulanmaz */

/* Yazı yedeği (logo dosyası bulunamazsa) koyu menüde okunur kalsın */
html[data-menu-color="dark"] .main-nav .logo-box .logo-yazi {
    color: #FFFFFF;
}

/* ---------- Türkçe menü başlıkları ---------- */

.main-nav .nav-link .nav-text,
.main-nav .sub-nav-link {
    white-space: normal;
    line-height: 1.25;
}

.main-nav .nav-link {
    align-items: flex-start;
}

.main-nav .nav-link .nav-icon {
    flex: 0 0 auto;
}

/* Menü grubu üst başlıkları (GENEL / YÖNETİM gibi) */
.main-nav .menu-title {
    font-size: .68rem;
    letter-spacing: .09em;
    text-transform: uppercase;
    opacity: .55;
    padding: 18px 22px 6px;
    margin: 0;
}

/* ---------- Üst çubuk tema düğmesi ---------- */

html[data-bs-theme="light"] #light-dark-mode .mod-acik { display: none; }
html[data-bs-theme="dark"] #light-dark-mode .mod-koyu { display: none; }

/* ---------- Gösterge paneli kartları ---------- */

.gosterge-kart {
    border-radius: 14px;
}

.gosterge-kart .kart-ikon {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
}

.gosterge-kart .kart-alt {
    border-top: 1px solid var(--bs-border-color);
    padding: 10px 16px;
}

/* Grafik kutuları taşmasın */
.apex-charts,
.apex-charts > div {
    max-width: 100%;
}

/* Uzun tablolarda yatay kaydırma (mobil) */
.tablo-kaydir {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* ---------- Küçük ekran düzeltmeleri ---------- */

@media (max-width: 767.98px) {
    .page-content .container-fluid {
        padding-left: 12px;
        padding-right: 12px;
    }

    .gosterge-kart .kart-ikon {
        width: 44px;
        height: 44px;
        font-size: 22px;
    }
}


/* ---------- v7.3 Üst çubuk ----------
   Üst çubuk artık Larkon'un ÖZGÜN iskeletini kullanıyor
   (.navbar-header > .d-flex.align-items-center), bu yüzden burada
   hizalama kuralı YOK. Yalnız arama önerisi kutusu konumlandırılır. */

.app-search {
    position: relative;
}

#panel-arama-sonuc {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    left: 0;
    z-index: 1010;
}

#panel-arama-sonuc .dropdown-item small {
    font-size: .76rem;
}

.hizli-kisayol:hover {
    background: var(--bs-tertiary-bg, rgba(0, 0, 0, .05));
}

/* ==========================================================================
   v7.2 — YAPISAL DÜZELTMELER
   Bu kurallar daha önce panel-ozel.css içindeydi. Larkon görünümünde o dosya
   yüklenmediği için üst çubuk dağılıyor ve menü oklarında kutu (tofu)
   görünüyordu. Yalnız YAPI taşındı, marka renkleri taşınmadı.
   ========================================================================== */

/* ---------- Menü oku ----------
   Larkon oku "boxicons" yazı tipinden çağırıyor; o font bu kurulumda yok,
   bu yüzden kutu (tofu) çıkıyordu. Ok CSS ile çiziliyor.

   ÖNEMLİ: burada "top" TANIMLANMAZ. Larkon'da .nav-link konumlandırılmış
   bir kutu DEĞİL; ok mutlak konumlu olduğu için "top" verilirse tüm oklar
   sol menünün tamamına göre hizalanır ve hepsi tek bir noktada üst üste
   yığılır (v7.3'te okların kaybolmasının sebebi buydu). "top" yazılmayınca
   tarayıcı okun statik konumunu, yani ait olduğu satırı kullanır.
   ---------------------------------------------------------------- */

.main-nav .menu-arrow::after {
    content: '' !important;
    font-family: inherit !important;
    position: absolute;
    right: 20px;
    width: 7px;
    height: 7px;
    margin-top: 3px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    transition: transform .22s ease, margin-top .22s ease;
    opacity: .55;
}

.main-nav .menu-arrow:hover::after {
    opacity: .9;
}

.main-nav .menu-arrow[aria-expanded="true"]::after {
    transform: rotate(-135deg);
    margin-top: 7px;
    opacity: 1;
}

.main-nav .menu-arrow::before {
    content: none !important;
}

/* Alt menülerde ok sağ kenara yapışır (Larkon kuralıyla aynı) */
.main-nav .sub-navbar-nav .menu-arrow::after {
    right: 0;
}

/* ---------- Kapatma düğmesi yalnız dar ekranda ---------- */

.button-close-fullsidebar {
    display: none;
}

@media (max-width: 1140px) {
    .button-close-fullsidebar {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 14px;
        right: 14px;
        width: 30px;
        height: 30px;
        border: 1px solid rgba(128, 128, 128, .35);
        border-radius: 8px;
        background: transparent;
        color: inherit;
        font-size: 20px;
        line-height: 1;
        z-index: 5;
    }
}

/* ---------- Panel blog listesi kapak görseli ---------- */

.yazi__kapak {
    width: 60px;
    height: 44px;
    object-fit: cover;
    border-radius: 7px;
    border: 1px solid rgba(128, 128, 128, .25);
    background: rgba(128, 128, 128, .12);
}

/* ---------- Sol menü logosu ---------- */

.main-nav .logo-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 64px;
    line-height: 1.2;
}

.main-nav .logo-yazi {
    font-size: 1.05rem;
    font-weight: 600;
    color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* ==========================================================================
   v7.4 — KART BOŞLUKLARI VE AYRIMI
   Marka katmanı yüklenmediğinde kartların gövde zeminiyle arasındaki fark
   çok azalıyor ve bloklar birbirine geçmiş gibi görünüyordu. Aşağıdaki
   kurallar yalnız Larkon görünümünde çalışır; renk sabitlemez, Bootstrap
   değişkenlerini kullanır (koyu temada da doğru davranır).
   ========================================================================== */

html[data-panel-gorunum="larkon"] body {
    background: var(--bs-secondary-bg, #F1F3F7);
}

html[data-panel-gorunum="larkon"] .card {
    background: var(--bs-body-bg, #FFFFFF);
    border: 1px solid rgba(128, 128, 128, .16);
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .05);
    margin-bottom: 24px;
}

html[data-panel-gorunum="larkon"] .card-header {
    border-bottom: 1px solid rgba(128, 128, 128, .16);
    background: transparent;
}

html[data-panel-gorunum="larkon"] .card-footer {
    border-top: 1px solid rgba(128, 128, 128, .16);
}

/* İki kart arasındaki dikey boşluk her ızgarada aynı kalsın */
html[data-panel-gorunum="larkon"] .card-height-100 {
    margin-bottom: 24px;
    height: calc(100% - 24px);
}

/* Tablo başlığı ile kart kenarı arasında ince ayrım */
html[data-panel-gorunum="larkon"] .table > thead th {
    border-bottom: 1px solid rgba(128, 128, 128, .16);
}

/* Sayfa içeriğinin üst boşluğu */
html[data-panel-gorunum="larkon"] .page-content > .container-fluid {
    padding-top: 8px;
}


/* ==========================================================================
   v7.7 — SITE AYARLARI EKRANI
   Uzun formun okunakli kalmasi icin kucuk yardimci kurallar.
   ========================================================================== */

/* Logo / favicon onizleme kutusu — yuklenen gorsel ne olursa olsun
   ayni boyutta, damali zeminde gosterilir (seffaf PNG'ler secilsin diye). */
.ayar-onizleme {
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed rgba(128, 128, 128, .35);
    border-radius: 8px;
    padding: 6px;
    background-color: rgba(128, 128, 128, .06);
    background-image:
        linear-gradient(45deg, rgba(128, 128, 128, .10) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(128, 128, 128, .10) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, rgba(128, 128, 128, .10) 75%),
        linear-gradient(-45deg, transparent 75%, rgba(128, 128, 128, .10) 75%);
    background-size: 14px 14px;
    background-position: 0 0, 0 7px, 7px -7px, -7px 0;
}

.ayar-onizleme img {
    max-height: 60px;
    max-width: 100%;
    object-fit: contain;
}

/* Sag sutundaki kaydet kutusu ekranda sabit kalsin */
@media (min-width: 1200px) {
    .ayar-kaydet-kutu {
        position: sticky;
        top: 86px;
        z-index: 3;
    }
}

/* Bolum kisayollari mobilde tasmasin */
.ayar-gezinti {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Cok uzun metin alanlari sayfayi germesin */
.card-body textarea.form-control {
    max-height: 260px;
}


/* ==========================================================================
   v7.8 — GIRIS EKRANI LOGOSU
   Panel logosu icin onerilen olcu 280 x 64 piksel. Giris ekraninda sabit
   28 piksel yukseklik veriliyordu; bu oranda gorsel cok kuculuyordu.
   Burada orantili olcekleniyor ve dosya yoksa magaza adi yazisi cikiyor.
   ========================================================================== */

.auth-logo .giris-logo {
    max-height: 52px;
    max-width: 260px;
    width: auto;
    object-fit: contain;
}

.auth-logo .giris-logo-yazi {
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -.01em;
    color: var(--bs-emphasis-color, #1E293B);
}

/* ==========================================================================
   v8.0 — ENTEGRASYON KARTLARI
   Her servis bir kutu; tıklanınca ayar penceresi açılıyor.
   ========================================================================== */

.ent-kutu {
    width: 100%;
    height: 100%;
    min-height: 132px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
    padding: 16px 10px;
    border: 1px solid rgba(128, 128, 128, .20);
    border-radius: 12px;
    background: var(--bs-body-bg, #fff);
    color: inherit;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.ent-kutu:hover,
.ent-kutu:focus-visible {
    border-color: var(--bs-primary);
    box-shadow: 0 6px 16px rgba(16, 24, 40, .10);
    transform: translateY(-2px);
    outline: none;
}

.ent-kutu--bagli {
    border-color: rgba(var(--bs-primary-rgb), .55);
    box-shadow: inset 0 0 0 1px rgba(var(--bs-primary-rgb), .18);
}

.ent-kutu__ikon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 18px;
    flex: 0 0 44px;
}

.ent-kutu__ad {
    font-weight: 600;
    font-size: .88rem;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

.ent-kutu__rozet .badge {
    font-size: .66rem;
    font-weight: 500;
}

/* Pencere içindeki yardım blokları sayfayı germesin */
.modal-body .alert p:last-child {
    margin-bottom: 0;
}

@media (max-width: 575.98px) {
    .ent-kutu {
        min-height: 116px;
        padding: 12px 8px;
    }

    .ent-kutu__ikon {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        font-size: 16px;
    }
}


/* ==========================================================================
   v8.4 — ENTEGRASYON SERVİS LOGOLARI
   Logolar çok farklı en/boy oranlarında geliyor (kimi 4:1 yatay yazı,
   kimi kare simge). Hepsi AYNI ölçüdeki kutuya, oranı bozulmadan,
   ortalanarak sığdırılır; böylece kartlar aynı yükseklikte durur.
   ========================================================================== */

.ent-kutu__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    /*
     | v32.3 — KUTU BUYUTULDU
     |
     | 52px, yatay yazi bicimindeki logolarda (4:1 oran) genisligi
     | sinirlayinca yaziyi okunmayacak kadar kucultuyordu. 60px
     | kutu ve ic bosluk, hem yatay hem kare logolara yetiyor.
     |
     | min-height: kutu bos kalsa bile yukseklik korunur; kartlar
     | ayni hizada durur.
     */
    height: 60px;
    min-height: 60px;
    padding: 4px 10px;
    overflow: hidden;
}

.ent-kutu__logo img {
    /*
     | Once max-height: 52px vardi ve kutu yuksekligiyle AYNIYDI.
     | Kenarlik ve ic bosluk hesaba katilmayinca gorsel kutunun
     | disina tasip kirpiliyordu. Simdi kutudan kucuk.
     */
    max-width: 100%;
    max-height: 52px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

/*
 | Logolar zaten firma adını taşıdığı için kart altındaki ad yazısı
 | GİZLENİR (aynı isim iki kez görünmesin). Yalnızca görsel yüklenemezse
 | devreye girer: onerror kutuya .ent-kutu--logosuz sınıfını ekler.
 */
.ent-kutu__ad--yedek {
    display: none;
}

.ent-kutu--logosuz .ent-kutu__ad--yedek {
    display: block;
}

/*
 | Logolu kartta dikey boşluk, yazılı karta göre biraz daha ferah.
 |
 | v32.3 — :has() eski tarayıcılarda (2023 öncesi Firefox, Safari
 | 15 altı) çalışmaz ve kart hizası bozuluyordu. Aynı kural artık
 | doğrudan .ent-kutu üzerinde; :has() yalnız ek boşluk için.
 */
.ent-kutu {
    justify-content: center;
}

.ent-kutu:has(.ent-kutu__logo) {
    gap: 10px;
}

/* Koyu temada beyaz zeminli logolar kaybolmasın diye ince taşıyıcı */
html[data-bs-theme="dark"] .ent-kutu__logo img {
    background: rgba(255, 255, 255, .92);
    border-radius: 6px;
    padding: 3px 5px;
}

/*
 | Pencere başlığındaki logo — v32.3'te büyütüldü
 |
 | 26px yatay wordmark logolarda okunmuyordu. 34px ve daha geniş
 | bir sınır, başlık satırını bozmadan logoyu okunur kılıyor.
 |
 | flex-shrink: 0 — başlıktaki rozetler uzayınca logo ezilmesin.
 */
.ent-pencere__logo {
    max-height: 34px;
    max-width: 150px;
    width: auto;
    height: auto;
    object-fit: contain;
    flex-shrink: 0;
}

html[data-bs-theme="dark"] .ent-pencere__logo {
    background: rgba(255, 255, 255, .92);
    border-radius: 5px;
    padding: 2px 4px;
}

@media (max-width: 767.98px) {
    /*
     | v32.3 — MOBILDE DE ICI DISI AYRI
     |
     | Onceki kural kutu ve gorsele AYNI yuksekligi veriyordu (42px);
     | ic bosluk hesaba katilmayinca gorsel kirpilmis gorunuyordu.
     | Kutu 50, gorsel 42 — arada nefes payi var.
     */
    .ent-kutu__logo {
        height: 50px;
        min-height: 50px;
        padding: 4px 8px;
    }

    .ent-kutu__logo img {
        max-height: 42px;
    }

    .ent-pencere__logo {
        max-height: 28px;
        max-width: 120px;
    }
}


/* ==========================================================================
   v8.7 — ENTEGRASYON KATEGORİLERİ AÇILIR / KAPANIR
   Başlığa tıklayınca grup açılıp kapanır. Ok yönü CSS ile çizilir
   (Larkon'un boxicons oku bu kurulumda yok — menüdeki çözümün aynısı).
   ========================================================================== */

.ent-grup__bas {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    cursor: pointer;
    user-select: none;
}

.ent-grup__bas:hover {
    background: rgba(128, 128, 128, .06);
}

.ent-grup__ok {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 1.6px solid currentColor;
    border-bottom: 1.6px solid currentColor;
    transform: rotate(-135deg);
    transition: transform .22s ease;
    opacity: .55;
    margin-left: 4px;
    margin-bottom: 2px;
}

.ent-grup__bas.kapali .ent-grup__ok {
    transform: rotate(45deg);
    margin-bottom: -2px;
}

/* Kapalı grupta alt çizgi görünmesin */
.ent-grup__bas.kapali {
    border-bottom-color: transparent;
}

/* DİA araç kutusu */
#dia-araclar .table {
    font-size: .84rem;
}

/* ============================================================
 | v11.6 — Entegrasyonlar: kategori ızgarası
 |
 | Süzgeç yokken sayfa yalnız bu kartlardan oluşur; bir kategoriye
 | tıklanınca o kategorinin servisleri üstte açılır, ızgara altta kalır.
 | Renkler tema değişkenlerinden gelir (koyu tema uyumlu).
 ============================================================ */

.ent-kategori {
    display: flex;
    flex-direction: column;
    gap: 14px;
    height: 100%;
    padding: 20px;
    border: 1px solid var(--bs-border-color);
    border-radius: 12px;
    background: var(--bs-secondary-bg);
    color: inherit;
    text-decoration: none;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.ent-kategori:hover {
    border-color: var(--bs-primary);
    box-shadow: 0 8px 20px -12px rgba(0, 0, 0, .35);
    transform: translateY(-2px);
    color: inherit;
}

.ent-kategori--secili {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), .12);
}

.ent-kategori__ikon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: rgba(var(--bs-primary-rgb), .10);
    color: var(--bs-primary);
    font-size: 24px;
}

.ent-kategori__ad {
    font-weight: 600;
    line-height: 1.35;
    /* Uzun kategori adları kartı bozmasın — en fazla iki satır */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ent-kategori__alt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
}

.ent-kategori__ok {
    color: var(--bs-primary);
    font-size: 18px;
    transition: transform .15s ease;
}

.ent-kategori:hover .ent-kategori__ok { transform: translateX(3px); }

/* Geniş ekranda satıra 5 kart — Bootstrap'te hazır sınıf yok */
@media (min-width: 1400px) {
    .col-xxl-5ths { flex: 0 0 auto; width: 20%; }
}

/* ==========================================================================
   v15.6 — Panel dili menüsü

   Bayraklar büyütüldü ve belirginleştirildi; yazılar panelin kendi
   yazı tipini kullanır (ayrı font tanımı yok, --bs-body-font-family
   miras alınır).
   ========================================================================== */

.dil-dugme {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: inherit;
}

/* SVG bayrak — emoji değil; her işletim sisteminde aynı görünür */
.dil-bayrak { display: inline-flex; align-items: center; line-height: 0; }

.dil-bayrak-svg {
    display: block;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .12);
}

/*
 | v27.1 — Satır içinde bayrak
 |
 | Bayrak SVG'si display:block olduğu için metnin ALTINA düşüyordu;
 | tabloda "bayrak yok" gibi görünüyordu. Satır içi kullanımda
 | yan yana dursun.
 */
.d-inline-flex > .dil-bayrak-svg,
td .dil-bayrak-svg {
    display: inline-block;
    vertical-align: -3px;
    flex: 0 0 auto;
}

.dil-dugme .dil-kod {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.dil-menu {
    min-width: 212px;
    padding: 5px;
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .13);
    border: 1px solid var(--bs-border-color);
    font-family: var(--bs-body-font-family);
}

.dil-menu .dropdown-header {
    font-family: var(--bs-body-font-family);
    font-size: 10.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
    padding: 7px 11px 5px;
    color: var(--bs-secondary-color);
}

.dil-satir {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 11px;
    border-radius: 8px;
    font-family: var(--bs-body-font-family);
    font-size: 13.5px;
    line-height: 1.35;
    transition: background-color .12s ease;
}

.dil-satir:hover { background-color: var(--bs-tertiary-bg); }

/* Menü satırındaki bayrak — sabit sütun, hepsi aynı hizada */
.dil-satir .dil-bayrak { flex: none; width: 22px; justify-content: center; }

.dil-satir .dil-ad { flex: 1; min-width: 0; font-weight: 500; }

.dil-satir .dil-rozet {
    font-family: var(--bs-body-font-family);
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .04em;
    color: var(--bs-secondary-color);
    background: var(--bs-tertiary-bg);
    border-radius: 5px;
    padding: 2px 6px;
    flex: none;
}

.dil-satir .dil-tik { font-size: 14px; color: var(--bs-primary); flex: none; }

.dil-satir.aktif { background-color: rgba(var(--bs-primary-rgb), .09); }
.dil-satir.aktif .dil-ad { font-weight: 600; color: var(--bs-emphasis-color); }
.dil-satir.aktif .dil-rozet { background: rgba(var(--bs-primary-rgb), .15); color: var(--bs-primary); }

[data-bs-theme="dark"] .dil-menu { box-shadow: 0 10px 28px rgba(0, 0, 0, .42); }
[data-bs-theme="dark"] .dil-bayrak-svg { box-shadow: 0 1px 2px rgba(0, 0, 0, .5); }

/* Larkon'un genel dropdown-item ölçüsü bu menüde geçersiz kalsın */
.dil-menu .dropdown-item {
    padding: 7px 11px;
    font-size: 13.5px;
    font-family: var(--bs-body-font-family);
    min-height: 0;
}

.dil-menu .dropdown-item:active,
.dil-menu .dropdown-item:focus {
    background-color: var(--bs-tertiary-bg);
    color: inherit;
}

/* Ülke bayrağı bulunamazsa kod rozeti (v18.9) */
.bayrak-kod {
    display: inline-block;
    min-width: 26px;
    padding: 1px 5px;
    border-radius: 4px;
    background: var(--bs-tertiary-bg, #eef1f5);
    color: var(--bs-secondary-color, #6c757d);
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .04em;
    text-align: center;
}

/* Sistem panelinde kurulu sürüm (v19.4) */
.sy-surum {
    margin: 0 0 14px;
    padding: 7px 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .06);
    color: rgba(255, 255, 255, .62);
    font-size: 12px;
    letter-spacing: .02em;
}

.sy-surum b { color: rgba(255, 255, 255, .92); }

/* ==========================================================================
 |  v20.2 — MAVI KATMAN GERI ALINDI (v20.3'te yalniz yuzeyler grilendi)
 |
 |  v19.8 (mavi ana renk), v19.9 (notr yuzey/modern olculer) ve
 |  v20.1 (beyaz duzeltmesi) bloklarinin TAMAMI kaldirildi.
 |
 |  Panel artik temanin ve panel-ozel.css'in kendi renkleriyle
 |  calisiyor — v19.7'deki gorunumun aynisi.
 |
 |  Silinen degil, KALDIRILAN bir katmandi; istediginiz zaman
 |  yalnizca istediginiz parcayi (ornegin sadece mavi dugmeleri)
 |  geri ekleyebilirim.
 ========================================================================== */

/* ==========================================================================
 |  v20.4 — BUTUN RENK KATMANLARI KALDIRILDI
 |
 |  v19.8 (mavi), v19.9 (notr yuzey + olculer), v20.1 (beyaz) ve
 |  v20.3 (gri yuzey) bloklarinin HEPSI cikarildi.
 |
 |  Panel artik Larkon temasinin ve panel-ozel.css'in KENDI
 |  renkleriyle calisiyor: koyu tonlu sol menu, marka vurgusu,
 |  orijinal dugme renkleri. Yani hic dokunulmamis hali.
 |
 |  Bu dosyada renkle ilgili baska bir ezme yok; asagidaki kurallar
 |  yalnizca yerlesim, bayrak cizimleri ve panel ici bilesenlerle
 |  ilgili.
 ========================================================================== */

/* v36.10.4 — yuvarlak simge logo + panel adı (AjanBox) */
.main-nav .logo-box .panel-logo-ad { font-size: 22px; font-weight: 800; letter-spacing: -.02em; color: #1E293B; white-space: nowrap; }
html[data-menu-color="dark"] .main-nav .logo-box .panel-logo-ad { color: #fff; }
html[data-panel-logo="beyaz"][data-menu-color="dark"] .main-nav .logo-box img[src*="ajanbox-logo"] { filter: none; opacity: 1; }
.main-nav .logo-box img.logo-lg[src*="ajanbox-logo"] { height: 44px; max-height: 44px; }
.auth-logo .panel-logo-ad { display: inline-block; margin-left: 10px; vertical-align: middle; font-size: 26px; font-weight: 800; }
.auth-logo img[src*="ajanbox-logo"] { height: 56px; width: auto; vertical-align: middle; }
html[data-menu-color] .auth-logo img.giris-logo[src*="ajanbox-logo"] { filter: none !important; max-height: 56px; }
html[data-menu-color="dark"] .auth-logo .panel-logo-ad { color: #fff; }