.activity-history-container {
    max-width: 800px;
    margin: 2rem auto;
    padding: 0 1rem;
    
    .page-header {
        margin-bottom: 2rem;
    
        h2 {
            margin-bottom: 0.5rem;
            font-weight: 600;
        }
    }
    
    .content-panel {
        background-color: #fff;
        border: 1px solid #e9ecef;
        border-radius: 0.25rem;
        padding: 2rem;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    }
    
    .activity-list {
        .activity-item {
            display: flex;
            padding: 1.25rem 0;
            border-bottom: 1px solid #eee;
            
            &:last-child {
                border-bottom: none;
            }
            
            .activity-icon {
                width: 50px;
                height: 50px;
                border-radius: 50%;
                background-color: #f8f9fa;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-right: 1rem;
                flex-shrink: 0;
                
                i {
                    font-size: 1.5rem;
                    color: #007bff;
                }
            }
            
            .activity-content {
                flex: 1;
                
                .activity-header {
                    display: flex;
                    align-items: flex-start;
                    justify-content: space-between;
                    flex-wrap: wrap;
                    margin-bottom: 0.5rem;
                    
                    h5 {
                        margin: 0;
                        font-size: 1.1rem;
                        font-weight: 600;
                    }
                }
                
                .activity-time {
                    font-size: 0.875rem;
                    color: #6c757d;
                    white-space: nowrap;
                    margin-left: 1rem;
                }
                
                .activity-message {
                    margin-bottom: 0.5rem;
                }
                
                .activity-details {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 0.5rem;
                    
                    .badge {
                        font-weight: normal;
                    }
                }
            }
        }
    }
}