body {
    background-color: #f6f7fb;
}

.status-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 6px;
}

.status-online {
    background-color: #28a745;
}

.status-offline {
    background-color: #dc3545;
}

.channel {
    margin-bottom: 12px;
}

.ts3-tree {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.ts3-tree .ts3-tree {
    margin-left: 18px;
    padding-left: 12px;
    border-left: 1px solid #e2e8f0;
}

.ts3-tree-item {
    margin: 6px 0;
}

.ts3-channel {
    font-weight: 600;
    color: #212529;
}

.ts3-clients {
    list-style: none;
    margin: 4px 0 0 12px;
    padding-left: 0;
}

.ts3-client {
    color: #495057;
}