/* ====== GENEL ====== */
html, body {
    min-width: 320px;
    /*overflow-x: hidden;*/
}

#MT, #MRC, #MT table.MainContent, #VH, #CP .MainContent {
    table-layout: fixed !important;
    width: 100% !important;
    max-width: 100% !important;
}
/* Üst şeritleri izole et: grid genişlese de bunlar sabit kalsın */
#TopCell, .barcode-wrap, .quick-access-icons, #StatusBarCell, .dxpgControl_DevEx {
    display: block;
    max-width: 100% !important;
    overflow: hidden !important;
    contain: inline-size;
  /*  isolation: isolate;*/
}

/* ====== SOL MENÜ: görünüme dokunmadan taşmaları bitir ====== */
/* Menü separator’ün üstüne taşmasın, ikonlar aynı ve küçük olsun */
.LeftPane {
    width: 280px;
    min-width: 280px;
    background: #fff;
    border-right: 1px solid #e9ecef;
    position: relative;
    z-index: 0;
}

#LPcell {
    overflow: visible !important;
}

#separatorCell {
    position: relative;
    z-index: 5;
}
/* ayırıcı önde kalsın */

.LeftPane .dxnbLite_DevEx td.dxnb-i img {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.LeftPane .dxnbLite_DevEx .dxnb-groupContent > table,
.LeftPane .dxnbLite_DevEx .dxnb-item > table,
.LeftPane .dxnbLite_DevEx .dxnb-subItem > table {
    table-layout: fixed !important;
    width: 100% !important;
}

.LeftPane .dxnbLite_DevEx td.dxnb-t,
.LeftPane .dxnbLite_DevEx td.dxnb-t a {
    display: block !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.2;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2;
    word-break: break-word;
}

.LeftPane .dxnbLite_DevEx .dxnb-item,
.LeftPane .dxnbLite_DevEx .dxnb-subItem,
.LeftPane .dxnbLite_DevEx .dxnb-groupContent,
.LeftPane .dxnbLite_DevEx .dxnb-subGroup {
    min-width: 0;
    overflow: visible;
}

/* ====== BARKOD ŞERİDİ: kart yüksekliği 100px’i geçmesin ====== */
.sfa-barcode-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
    align-items: start;
    max-width: 100% !important;
}

.sfa-barcode-card {
    border: 1.5px solid #008254;
    border-radius: 10px;
    padding: 8px;
    background: #fff;
    max-height: 150px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 16px;
}

    .sfa-barcode-card .input-group {
        flex-wrap: nowrap;
        align-items: center;
        min-width: 0;
    }

    .sfa-barcode-card .input-group-text {
        background: #008254;
        color: #fff;
        font-weight: 400;
        max-width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .sfa-barcode-card .form-control,
    .sfa-barcode-card .dxeEditArea_DevEx,
    .sfa-barcode-card .dxeTextBox_DevEx input {
        height: 36px !important;
        min-width: 0;
        border: 2px solid #008254 !important;
        border-radius: 8px !important;
    }

    .sfa-barcode-card .custombutton, .sfa-barcode-card .dxeButtonEditButton_DevEx {
        height: 36px !important;
        width: 36px !important;
        padding: 0 !important;
        border-radius: 8px !important;
        background: #fff;
    }

/* ====== QUICK ACCESS: tek satır kalsın, taşma olmasın ====== */
.quick-access-icons {
    padding: 8px 16px;
    background: #fff;
}

.sfa-qa-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px;
    align-items: stretch;
    overflow: hidden !important;
    max-width: 100% !important;
}

.sfa-qa-item {
    flex: 1 1 0;
    min-width: 0;
}

.sfa-qa-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 100%;
    border: 1px solid #e9ecef;
    border-radius: 10px;
    padding: 10px;
    text-decoration: none;
    color: #000;
    background: #fff;
    min-width: 120px;
}

    .sfa-qa-link:hover {
        background: rgb(235, 248, 210);
    }

    .sfa-qa-link img {
        width: clamp(28px,3.6vw,48px);
        height: clamp(28px,3.6vw,48px);
        object-fit: contain;
    }

.sfa-qa-label {
    max-width: 100%;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-size: clamp(11px,1.1vw,13px);
    line-height: 1.15;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* ====== GRID: yatay scroll sadece grid içinde ====== */
#CP, .MainContent, .MainContent .Content td, .vsc-panel, #VH, #MT, #MRC {
  
    max-width: 100% !important;
}

.grid-wrap {
    position: relative;
    display: block !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
}

    .grid-wrap .dxgvControl_DevEx, .grid-wrap .dxgvControl {
        display: block !important;
        width: max-content !important;
        min-width: 100% !important;
    }

    .grid-wrap .dxgvTable, .grid-wrap .dxgvTable_DevEx, .grid-wrap .dxgvCSD, .grid-wrap .dxgvHSDC, .grid-wrap .dxgvScrollDiv {
        width: max-content !important;
        min-width: 100% !important;
        table-layout: auto !important;
    }

    .grid-wrap::-webkit-scrollbar {
        height: 10px;
    }

/* ====== STATUS BAR: sola hizalı kalır (mevcut görünüm korunur) ====== */
#StatusBarCell {
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left !important;
}

    #StatusBarCell table {
        table-layout: fixed;
        width: 100%;
    }

    #StatusBarCell td {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.sfa-header-actions {
    position: fixed;
    top: 10px;
    right: 12px;
/*    z-index: 3000;*/
    background: #fff;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 12px;
    padding: 4px 6px;
}

.LeftPane {
    box-shadow: 0 0 0 1px #008254 inset, 0 8px 24px rgba(0,130,84,.15);
    background: #fff;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 12px;
}

    /* Grup başlıkları: beyaz kart görünümü ANA BAŞLIKLAR*/
    .LeftPane .dxnbLite_DevEx .dxnb-groupHeader,
    .LeftPane .dxnbLite_DevEx .dxnb-header {
        background: #fff !important;
        color: #0b3d2e !important;
        border: 1px solid rgba(0,130,84,.20) !important;
        border-radius: 12px !important;
        margin: 10px 6px !important;
        padding: 8px 10px !important;
    }
/*ANA BAŞLIKLAR*/
.dxnbLite_DevEx .dxnb-header, .dxnbLite_DevEx .dxnb-headerCollapsed {
    background: #fff !important;
    color: #0b3d2e !important;
    border: 1px solid rgba(0,130,84,.20) !important;
    border-radius: 12px !important;
    margin: 10px 6px !important;
    padding: 8px 10px !important;
}
/*ALT BAŞLIKLAR*/
.dxnbLite_DevEx .dxnb-item.dxnb-link, .dxnbLite_DevEx .dxnb-item .dxnb-link, .dxnbLite_DevEx .dxnb-large.dxnb-link, .dxnbLite_DevEx .dxnb-large .dxnb-link {
    background: #fff !important;
    color: #0b3d2e !important;
    border: 1px solid rgba(0,130,84,.20) !important;
    border-radius: 12px !important;
    margin: 10px 6px !important;
    padding: 8px 10px !important;
}

