@tailwind base;
@tailwind components;
@tailwind utilities;

@import "confetti.css";

@layer utilities {
  .highlight-marker {
    position: relative !important;
    display: inline-block !important;
  }
  
  .highlight-marker::before {
    content: '' !important;
    position: absolute !important;
    display: block !important;
    bottom: -0.3em !important;
    left: 0 !important;
    width: 100% !important;
    height: 0.25em !important;
    background-color: #94F0E4 !important;
    transform: skew(-12deg) !important;
    z-index: 0 !important;
  }

  /* Chat/Messages scrolling fixes */
  .messages-container {
    scroll-behavior: smooth;
    overflow-anchor: none;
  }
  
  .messages-container::-webkit-scrollbar {
    width: 6px;
  }
  
  .messages-container::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 3px;
  }
  
  .messages-container::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
  }
  
  .messages-container::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.4);
  }
}