/* ============================================================================
   بيانات جياد — تحليلات السرعة
   ----------------------------------------------------------------------------
   ثلاث قواعد تحكم هذا الملف:
   ١) **لا قيمة لونٍ خارج `:root`.** الرموز أدناه هي هوية جياد المعتمَدة بقيمها الحرفية.
   ٢) **الجوّال أولاً** — الصفحات تُعرض داخل WebView في تطبيقَي iOS/Android.
   ٣) **خصائص منطقية لا فيزيائية** (`inset-inline`, `padding-inline`) فينقلب الاتجاه
      إلى LTR في اللغات السبع الأخرى بلا تعديل سطر واحد.
   ============================================================================ */

:root{
  /* ألوان العلامة */
  --brand:#603A00; --brand-2:#94723E; --amber:#efae4e;
  /* الأسطح والنصّ */
  --bg:#f3f6f9; --panel:#ffffff; --panel2:#f8f5f0; --panel3:#efe9df;
  --line:#e2dcd0; --txt:#272a3a; --muted:#5c6472;
  /* المشتقّات */
  --accent:var(--brand); --accent2:var(--brand-2); --on-accent:#ffffff;
  /* الميداليات */
  --gold:#c8912b; --silver:#8d95a3; --bronze:#a86531;
  --gold-txt:#8a5f00; --silver-txt:#5a6270; --bronze-txt:#8a4a1c;
  /* الأوعية الثلاثة */
  --ok:#1c6b43;   --ok-bg:#e2f3e9;
  --warn:#8a6216; --warn-bg:#fbf0d9;
  --bad:#9e2540;  --bad-bg:#fce7ec;
  /* الأسطر */
  --zebra:#f7f3ea; --row-hover:#f2e6cd; --th-bg:#e9ecf1;
  /* الظلال */
  --e1:0 1px 2px rgba(39,42,58,.06), 0 1px 3px rgba(39,42,58,.05);
  --e2:0 4px 10px rgba(39,42,58,.07), 0 1px 3px rgba(39,42,58,.05);
  --e3:0 12px 30px rgba(39,42,58,.12);
  --shadow:var(--e1); --shadow-lg:var(--e3);
  --focus-ring:0 0 0 3px rgba(148,114,62,.35);
  /* نصف الأقطار */
  --r-xs:6px; --r-sm:8px; --r:12px; --r-lg:16px; --r-pill:999px;
  /* المسافات */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:22px; --s6:30px;
  --ease:.18s cubic-bezier(.4,0,.2,1);
  --maxw:1150px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--txt);line-height:1.6;
  font-family:"Public Sans","Segoe UI",Tahoma,system-ui,-apple-system,"Noto Naskh Arabic",sans-serif;
  font-size:16px}  /* 16px أساساً: يمنع تكبير iOS التلقائيّ عند التركيز على الحقول */
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
:where(a,button,summary,input,select,textarea):focus-visible{
  outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-sm)}
img{max-width:100%;height:auto}
.ltr{direction:ltr;display:inline-block}

/* ── الرأس ────────────────────────────────────────────────────────────────── */
header{background:var(--panel);border-bottom:3px solid var(--brand);
  position:sticky;top:0;z-index:50;box-shadow:var(--shadow)}
.bar{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:var(--s3);
  padding:9px var(--s4);flex-wrap:wrap;min-height:58px}
.brand{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:800;
  color:var(--brand);white-space:nowrap}
.brand:hover{text-decoration:none}
.brand img{height:40px;width:auto;display:block}
.headtools{margin-inline-start:auto;display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}

.searchbar{border-top:1px solid var(--line);background:var(--panel2)}
.searchbar form{max-width:var(--maxw);margin:0 auto;padding:var(--s2) var(--s4);
  display:flex;gap:var(--s2)}
.searchbar input{flex:1 1 auto;min-width:0}

