.mwai-discussions {
  --mwai-spacing: 15px;
  --mwai-fontSize: 13px;
  --mwai-lineHeight: 1.5;
  --mwai-borderRadius: 10px;
  --mwai-width: 360px;
  --mwai-maxHeight: 40vh;
  --mwai-iconTextColor: #FFFFFF;
  --mwai-iconTextBackgroundColor: #2831dc;
  --mwai-fontColor: #1a2162;
  --mwai-backgroundPrimaryColor: #c7cbe0;
  --mwai-backgroundHeaderColor: #c7cbe0;
  --mwai-backgroundSecondaryColor:#434cc5;
  --mwai-bubbleColor: #2831dc;
  --mwai-headerButtonsColor: white;
  --mwai-conversationsBackgroundColor: #e6e8f0;
  --mwai-conversationsTextColor: #1a2162;
  --mwai-backgroundUserColor: linear-gradient(130deg, #272fdc 0%, #09a9f8 100%);
  --mwai-backgroundAiColor: #F1F3F7;
  --mwai-backgroundAiSecondaryColor: #ddd;
  --mwai-errorBackgroundColor: #6d2f2a;
  --mwai-errorTextColor: #FFFFFF;
  font-size: var(--mwai-fontSize);
}

#mwai-new-chat {
  color: white;
  height: 30px;
}
#mwai-new-chat:hover {
    background-color: #5860c6 !important;
}

#mwai-search {
  font-size: 13px;
  height: 30px;
  background-color: #e6e8f0;
  color: #1a2162;
}
#mwai-search::placeholder {
  color: #1a2162;
}

.mwai-pagination {
  display: flex;
  align-items: center;
  min-height: 30px; /* Adjust this value as needed */
  --mwai-unclickableFontColor: #1a2162 !important;
  font-size: 12px;
}

.mwai-discussions button {
  color: var(--mwai-fontColor);
  background: var(--mwai-backgroundSecondaryColor);
  border: 1px solid RGBA(0,0,0,0);
  padding: calc(var(--mwai-spacing) / 2) var(--mwai-spacing);
  min-width: 90px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.2s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  position: relative;
}

.mwai-discussions button:hover {
  background: var(--mwai-backgroundPrimaryColor);
}

.mwai-discussions button[disabled] {
  cursor: not-allowed;
}

.mwai-discussions button[disabled] span {
  opacity: 0.5;
}

.mwai-discussions {
  border-radius: var(--mwai-borderRadius);
  background: var(--mwai-backgroundHeaderColor);
  overflow: hidden;
}

.mwai-discussions * {
  box-sizing: border-box;
}

.mwai-discussions .mwai-header {
  color: var(--mwai-headerButtonsColor);
  padding: var(--mwai-spacing);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mwai-discussions .mwai-content {
  background: var(--mwai-conversationsBackgroundColor);
  list-style: none;
  padding: calc(var(--mwai-spacing) / 2);
  margin: 0px 5px 0px 5px;
}

.mwai-discussions .mwai-content .mwai-discussion {
  margin: 0;
}

.mwai-discussions .mwai-content li {
  color: var(--mwai-conversationsTextColor);
  font-size: 11px;
  padding: calc(var(--mwai-spacing) / 2);
  opacity: 0.65;
}

.mwai-discussions .mwai-content li.mwai-active {
  background: var(--mwai-backgroundPrimaryColor);
  border-radius: var(--mwai-borderRadius);
  opacity: 1;
}

.mwai-discussions .mwai-content li:hover {
  background: var(--mwai-backgroundPrimaryColor);
  border-radius: var(--mwai-borderRadius);
  cursor: pointer;
}