.employee, .group {padding: 8px 12px; border-radius: 4px; height:50px; margin-bottom: 8px; font-weight: 500;}
.employee {background-color: #fffaf5; cursor: grab; text-align: center;}
.employee:active {cursor: grabbing;}

.group {background-color: #E1E9F1; display: flex; align-items: center; justify-content: flex-end;}
.group > span {flex: auto;}
.group > button {margin-left: 4px; height: 32px; min-width: 64px; padding: 0 6px;}
.group > button.edit-button {background: #fff; color: #414344; border: 1px solid #D9D9D9;}
.group > button.delete-button {background: #FFF3F3; color: #D61919; border: 1px solid #D61919;}

.tree-root {display: flex; justify-content: center; flex-direction: column; align-items: center; padding-top: 1rem;}

.node {position: relative; margin: 10px 0; padding: 10px 20px; text-align: center; display: flex; flex-direction: column; align-items: center; cursor: pointer;
}
.node.headNode {padding: 0; margin: 0;}
.node-container {display: flex; justify-content: center; align-items: flex-start; gap: 16px; position: relative;}
.node-container:not(:first-of-type) .node::before {content: ""; position: absolute; top: -10px; left: 50%; width: 1px; height: 15px; background-color: #aaa;}
.node-container:not(:first-of-type)::before {content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background-color: #aaa;}

.group-node-indi, .employee-node-indi {padding: 10px; border-radius: 4px; margin-bottom: 10px; min-width: 80px; font-size: 20px;}
.group-node-indi {background-color: #E1E9F1; border: 1px solid #0C4B93;}
.employee-node-indi {background-color: #fffaf5; border: 1px solid #812B27;}

.button-group {width: 100%; position: absolute; right: 0; bottom: 0; display: flex; gap: 8px; /* 버튼 간 간격 */}

.employee-list.dragover { background-color: #f0f8ff; }

.non-draggable { cursor: not-allowed; opacity: 0.5;}

.group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}

.edit-button, .delete-button {
    margin-left: 5px;
    padding: 3px 6px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

.node[draggable="false"] {
    cursor: not-allowed;

}