/* ── Team tab buttons ─────────────────────────────────────── */
#teamTabs .nav-link {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 8px 16px;
    border-radius: 8px;
    border: none;
    background: transparent;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    transition: background 0.15s ease;
}

.team-tab-icon {
    font-size: 15px;
    line-height: 1;
    flex-shrink: 0;
}

.team-tab-label {
    font-size: 13px;
    font-weight: 600;
}

/* Active + hover — pill fill, no border */
.team-tab-primary:hover,
.team-tab-primary.active  { background: rgba(13,  110, 253, 0.13) !important; }

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

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

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

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

/* Icon colors */
.team-tab-primary .team-tab-icon { color: #6ea8fe; }
.team-tab-success .team-tab-icon { color: #75b798; }
.team-tab-warning .team-tab-icon { color: #fd7e14; }
.team-tab-info    .team-tab-icon { color: #6edff6; }
.team-tab-danger  .team-tab-icon { color: #ea868f; }

[data-bs-theme="light"] .team-tab-primary .team-tab-icon { color: #0d6efd; }
[data-bs-theme="light"] .team-tab-success .team-tab-icon { color: #198754; }
[data-bs-theme="light"] .team-tab-warning .team-tab-icon { color: #fd7e14; }
[data-bs-theme="light"] .team-tab-info    .team-tab-icon { color: #0dcaf0; }
[data-bs-theme="light"] .team-tab-danger  .team-tab-icon { color: #dc3545; }

/* Mobile offcanvas */
.team-tab-mobile {
    width: 100%;
    justify-content: flex-start;
    padding: 11px 14px;
    border-radius: 10px;
    font-size: 14px;
}

.team-tab-mobile .team-tab-icon { font-size: 17px; }
.team-tab-mobile .team-tab-label { font-size: 14px; }

/* ── Season filter control (shared across teams + competitions) ── */
.teams-filter-control-row {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.35rem;
    padding: 0.55rem 0.65rem 0.65rem;
    border: 1px solid var(--ar-border-color-translucent, rgba(255,255,255,0.12));
    border-radius: 0.85rem;
    background: rgba(var(--ar-emphasis-color-rgb, 255,255,255), 0.04);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.teams-filter-control-label {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--ar-secondary-color, #888);
    font-size: 0.64rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.teams-filter-control-field {
    flex: 1 1 auto;
    min-width: 0;
}

.teams-filter-control-field .form-select {
    border-radius: 0.5rem;
    font-size: 0.85rem;
    font-weight: 500;
}

/* ── Salary locked box ────────────────────────────────────── */
@media (max-width: 768px) {
    .salary-locked-box .lock-icon { font-size: 20px; }
    .salary-locked-box span { font-size: 15px; }
}
@media (max-width: 330px) {
    .salary-locked-box .lock-icon { font-size: 18px; }
    .salary-locked-box span { font-size: 14px; }
}