.dxtvControl_DevEx li, .dxnbLite_DevEx .dxnb-item, .dxnbLite_DevEx .dxnb-large, .dxnbLite_DevEx .dxnb-tmpl {
    background: #fff !important;
    color: #0b3d2e !important;
    border: 1px solid rgba(0,130,84,.20) !important;
    border-radius: 12px !important;
    margin: 10px 6px !important;
}

.LeftPane .dxeButtonEdit_DevEx,
.LeftPane .dxeTextBox_DevEx {
    height: 36px !important;
    border: 2px solid #008254 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(0,130,84,.08) !important;
}

.LeftPane .dxeEditArea_DevEx {
    height: 34px !important;
    padding: 6px 10px !important;
    font-weight: 600;
    color: #0b3d2e;
}

.LeftPane .dxeButtonEditButton_DevEx {
    border-left: 2px solid #008254 !important;
    border-radius: 0 6px 6px 0 !important;
    background: #fff !important;
}

.dxeDropDownWindow {
    border: 2px solid #008254 !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 26px rgba(0,130,84,.18) !important;
   
}

/* Liste gövdesi ve satırlar */
.dxeListBox_DevEx {
    max-height: 260px !important; /* uzun listede pencere taşmasın */
    background: #fff !important;
}

.dxeListBoxItemRow_DevEx { /* satır iç boşlukları */
    padding: 6px 10px !important;
}

.dxeListBoxItemHover_DevEx {
    background: #f3fff9 !important;
}

.dxeListBoxItemSelected_DevEx {
    background: #eafff6 !important;
    color: #005b41 !important;
    font-weight: 700 !important;
}
/* === GELİR/GİDER combobox açılır pencere: hizayı ve katmanı düzelt === */
/* DevExpress dropdown pencereleri (tümü) */
:root {
    --dd-offset: -1px;
}
/* istersen -8 ~ -18px arası oynatabilirsin */

/*.dxeDropDownWindow,
.dxpcDropDown,*/ /* bazı sürümlerde bu sınıf kullanılıyor */
/*.dxpcLite .dxpc-mainDiv {*/ /* popup control’ün iç div’i */


    /*margin-top: var(--dd-offset) !important;*/ /* kontrolün altına yapışsın; biraz yukarı al */
    /*transform: none !important;*/ /* stacking context yaratmasın */
    /*box-shadow: 0 10px 26px rgba(0,130,84,.18) !important;
    border: 2px solid #008254 !important;
    border-radius: 10px !important;
    background: #fff !important;
    pointer-events: auto !important;
}*/

/* Liste gövdesi: genişlik/taşma ve stil */
.dxeListBox_DevEx {
    max-height: 260px !important;
    overflow: auto !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

/* Satırlar */
.dxeListBoxItemRow_DevEx {
    padding: 6px 10px !important;
}

.dxeListBoxItemHover_DevEx {
    background: #f3fff9 !important;
}

.dxeListBoxItemSelected_DevEx {
    background: #eafff6 !important;
    color: #005b41 !important;
    font-weight: 700 !important;
}

/* Editörün kendisi: buton ve alan yükseklikleri hizalı kalsın */
.LeftPane .dxeButtonEdit_DevEx, .LeftPane .dxeTextBox_DevEx {
    height: 36px !important;
}

.LeftPane .dxeEditArea_DevEx {
    height: 34px !important;
    padding: 6px 10px !important;
}

.LeftPane .dxeButtonEditButton_DevEx {
    height: 36px !important;
    width: 36px !important;
    border-left: 2px solid #008254 !important;
    border-radius: 0 6px 6px 0 !important;
    background: #fff !important;
}
/* === ASPxComboBox açılır pencere: konum ve katman düzeltme === */
/* Tüm DevExpress dropdown/popup varyantlarını kapsa */
:root {
    --dd-offset: -10px;
}
/* kontrolün altına yapışma ofseti; -6 ~ -14 arası oynatılabilir */

/*.dxeDropDownWindow,
.dxpcDropDown,
.dxpcLite .dxpc-mainDiv {*/
     /* mutlak yerine fixed: ebeveyn transform/overflow zincirinden kurtul */
    /*z-index: 100000 !important;*/ /* her şeyin üstü */
    /* kontrolün hemen altında dursun */
    /*transform: none !important;*/ /* yeni stacking context oluşturmasın */
    /*box-shadow: 0 10px 26px rgba(0,130,84,.18) !important;
    border: 2px solid #008254 !important;
    border-radius: 10px !important;
    background: #fff !important;
    pointer-events: auto !important;
}*/

/* Liste gövdesi — sade ve taşma yok */
.dxeListBox_DevEx {
    max-height: 260px !important;
    overflow: auto !important;
    background: #fff !important;
    box-sizing: border-box !important;
    padding: 4px 0 !important;
}

.dxeListBoxItemRow_DevEx {
    padding: 6px 10px !important;
}

.dxeListBoxItemHover_DevEx {
    background: #f3fff9 !important;
}

.dxeListBoxItemSelected_DevEx {
    background: #eafff6 !important;
    color: #005b41 !important;
    font-weight: 700 !important;
}

/* Editör gövdesi – görsel uyum */
.LeftPane .dxeButtonEdit_DevEx, .LeftPane .dxeTextBox_DevEx {
    height: 36px !important;
}

.LeftPane .dxeEditArea_DevEx {
    height: 34px !important;
    padding: 6px 10px !important;
}

.LeftPane .dxeButtonEditButton_DevEx {
    height: 36px !important;
    width: 36px !important;
    border-left: 2px solid #008254 !important;
    border-radius: 0 6px 6px 0 !important;
    background: #fff !important;
}


/* DevExpress dropdown/popup penceresi her şeyin üstünde ve temiz görünsün */
/*.dxeDropDownWindow, .dxpcDropDown, .dxpcLite .dxpc-mainDiv {
 
    border: 2px solid #008254 !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 10px 26px rgba(0,130,84,.18) !important;
}*/

/*.dxpcDropDown_DevEx.dxpclW.dxpc-ddSys {
    top: 120px !important;
}*/

.dxnbLite_DevEx, .dxpgCustForm_DevEx {
    color: #201f35;
    background-color: White;
    font: 12px;
    font-family:Calibri;
    list-style: none none outside;
    margin: 0;
    padding: 0;
    float: left;
    width: 250px;
}

.dxmLite_DevEx .dxm-main, .dxgvHeader_DevEx, .dxpc-content, .sfa-barcode-card, .Layout, table.MainContent td.ViewHeader, .dxgvGroupPanel_DevEx, .dxtcLite_DevEx > .dxtc-stripContainer .dxtc-link {
    background: #fff !important;
    border: 1px solid rgba(0, 130, 84, .20) !important;
    /*border-radius: 16px !important;*/
    box-shadow: 0 6px 18px rgba(0, 130, 84, .12) !important;
}

.sfa-qa-link, #StatusBarCell {
    border: 1px solid rgba(0, 130, 84, .20) !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 18px rgba(0, 130, 84, .12) !important;
}

