.work_folder-list-item .show-hover-only {
  opacity: 0; /* Initially hidden */
  transition: opacity 0.1s ease; /* Smooth transition */
}

.work_folder-list-item:hover .show-hover-only {
  opacity: 1; /* Fully visible on hover */
}
.sortable-ghost {
  opacity: 1;
}

.sortable-drag {
  opacity: 0;
}

#conversation-container > [data-message-role="ai"]:last-child .ai-message-icons-container {
  opacity: 1 !important; /* Ensure the icons are visible */
}

.modal-root {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

[x-cloak] {
  display: none !important;
}

.markdown-message {
  --tw-prose-bullets: #000;
}

.markdown-message ul ul {
  --tw-prose-bullets: #000;
  list-style-type: circle;
}

.asst-code {
  margin: 2px 0 12px;
  border: 1px solid rgb(var(--softgray-200) / 0.8);
  border-radius: 8px;
  overflow: hidden;
  background: rgb(var(--softgray-50));
  box-shadow: 0 1px 2px rgb(41 37 36 / 0.05);
}

.asst-code-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 6px 5px 12px;
  background: rgb(var(--softgray-100) / 0.55);
  border-bottom: 1px solid rgb(var(--softgray-200) / 0.7);
}

.asst-code-lang {
  font-family: var(
    --font-mono,
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace
  );
  font-size: 10.5px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: rgb(var(--softgray-300));
  font-weight: 500;
}

.asst-code-copy {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-family: var(
    --font-sans,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif
  );
  font-size: 11.5px;
  font-weight: 500;
  color: rgb(var(--softgray-400));
  padding: 3px 8px;
  border-radius: 6px;
  transition:
    background 0.12s ease,
    color 0.12s ease;
}

.asst-code-copy:hover {
  background: rgb(var(--softgray-200) / 0.5);
  color: rgb(var(--softgray-500));
}

.asst-code-copy svg {
  flex-shrink: 0;
}

.asst-code-body {
  margin: 0 !important;
  padding: 13px 14px !important;
  overflow-x: auto;
  font-family: var(
    --font-mono,
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace
  );
  font-size: 11.5px !important;
  line-height: 1.65 !important;
  color: rgb(var(--softgray-400)) !important;
  background: rgb(var(--softgray-50)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  tab-size: 2;
  white-space: pre;
}

/* Scoped to the wrapper's own classes so this beats the markdown-message
   `[&_pre_code]:!text-softgray-500` / `!text-xs` utilities on specificity
   (0,2,1 vs 0,1,2) without needing a Tailwind rebuild. */
.asst-code .asst-code-body code {
  font-family: inherit;
  background: transparent !important;
  padding: 0 !important;
  font-size: 11.5px !important;
  color: rgb(var(--softgray-400)) !important;
}

.asst-code-body::-webkit-scrollbar {
  height: 8px;
}

.asst-code-body::-webkit-scrollbar-thumb {
  background: rgb(var(--softgray-200) / 0.6);
  border-radius: 8px;
}