/* Add logo container on right side of top-left items */
#header-logo {
  display: flex !important;
  align-items: center !important;
  margin-inline: 24px !important;
  margin-bottom: 4px !important;
}

/* Add logo inside its container */
#header-logo img {
  height: 28px !important;
  width: auto !important;
  display: block !important;
  transition: transform 0.2s ease;
}

/* Ensure Readme button is visible in the header */
#readme-button {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Hide the small left circle/avatar shown for Chainlit Step/tool messages */
.ai-message > span.inline-block:has(.animate-pulse) {
  display: none !important;
}

/* Reduce the empty gap after hiding the circle */
.ai-message {
  gap: 0.5rem !important;
}