/* =====================================================================
   org.css: مكونات العرض المشتركة بين نظرة المشرف ولوحة المؤسسة
   (شريط المؤشرات، والشرائح، ومقارنة قبل وبعد، والقوائم)، وشاشات المؤسسة.
   يستهلك رموز base.css فقط: لا ألوان ولا أبعاد سحرية خارج الرموز.
   ===================================================================== */

/* ============ عام ============ */
.panel__h h2{margin:0}
.panel--rib .rib{margin-block-start:var(--sp-2)}
.tcount{font-size:var(--fs-xs);color:var(--ink-3);margin-block-end:var(--sp-2)}

/* ============ شريط المؤشرات ============ */
.kband{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-block-start:var(--sp-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.kband__t{display:grid;align-content:start;gap:var(--sp-2);padding:var(--sp-5);min-inline-size:0}
.kband__t + .kband__t{border-inline-start:1px solid var(--line)}
.kband__l{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:var(--fw-m);color:var(--ink-2)}
.kband__l .icon{inline-size:18px;block-size:18px;color:var(--brand)}
.kband__v{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--sp-1);min-block-size:calc(var(--fs-2xl) * 1.2);font-size:var(--fs-2xl);font-weight:var(--fw-b);line-height:var(--lh-tight);font-variant-numeric:lining-nums tabular-nums}
.kband__v small{font-size:var(--fs-sm);font-weight:var(--fw-m);color:var(--ink-3)}
/* النص البديل أصغر من الأرقام في كل المقاسات (محدد أعلى من قواعد التجاوب) */
.kband .kband__v--none{align-items:center;font-size:var(--fs-sm);font-weight:var(--fw-sb);line-height:var(--lh-snug);color:var(--ink-3)}
.kband__t .bar{block-size:4px}
.kband__gap{display:block;block-size:4px}
.kband__s{font-size:var(--fs-xs);line-height:var(--lh-snug);color:var(--ink-3)}

/* ============ واجهة الأثر (الجهة الداعمة) ============ */
/* سطح الهوية المصمت: الأبيض عليه 5.6:1 فتصلح النصوص الصغيرة. لا تدرجات ولا هالات ضوئية: العمق من الظل فقط */
.ohero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-8);align-items:center;padding:var(--sp-8);border-radius:var(--r-xl);background:var(--brand-solid-ink);color:var(--on-solid);box-shadow:var(--sh-2)}
.ohero__main{display:grid;gap:var(--sp-2);justify-items:start;min-inline-size:0}
.ohero__brand{display:flex;align-items:center;gap:var(--sp-2) var(--sp-4);flex-wrap:wrap}
.ohero__eye{font-size:var(--fs-sm);font-weight:var(--fw-m);color:var(--on-solid-2);padding-inline-start:var(--sp-4);border-inline-start:1px solid var(--solid-line);line-height:var(--lh-snug)}
.ohero h1{font-size:var(--fs-hero);line-height:var(--lh-tight);font-weight:var(--fw-sb);color:var(--on-solid);margin-block-start:var(--sp-3)}
.ohero h1:focus{outline:none}
.ohero__sub{font-size:var(--fs-base);color:var(--on-solid-2)}
.ohero__a{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-3) var(--sp-5);margin-block-start:var(--sp-4)}
.ohero .btn--on-solid:hover{background:var(--brand-soft);color:var(--brand-solid-ink)}
.ohero :focus-visible{outline-color:var(--white)}
.ohero__by{display:inline-flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-xs);font-weight:var(--fw-m);color:var(--on-solid-2)}
/* لوحة بيضاء ثابتة لشعار الجهة الداعمة: النسخة الملونة في الوضعين */
.ohero__plate{display:inline-flex;align-items:center;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-sm);background:var(--white);box-shadow:var(--sh-1)}
.ohero__plate .donor .donor__lg--light{display:block}
.ohero__plate .donor .donor__lg--dark{display:none}
.ohero__kpi{display:flex;align-items:center;gap:var(--sp-6)}
.ohero__stats{display:grid;grid-template-columns:repeat(2,minmax(9.5rem,auto));gap:var(--sp-5) var(--sp-6);margin:0}
.ohero__stats > div{display:grid;gap:var(--sp-1);padding-inline-start:var(--sp-4);border-inline-start:1px solid var(--solid-line);min-inline-size:0}
.ohero__stats dt{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);font-weight:var(--fw-m);color:var(--on-solid-2)}
.ohero__stats dt .icon{inline-size:16px;block-size:16px}
.ohero__stats dd{margin:0;display:flex;align-items:baseline;gap:var(--sp-1);font-size:var(--fs-xl);font-weight:var(--fw-sb);line-height:var(--lh-tight);font-variant-numeric:lining-nums tabular-nums}
.ohero__stats dd small{font-size:var(--fs-xs);font-weight:var(--fw-m);color:var(--on-solid-2)}
.ohero__none{font-size:var(--fs-sm);font-weight:var(--fw-m);color:var(--on-solid-2)}

