.affiliate-columns {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.affiliate-table {
    min-width: 0;
    overflow: hidden;
}

.affiliate-table > div {
    grid-template-columns: 36px minmax(0, 1fr) auto;
    min-width: 0;
}

.affiliate-table > div > p {
    min-width: 0;
    overflow: hidden;
}

.affiliate-table > div > p strong,
.affiliate-table > div > p small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.affiliate-table > div > em,
.affiliate-table > div > b {
    max-width: 100%;
    white-space: nowrap;
}

@media (max-width: 760px) {
    .affiliate-columns {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 520px) {
    .affiliate-table {
        padding: 17px;
    }

    .affiliate-table > div {
        grid-template-columns: 36px minmax(0, 1fr);
        align-items: start;
        gap: 8px 10px;
    }

    .affiliate-table > div > .avatar,
    .affiliate-table > div > .money {
        grid-row: 1 / span 2;
    }

    .affiliate-table > div > em,
    .affiliate-table > div > b {
        grid-column: 2;
        justify-self: start;
        margin-top: -4px;
    }

    .affiliate-table > div > p strong {
        font-size: 11px;
    }
}