/* assist-sig.css - هوية ASSIST PRO المشتركة لكل أنظمة ASSIST وموقع assistpro.site: الرمز، والكلمة «ASSIST | PRO»، وتوقيع «By Assist Pro».
   مكوّن واحد يُنسخ كما هو إلى كل نظام (shared/assist-sig ثم sync.sh، والقوالب عند البناء)؛ لا يُعدَّل في النسخ.
   شكل الرمز في ملف واحد: assist-mark.svg بجانب هذا الملف (يُستعمل قناعًا هنا، ومنه تُولَّد الأيقونات بـ make_icons.py ورسم PDF في assist_sig.py).
   الخط Yellowtail محلي (woff2 للمتصفح وttf للـPDF).
   الرمز صورة SVG مضمّنة (المربع وحرف A مرسومان داخلها، fill وstroke لا خلفية CSS) حتى يظهر في الطباعة؛ نصّها الوحيد في assist-mark.inline.html
   (يولّده make_icons.py من assist-mark.svg) ويُلصق كما هو مكان «‹الرمز›» أدناه، وفي التوقيع بالصنف as-a بدل assist-mark.
   الاستخدام:
     الرمز وحده:  ‹الرمز›   (الحجم بـ --am، افتراضه 30px)
     الكلمة:      <a class="assist-wm">‹الرمز›<b>ASSIST <i>|</i> <em>POS</em></b></a>
     التوقيع:     <a class="assist-sig" href="https://assistpro.site" target="_blank" rel="noopener" dir="ltr" lang="en" aria-label="By Assist Pro">
                    <span class="as-by">By</span>‹الرمز بالصنف as-a›<span class="as-nm">Assist <span class="as-pro">Pro</span></span></a>
   الشكل القديم <span class="assist-mark"></span> و<span class="as-a"></span> (خلفية وقناع) ما زال مدعومًا للنسخ التي لم تُحدَّث بعد.
   الألوان: الرمز مربع جرافيت (#2C2C2A على الفاتح، #3A3A37 على الغامق) وحرف A ليموني #D6F26B دائمًا؛ ASSIST بلون #2C2C2A على الفاتح وأبيض على الغامق؛
   والجزء الثاني (PRO أو ERP أو POS أو HOTELS) أخضر داكن #3B6D11 على الفاتح وليموني #D6F26B على الغامق. بلا كبسولة ولا خلفية: على خلفية الصفحة مباشرة.
   الأصناف: as-dark ألوان الغامق دائمًا (شريط أو قائمة داكنة في الوضعين)، as-light ألوان الفاتح دائمًا، as-sm للتوقيع بنصف الحجم.
   الوضع الغامق تلقائيًا مع html[data-theme="dark"]، أو تفضيل النظام إن لم تفرض الصفحة data-theme="light". */
