/* ==== from index.html <style id="ds-scope"> (v435 split) ==== */
/* ============================================================
   المرحلة 4 — سكوب Design System للشاشتين (#page-daily · #inventoryCard) — UI فقط
   الأسبقية 1-1-0 (سكوب المعرّف + الكلاس) تفوز على .card/.btn/.input القديمة (0-1-0) دون حذفها.
   لا يؤثر على أي جزء آخر من التطبيق. لا مساس بأي منطق/معرّف/onclick/data-*.
   ============================================================ */
#page-daily .ds-card, #inventoryCard .ds-card{
  background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-sm)}
#page-daily .ds-list-item, #inventoryCard .ds-list-item{
  background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-sm)}
#page-daily .ds-btn, #inventoryCard .ds-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--ds-touch);
  padding:0 var(--sp-4);border:1px solid transparent;border-radius:var(--ds-radius-sm);
  background:var(--ds-surface-2);color:var(--ds-text);font-weight:700;font-variant-numeric:tabular-nums}
#page-daily .ds-btn-primary, #inventoryCard .ds-btn-primary{background:var(--ds-primary);color:var(--ds-primary-contrast);box-shadow:var(--ds-shadow-sm)}
#page-daily .ds-btn-ghost, #inventoryCard .ds-btn-ghost{background:transparent;border-color:var(--ds-border-strong);color:var(--ds-text)}
#page-daily .ds-btn-danger, #inventoryCard .ds-btn-danger{background:var(--ds-danger);color:#fff}
#page-daily .ds-input, #inventoryCard .ds-input{
  background:var(--ds-surface);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-sm);color:var(--ds-text)}
/* ألوان دلالية للمبالغ (أسماء جديدة بلا تعارض؛ تُطبّق على نصوص محدّدة فقط) */
.ds-text-success{color:var(--ds-success)!important}
.ds-text-danger{color:var(--ds-danger)!important}
/* زر الإضافة العائم (FAB): عائم أسفل الشاشة على الجوال، وبارز مكانه على الديسكتوب */
#page-daily .ds-fab{position:fixed;z-index:55;bottom:calc(78px + env(safe-area-inset-bottom,0px));left:16px;right:auto;
  min-height:auto;height:54px;padding:0 22px;border:none;border-radius:var(--ds-radius-pill);
  background:var(--ds-primary);color:var(--ds-primary-contrast);box-shadow:var(--ds-shadow-lg);
  display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:.95rem;cursor:pointer;
  transition:transform var(--ds-dur) var(--ds-ease)}
#page-daily .ds-fab:active{transform:scale(.97)}
#page-daily .ds-fab svg{width:20px;height:20px}
@media(min-width:768px){ #page-daily .ds-fab{position:static;bottom:auto;left:auto;height:46px;width:100%;box-shadow:var(--ds-shadow-sm);border-radius:var(--ds-radius-sm)} }

/* ============================================================
   المرحلة 5 — لوحة القيادة (#page-home): ترقية بصرية بالـDesign System — UI/Layout فقط
   أسبقية 1-1-0 تتغلّب على .card/.hm-panel/.hm-stat القديمة (0-1-0) دون حذفها.
   لا مساس بأي منطق/معرّف/onclick/data-*. البيانات تبقى من الدوال القائمة.
   ============================================================ */
/* Phase 4: صقل لوحة التحكم — Premium Minimal / Fintech. زوايا Apple (20–24px) وظلال ناعمة جدًا */
#page-home .card, #page-home .hm-panel, #page-home .exec-card{
  background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:20px;box-shadow:0 8px 24px rgba(8,31,46,.05);padding:22px}
/* بلاطات الإحصاء (نظرة عامة) — عنوان رمادي فاتح + رقم بارز غامق */
#page-home .hm-stat{
  background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:18px;box-shadow:0 8px 24px rgba(8,31,46,.04);padding:16px}
