/* ── Player tab icons ── */
.player-tab-icon {
    font-size: 15px;
    line-height: 1;
    flex-shrink: 0;
}
.player-tab-label {
    font-size: 13px;
    font-weight: 600;
}

/* Active + hover */
.player-tab-primary:hover,
.player-tab-primary.active { background: rgba(13,  110, 253, 0.13) !important; }

.player-tab-info:hover,
.player-tab-info.active    { background: rgba(13,  202, 240, 0.13) !important; }

.player-tab-success:hover,
.player-tab-success.active { background: rgba(25,  135,  84, 0.13) !important; }

.player-tab-danger:hover,
.player-tab-danger.active  { background: rgba(220,  53,  69, 0.13) !important; }

.player-tab-warning:hover,
.player-tab-warning.active { background: rgba(253, 126,  20, 0.13) !important; }

.player-tab-gold:hover,
.player-tab-gold.active    { background: rgba(255, 215,   0, 0.13) !important; }

.player-tab-purple:hover,
.player-tab-purple.active  { background: rgba(124,  58, 237, 0.18) !important; }

.player-tab-teal:hover,
.player-tab-teal.active    { background: rgba( 32, 201, 151, 0.15) !important; }

/* Icon colors */
.player-tab-primary .player-tab-icon { color: #6ea8fe; }
.player-tab-info    .player-tab-icon { color: #6edff6; }
.player-tab-success .player-tab-icon { color: #75b798; }
.player-tab-danger  .player-tab-icon { color: #ea868f; }
.player-tab-warning .player-tab-icon { color: #fd7e14; }
.player-tab-gold    .player-tab-icon { color: #ffd700; }
.player-tab-purple  .player-tab-icon { color: #a78bfa; }
.player-tab-teal    .player-tab-icon { color: #20c997; }

/* Tab label colors — always white */
.player-tab-primary .player-tab-label,
.player-tab-info    .player-tab-label,
.player-tab-success .player-tab-label,
.player-tab-danger  .player-tab-label,
.player-tab-warning .player-tab-label,
.player-tab-gold    .player-tab-label,
.player-tab-purple  .player-tab-label,
.player-tab-teal    .player-tab-label { color: #fff; }

/* Base button */
.nav-link[data-bs-toggle="tab"] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0.45rem 1rem;
    border-radius: 0.5rem;
    transition: background 0.15s;
    border: none;
}

@media (max-width: 576px) {
    .player-tab-label { display: none; }
    .nav-link[data-bs-toggle="tab"] { padding: 0.45rem 0.7rem; }
    .player-tab-icon { font-size: 1.1rem; }
}