/* Fix for vertical scrollbar in interactive tab subtab row */

/* Remove vertical scrollbar from interactive tabs container */
.interactive-tabs {
    overflow-y: hidden !important;
    overflow-x: auto !important;
    scrollbar-width: none !important; /* Firefox */
    -ms-overflow-style: none !important; /* IE/Edge */
}

/* Hide scrollbar for Chrome/Safari/Opera */
.interactive-tabs::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
}

/* Ensure proper height for the tab row */
.interactive-tabs {
    height: auto !important;
    max-height: 48px !important; /* Reasonable height for tab buttons */
    min-height: 40px !important;
}

/* Fix any potential height issues with tab buttons */
.interactive-tab {
    height: auto !important;
    max-height: 100% !important;
}

/* Ensure the parent container doesn't force scrollbars */
#active-interactiveTab {
    overflow: hidden !important;
}

/* Make sure content area below tabs doesn't affect tab row */
.interactive-subtab-content {
    overflow: auto !important; /* Allow scrolling in content area if needed */
}