#page-home .hm-stat .hm-l{color:var(--ds-muted);font-weight:700}
#page-home .hm-v{font-variant-numeric:tabular-nums;color:var(--ds-text)}
/* الشبكة الرئيسية: عمودان على الجوال (2×2) وحتى أربعة على الشاشات الأوسع */
#page-home .hm-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-3)}
@media(min-width:1200px){ #page-home .hm-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))} }
/* البطاقة البطلة (Hero) — أبيض ناصع + ظل ناعم جدًا + مبلغ ضخم (Cairo 900) + رقاقة أيقونة زمردية */
#page-home .hm-hero{display:flex;align-items:center;gap:var(--sp-4);padding:24px;
  background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:24px;box-shadow:0 8px 24px rgba(8,31,46,.05)}
#page-home .hm-hero-l{flex:1;min-width:0}
#page-home .hm-hero-lbl{font-size:.82rem;font-weight:700;color:var(--ds-muted);margin-bottom:8px;display:flex;align-items:center;gap:6px;letter-spacing:.2px}
#page-home .hm-hero-lbl svg{width:16px;height:16px}
#page-home .hm-hero-val{font-size:2.4rem;font-weight:900;line-height:1.05;letter-spacing:-1px;word-break:break-word;font-variant-numeric:tabular-nums;font-family:'Cairo',sans-serif}
#page-home .hm-hero-sub{font-size:.78rem;color:var(--ds-muted);font-weight:600;margin-top:8px}
#page-home .hm-hero-ic{width:62px;height:62px;flex:0 0 auto;border-radius:18px;display:flex;align-items:center;justify-content:center;background:var(--ds-primary-soft);color:var(--ds-primary);box-shadow:none}
#page-home .hm-hero-ic svg{width:28px;height:28px}
@media(min-width:768px){ #page-home .hm-hero-val{font-size:2.8rem} }
/* ============================================================
   Phase 8 — توحيد بطاقات الإحصائيات (Stat Cards Uniformity)
   نظام واحد: زوايا 20px · رقاقة أيقونة زمردية موحّدة · أرقام Tabular ضخمة · ارتفاع متساوٍ.
   Additive بحت: يتغلّب على قواعد hm-hero/hm-stat/hm-ic/hm-v السابقة دون حذفها. لا مساس بالـJS ولا بالأرقام.
   ============================================================ */
#page-home .hm-hero{border-radius:20px}
#page-home .hm-hero-ic{border-radius:16px}
#page-home .hm-stat{
  border-radius:20px;display:flex;flex-direction:column;align-items:flex-start;
  justify-content:center;gap:0;min-height:140px;padding:clamp(20px,2vw,24px)}   /* v428: تنفّس داخلي مرن ≥20px */
#page-home .hm-stat::before{display:none}   /* إلغاء الشريط اللوني متعدّد الألوان لصالح نظام موحّد */
#page-home .hm-stat .hm-ic{
  width:46px;height:46px;border-radius:14px;margin-bottom:16px;   /* v428: مسافة الأيقونة↔الرقم = 16px */
  background:var(--ds-primary-soft);color:var(--ds-primary)}   /* رقاقة زمردية موحّدة (تتجاهل --ac) */
#page-home .hm-stat .hm-ic svg{width:22px;height:22px}
/* حاوية القيمة: عمود (الرقم فوق العملة الصغيرة) — بلا قص إطلاقًا */
#page-home .hm-stat .hm-v{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  gap:0;min-height:2.7em;overflow:visible;max-width:100%;width:100%;min-width:0;flex:1 1 auto;margin-bottom:12px}   /* v428: مسافة الرقم↔العنوان 12px + حماية الحاوية من الانكماش */
#page-home .hm-stat .hm-l{font-size:.76rem;color:var(--ds-muted);font-weight:700;margin-top:0;
  line-height:1.35;min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
