/*
 * Modul Katalog – Teams und Mitglieder. Nur Anordnung und Tokens des Designsystems
 * (keine eigenen Farben).
 */

/* ---- Übersicht der Teams -------------------------------------------------------------------- */

/* Teamnamen brechen nicht mitten im Namen um; die Standorte nehmen den übrigen Platz. Kennung und Team-Postfach
   stehen als kurze Zeilen unter dem Namen (keine eigene Spalte – die Tabelle passt bei 1440 px ohne seitliches Rollen). */
.team-overview__team {
    min-width: 11rem;
}

.team-overview__team > .subtle,
.team-overview__mailbox {
    display: block;
}

.team-overview__mailbox {
    font-size: var(--fs-small);
}

/* Warteschlange je Standort als eigene kurze Zeile */
.team-overview__queue-line {
    display: block;
}

/* Team-Postfach in einer Zeile – zu lange Adressen gekürzt, die volle Adresse im Tooltip */
.team-overview__mailbox > span[title] {
    display: block;
    max-width: 11rem; /* feste Grenze (kein Prozentwert): sonst bestimmt die volle Adresse die Spaltenbreite */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.team-overview__referral > .subtle {
    margin-top: var(--space-1);
}

/* Mittlere Breiten (z. B. 1024 px mit Seitenleiste): engere Zellen und Teamspalte, damit nichts seitlich rollt.
   Unter 641 px stapelt die Tabelle (eigene Abstände). */
@media (min-width: 641px) and (max-width: 1100px) {
    .team-overview > :is(thead, tbody) > tr > :is(th, td) {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
    }

    .team-overview__team {
        min-width: 9rem;
    }

    .team-overview__mailbox > span[title] {
        max-width: 9rem;
    }
}

/* ---- Mitglieder eines Teams ----------------------------------------------------------------- */

.team-members td {
    vertical-align: middle;
}

.team-members .check {
    padding: 0;
}

/* Vorgabe-Platz in der Tabelle: Auswahlfeld des Designsystems, etwas kompakter */
.team-members__place {
    margin: 0;
}

.team-members__place select {
    width: auto;
    min-width: 12rem;
    max-width: 100%;
    min-height: 36px;
    padding-top: 6px;
    padding-bottom: 6px;
}

@media (max-width: 640px) {
    .team-members__place select {
        min-width: 0;
        width: 100%;
    }
}