.chat-container{background-color:#1f2937;border:1px solid #374151;border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.chat-header{background-color:#374151;border-bottom:1px solid #4b5563;padding:1.5rem}.chat-header-content{justify-content:space-between;align-items:center;display:flex}.chat-title{color:#fff;font-size:1.125rem;font-weight:600}.chat-status{color:#10b981;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.chat-status-dot{background-color:#10b981;border-radius:50%;width:.5rem;height:.5rem}.chat-messages{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.chat-message{gap:1rem;display:flex}.chat-message.user{justify-content:flex-end}.chat-message.bot{justify-content:flex-start}.chat-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.chat-avatar.user{background-color:#2563eb;order:2}.chat-avatar.bot{background-color:#10b981;order:1}.chat-bubble{border-radius:1rem;flex:1;max-width:20rem;padding:1rem}.chat-bubble.user{color:#e5e7eb;background-color:#374151;order:1}.chat-bubble.bot{color:#fff;background-color:#10b981;order:2}.chat-bubble.typing{color:#d1d5db;background-color:#4b5563;border:2px dashed #6b7280;order:1}.chat-bubble p{margin:0;line-height:1.5}.chat-icon{color:#fff;width:1.25rem;height:1.25rem}.skeleton-message{justify-content:flex-end;gap:1rem;display:flex}.skeleton-avatar{background-color:#2563eb;border-radius:50%;flex-shrink:0;order:2;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.skeleton-bubble{background-color:#374151;border-radius:1rem;flex:1;order:1;max-width:20rem;padding:1rem}.skeleton-lines{flex-direction:column;gap:.5rem;display:flex}.skeleton-line{background-color:#4b5563;border-radius:.25rem;height:1rem}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.skeleton-line.long{width:100%}