#struktur-organisasi-chart{width:100%}
.ws-org-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.ws-org-switch{display:inline-flex;background:#fff;border:1px solid #dee2e6;border-radius:10px;padding:3px}
.ws-org-switch button{border:0;background:transparent;padding:7px 18px;border-radius:8px;font-size:14px;font-weight:600;color:#4a5a52;cursor:pointer}
.ws-org-switch button[aria-selected=true]{background:#1b6b3a;color:#fff}
.ws-org-zoom{display:flex;gap:6px}
.ws-org-zoom button{width:36px;height:36px;border:1px solid #dee2e6;background:#fff;border-radius:8px;cursor:pointer;color:#1b6b3a;font-size:16px;line-height:1;transition:background .2s,border-color .2s}
.ws-org-zoom button:hover{background:#eaf5ee;border-color:#27ae60}
.ws-org-hint{font-size:13px;color:#6c757d;margin:0 0 10px;text-align:left}
.ws-org-panel[hidden]{display:none}
.ws-org-panel:fullscreen,.ws-org-panel.is-expanded{background:#f8faf9;padding:16px;overflow:auto}
.ws-org-panel.is-expanded{position:fixed;inset:0;z-index:9999}
.ws-org-chart-wrap{display:flex;background:#f8faf9;border:1px solid #e8eeeb;border-radius:14px;padding:28px 16px;overflow:auto;cursor:grab;-webkit-overflow-scrolling:touch}
.ws-org-chart-wrap.is-dragging{cursor:grabbing;user-select:none}
.ws-org-panel:fullscreen .ws-org-chart-wrap,.ws-org-panel.is-expanded .ws-org-chart-wrap{height:calc(100% - 30px)}

/* CSS tree */
.ws-org-stage{position:relative;margin:auto;flex-shrink:0}
.ws-org-tree{position:absolute;left:0;top:0;width:max-content;transform-origin:top left;text-align:center}
.ws-org-tree ul{display:flex;justify-content:center;list-style:none;margin:0;padding:24px 0 0;position:relative}
.ws-org-tree>ul{padding-top:0}
.ws-org-tree li{position:relative;padding:24px 10px 0;text-align:center;display:flex;flex-direction:column;align-items:center}
.ws-org-tree>ul>li{padding-top:0}
.ws-org-tree li::before,.ws-org-tree li::after{content:"";position:absolute;top:0;width:50%;height:24px;border-top:2px solid #27ae60}
.ws-org-tree li::before{right:50%}
.ws-org-tree li::after{left:50%;border-left:2px solid #27ae60}
.ws-org-tree>ul>li::before,.ws-org-tree>ul>li::after{display:none}
.ws-org-tree li:only-child::before,.ws-org-tree li:only-child::after{display:none}
.ws-org-tree li:only-child{padding-top:0}
.ws-org-tree li:first-child::before{border-top:0}
.ws-org-tree li:last-child::after{border-top:0;border-left:0}
.ws-org-tree li:last-child::before{border-right:2px solid #27ae60;border-radius:0 8px 0 0}
.ws-org-tree li:first-child::after{border-radius:8px 0 0 0}
.ws-org-tree ul ul::before{content:"";position:absolute;top:0;left:50%;height:24px;border-left:2px solid #27ae60}
.ws-org-tree li:only-child>ul{padding-top:24px}
.ws-org-card{width:150px;padding:12px 8px;background:#fff;border:1px solid #e1ebe5;border-radius:12px;box-shadow:0 2px 8px rgba(27,107,58,.08)}

.ws-org-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:68px;height:68px;margin:0 auto 8px;border-radius:50%;border:3px solid #fff;box-shadow:0 3px 12px rgba(0,0,0,.15);background:linear-gradient(135deg,#1b6b3a,#27ae60);color:#fff;font-size:22px;overflow:hidden;flex-shrink:0}
.ws-org-avatar b{font-weight:700}
.ws-org-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#e8eeeb}
.ws-org-avatar--sm{width:40px;height:40px;margin:0;font-size:14px;border-width:2px;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.ws-org-node-name{font-size:13px;font-weight:700;color:#1a2e22;line-height:1.35;margin-bottom:4px;overflow-wrap:break-word}
.ws-org-node-role{display:inline-block;font-size:11.5px;color:#1b6b3a;font-weight:600;line-height:1.25;background:rgba(234,245,238,.95);border-radius:20px;padding:2px 9px}

/* Table */
.ws-org-group-title{font-size:16px;font-weight:700;color:#1b6b3a;margin:22px 0 10px;text-align:left}
.ws-org-table-wrap{background:#fff;border:1px solid #e8eeeb;border-radius:12px;overflow:hidden}
.ws-org-table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}
.ws-org-table th:nth-child(1){width:40%}.ws-org-table th:nth-child(2){width:25%}
.ws-org-table th{background:#f1f6f3;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#4a5a52;padding:10px 14px}
.ws-org-table td{padding:10px 14px;border-top:1px solid #eef3f0;font-size:14px;color:#1a2e22;vertical-align:middle}
.ws-org-table td small{color:#6c757d}
.ws-org-person{display:flex;align-items:center;gap:12px;font-weight:600}

.ws-org-empty{text-align:center;padding:48px 24px;color:#6c757d}

@media (max-width:768px){
.ws-org-table thead{display:none}
.ws-org-table,.ws-org-table tbody,.ws-org-table tr,.ws-org-table td{display:block;width:100%}
.ws-org-table tr{padding:10px 14px;border-top:1px solid #eef3f0}
.ws-org-table tr:first-child{border-top:0}
.ws-org-table td{border:0;padding:3px 0}
.ws-org-table td[data-label=Jabatan]::before,.ws-org-table td[data-label=Atasan]::before{content:attr(data-label) ": ";font-size:12px;color:#6c757d}
.ws-org-card{width:130px}
}
.ws-org-group{position:relative;display:flex;gap:16px;justify-content:center}
.ws-org-group.has-kids{padding-bottom:14px}
.ws-org-group.has-kids .ws-org-card::after{content:"";position:absolute;left:50%;bottom:-14px;height:14px;border-left:2px solid #27ae60}
.ws-org-group.has-kids::after{content:"";position:absolute;left:75px;right:75px;bottom:0;border-top:2px solid #27ae60}
.ws-org-group .ws-org-card{position:relative}