/* سان مارك · نظام التصميم v2 · ملف القيم الوحيد. أي تعديل في اللون أو المقاس يتعمل هنا بس. */
:root{
  /* الهوية */
  --brand:#A63A2E; --brand-hover:#8C3026; --on-brand:#FFFFFF;
  --gold:#E9B949; --on-gold:#2A1A17; --logo-yellow:#FFE500; --logo-red:#CB0101;
  /* المحايد */
  --bg:#FFFDF8; --surface:#FFFFFF; --sand:#F2E6D2; --sand-2:#F8F1E4; --line:#EADFCF; --line-2:#E2D5C6;
  --ink:#2A1A17; --ink-2:#5C4640; --ink-3:#6B534C;
  /* الحالات: النص على الخلفية بتاعته ≥ 4.5 */
  --ok:#2F6B45; --ok-bg:#E6F2E8;
  --warn:#8A5A00; --warn-bg:#FBEFD0;
  --danger:#B42318; --danger-bg:#FDE8E6;
  --info:#2B5C8A; --info-bg:#E6EEF7;
  /* ألوان المراحل (للرسوم والعلامات، مش للنص) */
  --stage-1:#E9B949; --stage-2:#2F7A4B; --stage-3:#2F6FA8; --stage-4:#A63A2E; --stage-5:#6E5650;
  /* الخطوط */
  --font-display:'Reem Kufi',serif; --font-text:'Readex Pro',system-ui,sans-serif;
  --t-12:12px; --t-14:14px; --t-16:16px; --t-18:18px; --t-22:22px; --t-28:28px; --t-40:40px; --t-64:64px;
  --lh-text:1.8; --lh-head:1.25;
  /* المسافات: أساس 4 */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; --s-8:32px; --s-12:48px; --s-16:64px;
  /* التدوير */
  --r-sm:8px; --r-md:12px; --r-lg:20px; --r-xl:28px; --r-pill:999px;
  /* الارتفاع */
  --e-1:0 0 0 1px var(--line); --e-2:0 10px 30px rgba(42,26,23,.14), 0 0 0 1px var(--line);
  /* الحركة */
  --d-fast:150ms; --d-base:250ms; --d-slow:400ms; --ease:cubic-bezier(.22,1,.36,1);
  /* اللمس */
  --tap:44px;
}
/* الوضع الغامق: وضع الحدث والـ Scan */
[data-theme="dark"]{
  --bg:#1A1311; --surface:#241B18; --sand:#2E2320; --sand-2:#2A201D; --line:#3A2D29; --line-2:#4A3A35;
  --ink:#F6EDE6; --ink-2:#CDBDB4; --ink-3:#B8A69C;
  --brand:#F08C7E; --brand-hover:#F5A398; --on-brand:#1A1311;
  --ok:#7FD19B; --ok-bg:#1F2E25; --warn:#F2C66B; --warn-bg:#33281A; --danger:#FF9C8F; --danger-bg:#3A1E1A; --info:#9CC3E8; --info-bg:#1C2833;
  --e-1:0 0 0 1px var(--line); --e-2:0 10px 30px rgba(0,0,0,.5), 0 0 0 1px var(--line);
}
/* القواعد الأساسية */
.ds{font-family:var(--font-text);color:var(--ink);background:var(--bg);direction:rtl;font-size:var(--t-16);line-height:var(--lh-text)}
.ds h1,.ds h2,.ds h3,.ds .display{font-family:var(--font-display);line-height:var(--lh-head);font-weight:600;letter-spacing:0;margin:0}
.ds .num,.ds .kpi-v{font-family:var(--font-text);font-variant-numeric:tabular-nums}
.ds .ic{flex:none;vertical-align:middle}
/* زراير */
.ds .b{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-5);border-radius:var(--r-pill);border:0;font:600 var(--t-14)/1 var(--font-text);cursor:pointer;text-decoration:none;transition:background var(--d-fast) var(--ease),transform var(--d-fast) var(--ease)}
.ds .b:active{transform:scale(.97)}
.ds .b-primary{background:var(--brand);color:var(--on-brand)}.ds .b-primary:hover{background:var(--brand-hover)}
.ds .b-secondary{background:var(--surface);color:var(--brand);box-shadow:inset 0 0 0 1.5px var(--brand)}
.ds .b-quiet{background:var(--sand);color:var(--ink)}
.ds .b-danger{background:var(--danger-bg);color:var(--danger)}
.ds .b[disabled]{opacity:.45;cursor:not-allowed}
.ds .b-lg{min-height:56px;font-size:var(--t-16);border-radius:var(--r-lg);width:100%}
/* خانات */
.ds .in{min-height:var(--tap);border-radius:var(--r-md);border:1.5px solid var(--line-2);background:var(--surface);padding:0 var(--s-3);font:inherit;font-size:var(--t-16);color:var(--ink);box-sizing:border-box}
.ds .in:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 18%,transparent)}
.ds .in.err{border-color:var(--danger)}
/* كبسولات الحالة */
.ds .pill{display:inline-flex;align-items:center;gap:var(--s-1);font-size:var(--t-12);font-weight:600;padding:2px var(--s-2) 2px var(--s-3);border-radius:var(--r-pill);white-space:nowrap;line-height:1.7}
.ds .p-ok{background:var(--ok-bg);color:var(--ok)}.ds .p-warn{background:var(--warn-bg);color:var(--warn)}.ds .p-danger{background:var(--danger-bg);color:var(--danger)}.ds .p-info{background:var(--info-bg);color:var(--info)}.ds .p-neutral{background:var(--sand);color:var(--ink-2)}
/* كروت وأقسام */
.ds .card{background:var(--surface);border-radius:var(--r-lg);padding:var(--s-5);box-shadow:var(--e-1)}
.ds .section-t{font-family:var(--font-display);font-size:var(--t-22);font-weight:600;margin:0 0 var(--s-3)}
.ds .meta{font-size:var(--t-14);color:var(--ink-3)}
.ds :focus-visible{outline:3px solid var(--ink);outline-offset:2px}
@media (prefers-reduced-motion: reduce){.ds *{transition:none!important;animation:none!important}}

