:root { --dm-red: hsl(356.76deg 90.24% 40.2%); --dm-red-hover: hsl(357, 59%, 34%);}
/* Make the Chainlit sidebar red */
[data-sidebar="sidebar"] {
  background-color: var(--dm-red) !important;
  color: #ffffff !important;
}

[data-sidebar="rail"] {
  background-color: var(--dm-red) !important;
}

[data-variant="sidebar"] * {
  color: #ffffff !important;
}

.hover\:bg-sidebar-accent:hover {
  background-color: var(--dm-red-hover) !important;
}

[data-active="true"]{
 background-color: var(--dm-red-hover) !important;
}


[data-sidebar="menu-item"] [data-radix-popper-content-wrapper] {
  display: none !important;
}
/*
[data-sidebar="menu-item"] * :hover {
  background-color: inherit !important;
  box-shadow: none !important;
  border: none !important;
}
*/
[data-sidebar="header"] [data-radix-popper-content-wrapper] {
  display: none !important;
}

#starters {
  color: #000000 !important;
}


/* Explicitly hide the right-side fade element added in each thread row */
[data-variant="sidebar"] .bg-gradient-to-l,
[data-variant="sidebar"] .bg-gradient-to-r,
[data-sidebar="sidebar"] .bg-gradient-to-l,
[data-sidebar="sidebar"] .bg-gradient-to-r {
  display: none !important;
  background: none !important;
}


/* Sticky footer placed inside Chainlit's sidebar */
#datamole-sidebar-footer {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; /* place label above logo */
  gap: 8px;
  padding: 10px 12px;
  margin-top: auto; /* in case the sidebar uses flex column */
  width: 100%;
  background: var(--dm-red); /* solid (non-transparent) background */
  border-top: none;
  z-index: 1; /* above sidebar scroll content */
}

[data-theme="dark"] #datamole-sidebar-footer {
  border-top-color: transparent;
}

#datamole-sidebar-footer img {
  height: 24px;
  max-width: 100%;
  opacity: 1;
  /* Make the logo white */
  filter: brightness(0) invert(1);
}

#datamole-sidebar-footer .label {
  font-size: 12px;
  opacity: 1;
  color: #ffffff;
  white-space: nowrap;
}

/* Optional utility kept from prior styling */
.bg-primary {
  background-color: var(--dm-red) !important;
  color: #fff !important;
}

.bg-sidebar-accent {
  background-color: var(--dm-red) !important;
}

.katex {
  color: var(--dm-red) !important;
}

/* Keep PDF zoom controls visible in the side/page viewer. */
.side-pdf > div:first-child,
.page-pdf > div:first-child {
  opacity: 1 !important;
}