.icon.icon-xs {
    height: 1.25rem;
}
.icon.icon-xxs {
    height: 1rem;
}
/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Animations */
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-slide-in {
  animation: slideIn 0.3s ease-out;
}

/* Message bubble styles */
.message-bubble {
  max-width: 70%;
  word-wrap: break-word;
}

.message-bubble.sent {
  margin-left: auto;
}

.message-bubble.received {
  margin-right: auto;
}

/* Status indicators */
.status-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

.status-indicator.online {
  background-color: #10b981;
}

.status-indicator.offline {
  background-color: #ef4444;
}

.status-indicator.away {
  background-color: #f59e0b;
}
[v-cloak] { display: none; }