/* =============================================================================
   RSL ranking (Rotation sub-view) — Zone Badges
   ============================================================================= */

.rsl-zone-badge {
    display: inline-block;
    padding: 0.2rem 0.7rem;
    border-radius: 20px;
    font-size: var(--text-caption);
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    white-space: nowrap;
}

.rsl-zone-buy {
    background: var(--accent-green-bg-strong);
    color: var(--accent-green);
    border: 1px solid var(--accent-green-border);
}

.rsl-zone-hold {
    background: var(--accent-warning-bg-strong);
    color: var(--accent-warning);
    border: 1px solid var(--accent-warning-border-strong);
}

.rsl-zone-sell {
    background: var(--accent-red-bg-strong);
    color: var(--accent-red);
    border: 1px solid var(--accent-red-border);
}

.rsl-sector {
    color: var(--text-secondary);
    font-size: var(--text-caption);
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rsl-sortable {
    cursor: pointer;
    user-select: none;
    transition: color 0.15s;
}

.rsl-sortable:hover {
    color: var(--accent-blue);
}

.rsl-sortable.active-sort {
    color: var(--accent-blue);
    font-weight: 600;
}