@media(min-width:768px){ #page-home .hm-stat .stat-num{font-size:clamp(1.05rem,2.4vw,1.5rem)} }
/* ============================================================
   نظام موحّد لعرض الأرقام والعملة في كل بطاقات الإحصائيات (App-wide Stat Number System)
   منع القص نهائيًا · اتجاه صحيح (رقم LTR معزول + عملة معزولة) · حجم مرن clamp · أرقام Tabular.
   ============================================================ */
.stat-num{display:block;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;
  font-family:'Cairo',sans-serif;font-weight:900;color:var(--ds-text,var(--txt));
  font-size:clamp(0.9rem,4.2vw,1.5rem);line-height:1.25;letter-spacing:-.2px;
  overflow-wrap:anywhere;overflow:visible;max-width:100%;align-self:flex-start}
.stat-cur{display:block;font-size:var(--fs-small,12px);font-weight:700;line-height:1.2;margin-top:1px;
  color:var(--ds-muted,var(--muted));unicode-bidi:isolate;letter-spacing:0}
.stat-txt{display:block;font-family:'Cairo',sans-serif;font-weight:800;font-size:1rem;line-height:1.4;
  color:var(--ds-text,var(--txt));word-break:break-word;overflow-wrap:anywhere}
/* البطلة (Hero): الرقم كبير مرن + العملة بجانبه صغيرة، مع التفاف آمن عند الحاجة */
#page-home .hm-hero-val{display:flex;flex-direction:row;align-items:baseline;gap:7px;flex-wrap:wrap;overflow:visible}
#page-home .hm-hero-val .stat-num{font-size:clamp(1.7rem,8.5vw,2.6rem);line-height:1.05;font-weight:900}
#page-home .hm-hero-val .stat-cur{font-size:1rem;margin-top:0;align-self:baseline;color:var(--ds-muted)}
/* فلاتر الفرع والشهر: بطاقة مدمجة (حقلان جنبًا إلى جنب على الأوسع لتوفير المساحة العمودية) */
@media(min-width:560px){
  #page-home .hm-filters .field{display:inline-block;width:calc(50% - 8px);vertical-align:top;margin-bottom:0}
  #page-home .hm-filters .field:first-of-type{margin-inline-end:14px}
}
/* الإجراءات السريعة (Quick Actions) — تُعيد استخدام تنقّل data-go القائم */
#page-home .hm-quick{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}
@media(min-width:768px){ #page-home .hm-quick{grid-template-columns:repeat(4,1fr)} }
#page-home .ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--ds-touch);
  padding:0 var(--sp-4);border:1px solid transparent;border-radius:var(--ds-radius-sm);
  background:var(--ds-surface-2);color:var(--ds-text);font-weight:800;font-variant-numeric:tabular-nums;
  cursor:pointer;font-family:inherit;transition:transform var(--ds-dur) var(--ds-ease)}
#page-home .ds-btn:active{transform:scale(.98)}
#page-home .ds-btn svg{width:18px;height:18px}
#page-home .ds-btn-primary{background:var(--ds-primary);color:var(--ds-primary-contrast);box-shadow:var(--ds-shadow-sm)}
#page-home .ds-btn-ghost{background:var(--ds-surface);border-color:var(--ds-border-strong);color:var(--ds-text)}
#page-home .ds-btn-block{width:100%}
/* بلاطات الإجراءات: بطاقة بيضاء موحّدة + رقاقة أيقونة زمردية ناعمة فوق النص */
#page-home .hm-quick .ds-btn{flex-direction:column;gap:10px;min-height:104px;padding:16px 8px;font-size:.8rem;text-align:center;line-height:1.3;
  background:var(--ds-surface)!important;border:1px solid var(--ds-border)!important;border-radius:20px;color:var(--ds-text)!important;box-shadow:0 8px 24px rgba(8,31,46,.04)}
#page-home .hm-quick .ds-btn:active{transform:scale(.97)}
#page-home .hm-quick .ds-btn svg{width:24px;height:24px;box-sizing:content-box;padding:12px;border-radius:15px;background:var(--ds-primary-soft);color:var(--ds-primary)}

/* ============================================================
   المرحلة 6 — توحيد النوافذ (Dialogs/Sheets) عبر فئات ds-. الأسبقية 0-2-0
   (فئة قديمة + فئة ds) تتغلّب على .mdl/.sheet (0-1-0) دون حذف أي كلاس/معرّف.
   نوحّد الزوايا + الظلال + الزجاج فقط؛ التمركز/الحركة/التمرير تبقى للنظام القديم.
   ============================================================ */