/* ============ حلقة النسبة ============ */
/* تبدأ من الأعلى وتمتد مع عقارب الساعة (يمينًا أولًا: بداية القراءة في RTL) */
.ring{--ring:132px;--ring-t:var(--surface-3);--ring-v:var(--brand);position:relative;display:grid;place-items:center;inline-size:var(--ring);block-size:var(--ring);flex-shrink:0}
.ring svg{position:absolute;inset:0;inline-size:100%;block-size:100%;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:10;stroke-linecap:round}
.ring__t{stroke:var(--ring-t)}
.ring__v{stroke:var(--ring-v);stroke-dasharray:100 100;stroke-dashoffset:calc(100 - var(--p,0) * 100);transition:stroke-dashoffset 1100ms var(--ease-out)}
.ring__c{position:relative;display:grid;justify-items:center;text-align:center;line-height:1.2}
.ring__n{display:flex;align-items:baseline;font-size:var(--fs-2xl);font-weight:var(--fw-sb);line-height:1.1;font-variant-numeric:lining-nums tabular-nums}
.ring__n small{font-size:var(--fs-sm);font-weight:var(--fw-m);margin-inline-start:2px}
.ring__n--none{color:var(--ink-3)}
.ring__s{font-size:var(--fs-2xs);font-weight:var(--fw-m);color:var(--ink-3);max-inline-size:8.5em}
.ring--solid{--ring:156px;--ring-t:var(--solid-fill);--ring-v:var(--yellow-solid);color:var(--on-solid)}
.ring--solid .ring__s,.ring--solid .ring__n--none{color:var(--on-solid-2)}
.ring--solid .ring__n{font-size:var(--fs-hero)}