/* Panel kutusunun kendisini boyamayalım; sadece içindeki pseudo dönecek */
.dxlpLoadingPanel_DevEx {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}
    /* Spinner: küçük, kompozitor katmanda, ucuz animasyon */
    .dxlpLoadingPanel_DevEx::before {
        content: "";
        width: 40px;
        height: 40px;
        display: block;
        margin: 0 auto;
        background: center/contain no-repeat url('/Images/elma.png');
        will-change: transform; /* GPU’ya taşı */
        transform: translateZ(0); /* katman oluştur */
        image-rendering: -webkit-optimize-contrast;
        filter: drop-shadow(0 2px 6px rgba(0,130,84,.18));
        animation: sfa-apple-spin 1.1s linear infinite;
    }
/* Overlay’larda bulanıklığı kapat (çok pahalı) */
#dxlpLoadingPanel_DevExLP,
#PopupWindowCallbackPanel_LD {
    background: rgba(255,255,255,.35) !important;
    backdrop-filter: none !important;
}


@keyframes sfa-apple-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    #dxlpLoadingPanel_DevEx .dxlpContent::before,
    #dxlpLoadingPanel_DevEx .dxlp-content::before,
    #PopupWindowCallbackPanel_LP::before {
        animation: sfa-apple-spin;
    }
}

.NavigationHistoryLinks {
    color: #008254;
    padding: 6px;
    font-size: 14px;
}


.perf-blur #dxlpLoadingPanel_DevExLP,
.perf-blur #PopupWindowCallbackPanel_LD {
    backdrop-filter: blur(2px);
}

/* Global panel açıksa popup overlay’i kapat */
#dxlpLoadingPanel_DevExLP[style*="display: block"] ~ #PopupWindowCallbackPanel_LD {
    display: none !important;
}

:root {
    --sfa-shadow: 0 4px 12px rgba(0,130,84,.10);
}

/*.dxmLite_DevEx .dxm-main, .dxgvHeader_DevEx, .dxpc-content, .sfa-barcode-card,
.Layout, table.MainContent td.ViewHeader, .dxgvGroupPanel_DevEx,
.dxtcLite_DevEx > .dxtc-stripContainer .dxtc-link,
.sfa-qa-link, #StatusBarCell,
.LeftPane .dxnbLite_DevEx .dxnb-groupHeader,
.dxnbLite_DevEx .dxnb-header, .dxnbLite_DevEx .dxnb-item,
.dxeDropDownWindow, .dxpcDropDown, .dxpcLite .dxpc-mainDiv {
    box-shadow: var(--sfa-shadow) !important;
}*/


span.dxnb-ghtext.dx-vam {
    font-weight: bold;
}
/*Fix*/
/* =========================
   1) MARKA SATIRI (logo + slogan)
   ========================= */
#UPVH, /* View header update panel */
#UPVH .ViewHeader,
table.MainContent td.ViewHeader {
    padding: 16px 18px !important;
}

#TIC img { /* ThemedImageControl -> logo görseli */
    height: 56px !important; /* 40→56 */
    width: auto !important;
}

#HyperLink1 { /* “Merkez”e giden link – slogan alanı gibi */
    font-size: 18px !important; /* 14→18 */
    font-weight: 700 !important;
    color: #0b3d2e !important;
    letter-spacing: .2px;
    margin-left: 10px;
    vertical-align: middle;
    display: inline-block;
}

/* İsteğe bağlı: sloganı rozet gibi yap */
#HyperLink1 {
    padding: 6px 10px;
    border: 1px solid rgba(0,130,84,.25);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,130,84,.10);
}

/* =========================
   2) GRID ÜSTÜ EYLEM ŞERİDİ (TRP → TB/VTC/DAC)
   ========================= */
#TRP .dxrpContent { /* round panel iç dolgusu */
    padding: 10px 12px !important;
}

#TRP, #UPTB, #UPTP { /* biraz daha “kart” hissi */
    --tb-gap: 8px;
    --tb-h: 38px; /* buton / input yüksekliği */
    --tb-font: 14px; /* 12→14 */
}

    /* Link/Buton/DropDown gibi tüm öğeleri büyüt */
    #TRP a, #TRP .dxbButton, #TRP .dxm-item, #TRP .dxpcDropDown_DevEx a,
    #TRP .dxmLite_DevEx a, #TRP .dxeButtonEditButton_DevEx,
    #TRP .dxeButton, #TRP .dxeSpinIncButton_DevEx, #TRP .dxeSpinDecButton_DevEx, .dxeTextBoxSys td.dxic, .menuButtons_DevEx {
        font-size: var(--tb-font) !important;
        line-height: 1 !important;
        height: var(--tb-h) !important;
        min-height: var(--tb-h) !important;
        padding: 8px 12px !important;
        border-radius: 10px !important;
    }

    /* “Raporu göster”, “Görünüm”, “Sıralama” gibi combo/editörler */
    #TRP .dxeButtonEdit_DevEx,
    #TRP .dxeTextBox_DevEx {
        height: var(--tb-h) !important;
        border-radius: 10px !important;
    }

    #TRP .dxeEditArea_DevEx {
        height: calc(var(--tb-h) - 2px) !important;
        padding: 6px 10px !important;
        font-size: var(--tb-font) !important;
    }

    #TRP .dxeButtonEditButton_DevEx {
        width: var(--tb-h) !important;
        height: var(--tb-h) !important;
        border-radius: 0 10px 10px 0 !important;
    }

    /* Ara boşlukları dengeli yap */
    #TRP .dxmLite_DevEx .dxm-item,
    #TRP .xafActionItem,
    #TRP .dxmLite_DevEx .dxm-separator {
        margin-right: var(--tb-gap) !important;
    }

/* =========================
   3) BAŞLIK ve FİLTRE SATIRI – okunurluk
   ========================= */
#VCC, .ViewCaption, table.MainContent td.ViewHeader .ViewCaption {
    font-size: clamp(20px, 2.2vw, 26px) !important;
    font-weight: 800 !important;
    color: #0b3d2e !important;
}

.dxgvHeader_DevEx {
    font-size: 13px !important;
}

.dxgvFilterRow td .dxeEditArea_DevEx {
    height: 32px !important;
}

/* =========================
   4) BARCODE/ARAMA KARTLARI (üstteki dört arama kutusu)
   ========================= */
.sfa-barcode-card .input-group-text {
    font-size: 14px !important; /* etiket büyüsün */
    max-width: 130px !important;
}

.sfa-barcode-card .form-control,
.sfa-barcode-card .dxeTextBox_DevEx input,
.sfa-barcode-card .dxeEditArea_DevEx {
    height: 36px !important; /* 36→44 */
    font-size: 14px !important;
}

