@keyframes prospect-chatbot-pulse {
    0%,
    100% {
        transform: translateY(0);
        box-shadow: 0 24px 48px rgba(7, 18, 38, 0.24);
    }
    50% {
        transform: translateY(-2px);
        box-shadow: 0 30px 60px rgba(7, 18, 38, 0.32);
    }
}

@keyframes prospect-chatbot-badge-blink {
    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }
    45% {
        opacity: 0.45;
        transform: scale(0.88);
    }
    60% {
        opacity: 1;
        transform: scale(1.04);
    }
}

@keyframes prospect-chatbot-dot {
    0%,
    80%,
    100% {
        transform: translateY(0);
        opacity: 0.35;
    }
    40% {
        transform: translateY(-3px);
        opacity: 1;
    }
}

@media (min-width: 769px) and (max-width: 1300px) {
    .prospect-chatbot:not(.is-open) {
        top: 16px;
        right: 88px;
        bottom: auto;
        left: auto;
        z-index: 1100;
    }

    .prospect-chatbot:not(.is-open) .prospect-chatbot-toggle {
        width: 52px;
        height: 52px;
        min-height: 52px;
    }
}

@media (max-width: 768px) {
    .prospect-chatbot {
        right: 12px;
        left: 12px;
        bottom: max(12px, env(safe-area-inset-bottom));
        z-index: 1100;
        justify-items: stretch;
    }

    .prospect-chatbot:not(.is-open) {
        top: max(13px, env(safe-area-inset-top));
        right: 76px;
        bottom: auto;
        left: auto;
    }

    .prospect-chatbot-toggle {
        width: 52px;
        height: 52px;
        min-height: 52px;
        justify-self: end;
    }

    .prospect-chatbot-panel {
        width: 100%;
        height: min(74vh, 660px);
        min-height: min(500px, calc(100vh - 24px));
        max-height: min(80vh, 700px);
        border-radius: 26px;
    }

    .prospect-chatbot-head h3 {
        font-size: 1.14rem;
    }

    .prospect-chatbot-toggle-copy {
        display: none;
    }

    .prospect-chatbot-choices,
    .prospect-chatbot-actions {
        grid-template-columns: 1fr;
    }

    .prospect-chatbot-response-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
    }

    .prospect-chatbot-choice,
    .prospect-chatbot-action {
        width: 100%;
        justify-content: center;
    }

    .prospect-chatbot-bubble {
        max-width: 94%;
    }

    .prospect-chatbot-lead-actions {
        grid-template-columns: 1fr;
    }

    .prospect-chatbot-lead-topline {
        align-items: flex-start;
    }
}