/* Custom Tooltip Styles */
.custom-tooltip {
    /* Base styles handled by Tailwind classes in JS */
    pointer-events: auto;
    /* Allow interaction/scrolling */
}

/* Specific scrollbar styling for tooltip if it gets too long */
.custom-tooltip-content .grid {
    max-height: 150px;
    overflow-y: auto;
    padding-right: 4px;
}

.custom-tooltip-content .grid::-webkit-scrollbar {
    width: 4px;
}

.custom-tooltip-content .grid::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.5);
    /* dark-panel/50 */
    border-radius: 4px;
}

.custom-tooltip-content .grid::-webkit-scrollbar-thumb {
    background: rgba(56, 189, 248, 0.3);
    /* brand-400/30 */
    border-radius: 4px;
}

.custom-tooltip-content .grid::-webkit-scrollbar-thumb:hover {
    background: rgba(56, 189, 248, 0.5);
    /* brand-400/50 */
}