.sfa-barcode-card .custombutton,
.sfa-barcode-card .dxeButtonEditButton_DevEx {
    height: 36px !important;
    width: 36px !important;
    border-radius: 10px !important;
}
/*fix*/
/* View başlığındaki ikonun görünmesini zorunlu kıl */
td.viewımage {
    white-space: nowrap;
    padding-right: 10px;
    vertical-align: middle;
}

#vıc, #vıc img {
    display: inline-block !important;
    height: 48px !important;
    width: auto !important;
    visibility: visible !important;
}

/* Başlık satırı biraz daha geniş nefes alsın */
table.MainContent td.ViewHeader .ViewHeader {
    padding: 12px 14px !important;
}
/*Hover ve Focus kutusunu kaldır*/
/*.dxtvControl_DevEx li:focus,
.dxtvControl_DevEx li:active,
.dxtvControl_DevEx li.dxnbFocused,
.dxtvControl_DevEx li.dxnbHover,
.dxnbLite_DevEx .dxnb-item:focus,
.dxnbLite_DevEx .dxnb-item:active,
.dxnbLite_DevEx .dxnb-item.dxnbFocused,
.dxnbLite_DevEx .dxnb-item.dxnbHover,
.dxnbLite_DevEx .dxnb-large:focus,
.dxnbLite_DevEx .dxnb-large:active,
.dxnbLite_DevEx .dxnb-large.dxnbFocused,
.dxnbLite_DevEx .dxnb-large.dxnbHover {
    outline: none !important;
    box-shadow: none !important;
    background: #fff !important;  
border-color: rgba(0,130,84,.20) !important;  
color: #0b3d2e !important;*/
/*}*/
.dxtvControl_DevEx .dxtv-ndSel, .dxtvControl_DevEx .dxtv-nd {
    background: #fff !important;
    border: 0px;
    cursor: default;
}

/* ==== TÜM TOOLBARLAR İÇİN GENEL GÖRÜNÜM ==== */
.dxtcLite_DevEx .dxtc-content,
.dx-acc,
.dxtbControl_DevEx,
.dxtbLite_DevEx,
.ActionContainerHolder,
.Toolbar,
.ViewToolbar {
    background-color: #f9fefb !important; /* açık yeşilimsi beyaz */
    border: 1px solid rgba(0, 130, 84, 0.15) !important;
    border-radius: 10px !important;
    padding: 4px 10px !important;
    margin-bottom: 8px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}

    /* İçerideki buton ve linkleri hizala */
    .dxtbControl_DevEx a,
    .dxtbLite_DevEx a,
    .ActionContainerHolder a,
    .Toolbar a {
        color: #0b3d2e !important;
        font-weight: 500 !important;
    }

    .dxtbControl_DevEx img,
    .dxtbLite_DevEx img {
        filter: brightness(0.4) sepia(1) hue-rotate(90deg) !important;
    }

    /* Hover efekti sade olsun */
    .dxtbControl_DevEx a:hover,
    .dxtbLite_DevEx a:hover {
        background-color: rgba(0,130,84,0.05) !important;
        border-radius: 6px !important;
    }
/*.dxmLite_DevEx .dxm-main {
    
    width: 100px !important;
}*/

/* ===== LOGIN.ASPX ÖZEL (genel görünümü bozmaz) ===== */
body.Dialog #Logon_TableCell4 {
    /* Satırı flex yap: içerik kadar olsun ve sağa yaslansın */
    display: flex !important;
    justify-content: flex-end !important;
    padding-top: 0.25rem;
}

/* DevExpress menü container'ı: width:100% inline stilini geçersiz kıl */
body.Dialog #Logon_PopupActions_Menu {
    width: auto !important; /* buton kadar */
    min-width: 0 !important;
    display: inline-flex !important; /* içerik kadar */
    align-items: center;
    gap: 0;
    border-width: 0 !important; /* alt çizgiyi kaldırır */
    text-align: right !important;
}

    /* İç UL’nin float’ını kaldır: gerçek genişlik sadece buton kadar kalsın */
    body.Dialog #Logon_PopupActions_Menu > ul {
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
    }

    /* ---- Buton görünümü (modern) ---- */
    body.Dialog #Logon_PopupActions_Menu .dxm-item > a.dxm-content {
        display: inline-block;
        padding: 10px 18px !important;
        border-radius: 12px !important;
        background: linear-gradient(#0a8e63, #007a53) !important; /* SoFit yeşili */
        color: #fff !important;
        font-weight: 700 !important;
        letter-spacing: .2px;
        border: 1px solid rgba(0,0,0,.08) !important;
        box-shadow: 0 6px 18px rgba(0,130,84,.20) !important;
        transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
        text-decoration: none !important;
    }

    body.Dialog #Logon_PopupActions_Menu .dxm-item:hover > a.dxm-content {
        transform: translateY(-1px);
        filter: brightness(1.05);
        box-shadow: 0 10px 24px rgba(0,130,84,.25) !important;
    }

    body.Dialog #Logon_PopupActions_Menu .dxm-item:active > a.dxm-content {
        transform: translateY(0);
        box-shadow: 0 4px 12px rgba(0,130,84,.18) !important;
    }

/* (İsteğe bağlı) karttaki aksiyon satırının üst boşluğunu azalt */
body.Dialog .sfa-actions {
    padding-top: .25rem !important;
}

/* ===== LOGIN SAYFASI BUTON HİZALAMA ve STİL DÜZELTME ===== */
body.Dialog #Logon_TableCell4 {
    display: flex !important;
    justify-content: flex-end !important;
    padding: 4px 0 !important;
}

body.Dialog #Logon_PopupActions_Menu {
    width: auto !important;
    display: inline-flex !important;
    justify-content: flex-end;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}

    /* İç UL hizalama */
    body.Dialog #Logon_PopupActions_Menu > ul {
        display: inline-flex !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Modern yeşil buton */
    body.Dialog #Logon_PopupActions_Menu .dxm-item > a.dxm-content {
        background: linear-gradient(145deg, #009b68, #007a53) !important;
        color: #fff !important;
        padding: 10px 22px !important;
        border-radius: 10px !important;
        font-weight: 600 !important;
        letter-spacing: 0.3px;
        border: none !important;
        box-shadow: 0 4px 10px rgba(0,130,84,0.25) !important;
        transition: all 0.2s ease-in-out;
    }

        body.Dialog #Logon_PopupActions_Menu .dxm-item > a.dxm-content:hover {
            transform: translateY(-1px);
            box-shadow: 0 6px 16px rgba(0,130,84,0.35) !important;
            filter: brightness(1.05);
        }

        body.Dialog #Logon_PopupActions_Menu .dxm-item > a.dxm-content:active {
            transform: translateY(0);
            box-shadow: 0 2px 6px rgba(0,130,84,0.2) !important;
        }
/* ===== Login.aspx: Buton satırını tam hizala & artıkları temizle ===== */
body.Dialog #Logon_TableCell4 {
    display: flex !important;
    justify-content: flex-end !important; /* sağa yasla */
    align-items: center !important; /* dikey ortala */
    padding: 4px 0 !important;
    text-align: right !important;
}