/* ── الأزرار: رئيس متدرّج · ثانويّ محدَّد · شبحيّ ─────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:44px;padding:0 var(--s4);border-radius:var(--r-sm);cursor:pointer;
  font:inherit;font-size:.95rem;font-weight:700;white-space:nowrap;border:1px solid transparent;
  transition:transform var(--ease),box-shadow var(--ease),background var(--ease)}
.btn svg{width:18px;height:18px;flex:0 0 auto}
.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));
  color:var(--on-accent);box-shadow:var(--e1)}
.btn-primary:hover{text-decoration:none;box-shadow:var(--e2);transform:translateY(-1px)}
.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}
.btn-ghost:hover{background:var(--panel2);color:var(--brand);border-color:var(--line);text-decoration:none}
.btn-outline{background:var(--panel);border-color:var(--line);color:var(--txt)}
.btn-outline:hover{border-color:var(--brand-2);color:var(--brand);text-decoration:none}
.btn-sm{min-height:38px;padding:0 var(--s3);font-size:.86rem}

/* رابط داخل خلية جدول: صنفٌ واحد موحَّد بدل روابط عارية بأشكال مختلفة */
.lnk{color:var(--brand);font-weight:700;border-bottom:1px solid transparent;
  transition:border-color var(--ease),color var(--ease)}
.lnk:hover{text-decoration:none;border-bottom-color:var(--brand-2)}
.media-marks{display:inline-flex;align-items:center;gap:5px;border-bottom:0}
.media-marks svg{width:17px;height:17px;color:var(--brand-2)}
.media-marks:hover svg{color:var(--brand)}

/* مبدّل اللغة */
.langs{position:relative}
.langs>summary{list-style:none;cursor:pointer;min-height:44px;padding:0 var(--s3);
  display:flex;align-items:center;gap:6px;border:1px solid var(--line);
  border-radius:var(--r-sm);background:var(--panel);color:var(--txt);font-weight:700;font-size:.9rem}
.langs>summary::-webkit-details-marker{display:none}
.langs[open]>summary{border-color:var(--brand-2);color:var(--brand)}
.langs .menu{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:60;min-width:190px;
  background:var(--panel);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--e3);padding:var(--s2);display:flex;flex-direction:column;gap:2px}
.langs .menu a{padding:10px 12px;border-radius:var(--r-sm);color:var(--txt);
  min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.langs .menu a:hover{background:var(--panel2);color:var(--brand);text-decoration:none}
.langs .menu a[aria-current="true"]{background:var(--panel3);color:var(--brand);font-weight:800}

/* ── التخطيط والعناوين ────────────────────────────────────────────────────── */
main{max-width:var(--maxw);margin:var(--s5) auto var(--s6);padding:0 var(--s4)}
h1{font-size:1.5rem;margin:var(--s2) 0 var(--s4);line-height:1.3;font-weight:800;
  position:relative;padding-inline-start:12px}
h1:before{content:"";position:absolute;inset-inline-start:0;top:.18em;bottom:.18em;
  width:4px;border-radius:2px;background:linear-gradient(180deg,var(--brand),var(--amber))}
h2{font-size:1.05rem;margin:0 0 var(--s3);font-weight:800;color:var(--txt);
  position:relative;padding-bottom:6px}
h2:after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:34px;height:2px;
  border-radius:2px;background:var(--brand-2)}
h3{font-size:.98rem;margin:var(--s2) 0 var(--s3);font-weight:700}
/* أيقونة العنوان تحلّ محلّ الإيموجي: نفس الموضع، وتَرِث لون الهوية لا لون النظام */
h1>svg,h2>svg{width:1.05em;height:1.05em;vertical-align:-.16em;
  margin-inline-end:8px;color:var(--brand-2)}
p>svg,th>svg,td>svg,span>svg{width:1em;height:1em;vertical-align:-.14em}
.badge svg{width:.95em;height:.95em;vertical-align:-.1em}
.muted{color:var(--muted)}
.ar{color:var(--muted);font-weight:400}
.small{font-size:.82rem}

/* ── شبكة التنقّل بالأيقونات ──────────────────────────────────────────────── */
.navgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);margin:var(--s4) 0 var(--s5)}
.navgrid a{display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:var(--s2);min-height:96px;padding:var(--s3) var(--s2);text-align:center;
  background:var(--panel);border:1px solid var(--line);border-radius:var(--r);
  color:var(--txt);font-weight:700;font-size:.85rem;line-height:1.35;box-shadow:var(--e1);
  transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease)}
.navgrid a:hover{text-decoration:none;transform:translateY(-2px);
  box-shadow:var(--e2);border-color:var(--brand-2);color:var(--brand)}
.navgrid svg{width:26px;height:26px;color:var(--brand);flex:0 0 auto}
.navgrid a.wide{grid-column:1/-1;flex-direction:row;min-height:60px}

