.sidebar::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary-color-highlight);;
}

/* Optional: hover effect on thumb */
.scroll-container::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary-color-highlight);;
}

.conv-item:hover { background-color: var(--primary-color-highlight);}


  .btn:hover {
  background-color: var(--primary-color-highlight);
}

/* Color Pickers */
.color-box:hover {
  transform: scale(1.1);
  box-shadow: 0 2px 6px rgba(0,0,0,0.5);
}

#sidebar-chats .btn:hover {
  background-color: var(--primary-color-highlight);  /* same highlight as conv-item */
}

#main-function-buttons .btn:hover {
  background-color: var(--primary-color-highlight)
}


.sidebar-collapsed button:hover {
  background-color: var(--primary-color-highlight);
}

   .back-button:hover {
    transform: scale(1.1);
    background-color: var(--primary-color-highlight);
}

.setting-row:hover {
  background-color: var(--primary-color-highlight)
}

/* chatgpt / gemini button */
.model-btn:hover {
    transform: scale(1.1);
    background-color: var(--primary-color-highlight);
    border-radius: 10px;
}



.pill-add:hover {
  background-color: var(--bubble-color-highlight);
}

.pill-dictate:hover {
  background-color: var(--bubble-color-highlight);
}

#save:hover{
  background-color: var(--bubble-color-highlight);
}

.item:hover{
  background-color: var(--bubble-color-highlight);
}