.mdl-ov.ds-dialog-overlay, .sheet-overlay.ds-dialog-overlay, .modal-overlay.ds-dialog-overlay{
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.mdl.ds-dialog{border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-lg)}
.sheet.ds-sheet{border-radius:var(--ds-radius-lg) var(--ds-radius-lg) 0 0;box-shadow:var(--ds-shadow-lg)}
@media(min-width:641px){ .sheet.ds-sheet{border-radius:var(--ds-radius-lg)} }
/* أزرار الإغلاق الموحّدة (ds-btn-icon) — مقاس مضبوط لسياق ترويسة النافذة */
.mdl-x.ds-btn-icon, .icon-btn.ds-btn-icon{width:36px;min-width:36px;height:36px;padding:0;
  border:none;border-radius:var(--ds-radius-sm);background:var(--ds-surface-2);color:var(--ds-text);
  display:flex;align-items:center;justify-content:center;cursor:pointer}
.mdl-x.ds-btn-icon svg, .icon-btn.ds-btn-icon svg{width:18px;height:18px}

/* ============================================================
   المرحلة 7 — شاشة الأرشيف/التقارير (#page-archive): ترقية بصرية (UI/Layout فقط)
   أسبقية 1-1-0 تتغلّب على .card/.stat/.arch-day/.select القديمة دون حذفها.
   لا مساس بـrenderArchive (بصمة مستقرّة) ولا بمولّدات الطباعة/PDF/Excel (محمية).
   ============================================================ */
#page-archive .card{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-sm)}
/* بطاقات الملخّص المالي كبلاطات إحصاء نظيفة (يبقى شريط اللون الدلالي ::before) */
#page-archive .stat{background:var(--ds-surface-2);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);box-shadow:none}
#page-archive .stat .s-val{font-variant-numeric:tabular-nums}
#page-archive .stat.r .s-val{color:var(--ds-danger)}   /* المتبقّي/العجز = أحمر دلالي */
/* صفوف الأيام كعناصر قائمة موحّدة */
#page-archive .arch-day{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-sm)}
#page-archive .period-card{border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg)}
/* الفلاتر والحقول */
#page-archive .select, #page-archive .input{border:1px solid var(--ds-border-strong);border-radius:14px;background-color:var(--ds-surface);color:var(--ds-text)}
/* أزرار الأرشيف (تُطبَّق ds-btn إضافيًا في HTML) */
#page-archive .ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--ds-touch);
  padding:0 var(--sp-4);border:1px solid transparent;border-radius:var(--ds-radius-sm);
  background:var(--ds-surface-2);color:var(--ds-text);font-weight:800;font-variant-numeric:tabular-nums;cursor:pointer;font-family:inherit}
#page-archive .ds-btn-primary{background:var(--ds-primary);color:var(--ds-primary-contrast);box-shadow:var(--ds-shadow-sm)}
#page-archive .ds-btn-ghost{background:var(--ds-surface);border-color:var(--ds-border-strong);color:var(--ds-text)}
#page-archive .ds-btn-block{width:100%}
/* أي جدول يظهر على الشاشة داخل الأرشيف: تمرير أفقي آمن على الجوال دون كسر التخطيط */
#page-archive .ds-table-wrap, #page-archive .ds-table{max-width:100%}

/* ============================================================
   المرحلة 8 — الاعدادات (page-settings): نمط iOS Inset Grouped بالـDesign System — UI/Layout فقط
   نستخدم بادئة page-settings.page لتتغلّب على قاعدة البطاقة القائمة دون حذفها.
   لا مساس بأي منطق او معرّف او onclick او سمات البيانات او مفاتيح التبديل. تطبيق اضافي عبر CSS مسكوب.
   ============================================================ */