/* ============ توزيع الإنجاز (أعمدة تسلسلية بلون الهوية: الأفتح للأقل) ============ */
.cdist{margin-block-start:var(--sp-3)}
.cdist__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--sp-1) var(--sp-3);font-size:var(--fs-sm);color:var(--ink-2)}
.cdist__avg{display:flex;align-items:baseline;font-size:var(--fs-2xl);font-weight:var(--fw-sb);line-height:var(--lh-tight);color:var(--ink);font-variant-numeric:lining-nums tabular-nums}
.cdist__avg small{font-size:var(--fs-sm);font-weight:var(--fw-m);color:var(--ink-3);margin-inline-start:2px}
.cdist__cols{list-style:none;margin:var(--sp-5) 0 var(--sp-4);padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3)}
.cdist__c{display:grid;grid-template-rows:auto 9.5rem auto;gap:var(--sp-2);min-inline-size:0}
.cdist__n{display:flex;align-items:baseline;justify-content:center;gap:var(--sp-2)}
.cdist__n b{font-size:var(--fs-lg);font-weight:var(--fw-sb);line-height:1.2}
.cdist__n small{font-size:var(--fs-2xs);font-weight:var(--fw-m);color:var(--ink-3)}
.cdist__bar{display:flex;align-items:flex-end;justify-content:center;block-size:100%;border-block-end:1px solid var(--line-2)}
/* ينمو من القاعدة للأعلى */
.cdist__bar i{display:block;inline-size:min(100%,4.5rem);block-size:100%;border-radius:var(--r-sm) var(--r-sm) 0 0;transform-origin:50% 100%;transform:scaleY(var(--p,0));transition:transform var(--d4) var(--ease-out)}
.cdist__c--0 .cdist__bar i{background:color-mix(in srgb,var(--brand) 36%,var(--surface))}
.cdist__c--1 .cdist__bar i{background:color-mix(in srgb,var(--brand) 58%,var(--surface))}
.cdist__c--2 .cdist__bar i{background:color-mix(in srgb,var(--brand) 80%,var(--surface))}
.cdist__c--3 .cdist__bar i{background:var(--brand)}
.cdist__c:nth-child(2) i{transition-delay:70ms}
.cdist__c:nth-child(3) i{transition-delay:140ms}
.cdist__c:nth-child(4) i{transition-delay:210ms}
.cdist__c.is-zero .cdist__n b{color:var(--ink-3)}
.cdist__l{text-align:center;font-size:var(--fs-xs);font-weight:var(--fw-sb);color:var(--ink-2)}
.cdist__note{display:flex;align-items:flex-start;gap:var(--sp-2);margin:0;padding-block-start:var(--sp-3);border-block-start:1px dashed var(--line-2)}
.cdist__note .icon{inline-size:16px;block-size:16px;flex-shrink:0;margin-block-start:3px;color:var(--brand)}
.cdist__wait{margin-block-start:var(--sp-4)}

/* ============ شهادات الإتمام لكل جدارة ============ */
.certs__sum{display:flex;align-items:center;gap:var(--sp-4);margin-block-start:var(--sp-4);padding:var(--sp-4);border-radius:var(--r-md);background:var(--brand-soft)}
.certs__ic{display:grid;place-items:center;inline-size:var(--tile);block-size:var(--tile);border-radius:var(--r-md);background:var(--surface);color:var(--brand);box-shadow:var(--sh-1);flex-shrink:0}
.certs__ic .icon{inline-size:22px;block-size:22px}
.certs__sum > div{display:grid;min-inline-size:0}
.certs__n{font-size:var(--fs-2xl);font-weight:var(--fw-sb);line-height:1.15;color:var(--brand-ink);font-variant-numeric:lining-nums tabular-nums}
.certs__sum div > span{font-size:var(--fs-sm);color:var(--ink-2);line-height:var(--lh-snug)}
.certs{list-style:none;margin:var(--sp-2) 0 0;padding:0}
.certs__r{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"n l v" ". b b";column-gap:var(--sp-3);row-gap:var(--sp-2);align-items:center;padding-block:var(--sp-3);border-block-end:1px solid var(--line)}
.certs__r:last-child{border-block-end:0}
.certs__r .cnum{grid-area:n;inline-size:30px;block-size:30px;font-size:var(--fs-xs)}
.certs__l{grid-area:l;display:grid;min-inline-size:0;line-height:1.45}
.certs__l b{font-size:var(--fs-sm);font-weight:var(--fw-sb)}
.certs__l small{font-size:var(--fs-2xs);color:var(--ink-3)}
.certs__v{grid-area:v;display:flex;align-items:baseline;gap:var(--sp-1);white-space:nowrap}
.certs__v b{font-size:var(--fs-md);font-weight:var(--fw-sb)}
.certs__v small{font-size:var(--fs-2xs);color:var(--ink-3)}
.certs__bar{grid-area:b;block-size:4px}
.certs__r--soon .certs__l b{color:var(--ink-2);font-weight:var(--fw-m)}
.certs__w{display:flex;align-items:flex-start;gap:var(--sp-2);margin-block-start:var(--sp-2)}
.certs__w .icon{inline-size:16px;block-size:16px;flex-shrink:0;margin-block-start:3px;color:var(--brand)}

