#chat-wrapper * { font-family: 'Poppins', sans-serif; }
.message-bubble { max-width: 80%; animation: fadeIn 0.3s ease-out; }
.user-bubble { border-top-right-radius: 4px; }
.ai-bubble { border-top-left-radius: 4px; }
.floating-btn { transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: 0 8px 30px rgba(33, 150, 243, 0.4); }
.floating-btn:hover { transform: translateY(-3px) scale(1.05); }
.chat-container { transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55); transform-origin: bottom left; transform: scale(0); opacity: 0; }
.chat-container.open { transform: scale(1); opacity: 1; }
.chat-container.maximized { width: 100vw !important; height: 100vh !important; max-width: 100% !important; max-height: 100% !important; bottom: 0 !important; left: 0 !important; border-radius: 0 !important; }
.message-entry { animation: slideIn 0.2s forwards; }
.message-bubble .prose { max-width: none; color: inherit; }
.message-bubble .prose p { margin: 0; }
.message-bubble .prose table { width: 100%; border-collapse: collapse; margin-top: 10px; }
.message-bubble .prose th, .message-bubble .prose td { border: 1px solid #d1dce7; padding: 6px 10px; }
.message-bubble .prose th { background-color: #eaeef4; }
.message-bubble .prose ul { list-style-type: disc; margin-left: 20px; }
.message-bubble .prose strong { font-weight: 600; }
#chat-wrapper { position: relative; z-index: 100000; }
.dot-typing { position: relative; left: -9999px; width: 8px; height: 8px; border-radius: 5px; background-color: #94a3b8; color: #94a3b8; box-shadow: 9986px 0 0 0 #94a3b8, 9999px 0 0 0 #94a3b8, 10012px 0 0 0 #94a3b8; animation: dot-typing 1.5s infinite linear; }
@keyframes dot-typing { 0% { box-shadow: 9986px 0 0 0 #94a3b8, 9999px 0 0 0 #94a3b8, 10012px 0 0 0 #94a3b8; } 16.667% { box-shadow: 9986px -8px 0 0 #94a3b8, 9999px 0 0 0 #94a3b8, 10012px 0 0 0 #94a3b8; } 33.333% { box-shadow: 9986px 0 0 0 #94a3b8, 9999px 0 0 0 #94a3b8, 10012px 0 0 0 #94a3b8; } 50% { box-shadow: 9986px 0 0 0 #94a3b8, 9999px -8px 0 0 #94a3b8, 10012px 0 0 0 #94a3b8; } 66.667% { box-shadow: 9986px 0 0 0 #94a3b8, 9999px 0 0 0 #94a3b8, 10012px 0 0 0 #94a3b8; } 83.333% { box-shadow: 9986px 0 0 0 #94a3b8, 9999px 0 0 0 #94a3b8, 10012px -8px 0 0 #94a3b8; } 100% { box-shadow: 9986px 0 0 0 #94a3b8, 9999px 0 0 0 #94a3b8, 10012px 0 0 0 #94a3b8; } }
@keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes slideIn { from { transform: translateY(10px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }