/* 📱 WhatsApp Connection Tab - Premium Styles */

@keyframes success-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

@keyframes robot-float {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-12px) rotate(5deg); }
}

@keyframes pulse-success {
    0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); }
    100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

/* Grid System */
.zn-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1.2fr; /* Ligeiramente maior para as instruções */
    gap: 1.5rem;
    align-items: stretch;
}

@media (max-width: 992px) {
    #whatsappConnectionGrid {
        grid-template-columns: 1fr !important;
    }
}

#qrConnectionSection .zn-card {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

#qrConnectionSection .zn-card:hover {
    border-color: rgba(99, 102, 241, 0.3);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
}

.connection-steps strong {
    color: var(--primary);
}

#connectionStatus {
    transition: all 0.5s ease;
}

#resetSessionBtn:hover {
    background: #f59e0b !important;
    color: #000 !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(245, 158, 11, 0.3);
}

#logoutSessionBtn:hover {
    background: #ef4444 !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(239, 68, 68, 0.3);
}

/* Simulator Enhancements */
#simulatorSection .zn-card {
    border-radius: var(--r-xl);
    border-color: rgba(16, 185, 129, 0.1);
}

#simChatMessages::-webkit-scrollbar {
    width: 6px;
}

#simChatMessages::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}

#simChatMessages::-webkit-scrollbar-thumb:hover {
    background: rgba(16, 185, 129, 0.4);
}

@keyframes simTypingPulse {
    0%, 100% { opacity: 0.3; transform: scale(0.8); }
    50% { opacity: 1; transform: scale(1.1); }
}