/* ============ ملف المشارك (الجهة الداعمة) ============ */
.pover{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
.pover .ring{--ring:116px}
.pover .ring__n{font-size:var(--fs-xl)}
.pover__s{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3) var(--sp-4);margin:0;min-inline-size:0}
.pover__s div{display:grid;min-inline-size:0;padding-inline-start:var(--sp-3);border-inline-start:2px solid var(--line)}
.pover__s dt{font-size:var(--fs-xs);color:var(--ink-3)}
.pover__s dd{margin:0;display:flex;align-items:baseline;gap:var(--sp-1);font-size:var(--fs-md);font-weight:var(--fw-sb)}
.pover__s dd small{font-size:var(--fs-xs);font-weight:var(--fw-m);color:var(--ink-3)}
.pover__s dd .muted{font-size:var(--fs-sm);font-weight:var(--fw-m)}
.pover__acc{display:flex;align-items:center;gap:var(--sp-2);margin-block-start:var(--sp-3);font-size:var(--fs-sm);color:var(--ink-2)}
.pover__acc .icon{inline-size:18px;block-size:18px;color:var(--brand)}

.ov--pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.cprog__p{color:inherit}
.abars li.is-soon b{color:var(--ink-2);font-weight:var(--fw-m)}

/* ============ مقارنة قبلي وبعدي (دمبل على مقياس 1 - 5) ============ */
/* الموضع منطقي: القيمة 1 في بداية السطر (يمين في RTL) والقيمة 5 في نهايته */
.cmp__sum{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--sp-1) var(--sp-3);margin-block-start:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-md);background:var(--ok-soft)}
.cmp__sum b{font-size:var(--fs-2xl);font-weight:var(--fw-b);line-height:var(--lh-tight);color:var(--ok)}
.cmp__sum span{font-size:var(--fs-sm);color:var(--ink-2)}
.cmp,.cmp__legend{--cmp-cols:minmax(0,14rem) minmax(0,1fr) minmax(7.5rem,auto)}
.cmp__legend{display:grid;grid-template-columns:var(--cmp-cols);gap:var(--sp-5);align-items:center;margin-block-start:var(--sp-4);padding-block-end:var(--sp-2);border-block-end:1px solid var(--line);font-size:var(--fs-xs);color:var(--ink-3)}
.cmp__keys{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4)}
.cmp__keys span{display:inline-flex;align-items:center;gap:var(--sp-2)}
.dmb-scale{display:flex;justify-content:space-between;font-size:var(--fs-2xs);font-weight:var(--fw-sb)}
.cmp{list-style:none;margin:0;padding:0}
.cmp__r{display:grid;grid-template-columns:var(--cmp-cols);grid-template-areas:"h viz end" ". v v" "d d d";gap:var(--sp-1) var(--sp-5);align-items:center;padding-block:var(--sp-4);border-block-end:1px solid var(--line)}
.cmp__r:last-child{border-block-end:0}
.cmp__h{grid-area:h;display:flex;align-items:center;gap:var(--sp-3);min-inline-size:0}
.cmp__h b{font-size:var(--fs-sm);font-weight:var(--fw-sb);line-height:var(--lh-snug)}
.cmp__h .cnum{inline-size:30px;block-size:30px;font-size:var(--fs-xs)}
.cmp__viz{grid-area:viz;min-inline-size:0}
.cmp__end{grid-area:end;display:flex;justify-content:flex-end}
.cmp__v{grid-area:v;display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-5);margin:0;font-size:var(--fs-xs);color:var(--ink-3)}
.cmp__v > span{display:inline-flex;align-items:center;gap:var(--sp-2)}
.cmp__v b{font-size:var(--fs-sm);color:var(--ink)}
.cmp__wait{line-height:var(--lh-snug)}
.cmp__rule{display:flex;align-items:flex-start;gap:var(--sp-2);margin-block-start:var(--sp-3)}
.cmp__rule .icon{inline-size:16px;block-size:16px;margin-block-start:3px;color:var(--brand)}
.dmb{position:relative;block-size:28px}
.dmb__track,.dmb__seg{position:absolute;inset-block-start:50%;block-size:4px;margin-block-start:-2px;border-radius:2px}
.dmb__track{inset-inline:0;background:var(--surface-3)}
.dmb__seg{inset-inline-start:calc(var(--lo) * 100%);inline-size:calc(var(--w) * 100%);background:var(--brand)}
.dmb__dot{position:absolute;inset-block-start:50%;inline-size:16px;block-size:16px;margin-block-start:-8px;margin-inline-start:-8px;border-radius:50%;box-shadow:0 0 0 3px var(--surface)}
.dmb__dot--pre{inset-inline-start:calc(var(--a) * 100%);background:var(--surface);border:2.5px solid var(--ink-3)}
.dmb__dot--post{inset-inline-start:calc(var(--b) * 100%);background:var(--brand)}
.dmb--down .dmb__seg,.dmb--down .dmb__dot--post{background:var(--bad)}
.dmb--sm{block-size:20px}
.dmb--sm .dmb__dot{inline-size:12px;block-size:12px;margin-block-start:-6px;margin-inline-start:-6px}
.dmb--empty .dmb__track{block-size:0;margin-block-start:0;border-radius:0;background:none;border-block-start:2px dashed var(--line-2)}
.dmb__key{display:inline-block;inline-size:12px;block-size:12px;border-radius:50%;flex-shrink:0}
.dmb__key--pre{background:var(--surface);border:2.5px solid var(--ink-3)}
.dmb__key--post{background:var(--brand)}
.cmp__r.is-wait .cmp__h b{color:var(--ink-2)}
/* خط الأساس: نقطة القبلية وحدها مع قيمتها فوقها. inset-inline-start يبدأ من اليمين في RTL،
   فإزاحة +50% أفقيًا تجعل منتصف الرقم فوق النقطة */