/* DevExpress menü kabının genişlik ve arka planını sıfırla */
body.Dialog #Logon_PopupActions_Menu,
body.Dialog #Logon_PopupActions_Menu .dxm-horizontal,
body.Dialog #Logon_PopupActions_Menu .dxm-main {
    width: auto !important;
    min-width: 0 !important;
    display: inline-flex !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

    /* Menü içindeki “spacer/separator” kalıntıları */
    body.Dialog #Logon_PopupActions_Menu .dxm-spacer,
    body.Dialog #Logon_PopupActions_Menu .dxm-separator {
        display: none !important;
        width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Butonun kendisi: boy, satır yüksekliği ve görünüm */
    body.Dialog #Logon_PopupActions_Menu .dxm-item > a.dxm-content {
        height: 36px !important;
        line-height: 36px !important;
        padding: 0 18px !important;
        border-radius: 10px !important;
        background: linear-gradient(145deg,#009b68,#007a53) !important;
        color: #fff !important;
        font-weight: 600 !important;
        border: 0 !important;
        box-shadow: 0 4px 10px rgba(0,130,84,.25) !important;
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        text-decoration: none !important;
    }

        body.Dialog #Logon_PopupActions_Menu .dxm-item > a.dxm-content:hover {
            transform: translateY(-1px);
            box-shadow: 0 6px 16px rgba(0,130,84,.35) !important;
            filter: brightness(1.05);
        }

        body.Dialog #Logon_PopupActions_Menu .dxm-item > a.dxm-content:active {
            transform: translateY(0);
            box-shadow: 0 2px 6px rgba(0,130,84,.2) !important;
        }

        /* (opsiyonel) metin önüne kilit ikonu */
        body.Dialog #Logon_PopupActions_Menu .dxm-item > a.dxm-content::before {
            content: "🔒";
            margin-right: 8px;
            font-size: 14px;
        }
/* ==== LOGIN.ASPX ÖZEL AYARLAR ==== */
body.Dialog #Logon_TableCell4 {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    padding-top: 12px !important; /* butondan yukarıya boşluk */
}

/* dxmLite_DevEx genel stillerini etkilemeden override */
body.Dialog #Logon_PopupActions_Menu,
body.Dialog #Logon_PopupActions_Menu .dxm-main {
    width: auto !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

    /* Oturum Aç butonu — beyaz zemin, yeşil yazı */
    body.Dialog #Logon_PopupActions_Menu .dxm-item > a.dxm-content {
        background: #fff !important;
        color: #008254 !important;
        border: 1px solid #008254 !important;
        border-radius: 10px !important;
        padding: 10px 22px !important;
        font-weight: 600 !important;
        letter-spacing: 0.3px;
        transition: all 0.15s ease-in-out;
        box-shadow: 0 3px 10px rgba(0,130,84,0.15) !important;
    }

        body.Dialog #Logon_PopupActions_Menu .dxm-item > a.dxm-content:hover {
            background: #008254 !important;
            color: #fff !important;
            box-shadow: 0 4px 12px rgba(0,130,84,0.25) !important;
        }

        /* Kilit ikonunu kaldır */
        body.Dialog #Logon_PopupActions_Menu .dxm-item > a.dxm-content::before {
            content: none !important;
        }

/* Kullanıcı adı / parola arası boşluğu artır */
body.Dialog #Logon_v0_MainLayoutEdit_xaf_l35_xaf_l35_ctbl {
    margin-top: 12px !important;
}
/* ==== LOGIN SAYFASI SON DOKUNUŞLAR ==== */

/* Kart içi genel boşluklar */
body.Dialog #Logon_v0_MainLayoutEdit {
    padding: 20px 24px !important; /* üst-alt 20px, yanlar 24px */
    box-sizing: border-box;
}

/* Hoş geldiniz yazısı ile kartın üstü arası */
body.Dialog #Logon_v0_MainLayoutEdit_xaf_l21_xaf_dviLogonText {
    display: block;
    margin-top: 10px !important; /* üst boşluk */
    margin-bottom: 8px !important;
}

/* Parola alanı alt boşluk */
body.Dialog #Logon_v0_MainLayoutEdit_xaf_l35_xaf_l35_ctbl {
    margin-bottom: 16px !important;
}

/* Buton satırı hizalama ve arka dikdörtgenin temizlenmesi */
body.Dialog #Logon_TableCell4 {
    display: flex !important;
    justify-content: flex-end !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding-top: 6px !important;
}

/* Menü konteynerini tamamen şeffaf yap */
body.Dialog #Logon_PopupActions_Menu,
body.Dialog #Logon_PopupActions_Menu .dxm-main {
    width: auto !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

    /* Buton görünümü — beyaz zemin, yeşil yazı */
    body.Dialog #Logon_PopupActions_Menu .dxm-item > a.dxm-content {
        background: #fff !important;
        color: #008254 !important;
        border: 2px solid #008254 !important;
        border-radius: 10px !important;
        padding: 10px 24px !important;
        font-weight: 600 !important;
        letter-spacing: 0.3px;
        transition: all 0.15s ease-in-out;
        box-shadow: none !important; /* arka dikdörtgeni kaldırır */
    }

        /* Hover efekti — ters renk */
        body.Dialog #Logon_PopupActions_Menu .dxm-item > a.dxm-content:hover {
            background: #008254 !important;
            color: #fff !important;
        }


/* Eğer üst kısımdan taşma oluyorsa, overflow engelle */
.dxpcDropDown_DevEx {
    overflow: visible !important;
}
/* Drop-down konumunu bozan dönüştürmeleri kapat */
html, body,
.vsc-panel, /* ViewSite container'ınız */
.dxsplControl_DevEx, /* Splitter varsa */
.dxmLite_DevEx, /* Menü */
.dxnbLite_DevEx, /* NavBar */
.dxgvControl_DevEx { /* GridView dış kapsayıcısı */
    transform: none !important;
    zoom: 1 !important; /* varsa zoom değerini sıfırla */
    filter: none !important; /* eski IE/edge filtreleri */
    -webkit-transform: none !important;
}

/* === DropDown hizalama (biraz daha aşağı) === */
/*.dxeDropDownWindow,
.dxpcDropDown_DevEx,
.dxeListBoxDropDown {
 
    top: auto !important;
    left: auto !important;
    transform: none !important;*/
    /* 2px yerine 12px — biraz daha aşağı */
    /*z-index: 999999 !important;
}*/

.menuButtons_DevEx .dxm-item {
    background: #fff !important;
    color: #008254 !important;
    border: 2px solid #008254 !important;
    border-radius: 10px !important;
    padding: 0 4px 0 4px !important;
    font-family: Calibri;
    font-size: 12px;
    background-image: none !important;
}

.dxmLite_DevEx.dxm-ltr .dxm-popup .dxm-content {
    border: 2px solid #008254 !important;
    border-radius: 10px !important;
}

