.dynamic-tooltip {
    position: absolute;
    width: fit-content;
    text-align: left;
    z-index: 6;
    pointer-events: none;
    opacity: 0; /* Start hidden */
    visibility: hidden; /* Start hidden */
    transition: opacity 0.3s, visibility 0.3s; /* Smooth transition */
    font-size: 0.85rem;
    color: white;
    background-color: #344054;
    border-left: 4px solid #3b82f6;
    padding: 0.5rem 0.75rem;
    margin-top: 0.5rem;
    border-radius: 0.25rem;
    line-height: 1.4;
    font-style: italic;
}