body { background-color: #202124; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
.chat-container { background-color: #292a2d; }
.bot-bubble { background-color: #3c4043; color: #e8eaed; }
.user-bubble { background-color: #1a73e8; color: #ffffff; }
.chat-input { background-color: #202124; color: #e8eaed; border-color: #3c4043; }
.chat-input:focus { border-color: #1a73e8; outline: none; }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background-color: #5f6368; border-radius: 3px; }
.typing-dot { width: 6px; height: 6px; background-color: #bdc1c6; border-radius: 50%; display: inline-block; animation: typing 1.4s infinite ease-in-out both; }
.typing-dot:nth-child(1) { animation-delay: -0.32s; }
.typing-dot:nth-child(2) { animation-delay: -0.16s; }
@keyframes typing { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } }
.fade-in-up { animation: fadeInUp 0.3s ease-out forwards; }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* AI Offer Cards Style */
.offer-card { text-decoration: none; display: flex; align-items: flex-start; gap: 12px; background: #202124; border: 1px solid #5f6368; border-radius: 10px; padding: 10px 12px; margin-top: 10px; margin-bottom: 10px; transition: background 200ms ease, border-color 200ms ease; color: #e8eaed; }
.offer-card:hover { background: #292a2d; border-color: #8ab4f8; }
.offer-card img { width: 48px; height: 48px; border-radius: 8px; object-fit: cover; flex-shrink: 0; background-color: white; padding: 2px; }
.offer-card-body { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.offer-card-name { font-weight: 600; font-size: 13px; line-height: 18px; color: #e8eaed; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.offer-card-desc { font-size: 11px; line-height: 15px; margin-top: 4px; color: #9aa0a6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }