/* ===================== الهيكل التنظيمي التفاعلي (/org/) ===================== */
.org-wrap{padding:1.5rem 0 3rem;background:var(--nz-ground)}
.org-scroll{overflow-x:auto;padding:1rem 1rem 2rem;-webkit-overflow-scrolling:touch}
.org-scroll:focus-visible{outline:2px solid var(--nz-link);outline-offset:-2px}

/* الشجرة: كل وحدة تحتها خط عمودي إلى صف أبنائها، وخط أفقي يصل الإخوة */
.org-ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;position:relative}
.org-ul.root{min-width:max-content;margin-inline:auto}
.org-li{position:relative;display:flex;flex-direction:column;align-items:center}
.org-ul.o-row{padding-top:1.5rem}
.org-ul.o-row::before{content:"";position:absolute;top:0;inset-inline-start:50%;height:1.5rem;border-inline-start:2px solid var(--nz-line)}
.org-ul.o-row>.org-li{padding:1.5rem .5rem 0}
.org-ul.o-row>.org-li::before{content:"";position:absolute;top:0;inset-inline:0;border-top:2px solid var(--nz-line)}
.org-ul.o-row>.org-li:first-child::before{inset-inline-start:50%}
.org-ul.o-row>.org-li:last-child::before{inset-inline-end:50%}
.org-ul.o-row>.org-li:only-child::before{display:none}
.org-ul.o-row>.org-li::after{content:"";position:absolute;top:0;height:1.5rem;inset-inline-start:50%;border-inline-start:2px solid var(--nz-line)}
.org-ul.root{padding-top:0}
.org-ul.root::before,.org-ul.root>.org-li::before,.org-ul.root>.org-li::after{display:none}
.org-ul.root>.org-li{padding-top:0}

/* البطاقات */
.org-card{display:flex;align-items:center;gap:.7rem;background:var(--nz-surface);border:1px solid var(--nz-line);border-radius:14px;
  padding:.65rem .9rem;color:var(--nz-ink);text-decoration:none;box-shadow:0 1px 2px rgba(0,10,44,.06);
  transition:transform .15s,box-shadow .15s,border-color .15s;position:relative;z-index:1}
