* { box-sizing: border-box; }
html, body { height: 100%; }

.nav-item { color: #64748b; }
.nav-item:hover { background: #f1f5f9; }
.nav-item.active { background: #ecfdf5; color: #047857; }

#chat-messages::-webkit-scrollbar,
#view-dashboard::-webkit-scrollbar,
#view-tickets::-webkit-scrollbar { width: 6px; }

#chat-messages::-webkit-scrollbar-thumb,
#view-dashboard::-webkit-scrollbar-thumb,
#view-tickets::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }

.message { max-width: 75%; word-break: break-word; }
.message.user { align-self: flex-end; background: #d1fae5; color: #065f46; border-bottom-right-radius: 4px; }
.message.ai { align-self: flex-start; background: #ffffff; color: #1e293b; border-bottom-left-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.message.system { align-self: center; background: #f1f5f9; color: #475569; font-size: 0.75rem; padding: 0.5rem 1rem; border-radius: 9999px; }

.message img { max-width: 200px; border-radius: 8px; cursor: pointer; }

.typing-dots span { display: inline-block; width: 6px; height: 6px; background: #10b981; border-radius: 50%; animation: bounce 1.4s infinite ease-in-out both; }
.typing-dots span:nth-child(1) { animation-delay: -0.32s; }
.typing-dots span:nth-child(2) { animation-delay: -0.16s; }

@keyframes bounce {
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1); }
}

.data-card-line { display: flex; justify-content: space-between; }
.data-card-line span:first-child { color: #64748b; }
.data-card-line span:last-child { font-weight: 500; color: #0f172a; }