/* CC-02b Wave 2 - extracted from FRONTEND/05_communication/communication-hub.html */
.animate-fade-in-up { animation: fadeInUp 0.6s ease-out; }
        .animate-slide-in-left { animation: slideInLeft 0.8s ease-out; }
        .animate-bounce-gentle { animation: bounce 2s infinite; }

        .contact-item {
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .contact-item:hover {
            background-color: rgba(14, 165, 233, 0.05);
        }

        .contact-item.active {
            background-color: rgba(14, 165, 233, 0.1);
            border-left: 0.25rem solid #0ea5e9;
        }

        .chat-bubble-sent {
            background: linear-gradient(135deg, #0ea5e9 0%, #3b82f6 100%);
            margin-left: auto;
            border-radius: 1rem 1rem 0.25rem 1rem;
        }

        .chat-bubble-received {
            background: #f3f4f6;
            margin-right: auto;
            border-radius: 1rem 1rem 1rem 0.25rem;
        }

        .dark .chat-bubble-received {
            background: #374151;
        }

        .unread-badge {
            background: linear-gradient(135deg, #ef4444 0%, #f97316 100%);
            animation: pulse 2s infinite;
        }

        .online-indicator {
            background: #22c55e;
            box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #22c55e;
        }

        .dark .online-indicator {
            box-shadow: 0 0 0 0.125rem #1f2937, 0 0 0 0.25rem #22c55e;
        }

        .chat-messages {
            height: 24rem;
            overflow-y: auto;
        }