#tooltip
{
  position      : absolute;
  display       : none;
  background    : #333;
  color         : #fff;
  padding       : 8px 12px;
  border-radius : 4px;
  font-size     : 13px;
  line-height   : 1.4;
  box-shadow    : 0 2px 8px rgba(0,0,0,0.3);
  z-index       : 10000;
  pointer-events: none;
  white-space   : normal;
  overflow      : hidden;
  transition     : opacity 0.3s ease;
  opacity        : 0;
}

#tooltip.visible
{
  opacity        : 1;
  pointer-events : auto;
}

.tooltip-title
{
  font-weight : bold;
  margin-bottom: 4px;
}