/* البطاقات: Inset Grouped، سطح موحّد ومسافات مريحة */
#page-settings.page .card{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-sm);margin-bottom:var(--sp-5)}
/* بلاطات التبديل (iOS switches): سطح ثانوي + حدّ ناعم + زاوية DS (يبقى منطق المفتاح كما هو) */
#page-settings.page .ios-tile{background:var(--ds-surface-2);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md)}
#page-settings.page .ios-sec{margin-bottom:var(--sp-5)}
/* الحقول والمنسدلات: مظهر ds-input موحّد */
#page-settings.page .input, #page-settings.page .select{border:1px solid var(--ds-border-strong);border-radius:14px;background-color:var(--ds-surface);color:var(--ds-text)}
#page-settings.page .input:focus, #page-settings.page .select:focus{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 3px var(--ds-primary-soft)}
/* الأزرار: توحيد الألوان على tokens الـDesign System (يبقى مقاس 14px القائم للاتساق داخل الإعدادات) */
#page-settings.page .btn-primary, #page-settings.page .btn-accent{background:var(--ds-primary);color:var(--ds-primary-contrast)}
#page-settings.page .btn-ghost{background:var(--ds-surface);border:1px solid var(--ds-border-strong);color:var(--ds-text)}

/* Phase 5: بطاقة «هوية الشركة» (للتقارير المطبوعة) تبرز كبطاقة مستقلة أنيقة بلمسة زمردية */
#page-settings #identityCard{border:1.5px solid var(--ds-primary-soft)}
#page-settings #identityCard .card-title{color:var(--ds-primary)}

/* ============================================================
   Phase 5: صقل الحقول والنماذج عالميًا (Premium Minimal) — Additive
   بادئة body لتتغلّب على .input/.select الأساسية دون حذفها. لا مساس بأي id/onclick.
   ============================================================ */
body .input, body .select, body textarea.input{min-height:48px;border-radius:14px;border:1px solid var(--ds-border);background-color:var(--ds-surface);
  transition:border-color .18s var(--ds-ease),box-shadow .18s var(--ds-ease),background-color .18s var(--ds-ease)}
body textarea.input{min-height:88px}
/* تركيز: حلقة توهّج زمردية ناعمة بهوية «واضح» */
.input:focus, .select:focus, textarea.input:focus, textarea:focus{outline:none;border-color:var(--ds-primary)!important;box-shadow:0 0 0 3px var(--ds-primary-soft)!important}
/* حقول التاريخ تبقى بارتفاعها المضبوط 48px (لا تُكسر) */
body .mini .input, body .mini .select{min-height:44px}

/* ============================================================
   Phase 5: صقل الأوراق السفلية والنوافذ (Sheets/Modals) — زوايا Apple + زجاجية
   ============================================================ */
.sheet-overlay{backdrop-filter:blur(8px) saturate(1.1)!important;-webkit-backdrop-filter:blur(8px) saturate(1.1)!important;background:rgba(8,31,46,.42)!important}
.sheet{border-radius:24px 24px 0 0!important;box-shadow:0 -12px 40px -12px rgba(8,31,46,.35)!important}
@media(min-width:641px){ .sheet{border-radius:24px!important} }
/* مقبض السحب (Grabber/Pill) بلون ناعم واضح */
.sheet-handle{background:var(--ds-border-strong)!important;width:44px!important;height:5px!important;border-radius:999px!important}
/* خلفية النوافذ (Modals) زجاجية خفيفة */
.mdl-ov.ds-dialog-overlay{background:rgba(8,31,46,.5)!important}

/* ============================================================
   Phase 6: حالات الفراغ الأنيقة (Empty States) — مكوّن + ترقية الحاويات القائمة
   ============================================================ */
.ds-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  gap:12px;padding:44px 22px;color:var(--ds-text-secondary)}
.ds-empty-state svg, .ds-empty-state .ds-empty-ic{width:56px;height:56px;color:var(--ds-primary);opacity:.32;stroke-width:1.5}
.ds-empty-state .ds-empty-title{font-size:1rem;font-weight:800;color:var(--ds-text)}
.ds-empty-state .ds-empty-sub, .ds-empty-state > div{font-size:.86rem;color:var(--ds-muted);font-weight:600;line-height:1.6;max-width:280px}
/* ترقية حالات الفراغ القائمة إلى نفس اللغة الفاخرة (body لتتغلّب على القاعدة الأساسية) */
body .empty, body .inv-empty, body .dues-empty, body .hm-empty,
body .gs-empty, body .iosp-empty, body .rq-empty{
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;
  padding:44px 22px;color:var(--ds-text-secondary);font-weight:600}
