/* ==============================
    CONTAINER UTAMA & NODE
    ============================== */
/*.org-wrapper {*/
/*    display: block;*/
/*    padding: 60px 40px 40px 40px;*/
/*    margin: 40px auto;*/
/*    overflow-x: auto;*/
/*    overflow-y: visible;*/
/*    width: 100%;*/
/*    max-width: 1600px;*/
/*    background: #fafafa;*/
/*    border-radius: 12px;*/
/*    box-shadow: inset 0 0 10px rgba(0,0,0,0.05);*/
/*    -webkit-overflow-scrolling: touch;*/
/*    transform: translateZ(0);*/
/*}*/

/*.org-wrapper::-webkit-scrollbar {*/
/*    height: 12px;*/
/*}*/

/*.org-wrapper::-webkit-scrollbar-track {*/
/*    background: #e9ecef;*/
/*    border-radius: 10px;*/
/*    margin: 0 40px;*/
/*}*/

/*.org-wrapper::-webkit-scrollbar-thumb {*/
/*    background: #007bff;*/
/*    border-radius: 10px;*/
/*}*/

/*.org-wrapper::-webkit-scrollbar-thumb:hover {*/
/*    background: #0056b3;*/
/*}*/

/* Pohon Organisasi (ul.org-tree dan ul.org-level) */
/*.org-tree, .org-level {*/
/*    list-style: none;*/
/*    padding: 0;*/
/*    margin: 0;*/
/*    text-align: center;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: flex-start;*/
/*    flex-wrap: nowrap;*/
/*    position: relative;*/
/*}*/

/* DIREKTUR DI TENGAH - Item pertama di org-tree */
/*.org-tree {*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*}*/

/* Setiap Item List (li) adalah Node */
/*.org-tree > li, .org-level > li {*/
/*    display: inline-block;*/
/*    vertical-align: top;*/
/*    position: relative;*/
/*    padding: 0 25px;*/
/*    margin: 0;*/
/*}*/

/* Spacing khusus untuk level pertama (direktur) - CENTERED */
/*.org-tree > li {*/
/*    padding-top: 0;*/
/*    padding-bottom: 70px;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*}*/

/* Spacing untuk level berikutnya */
/*.org-level > li {*/
/*    padding-top: 70px;*/
/*    padding-bottom: 70px;*/
/*}*/

/* Node terakhir tidak perlu padding bottom */
/*.org-level > li:not(:has(.org-level)) {*/
/*    padding-bottom: 20px;*/
/*}*/

/* Level pertama (Ka.Bag dan Ka.Bid) dalam flexbox horizontal */
/*.org-tree > li > .org-level {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    justify-content: center;*/
/*    flex-wrap: nowrap;*/
/*}*/

/* ==============================
    STYLING CARD JABATAN
    ============================== */
/*.org-card {*/
/*    width: 280px;*/
/*    min-height: 160px;*/
/*    background: #ffffff;*/
/*    border-radius: 14px;*/
/*    border: 2px solid #ddd;*/
/*    padding: 18px;*/
/*    text-align: center;*/
    box-shadow: 0 4px 12px rgba(0,0,0,0.1); /* Dikurangi dari 0 6px 16px */
    transition: all 0.2s ease; /* Dikurangi dari 0.3s */
/*    cursor: default;*/
/*    position: relative; */
/*    z-index: 10;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    justify-content: center;*/
    will-change: transform; /* Optimasi GPU */
/*}*/

/*.org-card:hover {*/
    box-shadow: 0 8px 18px rgba(0,0,0,0.15); /* Dikurangi dari 0 10px 25px */
    transform: translateY(-4px); /* Dikurangi dari -6px */
/*    border-color: #007bff;*/
/*}*/

/*.org-card-director {*/
/*    border-color: #007bff;*/
/*    border-width: 3px;*/
    box-shadow: 0 6px 16px rgba(0, 123, 255, 0.25); /* Dikurangi */
/*    background: linear-gradient(135deg, #e3f2fd 0%, #ffffff 100%);*/
/*}*/

/*.org-photo-wrap {*/
/*    margin-bottom: 12px;*/
/*}*/

