<!-- Messaging Module -->
<div class="messaging-module" id="messaging-module">
    <div class="messaging-header">
        <div class="messaging-title">Team Messages</div>
        <div class="messaging-actions">
            <button class="messaging-btn" id="minimize-chat">
                <i class="fas fa-minus"></i>
            </button>
            <button class="messaging-btn" id="close-chat">
                <i class="fas fa-times"></i>
            </button>
        </div>
    </div>
    <div class="messaging-body">
        <div class="message-item unread">
            <div class="message-avatar">JD</div>
            <div class="message-content">
                <div class="message-sender">
                    <span>John Doe</span>
                    <span class="message-time">10:24 AM</span>
                </div>
                <div class="message-preview">Can we schedule a meeting to discuss the new EHR implementation?</div>
            </div>
            <div class="message-unread"></div>
        </div>
        
        <div class="message-item unread">
            <div class="message-avatar">SR</div>
            <div class="message-content">
                <div class="message-sender">
                    <span>Sarah Reynolds</span>
                    <span class="message-time">9:45 AM</span>
                </div>
                <div class="message-preview">Urgent: Pharmacy system showing discrepancies in stock levels</div>
            </div>
            <div class="message-unread"></div>
        </div>
        
        <div class="message-item">
            <div class="message-avatar">MK</div>
            <div class="message-content">
                <div class="message-sender">
                    <span>Mike Kim</span>
                    <span class="message-time">Yesterday</span>
                </div>
                <div class="message-preview">The lab module update is complete. Ready for testing when you are</div>
            </div>
        </div>
        
        <div class="message-item">
            <div class="message-avatar">AR</div>
            <div class="message-content">
                <div class="message-sender">
                    <span>Amanda Rodriguez</span>
                    <span class="message-time">Yesterday</span>
                </div>
                <div class="message-preview">Patient queue management system needs optimization for peak hours</div>
            </div>
        </div>
        
        <div class="message-item">
            <div class="message-avatar">TP</div>
            <div class="message-content">
                <div class="message-sender">
                    <span>Thomas Parker</span>
                    <span class="message-time">Jun 12</span>
                </div>
                <div class="message-preview">Fleet management dashboard is ready for your review</div>
            </div>
        </div>
    </div>
    <div class="messaging-input">
        <input type="text" placeholder="Type a message...">
        <button class="send-btn">
            <i class="fas fa-paper-plane"></i>
        </button>
    </div>
</div>