/*
 * Vireborn application stylesheet.
 * Propshaft serves this as /assets/application-<hash>.css.
 * The Tailwind build is generated to app/assets/builds/tailwind.css; we inline it here.
 */


/* Chat UI Smooth Scrolling + Column Reverse */
#chat-messages {
  display: flex;
  flex-direction: column;
  scroll-behavior: smooth;
  background-color: #0f172a;
}

/* Chat container layout */
.chat-container {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  height: 80vh;
}

/* Webkit scrollbar styling for chat */
#chat-messages::-webkit-scrollbar {
  width: 8px;
}

#chat-messages::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.3);
  border-radius: 4px;
}

#chat-messages::-webkit-scrollbar-thumb {
  background: rgba(71, 85, 105, 0.5);
  border-radius: 4px;
}

#chat-messages::-webkit-scrollbar-thumb:hover {
  background: rgba(71, 85, 105, 0.7);
}

/* Ensure last message anchor is at the bottom */
#last-message {
  height: 1px;
  visibility: hidden;
}