/* Cup VIP — text chip + champagne gold. Not the platform Pro_Team_Badge. */

.tvip-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 14px;
    padding: 0 5px;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.09em;
    line-height: 1;
    color: #1a1204;
    background: linear-gradient(180deg, #fff3c2 0%, #f0c14b 46%, #b8860b 100%);
    border: 1px solid rgba(255, 244, 196, 0.9);
    box-shadow: 0 0 8px rgba(240, 193, 75, 0.45);
    flex-shrink: 0;
    text-transform: uppercase;
    vertical-align: middle;
}

.team-cell--vip .team-avatar,
.team-avatar--vip,
.cross-cum-logo.team-avatar--vip,
.cross-roster-logo.team-avatar--vip,
.history-team-avatar.team-avatar--vip,
.clash-basic-team--vip .clash-team-logo {
    box-shadow: 0 0 0 1px rgba(240, 193, 75, 0.85), 0 0 10px rgba(184, 134, 11, 0.38) !important;
}

.team-name--vip,
.team-name-link.team-name--vip,
.cross-cum-name.team-name--vip,
.cross-roster-name.team-name--vip,
.history-team-name.team-name--vip,
.clash-basic-team--vip .clash-basic-team-name,
.teams-panel__name.team-name--vip {
    color: #f8e7a0 !important;
}

.group-table tbody tr.tvip-row:not(.advancing-row):not(.redzone-row) td {
    background-image: linear-gradient(90deg, rgba(240, 193, 75, 0.16), transparent 58%);
}

.group-table tbody tr.tvip-row:not(.advancing-row):not(.redzone-row) td:first-child {
    box-shadow: inset 2px 0 0 #f0c14b;
}

.teams-panel__card-item--vip {
    border-color: rgba(240, 193, 75, 0.48);
    background: linear-gradient(90deg, rgba(240, 193, 75, 0.16), transparent 72%);
    box-shadow: inset 2px 0 0 #f0c14b;
}

.teams-panel__avatar-wrap {
    position: relative;
    flex-shrink: 0;
}

.teams-panel__name.team-name--vip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.tp-pred__team--vip,
.tp-picks__row--vip {
    border-color: rgba(240, 193, 75, 0.48);
    background: linear-gradient(90deg, rgba(240, 193, 75, 0.16), transparent 72%);
}

.tp-pred__team--vip strong,
.tp-picks__row--vip .tp-picks__name,
.w-row--vip .w-row__name strong,
.w-row--vip .w-row__name {
    color: #f8e7a0 !important;
}

.w-row--vip {
    background-image: linear-gradient(90deg, rgba(240, 193, 75, 0.16), transparent 58%);
    box-shadow: inset 2px 0 0 #f0c14b;
}

.w-row--vip .w-row__logo,
.tp-pred__team--vip img {
    box-shadow: 0 0 0 1px rgba(240, 193, 75, 0.85), 0 0 10px rgba(184, 134, 11, 0.38);
}

@media (max-width: 720px) {
    .tvip-badge {
        height: 12px;
        padding: 0 4px;
        font-size: 7px;
    }
}