/* General styling for tags */
.tag {
    vertical-align: middle; /* Keep the tags inline */
    font-size: 9pt; /* Adjust font size */
    border-radius: 3px;
    padding: 2px 6px; /* Adjust padding for better fit */
    color: #fff;
    font-family: "Panic Sans", Consolas, monospace;
    display: inline-flex; /* Use inline-flex for better control of child elements */
    align-items: center; /* Align icons and text in the middle */
    gap: 4px; /* Space between icon and text */
  }
  
  /* version tags */
  .tag.version {
    border: 2px solid #0e9ec9;
    background-color: #0e9ec9;
    color: #fff;
  }
  
  
  /* status tags*/
  .tag.red {
    border: 2px solid #a4413a;
    background-color: #a4413a;
    color: #fff;
  }
  .tag.yellow {
    border: 2px solid #f0ce44; 
    background-color: #f0ce44;
    color: #fff;
  }
  .tag.green {
    border: 2px solid #2e9952; 
    background-color: #2e9952;
    color: #fff;
  }

  .tag.grey {
    border: 2px solid #b2b2b2; 
    background-color: #b2b2b2;
    color: #fff;
  }


  /* keywords tags */
  .tag.keyword {
    border: 2px solid #86859c;
    background-color: #86859c;
    color: #fff;
  }

  
  /* icons */
  .tag icon {
    margin: 0px;
    line-height: 1; 
  }