/* =====================================================================
 * صفحة القيادة — شجرة الهيكل التنظيمي (مطابقة للملف التعريفي)
 * صناديق كحلية داكنة بنص أبيض + شريط ذهبي علوي، وخطوط ربط ذهبية/تركوازية.
 * RTL + متجاوب (تتراص الفروع رأسياً على الجوال).
 * يُحمّل بعد style.css ليتجاوز عند الحاجة.
 * الأصناف الرئيسية:
 *   .org-tree .org-level .org-node(.--lead/.--dept)
 *   .org-connector(.--v/.--stem) .org-branch .org-units .org-unit
 *   .org-cards-section
 * ===================================================================== */

:root{
	--org-navy:#0c2433;
	--org-navy-2:#103047;
	--org-teal:#1a4c63;
	--org-gold:var(--gold,#E4B437);
}

/* ----- الحاوية العامة للشجرة ----- */
.org-tree{
	--org-line:rgba(228,180,55,.55);
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0;
	max-width:1100px;
	margin:0 auto;
	direction:rtl;
}

.org-level{
	display:flex;
	justify-content:center;
	width:100%;
}

.org-level--top{ flex:0 0 auto; }

/* ----- العقدة (صندوق كحلي) ----- */
.org-node{
	position:relative;
	display:flex;
	flex-direction:column;
	gap:6px;
	background:linear-gradient(165deg,var(--org-navy-2),var(--org-navy));
	color:#fff;
	border-radius:14px;
	padding:18px 22px 16px;
	text-align:center;
	box-shadow:0 14px 34px rgba(12,36,51,.22);
	overflow:hidden;
	isolation:isolate;
}

/* الشريط الذهبي العلوي */
.org-node::before{
	content:"";
	position:absolute;
	inset:0 0 auto 0;
	height:4px;
	background:linear-gradient(90deg,var(--org-gold),var(--gold-600,#CF9E22));
}

/* صناديق رأس الهرم (الرئيس التنفيذي / المدير العام) */
.org-node--lead{
	min-width:280px;
	max-width:420px;
	padding-top:20px;
}
.org-node--lead .org-node-role{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	color:var(--org-gold);
	font-size:14px;
	font-weight:700;
}
.org-node--lead .org-node-role .barq-svg{ color:var(--org-gold); }
.org-node--lead .org-node-name{
	font-size:21px;
	font-weight:800;
	line-height:1.4;
	color:#fff;
}

/* ----- الوصلات (خطوط الربط) ----- */
.org-connector--v{
	display:block;
	width:3px;
	height:34px;
	background:linear-gradient(var(--org-gold),var(--org-teal));
	border-radius:3px;
	flex:0 0 auto;
}

/* صف الإدارات */
.org-level--branches{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
	gap:26px 22px;
	position:relative;
	padding-top:26px;
}

/* الخط الأفقي الذي يربط كل الفروع */
.org-level--branches::before{
	content:"";
	position:absolute;
	top:0;
	right:10%;
	left:10%;
	height:3px;
	background:var(--org-line);
	border-radius:3px;
}

.org-branch{
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	flex:1 1 280px;
	max-width:330px;
	min-width:240px;
}

/* الساق العمودية من الخط الأفقي إلى صندوق الإدارة */
.org-connector--stem{
	display:block;
	width:3px;
	height:26px;
	margin-top:-26px;
	background:var(--org-line);
	flex:0 0 auto;
}

/* ----- صندوق الإدارة ----- */
.org-node--dept{
	width:100%;
	text-align:right;
	align-items:stretch;
	padding:18px 18px 16px;
}
.org-node--dept .org-node-title{
	font-size:17px;
	font-weight:800;
	color:#fff;
	line-height:1.5;
}
.org-node--dept .org-node-head{
	display:block;
	margin-top:6px;
	color:var(--org-gold);
	font-size:14px;
	font-weight:700;
	line-height:1.6;
}

/* قائمة الوحدات الفرعية (كأقراص/بطاقات داخلية) */
.org-units{
	list-style:none;
	margin:14px 0 0;
	padding:0;
	display:flex;
	flex-direction:column;
	gap:8px;
}
.org-unit{
	background:rgba(255,255,255,.08);
	border:1px solid rgba(255,255,255,.12);
	border-radius:9px;
	padding:8px 12px;
	font-size:13px;
	line-height:1.6;
	color:rgba(255,255,255,.92);
	position:relative;
	padding-right:22px;
}
/* نقطة ذهبية صغيرة قبل كل وحدة */
.org-unit::before{
	content:"";
	position:absolute;
	top:14px;
	right:10px;
	width:6px;
	height:6px;
	border-radius:50%;
	background:var(--org-gold);
}

/* ----- قسم بطاقات القيادات (يعيد استخدام أصناف style.css) ----- */
.org-cards-section{ background:#fff; }
.org-cards-section .org-structure:last-child{ margin-bottom:0; }

/* =====================================================================
 * التجاوب
 * ===================================================================== */
@media (max-width:1024px){
	.org-branch{ flex:1 1 46%; max-width:none; }
}

@media (max-width:768px){
	/* تتراص الفروع رأسياً مع خط ربط عمودي بسيط */
	.org-level--branches{
		flex-direction:column;
		align-items:stretch;
		gap:0;
		padding-top:0;
	}
	.org-level--branches::before{ display:none; }
	.org-branch{
		flex:1 1 100%;
		max-width:520px;
		width:100%;
		margin:0 auto;
	}
	.org-connector--stem{
		width:3px;
		height:22px;
		margin-top:0;
		margin-bottom:0;
		background:linear-gradient(var(--org-gold),var(--org-teal));
	}
	.org-node--lead{
		min-width:0;
		width:100%;
		max-width:520px;
	}
	.org-node--lead .org-node-name{ font-size:19px; }
}