/* ── بطاقات المؤشّرات ─────────────────────────────────────────────────────── */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:var(--s3);margin:var(--s5) 0}
/* `overflow:clip` بدل `hidden`: يقصّ الشريط العلويّ الزائد عن الحواف المدوّرة
   ولا يقصّ النصّ — والقيمة تتقلّص بحجم البطاقة فلا تحتاج قصّاً أصلاً.
   و`container-type:inline-size` يجعل `.card` حاويةَ القياس لـ`cqi` في `.card__value`. */
.card{position:relative;overflow:clip;container-type:inline-size;min-width:0;
  background:var(--panel);border:1px solid var(--line);
  border-radius:var(--r);padding:var(--s5) var(--s4);text-align:center;box-shadow:var(--e1);
  transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease)}
.card:before{content:"";position:absolute;inset-inline:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--brand),var(--amber) 75%,transparent)}
.card:hover{transform:translateY(-2px);box-shadow:var(--e2);border-color:var(--brand-2)}
/* القيمة تتقلّص بعرض **البطاقة** لا بعرض الشاشة (`cqi`)، فرقمٌ من 13 محرفاً
   (إجمالي الجوائز 2,231,433,205) يسع كاملاً بلا قصّ. والقاعدة على `.card b`
   نفسها لا على صنف الماكرو وحده — فتشمل البطاقات المكتوبة يدوياً في القوالب. */
.card b{display:block;white-space:nowrap;line-height:1.15;color:var(--brand);
  font-size:clamp(1rem,7cqi,1.85rem);
  font-variant-numeric:tabular-nums;letter-spacing:-.01em}
/* احتياطٌ حيث لا تُدعم وحدات الحاوية: التقلّص بحسب طول النصّ (يضعه الماكرو) */
@supports not (font-size:1cqi){
  .card b{font-size:1.85rem}
  .card b.n-lg{font-size:1.45rem}
  .card b.n-xl{font-size:1.15rem}
}
.card span{display:block;margin-top:var(--s1);color:var(--muted);font-size:.83rem;font-weight:600}
.card .ico{position:absolute;inset-inline-start:var(--s3);top:var(--s4);color:var(--brand-2);opacity:.45}
.card .ico svg{width:20px;height:20px}

/* ── اللوحات ──────────────────────────────────────────────────────────────── */
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);
  padding:var(--s4);margin-bottom:var(--s4);box-shadow:var(--e1)}
.grid2{display:grid;grid-template-columns:1fr;gap:var(--s4)}
.advisor{border-color:var(--brand-2);border-inline-start:4px solid var(--brand)}
.advisor h3{color:var(--brand)}
.breedhead{margin:var(--s6) 0 var(--s3);font-size:1.15rem;font-weight:800;
  padding-inline-start:12px;border-inline-start:4px solid var(--brand)}

/* ── الفلاتر ──────────────────────────────────────────────────────────────── */
.yearbar{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap;margin-bottom:var(--s4);
  background:var(--panel);padding:var(--s3);border:1px solid var(--line);
  border-radius:var(--r);box-shadow:var(--e1)}
input,select,textarea{background:var(--panel);color:var(--txt);border:1px solid var(--line);
  border-radius:var(--r-sm);padding:10px 12px;font:inherit;font-size:16px;min-height:44px}
select{min-width:120px}
textarea{min-height:88px;line-height:1.6}
label{color:var(--muted);font-size:.86rem;font-weight:600}

/* ── الجداول ──────────────────────────────────────────────────────────────── */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;
  margin-inline:-2px;padding-inline:2px;scrollbar-width:thin}
table{width:100%;border-collapse:separate;border-spacing:0;font-size:.93rem}
th,td{padding:10px;text-align:start;border-bottom:1px solid var(--line);vertical-align:middle}
th{background:var(--th-bg);color:var(--muted);font-weight:800;font-size:.79rem;white-space:nowrap;
  position:sticky;top:0;z-index:1}
td{font-variant-numeric:tabular-nums}
tbody tr:nth-child(2n){background:var(--zebra)}
tbody tr:hover{background:var(--row-hover)}
tbody tr:last-child td{border-bottom:0}
td .small{display:block;margin-top:2px}
td.win{color:var(--ok);font-weight:800}
tr.dnf{opacity:.55}
tr.bestrow,tr.bestrow:hover{background:var(--ok-bg)}
tr.correct,tr.correct:hover{background:var(--ok-bg)}
.up,b.up{color:var(--ok);font-weight:700}
.down,b.down{color:var(--bad);font-weight:700}
abbr[title]{text-decoration:underline dotted;text-underline-offset:3px;cursor:help}
table.gloss th{width:30%;color:var(--brand);font-weight:800;vertical-align:top;
  white-space:normal;position:static;background:var(--panel2)}
