/* ULTRA MODERN DARK TREEMENU */

/* 1. Ana Fon və Blur Effekti */
.x-treemenu, .x-list-treemenu {
    background: #0f172a !important; /* Midnight Blue fon */
    padding: 15px 10px !important;
}

/* 2. Menyu Sətri - Şüşə effekti (Glassmorphism) */
.x-list-item, .x-treelist-item {
    background-color: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    margin: 8px 12px !important;
    border-radius: 14px !important; /* Tam yumru yox, müasir künclər */
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    position: relative;
    overflow: hidden;
}

/* 3. Yazı Tipi və Parlaqlıq */
.x-innerhtml, .x-treelist-item-text {
    font-family: 'Inter', sans-serif !important;
    color: #94a3b8 !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px;
}

/* 4. SEÇİLMİŞ ELEMENT - Neon Glow Effekti */
.x-list-item-selected {
    background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%) !important; /* İndigo-Bənövşəyi keçid */
    border: none !important;
    box-shadow: 0 10px 20px -5px rgba(99, 102, 241, 0.5) !important; /* Yumşaq neon kölgə */
    transform: translateY(-2px) scale(1.02); /* Yüngülcə yuxarı qalxma */
}

.x-list-item-selected .x-innerhtml, 
.x-list-item-selected .x-icon-el {
    color: #ffffff !important;
    font-weight: 600 !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* 5. Sol tərəfdəki Aktivlik Xətti (Indicator) */
.x-list-item-selected::before {
    content: "";
    position: absolute;
    left: 0;
    top: 25%;
    height: 50%;
    width: 4px;
    background: #fff;
    border-radius: 0 4px 4px 0;
}

/* 6. İkonlar - Daha parlaq və mərkəzlənmiş */
.x-icon-el {
    font-size: 18px !important;
    margin-right: 12px !important;
    transition: all 0.3s ease !important;
}

/* 7. Hover (Üzərinə gələndə) */
.x-list-item:hover:not(.x-list-item-selected) {
    background-color: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    padding-left: 5px !important;
}