.documentstatusinfocompact {
    display: flex;
    gap: 1rem;
    min-width: 0;
}

    .documentstatusinfocompact > .badge-group {
        display: inline-flex;
        flex: 0 1 auto;
        min-width: 0;
        align-items: center;
    }

        .documentstatusinfocompact > .badge-group .badge-status,
        .documentstatusinfocompact > .badge-group .badge-flowwInfo {
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            min-width: 5ch;
        }

        .documentstatusinfocompact > .badge-group .badge-flowwInfo,
        .documentstatusinfocompact > .badge-group .badge-nextStage {
            border-left: 0;
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
        }

    .documentstatusinfocompact > .company {
        flex: 1 1 auto; /* kann freien Platz nutzen */
        min-width: 10ch;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        flex-shrink: 1000; /* schneller shrinken als die Badges (Standard=1) */
    }