#app-chat-sidebar-left .custom-scroll {
    max-height: 85%; /* Giới hạn chiều cao vùng sidebar */
    overflow-y: auto;  /* Kích hoạt cuộn dọc */
  }

  .choices {
  border: 1px solid #ced4da; /* Viền mặc định nhỏ hơn */
  border-radius: 0.25rem;    /* Bo góc */
  padding: 0;               /* Xóa padding thừa */
  font-size: 1rem;           /* Kích thước chữ */
  line-height: 1.5;          /* Chiều cao dòng */
  background-color: #fff;    /* Màu nền */
  color: #495057;            /* Màu chữ */
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); /* Hiệu ứng shadow bên trong */
}

.choices:focus-within {
  border-color: #80bdff; /* Viền đậm khi focus */
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); /* Shadow viền khi focus */
}

.choices:hover {
  border-color: #616161; /* Viền đậm khi hover */
}

.choices__list--dropdown {
  border: 1px solid #ced4da; /* Viền danh sách thả xuống */
  border-radius: 0.25rem;    /* Bo góc danh sách */
  background-color: #fff;    /* Màu nền danh sách */
  z-index: 1000; /* Đảm bảo danh sách nằm trên các phần tử khác */
  margin-top: 0.25rem;
  max-height: 200px; /* Giới hạn chiều cao dropdown */
  overflow-y: auto; /* Kích hoạt cuộn dọc */
}

.choices__item {
  padding: 0.375rem 0.75rem; /* Padding mỗi mục trong danh sách */
  color: #212529;            /* Màu chữ */
  background-color: #fff;    /* Màu nền */
}

.choices__item--selectable:hover {
  background-color: #e9ecef; /* Màu nền khi hover */
  cursor: pointer;           /* Con trỏ chuột */
}

.choices__item--disabled {
  color: #232324; /* Màu chữ khi bị vô hiệu hóa */
  background-color: #e9ecef; /* Màu nền khi bị vô hiệu hóa */
}

.choices__list--dropdown .choices__item--selectable:hover {
  background-color: #f8f9fa; /* Hiệu ứng hover từng item */
}
/* Căn chỉnh màu cho phần tử xóa */
.choices__item {
  display: flex;
  justify-content: space-between;
  align-items: center; /* Căn giữa phần tử */
  padding: 0.375rem 0.75rem; /* Padding cho item */
  background-color: #fff; /* Màu nền item */
  color: #495057; /* Màu chữ item */
  border: 1px solid #ced4da; /* Viền mặc định */
  border-radius: 0.25rem; /* Bo góc */
}

/* Khi di chuột vào item */
.choices__item:hover {
  background-color: #f8f9fa; /* Màu nền khi hover */
  cursor: pointer; /* Hiển thị con trỏ chuột */
}

/* Phần tử xóa */
.choices__button {
  background-color: transparent; /* Màu nền trong suốt */
  color: #495057; /* Màu chữ giống chữ trong ô */
  border: none; /* Không có viền */
  padding: 0; /* Bỏ padding */
  cursor: pointer; /* Con trỏ chuột khi hover */
}

/* Khi di chuột vào phần tử xóa */
.choices__button:hover {
  background-color: #f8f9fa; /* Màu nền khi hover */
  color: #495057; /* Màu chữ khi hover */
}

/* Khi nhấn vào phần tử xóa */
.choices__button:active {
  background-color: #e9ecef; /* Màu nền khi nhấn */
  color: #495057; /* Màu chữ khi nhấn */
}