/* Custom scrollbar styling for chat log */
::-webkit-scrollbar {
  width: 6px;
}

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

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
  transition: background 0.2s;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.4);
}

/* Hide textarea scrollbar while keeping scrollability */
textarea[data-ai-chat-input]::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
}

textarea[data-ai-chat-input]::-webkit-scrollbar-track {
  display: none !important;
}

textarea[data-ai-chat-input]::-webkit-scrollbar-thumb {
  display: none !important;
}

textarea[data-ai-chat-input] {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
/* Lined paper effect for textarea */
.lined-paper {
  line-height: 1.6; /* ~40px for text-[25px] */
  background-image:
    repeating-linear-gradient(
      0deg,
      transparent 0,
      transparent 39px,
      rgba(255, 255, 255, 0.05) 39px,
      rgba(255, 255, 255, 0.05) 40px
    );
  background-position: 0 20px;
  background-size: 100% 40px;
}