/* Player / Manager / Owner on the Members page (docs/adr/0033, 0034). */
.role-tag {
    display: inline-block;
    padding: 0 0.4rem;
    border: 0.0625rem solid var(--border);
    font-size: 0.8rem;
    font-weight: 400;
    white-space: nowrap;
}

.role-tag--owner {
    margin-left: 0.25rem;
    border-color: var(--black);
    background-color: var(--tertiary);
    font-weight: 700;
}

.position-list {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    vertical-align: middle;
}

/* Role shown under the name on narrow screens, instead of its own column. */
.data-table__role-inline {
    display: none;
    font-size: 0.8rem;
    font-weight: 400;
}

@media (max-width: 40rem) {
    .data-table th,
    .data-table td {
        padding: 0.4rem 0.35rem;
    }

    .data-table__number {
        width: 2rem;
    }

    .data-table__role-column {
        display: none;
    }

    .data-table__role-inline {
        display: block;
    }
}

/* Position codes as small chips; the primary one is filled. */
.position-list__item {
    padding: 0 0.4rem;
    border: 0.0625rem solid var(--border);
    font-size: 0.8rem;
    font-weight: 700;
}

.position-list__item--primary {
    border-color: var(--black);
    background-color: var(--tertiary);
    color: var(--black);
}

.position-list .data-table__muted {
    border: 0;
    padding: 0;
}