/* OneCode.DE Custom Styles */

/* Modern thin scrollbar for chat area - WebKit browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(155, 155, 155, 0.4);
  border-radius: 20px;
  border: transparent;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(155, 155, 155, 0.6);
}

/* Hide scrollbar when not hovering - only show on interaction */
::-webkit-scrollbar-thumb {
  background-color: rgba(155, 155, 155, 0);
  transition: background-color 0.3s ease;
}

*:hover::-webkit-scrollbar-thumb {
  background-color: rgba(155, 155, 155, 0.4);
}

*:hover::-webkit-scrollbar-thumb:hover {
  background-color: rgba(155, 155, 155, 0.6);
}

/* Firefox scrollbar styling */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(155, 155, 155, 0.4) transparent;
}

/* Dark mode adjustments */
.dark ::-webkit-scrollbar-thumb {
  background-color: rgba(200, 200, 200, 0.3);
}

.dark *:hover::-webkit-scrollbar-thumb {
  background-color: rgba(200, 200, 200, 0.4);
}

.dark *:hover::-webkit-scrollbar-thumb:hover {
  background-color: rgba(200, 200, 200, 0.6);
}

.dark * {
  scrollbar-color: rgba(200, 200, 200, 0.3) transparent;
}