.dmb--base{block-size:40px}
.dmb--base .dmb__track,.dmb--base .dmb__dot{inset-block-start:auto;inset-block-end:6px;margin-block-start:0}
.dmb--base .dmb__track{inset-block-end:12px}
.dmb__lbl{position:absolute;inset-block-start:0;inset-inline-start:calc(var(--a) * 100%);transform:translateX(50%);font-size:var(--fs-2xs);font-weight:var(--fw-b);line-height:1.4;color:var(--ink-2)}
.cmp__wait > span{display:block}
.cmp__d{grid-area:d;margin-block-start:var(--sp-2)}
.cmp__d summary{display:inline-flex;align-items:center;gap:var(--sp-2);min-block-size:var(--tap);list-style:none;cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-sb);color:var(--brand-ink);border-radius:var(--r-sm)}
.cmp__d summary::-webkit-details-marker{display:none}
.cmp__d summary .icon{inline-size:16px;block-size:16px;transition:transform var(--d2) var(--ease-out)}
.cmp__d[open] summary .icon{transform:rotate(90deg)}
.cmp__s{list-style:none;margin:var(--sp-1) 0 0;padding:0;display:grid;gap:var(--sp-1)}
.cmp__s li{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:var(--sp-4);align-items:center;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:var(--surface-2)}
.cmp__s p{font-size:var(--fs-sm);line-height:var(--lh-snug);color:var(--ink-2)}
.cmp__s .dmb__dot{box-shadow:0 0 0 3px var(--surface-2)}
.cmp__sv{font-size:var(--fs-xs);color:var(--ink-3);white-space:nowrap}

/* ============ دعوة لإجراء ============ */
.callout{display:flex;align-items:center;gap:var(--sp-4);margin-block-start:var(--sp-5);padding:var(--sp-4) var(--sp-5);border:1px solid var(--brand-line);border-radius:var(--r-lg);background:var(--brand-soft);color:inherit;text-decoration:none;transition:transform var(--d1) var(--ease),box-shadow var(--d1) var(--ease)}
.callout:hover{text-decoration:none;transform:translateY(-1px);box-shadow:var(--sh-1)}
.callout:active{transform:translateY(0);box-shadow:none}
.callout__b{flex:1;display:grid;gap:var(--sp-0);min-inline-size:0}
.callout__b b{font-weight:var(--fw-b)}
.callout__b small{font-size:var(--fs-sm);color:var(--ink-2)}
.callout__go{inline-size:20px;block-size:20px;color:var(--brand-ink)}

