@charset "utf-8";
/* CSS Document */

/* RV LOADER CONTAINER */
	.rv-loading-container {
		margin: 10px;
		width: 50px;
		height: 30px;
		position: relative;
		float: left; /* Keeps it on the left side like the bot message */
	}

	/* SVG STYLES */
	.rv-svg {
		width: 100%;
		height: 100%;
		overflow: visible;
	}

	/* ANIMATIONS */
	@keyframes spin-wheels {
		0% { transform: rotate(0deg); transform-origin: center; }
		100% { transform: rotate(360deg); transform-origin: center; }
	}

	@keyframes rv-bounce {
		0% { transform: translateY(0); }
		100% { transform: translateY(-2px); }
	}

	/* Apply Animations to SVG parts */
	.rv-wheel {
		animation: spin-wheels 0.3s infinite linear;
		transform-box: fill-box; /* Ensures rotation happens around the wheel's center */
	}

	.rv-body {
		animation: rv-bounce 0.4s infinite alternate ease-in-out;
	}
	
    /* Fixed Trigger Button (Bottom Right) */
    #vrv-chat-trigger {
        position: fixed;
        top: 20px;
        right: 20px;
        z-index: 9999;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        font-size: 28px; /* Icon size */
        padding: 0;
        line-height: 55px; 
        box-shadow: 0 4px 10px rgba(0,0,0,0.3);
        transition: transform 0.2s;
    }
    #vrv-chat-trigger:hover {
        transform: scale(1.05);
    }

    /* The Chat Window (Bootstrap Panel) */
    #vrv-chat-panel {
        display: none; /* Hidden by default */
        position: fixed;
        top: 90px;
        right: 20px;
        width: 340px;
        z-index: 99999;
        box-shadow: 0 5px 20px rgba(0,0,0,0.25);
        margin-bottom: 0;
        border-radius: 8px;
        overflow: hidden;
    }

    /* Message Area */
    #vrv-chat-body {
        height: 380px;
        overflow-y: auto;
        background-color: #f9f9f9;
        padding: 15px;
    }

    /* Message Bubbles */
    .chat-msg {
        margin-bottom: 12px;
        padding: 10px 14px;
        border-radius: 12px;
        font-size: 14px;
        line-height: 1.4;
        clear: both;
        max-width: 85%;
        word-wrap: break-word;
		font-weight: normal;
    }
    .bot-msg {
        background-color: #e9e9eb;
        color: #333;
        float: left;
        border-bottom-left-radius: 2px;
    }
    .user-msg {
        background-color: #337ab7; /* Matches Bootstrap Primary */
        color: white;
        float: right;
        border-bottom-right-radius: 2px;
    }
    
    /* Disclaimer Text */
    .ai-disclaimer {
        font-size: 11px;
        color: #777;
        text-align: center;
        padding: 8px;
        background: #fdfdfd;
        border-bottom: 1px solid #eee;
    }
    
    /* Loading Indicator */
    .chat-typing {
        font-style: italic;
        color: #999;
        font-size: 12px;
        margin-bottom: 10px;
        clear: both;
        float: left;
        margin-left: 10px;
        display: none;
    }