table.gloss td{line-height:1.9}

/* ── الحبوب والشارات ──────────────────────────────────────────────────────── */
.meta{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s4)}
.meta span{background:var(--panel);border:1px solid var(--line);padding:6px 12px;
  border-radius:var(--r-pill);font-size:.86rem}
.meta .tag{background:var(--ok-bg);border-color:var(--ok);color:var(--ok);font-weight:700}
.chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--s2)}
.chips li a{display:inline-flex;align-items:center;min-height:40px;background:var(--panel);
  border:1px solid var(--line);padding:6px 14px;border-radius:var(--r-pill);color:var(--txt)}
.chips li a:hover{background:var(--panel2);border-color:var(--brand-2);
  color:var(--brand);text-decoration:none}

/* أسماء الأصناف هنا **قيم عمود `breed` في القاعدة** — لا تُعاد تسميتها */
.badge{display:inline-block;padding:3px 10px;border-radius:var(--r-pill);
  font-size:.75rem;font-weight:800;border:1px solid var(--line);white-space:nowrap}
.badge.arabian{background:var(--warn-bg);border-color:var(--amber);color:var(--gold-txt)}
.badge.thoroughbred{background:#e7eef5;border-color:#a9c2d8;color:#204869}
.badge.sm{padding:2px 8px;font-size:.7rem}

/* ── الوسائط ──────────────────────────────────────────────────────────────── */
.media{display:flex;gap:var(--s4);flex-wrap:wrap}
.media .video{flex:2 1 420px;min-width:0}
.media .photofinish{flex:1 1 280px;min-width:0}
.media iframe{width:100%;aspect-ratio:16/9;border-radius:var(--r-sm);border:1px solid var(--line)}
.media .photofinish img{width:100%;border-radius:var(--r-sm);border:1px solid var(--line)}

/* تنبيه نسخ الرابط */
.toast{position:fixed;inset-inline:0;bottom:20px;margin:auto;width:max-content;max-width:90vw;
  background:var(--txt);color:#fff;padding:11px 20px;border-radius:var(--r-pill);
  font-size:.9rem;font-weight:700;box-shadow:var(--e3);z-index:200}

footer{max-width:var(--maxw);margin:0 auto;padding:var(--s5) var(--s4) var(--s6);
  color:var(--muted);border-top:1px solid var(--line);font-size:.86rem}

/* ══ الجوّال ═══════════════════════════════════════════════════════════════ */
@media (max-width:768px){
  .bar{padding:8px var(--s3);gap:var(--s2)}
  .brand{font-size:1.05rem} .brand img{height:34px} .brand .mark{width:34px;height:34px}
  main{padding:0 var(--s3);margin-top:var(--s3)}
  h1{font-size:1.28rem}
  .searchbar form{padding:var(--s2) var(--s3)}
}
@media (max-width:560px){
  .card{padding:var(--s4) var(--s3)}
  .card b{font-size:1.42rem}
  .navgrid{gap:var(--s2)}
  .navgrid a{min-height:88px;font-size:.78rem;padding:var(--s2) 4px}
  .navgrid svg{width:23px;height:23px}

  /* الجداول العريضة تنقلب بطاقات — عنوان الحقل من data-label */
  table.stack,table.stack tbody,table.stack tr,table.stack td{display:block;width:100%}
  table.stack thead{display:none}
  table.stack tr{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);
    margin-bottom:10px;padding:4px 2px;box-shadow:var(--e1)}
  table.stack tbody tr:nth-child(2n){background:var(--zebra)}
  table.stack tr:hover{background:var(--panel)}
  table.stack td{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;
    align-items:baseline;gap:12px;text-align:end;width:auto}
  table.stack td::before{content:attr(data-label);color:var(--muted);font-size:.78rem;
    font-weight:700;text-align:start;flex:0 0 40%}
  table.stack td:empty{display:none}
  table.stack tr.bestrow,table.stack tr.correct{border-color:var(--ok);border-inline-start-width:4px}
}
@media (min-width:769px){
  .navgrid{grid-template-columns:repeat(4,1fr)}
  .grid2{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}
}
@media (min-width:1100px){
  .navgrid{grid-template-columns:repeat(6,1fr)}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ── وسائط الكيان: صور خط النهاية وروابط الفيديو ──────────────────────────── */
.mediagrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s3)}
.mediagrid figure{margin:0;border:1px solid var(--line);border-radius:var(--r-sm);
  overflow:hidden;background:var(--panel2)}
