الهيكل التنظيمي

/* ALWAYS INCLUDE */ #node-538 .field-item.even p{ display: table-column-group; }

/* Scope ALL styling to this node only (change 533 if needed) */ #node-533 .org-container{ width:100%; direction:rtl; text-align:center; margin:20px 0; font-family: inherit; }

#node-533 .org-title{ font-size:22px; font-weight:700; margin:10px 0 25px; }

#node-533 .org-chart{ width:100%; position:relative; padding:10px 0 0; }

#node-533 .org-level{ display:flex; justify-content:center; align-items:flex-start; gap:18px; flex-wrap:wrap; position:relative; }

#node-533 .org-box{ background:#fff; border:1px solid #dcdcdc; border-radius:8px; padding:16px 14px; min-width:220px; max-width:260px; box-shadow:0 1px 3px rgba(0,0,0,.06); font-size:16px; line-height:1.5; }

#node-533 .org-box.main{ font-weight:700; min-width:260px; border:2px solid #5b8def; box-shadow:0 2px 6px rgba(0,0,0,.08); }

/* connectors */ #node-533 .level-children{ margin-top:34px; padding-top:28px; }

#node-533 .level-children:before{ content:””; position:absolute; top:0; left:10%; right:10%; height:2px; background:#cfcfcf; }

#node-533 .level-children .org-box{ position:relative; }

#node-533 .level-children .org-box:before{ content:””; position:absolute; top:-28px; left:50%; transform:translateX(-50%); width:2px; height:28px; background:#cfcfcf; }

#node-533 .org-subtitle{ margin-top:10px; font-size:13px; color:#666; font-weight:700; text-align:right; }

#node-533 .org-box ul{ margin:8px 0 0; padding:0 18px 0 0; text-align:right; } #node-533 .org-box li{ margin:4px 0; }

/* responsive */ @media (max-width: 900px){ #node-533 .org-box{ min-width: 200px; } #node-533 .level-children:before{ left:6%; right:6%; } } @media (max-width: 600px){ #node-533 .org-box{ min-width: 92%; max-width: 92%; } #node-533 .level-children:before{ display:none; } #node-533 .level-children .org-box:before{ display:none; } }

?>