/* Hiệu ứng con trỏ nhấp nháy */
.typing-text::after {
    content: '|';
    animation: blink 0.7s infinite;
    font-weight: bold;
    margin-left: 2px;
    color: #0c826f;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

/* Xóa con trỏ khi đánh xong */
.typing-done::after {
    content: none;
}

/* Ẩn vùng chứa nút bấm lúc ban đầu */
.bot-actions-wrapper {
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

/* Class này sẽ được thêm bằng JS sau khi đánh máy xong */
.actions-visible {
    display: flex !important; /* Hoặc display: block tùy layout của bạn */
    opacity: 1;
}