/*.org-photo {*/
/*    width: 85px;*/
/*    height: 85px;*/
/*    border-radius: 50%;*/
/*    border: 4px solid #007bff;*/
/*    object-fit: cover;*/
    box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* Dikurangi dari 0 3px 10px */
/*}*/

/*.org-card-director .org-photo {*/
/*    border-color: #0056b3;*/
/*    border-width: 5px;*/
/*    width: 90px;*/
/*    height: 90px;*/
/*}*/

/*.org-info {*/
/*    text-align: center;*/
/*    flex-grow: 1;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*    width: 100%;*/
/*}*/

/*.org-role {*/
/*    font-weight: 700;*/
/*    font-size: 15px;*/
/*    color: #1a1a1a;*/
/*    line-height: 1.4;*/
/*    margin-bottom: 6px;*/
/*}*/

/*.org-name {*/
/*    font-weight: 600;*/
/*    font-size: 14px;*/
/*    margin-top: 4px;*/
/*    color: #333;*/
/*    white-space: normal;*/
/*    word-break: break-word;*/
/*    line-height: 1.3;*/
/*}*/

/*.org-rank {*/
/*    font-size: 12px;*/
/*    margin-top: 6px;*/
/*    color: #666;*/
/*    font-weight: 400;*/
/*}*/

/* ==============================
    GARIS PENGHUBUNG HIERARKI
    (DIPERBAIKI - Garis tegak lurus sempurna)
    ============================== */

/* Garis Vertikal di ATAS Direktur (garis biru) */
/*.org-tree > li::before {*/
/*    content: '';*/
/*    position: absolute;*/
    top: -60px; /* Naik ke atas card direktur */
/*    left: 50%;*/
/*    width: 4px;*/
/*    height: 60px;*/
    background: #007bff; /* Biru untuk direktur */
/*    z-index: 1;*/
/*    transform: translateX(-2px);*/
/*}*/

/* Garis Vertikal turun dari Direktur */
/*.org-tree > li::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 50%;*/
/*    width: 4px;*/
    height: 70px; /* Sesuai dengan padding-bottom direktur */
/*    background: #333;*/
/*    z-index: 1;*/
/*    transform: translateX(-2px);*/
/*}*/

/* Container untuk child level */
/*.org-level {*/
/*    margin-top: 0;*/
/*    position: relative;*/
/*}*/

/* Garis Horizontal menghubungkan semua siblings */
/*.org-level::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    height: 4px;*/
/*    background: #333;*/
/*    z-index: 0;*/
/*}*/

/* Garis Vertikal naik dari setiap child node ke garis horizontal */
/*.org-level > li::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 50%;*/
/*    width: 4px;*/
    height: 70px; /* Sesuai dengan padding-top */
/*    background: #333;*/
/*    z-index: 1;*/
/*    transform: translateX(-2px);*/
/*}*/

/* Garis turun dari node yang punya children */
/*.org-level > li:has(.org-level)::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 50%;*/
/*    width: 4px;*/
    height: 70px; /* Sesuai dengan padding-bottom */
/*    background: #333;*/
/*    z-index: 1;*/
/*    transform: translateX(-2px);*/
/*}*/

/* Garis horizontal untuk level nested (sub-level) */
/*.org-level .org-level::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    height: 4px;*/
/*    background: #333;*/
/*    z-index: 0;*/
/*}*/

/* ==============================
    PENYESUAIAN RESPONSIVE
    ============================== */
/*@media screen and (min-width: 1400px) {*/
/*    .org-card {*/
/*        width: 300px;*/
/*        min-height: 170px;*/
/*    }*/
/*    .org-photo {*/
/*        width: 90px;*/
/*        height: 90px;*/
/*    }*/
/*    .org-card-director .org-photo {*/
/*        width: 95px;*/
/*        height: 95px;*/
/*    }*/
/*    .org-role {*/
/*        font-size: 16px;*/
/*    }*/
/*    .org-name {*/
/*        font-size: 15px;*/
/*    }*/
/*    .org-rank {*/
/*        font-size: 13px;*/
/*    }*/
/*}*/