/* ============ المشاركون ============ */
a.pname{text-decoration:none}
a.pname:hover{text-decoration:none}
.sort-ic{inline-size:14px;block-size:14px;transform:rotate(90deg)}
.sort-ic--d{transform:rotate(-90deg)}
.tbl th button{min-block-size:var(--tap)}
.tl--st li{align-items:center}
.tl--st .b{flex:1;min-inline-size:0;display:grid;gap:var(--sp-0)}
.tl--st b{font-weight:var(--fw-sb);line-height:var(--lh-snug)}
.tl--st small{font-size:var(--fs-xs);color:var(--ink-3)}
.tl--st .chip{flex-shrink:0}
.tl--st li.is-pre{opacity:.62}
.pkv{margin-block-start:var(--sp-4)}
.cprog--p li{gap:var(--sp-3)}
.cprog--p .chip{flex-shrink:0}

/* ============ مراجعة المواد ============ */
.mgrp{margin-block-start:var(--sp-6)}
.mgrp + .mgrp{margin-block-start:var(--sp-8)}
.mgrp__h{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-md);font-weight:var(--fw-b);line-height:var(--lh-head)}
.mgrp__h .cnum{inline-size:30px;block-size:30px;font-size:var(--fs-xs)}
.mgrp__h small{font-size:var(--fs-xs);font-weight:var(--fw-sb);color:var(--ink-3);background:var(--surface-2);border-radius:var(--r-full);padding:0 var(--sp-2);line-height:1.8}
.mgrp .mats{margin-block-start:var(--sp-3)}
.mats .chip{flex-shrink:0}
.mats__q .icon{inline-size:16px;block-size:16px;flex-shrink:0;margin-block-start:4px}
.mread{margin-block-start:var(--sp-3)}
.mread p{line-height:var(--lh-body)}
.mread p + p{margin-block-start:var(--sp-3)}
.mlink{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);background:var(--surface-2);margin-block:var(--sp-3)}
.mbtns{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-block-start:var(--sp-3)}
.mstat{margin-block-end:var(--sp-2)}

/* ============ التجاوب ============ */
@media (max-width:51.25rem){ /* 820 */
  .kband{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kband__t{padding:var(--sp-4)}
  .kband__t:nth-child(3){border-inline-start:0}
  .kband__t:nth-child(n+3){border-block-start:1px solid var(--line)}
  .kband__v{font-size:var(--fs-xl);min-block-size:calc(var(--fs-xl) * 1.2)}
  .cmp__legend{grid-template-columns:minmax(0,1fr)}
  .dmb-scale,.cmp__lend{display:none}
  .cmp__r{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"h end" "viz viz" "v v" "d d";gap:var(--sp-2) var(--sp-3)}
  .cmp__s li{grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-1) var(--sp-3)}
  .cmp__s .dmb{grid-column:1 / -1;grid-row:2}
}
@media (max-width:64rem){
  .ohero{grid-template-columns:minmax(0,1fr);gap:var(--sp-6)}
  .ov--pair{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:30rem){ /* 480 */
  .ohero{padding:var(--sp-6) var(--sp-5);border-radius:var(--r-lg)}
  .ohero h1{font-size:var(--fs-xl)}
  .ohero__eye{padding-inline-start:0;border:0;flex-basis:100%}
  .ohero__kpi{flex-direction:column;align-items:stretch;gap:var(--sp-5)}
  .ohero .ring{align-self:center}
  .ohero__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}
  .ohero__stats dd{font-size:var(--fs-lg)}
  .cdist__c{grid-template-rows:auto 7.5rem auto}
  .cdist__n{flex-direction:column;align-items:center;gap:0}
  .pover{flex-direction:column;align-items:stretch}
  .pover .ring{align-self:center}
  /* أسماء الجدارات في الرحلة تلتف بدل القص */
  .panel--rib .rib__l b{white-space:normal;overflow:visible;line-height:var(--lh-snug)}
  /* فاصل أوسع بين الأعمدة الضيقة حتى لا تتلاصق الأسماء الملتفة؛ الشريط يأخذ الفاصل نفسه فتبقى المحاذاة */
  .panel--rib .rib__bar,.panel--rib .rib__labels{gap:var(--sp-3)}
  .panel--rib .rib__l{overflow-wrap:anywhere}
  /* التقدم حسب الجدارة: الشريط في سطر ثانٍ تحت الاسم */
  .cprog:not(.cprog--p) li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"n l v" ". b b";column-gap:var(--sp-3);row-gap:var(--sp-2)}
  .cprog:not(.cprog--p) .cnum{grid-area:n}
  .cprog:not(.cprog--p) .cprog__l{grid-area:l}
  .cprog:not(.cprog--p) .cprog__v{grid-area:v;inline-size:auto}
  .cprog:not(.cprog--p) .bar{grid-area:b;inline-size:auto}
  .kband__v{font-size:var(--fs-lg)}
  .kband__l{font-size:var(--fs-xs)}
  .callout{padding:var(--sp-4)}
  .mats li{gap:var(--sp-3)}
  .mats__a{inline-size:100%}
}