.mediagrid img{display:block;width:100%;height:auto;background:#fff}
.mediagrid figcaption{padding:8px 10px;font-size:.82rem;display:flex;gap:8px;
  align-items:center;justify-content:space-between;flex-wrap:wrap}

/* ── شارة صفحة داخلية (الاختبار التاريخيّ) · وتحذيرُ نسبةِ المالك (D-051) ──── */
.internal,.warn{display:flex;align-items:center;gap:8px;margin:0 0 var(--s4);
  padding:10px var(--s3);border-radius:var(--r-sm);font-weight:700;font-size:.88rem;
  background:var(--warn-bg);color:var(--warn);border:1px solid currentColor}
.internal svg,.warn svg{width:18px;height:18px;flex:0 0 auto}
/* التحذير قد يكون جملةً طويلة — فلا يُقصّ ولا يُجبَر على سطرٍ واحد */
.warn{align-items:flex-start;font-weight:600;line-height:1.55}

/* ══════════════════════════════════════════════════════════════════════════
   الطباعة / تصدير PDF — **مستندٌ لا لقطةُ شاشة**
   يُخفى كل ما هو تفاعليّ (تنقّل · بحث · فلاتر · أزرار)، وتُبنى ترويسة وتذييل
   وعلامةٌ مائية بشعار جياد. يُفعَّل بزرّ الطباعة في صفحات الكيانات.

   ⚠️ ترقيمُ الصفحات ليس من هنا: صناديق هوامش `@page` (‏@bottom-center) غير
   مدعومة في Chrome/Edge، فالترقيم يأتي من تذييل المتصفّح نفسه.
   الاتجاه **عرضيّ**: أعرض جدولٍ لدينا (سجلّ المشاركات) أحد عشر عموداً.
   ══════════════════════════════════════════════════════════════════════════ */
.print-only{display:none}

@page{size:A4 landscape;margin:12mm 14mm}

@media print{
  :root{--bg:#fff;--panel:#fff;--panel2:#fff;--zebra:#fafafa;--th-bg:#f0f0f0;--line:#ddd}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body{background:#fff;font-size:10pt;line-height:1.42}

  /* يُخفى كل ما ليس محتوى المستند.
     **والعنصرُ يُخفى بنوعه لا بصنفه وحدَه** (`form`/`button`/`nav`): تعدادُ
     الأصناف يصمد ما دام كلُّ نموذجٍ جديدٍ يتذكّر `yearbar` أو `no-print` —
     وأوّلُ صفحةٍ تنسى تطبع أدواتِ الفلترة داخل المستند بلا أن يشتكي شيء. */
  header,.searchbar,.navgrid,.yearbar,.headtools,.langs,
  .no-print,footer,.toast,.chips,nav,form,button,.btn{display:none!important}

  .print-only{display:block}

  /* العلامة المائية: مثبَّتة ⟹ يعيدها محرّك الطباعة على كل ورقة، وخلف النصّ */
  .print-wm{position:fixed;inset:0;z-index:0;pointer-events:none;
    background:url("/static/img/jeyad-logo.png") center center/46% auto no-repeat;
    opacity:.055}
  main,.print-head,.print-foot{position:relative;z-index:1}

  .print-head{display:flex;align-items:center;gap:12px;
    border-bottom:2px solid var(--brand);padding-bottom:8px;margin-bottom:12px}
  .print-head img{height:34px;width:auto;flex:0 0 auto}
  .print-head .hx{flex:1 1 auto;min-width:0}
  .print-head .t{font-size:1.1rem;font-weight:800;color:var(--brand)}
  .print-head .m{font-size:.72rem;color:var(--muted);text-align:end}
  .print-foot{margin-top:14px;padding-top:8px;border-top:1px solid var(--line);
    font-size:.68rem;color:var(--muted);display:flex;justify-content:space-between;gap:10px}

  main{max-width:none;margin:0;padding:0}
  h1{font-size:1.2rem;margin:0 0 10px}
  h2{font-size:.95rem;margin-top:12px}
  /* عنوانٌ في ذيل الورقة ومحتواه في التي بعدها = عنوانٌ معلَّق. والفقرةُ لا
     تُترك بسطرٍ وحيدٍ على ورقة. (كان `.breedhead` وحدَه محميّاً.) */
  h1,h2,h3,h4{break-after:avoid;page-break-after:avoid}
  p,li{orphans:3;widows:3}
  /* 🔴 **`.panel{break-inside:avoid}` ممنوعٌ صراحةً** — كان هنا فأُزيل.
     لوحةٌ أطولُ من نصف صفحةٍ تقفز كاملةً إلى ورقةٍ جديدة فتترك بياضاً، وهو
     **أكبرُ مضاعِفٍ للأوراق**. ولوحاتُنا تحوي جداولَ من مئات الصفوف.
     الصوابُ: تُكسَر اللوحةُ حرّةً، ويُمنع الكسرُ داخل **الصغير** وحدَه. */
  .panel{border:1px solid #ddd;box-shadow:none;padding:10px;margin-bottom:10px;
    break-inside:auto;page-break-inside:auto}
  .card,.idcard,.acc-caveat,li,figure{break-inside:avoid;page-break-inside:avoid}
  .card{box-shadow:none;border:1px solid #ddd;padding:9px}
  .cards{grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}
  /* على الورق: تقلّصٌ بحجم البطاقة أيضاً، بسقفٍ أصغر يناسب A4 */
  .card b{font-size:clamp(.72rem,6.4cqi,1.15rem)}
  .card:before{display:none}

  /* ⚠️ **إبطالُ تكديس الجوّال — شرطُ صحّةِ المستند لا تحسينُه.**
     استعلامُ `max-width:560px` (سطر 252) **يتطابق أثناء الطباعة من الهاتف أيضاً**،
     لأن محرّكَ الطباعة يقيس على **عرض الصفحة لا على الورقة**. فبدون هذا الإبطال
     يخرج المستندُ المُصدَّر من الجوّال **بطاقاتٍ مكدّسة**: كلُّ خليّةٍ صندوقاً،
     ورأسُ الجدول مخفيٌّ (`thead{display:none}`) — أوراقٌ كثيرةٌ لصفحةٍ واحدة.
     **والمستندُ المطبوع واحدٌ مهما كان الجهاز.**
     ويغلب هذا الكتلةَ لأنه يليها في الملفّ وأعلى تخصيصاً. */
  table.stack{display:table;width:100%}
  table.stack>thead{display:table-header-group}
  table.stack>tbody{display:table-row-group}
  table.stack>tbody>tr{display:table-row;border:0;box-shadow:none;
    margin:0;padding:0;background:transparent;border-radius:0}
  table.stack>tbody>tr>td{display:table-cell;width:auto;text-align:start;
    border-bottom:1px solid var(--line)}
  table.stack>tbody>tr>td::before{content:none}

  /* الجداول: رأسٌ يتكرّر في كل صفحة، وصفوف لا تنكسر */
  .table-wrap{overflow:visible}
  table{font-size:9pt}
  thead{display:table-header-group}
  tfoot{display:table-footer-group}
  tr{break-inside:avoid;page-break-inside:avoid}
  th{position:static;background:#f0f0f0!important;color:#333}
  th,td{padding:5px 6px}

  a{color:inherit;text-decoration:none}
  .lnk{border-bottom:0}
  /* الفيديو لا معنى له على الورق — أمّا صورةُ خط النهاية فهي **وثيقة** فتُطبَع */
  iframe,video{display:none!important}
  .media-marks{display:none!important}
  .mediagrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
  .mediagrid figure{break-inside:avoid;page-break-inside:avoid}
  .mediagrid img{max-height:52mm;object-fit:contain}
  .breedhead{break-after:avoid}
}

/* لوحة دقّة النموذج (C-048): الصفّ الأخير «كل الأشواط» هو الخلاصة فيُبرَز،
   والملاحظة تحت اسم المجموعة تمنع قراءة الرقم بلا سياقه. */
.acc-table td{vertical-align:top}
.acc-note{display:block;font-size:.82rem;line-height:1.35;margin-top:2px;max-width:46ch}
.acc-total{background:var(--soft,rgba(0,0,0,.03))}
.acc-total td{border-top:2px solid var(--line)}
.acc-caveat{display:flex;align-items:flex-start;gap:8px;margin-top:var(--s3);font-size:.88rem}
.acc-caveat svg{width:16px;height:16px;flex:0 0 auto;margin-top:2px}

/* جداولُ الصدارة طويلة (179 صفّاً للملّاك). الارتفاع محسوبٌ لـ**عشرين صفّاً** بالضبط
   لا بوحدةٍ تقديرية، والتمرير **داخل الجدول** مستقلٌّ عن تمرير الصفحة. والترويسة تثبت
   أعلاه فيبقى معنى العمود ظاهراً أثناء النزول (C-053). */
.scroll-rows{--row-h:2.6rem;--head-h:2.8rem;
  max-height:calc(var(--head-h) + (20 * var(--row-h)));
  overflow-y:auto;overflow-x:auto;overscroll-behavior:contain;
  border:1px solid var(--line);border-radius:8px}
.scroll-rows table{margin:0;border:0}
.scroll-rows tbody td{height:var(--row-h);padding-block:0}
.scroll-rows thead th{position:sticky;top:0;z-index:2;height:var(--head-h);
  background:var(--card,#fff);box-shadow:inset 0 -1px 0 var(--line)}
@media (prefers-color-scheme:dark){.scroll-rows thead th{background:var(--card,#1a1a1a)}}
:root[data-theme="dark"] .scroll-rows thead th{background:var(--card,#1a1a1a)}
/* شريطُ تمريرٍ رفيعٌ لا يزاحم المحتوى */
.scroll-rows{scrollbar-width:thin}
.scroll-rows::-webkit-scrollbar{width:8px}
.scroll-rows::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
.rowcount{font-size:.82rem;margin-top:6px}
@media print{.scroll-rows{max-height:none;overflow:visible;border:0}}

/* ═══ بطاقةُ الهويّة (C-088) ══════════════════════════════════════════════════
   تُعرض مفاتيحُ الربط لا الأسماء وحدها. والمعرّفُ يُبرَز بخطٍّ أحاديّ **ليُنسخ
   بلا لبس** — فمن يربط داتا جديدة ينسخه ولا يعيد كتابته. */
.idcard table.kv th { width: 12.5rem; text-align: start; font-weight: 600;
  color: var(--muted, #6b7280); white-space: nowrap; vertical-align: top; }
.idcard table.kv td { vertical-align: top; }
.idcard code.id { font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .95em; padding: .1rem .4rem; border-radius: .3rem;
  background: rgba(127,127,127,.14); user-select: all; }
.idcard code.id.retired { opacity: .62; text-decoration: line-through; }
.idcard .sm { font-size: .82em; }
/* الشعارُ صورةً بارزةً إلى جانب الجدول — طلبَ صاحبُ المشروع إحلالَها محلّ
   الأسطر التقنية. ويلتفّ تحت الجدول على الشاشات الضيّقة بدل أن يضغطه. */
.idcard .idrow { display: flex; gap: 1rem; align-items: flex-start; flex-wrap: wrap; }
.idcard .idrow .table-wrap { flex: 1 1 20rem; min-width: 0; }
.idcard img.silk-big { width: 7rem; height: auto; border-radius: .4rem;
  background: #fff; padding: .3rem; border: 1px solid var(--line, rgba(127,127,127,.3)); }
@media (max-width: 560px) { .idcard img.silk-big { width: 5rem; } }
/* ⚠️ التحذيرُ **لا يُخفى ولا يُلطَّف**: الالتباسُ الذي لا يُرى يصير دمجاً بعد عام. */
.idcard .warnbox { margin-top: .9rem; padding: .75rem .9rem; border-radius: .5rem;
  border: 1px solid rgba(217,119,6,.45); background: rgba(217,119,6,.08); }
.idcard .warnbox p { margin: .25rem 0 .6rem; }
.badge.warn { background: rgba(217,119,6,.18); border-color: rgba(217,119,6,.5); }
.idcard .silkfig { margin: 0; text-align: center; max-width: 8rem; }
.idcard .silkfig figcaption { margin-top: .3rem; line-height: 1.35; }
/* السطرُ الثاني في خلايا الأسماء: الاسمُ الآخر (عربيّ/إنجليزيّ) — أصغرُ وأخفت،
   فيُقرأ الأوّلُ بلا مزاحمة ويبقى الثاني متاحاً لمن يبحث عنه. */
td .sub { font-size: .8em; opacity: .62; line-height: 1.3; margin-top: .1rem; }