/*
 * منصة المجتمع المدني — جريدة البوصلة.
 * الألوان والخط والزوايا مأخوذة من متغيرات قالب البوصلة (albousala2): --brand-navy، --blue، --ink،
 * --line، --surface-card، --font-sans… فتتبع المنصة القالب تلقائياً، بما في ذلك الوضع الليلي.
 * القيم بعد الفاصلة احتياطية إن تغيّر القالب. كل القواعد محصورة داخل .albs-cs.
 */
.albs-cs {
	--cs-navy: var(--brand-navy, #0d1b3d);
	--cs-navy-2: var(--brand-navy-2, #16305e);
	--cs-head: var(--headline, #0d1b3d);
	--cs-ink: var(--ink, #1d2433);
	--cs-muted: var(--muted, #5b6578);
	--cs-line: var(--line, #e3e7ee);
	--cs-bg: var(--surface-paper, #f4f6f9);
	--cs-card: var(--surface-card, #ffffff);
	--cs-on-brand: var(--on-brand, #ffffff);
	--cs-btn: var(--brand-navy, #0d1b3d);
	--cs-btn-hover: var(--brand-navy-2, #16305e);
	--cs-accent: var(--blue, #1f5fa8);
	--cs-accent-on-navy: var(--blue-on-navy, #8fb4e6);
	--cs-pill-bg: #D4B46A;
	--cs-pill-ink: #071B40;
	--cs-gold: #B4904F;
	--cs-ok: var(--maroc-green, #006233);
	--cs-warn: #8a5a00;
	--cs-err: var(--signal-urgent, #c1272d);
	--cs-radius: var(--radius-md, 10px);
	--cs-radius-lg: var(--radius-lg, 14px);
	--cs-radius-sm: var(--radius-sm, 4px);
	--cs-pill: var(--radius-pill, 999px);
	--cs-shadow: var(--shadow-raised, 0 1px 2px rgba(13,27,61,.06), 0 6px 18px rgba(13,27,61,.07));
	--cs-soft-accent: color-mix(in srgb, var(--cs-accent) 10%, var(--cs-card));
	--cs-soft-ok: color-mix(in srgb, var(--cs-ok) 10%, var(--cs-card));
	--cs-soft-warn: color-mix(in srgb, #d4a017 14%, var(--cs-card));
	--cs-soft-err: color-mix(in srgb, var(--cs-err) 9%, var(--cs-card));
	font-family: var(--font-sans, inherit);
	color: var(--cs-ink);
	font-size: 16px;
	line-height: 1.7;
}
/* الوضع الليلي في قالب البوصلة: ألوان دلالية أفتح لتبقى مقروءة على الخلفية الداكنة. */
:root[data-theme="dark"] .albs-cs {
	--cs-accent: var(--blue-on-navy, #8fb4e6);
	--cs-btn: var(--blue, #1f5fa8);
	--cs-btn-hover: #2a6fc0;
	--cs-ok: #6fd3a0;
	--cs-warn: #e7b65c;
	--cs-err: #ff8a8a;
}
.albs-cs *, .albs-cs *::before, .albs-cs *::after { box-sizing: border-box; }
.albs-cs a { color: var(--cs-accent); text-decoration: none; }
.albs-cs a:hover { text-decoration: underline; }
.albs-cs h2, .albs-cs h3, .albs-cs h4 { color: var(--cs-head); font-family: inherit; line-height: 1.4; margin-block: 1.4em .6em; font-weight: 700; }
.albs-cs h3 { font-size: 1.15rem; }

/* عنوان القسم بأسلوب الجريدة: خط رمادي رفيع وتحته شريط أزرق تحت بداية العنوان. */
.albs-cs h2:not(.albs-cs-hero__title):not(.albs-cs-cert__title):not(.albs-cs-studio-title) {
	position: relative;
	font-size: 1.4rem;
	padding-block-end: 10px;
	border-block-end: 1px solid var(--cs-line);
}
.albs-cs h2:not(.albs-cs-hero__title):not(.albs-cs-cert__title):not(.albs-cs-studio-title)::after {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	bottom: -1px;
	width: 3.2em;
	height: 2.5px;
	background: var(--cs-accent);
}

/* الواجهة الكحلية في صفحة الاستكشاف */
.albs-cs-hero { background: var(--cs-navy); color: var(--cs-on-brand); border-radius: var(--cs-radius-lg); padding: 28px 24px; margin-block-end: 20px; }
.albs-cs .albs-cs-hero__title { color: var(--cs-on-brand) !important; margin: 0 0 6px; font-size: 1.6rem; }
.albs-cs-hero__lead { margin: 0 0 16px; color: color-mix(in srgb, var(--cs-on-brand) 82%, transparent); }
.albs-cs-hero__cta { display: flex; flex-wrap: wrap; gap: 8px; margin-block-start: 16px; }
.albs-cs .albs-cs-hero .albs-cs-btn { background: var(--cs-on-brand); border-color: var(--cs-on-brand); color: var(--cs-navy) !important; }
.albs-cs .albs-cs-hero .albs-cs-btn:hover { background: color-mix(in srgb, var(--cs-on-brand) 88%, var(--cs-navy)); }
.albs-cs .albs-cs-hero .albs-cs-btn--ghost { background: transparent; color: var(--cs-on-brand) !important; border-color: color-mix(in srgb, var(--cs-on-brand) 55%, transparent); }
.albs-cs .albs-cs-hero .albs-cs-btn--ghost:hover { background: color-mix(in srgb, var(--cs-on-brand) 10%, transparent); }

/* أرقام */
.albs-cs-stats { display: flex; flex-wrap: wrap; gap: 10px; margin-block: 12px; }
.albs-cs-stats > div { flex: 1 1 120px; background: var(--cs-card); border: 1px solid var(--cs-line); border-radius: var(--cs-radius); padding: 10px 14px; }
.albs-cs-stats strong { display: block; font-size: 1.6rem; line-height: 1.2; font-weight: 700; color: var(--cs-head); }
.albs-cs-stats span { font-size: .875rem; color: var(--cs-muted); }
.albs-cs .albs-cs-hero .albs-cs-stats > div { background: color-mix(in srgb, var(--cs-on-brand) 7%, transparent); border-color: color-mix(in srgb, var(--cs-on-brand) 18%, transparent); }
.albs-cs .albs-cs-hero .albs-cs-stats strong { color: var(--cs-accent-on-navy); }
.albs-cs .albs-cs-hero .albs-cs-stats span { color: color-mix(in srgb, var(--cs-on-brand) 82%, transparent); }

/* الأزرار: كبسولات كحلية كما في «تحقق من البطاقة» */
.albs-cs-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: var(--tap-min, 44px); padding: 8px 20px; border-radius: var(--cs-pill); border: 1.5px solid var(--cs-btn); background: var(--cs-btn); color: var(--cs-on-brand) !important; font-weight: 700; font-family: inherit; font-size: .95rem; line-height: 1.3; text-decoration: none !important; cursor: pointer; transition: background .15s, border-color .15s; }
.albs-cs-btn:hover { background: var(--cs-btn-hover); border-color: var(--cs-btn-hover); }
.albs-cs-btn--ghost { background: var(--cs-card); color: var(--cs-head) !important; border-color: var(--cs-line); }
.albs-cs-btn--ghost:hover { background: var(--cs-card); border-color: var(--cs-head); }
.albs-cs-btn--block { display: flex; width: 100%; }
.albs-cs-btn:focus-visible, .albs-cs-input:focus-visible, .albs-cs a:focus-visible { outline: 2px solid var(--focus, var(--cs-accent)); outline-offset: 2px; }

/* أزرار المنصة تتقدم على أنماط أزرار القالب العامة (button:not(:hover)… إلخ). */
.albs-cs .albs-cs-btn { background-color: var(--cs-btn) !important; border-color: var(--cs-btn) !important; color: var(--cs-on-brand) !important; }
.albs-cs .albs-cs-btn:hover { background-color: var(--cs-btn-hover) !important; border-color: var(--cs-btn-hover) !important; }
.albs-cs .albs-cs-btn--ghost, .albs-cs .albs-cs-btn--ghost:hover { background-color: var(--cs-card) !important; color: var(--cs-head) !important; }
.albs-cs .albs-cs-btn--ghost { border-color: var(--cs-line) !important; }
.albs-cs .albs-cs-btn--ghost:hover { border-color: var(--cs-head) !important; }
.albs-cs .albs-cs-btn--org { background-color: var(--org) !important; border-color: var(--org) !important; color: #fff !important; }
.albs-cs .albs-cs-hero .albs-cs-btn { background-color: var(--cs-on-brand) !important; border-color: var(--cs-on-brand) !important; color: var(--cs-navy) !important; }
.albs-cs .albs-cs-hero .albs-cs-btn--ghost { background-color: transparent !important; color: var(--cs-on-brand) !important; border-color: color-mix(in srgb, var(--cs-on-brand) 55%, transparent) !important; }

/* الحقول */
.albs-cs .albs-cs-input { width: 100%; min-height: var(--tap-min, 44px); padding: 8px 12px; border: 1px solid var(--cs-line); border-radius: var(--cs-radius); background: var(--cs-card); font: inherit; color: var(--cs-ink); }
.albs-cs .albs-cs-input:focus { border-color: var(--cs-accent); outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--cs-accent) 18%, transparent); }
.albs-cs .albs-cs-input--sm { width: auto; max-width: 160px; }
.albs-cs-field { display: block; margin-block: 0 14px; }
.albs-cs-field > span, .albs-cs-field > legend { display: block; font-weight: 600; font-size: .92rem; color: var(--cs-head); margin-block-end: 4px; }
.albs-cs-field--inline { display: flex; gap: 8px; align-items: center; }
.albs-cs-field--inline > span { flex: 1; margin: 0; font-weight: 400; }
.albs-cs .albs-cs-field--inline .albs-cs-input { width: 90px; }
.albs-cs-small { font-size: .85rem; color: var(--cs-muted); }
.albs-cs-hp { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* التبويبات بأسلوب قائمة الجريدة: خط أزرق تحت العنصر النشط */
.albs-cs-tabs { display: flex; gap: 2px; overflow-x: auto; border-block-end: 1px solid var(--cs-line); margin-block: 10px 18px; scrollbar-width: thin; }
.albs-cs-tabs a { padding: 10px 12px; color: var(--cs-muted); font-size: .95rem; border-block-end: 2.5px solid transparent; white-space: nowrap; text-decoration: none !important; }
.albs-cs-tabs a:hover { color: var(--cs-head); }
.albs-cs-tabs a.is-active { color: var(--cs-head); border-color: var(--cs-accent); font-weight: 700; }

.albs-cs-filters { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 8px; margin-block-end: 18px; }

/* البطاقات */
.albs-cs-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.albs-cs-card { border: 1px solid var(--cs-line); border-radius: var(--cs-radius-lg); padding: 14px 16px; background: var(--cs-card); transition: box-shadow .15s; }
.albs-cs-card:hover { box-shadow: var(--cs-shadow); }
.albs-cs-card__title { font-size: 1.08rem; line-height: 1.5; margin: 6px 0 2px !important; }
.albs-cs-card__title a { color: var(--cs-head); text-decoration: none; }
.albs-cs-card__title a:hover { color: var(--cs-accent); text-decoration: none; }
.albs-cs-card__org { margin: 0 0 6px; color: var(--cs-muted); font-size: .88rem; }
.albs-cs-card__meta { list-style: none; margin: 0; padding: 0; font-size: .85rem; color: var(--cs-muted); }
.albs-cs-card__tags { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
/* التصنيف: نص أزرق صغير كما فوق عناوين المقالات، ونوع البرنامج كبسولة ذهبية كما «سياسة» و«Tech». */
.albs-cs-tag { font-size: .78rem; font-weight: 700; color: var(--cs-accent); }
.albs-cs-tag--volunteer, .albs-cs-tag--training, .albs-cs-tag--job { display: inline-flex; align-items: center; height: 22px; padding: 0 10px; border-radius: var(--cs-pill); background: var(--cs-pill-bg); color: var(--cs-pill-ink); font-size: 12px; }
.albs-cs-hot { color: var(--cs-err); font-weight: 600; }

.albs-cs-badge { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 700; height: 22px; padding: 0 10px; border-radius: var(--cs-pill); vertical-align: middle; }
.albs-cs-badge--verified { background: var(--cs-navy); color: var(--cs-on-brand); }
.albs-cs-badge--verified::before { content: "✓"; color: var(--cs-accent-on-navy); }
.albs-cs-badge--founding { background: var(--cs-soft-accent); color: var(--cs-accent); }
.albs-cs-badge--expired { background: var(--cs-bg); color: var(--cs-muted); }

.albs-cs-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 8px; margin-block: 12px; }
.albs-cs-facts > div { background: var(--cs-bg); border: 1px solid var(--cs-line); border-radius: var(--cs-radius); padding: 8px 12px; }
.albs-cs-facts span { display: block; font-size: .8rem; color: var(--cs-muted); }
.albs-cs-facts strong { color: var(--cs-head); }

/* التنبيهات */
.albs-cs-note { padding: 10px 14px; border-radius: var(--cs-radius); background: var(--cs-soft-accent); border-inline-start: 3px solid var(--cs-accent); margin-block: 8px 16px; color: var(--cs-ink); }
.albs-cs-note--ok { background: var(--cs-soft-ok); border-color: var(--cs-ok); }
.albs-cs-note--err { background: var(--cs-soft-err); border-color: var(--cs-err); }
.albs-cs-empty { color: var(--cs-muted); padding: 18px; text-align: center; background: var(--cs-bg); border: 1px dashed var(--cs-line); border-radius: var(--cs-radius-lg); }

/* الصفوف (الطلبات، الوثائق، الشهادات) */
.albs-cs-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; border: 1px solid var(--cs-line); border-radius: var(--cs-radius-lg); padding: 12px 14px; margin-block-end: 10px; background: var(--cs-card); }
.albs-cs-row__main { flex: 1 1 220px; display: flex; flex-direction: column; }
.albs-cs-row__main > strong, .albs-cs-row__main > a > strong { color: var(--cs-head); }
.albs-cs-row__main span { font-size: .85rem; color: var(--cs-muted); }
.albs-cs-row__actions { display: flex; flex-wrap: wrap; gap: 6px; }
.albs-cs-row__actions form { margin: 0; }
.albs-cs-row > .albs-cs-confirm, .albs-cs-row > .albs-cs-review { flex-basis: 100%; }
.albs-cs-avatar { border-radius: 50%; object-fit: cover; }
.albs-cs-answers { font-size: .875rem; margin: 6px 0 0; }
.albs-cs-answers dt { font-weight: 600; }
.albs-cs-answers dd { margin: 0 0 4px; }

.albs-cs-status { display: inline-flex; align-items: center; height: 24px; font-size: 12px; font-weight: 700; padding: 0 10px; border-radius: var(--cs-pill); background: var(--cs-bg); color: var(--cs-muted); }
.albs-cs-status--accepted, .albs-cs-status--verified { background: var(--cs-soft-ok); color: var(--cs-ok); }
.albs-cs-status--pending, .albs-cs-status--submitted, .albs-cs-status--in_review, .albs-cs-status--founding { background: var(--cs-soft-warn); color: var(--cs-warn); }
.albs-cs-status--rejected, .albs-cs-status--needs_changes, .albs-cs-status--suspended { background: var(--cs-soft-err); color: var(--cs-err); }

.albs-cs-confirm { background: var(--cs-soft-warn); border-radius: var(--cs-radius); padding: 10px 12px; }
.albs-cs-review summary { cursor: pointer; font-weight: 600; color: var(--cs-accent); padding-block: 6px; }
.albs-cs-stars { border: 0; padding: 0; display: flex; gap: 10px; flex-wrap: wrap; }

.albs-cs-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.albs-cs-chip { display: inline-flex; align-items: center; gap: 4px; border: 1px solid var(--cs-line); border-radius: var(--cs-pill); padding: 4px 12px; font-size: .85rem; cursor: pointer; background: var(--cs-card); color: var(--cs-ink); }
.albs-cs-chip:has(input:checked) { border-color: var(--cs-accent); background: var(--cs-soft-accent); color: var(--cs-head); font-weight: 600; }

.albs-cs-two { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px 16px; }
.albs-cs-panel { border: 1px solid var(--cs-line); border-radius: var(--cs-radius-lg); padding: 18px; background: var(--cs-card); }
.albs-cs-panel h3 { margin-block-start: 0; }
.albs-cs-panel #loginform p { margin-block-end: 12px; }
.albs-cs-panel #loginform label { font-weight: 600; font-size: .92rem; color: var(--cs-head); }
.albs-cs .albs-cs-panel #loginform input[type=text], .albs-cs .albs-cs-panel #loginform input[type=password] { width: 100%; min-height: 44px; padding: 8px 12px; border: 1px solid var(--cs-line); border-radius: var(--cs-radius); background: var(--cs-card); color: var(--cs-ink); font: inherit; }
.albs-cs-panel #loginform .button-primary { min-height: 44px; padding: 8px 22px; border-radius: var(--cs-pill); border: 1.5px solid var(--cs-btn); background: var(--cs-btn); color: var(--cs-on-brand); font-weight: 700; font-family: inherit; cursor: pointer; }

.albs-cs-docs { list-style: none; padding: 0; margin: 0; }
.albs-cs-docs li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; padding: 12px 0; border-block-end: 1px solid var(--cs-line); }
.albs-cs-docs form { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; margin: 0; }

.albs-cs-studio-head { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.albs-cs-studio-head h2 { margin: 0; font-size: 1.4rem; }
.albs-cs-studio-head form { margin-inline-start: auto; }

.albs-cs-bars { list-style: none; padding: 0; }
.albs-cs-bars li { display: grid; grid-template-columns: 1fr 2fr auto; gap: 8px; align-items: center; margin-block-end: 8px; }
.albs-cs-bars i { display: block; height: 8px; background: var(--cs-navy); border-radius: var(--cs-pill); }

.albs-cs-reviews { list-style: none; padding: 0; }
.albs-cs-reviews li { border-block-end: 1px solid var(--cs-line); padding-block: 10px; }
.albs-cs-reviews strong { color: var(--cs-gold); letter-spacing: 2px; }
.albs-cs-reviews span { font-size: .85rem; color: var(--cs-muted); }

.albs-cs-tzm { font-family: "Noto Sans Tifinagh", sans-serif; direction: ltr; unicode-bidi: isolate; }

/* نوع الحساب والدعوات */
.albs-cs-types { border: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.albs-cs-type { display: block; border: 1.5px solid var(--cs-line); border-radius: var(--cs-radius-lg); padding: 10px 12px; cursor: pointer; background: var(--cs-card); }
.albs-cs-type:has(input:checked) { border-color: var(--cs-accent); background: var(--cs-soft-accent); }
.albs-cs-type strong { display: block; color: var(--cs-head); }
.albs-cs-type span { font-size: .82rem; color: var(--cs-muted); font-weight: 400; }
.albs-cs-type input { float: inline-end; accent-color: var(--cs-accent); }
.albs-cs input[type=checkbox], .albs-cs input[type=radio] { accent-color: var(--cs-accent); }
.albs-cs-count { display: inline-block; min-width: 20px; padding: 0 6px; border-radius: var(--cs-pill); background: var(--cs-err); color: #fff; font-size: .72rem; line-height: 20px; text-align: center; }
.albs-cs-quote { margin: 6px 0 0; padding: 6px 12px; border-inline-start: 3px solid var(--cs-accent); background: var(--cs-bg); font-size: .9rem; }
.albs-cs-block { display: block; margin-block-start: 6px; }
.albs-cs-optin { background: var(--cs-soft-accent); border-radius: var(--cs-radius); padding: 10px 12px; }
.albs-cs-invite .albs-cs-row__actions form { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }

/* الموقع المصغّر للجمعية */
.albs-cs-site-wrap { max-width: var(--container-max, 1200px); margin-inline: auto; padding: 16px; }
.albs-cs-site { --org: var(--brand-navy, #0d1b3d); }
.albs-cs-site__cover { height: 180px; border-radius: var(--cs-radius-lg) var(--cs-radius-lg) 0 0; background: linear-gradient(135deg, var(--org), color-mix(in srgb, var(--org) 60%, #000)); background-size: cover; background-position: center; }
.albs-cs-site__cover.has-image { height: 260px; }
.albs-cs-site__id { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: flex-start; padding: 12px 16px; }
.albs-cs-site__id > .albs-cs-site__logo { margin-block-start: -60px; }
.albs-cs-site__id > .albs-cs-site__cta { align-self: center; }
.albs-cs-site__logo { width: 104px; height: 104px; border-radius: var(--cs-radius-lg); background: var(--cs-card); border: 4px solid var(--cs-card); box-shadow: var(--cs-shadow); overflow: hidden; display: grid; place-items: center; flex: none; }
.albs-cs-site__logo img { width: 100%; height: 100%; object-fit: cover; }
.albs-cs-site__logo span, .albs-cs-orgcard__logo span { font-size: 2.6rem; font-weight: 800; color: var(--org); }
.albs-cs-site__names { flex: 1 1 260px; }
.albs-cs .albs-cs-site__name { font-size: 1.7rem; font-weight: 700; color: var(--cs-head); margin: 8px 0 0 !important; line-height: 1.3; padding: 0; border: 0; }
.albs-cs .albs-cs-site__name::after { display: none; }
.albs-cs-site__alt { margin: 2px 0; color: var(--cs-muted); }
.albs-cs-site__tagline { margin: 4px 0; font-size: 1.05rem; color: var(--org); font-weight: 600; }
:root[data-theme="dark"] .albs-cs-site__tagline { color: var(--cs-accent); }
.albs-cs-site__meta { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 6px 0 0; color: var(--cs-muted); font-size: .88rem; }
.albs-cs-site__cta { display: flex; gap: 8px; }
.albs-cs-btn--org { background: var(--org); border-color: var(--org); color: #fff !important; }
.albs-cs-btn--org:hover { background: color-mix(in srgb, var(--org) 85%, #000); border-color: color-mix(in srgb, var(--org) 85%, #000); }
.albs-cs-site__stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding: 0 16px; }
.albs-cs-site__stats > div { background: var(--cs-card); border: 1px solid var(--cs-line); border-radius: var(--cs-radius); padding: 10px; text-align: center; }
.albs-cs-site__stats strong { display: block; font-size: 1.45rem; font-weight: 700; color: var(--org); }
:root[data-theme="dark"] .albs-cs-site__stats strong { color: var(--cs-head); }
.albs-cs-site__stats span { font-size: .8rem; color: var(--cs-muted); }
.albs-cs-site__nav { padding-inline: 16px; }
.albs-cs-site__nav a.is-active { border-color: var(--org); color: var(--cs-head); }
.albs-cs-site__nav small { background: var(--cs-bg); border-radius: var(--cs-pill); padding: 0 6px; font-size: .75rem; }
.albs-cs-site__body { padding: 0 16px 16px; }
.albs-cs-site__cols { display: grid; grid-template-columns: 2fr 1fr; gap: 28px; }
.albs-cs-site__cols aside h3:first-child { margin-block-start: 1.4em; }
.albs-cs-site__foot { margin: 16px; padding-block-start: 12px; border-block-start: 1px solid var(--cs-line); font-size: .82rem; color: var(--cs-muted); }
.albs-cs-board, .albs-cs-partners, .albs-cs-past, .albs-cs-contact { list-style: none; padding: 0; margin: 0; }
.albs-cs-board li, .albs-cs-contact li { display: flex; flex-direction: column; padding-block: 8px; border-block-end: 1px solid var(--cs-line); }
.albs-cs-board strong, .albs-cs-contact strong { color: var(--cs-head); }
.albs-cs-board span, .albs-cs-contact span, .albs-cs-past span { font-size: .85rem; color: var(--cs-muted); }
.albs-cs-partners li { padding-block: 4px; }
.albs-cs-partners li::before { content: "◆ "; color: var(--org); }
.albs-cs-past li { padding-block: 8px; border-block-end: 1px solid var(--cs-line); }
.albs-cs-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.albs-cs-gallery img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--cs-radius-sm); display: block; }
.albs-cs-gallery--strip { grid-template-columns: repeat(6, 1fr); }
.albs-cs-gallery--admin figure { margin: 0; text-align: center; }
.albs-cs-gallery--admin form { margin-block-start: 4px; }
/* بطاقة النشاط: صورة ثم عنوان ثم تاريخ، كبطاقات مقالات الجريدة */
.albs-cs-card.albs-cs-act { border: 0; padding: 0; background: transparent; border-radius: 0; }
.albs-cs-card.albs-cs-act:hover { box-shadow: none; }
.albs-cs-act__img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--cs-radius-sm); display: block; margin-block-end: 8px; }
.albs-cs-act p { margin: 4px 0 0; font-size: .92rem; color: var(--cs-ink); }
.albs-cs-act-head a { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--cs-head); }
.albs-cs-act-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border-radius: var(--cs-radius); background: var(--cs-card); border: 1px solid var(--cs-line); border-inline-start: 3px solid var(--org); margin-block-end: 16px; }
.albs-cs-act-head small { display: block; color: var(--cs-muted); font-size: .8rem; }
.albs-cs-act__logo { width: 44px; height: 44px; border-radius: var(--cs-radius); object-fit: cover; }
.albs-cs-disclaimer { font-size: .85rem; color: var(--cs-muted); border-block-start: 1px solid var(--cs-line); padding-block-start: 8px; margin-block-start: 24px; }
.albs-cs-orgcard { border-block-start: 3px solid var(--org); }
.albs-cs-orgcard__logo { width: 56px; height: 56px; border-radius: var(--cs-radius); overflow: hidden; display: grid; place-items: center; background: color-mix(in srgb, var(--org) 8%, var(--cs-card)); text-decoration: none; }
.albs-cs-orgcard__logo img { width: 100%; height: 100%; object-fit: cover; }
.albs-cs-orgcard__logo span { font-size: 1.6rem; }
.albs-cs-colors { display: flex; flex-wrap: wrap; gap: 8px; }
.albs-cs-color { position: relative; display: flex; align-items: center; gap: 6px; border: 1.5px solid var(--cs-line); border-radius: var(--cs-pill); padding: 4px 10px 4px 6px; cursor: pointer; font-size: .85rem; background: var(--cs-card); }
.albs-cs-color input { position: absolute; opacity: 0; }
.albs-cs-color i { width: 20px; height: 20px; border-radius: 50%; display: inline-block; }
.albs-cs-color:has(input:checked) { border-color: var(--cs-head); font-weight: 700; }
.albs-cs-thumb { display: block; width: 96px; height: 96px; object-fit: cover; border-radius: var(--cs-radius); margin-block-end: 6px; }
.albs-cs-thumb--wide { width: 100%; max-width: 320px; height: auto; aspect-ratio: 16 / 6; }
.albs-cs-avatar--sq { border-radius: var(--cs-radius); width: 56px; height: 56px; }
@media (max-width: 720px) {
	.albs-cs-site__cols { grid-template-columns: 1fr; }
	.albs-cs-site__stats { grid-template-columns: repeat(2, 1fr); }
	.albs-cs-site__cover { height: 120px; }
	.albs-cs-site__cover.has-image { height: 170px; }
	.albs-cs-site__logo { width: 84px; height: 84px; }
	.albs-cs .albs-cs-site__name { font-size: 1.35rem; }
	.albs-cs-gallery--strip { grid-template-columns: repeat(3, 1fr); }
	.albs-cs h2:not(.albs-cs-hero__title):not(.albs-cs-cert__title):not(.albs-cs-studio-title) { font-size: 1.25rem; }
}

/* استمارة تسجيل الجمعية */
.albs-cs-req { color: var(--cs-err); font-weight: 700; }
.albs-cs-step { color: var(--cs-head); margin: 18px 0 8px; font-size: 1rem; }
.albs-cs-orgform { border-block-start: 1px solid var(--cs-line); margin-block-start: 10px; padding-block-start: 4px; }
[data-only][hidden], [data-org-details][hidden] { display: none !important; }
.albs-cs-join { font-weight: 400; background: var(--cs-bg); padding: 8px 12px; border-radius: var(--cs-radius); }

/* رمز الحضور: خلفية الرمز بيضاء دائماً، حتى في الوضع الليلي، ليُقرأ بالكاميرا */
.albs-cs-pass { text-align: center; max-width: 420px; margin-inline: auto; }
.albs-cs-pass__qr { background: #fff; padding: 12px; border-radius: var(--cs-radius-lg); border: 1px solid var(--cs-line); }
.albs-cs-pass__qr svg { width: 100%; height: auto; max-width: 340px; }
.albs-cs-pass__name { font-size: 1.3rem; font-weight: 700; color: var(--cs-head); margin-block: 10px 0; }
.albs-cs-pass__hint { color: var(--cs-muted); font-size: .9rem; }

/* الماسح */
.albs-cs-scan__view { position: relative; background: #000; border-radius: var(--cs-radius-lg); overflow: hidden; aspect-ratio: 1 / 1; max-width: 480px; margin-inline: auto; }
.albs-cs-scan__view video { width: 100%; height: 100%; object-fit: cover; }
.albs-cs-scan__result { display: flex; gap: 12px; align-items: center; min-height: 72px; margin-block: 12px; padding: 12px; border-radius: var(--cs-radius-lg); background: var(--cs-bg); }
.albs-cs-scan__result img { border-radius: 50%; object-fit: cover; flex: none; }
.albs-cs-scan__result strong { font-size: 1.2rem; display: block; color: var(--cs-head); }
.albs-cs-scan__result p { margin: 0; }
.albs-cs-scan__result.is-ok { background: var(--cs-soft-ok); border: 2px solid var(--cs-ok); }
.albs-cs-scan__result.is-warn { background: var(--cs-soft-warn); border: 2px solid var(--cs-warn); }
.albs-cs-scan__result.is-err { background: var(--cs-soft-err); border: 2px solid var(--cs-err); }
.albs-cs-scan__result.is-wait { background: var(--cs-soft-accent); border: 2px solid var(--cs-accent); }

.albs-cs-sticky { position: sticky; bottom: 8px; z-index: 5; box-shadow: var(--cs-shadow); }
.albs-cs-pager { display: flex; justify-content: space-between; margin-block: 16px; }

/* الشهادة: وثيقة رسمية بهوية الجريدة، بيضاء دائماً للطباعة */
.albs-cs-cert { --cs-head: #0d1b3d; --cs-ink: #1d2433; --cs-muted: #5b6578; border: 3px double #0d1b3d; border-radius: var(--cs-radius-lg); padding: 32px; background: #fff; color: #1d2433; text-align: center; max-width: 760px; margin-inline: auto; }
.albs-cs-cert__brand { color: #1f5fa8; font-weight: 700; letter-spacing: .3px; }
.albs-cs .albs-cs-cert h2 { font-size: 2rem; margin-block: 4px 16px; color: #0d1b3d; border: 0; padding: 0; }
.albs-cs .albs-cs-cert h2::after { display: none; }
.albs-cs-cert__name { font-size: 1.8rem; font-weight: 800; color: #0d1b3d; margin-block: 8px; }
.albs-cs-cert footer { display: flex; align-items: center; justify-content: center; gap: 16px; margin-block-start: 24px; text-align: start; }
.albs-cs-cert__qr svg { width: 110px; height: 110px; }

@media print {
	body * { visibility: hidden; }
	.albs-cs-cert, .albs-cs-cert * { visibility: visible; }
	.albs-cs-cert { position: absolute; inset-inline: 0; top: 0; border-width: 4px; }
	.albs-cs-noprint { display: none !important; }
}

/* شريط الداعم (0.3.5) */
.albs-cs .albs-cs-sponsor { display: flex; align-items: center; gap: 12px; padding: 10px 14px; margin: 0 0 18px; border: 1px solid var(--cs-line, #e3e7ee); border-radius: var(--radius-lg, 14px); background: var(--cs-card); }
.albs-cs .albs-cs-sponsor img { width: 56px; height: 56px; border-radius: 50%; background: #fff; flex: none; object-fit: contain; }
.albs-cs .albs-cs-sponsor p { margin: 0; display: flex; flex-direction: column; line-height: 1.35; }
.albs-cs .albs-cs-sponsor span { font-size: .85rem; color: var(--cs-muted, #5b6476); }
.albs-cs .albs-cs-sponsor strong { font-size: 1.05rem; color: var(--cs-head, #0d1b3d); letter-spacing: .02em; text-align: right; }

/* المؤسسات الرسمية (0.4.0) */
.albs-cs-badge--verified.albs-cs-badge--inst { background: #D4B46A; color: #071B40; }
.albs-cs-badge--verified.albs-cs-badge--inst::before { color: #071B40; }
.albs-cs .albs-cs-inst-intro ul { margin: 8px 0 10px; padding-inline-start: 18px; }
.albs-cs .albs-cs-inst-intro li { margin-block: 3px; }

/* =====================================================================
 * التصميم 0.5 — «رصانة الجريدة وسلاسة التطبيق»
 * كحلي البوصلة للبنية، الذهبي للتأكيد (10%)، خلفيات هادئة، حركة قصيرة ذات معنى.
 * ===================================================================== */
.albs-cs {
	--cs-ease: cubic-bezier(.16, 1, .3, 1);
	--cs-fast: 200ms;
	--cs-slow: 420ms;
	--cs-gold-soft: color-mix(in srgb, var(--cs-pill-bg) 22%, var(--cs-card));
	--cs-shadow-lg: 0 1px 2px rgba(13,27,61,.05), 0 8px 24px -6px rgba(13,27,61,.12), 0 24px 48px -24px rgba(13,27,61,.18);
	--cs-glass: color-mix(in srgb, var(--cs-card) 82%, transparent);
}
:root[data-theme="dark"] .albs-cs { --cs-shadow-lg: 0 1px 2px rgba(0,0,0,.4), 0 12px 32px -10px rgba(0,0,0,.6); --cs-gold-soft: color-mix(in srgb, var(--cs-pill-bg) 16%, var(--cs-card)); }
.albs-cs-ic { flex: none; vertical-align: -0.2em; }
.albs-cs-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.albs-cs-eyebrow { margin: 0 0 6px; font-size: .78rem; font-weight: 700; letter-spacing: .02em; color: var(--cs-accent); }

/* الظهور التدريجي (لا يُخفى شيء دون جافاسكريبت) */
.albs-cs-js .albs-cs-reveal { opacity: 0; transform: translateY(12px); transition: opacity var(--cs-slow) var(--cs-ease) var(--d, 0ms), transform var(--cs-slow) var(--cs-ease) var(--d, 0ms); }
.albs-cs-js .albs-cs-reveal.is-in { opacity: 1; transform: none; }

/* الواجهة */
.albs-cs-hero { position: relative; overflow: hidden; isolation: isolate; padding: clamp(28px, 5vw, 56px) clamp(20px, 4vw, 48px) clamp(22px, 4vw, 36px); border-radius: calc(var(--cs-radius-lg) + 4px); background: radial-gradient(120% 140% at 100% 0%, var(--cs-navy-2) 0%, var(--cs-navy) 55%); }
.albs-cs-hero__glow { position: absolute; inset: auto -10% -60% auto; width: 70%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(closest-side, color-mix(in srgb, var(--cs-pill-bg) 35%, transparent), transparent); filter: blur(10px); z-index: -1; opacity: .55; }
.albs-cs-hero__compass { position: absolute; inset-block-start: -40px; inset-inline-end: -40px; width: clamp(180px, 30vw, 300px); opacity: .14; fill: none; stroke: var(--cs-on-brand); stroke-width: 1.2; z-index: -1; }
.albs-cs-hero__compass .n { fill: var(--cs-pill-bg); stroke: none; transform-origin: 100px 100px; animation: albs-cs-needle 9s var(--cs-ease) infinite alternate; }
@keyframes albs-cs-needle { from { transform: rotate(-14deg); } to { transform: rotate(18deg); } }
.albs-cs-hero .albs-cs-eyebrow { color: var(--cs-pill-bg); }
.albs-cs .albs-cs-hero__title { font-size: clamp(1.7rem, 4.2vw, 2.8rem) !important; line-height: 1.25 !important; margin: 0 0 10px !important; max-width: 18ch; text-wrap: balance; }
.albs-cs .albs-cs-hero__title span { color: var(--cs-pill-bg); }
.albs-cs-hero__lead { max-width: 56ch; font-size: clamp(1rem, 1.6vw, 1.1rem); line-height: 1.75; }
.albs-cs-hero__search { display: flex; align-items: center; gap: 8px; max-width: 620px; margin-block: 18px 6px; padding: 6px 6px 6px 6px; padding-inline-start: 14px; border-radius: var(--cs-pill); background: var(--cs-card); box-shadow: 0 10px 30px -10px rgba(0,0,0,.45); color: var(--cs-muted); }
.albs-cs .albs-cs-hero__search input { flex: 1; min-width: 0; border: 0 !important; background: transparent !important; box-shadow: none !important; outline: none; font: inherit; color: var(--cs-ink); padding: 8px 4px; min-height: 40px; }
.albs-cs .albs-cs-hero .albs-cs-hero__search .albs-cs-btn { background-color: var(--cs-navy) !important; border-color: var(--cs-navy) !important; color: #fff !important; min-height: 42px; padding-inline: 22px; }
:root[data-theme="dark"] .albs-cs .albs-cs-hero .albs-cs-hero__search .albs-cs-btn { background-color: var(--cs-btn) !important; border-color: var(--cs-btn) !important; }
.albs-cs-hero__search:focus-within { box-shadow: 0 0 0 3px color-mix(in srgb, var(--cs-pill-bg) 55%, transparent), 0 10px 30px -10px rgba(0,0,0,.45); }
.albs-cs-hero .albs-cs-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; margin: 18px 0 0; }
.albs-cs-hero .albs-cs-stats > div { padding: 12px 14px; border-radius: var(--cs-radius-lg); background: color-mix(in srgb, var(--cs-on-brand) 6%, transparent); border: 1px solid color-mix(in srgb, var(--cs-on-brand) 14%, transparent); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); display: flex; flex-direction: column-reverse; }
.albs-cs-hero .albs-cs-stats dt { font-size: .82rem; color: color-mix(in srgb, var(--cs-on-brand) 78%, transparent); font-weight: 400; }
.albs-cs-hero .albs-cs-stats dd { margin: 0; font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 700; line-height: 1.15; color: var(--cs-on-brand); font-variant-numeric: tabular-nums; }

/* أبواب الدخول الثلاثة */
.albs-cs-doors { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; margin-block: 18px 8px; }
.albs-cs-door { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 20px; border-radius: var(--cs-radius-lg); border: 1px solid var(--cs-line); background: var(--cs-card); color: var(--cs-ink) !important; text-decoration: none !important; transition: transform var(--cs-fast) var(--cs-ease), box-shadow var(--cs-fast) var(--cs-ease), border-color var(--cs-fast) var(--cs-ease); }
.albs-cs-door:hover { transform: translateY(-3px); box-shadow: var(--cs-shadow-lg); border-color: color-mix(in srgb, var(--cs-accent) 40%, var(--cs-line)); }
.albs-cs-door__ic { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: var(--cs-soft-accent); color: var(--cs-accent); margin-block-end: 4px; }
.albs-cs-door--inst .albs-cs-door__ic { background: var(--cs-gold-soft); color: var(--cs-gold); }
.albs-cs-door strong { font-size: 1.12rem; color: var(--cs-head); }
.albs-cs-door > span:not(.albs-cs-door__ic) { font-size: .92rem; color: var(--cs-muted); line-height: 1.65; }
.albs-cs-door em { margin-block-start: auto; padding-block-start: 8px; font-style: normal; font-weight: 700; font-size: .9rem; color: var(--cs-accent); display: inline-flex; align-items: center; gap: 6px; }
.albs-cs-door em .albs-cs-ic { transition: transform var(--cs-fast) var(--cs-ease); }
.albs-cs-door:hover em .albs-cs-ic { transform: translateX(-4px); }

/* كيف تعمل */
.albs-cs-how { margin-block: 26px 6px; padding: clamp(16px, 3vw, 26px); border-radius: var(--cs-radius-lg); background: var(--cs-bg); border: 1px solid var(--cs-line); }
.albs-cs-how h2 { margin-block-start: 0 !important; }
.albs-cs-how__tabs { display: inline-flex; gap: 4px; padding: 4px; border-radius: var(--cs-pill); background: var(--cs-card); border: 1px solid var(--cs-line); margin-block-end: 14px; }
.albs-cs .albs-cs-how__tabs button { all: unset; cursor: pointer; padding: 7px 16px; border-radius: var(--cs-pill); font-family: inherit; font-size: .9rem; font-weight: 600; background: transparent !important; color: var(--cs-muted) !important; border: 0 !important; box-shadow: none !important; transition: background var(--cs-fast) var(--cs-ease), color var(--cs-fast) var(--cs-ease); }
.albs-cs .albs-cs-how__tabs button:hover { color: var(--cs-head) !important; }
.albs-cs .albs-cs-how__tabs button[aria-selected="true"] { background: var(--cs-navy) !important; color: #fff !important; }
:root[data-theme="dark"] .albs-cs .albs-cs-how__tabs button[aria-selected="true"] { background: var(--cs-btn) !important; }
.albs-cs .albs-cs-how__tabs button:focus-visible { outline: 2px solid var(--cs-accent); outline-offset: 2px; }
.albs-cs-how__panel { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; counter-reset: none; }
.albs-cs-js .albs-cs-how__panel[data-hidden] { display: none; }
.albs-cs-how__panel li { position: relative; padding: 16px; border-radius: var(--cs-radius-lg); background: var(--cs-card); border: 1px solid var(--cs-line); animation: albs-cs-rise var(--cs-slow) var(--cs-ease) both; }
.albs-cs-how__panel li:nth-child(2) { animation-delay: 70ms; }
.albs-cs-how__panel li:nth-child(3) { animation-delay: 140ms; }
@keyframes albs-cs-rise { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.albs-cs-how__panel li .albs-cs-ic { color: var(--cs-accent); display: block; margin-block-end: 8px; }
.albs-cs-how__panel strong { display: block; color: var(--cs-head); font-size: 1.02rem; }
.albs-cs-how__panel p { margin: 4px 0 0; font-size: .9rem; color: var(--cs-muted); line-height: 1.65; }
.albs-cs-how__n { position: absolute; inset-block-start: 12px; inset-inline-end: 14px; font-size: 1.6rem; font-weight: 700; line-height: 1; color: color-mix(in srgb, var(--cs-head) 12%, transparent); }

/* عنوان قسم الفرص + تبويبات الكبسولات + شريط التصفية */
.albs-cs-section-head { scroll-margin-block-start: 90px; }
.albs-cs-tabs--pills { border: 0; gap: 6px; margin-block: 6px 12px; padding-block-end: 2px; }
.albs-cs-tabs--pills a { border: 1px solid var(--cs-line); border-radius: var(--cs-pill); padding: 7px 16px; background: var(--cs-card); font-size: .92rem; transition: border-color var(--cs-fast) var(--cs-ease), background var(--cs-fast) var(--cs-ease), color var(--cs-fast) var(--cs-ease); }
.albs-cs-tabs--pills a:hover { border-color: var(--cs-head); }
.albs-cs-tabs--pills a.is-active { background: var(--cs-navy); border-color: var(--cs-navy); color: #fff !important; }
:root[data-theme="dark"] .albs-cs-tabs--pills a.is-active { background: var(--cs-btn); border-color: var(--cs-btn); }
.albs-cs-filters { position: sticky; inset-block-start: calc(var(--wp-admin--admin-bar--height, 0px) + 8px); z-index: 5; padding: 8px; border-radius: var(--cs-radius-lg); border: 1px solid var(--cs-line); background: var(--cs-glass); -webkit-backdrop-filter: saturate(1.4) blur(12px); backdrop-filter: saturate(1.4) blur(12px); box-shadow: 0 6px 20px -12px rgba(13,27,61,.25); grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
@media (max-width: 640px) { .albs-cs-filters { position: static; } }

/* بطاقة الفرصة */
.albs-cs-grid { gap: 16px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }
.albs-cs-opp { position: relative; display: grid; grid-template-columns: 58px 1fr; gap: 14px; padding: 16px; transition: transform var(--cs-fast) var(--cs-ease), box-shadow var(--cs-fast) var(--cs-ease), border-color var(--cs-fast) var(--cs-ease); }
.albs-cs-opp:hover, .albs-cs-opp:focus-within { transform: translateY(-2px); box-shadow: var(--cs-shadow-lg); border-color: color-mix(in srgb, var(--cs-accent) 35%, var(--cs-line)); }
.albs-cs-opp__date { display: flex; flex-direction: column; align-items: center; justify-content: center; align-self: start; height: 64px; border-radius: 12px; background: var(--cs-bg); border: 1px solid var(--cs-line); color: var(--cs-head); }
.albs-cs-opp__date strong { font-size: 1.45rem; line-height: 1; font-weight: 700; font-variant-numeric: tabular-nums; }
.albs-cs-opp__date span { font-size: .72rem; color: var(--cs-muted); margin-block-start: 4px; }
.albs-cs-opp.is-inst .albs-cs-opp__date { background: var(--cs-gold-soft); border-color: color-mix(in srgb, var(--cs-pill-bg) 45%, var(--cs-line)); }
.albs-cs-opp__body { min-width: 0; }
.albs-cs-stretch::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.albs-cs-opp .albs-cs-card__title { margin: 6px 0 4px !important; font-size: 1.06rem; text-wrap: pretty; }
.albs-cs-opp .albs-cs-card__title a:focus-visible { outline: none; }
.albs-cs-opp:has(.albs-cs-stretch:focus-visible) { outline: 2px solid var(--cs-accent); outline-offset: 2px; }
.albs-cs-card__org { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.albs-cs-card__org > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.albs-cs-card__org .albs-cs-badge { position: relative; z-index: 1; }
.albs-cs-card__meta { display: flex; flex-direction: column; gap: 2px; margin-block-start: 6px; }
.albs-cs-card__meta li { display: flex; align-items: center; gap: 6px; }
.albs-cs-card__meta .albs-cs-ic, .albs-cs-card__org .albs-cs-ic { color: var(--cs-muted); opacity: .85; }
.albs-cs .albs-cs-tag--kind { display: inline-flex; align-items: center; height: 22px; padding: 0 10px; border-radius: var(--cs-pill); background: var(--cs-pill-bg); color: var(--cs-pill-ink); font-size: 12px; }
.albs-cs .albs-cs-tag--mode { display: inline-flex; align-items: center; gap: 4px; color: var(--cs-muted); font-weight: 600; }
.albs-cs-seats { display: flex; align-items: center; gap: 8px; margin-block-start: 10px; font-size: .8rem; color: var(--cs-muted); }
.albs-cs-seats__bar { flex: 1; height: 6px; border-radius: var(--cs-pill); background: var(--cs-bg); border: 1px solid var(--cs-line); overflow: hidden; }
.albs-cs-seats__bar i { display: block; height: 100%; width: var(--fill, 0%); background: var(--cs-accent); border-radius: inherit; transition: width .8s var(--cs-ease); }
.albs-cs-seats.is-hot { color: var(--cs-err); font-weight: 600; }
.albs-cs-seats.is-hot .albs-cs-seats__bar i { background: var(--cs-err); }

/* دليل الجمعيات والمؤسسات */
.albs-cs-orgcard { transition: transform var(--cs-fast) var(--cs-ease), box-shadow var(--cs-fast) var(--cs-ease); }
.albs-cs-orgcard:hover { transform: translateY(-2px); box-shadow: var(--cs-shadow-lg); }

/* صفحة الفرصة: معطيات بنمط «بينتو» */
.albs-cs-facts { gap: 10px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); }
.albs-cs-facts > div { background: var(--cs-card); border-radius: var(--cs-radius-lg); padding: 12px 14px; box-shadow: 0 1px 0 var(--cs-line); }
.albs-cs-facts > div:first-child { background: var(--cs-navy); border-color: var(--cs-navy); }
.albs-cs-facts > div:first-child span { color: color-mix(in srgb, #fff 70%, transparent); }
.albs-cs-facts > div:first-child strong { color: #fff; }
.albs-cs-facts span { font-size: .78rem; margin-block-end: 2px; }
.albs-cs-apply { position: sticky; inset-block-end: 0; z-index: 4; padding-block: 10px; background: linear-gradient(to top, var(--cs-card) 70%, transparent); display: grid; gap: 8px; }

/* رأس الفضاء (الجمعية/المؤسسة) */
.albs-cs-studio-head { --org: var(--cs-navy); position: relative; gap: 14px; padding: 16px; border-radius: var(--cs-radius-lg); border: 1px solid var(--cs-line); background: linear-gradient(90deg, var(--cs-card) 60%, color-mix(in srgb, var(--org) 10%, var(--cs-card))); margin-block-end: 6px; }
.albs-cs-studio-logo { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; overflow: hidden; flex: none; background: var(--org); color: #fff; font-size: 1.5rem; font-weight: 700; box-shadow: 0 6px 14px -6px color-mix(in srgb, var(--org) 70%, transparent); }
.albs-cs-studio-logo img { width: 100%; height: 100%; object-fit: cover; }
.albs-cs-studio-id { min-width: 0; flex: 1; }
.albs-cs-studio-id .albs-cs-eyebrow { margin: 0; }
.albs-cs .albs-cs-studio-title { font-size: clamp(1.15rem, 2.4vw, 1.45rem) !important; margin: 0 !important; line-height: 1.35 !important; }

/* التسجيل: أنواع الحساب وخطوات مرقمة */
.albs-cs-type { position: relative; display: grid; grid-template-columns: auto 1fr; column-gap: 10px; align-items: start; padding: 14px; transition: border-color var(--cs-fast) var(--cs-ease), background var(--cs-fast) var(--cs-ease), box-shadow var(--cs-fast) var(--cs-ease); }
.albs-cs-type .albs-cs-ic { grid-row: span 2; color: var(--cs-accent); margin-block-start: 2px; }
.albs-cs-type input { position: absolute; inset-block-start: 12px; inset-inline-end: 12px; float: none; }
.albs-cs-type:has(input:checked) { box-shadow: 0 0 0 3px color-mix(in srgb, var(--cs-accent) 15%, transparent); }
.albs-cs-type:has(input:focus-visible) { outline: 2px solid var(--cs-accent); outline-offset: 2px; }
.albs-cs .albs-cs-step { display: flex; align-items: center; gap: 10px; margin-block: 18px 10px; font-size: 1rem; }
.albs-cs .albs-cs-step > span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--cs-navy); color: #fff; font-size: .85rem; flex: none; }
:root[data-theme="dark"] .albs-cs .albs-cs-step > span { background: var(--cs-btn); }
.albs-cs-orgform { margin-block-start: 8px; padding-block-start: 4px; border-block-start: 1px dashed var(--cs-line); }
.albs-cs-panel { box-shadow: 0 1px 0 var(--cs-line); transition: box-shadow var(--cs-fast) var(--cs-ease); }
.albs-cs-panel:focus-within { box-shadow: var(--cs-shadow-lg); }

/* الحقول: انتقالات هادئة وتركيز واضح */
.albs-cs .albs-cs-input { transition: border-color var(--cs-fast) var(--cs-ease), box-shadow var(--cs-fast) var(--cs-ease); }
.albs-cs .albs-cs-input:hover { border-color: color-mix(in srgb, var(--cs-head) 35%, var(--cs-line)); }
.albs-cs .albs-cs-btn { transition: background-color var(--cs-fast) var(--cs-ease), border-color var(--cs-fast) var(--cs-ease), transform var(--cs-fast) var(--cs-ease), box-shadow var(--cs-fast) var(--cs-ease); }
.albs-cs .albs-cs-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 16px -8px color-mix(in srgb, var(--cs-btn) 80%, transparent); }
.albs-cs .albs-cs-btn:active { transform: translateY(0); box-shadow: none; }
.albs-cs input[type=file] { font: inherit; font-size: .85rem; max-width: 100%; }
.albs-cs input[type=file]::file-selector-button { font: inherit; font-weight: 600; margin-inline-end: 8px; padding: 6px 14px; border-radius: var(--cs-pill); border: 1px dashed color-mix(in srgb, var(--cs-accent) 60%, var(--cs-line)); background: var(--cs-soft-accent); color: var(--cs-head); cursor: pointer; }
.albs-cs-docs li { align-items: center; }
.albs-cs-row { transition: box-shadow var(--cs-fast) var(--cs-ease); }
.albs-cs-row:hover { box-shadow: 0 6px 18px -12px rgba(13,27,61,.35); }
.albs-cs-note { border-radius: var(--cs-radius-lg); }

@media (prefers-reduced-motion: reduce) {
	.albs-cs *, .albs-cs *::before, .albs-cs *::after { animation: none !important; transition: none !important; }
	.albs-cs-js .albs-cs-reveal { opacity: 1; transform: none; }
}
.albs-cs h2, .albs-cs h3, .albs-cs h4, .albs-cs p { text-align: start; }
.albs-cs-studio-head { display: grid; grid-template-columns: auto 1fr auto; align-items: center; }
.albs-cs-studio-head > form { grid-column: 1 / -1; margin: 0; }
@media (max-width: 560px) {
	.albs-cs-studio-head { grid-template-columns: auto 1fr; }
	.albs-cs-studio-head > .albs-cs-status { grid-column: 2; justify-self: start; }
	.albs-cs-types { grid-template-columns: 1fr; }
}
.albs-cs-type { padding-inline-end: 38px; }
.albs-cs-type, .albs-cs-type > *, .albs-cs-field, .albs-cs-field > span, .albs-cs-door, .albs-cs-how__panel li, .albs-cs-card { text-align: start; }
/* صور الأنشطة: تجاهل الأبعاد المضمنة التي يضيفها ووردبريس للصور الصغيرة */
.albs-cs .albs-cs-act__img { width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; }

/* ======================================================================
 * دليل الجمعيات والمؤسسات (0.8.1): شعار كبير على أرضية بلون الجهة.
 * ====================================================================== */
.albs-dir__count { margin: 4px 0 18px; color: var(--cs-muted); font-size: .95rem; }
.albs-dir { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 290px), 1fr)); gap: 24px; }
.albs-dir__card { position: relative; display: flex; flex-direction: column; border-radius: 26px; background: var(--cs-card); box-shadow: 0 0 0 1px var(--cs-line); overflow: hidden; transition: transform .5s cubic-bezier(.16,1,.3,1), box-shadow .5s cubic-bezier(.16,1,.3,1); }
.albs-dir__card:hover, .albs-dir__card:focus-within { transform: translateY(-6px); box-shadow: 0 0 0 1px color-mix(in srgb, var(--org) 30%, var(--cs-line)), 0 30px 60px -30px color-mix(in srgb, var(--org) 55%, rgba(0,0,0,.4)); }
.albs-dir__card:has(.albs-cs-stretch:focus-visible) { outline: 2px solid var(--cs-accent); outline-offset: 3px; }
.albs-dir__stage { position: relative; display: grid; place-items: center; height: 230px; background:
	radial-gradient(70% 90% at 50% 100%, color-mix(in srgb, var(--org) 22%, transparent), transparent 70%),
	linear-gradient(180deg, color-mix(in srgb, var(--org) 9%, var(--cs-card)), color-mix(in srgb, var(--org) 4%, var(--cs-card))); }
.albs-dir__stage::after { content: ""; position: absolute; inset: auto 0 0; height: 1px; background: color-mix(in srgb, var(--org) 18%, var(--cs-line)); }
.albs-dir__logo { display: grid; place-items: center; width: 140px; height: 140px; border-radius: 36px; overflow: hidden; background: #fff; box-shadow: 0 1px 0 rgba(255,255,255,.6) inset, 0 0 0 1px rgba(0,0,0,.05), 0 22px 40px -18px color-mix(in srgb, var(--org) 70%, rgba(0,0,0,.6)); transition: transform .6s cubic-bezier(.16,1,.3,1); }
.albs-dir__card:hover .albs-dir__logo { transform: scale(1.05) translateY(-2px); }
.albs-dir__logo img { width: 100%; height: 100%; object-fit: contain; padding: 12px; display: block; }
.albs-dir__logo span { font-size: 3.6rem; font-weight: 700; color: #fff; line-height: 1; }
.albs-dir__card:not(.has-logo) .albs-dir__logo { background: linear-gradient(145deg, var(--org), color-mix(in srgb, var(--org) 70%, #000)); }
.albs-dir__body { display: flex; flex-direction: column; gap: 6px; padding: 22px 24px 24px; flex: 1; }
.albs-dir__kind { margin: 0; font-size: .8rem; font-weight: 600; color: color-mix(in srgb, var(--org) 75%, var(--cs-ink)); text-align: start; }
.albs-dir__card.is-inst .albs-dir__kind { color: var(--cs-gold); }
.albs-cs .albs-dir__name { margin: 2px 0 0 !important; padding: 0 !important; border: 0 !important; font-size: 1.32rem; line-height: 1.35; font-weight: 700; text-wrap: balance; text-align: start; }
.albs-cs .albs-dir__name::after { display: none !important; }
.albs-dir__name a { color: var(--cs-head) !important; text-decoration: none !important; }
.albs-dir__tag { margin: 2px 0 0; color: var(--cs-muted); font-size: .95rem; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-align: start; }
.albs-dir__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: auto; padding-top: 14px; }
.albs-dir__facts { font-size: .82rem; color: var(--cs-muted); }
.albs-dir__go { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; font-size: .9rem; font-weight: 500; color: var(--cs-accent); }
.albs-dir__go svg { transition: transform .25s cubic-bezier(.16,1,.3,1); }
.albs-dir__card:hover .albs-dir__go svg { transform: translateX(-4px); }
@media (max-width: 520px) { .albs-dir__stage { height: 190px; } .albs-dir__logo { width: 120px; height: 120px; border-radius: 30px; } }

/* ===================== 0.9 — الجواز، الترشيح، الأثر، الخريطة ===================== */
.albs-cs-tags { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 0; padding: 0; }
.albs-cs-tags li { border-radius: 999px; padding: 3px 11px; font-size: .8rem; background: var(--cs-pill-bg, #E6F0FA); color: var(--cs-pill-ink, #015FB7); }
.albs-cs-tags--why li { background: transparent; border: 1px solid var(--cs-line); color: var(--cs-muted); }
.albs-cs-tags--why li:first-child { border-color: transparent; background: var(--cs-pill-bg, #E6F0FA); color: var(--cs-pill-ink, #015FB7); }
.albs-cs-lead { font-size: 1.05rem; color: var(--cs-muted); margin: 0 0 16px; max-width: 62ch; }
.albs-cs-gain { margin-top: 18px; padding: 16px 18px; border-radius: var(--cs-radius-lg, 18px); background: var(--cs-card); border: 1px solid var(--cs-line); }
.albs-cs-gain h3 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 1.05rem; }
.albs-cs-cert__skills { margin: 14px 0; }
.albs-cs-cert__skills p { margin: 0 0 4px; font-size: .9rem; }

.albs-cs-spacehead { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 18px; }
.albs-cs-spacehead img, .albs-cs-passport__head img { border-radius: 50%; object-fit: cover; }
.albs-cs-spacehead h2, .albs-cs-passport__head h2 { margin: 0; font-size: 1.5rem; }
.albs-cs-spacehead .albs-cs-eyebrow, .albs-cs-passport .albs-cs-eyebrow { margin: 0; }
.albs-cs-spacehead dl { display: flex; gap: 8px; margin: 0 0 0 0; margin-inline-start: auto; }
.albs-cs-spacehead dl div { display: flex; flex-direction: column-reverse; align-items: center; min-width: 74px; padding: 8px 12px; border-radius: 14px; background: var(--cs-card); border: 1px solid var(--cs-line); }
.albs-cs-spacehead dd { margin: 0; font-size: 1.3rem; font-weight: 700; color: var(--cs-head); }
.albs-cs-spacehead dt { font-size: .75rem; color: var(--cs-muted); }

.albs-cs-passport { padding: clamp(18px, 3vw, 28px); border-radius: 24px; background: linear-gradient(135deg, #06223F, #121316 60%); color: #fff; margin-bottom: 22px; }
.albs-cs-passport__head { display: flex; gap: 14px; align-items: center; }
.albs-cs-passport h2 { color: #fff; }
.albs-cs-passport .albs-cs-eyebrow { color: #FEC511; }
.albs-cs-passport .albs-cs-small { color: rgba(255,255,255,.7); }
.albs-cs-stats--4 { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 18px 0 0 !important; }
.albs-cs-stats--4 > div { display: flex; flex-direction: column-reverse; background: rgba(255,255,255,.07) !important; border: 1px solid rgba(255,255,255,.12) !important; border-radius: 16px !important; padding: 12px 14px; }
.albs-cs-stats--4 dd { margin: 0; font-size: 1.7rem; font-weight: 700; color: #FEC511; }
.albs-cs-stats--4 dt { font-size: .8rem; color: rgba(255,255,255,.75); }
@media (max-width: 560px) { .albs-cs-stats--4 { grid-template-columns: repeat(2, 1fr); } }
.albs-cs-skillset { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 8px; }
.albs-cs-skillset li { display: flex; justify-content: space-between; gap: 8px; align-items: center; padding: 10px 14px; border-radius: 14px; background: var(--cs-pill-bg, #E6F0FA); color: var(--cs-pill-ink, #015FB7); }
.albs-cs-skillset span { font-size: .78rem; opacity: .8; white-space: nowrap; }
.albs-cs-timeline { list-style: none; padding: 0; margin: 0; border-inline-start: 2px solid var(--cs-line); }
.albs-cs-timeline > li { position: relative; display: grid; grid-template-columns: 120px 1fr; gap: 12px; padding: 0 18px 20px; }
.albs-cs-timeline > li::before { content: ""; position: absolute; inset-inline-start: -7px; top: 6px; width: 12px; height: 12px; border-radius: 50%; background: var(--cs-accent, #015FB7); box-shadow: 0 0 0 4px var(--cs-card, #fff); }
.albs-cs-timeline time { color: var(--cs-muted); font-size: .85rem; padding-top: 2px; }
.albs-cs-timeline strong { display: block; }
.albs-cs-timeline > li > div > span { display: block; color: var(--cs-muted); font-size: .9rem; }
.albs-cs-timeline a { display: inline-block; margin-top: 6px; font-size: .85rem; }
@media (max-width: 560px) { .albs-cs-timeline > li { grid-template-columns: 1fr; gap: 2px; } }
.albs-cs-share { margin-top: 26px; }

.albs-cs-match { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; margin-bottom: 18px; }
.albs-cs-match__card { padding: 16px 18px; border-radius: 18px; background: var(--cs-card); border: 1px solid var(--cs-line); transition: transform .2s, box-shadow .2s; }
.albs-cs-match__card:hover { transform: translateY(-2px); box-shadow: 0 14px 30px -18px rgba(0,0,0,.3); }
.albs-cs-match__link { display: flex; flex-direction: column; gap: 2px; text-decoration: none; color: inherit; }
.albs-cs-match__link strong { font-size: 1.05rem; color: var(--cs-head); }
.albs-cs-match__date { font-size: .8rem; color: var(--cs-accent, #015FB7); font-weight: 600; }
.albs-cs-match__org { font-size: .85rem; color: var(--cs-muted); }
.albs-cs-forme { margin: 26px 0 8px; }
.albs-cs-forme .albs-cs-section-head { display: flex; justify-content: space-between; align-items: baseline; }

.albs-cs-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 18px 0 10px; }
.albs-cs-kpis > div { display: flex; flex-direction: column-reverse; padding: 18px 20px; border-radius: 20px; background: var(--cs-card); border: 1px solid var(--cs-line); }
.albs-cs-kpis dd { margin: 0; font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 700; line-height: 1.1; color: var(--cs-head); }
.albs-cs-kpis dt { color: var(--cs-muted); font-size: .9rem; }
@media (max-width: 640px) { .albs-cs-kpis { grid-template-columns: repeat(2, 1fr); } }
.albs-cs-impact .albs-cs-panel { margin-top: 18px; }
.albs-cs-cols { list-style: none; display: flex; align-items: flex-end; gap: 6px; height: 200px; padding: 0; margin: 12px 0 0; }
.albs-cs-cols li { flex: 1; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 4px; }
.albs-cs-cols i { display: block; width: 100%; max-width: 44px; border-radius: 8px 8px 3px 3px; background: var(--cs-accent, #015FB7); }
.albs-cs-cols b { font-size: .72rem; font-weight: 600; color: var(--cs-muted); }
.albs-cs-cols span { font-size: .72rem; color: var(--cs-muted); }
.albs-cs-tablewrap { overflow-x: auto; }
.albs-cs-table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.albs-cs-table th, .albs-cs-table td { text-align: start; padding: 10px 8px; border-bottom: 1px solid var(--cs-line); }
.albs-cs-table thead th { color: var(--cs-muted); font-weight: 500; font-size: .85rem; }
.albs-cs-table td { font-variant-numeric: tabular-nums; }

.albs-cs-map { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 22px; align-items: start; margin-top: 12px; }
.albs-cs-map__fig { margin: 0; padding: 12px; border-radius: 24px; background: var(--cs-card); border: 1px solid var(--cs-line); }
.albs-cs-map__fig svg { width: 100%; height: auto; display: block; }
.albs-cs-map__land { fill: var(--surface-paper, #F5F5F7); stroke: #C9CBD1; stroke-width: 1.5; stroke-linejoin: round; }
.albs-cs-map__node circle { fill: color-mix(in srgb, var(--cs-accent, #015FB7) 82%, transparent); stroke: var(--cs-card, #fff); stroke-width: 3; transition: fill .2s; }
.albs-cs-map__node.is-prov circle { fill: color-mix(in srgb, #E8A33D 85%, transparent); stroke-width: 2; }
.albs-cs-map__node.is-zero circle { fill: #C9CBD1; }
.albs-cs-map__node:hover circle, .albs-cs-map__node:focus circle { fill: var(--cs-head, #121316); }
.albs-cs-map__node text { fill: #fff; font-size: 13px; font-weight: 700; text-anchor: middle; pointer-events: none; font-family: inherit; }
.albs-cs-map__node.is-prov text { font-size: 10px; }
.albs-cs-map__pt { fill: #121316; stroke: #fff; stroke-width: 1.5; }
.albs-cs-map__list h3 { font-size: 1rem; margin: 0 0 8px; }
.albs-cs-map__list ul { list-style: none; padding: 0; margin: 0 0 18px; }
.albs-cs-map__list a { display: flex; flex-direction: column; padding: 9px 12px; border-radius: 12px; text-decoration: none; color: inherit; }
.albs-cs-map__list a:hover { background: var(--cs-card); }
.albs-cs-map__list small { color: var(--cs-muted); font-size: .8rem; }
@media (max-width: 760px) { .albs-cs-map { grid-template-columns: 1fr; } }
@media print { .albs-cs-noprint { display: none !important; } .albs-cs-kpis > div, .albs-cs-panel { break-inside: avoid; } }

.albs-cs .albs-cs-spacehead h2, .albs-cs .albs-cs-passport h2 { border: 0 !important; padding: 0 !important; margin: 0 !important; background: none !important; }
.albs-cs .albs-cs-spacehead h2::after, .albs-cs .albs-cs-passport h2::after, .albs-cs .albs-cs-spacehead h2::before, .albs-cs .albs-cs-passport h2::before { display: none !important; }
.albs-cs-map__fig { position: sticky; top: 70px; }
.albs-cs-map__list ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 2px; }
.albs-cs-map__list a { padding: 7px 10px; }
.albs-cs-map__list a span { font-size: .92rem; }

/* ===================== 0.10 — سفراء المنصة ===================== */
.albs-cs-amb__hero { padding: clamp(24px, 4vw, 40px); border-radius: 28px; background: linear-gradient(135deg, #06223F, #121316 65%); color: #fff; margin-bottom: 24px; }
.albs-cs-amb__hero .albs-cs-eyebrow { color: #FEC511; margin: 0 0 6px; }
.albs-cs .albs-cs-amb__hero h2 { color: #fff; font-size: clamp(1.7rem, 4vw, 2.6rem); line-height: 1.2; margin: 0 0 10px; border: 0 !important; padding: 0 !important; }
.albs-cs .albs-cs-amb__hero h2::after, .albs-cs .albs-cs-amb__card h2::after { display: none !important; }
.albs-cs-amb__hero p { color: rgba(255,255,255,.8); max-width: 60ch; margin: 0 0 16px; }
.albs-cs-amb__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 22px; }
.albs-cs-amb__grid section { padding: 18px 20px; border-radius: 20px; background: var(--cs-card); border: 1px solid var(--cs-line); }
.albs-cs-amb__grid h3 { margin-top: 0; }
@media (max-width: 860px) { .albs-cs-amb__grid { grid-template-columns: 1fr; } }
.albs-cs-amb__list { margin: 0; padding-inline-start: 1.2em; display: grid; gap: 8px; }
.albs-cs-amb__list li { line-height: 1.6; }
.albs-cs-amb__where { margin-bottom: 22px; }
.albs-cs-amb__card { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: clamp(20px, 4vw, 32px); border-radius: 24px; background: linear-gradient(135deg, #06223F, #121316 60%); color: #fff; }
.albs-cs .albs-cs-amb__card h2 { color: #fff; margin: 0; border: 0 !important; padding: 0 !important; }
.albs-cs-amb__card .albs-cs-eyebrow { color: #FEC511; margin: 0; }
.albs-cs-amb__card p { margin: 4px 0 0; color: rgba(255,255,255,.85); }
.albs-cs-amb__card .albs-cs-small { color: rgba(255,255,255,.65); }
.albs-cs-amb__qr { width: 132px; flex: none; background: #fff; border-radius: 14px; padding: 6px; }
.albs-cs-amb__qr svg { display: block; width: 100%; height: auto; }
.albs-cs-amb .albs-cs-kpis { grid-template-columns: repeat(3, 1fr); }
@media print { .albs-cs-amb .albs-cs-panel, .albs-cs-amb .albs-cs-kpis, .albs-cs-amb .albs-cs-small { display: none !important; } .albs-cs-amb__card { -webkit-print-color-adjust: exact; print-color-adjust: exact; } .albs-cs-amb__qr { width: 260px; } }
.albs-cs .albs-cs-amb__hero .albs-cs-btn { background: #FEC511 !important; border-color: #FEC511 !important; color: #000 !important; }
.albs-cs-amb .albs-cs-kpis { margin: 16px 0 !important; }
.albs-cs-amb .albs-cs-panel + .albs-cs-panel { margin-top: 16px; }
.albs-cs-cert__logo { display: block; width: 190px; height: auto; margin: 0 auto 6px; }
.albs-cs-gate { padding: clamp(18px, 3vw, 28px); border-radius: 22px; background: var(--cs-pill-bg, #E6F0FA); margin-bottom: 18px; }
.albs-cs .albs-cs-gate h2 { margin: 2px 0 8px; border: 0 !important; padding: 0 !important; }
.albs-cs .albs-cs-gate h2::after { display: none !important; }
.albs-cs-gate p { margin: 0 0 6px; max-width: 64ch; }

/* ===================== 0.11 — العلاقة بين الجمعيات والمتطوعين ===================== */
.albs-cs-steps { list-style: none; display: flex; gap: 4px; padding: 0; margin: 8px 0 0; width: 100%; counter-reset: st; }
.albs-cs-steps li { flex: 1; position: relative; padding-top: 12px; font-size: .75rem; color: var(--cs-muted); text-align: center; }
.albs-cs-steps li::before { content: ""; position: absolute; top: 0; inset-inline: 0; height: 4px; border-radius: 4px; background: var(--cs-line); }
.albs-cs-steps li.is-done::before, .albs-cs-steps li.is-now::before { background: var(--cs-accent, #015FB7); }
.albs-cs-steps li.is-now { color: var(--cs-head); font-weight: 600; }
.albs-cs-row:has(.albs-cs-steps) { flex-wrap: wrap; }

.albs-cs-todo { padding: 18px 20px; border-radius: 20px; background: var(--cs-card); border: 1px solid var(--cs-line); margin-bottom: 18px; }
.albs-cs-todo header { display: flex; justify-content: space-between; align-items: baseline; }
.albs-cs-todo h3 { margin: 0; }
.albs-cs-todo progress { width: 100%; height: 8px; margin: 10px 0; accent-color: var(--cs-accent, #015FB7); }
.albs-cs-todo ol { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; }
.albs-cs-todo li { display: flex; gap: 10px; align-items: center; }
.albs-cs-todo li::before { content: ""; flex: none; width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--cs-line); }
.albs-cs-todo li.is-done::before { background: var(--cs-accent, #015FB7) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") center/12px no-repeat; border-color: transparent; }
.albs-cs-todo li.is-done span { color: var(--cs-muted); text-decoration: line-through; }
.albs-cs-kpis--org dd small { font-size: .8rem; font-weight: 500; color: var(--cs-accent, #015FB7); }
.albs-cs-kpis dt a { color: inherit; }
.albs-cs-msgbox { margin: 12px 0 16px; }
.albs-cs-msgbox summary { cursor: pointer; font-weight: 600; }
.albs-cs-paths { margin-top: 24px; }
.albs-cs-path { padding: 14px 16px; border-radius: 16px; background: var(--cs-card); border: 1px solid var(--cs-line); margin-bottom: 10px; }
.albs-cs-path h4 { margin: 0 0 8px; }
.albs-cs-path__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.albs-cs-path__cols div { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border-radius: 12px; background: var(--cs-pill-bg, #E6F0FA); }
.albs-cs-path__cols span { font-size: .75rem; color: var(--cs-muted); }
.albs-cs-path__cols em { color: var(--cs-muted); font-style: normal; font-size: .9rem; }
.albs-cs-impactorg { margin: 28px 0; }
.albs-cs-achv { padding-inline-start: 1.2em; display: grid; gap: 6px; }
.albs-cs-pass-qr { float: inline-end; margin-inline-start: 16px; }
@media (max-width: 560px) { .albs-cs-path__cols { grid-template-columns: 1fr; } .albs-cs-pass-qr { float: none; margin: 0 0 12px; } }