.dxmLite_DevEx.dxm-ltr .dxm-popup :hover {
    background: rgb(235, 248, 210);
}

.dxtcLite_DevEx .dxtc-content, .dx-acc, .dxtbControl_DevEx, .dxtbLite_DevEx, .ActionContainerHolder, .Toolbar, .ViewToolbar {
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 130, 84, 0.15) !important;
    border-radius: 10px !important;
    padding: 4px 10px !important;
    margin-bottom: 8px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}
/* ==== PIVOT GRID TASARIMINI NORMAL GRID'E YAKLAŞTIR ==== */

/* Ana pivot kutusu: grid kartlarıyla aynı olsun */
.dxpgControl_DevEx {
    background: #fff !important;
    border: 1px solid rgba(0, 130, 84, .20) !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 18px rgba(0, 130, 84, .12) !important;
    padding: 8px 8px 12px 8px !important;
    width: 100% !important;
}

/* "Filtre alanlarını buraya bırak" ve alan başlıkları */
.dxpgFilterHeaderArea_DevEx,
.dxpgGroupHeaderArea_DevEx {
    background: #f9fefb !important;
    border: 1px solid rgba(0, 130, 84, .20) !important;
    border-radius: 10px !important;
    padding: 6px 10px !important;
    margin-bottom: 8px !important;
    font-size: 12px !important;
    color: #0b3d2e !important;
}

/* Satır/kolon alanları için arka plan */
.dxpgColumnArea_DevEx,
.dxpgRowArea_DevEx,
.dxpgDataArea_DevEx {
    background: #fff !important;
}

/* Pivot başlıkları: normal grid header’ı gibi */
.dxpgHeader_DevEx {
    background: #fff !important;
    border-bottom: 1px solid rgba(0, 130, 84, .20) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #0b3d2e !important;
    padding: 6px 8px !important;
    white-space: nowrap;
    border-radius: 12px !important;
}

/* Hücreler */
.dxpgCell_DevEx,
.dxpgTotalCell_DevEx,
.dxpgGrandTotalCell_DevEx {
    font-size: 12px !important;
    padding: 4px 6px !important;
}

/* Satır hover efekti – grid ile aynı his */
.dxpgDataArea_DevEx tr:hover td.dxpgCell_DevEx {
    background: #f3fff9 !important;
}

/* Satır ayırıcıları biraz yumuşat */
.dxpgDataArea_DevEx td.dxpgCell_DevEx {
    border-color: rgba(0, 130, 84, .10) !important;
}

/* ===============================
   ANA BAŞLIK – HOVER
   =============================== */
.dxnbLite_DevEx .dxnb-header:hover,
.LeftPane .dxnbLite_DevEx .dxnb-groupHeader:hover {
    background: #f3fff9 !important; /* açık yeşil */
    border-color: #008254 !important;
    color: #005b41 !important;
}

/* ===============================
   ANA BAŞLIK – COLLAPSED (KAPALI)
   =============================== */
.dxnbLite_DevEx .dxnb-headerCollapsed {
    background: #eef7f3 !important; /* daha mat */
    border: 1px dashed rgba(0,130,84,.35) !important;
    color: #006b4a !important;
}

    /* Kapalı + hover */
    .dxnbLite_DevEx .dxnb-headerCollapsed:hover {
        background: #e2f3ec !important;
        border-color: #008254 !important;
    }
/* ===============================
   ANA BAŞLIK – HOVER
   =============================== */
.dxnbLite_DevEx .dxnb-header:hover,
.LeftPane .dxnbLite_DevEx .dxnb-groupHeader:hover {
    background: #f3fff9 !important; /* açık yeşil */
    border-color: #008254 !important;
    color: #005b41 !important;
}

/*.dxnbLite_DevEx .dxnb-header:hover,
.LeftPane .dxnbLite_DevEx .dxnb-groupHeader::selection {
    background: #008254 !important;
    border-color: #f3fff9 !important;
    color: #005b41 !important;
}*/

/* ===============================
   ANA BAŞLIK – COLLAPSED (KAPALI)
   =============================== */
.dxnbLite_DevEx .dxnb-headerCollapsed {
    background: #eef7f3 !important; /* daha mat */
    border: 1px dashed rgba(0,130,84,.35) !important;
    color: #006b4a !important;
}

    /* Kapalı + hover */
    .dxnbLite_DevEx .dxnb-headerCollapsed:hover {
        background: #e2f3ec !important;
        border-color: #008254 !important;
    }

/*    .dxnbLite_DevEx .dxnb-headerCollapsed::selection {
        background: #008254 !important;
        border-color: #f3fff9 !important;
        color: #005b41 !important;
    }*/
/* ===============================
   ALT BAŞLIKLAR – HOVER
   =============================== */
.dxnbLite_DevEx .dxnb-item.dxnb-link:hover,
.dxnbLite_DevEx .dxnb-item .dxnb-link:hover,
.dxnbLite_DevEx .dxnb-large.dxnb-link:hover,
.dxnbLite_DevEx .dxnb-large .dxnb-link:hover {
    background: #f3fff9 !important;
    border-color: #008254 !important;
    color: #005b41 !important;
}

/*.dxnbLite_DevEx .dxnb-item.dxnb-link::selection,
.dxnbLite_DevEx .dxnb-item .dxnb-link::selection,
.dxnbLite_DevEx .dxnb-large.dxnb-link::selection,
.dxnbLite_DevEx .dxnb-large .dxnb-link::selection {
    background: #008254 !important;
    border-color: #f3fff9 !important;
    color: #005b41 !important;
}*/

/* ===============================
   ALT BAŞLIK – SELECTED / ACTIVE
   =============================== */
