.tooltipster-base {
    
    pointer-events: none;
    position: absolute;
    border-radius: 6px; /* Rounded corners */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.7); /* Subtle shadow for depth */
    overflow: hidden;
    border: 1px solid #ddd; /* Light border color */
}

.tooltipster-content {
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
    overflow: auto;
    padding: 10px 15px; /* Padding inside the tooltip */
    font-family: 'Arial', sans-serif; /* Modern font */
    font-size: 14px; /* Font size */
    color: #333; /* Text color */
    background-color: #fff; /* Background color */
}


/* Transition styles for modern effects */
.tooltipster-base {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.tooltipster-show {
    opacity: 1;
    transform: scale(1);
}

.tooltipster-hide {
    opacity: 0;
    transform: scale(0.9);
}

/* Tagify dropdown in mini-profile: allow overflow so dropdown can extend out */
.tooltipster-base.tooltipster--has-tags {
    overflow: visible;
}
.tooltipster-base .mini-profile-tags-wrap {
    position: relative;
    z-index: 1;
    overflow: visible;
}
.tooltipster-base .mini-profile-tags-wrap .customLook {
    overflow: visible;
}
.tooltipster-base .tagify__dropdown {
    z-index: 999999 !important;
}
/* Show tagify input inside mini-profile so users can type to search/create tags */
.mini-profile-tags-wrap .customLook .tagify__input {
    display: inline-block !important;
    min-width: 80px;
}
.mini-profile-tags-wrap .customLook .tagify__input::before {
    color: #999;
}
/* Hide placeholder when user is typing */
.mini-profile-tags-wrap .customLook .tagify__input:not(:empty)::before {
    display: none;
}
/* Mini-profile tag styling: always show X button, stable positioning, no text wrap */
.mini-profile-tags-wrap .tagify__tag {
    display: inline-flex;
    align-items: center;
    max-width: none;
    white-space: nowrap;
}
.mini-profile-tags-wrap .tagify__tag > div {
    max-width: none;
    white-space: nowrap;
}
.mini-profile-tags-wrap .tagify__tag .tagify__tag-text {
    white-space: nowrap;
}
.mini-profile-tags-wrap .tagify__tag__removeBtn {
    opacity: 1 !important;
    transform: none !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
    position: relative !important;
    flex-shrink: 0;
}
/* Prevent hover effects from changing tag layout */
.mini-profile-tags-wrap .tagify__tag:hover {
    padding-right: inherit;
}
/* Override dashboard.css rule that hides X on single tag */
.mini-profile-tags-wrap .customLook .tagify__tag:only-of-type .tagify__tag__removeBtn {
    display: block !important;
}
/* When dropdown is moved to body (mini-profile) so it appears above tooltip */
.tagify__dropdown--tooltip-body {
    z-index: 10000000 !important;
    pointer-events: auto !important;
}
.tagify__dropdown--tooltip-body .tagify__dropdown__item {
    pointer-events: auto !important;
    cursor: pointer;
}