/* Chat Button Navigation Styling */
.menu-item[data-item="chat"] {
    background: linear-gradient(135deg, 
        rgba(147, 51, 234, 0.08) 0%, 
        rgba(79, 70, 229, 0.06) 50%, 
        rgba(147, 51, 234, 0.04) 100%) !important;
    border: 2px solid rgba(147, 51, 234, 0.15) !important;
    box-shadow: 
        0 15px 45px rgba(0, 0, 0, 0.08),
        0 5px 15px rgba(0, 0, 0, 0.05),
        inset 0 2px 0 rgba(147, 51, 234, 0.15),
        inset 0 -2px 0 rgba(147, 51, 234, 0.05),
        inset 0 0 0 3px rgba(147, 51, 234, 0.12) !important;
}

.menu-item[data-item="chat"]:hover {
    transform: translateY(-4px) scale(1.02) !important;
    border-color: rgba(147, 51, 234, 0.3) !important;
    box-shadow: 
        0 30px 80px rgba(0, 0, 0, 0.12),
        0 15px 45px rgba(147, 51, 234, 0.15),
        0 5px 15px rgba(0, 0, 0, 0.08),
        inset 0 3px 0 rgba(147, 51, 234, 0.25),
        inset 0 -3px 0 rgba(147, 51, 234, 0.1),
        inset 0 0 0 3px rgba(147, 51, 234, 0.2) !important;
}

.menu-item[data-item="chat"] .menu-icon {
    color: #9333ea !important;
    text-shadow: 0 0 20px rgba(147, 51, 234, 0.8) !important;
}

.menu-item[data-item="chat"]:hover .menu-icon {
    transform: scale(1.2) rotate(-5deg) !important;
    text-shadow: 0 0 25px rgba(147, 51, 234, 1) !important;
}

.menu-item[data-item="chat"]:active {
    transform: translateY(-2px) scale(1.01) !important;
}