@font-face{font-family:"Assist Yellowtail";src:url("Yellowtail-latin.woff2") format("woff2"),url("Yellowtail-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}

/* الألوان: على الحاوية ويرثها الرمز داخلها (والرمز المنفرد يحملها بنفسه) */
.assist-sig,.assist-wm,.assist-mark:not(.assist-wm *,.assist-sig *){--ap-box:#2C2C2A;--ap-a:#D6F26B;--ap-ink:#2C2C2A;--ap-2:#3B6D11}
:root[data-theme="dark"] :is(.assist-sig,.assist-wm,.assist-mark:not(.assist-wm *,.assist-sig *)):not(.as-light),.as-dark,.as-dark :is(.assist-sig,.assist-wm,.assist-mark:not(.assist-wm *,.assist-sig *)):not(.as-light){--ap-box:#3A3A37;--ap-ink:#FFFFFF;--ap-2:#D6F26B}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.assist-sig,.assist-wm,.assist-mark:not(.assist-wm *,.assist-sig *)):not(.as-light){--ap-box:#3A3A37;--ap-ink:#FFFFFF;--ap-2:#D6F26B}}
.as-light,.as-light :is(.assist-sig,.assist-wm,.assist-mark:not(.assist-wm *,.assist-sig *)){--ap-box:#2C2C2A;--ap-ink:#2C2C2A;--ap-2:#3B6D11}

/* الرمز: مربع بزوايا 8px وحرف A ليموني من assist-mark.svg */
.assist-mark{--am:30px;flex:none;display:inline-grid;place-items:stretch;box-sizing:border-box;width:var(--am);height:var(--am);border-radius:min(8px,calc(var(--am)*.27));background:var(--ap-box);vertical-align:middle}
.assist-mark::before,.assist-sig .as-a::before{content:"";display:block;width:100%;height:100%;background:var(--ap-a);
  -webkit-mask:url("assist-mark.svg") center/contain no-repeat;mask:url("assist-mark.svg") center/contain no-repeat}
/* الرمز صورة SVG مضمّنة: المربع rect والحرف g بألوان الوضع من المتغيرات، ولا خلفية تُحذف عند الطباعة */
svg.assist-mark,.assist-sig svg.as-a{display:inline-block;background:none;border-radius:0;overflow:visible}
.assist-sig svg.as-a{display:block}
:is(svg.assist-mark,svg.as-a) rect{fill:var(--ap-box)}
:is(svg.assist-mark,svg.as-a) g{stroke:var(--ap-a)}

/* الكلمة «ASSIST | PRO»: الحجم والخط من الصفحة، والألوان من هنا */
.assist-wm{display:inline-flex;align-items:center;gap:8px;direction:ltr;text-decoration:none;white-space:nowrap;background:none}
.assist-wm b{color:var(--ap-ink)}
.assist-wm i{font-style:normal;font-weight:400;color:var(--ap-ink);opacity:.45}
.assist-wm em{font-style:normal;color:var(--ap-2)}

/* التوقيع «By Assist Pro» */
.assist-sig{--as:1;
  display:inline-flex;align-items:center;gap:calc(7px*var(--as));direction:ltr;unicode-bidi:isolate;white-space:nowrap;text-decoration:none;color:var(--ap-ink);background:none;
  font-family:"Assist Yellowtail",cursive;font-weight:400;font-style:normal;letter-spacing:0;line-height:1;-webkit-font-smoothing:antialiased}
.assist-sig .as-by,.assist-sig .as-nm{display:inline-block;color:var(--ap-ink);font-family:"Assist Yellowtail",cursive;font-weight:400;font-style:normal;letter-spacing:0;line-height:1;text-transform:none}   /* على النص نفسه حتى لا تغيّره أنماط روابط الصفحة */
.assist-sig .as-pro{color:var(--ap-2);font:inherit}
.assist-sig .as-by{font-size:calc(28px*var(--as));transform:translateY(calc(-9px*var(--as)))}       /* أعلى منتصف الرمز بـ 9 */
.assist-sig .as-nm{font-size:calc(27px*var(--as));transform:translateY(calc(6px*var(--as)))}        /* أسفل منتصف الرمز بـ 6 */
.assist-sig .as-a{flex:none;display:grid;box-sizing:border-box;width:calc(34px*var(--as));height:calc(34px*var(--as));border-radius:calc(8px*var(--as));background:var(--ap-box)}
.assist-sig.as-sm{--as:.5}
.assist-sig:focus-visible,.assist-wm:focus-visible{outline:2px solid var(--ap-ink);outline-offset:4px;border-radius:6px}
@media (hover:hover){a.assist-sig:hover .as-nm{opacity:.8}}
/* الطباعة: ألوان الفاتح دائمًا (نص داكن على ورق أبيض)، والألوان كما هي دون أن يحذفها المتصفح */
@media print{
  .assist-sig,.assist-wm,.assist-mark:not(.assist-wm *,.assist-sig *),.as-dark,.as-dark :is(.assist-sig,.assist-wm,.assist-mark){--ap-box:#2C2C2A!important;--ap-ink:#2C2C2A!important;--ap-2:#3B6D11!important}   /* !important: تتقدّم على قواعد الوضع الداكن الأدق */
  .assist-sig,.assist-sig *,.assist-wm,.assist-wm *,.assist-mark,.assist-mark *,.as-a,.as-a *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}