.chat-list-container {
  height: 100%; /* Ensure it takes up the full available height */
  border: 1px solid gainsboro;
  overflow: auto; /* Allow scrolling for the Virtuoso component */
}

.chat-list-item {
  .ant-card-head {
    border: none;
  }

  &:hover {
    cursor: pointer;
    color: #ff7a00;
  }
}

/* Virtuoso item container adjustments */
.chat-list-container > div {
  height: 100%; /* Ensure Virtuoso takes full height */
  display: flex;
  flex-direction: column;
}

/* Add spacing and better alignment for items */
.chat-list-item {
  padding: 0.5rem 0; /* Add spacing between list items */

  .ant-card {
    border-radius: 8px; /* Slight rounding for card edges */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Subtle shadow for better definition */
  }

  &:hover .ant-card {
    border-color: #ff7a00; /* Highlight border on hover */
  }
}