.dxnbLite_DevEx .dxnb-item.dxnb-selected,
.dxnbLite_DevEx .dxnb-item.dxnb-selected .dxnb-link {
    background: linear-gradient(145deg, #009b68, #007a53) !important;
    color: #fff !important;
    border-color: #007a53 !important;
}

    /* Seçili ikon rengi */
    .dxnbLite_DevEx .dxnb-item.dxnb-selected img {
        filter: brightness(0) invert(1);
    }

.dxnbLite_DevEx .dxnb-header,
.dxnbLite_DevEx .dxnb-item,
.dxnbLite_DevEx .dxnb-large {
    transition: background .15s ease, border-color .15s ease, color .15s ease, transform .12s ease;
}

    .dxnbLite_DevEx .dxnb-header:hover,
    .dxnbLite_DevEx .dxnb-item:hover {
        transform: translateY(-1px);
    }

    .dxnbLite_DevEx .dxnb-item.dxnb-selected,
    .dxnbLite_DevEx .dxnb-item.dxnb-selected .dxnb-link,
    .dxnbLite_DevEx .dxnb-large.dxnb-selected,
    .dxnbLite_DevEx .dxnb-large.dxnb-selected .dxnb-link {
        background: #008254 !important; /* koyu yeşil */
        color: #fff !important;
        border-color: #006b45 !important;
    }

        .dxnbLite_DevEx .dxnb-item.dxnb-selected img,
        .dxnbLite_DevEx .dxnb-large.dxnb-selected img {
            filter: brightness(0) invert(1) !important;
        }

/* ===============================
   SEÇİLİ ANA BAŞLIK
   =============================== */
.dxnbLite_DevEx .dxnb-headerSelected {
    background: #006b45 !important; /* biraz daha koyu */
    color: #fff !important;
    border-color: #005a3a !important;
}
    .dxnbLite_DevEx .dxnb-item.dxnb-selected:hover,
    .dxnbLite_DevEx .dxnb-headerSelected:hover {
        background: #008254 !important;
        color: #fff !important;
    }

.GroupHeader td.Label {
    width: 100%;
    color: #008254;
    font-weight: bold;
    font-size: 19px;
    padding: 0px 5px 0px 5px;
    border: 1px solid rgba(0,130,84,.20) !important;
    border-radius: 12px !important;
}

.Layout .Caption {
    width: 100px;
    color: #008254;
    vertical-align: middle;
    padding: 2px 0px 2px 0px;
    white-space: nowrap;
    font-weight: bold;
}
.dxgvLoadingPanel_DevEx .dxlp-loadingImage {
   
    background-image: url('../images/elma.png') ;
    height: 32px;
    width: 32px;
}
/* XAF Search / FullTextSearch textbox */
.dxeButtonEdit_DevEx,
.dxeTextBox_DevEx {
    border: 1px solid rgba(0,130,84,.35) !important;
    border-radius: 12px !important;
    height: 34px !important;
    background: #fff !important;
    box-shadow: none !important;
}

    /* İç input */
    .dxeButtonEdit_DevEx input,
    .dxeTextBox_DevEx input {
        padding: 6px 10px !important;
        font-size: 13px !important;
        color: #0b3d2e !important;
    }

    /* Focus hali */
    .dxeButtonEdit_DevEx.dxeFocused_DevEx,
    .dxeTextBox_DevEx.dxeFocused_DevEx {
        border-color: #008254 !important;
        box-shadow: 0 0 0 2px rgba(0,130,84,.15) !important;
       
    }

/* Arama ikonlu buton */
.dxeButtonEditButton_DevEx {
    background: transparent !important;
    border-left: 1px solid rgba(0,130,84,.25) !important;
   
}
.sfa-barcode-card .form-control, .sfa-barcode-card .dxeTextBox_DevEx input, .sfa-barcode-card .dxeEditArea_DevEx {
    height: 25px !important;
    font-size: 14px !important;
    
}
.sfa-barcode-card {
    padding: 6px !important;
    
}

/* Araçlar / Merkez vb. ikonlu kutular */
.quick-access-icons .dx-action,
.quick-access-icons .action-item,
.quick-access-icons a {
    min-width: 100px !important;
    max-width: 120px !important;
    height: 85px !important;
    padding: 7px 5px !important;
    background:rgba(0,130,84,.15);
}

/* İkon boyutu */
.quick-access-icons i,
.quick-access-icons svg,
.quick-access-icons img {
    font-size: 10px !important;
    width: 25px !important;
    height: 30px !important;
    margin-bottom: 6px !important;
}

/* Alt yazılar */
.quick-access-icons span,
.quick-access-icons .action-caption {
    font-size: 12px !important;
    line-height: 12px !important;
    color:#008254;
    font-weight:bold;
}
.quick-access-icons a {
    border-radius: 10px !important;
    box-shadow: 0 2px 6px rgba(0,130,84,.12) !important;
}
.sfa-barcode-card {
    background: rgba(0,130,84,.15) !important;
}
/* 2) Quick access responsive: dar ekranda satır kır */
@media (max-width: 1200px) {
    .sfa-qa-row {
        flex-wrap: wrap !important;
        overflow: visible !important;
    }

    .sfa-qa-item {
        flex: 0 0 auto !important;
    }

    .sfa-qa-link {
        min-width: 100px !important;
    }
}

@media (max-width: 768px) {
    .sfa-qa-link {
        min-width: 46% !important; /* 2’li diz */
    }
}

/* 4) Dropdown'lar her zaman kontrolün altında kalsın (scroll'da oynamasın)
   NOT: position: fixed / margin-top:280px gibi eski kuralları override eder */
/*.dxeDropDownWindow,
.dxpcDropDown,
.dxpcDropDown_DevEx,
.dxeListBoxDropDown {
    position: absolute !important;*/ /* fixed KULLANMA */
    /*margin-top: 0 !important;*/ /* yapay ofsetleri kapat */
    /*transform: none !important;*/ /* yeni stacking context olmasın */
    /*z-index: 200000 !important;
}*/

/* dropdown içi scroll zaten listede olsun */
.dxeListBox_DevEx {
    max-height: 260px !important;
    overflow: auto !important;
}
/* 5) Stüdyo dropdown ok alanını genişlet */
.sfa-barcode-card .dxeButtonEditButton_DevEx {
    width: 46px !important; /* 36 -> 46 */
    min-width: 46px !important;
}

.sfa-barcode-card .custombutton {
    width: 46px !important;
}
/* === SADECE GRID HEADER BACKGROUND AÇIK GRİ === */
.dxgvHeader_DevEx,
.dxgvHeader_DevEx table,
.dxgvHeader_DevEx td{
  background: #f2f2f2 !important;
  background-image: none !important;
}
/* =====================================================
   DEVEXPRESS DROPDOWN KONUMU – SOLA YAPIŞMAYI ENGELLE
   (left/top vermiyoruz; DevExpress JS hesaplasın)*/
=====================================================
/* DevExpress dropdown konumunu bozma: left/top VERME */
.dxeDropDownWindow,
.dxpcDropDown,
.dxpcDropDown_DevEx,
.dxeListBoxDropDown,
.dxpcLite .dxpc-mainDiv {
    z-index: 100000 !important; /* üstte kalsın */
}

/* Görsel stil (bunlar konumu bozmaz) */
.dxeDropDownWindow,
.dxpcDropDown,
.dxpcDropDown_DevEx,
.dxeListBoxDropDown,
.dxpcLite .dxpc-mainDiv {
    border: 2px solid #008254 !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 10px 26px rgba(0,130,84,.18) !important;
}
/* =========================================================
   SOFIT - TOOLBAR BUTTON FIX (eşit yükseklik + ortalama)
   ========================================================= */

/* XAF ViewToolBar içindeki tüm aksiyon butonları */
.ViewToolBar .dxbButton_DevEx,
.ViewToolBar .dxbButtonSys,
.ViewToolBar a.dxbButton_DevEx,
.ViewToolBar a.dxbButtonSys,
.ViewToolBar input[type="button"],
.ViewToolBar button {
    height: 32px !important; /* İstersen 32/36 yap */
    min-height: 32px !important;
    line-height: 32px !important; /* text baseline oynamasın */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
}

    /* DevExpress butonun iç tabelası (text/ikon ortalansın) */
    .ViewToolBar .dxbButton_DevEx .dxb,
    .ViewToolBar .dxbButtonSys .dxb {
        height: 32px !important;
        line-height: 32px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        box-sizing: border-box !important;
    }

    /* Buton içi yazı/ikon bazen span ile geliyor */
    .ViewToolBar .dxbButton_DevEx span,
    .ViewToolBar .dxbButtonSys span {
        line-height: 32px !important;
    }

    /* Bazı aksiyonlarda ikon ayrı hücre oluyor (eski DX) */
    .ViewToolBar .dxbButton_DevEx td,
    .ViewToolBar .dxbButtonSys td {
        vertical-align: middle !important;
        height: 32px !important;
    }

/* DetailView altındaki "Gözat" gibi upload / browse butonları */
.dxeButtonEditButton_DevEx,
.dxeButton_DevEx,
.dxeButtonSys {
    height: 32px !important;
    min-height: 32px !important;
    line-height: 32px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
}

    /* İçindeki yazı ortalaması */
     .dxeButton_DevEx .dxb,
    .dxeButtonSys .dxb,
    .dxeButtonEditButton_DevEx .dxb {
        height: 32px !important;
        line-height: 32px !important;
    }
/* =========================================================
   DevExpress 14.x - Toolbar Button Height Fix (agresif)
   Hedef: ViewToolBar içindeki tüm action butonları
   ========================================================= */

.ViewToolBar,
.ViewToolBar * {
    box-sizing: border-box;
}

    /* 1) Butonun dış kabı (bazen td/a/div oluyor) */
    .ViewToolBar .dxbButton_DevEx,
    .ViewToolBar .dxbButtonSys,
    .ViewToolBar .dxm-item a,
    .ViewToolBar .dxmLite_DevEx .dxm-item a {
        height: 34px !important;
        min-height: 34px !important;
        line-height: 34px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        vertical-align: middle !important;
    }

        /* 2) DevExpress button iç yapısı çoğu zaman table/td ile geliyor */
        .ViewToolBar .dxbButton_DevEx table,
        .ViewToolBar .dxbButtonSys table,
        .ViewToolBar .dxm-item table,
        .ViewToolBar .dxmLite_DevEx .dxm-item table {
            height: 34px !important;
            min-height: 34px !important;
            border-collapse: collapse !important;
        }

        /* 3) İç hücreler */
        .ViewToolBar .dxbButton_DevEx td,
        .ViewToolBar .dxbButtonSys td,
        .ViewToolBar .dxm-item td,
        .ViewToolBar .dxmLite_DevEx .dxm-item td {
            height: 34px !important;
            line-height: 34px !important;
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            vertical-align: middle !important;
        }

        /* 4) Text/label katmanı (bazı temalarda div/span ile gelir) */
        .ViewToolBar .dxbButton_DevEx .dxb,
        .ViewToolBar .dxbButtonSys .dxb,
        .ViewToolBar .dxbButton_DevEx span,
        .ViewToolBar .dxbButtonSys span {
            line-height: 34px !important;
        }

        /* 5) İkonlar baseline yüzünden yukarı kaçmasın */
        .ViewToolBar .dxbButton_DevEx img,
        .ViewToolBar .dxbButtonSys img,
        .ViewToolBar .dxm-item img {
            vertical-align: middle !important;
        }

/* =========================================================
   DetailView içindeki küçük butonlar (Ver / Döndür / Gözat)
   ========================================================= */
.dxeButton_DevEx,
.dxeButtonSys,
.dxeButtonEditButton_DevEx,
.dxeFileUpload_DevEx input[type="button"],
.dxeFileUpload_DevEx button {
    height: 34px !important;
    min-height: 34px !important;
    line-height: 34px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    vertical-align: middle !important;
}

    .dxeButton_DevEx table,
    .dxeButtonSys table,
    .dxeButtonEditButton_DevEx table {
        height: 34px !important;
    }

    .dxeButton_DevEx td,
    .dxeButtonSys td,
    .dxeButtonEditButton_DevEx td {
        height: 34px !important;
        line-height: 34px !important;
        vertical-align: middle !important;
    }

.dxpcLite_DevEx .dxpc-mainDiv,
.dxpcLite_DevEx.dxpc-mainDiv,
.dxdpLite_DevEx .dxpc-mainDiv,
.dxdpLite_DevEx.dxpc-mainDiv {
    background-color: #fff !important;
    border: 1px solid #008254 !important;
    /* ekranı taşırmasın */
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 24px) !important;
    /* içerik taşarsa kaydır */
    overflow: auto !important;
}