/* ============ قائمة الحضور: سطر اللقاءات المتبقية ============ */
.abars__v{white-space:nowrap}
.abars__more{display:flex;align-items:center;gap:var(--sp-2);margin-block-start:var(--sp-2);padding-block-start:var(--sp-3);border-block-start:1px dashed var(--line-2);font-size:var(--fs-xs);color:var(--ink-3)}
.abars__more .icon{inline-size:16px;block-size:16px;flex-shrink:0}

/* أهداف اللمس: 44 بكسل على الشاشات اللمسية لأزرار المؤسسة */
@media (pointer:coarse),(max-width:47.99rem){
  .mats__a .btn,.mgrp ~ .notebar .btn,.tools .fchip,.mbtns .btn,.callout,.mh__a .btn,.ohero .btn,.sh-a .btn{min-block-size:var(--tap)}
}
/* شارة الشهادة الصغيرة في جداول الإنجاز (الجهة الداعمة والمشرف) */
.pcert{display:inline-flex;align-items:center;gap:var(--sp-1);margin-inline-start:var(--sp-2);color:var(--brand-ink);font-size:var(--fs-xs);font-weight:var(--fw-m);white-space:nowrap}
.pcert .icon{inline-size:14px;block-size:14px}
.cprog__l .pcert{margin-inline-start:0;margin-block-start:2px}

@media (max-width:30rem){
  .ring--solid{--ring:124px}
  .ring--solid .ring__n{font-size:var(--fs-2xl)}
}
.ov--pair{align-items:stretch}
@media (max-width:30rem){.mats__a .btn{flex:1 1 auto}}
.certs__go{margin-block-start:var(--sp-1)}
/* لوحتا الصف متساويتان: الأعمدة تمتد لتملأ ارتفاع لوحتها بدل فراغ أسفلها */
.ov--pair > .panel{display:flex;flex-direction:column}
.ov--pair > .panel > [data-dist]{flex:1;display:flex;flex-direction:column}
/* الرسم يملأ ارتفاع اللوحة المجاورة دون أن تتمدد الأعمدة بلا حد: سقف 15rem، والرسم يتوسط المساحة الباقية */
.ov--pair .cdist{flex:1;display:flex;flex-direction:column}
.ov--pair .cdist__cols{flex:1;grid-template-rows:minmax(0,1fr);align-items:center}
.ov--pair .cdist__c{grid-template-rows:auto minmax(9.5rem,15rem) auto}
@media (max-width:30rem){.ov--pair .cdist__c{grid-template-rows:auto minmax(7.5rem,11rem) auto}}