.auto-nav-tab .nav-tabs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;
    height: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    /*scrollbar-color: rgba(0,0,0,0.24) transparent;*/
    /*gap: 0.5rem;*/
    padding: 0.15rem 0rem;
    background: transparent;
}

.nav-tabs {
    display: flex;
    flex-wrap: wrap;
    /*flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;*/
    width: 100%;
    height: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,0.24) transparent;
    /*gap: 0.5rem;*/
    padding: 0.15rem 0rem;
    background: transparent;
}

    .nav-tabs::-webkit-scrollbar {
        height: 8px;
    }

    .nav-tabs::-webkit-scrollbar-track {
        background: transparent;
    }

    .nav-tabs::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,0.24);
        border-radius: 6px;
    }

    .nav-tabs .nav-link {
        flex: 0 0 auto;
        padding: 0.375rem 0.9rem;
        /*border-radius: 6px;*/
        transition: background-color 0.15s ease, color 0.15s ease;
        color: var(--bs-body-color);
        background: transparent;
        border: 1px solid transparent;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        font-weight: 600;
        font-size: 1rem;
    }

        .nav-tabs .nav-link .tab-icon,
        .nav-tabs .nav-link .tab-title {
            color: inherit;
            font-family: 'Segoe UI', Arial, sans-serif;
            vertical-align: middle;
        }

        .nav-tabs .nav-link.active {
            background-color: var(--bs-primary);
            color: var(--bs-btn-color, #fff);
            border-color: rgba(13,110,253,0.12);
            box-shadow: 0 1px 0 rgba(0,0,0,0.04) inset;
        }

            .nav-tabs .nav-link.active .tab-icon,
            .nav-tabs .nav-link.active .tab-title {
                color: var(--bs-btn-color, #fff);
                font-weight: 700;
            }

        .nav-tabs .nav-link:not(.active):hover {
            background-color: rgba(0,0,0,0.05);
        }

            .nav-tabs .nav-link:not(.active):hover .tab-icon,
            .nav-tabs .nav-link:not(.active):hover .tab-title {
                color: var(--bs-body-color);
                cursor: pointer;
            }

        .nav-tabs .nav-link:focus {
            outline: 2px solid rgba(13,110,253,0.3);
            outline-offset: 2px;
        }

.auto-nav-tab .tab-content {
    height: calc(100% - 4rem);
    overflow-y: auto;
    overflow-x: hidden;
}

.tab-content {
    height: calc(100% - 3rem);
    overflow-y: hidden;
    overflow-x: hidden;
}

.tab-content-flex {
    min-height: 0;
}

.tab-pane.active.meas-tab-content {
    height: 100%;
}