/* Typography *//*

h1, .headline {
  font-family: var(--font-serif);
  font-weight: 700;
}

body, p, button, input {
  font-family: var(--font-sans);
}

*/
/* Links *//*

a {
  color: rgb(0 114 188); */
/* Future Blue *//*

}
a:hover {
  text-decoration: underline;
}

*/
/* Buttons *//*

button.primary {
  background-color: rgb(0 114 188);
  color: white;
  border-radius: 0.75rem;
}
button.primary:hover {
  filter: brightness(0.9);
}

*/
/* Accent tags *//*

.badge {
  background-color: rgb(0 223 237 / 0.15); */
/* Turquoise tint *//*

  color: var(--foreground);
  border-radius: 9999px;
  padding: 0.25rem 0.75rem;
}*/

/* Wider chat history panel. Chainlit does not expose a native resizable sidebar setting. */
:root {
  --omega-chat-sidebar-width: 360px;
}

aside:has([data-testid*="thread"]),
aside:has([href*="/thread"]),
.MuiDrawer-paper:has([data-testid*="thread"]),
.MuiDrawer-paper:has([href*="/thread"]) {
  width: var(--omega-chat-sidebar-width) !important;
  max-width: min(var(--omega-chat-sidebar-width), 90vw) !important;
}

@media (min-width: 1024px) {
  aside:has([data-testid*="thread"]),
  aside:has([href*="/thread"]),
  .MuiDrawer-paper:has([data-testid*="thread"]),
  .MuiDrawer-paper:has([href*="/thread"]) {
    min-width: var(--omega-chat-sidebar-width) !important;
  }
}