/*@media screen and (max-width: 1399px) and (min-width: 1200px) {*/
/*    .org-card {*/
/*        width: 270px;*/
/*    }*/
/*    .org-photo {*/
/*        width: 80px;*/
/*        height: 80px;*/
/*    }*/
/*}*/

/*@media screen and (max-width: 1199px) and (min-width: 993px) {*/
/*    .org-card {*/
/*        width: 250px;*/
/*        padding: 16px;*/
/*    }*/
/*    .org-photo {*/
/*        width: 75px;*/
/*        height: 75px;*/
/*    }*/
/*    .org-role {*/
/*        font-size: 14px;*/
/*    }*/
/*    .org-name {*/
/*        font-size: 13px;*/
/*    }*/
/*}*/

/*@media screen and (max-width: 992px) and (min-width: 769px) {*/
/*    .org-card {*/
/*        width: 230px;*/
/*        padding: 14px;*/
/*        min-height: 150px;*/
/*    }*/
/*    .org-photo {*/
/*        width: 70px;*/
/*        height: 70px;*/
/*    }*/
/*    .org-role {*/
/*        font-size: 13px;*/
/*    }*/
/*    .org-name {*/
/*        font-size: 12px;*/
/*    }*/
/*    .org-rank {*/
/*        font-size: 11px;*/
/*    }*/
/*}*/

/*@media screen and (max-width: 768px) {*/
/*    .org-wrapper {*/
/*        margin: 20px 0;*/
/*        padding: 20px 15px;*/
/*        overflow-x: visible;*/
/*        background: transparent;*/
/*        box-shadow: none;*/
/*    }*/
    
/*    .org-tree, .org-level {*/
/*        flex-direction: column;*/
/*        align-items: stretch;*/
/*        width: 100%;*/
/*    }*/
    
/*    .org-tree > li, .org-level > li {*/
/*        display: block;*/
/*        width: 100%;*/
/*        padding: 0;*/
/*        margin: 0 0 20px 0;*/
/*    }*/

/*    .org-level {*/
/*        flex-direction: column;*/
/*        align-items: flex-start;*/
/*        margin-top: 15px;*/
/*        padding-left: 35px;*/
/*        border-left: 4px solid #999;*/
/*        position: relative;*/
/*    }*/
    
    /* Hapus semua garis default di mobile */
/*    .org-tree > li::before,*/
/*    .org-tree > li::after,*/
/*    .org-level::before,*/
/*    .org-level > li::before,*/
/*    .org-level > li::after {*/
/*        display: none;*/
/*    }*/

    /* Garis horizontal kustom untuk mode mobile */
/*    .org-level > li {*/
/*        position: relative;*/
/*    }*/
    
/*    .org-level > li::before {*/
/*        content: '';*/
/*        display: block;*/
/*        position: absolute;*/
/*        top: 40px;*/
/*        left: -35px;*/
/*        width: 35px;*/
/*        height: 4px;*/
/*        background: #999;*/
/*    }*/

    /* Card di mode responsif */
/*    .org-card {*/
/*        width: 100%;*/
/*        max-width: none;*/
/*        padding: 16px;*/
/*        flex-direction: row;*/
/*        gap: 16px;*/
/*        text-align: left;*/
/*        min-height: auto;*/
/*    }*/
    
/*    .org-photo-wrap {*/
/*        margin-bottom: 0;*/
/*        flex-shrink: 0;*/
/*    }*/
    
/*    .org-info {*/
/*        text-align: left;*/
/*        align-items: flex-start;*/
/*    }*/
    
/*    .org-photo {*/
/*        width: 70px;*/
/*        height: 70px;*/
/*        border-width: 3px;*/
/*    }*/
    
/*    .org-card-director .org-photo {*/
/*        width: 75px;*/
/*        height: 75px;*/
/*    }*/
    
/*    .org-role {*/
/*        font-size: 14px;*/
/*    }*/
    
/*    .org-name {*/
/*        font-size: 13px;*/
/*    }*/
    
/*    .org-rank {*/
/*        font-size: 11px;*/
/*    }*/
/*}*/