.org-card:hover,.org-card:focus-visible{transform:translateY(-2px);box-shadow:var(--nz-shadow);border-color:var(--nz-link)}
.org-card.big{width:230px}
.org-card.small{width:220px;padding:.5rem .75rem;border-radius:10px}
.org-photo{flex:none;width:56px;height:56px;border-radius:50%;overflow:hidden;background:#E9EBEF;border:2px solid var(--nz-surface);box-shadow:0 0 0 2px var(--nz-line)}
.org-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.org-photo img.ph{object-fit:contain;padding:8px;opacity:.5}
.org-txt{display:flex;flex-direction:column;gap:.1rem;text-align:start;min-width:0}
.org-kind{font-size:.72rem;font-weight:700;color:var(--nz-link)}
.org-kind.lg{display:inline-block;font-size:.85rem;margin-bottom:.3rem}
.org-name{font-size:.95rem;line-height:1.45}
.org-card.small .org-name{font-size:.86rem}
.org-sub{font-size:.8rem;color:var(--nz-muted)}
.org-card.k-board{flex-direction:column;text-align:center;background:#000A2C;color:#fff;border-color:rgba(160,180,255,.35);width:320px;padding:1rem 1.2rem}
.org-card.k-board .org-kind,.org-card.k-board .org-sub{color:#C9D6FF}
.org-faces{display:flex;justify-content:center;margin-top:.35rem}
.org-faces img,.org-faces .ph{width:38px;height:38px;border-radius:50%;object-fit:cover;object-position:50% 20%;border:2px solid #000A2C;
  margin-inline-start:-8px;background:#E9EBEF;color:#000A2C;display:inline-grid;place-items:center;font-weight:700}
.org-faces img:first-child,.org-faces .ph:first-child{margin-inline-start:0}
.org-card.k-president{border-color:var(--nz-link);box-shadow:0 0 0 3px rgba(30,60,170,.10)}
.org-card.k-sector{border-top:4px solid var(--nz-link)}

/* ما تحت القطاع: قائمة عمودية بخط جانبي */
.org-ul.o-col{flex-direction:column;align-items:stretch;gap:.45rem;margin-top:.8rem;padding-inline-start:1rem;
  border-inline-start:2px solid var(--nz-line);margin-inline-start:1.2rem;align-self:stretch}
.org-ul.o-col>.org-li{align-items:stretch}
.org-ul.o-col>.org-li::before{content:"";position:absolute;top:1.2rem;inset-inline-start:-1rem;width:.9rem;border-top:2px solid var(--nz-line)}
.org-ul.o-col .org-card{width:auto}
.org-note{text-align:center;margin-top:.5rem}

/* الهاتف واللوحي الصغير: تسلسل عمودي مع إزاحة لكل مستوى */
@media (max-width:900px){
  .org-scroll{overflow:visible;padding:0 16px}
  .org-ul,.org-ul.o-row,.org-ul.root{flex-direction:column;align-items:stretch;min-width:0;padding-top:0}
  .org-ul.o-row>.org-li,.org-ul.root>.org-li{padding:0;margin-top:.5rem;align-items:stretch}
  .org-ul.o-row::before,.org-ul.o-row>.org-li::before,.org-ul.o-row>.org-li::after{display:none}
  .org-li>.org-ul.o-row,.org-li>.org-ul.o-col{padding-inline-start:.9rem;margin-inline-start:.9rem;border-inline-start:2px solid var(--nz-line);margin-top:.5rem}
  .org-ul.o-col>.org-li::before{display:none}
  .org-card.big,.org-card.small,.org-card.k-board{width:auto}
}

/* صفحة الوحدة */
.org-unit-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:2rem;align-items:start}
@media (max-width:900px){.org-unit-grid{grid-template-columns:1fr}}
.org-board{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}
.org-board-row{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}
.org-board-row .org-person{flex:0 1 200px;padding:.8rem}
.org-board-row+.org-board-row{position:relative;padding-top:1rem}
.org-board-row+.org-board-row::before{content:"";position:absolute;top:-1rem;inset-inline-start:50%;height:2rem;border-inline-start:2px solid var(--nz-line)}
.org-board .org-person-img{width:100px;height:100px}.org-board .org-person.lead .org-person-img{width:130px;height:130px}
.org-person{background:var(--nz-surface);border:1px solid var(--nz-line);border-radius:14px;padding:1rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem}
.org-person.lead{border-color:var(--nz-link);box-shadow:0 0 0 3px rgba(30,60,170,.10)}
.org-person-img{width:120px;height:120px;border-radius:50%;overflow:hidden;background:#E9EBEF;display:block}
.org-person.lead .org-person-img{width:140px;height:140px}
.org-person-img img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.org-person-img img.ph{object-fit:contain;padding:22px;opacity:.5}
.org-person h3{font-size:1.02rem;margin:0}
.org-person h3 a{color:var(--nz-ink)}
.org-person p{margin:0;color:var(--nz-muted);font-size:.88rem;line-height:1.6}
.org-person-acts{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}
.org-person-acts svg{width:15px;height:15px;vertical-align:-2px}
.org-children{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem;margin-top:1rem}
.org-child{display:flex;flex-direction:column;gap:.2rem;background:var(--nz-surface);border:1px solid var(--nz-line);border-inline-start:4px solid var(--nz-link);
  border-radius:12px;padding:.8rem 1rem;color:var(--nz-ink);text-decoration:none}
.org-child:hover{box-shadow:var(--nz-shadow)}
.org-child small{color:var(--nz-muted)}
.org-up{background:var(--nz-surface);border:1px solid var(--nz-line);border-radius:12px;padding:.8rem 1rem;display:flex;flex-direction:column;gap:.2rem}
.org-up a{color:var(--nz-ink)}

/* نافذة التواصل */
.org-dialog{border:0;border-radius:16px;padding:0;width:min(520px,calc(100vw - 32px));background:var(--nz-surface);color:var(--nz-text);box-shadow:0 20px 60px rgba(0,10,44,.35)}
.org-dialog::backdrop{background:rgba(0,10,44,.55)}
.org-dialog-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.2rem;background:#000A2C;color:#fff}
.org-dialog-hd h2{margin:.1rem 0;font-size:1.15rem;color:#fff}
.org-dialog-hd .muted,.org-dialog-hd .small{color:#C9D6FF}
.org-x{background:none;border:0;color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;padding:0 .2rem}
.org-dialog-bd{padding:1rem 1.2rem}
.org-dialog-ft{display:flex;gap:.5rem;padding:.8rem 1.2rem;border-top:1px solid var(--nz-line)}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.org-dialog [hidden]{display:none!important}
.org-dialog-bd{overflow:hidden}

/* صفحة القيادي: وحداته في الهيكل */
.org-leader-box{background:var(--nz-surface);border:1px solid var(--nz-line);border-radius:14px;padding:1rem 1.2rem}
.org-leader-units{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.4rem}
.org-leader-units li{display:flex;justify-content:space-between;align-items:center;gap:.6rem;border-bottom:1px dashed var(--nz-line);padding:.35rem 0}
.org-leader-units a{color:var(--nz-ink);text-decoration:none}
.org-leader-units small{color:var(--nz-muted)}
.org-leader-box .btn svg{width:15px;height:15px;vertical-align:-2px}

/* صندوق الوحدات التابعة مباشرة للرئاسة/النيابة/الأمانة */
.org-card.k-group{background:var(--nz-ground);border-style:dashed;cursor:default;width:auto;min-width:220px}
.org-card.k-group:hover{transform:none;box-shadow:none;border-color:var(--nz-line)}
.k-group>.org-ul.o-col{margin-top:.6rem}

/* أدوات حجم المخطط (للشاشات الواسعة) */
.org-tools{display:flex;gap:.4rem;justify-content:flex-start;margin-bottom:.5rem}
.org-tools .btn{min-width:2.4rem}
@media (max-width:900px){.org-tools{display:none}}

/* «العمود الفقري» كما في الهيكل المعتمد: شريط الوحدات التابعة تحت الرئاسة/الأمانة، ثم ينزل الخط إلى المستوى التالي */
.org-sides{position:relative;align-self:stretch;display:flex;justify-content:center}
.org-sides.to-tier::after{content:"";position:absolute;top:0;bottom:0;inset-inline-start:50%;border-inline-start:2px solid var(--nz-line);z-index:0}
.org-sides>.org-ul.o-row{align-items:flex-start}
.org-ul.o-row.tier.after-sides{padding-top:1.5rem}
.org-li.k-pile{gap:.45rem}
.org-li.k-pile>.org-card{width:220px}
.org-li.k-pile>.org-card+.org-card{margin-top:0}
.org-ul.o-row>.org-li{align-self:flex-start}
@media (max-width:900px){
  .org-sides{display:block}
  .org-sides.to-tier::after{display:none}
  .org-li.k-pile>.org-card{width:auto}
  .org-ul.o-row.tier.after-sides{padding-top:0}
}

/* ===== تخطيط «الخط الأوسط» مطابق للهيكل المعتمد ===== */
.ofc-band{display:grid;grid-template-columns:minmax(0,1fr) 2px minmax(0,1fr);align-items:start;margin-top:0;padding-top:1.4rem;position:relative;width:100%}
.ofc-mid{align-self:stretch;background:var(--nz-line);margin-top:-1.4rem}
.ofc-band:not(.to-tier) .ofc-mid{align-self:start;height:100%}
.ofc-half{display:flex;flex-direction:column;gap:.9rem;padding-block:.2rem}
.ofc-half.r{align-items:flex-end}
.ofc-half.l{align-items:flex-start}
.ofc-branch{display:flex;align-items:center;gap:0;position:relative}
.ofc-half.l .ofc-branch{flex-direction:row-reverse}
.ofc-branch>.org-card{flex:none}
.ofc-branch>.org-card.small{width:210px}
.ofc-branch>.org-card.big{width:240px}
.ofc-branch>.org-card.k-board{width:300px}
.ofc-stub{width:1.6rem;flex:none;border-top:2px solid var(--nz-line)}
/* الوحدات التابعة للخارج: قوس عمودي من جهة البطاقة، ووصلة لكل وحدة */
.ofc-kids{display:flex;flex-direction:column;gap:.45rem;position:relative;padding-inline-end:1.4rem;margin-inline-end:0}
.ofc-half.l .ofc-kids{padding-inline-end:0;padding-inline-start:1.4rem}
.ofc-kids::after{content:"";position:absolute;top:1.1rem;bottom:1.1rem;inset-inline-end:0;border-inline-end:2px solid var(--nz-line)}
.ofc-half.l .ofc-kids::after{inset-inline-end:auto;inset-inline-start:0;border-inline-end:0;border-inline-start:2px solid var(--nz-line)}
.ofc-kids:has(>.ofc-branch:only-child)::after{display:none}
.ofc-kids>.ofc-branch>.ofc-stub{width:1.4rem}
.ofc-half.r .ofc-kids>.ofc-branch{margin-inline-end:-1.4rem}
.ofc-half.l .ofc-kids>.ofc-branch{margin-inline-start:-1.4rem}
.ofc-kids .ofc-kids>.ofc-branch>.org-card.small{width:190px}
.ofc-band+.org-ul.tier{width:100%}
@media (max-width:900px){
  .ofc-band{display:block;padding-top:0}
  .ofc-mid{display:none}
  .ofc-half{align-items:stretch!important;gap:.5rem;margin-top:.5rem;padding-inline-start:.9rem;margin-inline-start:.9rem;border-inline-start:2px solid var(--nz-line)}
  .ofc-branch,.ofc-half.l .ofc-branch{flex-direction:column-reverse;align-items:stretch}
  .ofc-stub,.ofc-kids::after{display:none}
  .ofc-kids,.ofc-half.l .ofc-kids{padding:0;margin:.4rem 0 0;padding-inline-start:.9rem;margin-inline-start:.9rem;border-inline-start:2px solid var(--nz-line)}
  .ofc-kids>.ofc-branch{margin:0!important}
  .ofc-branch>.org-card.small,.ofc-branch>.org-card.big,.ofc-branch>.org-card.k-board,.ofc-kids .ofc-kids>.ofc-branch>.org-card.small{width:auto}
}

/* ===== التصميم السابق مع الملاحظتين ===== */
/* مستوى الرئيس: يمين الخط ويساره، والخط الأفقي يصل كل جانب بالخط الأوسط */
.ofc-band.lvl{padding-top:0}
.ofc-band.lvl .ofc-mid{margin-top:0}
.ofc-band.lvl .ofc-half{display:block;padding:0}
.ofc-band.lvl .ofc-half.r{display:flex;justify-content:flex-end}
.ofc-band.lvl .ofc-half.l{display:flex;justify-content:flex-start}
.ofc-band.lvl .org-ul.o-row::before{display:none}
.ofc-band.lvl .org-ul.o-row.side-r>.org-li:last-child::before{inset-inline-end:0;display:block}
.ofc-band.lvl .org-ul.o-row.side-l>.org-li:first-child::before{inset-inline-start:0;display:block}
.ofc-band.lvl .org-ul.o-row>.org-li:only-child::before{display:block}
.ofc-band.lvl .org-ul.o-row.side-r>.org-li:only-child::before{inset-inline-start:50%;inset-inline-end:-.5rem}
.ofc-band.lvl .org-ul.o-row.side-l>.org-li:only-child::before{inset-inline-end:50%;inset-inline-start:-.5rem}
.ofc-band.lvl .org-ul.o-row{padding-top:1.5rem}
.ofc-band.lvl+.org-ul.tier.after-sides{padding-top:2.5rem}
.ofc-band.lvl+.org-ul.tier.after-sides::before{height:2.5rem}
/* تحت الأمين العام مباشرة: صندوق وحداته في المنتصف، والخط يكمل خلفه إلى القطاعات */
.ofc-under{position:relative;display:flex;justify-content:center;padding-top:1.5rem;width:100%}
.ofc-under::before{content:"";position:absolute;top:0;bottom:0;inset-inline-start:50%;border-inline-start:2px solid var(--nz-line);z-index:0}
.ofc-under:not(.to-tier)::before{bottom:auto;height:1.5rem}
.ofc-under>.org-li{position:relative;z-index:1;background:var(--nz-ground);padding:.5rem;border-radius:14px;border:1px dashed var(--nz-line);align-items:stretch}
.ofc-under>.org-li>.org-card.k-group{border:0;background:transparent;padding:.2rem .4rem}
.ofc-under>.org-li>.org-ul.o-col{min-width:260px}
@media (max-width:900px){
  .ofc-band.lvl .ofc-half{display:block;border:0;margin:0;padding:0}
  .ofc-under{display:block;padding-top:0}
  .ofc-under::before{display:none}
  .ofc-under>.org-li{margin-top:.5rem}
  .ofc-band.lvl+.org-ul.tier.after-sides{padding-top:0}
}

/* الملاحظة الصفراء: الأمين العام في صف الرئيس لكن أنزل من المجلس والنائب ووحدات الرئيس */
.org-ul.o-row>.org-li.k-secretariat{padding-top:6rem}
.org-ul.o-row>.org-li.k-secretariat::after{height:6rem}
@media (max-width:900px){.org-ul.o-row>.org-li.k-secretariat{padding-top:0}}

/* ===== مجلس الإدارة بخلفية بيضاء مثل بقية البطاقات ===== */
.org-card.k-board{background:var(--nz-surface);color:var(--nz-ink);border:1px solid var(--nz-line);border-top:4px solid var(--nz-link)}
.org-card.k-board .org-sub{color:var(--nz-muted)}
.org-faces img,.org-faces .ph{border-color:var(--nz-surface)}

/* ===== القوائم الفرعية مطوية: تُفتح بالضغط مع حركة، وتلميح يوضح ذلك ===== */
.org-fold{overflow:hidden;max-height:0;opacity:0;margin-top:0!important;transition:max-height .4s ease,opacity .3s ease,margin-top .3s ease;visibility:hidden}
.org-fold.open{opacity:1;margin-top:.7rem!important;visibility:visible}
.org-tog{position:relative;z-index:2;align-self:center;margin-top:-.55rem;border:1px solid var(--nz-line);background:var(--nz-surface);color:var(--nz-link);
  border-radius:999px;font:inherit;font-size:.74rem;font-weight:700;padding:.05rem .6rem;cursor:pointer;line-height:1.6;box-shadow:0 1px 3px rgba(0,10,44,.12);
  transition:transform .2s,background .2s,color .2s}
.org-tog:hover,.org-tog:focus-visible{background:var(--nz-link);color:#fff;transform:translateY(-1px)}
.org-tog span,.org-chev{display:inline-block;transition:transform .3s ease}
.org-tog[aria-expanded="true"] span,[aria-expanded="true"]>.org-chev{transform:rotate(180deg)}
.org-ul.o-col>.org-li>.org-tog{align-self:flex-start;margin-inline-start:1rem}
button.org-card.k-group{font:inherit;text-align:start;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%}
button.org-card.k-group:hover,button.org-card.k-group:focus-visible{border-color:var(--nz-link);border-style:solid;background:var(--nz-surface)}
.org-chev{color:var(--nz-link);font-size:.9rem}
/* التلميح */
[data-tip]{position:relative}
[data-tip]:hover::after,[data-tip]:focus-visible::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);inset-inline-start:50%;transform:translateX(50%);
  background:#000A2C;color:#fff;font-size:.74rem;font-weight:400;white-space:nowrap;padding:.3rem .6rem;border-radius:8px;z-index:20;pointer-events:none;
  box-shadow:0 4px 14px rgba(0,10,44,.25);animation:orgTip .18s ease}
[dir="ltr"] [data-tip]:hover::after{transform:translateX(-50%)}
@keyframes orgTip{from{opacity:0;margin-bottom:-4px}to{opacity:1;margin-bottom:0}}
@media (prefers-reduced-motion:reduce){.org-fold,.org-tog,.org-tog span,.org-chev{transition:none}}

/* القائمة المطوية لا تأخذ عرضاً (لا تُوسّع المخطط) */
.org-fold:not(.open):not(.closing){position:absolute;width:1px;pointer-events:none}

/* صفحة القيادي في الهيكل (/org/people/{رابط}) */
.org-pp{display:grid;grid-template-columns:260px 1fr;gap:2rem;align-items:start}
.org-pp-card{background:var(--nz-surface);border:1px solid var(--nz-line);border-radius:16px;padding:1.4rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.7rem;position:sticky;top:1rem}
.org-pp-card .org-person-img{width:180px;height:180px}
.org-pp-card h2{font-size:1.15rem;margin:0}
.org-pp-card .pos{color:var(--nz-muted);margin:0;font-size:.95rem}
.org-pp-card .btn{width:100%;justify-content:center}
.org-pp .org-leader-units{margin-bottom:1.6rem}
@media (max-width:820px){.org-pp{grid-template-columns:1fr}.org-pp-card{position:static}}