/* Favorites Inject Styles */
.fav-inject-btn {
  background: rgba(168, 85, 247, 0.15);
  border: 1px solid rgba(168, 85, 247, 0.3);
  border-radius: 8px;
  padding: 4px 8px;
  cursor: pointer;
  color: #A08B7D;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  z-index: 10;
}
.fav-inject-btn:hover {
  background: rgba(168, 85, 247, 0.3);
  border-color: rgba(168, 85, 247, 0.6);
  color: #A855F7;
}
.fav-inject-btn.favorited {
  color: #ef4444;
  border-color: rgba(239, 68, 68, 0.4);
  background: rgba(239, 68, 68, 0.1);
}
.fav-inject-btn.favorited:hover {
  background: rgba(239, 68, 68, 0.25);
  border-color: rgba(239, 68, 68, 0.7);
}
.fav-inject-btn:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.fav-nav-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 9999px;
  background: rgba(168, 85, 247, 0.15);
  border: 1px solid rgba(168, 85, 247, 0.3);
  color: #A08B7D;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.fav-nav-btn:hover {
  background: rgba(168, 85, 247, 0.3);
  border-color: rgba(168, 85, 247, 0.5);
  color: #FFF7ED;
}

.fav-item:hover {
  background: rgba(168, 85, 247, 0.1);
}
.fav-item .fav-delete-btn {
  opacity: 0;
  transition: opacity 0.2s;
}
.fav-item:hover .fav-delete-btn {
  opacity: 0.8;
}
.fav-item:hover .fav-delete-btn:hover {
  opacity: 1;
}

#fav-panel::-webkit-scrollbar {
  width: 4px;
}
#fav-panel::-webkit-scrollbar-track {
  background: transparent;
}
#fav-panel::-webkit-scrollbar-thumb {
  background: rgba(168, 85, 247, 0.3);
  border-radius: 4px;
}
#fav-panel::-webkit-scrollbar-thumb:hover {
  background: rgba(168, 85, 247, 0.5);
}