.floating-chat {
    transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
}

.floating-chat.hxd-chat-obscured {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(8px);
}

@media (max-width: 768px) {
    body .floating-chat {
        right: max(12px, env(safe-area-inset-right));
        bottom: max(12px, env(safe-area-inset-bottom));
    }

    body .floating-chat .chat-btn {
        width: 44px;
        height: 44px;
        padding: 0;
        border-radius: 50%;
        justify-content: center;
        font-size: 0;
    }

    body .floating-chat .chat-btn i {
        font-size: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .floating-chat {
        transition: none;
    }
}