/* ===== BASE STYLES ===== */
        body {
            font-family: 'Segoe UI', Arial, sans-serif !important;
            background-color: #e5ddd5 !important;
            background-image: url('https://wallpapercave.com/wp/wp14199731.jpg') !important;
            margin: 0 !important;
            padding: 0 !important;
            height: 100vh !important;
        }
	        
        .free-badge {
            background-color: #4CAF50;
            color: white;
            padding: 2px 5px;
            border-radius: 3px;
            font-size: 12px;
            margin-left: 5px;
	}
        
        /* ===== CHAT CONTAINER ===== */
        .chat-container {
            max-width: 100% !important;
            margin: 0 auto !important;
            background-color: transparent !important;
            height: 100vh !important;
            display: flex !important;
            flex-direction: column !important;
            position: relative !important;
        }
        
        /* ===== HEADER ===== */
        .chat-header {
            background-color: #075e54 !important;
            color: white !important;
            padding: 10px 15px !important;
            display: flex !important;
            align-items: center !important;
            gap: 15px !important;
            position: sticky !important;
            top: 0 !important;
            z-index: 100 !important;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12) !important;
        }
        
        .header-logo {
            height: 40px !important;
            width: auto !important;
            border-radius: 4px !important;
        }
        
        .header-title {
            font-size: 18px !important;
            font-weight: bold !important;
            flex-grow: 1 !important;
        }
        
        /* ===== MESSAGES ===== */
        /* Force dark text in all cases */
        body #chatMessages,
        body #chatMessages *:not(.timestamp) {
            color: #040C31 !important;
        }
        
        /* Override theme link colors */
        body #chatMessages a {
            color: #075e54 !important;
        }
        
        .chat-messages {
            flex: 1 !important;
            padding: 10px !important;
            overflow-y: auto !important;
            background-color: transparent !important;
        }
        
        .message {
            margin-bottom: 15px !important;
            max-width: 80% !important;
            padding: 8px 12px !important;
            border-radius: 7.5px !important;
            position: relative !important;
            word-wrap: break-word !important;
            box-shadow: 0 1px 0.5px rgba(0,0,0,0.13) !important;
        }
        
        .bot-message {
            background-color: white !important;
            align-self: flex-start !important;
            margin-right: auto !important;
            border-top-left-radius: 0 !important;
        }
        
        .user-message {
            background-color: #dcf8c6 !important;
            align-self: flex-end !important;
            margin-left: auto !important;
            border-top-right-radius: 0 !important;
        }
        
        /* ===== ASSISTANT STYLES ===== */
        .assistant-avatar {
            width: 40px !important;
            height: 40px !important;
            border-radius: 50% !important;
            object-fit: cover !important;
            margin-right: 10px !important;
            border: 2px solid white !important;
        }
        
        .assistant-message {
            display: flex !important;
            align-items: flex-start !important;
            margin-bottom: 15px !important;
        }
        
        /* ===== OPTIONS ===== */
        .options-container {
            display: flex !important;
            flex-direction: column !important;
            margin-top: 10px !important;
        }
        
        .option-button {
            background-color: white !important;
            border: 1px solid #075e54 !important;
            border-radius: 20px !important;
            padding: 8px 15px !important;
            margin: 5px 0 !important;
            cursor: pointer !important;
            text-align: left !important;
            transition: background-color 0.3s !important;
            font-size: 14px !important;
        }
        
        .option-button:hover {
            background-color: #f0f0f0 !important;
        }
        
        /* ===== TABLES ===== */
        .summary-table {
            width: 100% !important;
            border-collapse: collapse !important;
            margin: 10px 0 !important;
            font-size: 14px !important;
        }
        
        .summary-table th, .summary-table td {
            padding: 8px !important;
            border-bottom: 1px solid #ddd !important;
        }
        
        .summary-table th {
            background-color: #075e54 !important;
            color: #FFFFFF !important;
        }
        
        .summary-table th:first-child {
            text-align: left !important;
        }
        
        .summary-table th:last-child {
            text-align: right !important;
        }
        
        .summary-table td:first-child {
            text-align: left !important;
        }
        
        .summary-table td:last-child {
            text-align: right !important;
        }
        
        .summary-table .highlight td {
            font-weight: bold !important;
            color: #075e54 !important;
        }
        
        /* ===== NOTES ===== */
        .note {
            background-color: #e1f3fb !important;
            padding: 10px !important;
            border-radius: 5px !important;
            margin: 10px 0 !important;
            font-size: 13px !important;
            border-left: 4px solid #34b7f1 !important;
        }
        
        /* ===== FLOATING WHATSAPP ===== */
        .floating-whatsapp {
            position: fixed !important;
            bottom: 20px !important;
            right: 20px !important;
            z-index: 999 !important;
            display: none !important;
        }
        
        .whatsapp-button {
            background-color: #25D366 !important;
            color: white !important;
            border-radius: 50% !important;
            width: 60px !important;
            height: 60px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
            cursor: pointer !important;
            transition: all 0.3s !important;
        }
        
        .whatsapp-button:hover {
            transform: scale(1.1) !important;
            box-shadow: 0 6px 12px rgba(0,0,0,0.3) !important;
        }
        
        .whatsapp-button i {
            font-size: 30px !important;
        }
        
        /* ===== UTILITIES ===== */
        .timestamp {
            font-size: 11px !important;
            color: #666 !important;
            text-align: right !important;
            margin-top: 5px !important;
        }
        
        .typing-indicator {
            display: flex !important;
            padding: 10px !important;
        }
        
        .typing-dot {
            width: 8px !important;
            height: 8px !important;
            background-color: #999 !important;
            border-radius: 50% !important;
            margin: 0 2px !important;
            animation: typingAnimation 1.4s infinite ease-in-out !important;
        }
        
        .typing-dot:nth-child(1) {
            animation-delay: 0s !important;
        }
        
        .typing-dot:nth-child(2) {
            animation-delay: 0.2s !important;
        }
        
        .typing-dot:nth-child(3) {
            animation-delay: 0.4s !important;
        }
        
        @keyframes typingAnimation {
            0%, 60%, 100% { transform: translateY(0) !important; }
            30% { transform: translateY(-5px) !important; }
        }
        
        .hidden {
            display: none !important;
        }
        
        .highlight {
            font-weight: bold !important;
            color: #075e54 !important;
        }
        
        .whatsapp-contact {
            margin-top: 15px;
            padding: 10px;
            background-color: #f0f7eb;
            border-radius: 8px;
            border-left: 4px solid #25D366;
        }
        
        .whatsapp-contact a {
            color: #075e54 !important;
            text-decoration: none;
            font-weight: bold;
        }
        
        .whatsapp-contact a:hover {
            text-decoration: underline;
        }
	.option-button {
    	cursor: pointer;
    	background-color: #4caf50;
    	color: white;
    	padding: 10px 15px;
    	margin: 8px 0;
    	border-radius: 8px;
    	display: inline-block;
    	font-weight: 500;
	}

	.option-button:hover {
    	background-color: #45a049;
	}