/* عام على كل الشاشات */
button,input,select,textarea{font-family:inherit;font-size:inherit}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3{text-wrap:balance;letter-spacing:0}
p{text-wrap:pretty}
.num,[class*="num"]{font-variant-numeric:tabular-nums}
.ic{flex:none;vertical-align:-3px}
button,a,input,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
/* شاشات الكمبيوتر على الموبايل: الجدول يبقى قايمة، والأعمدة تنزل تحت بعض */
@media (max-width:760px){
  table thead{display:none}
  table,table tbody,table tr,table td{display:block;width:100%}
  table tr{padding:var(--s-3) 0;border-top:1px solid var(--line)}
  table td{border:0!important;padding:2px 0!important}
  [style*="repeat(6,minmax(0,1fr))"],[style*="repeat(4,minmax(0,1fr))"],[style*="repeat(10,minmax(0,1fr))"],[style*="repeat(12,minmax(0,1fr))"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [style*="minmax(0,1.7fr) minmax(0,1fr)"],[style*="minmax(0,1.4fr) minmax(0,1fr)"],[style*="minmax(0,1.3fr) minmax(0,1fr)"],[style*="minmax(0,2fr) minmax(0,1fr)"],[style*="minmax(0,1fr) minmax(0,1.4fr)"],[style*="240px minmax(0,1fr)"],[style*="repeat(2,minmax(0,1fr))"]{grid-template-columns:1fr!important}
  .ps{flex-basis:100%!important}
}

/* أهداف اللمس: كل زرار أو رابط مستقل 44px على الأقل (الروابط جوه الجمل مستثناة) */
button,select,input:not([type=checkbox]):not([type=radio]):not([type=range]),[role=tab],[role=button]{min-height:var(--tap)}
.sh-nav a,.sh-brand,.sh-portal,.sf-col a,.ps-site,.crumb,a.chip,button.chip{min-height:var(--tap);display:inline-flex;align-items:center}
.sf-col a{display:flex}
.ps-search{min-height:var(--tap);padding-block:0}.ps-search input{align-self:stretch;min-height:var(--tap)}
a[aria-label="واتساب"],a[aria-label="اتصال"]{width:var(--tap)!important;height:var(--tap)!important}
.mb-back{width:var(--tap)!important;height:var(--tap)!important}
.mb-logo{width:var(--tap)!important;height:var(--tap)!important}
.toc a{min-height:var(--tap);display:flex!important;align-items:center}
h2+a,h3+a,td>a,td>button,dd>a{min-height:var(--tap);display:inline-flex;align-items:center;min-width:var(--tap)}
td>a{flex-direction:column;justify-content:center;align-items:flex-start}
nav[aria-label="مسار الصفحة"] a{min-height:var(--tap);display:inline-flex;align-items:center}