/* Diseño organigrama: cajas uniformes, avatar circular, badge de subordinados, líneas limpias */
.org-node-container{ text-align:center; margin:18px; position:relative; display:flex; flex-direction:column; align-items:center; }
.org-node-box{ background:#fff; padding:12px 16px; border-radius:10px; box-shadow:0 6px 18px rgba(0,0,0,0.08); display:flex; flex-direction:column; align-items:center; min-width:220px; min-height:120px; box-sizing:border-box; position:relative; }
.org-avatar-wrap{ width:84px; height:84px; border-radius:50%; overflow:hidden; margin-top:-42px; border:6px solid #f6f6f6; background:#fff; display:flex; align-items:center; justify-content:center; }
.org-avatar{ width:76px; height:76px; border-radius:50%; object-fit:cover; display:block; }
.org-name{ font-weight:700; font-size:15px; margin-top:8px; color:#111; }
.org-role{ font-size:13px; color:#666; margin-top:4px; }
.org-subcount{ position:absolute; right:8px; bottom:8px; background:#f0f4f9; padding:4px 6px; border-radius:8px; font-size:12px; display:flex; align-items:center; gap:6px; box-shadow:0 2px 6px rgba(0,0,0,0.04); }
.org-subcount-number{ background:#e9eef8; color:#1b5bd8; padding:4px 6px; border-radius:6px; font-weight:700; font-size:12px; }

.org-children{ display:flex; justify-content:center; gap:20px; margin-top:22px; position:relative; padding-top:18px; }
/* Lines */
.org-children::before{ content:''; position:absolute; top:0; left:10%; right:10%; height:2px; background:#e0e0e0; }
.org-node-container::before{ content:''; position:absolute; top:-18px; left:50%; transform:translateX(-50%); width:2px; height:18px; background:#e0e0e0; }

/* Zoom controls small granate buttons */
#paola-zoom-controls{ position:fixed; right:20px; bottom:20px; display:flex; flex-direction:column; gap:8px; z-index:9999; }
.paola-zoom-btn{ width:38px; height:38px; border-radius:50%; background:#8b1e2d; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; cursor:pointer; box-shadow:0 6px 16px rgba(0,0,0,0.18); }
.paola-zoom-btn.small{ width:34px; height:34px; font-size:18px; }

/* Ensure canvas container id exists */
#paola-canvas{ transition: transform 0.15s ease; transform-origin: 50% 10%; }

/* Make nodes equal height */
.org-node-box{ display:flex; flex-direction:column; justify-content:center; align-items:center; }


/* Destacar nodo del usuario logueado */
.highlight-node {
    border: 2px solid #0073e6 !important;
    box-shadow: 0 0 12px rgba(0,115,230,0.7);
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}

/* v8: Highlight node for current user */
.highlight-node {
    border: 2px solid #0073e6 !important;
    box-shadow: 0 0 14px rgba(0,115,230,0.8) !important;
    border-radius: 8px !important;
    transition: box-shadow .25s ease, transform .15s ease;
    transform: translateZ(0);
}
.org-subcount { display: inline-block; margin-left: 8px; font-weight: 600; }
.org-subcount-number { font-weight: 600; }