frontend/src/Components/AiComponents/ChatComponents/Sources.css

/* Container for the sources list */
.sources-container {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.65rem !important; 
  padding: 0 !important;
}

/* Styling for the sources loading text */
.loading-sources {
  padding: 1rem !important;
}

/* Styling for each Card component */
.source-card {
  background-color: #3e3e3eec !important;
  border-radius: 1rem !important;
  color: #fff !important;
  cursor: pointer !important;
}
.source-card:hover {
  background-color: #262626e5 !important;
}

/* Styling for the CardContent title (header) - reduced text size slightly */
.source-title {
  color: #fff !important;
  margin-top: -0.5rem !important;
  margin-bottom: 0.4rem !important;
  font-size: 1rem !important;
}

/* Styling for the link row (icon, domain, bullet, serial number) */
.source-link {
  display: flex !important;
  align-items: center !important;
  font-size: 0.8rem !important;
  color: #c1c1c1 !important;
  margin-bottom: 0.5rem !important;
}

/* Styling for the favicon icon - reduced size and increased brightness */
.source-icon {
  width: 0.88rem !important;
  height: 0.88rem !important;
  margin-right: 0.3rem !important;
  filter: brightness(1.2) !important;  /* Makes the icon brighter */
}

/* Styling for the domain text */
.source-domain {
  vertical-align: middle !important;
}

/* Styling for the separator bullet */
.separator {
  margin: 0 0.3rem !important;
}

/* Styling for the serial number */
.source-serial {
  font-size: 0.8rem !important;
  color: #c1c1c1 !important;
}

/* Styling for the CardContent description */
.source-description {
  color: #e8e8e8 !important;
  margin-bottom: -0.65rem !important;
}