.dnf-smartdocname {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    min-width: 0; /* wichtig als Flex/Grid-Item damit truncation funktioniert */
    max-width: 100%;
}

.dnf-smartdocname-icon {
    flex: 0 0 auto;
    margin-right: .35rem;
}

.dnf-smartdocname-part {
    flex: 0 1 auto; /* kein grow, darf schrumpfen */
    min-width: 0; /* erlaubt Schrumpfen fuer ellipsis */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dnf-smartdocname-spacer {
    flex: 0 1 1rem;
    min-width: .35rem;
    max-width: 1rem;
}