.divMainMenuIcon {
    --animate-delay: .5s;
    --animate-repeat: 2;
}

.mainMenuIcon {
    font-size: 20px;
}

.mainMenuIcon {
    padding: 5px;
    background-color: #3b6381;
    color: white;
    border-radius: 5px;
}

#mainMenuIconCollapsed .mainMenuIcon {
    font-size: 15px !important;
}

.mnuLoginAsExternal {
    background: linear-gradient(to top, #b52b27, #e87774) !important;
    box-shadow: 0 2px 4px #000000;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
    border: 0;
    font-weight: bold;
}

    .mnuLoginAsExternal:hover {
        background: linear-gradient(to top, #9e2420, #f08c89);
        border: 0;
        box-shadow: 0 3px 6px #000000;
        box-shadow: 0 3px 6px rgba(0,0,0,0.25);
    }

    .mnuLoginAsExternal .dx-menu-item-text {
        filter: drop-shadow(2px 0 4px white) !important;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

.menuItemIcon {
    font-size: 14px !important;
}

#mnu .dx-menu-item {
    background-color: #5398c9;
    border-bottom: solid 1px white;
    color: white;
    border-radius: 4px;
}

    #mnu .dx-menu-item:hover {
        color: white;
        background-color: #3b6381;
    }

#mnu .dx-menu-item-selected {
    color: white;
    background-color: #3b6381;
}

#mnu .dx-menu-item-expanded {
    background-color: #3b6381;
}

#mnu.dx-menu-base .dx-menu-items-container {
    width: 99%;
}

.mnuSubMenuMain .dx-menu-item {
    background-color: #5398c9;
    border-bottom: solid 1px white;
    color: white;
    border-radius: 4px;
}


    .mnuSubMenuMain .dx-menu-item:hover {
        color: white;
        background-color: #3b6381;
    }


.mnuSubMenuMain .dx-menu-item-selected {
    color: white;
    background-color: #3b6381;
}

.mnuSubMenuMain .dx-submenu .dx-menu-item-popout {
    color: white !important;
}

#drw.dx-drawer-left .dx-drawer-panel-content {
    border-right: #265a87 solid 2px;
    border-radius: 5px;
}


/* === Panel === */
#mnu {
    background: linear-gradient(to bottom,#1e436b,#15314f);
    border-radius: 8px;
    padding: 10px;
    box-shadow: 2px 0 8px #000000;
    box-shadow: 2px 0 8px rgba(0,0,0,.25);
}

    /* === Genel item === */
    #mnu .dx-treeview-item {
        background: linear-gradient(to top, #337ab7, #5fa8e0);
        box-shadow: 0 2px 4px #000000;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        transition: all 0.3s ease;
        border: 0;
        /*border-bottom: 1px solid rgba(255,255,255,.3);*/
        color: #fff;
        border-radius: 6px;
        margin: 2px 0;
    }

        /* Hover (yalnızca seçili olmayanlar) */
        #mnu .dx-treeview-item:not(.dx-treeview-item-selected):hover {
            background: linear-gradient(to right,#3b7aa5,#4f94c4);
            transform: translateX(2px);
            box-shadow: 0 2px 5px #000000;
            box-shadow: 0 2px 5px rgba(0,0,0,.15);
            color: #fff;
        }

    /* === Seçili item (her seviyede baskın) === */
    #mnu .dx-treeview-item-selected {
        background: linear-gradient(to right,#2d6393,#3f8fc5);
        color: #fff;
        font-weight: 600;
        box-shadow: inset 0 0 5px #ffffff;
        box-shadow: inset 0 0 5px rgba(255,255,255,.2);
    }

        #mnu .dx-treeview-item-selected .dx-item-content.dx-treeview-item-content {
            color: yellow;
        }

    /* Seviye-2 seçiliye küçük ton farkı (opsiyonel) */
    #mnu .dx-treeview-node[aria-level="2"] .dx-treeview-item.dx-treeview-item-selected {
        background: linear-gradient(to right,#265a87,#3f8fc5);
    }

    /* Seviye-2: seçili OLMAYANlar daha açık tonda */
    #mnu .dx-treeview-node[aria-level="2"] .dx-treeview-item:not(.dx-treeview-item-selected) {
        background: linear-gradient(to right,#4a89b5,#5fa8e0);
        border-radius: 4px;
    }

    /* Expanded görünümü: yalnızca seçili olmayanlarda */
    #mnu .dx-treeview-item-expanded:not(.dx-treeview-item-selected) {
        background: linear-gradient(to right,#3b6381,#4a89b5);
        border-radius: 6px 6px 0 0;
    }

    /* Düğüm aralıkları */
    #mnu .dx-treeview-node {
        margin-bottom: 2px;
    }

    /* İçerik hizalama */
    #mnu .dx-treeview-item-content {
        display: flex;
        align-items: center;
        /*padding: 6px 10px;*/
    }

    /* Ok/Toggle rengi */
    #mnu .dx-treeview-toggle-item-visibility {
        color: #fff;
        transition: color .3s ease;
    }

    #mnu .dx-treeview-item-selected .dx-treeview-toggle-item-visibility {
        color: #fff;
        opacity: .95;
    }

    /* Metin stili */
    #mnu .dx-treeview-item-content > span {
        display: inline-block;
        overflow: hidden;
        white-space: pre-line;
        font-weight: 500 !important;
        font-style: normal;
        letter-spacing: .3px;
        text-shadow: 0 1px 2px #000000;
        text-shadow: 0 1px 2px rgba(0,0,0,.3);
    }

    /* Erişilebilirlik: klavye odağı */
    #mnu .dx-treeview-item:focus {
        outline: 2px solid #ffffff;
        outline: 2px solid rgba(255,255,255,.35);
        outline-offset: 2px;
    }