body .empty svg, body .inv-empty svg, body .rq-empty svg, body .iosp-empty svg, body .gs-empty svg{
  width:52px;height:52px;color:var(--ds-primary);opacity:.3;stroke-width:1.5}

/* ============================================================
   Phase 6: تفاعلات دقيقة (Micro-interactions) — انتقالات ناعمة + استجابة لمسية عند الضغط
   ============================================================ */
.btn, .ds-btn, .tool-btn, .hm-stat, .arch-day, .pcard, .agw-role, .tab, .ios-tile,
.input, .select, textarea.input, .hd-icon, .opt-card, .inv-sess, .rq-card, .navx-card{
  transition:transform .2s var(--ds-ease,ease), box-shadow .2s var(--ds-ease,ease),
             background-color .2s var(--ds-ease,ease), border-color .2s var(--ds-ease,ease), filter .2s ease}
/* استجابة لمسية (Haptic-like): تصغير خفيف عند الضغط على الأزرار/العناصر القابلة للنقر */
.btn:active, .ds-btn:active, .tool-btn:active, .hm-stat:active, .arch-day:active,
.agw-role:active, .navx-card:active, .opt-card:active, .inv-sess:active, .rq-card:active,
.hm-quick .ds-btn:active, .pcard:active{transform:scale(.97)}

/* ============================================================
   Phase 6: هندسة الطباعة — إخفاء صريح لواجهة التطبيق + ترويسة طباعة جاهزة (.print-header)
   لا يمسّ مولّدات التقارير المحمية؛ #printHost يبقى مرئيًا وبألوانه (print-color-adjust:exact قائم).
   ============================================================ */
@media print{
  /* إخفاء صريح لكل عناصر الغلاف (إضافةً إلى visibility القائمة) لمنع حجز مساحة */
  #tabs, #appHeader, #navxBar, .savebar, .gs-bar, .fab, .ds-fab, #toast,
  .mdl-ov, .sheet-overlay, .hd-scrim, .hd-drawer, .iosp-ov{display:none!important}
  html, body{background:#fff!important}
  /* ترويسة الطباعة الأنيقة (جاهزة للاستخدام في مخرجات الطباعة) */
  .print-header{display:flex!important;flex-direction:column;align-items:center;gap:6px;
    padding:0 0 14px;margin:0 0 16px;border-bottom:2px solid #111;text-align:center;color:#000}
  .print-header img, .print-header .print-logo{max-height:64px;max-width:180px;object-fit:contain;margin:0 auto}
  .print-header .print-name{font-size:16pt;font-weight:800;color:#000;line-height:1.4}
  .print-header .print-sub{font-size:10pt;color:#333;font-weight:600}
  /* أمانة ألوان الطباعة: يضمن ظهور ترويسة التقرير المُوسَمة (خلفية الشعار + الألوان) على الورق فعليًا */
  #printHost, #printHost *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
}
/* .print-header على الشاشة (معاينة): متمركزة أنيقة */
.print-header{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 0 14px;margin:0 0 16px;border-bottom:2px solid var(--ds-text);text-align:center}
.print-header .print-name{font-size:1.2rem;font-weight:800;color:var(--ds-text)}
.print-header .print-sub{font-size:.82rem;color:var(--ds-muted);font-weight:600}

/* ============================================================
   Phase 7: شعار «واضح» المبرمج (Pure SVG) — الأجزاء الكحلية عبر currentColor (تتكيّف داكن/فاتح)
   الأعمدة زمردية (var(--ds-primary)) · النجمة أخضر فاتح (#A7F3D0، تُبرَّز في الداكن)
   ============================================================ */
.wadeh-mark{display:block;width:100%;height:100%;color:#081F2E}
[data-theme="dark"] .wadeh-mark{color:#dbe8ef}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .wadeh-mark{color:#dbe8ef} }
[data-theme="dark"] .wadeh-mark .wm-spark{fill:#34d6b4}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .wadeh-mark .wm-spark{fill:#34d6b4} }