.dxsplControl_DevEx {
    font-family: Arial !important;
}


/* =========================
   GLOBAL: DevExpress SpinEdit / ButtonEdit height fix
   ========================= */
/*1) SpinEdit ve ButtonEdit dış kabuk (table) tek satır yüksekliğe çek*/
  
.dxeSpinEdit_DevEx,
.dxeButtonEdit_DevEx,
.dxeTextBox_DevEx,
.dxeDateEdit_DevEx,
.dxeComboBox_DevEx {
    height: 26px !important;  
    line-height: 26px !important;
}

 /*2) İç input (asıl edit area)*/ 
    .dxeSpinEdit_DevEx .dxeEditArea_DevEx,
    .dxeButtonEdit_DevEx .dxeEditArea_DevEx,
    .dxeTextBox_DevEx .dxeEditArea_DevEx,
    .dxeDateEdit_DevEx .dxeEditArea_DevEx,
    .dxeComboBox_DevEx .dxeEditArea_DevEx {
        height: 26px !important;
        line-height: 26px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        box-sizing: border-box !important;
    }

 /*3) SpinEdit ok butonları (B-2/B-3 div’leri) yarım yükseklik*/ 
.dxeSpinIncButton_DevEx,
.dxeSpinDecButton_DevEx {
    height: 18px !important;    
    line-height: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

 /*4) En kritik: DX’in img’lerine verdiği margin-top’u iptal et k*/
.dxEditors_edtSpinEditIncrementImage_DevEx,
.dxEditors_edtSpinEditDecrementImage_DevEx,
.dxEditors_edtSpinEditIncrementImageDisabled_DevEx,
.dxEditors_edtSpinEditDecrementImageDisabled_DevEx {
    margin-top: 0 !important;
    display: block !important;
}

/* Filter Oluşturucu popup içinde açılan dropdown listeler kırpılmasın */
div[id*="DXPFCForm_PW"].dxpcLite_DevEx,
div[id*="DXPFCForm_PW"].dxpcLite_DevEx .dxpc-mainDiv,
div[id*="DXPFCForm_PW"].dxpcLite_DevEx .dxpc-contentWrapper,
div[id*="DXPFCForm_PW"].dxpcLite_DevEx .dxpc-content,
div[id*="DXPFCForm_PW"].dxpcLite_DevEx .dxgvFilterBuilderMainArea_DevEx {
    overflow: visible !important;
}