@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* /Shared/MainLayout.razor.rz.scp.css */
/* /Shared/NavMenu.razor.rz.scp.css */
/* Modern NavMenu Styling */
.nav-logo-container[b-6vkn5qsubu] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    cursor: pointer;
    transition: all 0.3s ease;
}

    .nav-logo-container:hover[b-6vkn5qsubu] {
        background-color: rgba(0, 0, 0, 0.04);
    }

.nav-logo[b-6vkn5qsubu] {
    max-width: 180px;
    height: auto;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.nav-logo-container:hover .nav-logo[b-6vkn5qsubu] {
    transform: scale(1.05);
}

.mud-nav-link[b-6vkn5qsubu] {
    border-radius: 8px;
    margin: 4px 8px;
    transition: all 0.2s ease;
}

    .mud-nav-link:hover[b-6vkn5qsubu] {
        background-color: rgba(103, 126, 234, 0.08) !important;
        transform: translateX(4px);
    }

.mud-nav-link-active[b-6vkn5qsubu] {
    background: linear-gradient(90deg, rgba(103, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%) !important;
    color: #667eea !important;
    font-weight: 600;
    border-left: 3px solid #667eea;
}

    .mud-nav-link-active .mud-icon-root[b-6vkn5qsubu] {
        color: #667eea !important;
    }

.mud-nav-group[b-6vkn5qsubu] {
    margin: 4px 8px;
}

    .mud-nav-group .mud-nav-link[b-6vkn5qsubu] {
        padding-left: 2.5rem;
        font-size: 0.875rem;
    }

.mud-nav-group-header[b-6vkn5qsubu] {
    border-radius: 8px;
    transition: all 0.2s ease;
}

    .mud-nav-group-header:hover[b-6vkn5qsubu] {
        background-color: rgba(103, 126, 234, 0.08) !important;
    }

    /* Icon Styling */
    .mud-nav-link .mud-icon-root[b-6vkn5qsubu],
    .mud-nav-group-header .mud-icon-root[b-6vkn5qsubu] {
        color: rgba(0, 0, 0, 0.6);
        transition: color 0.2s ease;
    }

    .mud-nav-link:hover .mud-icon-root[b-6vkn5qsubu],
    .mud-nav-group-header:hover .mud-icon-root[b-6vkn5qsubu] {
        color: #667eea;
    }

/* Divider Styling */
.mud-divider[b-6vkn5qsubu] {
    margin: 0.5rem 1rem;
    background-color: rgba(0, 0, 0, 0.08);
}

/* Mini Drawer Styling */
.mud-drawer-mini .mud-nav-link[b-6vkn5qsubu] {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}

    .mud-drawer-mini .mud-nav-link .mud-icon-root[b-6vkn5qsubu] {
        margin-right: 0;
    }

/* Scrollbar for long menus */
.mud-nav-menu[b-6vkn5qsubu]::-webkit-scrollbar {
    width: 6px;
}

.mud-nav-menu[b-6vkn5qsubu]::-webkit-scrollbar-track {
    background: transparent;
}

.mud-nav-menu[b-6vkn5qsubu]::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

    .mud-nav-menu[b-6vkn5qsubu]::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 0, 0, 0.3);
    }

/* Animation for expand/collapse */
.mud-nav-group-content[b-6vkn5qsubu] {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Smooth color transitions */
.mud-nav-link[b-6vkn5qsubu],
.mud-nav-group-header[b-6vkn5qsubu],
.mud-icon-root[b-6vkn5qsubu] {
    transition: all 0.2s ease;
}