/* ==== from index.html <style data-wadih-shell> (v435 split) ==== */
/* ==========================================================================
   App Shell — Bottom Navigation "Layered Depth" (Lovable handoff) — المرحلة 5.
   المصدر البصري الوحيد لشريط التنقّل على الجوال (<768px). قرار [أ2]: يحلّ محلّ تصميم
   v5 للجوال كليًا (لا طبقتين، لا دمج). قرار [ج1]: بلا مساس بالأيقونات/التسميات/الترتيب.
   الديسكتوب (>=768px) خارج النطاق تمامًا — يبقى Desktop Sidebar (v5) كما هو.
   تنفيذ بصري بحت: لا JS · لا منطق · لا id · لا Route · لا Handler · لا صلاحية · لا نص.
   مطابق حرفيًا لـ bottom-nav.tsx (SPEC 2-3) عبر رموز --wd-* الرسمية (نفس قيم الشاشات المجمّدة).
   ========================================================================== */
#tabs{
  --wd-background:oklch(0.99 0.003 250); --wd-primary:oklch(0.42 0.09 245);
  --wd-muted-fg:oklch(0.52 0.02 260); --wd-border:oklch(0.92 0.008 255);
  --wd-ring:oklch(0.55 0.09 245); --wd-e2:0 4px 12px oklch(0 0 0 / 0.06);
  --wd-radius-lg:20px; --wd-blur-glass:12px;
  --wd-space-1:4px; --wd-space-2:8px; --wd-space-3:12px;
  --wd-motion-fast:120ms; --wd-motion-base:180ms; --wd-ease:cubic-bezier(0.2,0,0,1);
}
[data-theme="dark"] #tabs{
  --wd-background:oklch(0.16 0.02 260); --wd-primary:oklch(0.72 0.10 240);
  --wd-muted-fg:oklch(0.72 0.02 260); --wd-border:oklch(1 0 0 / 8%);
  --wd-ring:oklch(0.72 0.10 240);
}
/* الجوال فقط (<768px): الديسكتوب Sidebar لا يُمَس. */
@media (max-width:767.98px){
  /* الحاوية (nav) — SPEC §2: زجاج، حد علوي، ظل e2، ممتد من الحافة للحافة */
  #tabs{
    background:color-mix(in oklab, var(--wd-background) 82%, transparent)!important;
    -webkit-backdrop-filter:saturate(140%) blur(var(--wd-blur-glass))!important;
    backdrop-filter:saturate(140%) blur(var(--wd-blur-glass))!important;
    border-top:1px solid var(--wd-border)!important; border-bottom:none!important;
    border-radius:0!important; box-shadow:var(--wd-e2)!important;
    padding:0 0 env(safe-area-inset-bottom,0px)!important;
  }
  /* القائمة (ul) — SPEC §2: max 820 وسط، شبكة 4 أعمدة، gap space-1، حشوة space-2 space-3 */
  #tabs .tabs-inner{
    max-width:820px!important; width:100%; margin:0 auto!important;
    display:grid!important; grid-template-columns:repeat(4,1fr)!important;
    gap:var(--wd-space-1)!important; padding:var(--wd-space-2) var(--wd-space-3)!important;
  }
  /* NavItem (Link) — SPEC §3: هدف لمس 44px، عمود، حشوة space-2 space-1، غير نشط muted */
  #tabs .tab{
    min-width:0; min-height:44px!important;
    display:flex!important; align-items:center!important; justify-content:center!important;
    background:transparent!important; border:none!important; box-shadow:none!important;
    border-radius:var(--wd-radius-lg)!important; padding:var(--wd-space-2) var(--wd-space-1)!important;
    color:var(--wd-muted-fg)!important; font-size:11px!important; font-weight:500!important; line-height:1;
    transition:background var(--wd-motion-fast) var(--wd-ease), transform var(--wd-motion-fast) var(--wd-ease);
  }
  #tabs .tab .tab-ar{
    display:flex!important; flex-direction:column!important; align-items:center!important;
    justify-content:center!important; gap:var(--wd-space-1)!important;
    font-size:11px!important; line-height:1.3; min-width:0; max-width:100%;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  }
  /* الأيقونة داخل حبّة 56x36 (padding مع content-box) — غير نشطة: شفافة، stroke 1.75 */
  #tabs .tab .tab-ar svg{
    width:20px!important; height:20px!important; margin:0!important; box-sizing:content-box!important;
    padding:8px 18px!important; border-radius:9999px!important; background:transparent;
    stroke-width:1.75; color:inherit;
    transition:background var(--wd-motion-base) var(--wd-ease), color var(--wd-motion-base) var(--wd-ease);
  }
  /* النشط — SPEC §3: لون primary، وزن 600، حبّة primary/12، stroke 2.25 */
  #tabs .tab.active{ color:var(--wd-primary)!important; font-weight:600!important; background:transparent!important; box-shadow:none!important; border-radius:var(--wd-radius-lg)!important; }
  #tabs .tab.active .tab-ar svg{
    background:color-mix(in oklab, var(--wd-primary) 12%, transparent)!important;
    color:var(--wd-primary)!important; stroke-width:2.25;
  }
  /* Pressed: scale(0.96) — Focus: حلقة 2px --ring */
  #tabs .tab:active{ transform:scale(.96); }
  #tabs .tab:focus-visible{ outline:none; box-shadow:0 0 0 2px var(--wd-ring)!important; }
}
/* ==== from index.html <style data-wadih-sheets> (v435 split) ==== */
/* ==========================================================================
   Bottom Sheets "Layered Depth" (Lovable handoff 6.1) — BottomSheet + AddFamilySheet.
   إعادة تصميم بصري لِـ#addFamSheet مطابقةً لـ bottom-sheet.tsx + add-family-sheet.tsx.
   رموز --wd-* الرسمية فقط (نفس قيم الشاشات المجمّدة). لا HEX. النطاق محصور بـ#addFamSheet.
   مطابقة الرموز غير الموجودة رسميًا (مُصرَّح بها): shadow-e4→--wd-e3 (أعمق ظل رسمي) ·
   blur-overlay→--wd-blur-glass (12px، الرمز الرسمي الوحيد) · space-4→16px (سلّم 4px الرسمي، سطر 670) ·
   z-modal→z الحالي للـoverlay (100002، دون تغيير). لا مساس بمنطق الحفظ/التخزين.
   ========================================================================== */
#addFamSheet{
  --wd-radius-sm:6px; --wd-radius-md:10px; --wd-radius-lg:14px; --wd-radius-xl:18px; --wd-radius-2xl:22px;
  --wd-background:oklch(0.99 0.003 250); --wd-foreground:oklch(0.18 0.02 260);
  --wd-card:oklch(1 0 0); --wd-primary:oklch(0.42 0.09 245); --wd-primary-fg:oklch(0.99 0.003 250);
  --wd-muted:oklch(0.965 0.006 250); --wd-muted-fg:oklch(0.52 0.02 260);
  --wd-border:oklch(0.92 0.008 255); --wd-input:oklch(0.94 0.008 255); --wd-ring:oklch(0.55 0.09 245);
  --wd-success:oklch(0.58 0.14 155); --wd-info:oklch(0.60 0.10 235);
  --wd-e1:0 1px 2px oklch(0 0 0 / 0.04); --wd-e3:0 12px 32px oklch(0 0 0 / 0.10);
  --wd-space-1:4px; --wd-space-2:8px; --wd-space-3:12px; --wd-space-4:16px; --wd-space-6:24px;
  --wd-blur-glass:12px;
  --wd-motion-fast:120ms; --wd-motion-base:180ms; --wd-motion-medium:240ms;
  --wd-ease:cubic-bezier(0.2,0,0,1); --wd-ease-emph:cubic-bezier(0.3,0,0,1);
  --wd-font-arabic:'IBM Plex Sans Arabic','Cairo',system-ui,sans-serif;
}
[data-theme="dark"] #addFamSheet{
  --wd-background:oklch(0.16 0.02 260); --wd-foreground:oklch(0.97 0.005 260);
  --wd-card:oklch(0.20 0.02 260); --wd-primary:oklch(0.72 0.10 240); --wd-primary-fg:oklch(0.16 0.02 260);
  --wd-muted:oklch(0.23 0.02 260); --wd-muted-fg:oklch(0.72 0.02 260);
  --wd-border:oklch(1 0 0 / 8%); --wd-input:oklch(1 0 0 / 12%); --wd-ring:oklch(0.72 0.10 240);
  --wd-success:oklch(0.72 0.15 155); --wd-info:oklch(0.72 0.11 235);
}
@media screen{
  /* Overlay (backdrop) — SPEC: tint background/40% + blur-overlay ; جوال: bottom sheet */
  #addFamSheet.ds-dialog-overlay{
    background:color-mix(in oklab, var(--wd-background) 40%, transparent)!important;
    -webkit-backdrop-filter:blur(var(--wd-blur-glass))!important; backdrop-filter:blur(var(--wd-blur-glass))!important;
    align-items:flex-end!important; justify-content:center!important; padding:0!important;
    font-family:var(--wd-font-arabic);
  }
  /* Content (sheet) — SPEC: card, border-top, radius-2xl علوي، shadow-e4(=e3)، max-h 92dvh، flex column */
  #addFamSheet .sheet.ds-sheet{
    background:var(--wd-card)!important; color:var(--wd-foreground)!important;
    width:100%!important; max-width:100%!important; margin:0!important;
    border:none!important; border-top:1px solid var(--wd-border)!important;
    border-radius:var(--wd-radius-2xl) var(--wd-radius-2xl) 0 0!important;
    box-shadow:var(--wd-e3)!important;
    max-height:92dvh!important; padding:0!important; overflow:hidden!important;
    display:flex!important; flex-direction:column!important;
    animation:sheetUp var(--wd-motion-medium) var(--wd-ease-emph)!important;
  }
  /* Handle — SPEC: 4×36، radius كامل، لون border، pt-2 */
  #addFamSheet .sheet-handle{
    flex:0 0 auto!important; width:36px!important; height:4px!important;
    border-radius:999px!important; background:var(--wd-border)!important; margin:8px auto 0!important;
  }
  /* Header — padding space-3/space-4، حد سفلي border/60% */
  #addFamSheet .sheet-head{
    flex:0 0 auto!important; display:flex!important; align-items:center!important; justify-content:space-between!important;
    gap:var(--wd-space-3)!important; margin:0!important;
    padding:var(--wd-space-3) var(--wd-space-4)!important;
    border-bottom:1px solid color-mix(in oklab, var(--wd-border) 60%, transparent)!important;
  }
  #addFamSheet .sheet-title{
    min-width:0; font-size:15px!important; font-weight:700!important; color:var(--wd-foreground)!important;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  }
  #addFamSheet .sheet-title .en{ display:inline!important; margin-inline-start:4px!important; font-size:11px!important; font-weight:500!important; color:var(--wd-muted-fg)!important; opacity:1!important; font-family:var(--wd-font-arabic)!important; letter-spacing:0!important; }
  /* زر الإغلاق — 44×44، radius-md، hover muted، focus ring */
  #addFamSheet #closeAddFamSheet.icon-btn{
    width:44px!important; min-width:44px!important; height:44px!important; flex:0 0 auto!important;
    border-radius:var(--wd-radius-md)!important; background:transparent!important; border:none!important; box-shadow:none!important;
    color:var(--wd-muted-fg)!important; display:grid!important; place-items:center!important;
    transition:background var(--wd-motion-fast) var(--wd-ease)!important;
  }
  #addFamSheet #closeAddFamSheet.icon-btn:hover{ background:var(--wd-muted)!important; }
  #addFamSheet #closeAddFamSheet.icon-btn:focus-visible{ outline:none; box-shadow:0 0 0 2px var(--wd-ring)!important; }
  #addFamSheet #closeAddFamSheet.icon-btn svg{ width:16px!important; height:16px!important; stroke-width:1.75; }
  /* Body: menu (قائمة) — flex:1 scroll، padding space-4، gap space-3 عبر هوامش البطاقات */
  #addFamSheet #sheetMenu{
    flex:1 1 auto!important; min-height:0; overflow-y:auto!important; overscroll-behavior:contain;
    padding:var(--wd-space-4)!important;
  }
  #addFamSheet #sheetMenu .opt-card{ margin:0 0 var(--wd-space-3) 0!important; }
  #addFamSheet #sheetMenu .opt-card:last-child{ margin-bottom:0!important; }
  /* Body: panel — flex column: sf-body (scroll) + sf-foot (sticky) */
  #addFamSheet #sheetPanel{ flex:1 1 auto!important; min-height:0!important; flex-direction:column!important; padding:0!important; }
  #addFamSheet .sf-body{ flex:1 1 auto!important; min-height:0!important; overflow-y:auto!important; overscroll-behavior:contain!important; padding:var(--wd-space-4)!important; }
  /* Footer — SPEC: يظهر فقط بإجراء رئيسي؛ حد علوي، خلفية، safe-area، محاذاة نهاية */
  #addFamSheet .sf-foot{
    flex:0 0 auto!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:var(--wd-space-2)!important;
    padding:var(--wd-space-3) var(--wd-space-4)!important;
    padding-bottom:calc(var(--wd-space-3) + env(safe-area-inset-bottom,0px))!important;
    border-top:1px solid color-mix(in oklab, var(--wd-border) 60%, transparent)!important;
    background:color-mix(in oklab, var(--wd-card) 92%, var(--wd-background))!important;
  }
  #addFamSheet .sf-foot .btn{ width:auto!important; margin:0!important; flex:0 0 auto!important; }
  #addFamSheet .sf-foot .btn.btn-block{ width:auto!important; }
  /* OptCard — radius-xl، border، shadow-e1، hover border-primary، active scale .99 */
  #addFamSheet .opt-card{
    display:flex!important; align-items:center!important; gap:var(--wd-space-3)!important;
    width:100%!important; text-align:right!important;
    background:var(--wd-card)!important; border:1px solid var(--wd-border)!important;
    border-radius:var(--wd-radius-xl)!important; padding:var(--wd-space-3)!important;
    box-shadow:var(--wd-e1)!important; cursor:pointer;
    transition:transform var(--wd-motion-base) var(--wd-ease), border-color var(--wd-motion-base) var(--wd-ease), box-shadow var(--wd-motion-base) var(--wd-ease)!important;
  }
  #addFamSheet .opt-card:hover{ border-color:var(--wd-primary)!important; box-shadow:var(--wd-e1)!important; }
  #addFamSheet .opt-card:focus-visible{ outline:none; box-shadow:0 0 0 2px var(--wd-ring)!important; }
  #addFamSheet .opt-card:active{ transform:scale(.99)!important; }
  #addFamSheet .opt-card .opt-ic{
    width:44px!important; height:44px!important; flex:0 0 44px!important;
    border-radius:var(--wd-radius-lg)!important; display:grid!important; place-items:center!important;
  }
  #addFamSheet .opt-card[data-opt="single"] .opt-ic{ background:color-mix(in oklab, var(--wd-success) 14%, transparent)!important; color:var(--wd-success)!important; }
  #addFamSheet .opt-card[data-opt="photo"]  .opt-ic{ background:color-mix(in oklab, var(--wd-info) 14%, transparent)!important; color:var(--wd-info)!important; }
  #addFamSheet .opt-card[data-opt="bulk"]   .opt-ic{ background:color-mix(in oklab, var(--wd-primary) 14%, transparent)!important; color:var(--wd-primary)!important; }
  #addFamSheet .opt-card[data-opt="excel"]  .opt-ic{ background:color-mix(in oklab, var(--wd-success) 14%, transparent)!important; color:var(--wd-success)!important; }
  #addFamSheet .opt-card .opt-ic svg{ width:20px!important; height:20px!important; stroke-width:1.75; }
  #addFamSheet .opt-card .opt-txt{ flex:1 1 auto!important; min-width:0!important; }
  #addFamSheet .opt-card .opt-t{ font-size:14px!important; font-weight:700!important; color:var(--wd-foreground)!important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  #addFamSheet .opt-card .opt-d{ font-size:12px!important; font-weight:400!important; color:var(--wd-muted-fg)!important; margin-top:2px!important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  #addFamSheet .opt-card .opt-arrow{ width:16px!important; height:16px!important; flex:0 0 16px!important; color:var(--wd-muted-fg)!important; transition:transform var(--wd-motion-base) var(--wd-ease); }
  #addFamSheet .opt-card:hover .opt-arrow{ transform:translateX(-2px); }
  /* BackRow — primary، radius-md، chevron-right */
  #addFamSheet .sheet-back{
    display:inline-flex!important; align-items:center!important; gap:var(--wd-space-1)!important;
    margin:0 0 var(--wd-space-3) 0!important; padding:4px 8px!important;
    border-radius:var(--wd-radius-md)!important; background:transparent!important; border:none!important;
    color:var(--wd-primary)!important; font-size:12.5px!important; font-weight:600!important; cursor:pointer;
    transition:background var(--wd-motion-fast) var(--wd-ease)!important;
  }
  #addFamSheet .sheet-back:hover{ background:var(--wd-muted)!important; }
  #addFamSheet .sheet-back:focus-visible{ outline:none; box-shadow:0 0 0 2px var(--wd-ring)!important; }
  #addFamSheet .sheet-back svg{ width:16px!important; height:16px!important; stroke-width:2; }
  /* Field / label / input — SPEC: label 12px/600، input h-11 radius-md border-input، focus ring */
  #addFamSheet .field{ display:flex!important; flex-direction:column!important; gap:var(--wd-space-1)!important; margin:0!important; }
  #addFamSheet .field[style*="margin-top"]{ margin-top:var(--wd-space-3)!important; }
  #addFamSheet .field label{ font-size:12px!important; font-weight:600!important; color:var(--wd-foreground)!important; display:block; padding:0!important; line-height:1.5!important; }
  #addFamSheet .field label svg{ width:14px!important; height:14px!important; }
  #addFamSheet .input{
    height:44px!important; min-height:44px!important; width:100%!important;
    border-radius:var(--wd-radius-md)!important; border:1px solid var(--wd-input)!important;
    background:var(--wd-background)!important; color:var(--wd-foreground)!important;
    padding:0 12px!important; font-size:14px!important; font-weight:500!important; box-shadow:none!important;
    transition:border-color var(--wd-motion-base) var(--wd-ease), box-shadow var(--wd-motion-base) var(--wd-ease)!important;
  }
  #addFamSheet textarea.input{ height:auto!important; min-height:auto!important; padding:10px 12px!important; line-height:1.9!important; resize:vertical!important; }
  #addFamSheet .input::placeholder{ color:var(--wd-muted-fg)!important; }
  #addFamSheet .input:focus{ outline:none!important; border-color:var(--wd-ring)!important; box-shadow:0 0 0 2px color-mix(in oklab, var(--wd-ring) 30%, transparent)!important; }
  #addFamSheet .hint{ font-size:11.5px!important; color:var(--wd-muted-fg)!important; margin-top:var(--wd-space-1)!important; }
  /* Buttons — Primary (13.5px/700، primary، shadow-e1، active scale .98) / Ghost (13.5px/600، border) */
  #addFamSheet .btn{
    min-height:44px!important; height:auto!important; display:inline-flex!important; align-items:center!important; justify-content:center!important;
    gap:var(--wd-space-2)!important; border-radius:var(--wd-radius-md)!important; padding:0 16px!important;
    font-size:13.5px!important; font-weight:700!important; border:none!important; box-shadow:none!important;
    transition:transform var(--wd-motion-fast) var(--wd-ease), background var(--wd-motion-fast) var(--wd-ease)!important;
  }
  #addFamSheet .btn:focus-visible{ outline:none; box-shadow:0 0 0 2px var(--wd-ring)!important; }
  #addFamSheet .btn.btn-primary{ background:var(--wd-primary)!important; color:var(--wd-primary-fg)!important; box-shadow:var(--wd-e1)!important; }
  #addFamSheet .btn.btn-primary:active{ transform:scale(.98)!important; }
  #addFamSheet .btn.btn-ghost{ background:transparent!important; border:1px solid var(--wd-border)!important; color:var(--wd-foreground)!important; font-weight:600!important; }
  #addFamSheet .btn.btn-ghost:hover{ background:var(--wd-muted)!important; }
  #addFamSheet .btn.btn-block{ width:100%!important; }
  #addFamSheet .btn svg{ width:16px!important; height:16px!important; }
  /* Photo/Excel hero icon (opt-ic 64px داخل اللوحة) — radius-2xl */
  #addFamSheet .sf-body .opt-ic[style*="64px"]{ border-radius:var(--wd-radius-2xl)!important; }
  #addFamSheet .sf-body .opt-ic[style*="64px"][style*="dde9fb"]{ background:color-mix(in oklab, var(--wd-info) 14%, transparent)!important; color:var(--wd-info)!important; }
  #addFamSheet .sf-body .opt-ic[style*="64px"][style*="ok-soft"]{ background:color-mix(in oklab, var(--wd-success) 14%, transparent)!important; color:var(--wd-success)!important; }
  #addFamSheet .sf-body .opt-ic[style*="64px"] svg{ width:28px!important; height:28px!important; stroke-width:1.75; }
  #addFamSheet #sfEnhance{ accent-color:var(--wd-primary); width:16px!important; height:16px!important; }
  /* Desktop (≥640px) — SPEC: متمركز أفقيًا، bottom-6، max-w 560 */
  @media (min-width:640px){
    #addFamSheet.ds-dialog-overlay{ padding:0 0 var(--wd-space-6)!important; }
    #addFamSheet .sheet.ds-sheet{ max-width:560px!important; border-top:1px solid var(--wd-border)!important; }
  }
}
/* ==== from index.html <style data-wadih-branch-sheet> (v435 split) ==== */
/* ==========================================================================
   AddBranchSheet "Layered Depth" (Lovable handoff 6.2) — إعادة تصميم بصري لِنافذة
   addBranchPrompt() لتطابق BottomSheet المشترك (6.1). مطابقة لـ add-branch-sheet.tsx.
   النطاق محصور حصريًا بنافذة الفرع عبر :has(#nbCompany) — لا يمسّ باقي نوافذ _authShell.
   عرض بصري بحت: صفر JS · صفر تعديل ماركب · صفر مساس بـ addBranchPrompt/_authShell/الحفظ/
   التحقق/State/التخزين/المعرّفات/النصوص. رموز --wd-* الرسمية فقط (لا HEX). المطابقات المُصرَّح
   بها كما في 6.1: shadow-e4→--wd-e3 · blur-overlay→--wd-blur-glass(12px) · space-4→16px · z-modal→z الحالي.
   العنوان الإنجليزي «Add Branch» والمقبض يُقدَّمان عبر ::after/::before (تقديم بصري، بلا تعديل DOM).
   ========================================================================== */
.mdl-ov.ds-dialog-overlay:has(#nbCompany){
  --wd-radius-md:10px; --wd-radius-2xl:22px;
  --wd-background:oklch(0.99 0.003 250); --wd-foreground:oklch(0.18 0.02 260);
  --wd-card:oklch(1 0 0); --wd-primary:oklch(0.42 0.09 245); --wd-primary-fg:oklch(0.99 0.003 250);
  --wd-muted:oklch(0.965 0.006 250); --wd-muted-fg:oklch(0.52 0.02 260);
  --wd-border:oklch(0.92 0.008 255); --wd-input:oklch(0.94 0.008 255); --wd-ring:oklch(0.55 0.09 245);
  --wd-danger:oklch(0.57 0.20 27);
  --wd-e1:0 1px 2px oklch(0 0 0 / 0.04); --wd-e3:0 12px 32px oklch(0 0 0 / 0.10);
  --wd-space-1:4px; --wd-space-2:8px; --wd-space-3:12px; --wd-space-4:16px; --wd-space-6:24px;
  --wd-blur-glass:12px;
  --wd-motion-fast:120ms; --wd-motion-base:180ms; --wd-motion-medium:240ms;
  --wd-ease:cubic-bezier(0.2,0,0,1); --wd-ease-emph:cubic-bezier(0.3,0,0,1);
  --wd-font-arabic:'IBM Plex Sans Arabic','Cairo',system-ui,sans-serif;
}
[data-theme="dark"] .mdl-ov.ds-dialog-overlay:has(#nbCompany){
  --wd-background:oklch(0.16 0.02 260); --wd-foreground:oklch(0.97 0.005 260);
  --wd-card:oklch(0.20 0.02 260); --wd-primary:oklch(0.72 0.10 240); --wd-primary-fg:oklch(0.16 0.02 260);
  --wd-muted:oklch(0.23 0.02 260); --wd-muted-fg:oklch(0.72 0.02 260);
  --wd-border:oklch(1 0 0 / 8%); --wd-input:oklch(1 0 0 / 12%); --wd-ring:oklch(0.72 0.10 240);
  --wd-danger:oklch(0.70 0.19 27);
}
@media screen{
  /* Overlay (backdrop) — bottom sheet: tint background/40% + blur */
  .mdl-ov.ds-dialog-overlay:has(#nbCompany){
    background:color-mix(in oklab, var(--wd-background) 40%, transparent)!important;
    -webkit-backdrop-filter:blur(var(--wd-blur-glass))!important; backdrop-filter:blur(var(--wd-blur-glass))!important;
    align-items:flex-end!important; justify-content:center!important; padding:0!important;
    font-family:var(--wd-font-arabic);
  }
  /* Content (sheet) — card, border-top, radius-2xl علوي، shadow-e4(=e3)، max-h 92dvh، انزلاق من الأسفل */
  .mdl-ov.ds-dialog-overlay:has(#nbCompany) .mdl{
    background:var(--wd-card)!important; color:var(--wd-foreground)!important;
    width:100%!important; max-width:100%!important; margin:0!important;
    border:none!important; border-top:1px solid var(--wd-border)!important;
    border-radius:var(--wd-radius-2xl) var(--wd-radius-2xl) 0 0!important;
    box-shadow:var(--wd-e3)!important; max-height:92dvh!important; overflow:hidden!important;
    display:flex!important; flex-direction:column!important;
    animation:sheetUp var(--wd-motion-medium) var(--wd-ease-emph)!important;
    font-family:var(--wd-font-arabic);
  }
  /* Handle (4×36) — تقديم بصري عبر ::before (لا تعديل DOM) */
  .mdl-ov.ds-dialog-overlay:has(#nbCompany) .mdl::before{
    content:""; flex:0 0 auto; width:36px; height:4px; margin:8px auto 0;
    border-radius:999px; background:var(--wd-border);
  }
  /* Header — عنوان 15px/700 + «Add Branch» muted (::after) + زر إغلاق 44×44 */
  .mdl-ov.ds-dialog-overlay:has(#nbCompany) .mdl-head{
    flex:0 0 auto!important; display:flex!important; align-items:center!important; justify-content:space-between!important;
    gap:var(--wd-space-3)!important; margin:0!important; padding:var(--wd-space-3) var(--wd-space-4)!important;
    border-bottom:1px solid color-mix(in oklab, var(--wd-border) 60%, transparent)!important;
  }
  .mdl-ov.ds-dialog-overlay:has(#nbCompany) .mdl-head .t{
    flex:1 1 auto!important; min-width:0; font-size:15px!important; font-weight:700!important; color:var(--wd-foreground)!important;
    line-height:1.4!important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  }
  .mdl-ov.ds-dialog-overlay:has(#nbCompany) .mdl-head .t::after{
    content:"Add Branch"; margin-inline-start:6px; font-size:11px; font-weight:500; color:var(--wd-muted-fg);
  }
  .mdl-ov.ds-dialog-overlay:has(#nbCompany) .mdl-x{
    width:44px!important; min-width:44px!important; height:44px!important; flex:0 0 auto!important;
    border-radius:var(--wd-radius-md)!important; background:transparent!important; border:none!important; box-shadow:none!important;
    color:var(--wd-muted-fg)!important; display:grid!important; place-items:center!important;
    transition:background var(--wd-motion-fast) var(--wd-ease)!important;
  }
  .mdl-ov.ds-dialog-overlay:has(#nbCompany) .mdl-x:hover{ background:var(--wd-muted)!important; }
  .mdl-ov.ds-dialog-overlay:has(#nbCompany) .mdl-x:focus-visible{ outline:none; box-shadow:0 0 0 2px var(--wd-ring)!important; }
  .mdl-ov.ds-dialog-overlay:has(#nbCompany) .mdl-x svg{ width:16px!important; height:16px!important; stroke-width:1.75; }
  /* Body — scroll + padding space-4، الحقول بعمود بفراغ space-3 */
  .mdl-ov.ds-dialog-overlay:has(#nbCompany) .mdl-body{
    flex:1 1 auto!important; min-height:0!important; overflow-y:auto!important; overscroll-behavior:contain!important;
    padding:var(--wd-space-4)!important; display:flex!important; flex-direction:column!important; gap:var(--wd-space-3)!important;
  }
  /* Field / label(+icon 14px) / input h-11 */
  .mdl-ov.ds-dialog-overlay:has(#nbCompany) .field{ display:flex!important; flex-direction:column!important; gap:var(--wd-space-1)!important; margin:0!important; }
  .mdl-ov.ds-dialog-overlay:has(#nbCompany) .field label{
    display:inline-flex!important; align-items:center!important; gap:6px!important;
    font-size:12px!important; font-weight:600!important; color:var(--wd-foreground)!important; padding:0!important; line-height:1.5!important;
  }
  .mdl-ov.ds-dialog-overlay:has(#nbCompany) .field label svg{ width:14px!important; height:14px!important; color:var(--wd-muted-fg)!important; }
  .mdl-ov.ds-dialog-overlay:has(#nbCompany) .input{
    height:44px!important; min-height:44px!important; width:100%!important;
    border-radius:var(--wd-radius-md)!important; border:1px solid var(--wd-input)!important;
    background:var(--wd-background)!important; color:var(--wd-foreground)!important;
    padding:0 12px!important; font-size:14px!important; font-weight:500!important; box-shadow:none!important;
    transition:border-color var(--wd-motion-base) var(--wd-ease), box-shadow var(--wd-motion-base) var(--wd-ease)!important;
  }
  .mdl-ov.ds-dialog-overlay:has(#nbCompany) .input::placeholder{ color:var(--wd-muted-fg)!important; }
  .mdl-ov.ds-dialog-overlay:has(#nbCompany) .input:focus{ outline:none!important; border-color:var(--wd-ring)!important; box-shadow:0 0 0 2px color-mix(in oklab, var(--wd-ring) 30%, transparent)!important; }
  /* Error — destructive 12px bold (يبقى إظهار/إخفاء عبر JS كما هو) */
  .mdl-ov.ds-dialog-overlay:has(#nbCompany) #nbErr{ color:var(--wd-danger)!important; font-size:12px!important; font-weight:700!important; margin:0!important; }
  /* Footer — حد علوي، خلفية، safe-area، محاذاة نهاية، gap space-2 */
  .mdl-ov.ds-dialog-overlay:has(#nbCompany) .mdl-foot{
    flex:0 0 auto!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:var(--wd-space-2)!important;
    padding:var(--wd-space-3) var(--wd-space-4)!important;
    padding-bottom:calc(var(--wd-space-3) + env(safe-area-inset-bottom,0px))!important;
    border-top:1px solid color-mix(in oklab, var(--wd-border) 60%, transparent)!important;
    background:color-mix(in oklab, var(--wd-card) 92%, var(--wd-background))!important;
  }
  /* Buttons — Primary (13.5/700 + shadow-e1 + active .98) / Ghost (13.5/600 + border) */
  .mdl-ov.ds-dialog-overlay:has(#nbCompany) .mdl-foot .btn{
    min-height:44px!important; height:auto!important; width:auto!important; flex:0 0 auto!important; margin:0!important;
    display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:var(--wd-space-2)!important;
    border-radius:var(--wd-radius-md)!important; padding:0 16px!important; font-size:13.5px!important; font-weight:700!important;
    border:none!important; box-shadow:none!important;
    transition:transform var(--wd-motion-fast) var(--wd-ease), background var(--wd-motion-fast) var(--wd-ease)!important;
  }
  .mdl-ov.ds-dialog-overlay:has(#nbCompany) .mdl-foot .btn:focus-visible{ outline:none; box-shadow:0 0 0 2px var(--wd-ring)!important; }
  .mdl-ov.ds-dialog-overlay:has(#nbCompany) .mdl-foot .btn.btn-primary{ background:var(--wd-primary)!important; color:var(--wd-primary-fg)!important; box-shadow:var(--wd-e1)!important; }
  .mdl-ov.ds-dialog-overlay:has(#nbCompany) .mdl-foot .btn.btn-primary:active{ transform:scale(.98)!important; }
  .mdl-ov.ds-dialog-overlay:has(#nbCompany) .mdl-foot .btn.btn-ghost{ background:transparent!important; border:1px solid var(--wd-border)!important; color:var(--wd-foreground)!important; font-weight:600!important; }
  .mdl-ov.ds-dialog-overlay:has(#nbCompany) .mdl-foot .btn.btn-ghost:hover{ background:var(--wd-muted)!important; }
  .mdl-ov.ds-dialog-overlay:has(#nbCompany) .mdl-foot .btn svg{ width:16px!important; height:16px!important; }
  /* Desktop (≥640px) — متمركز، bottom-6، max-w 560 */
  @media (min-width:640px){
    .mdl-ov.ds-dialog-overlay:has(#nbCompany){ padding:0 0 var(--wd-space-6)!important; }
    .mdl-ov.ds-dialog-overlay:has(#nbCompany) .mdl{ max-width:560px!important; }
  }
}
/* ==== from index.html <style data-wadih-employee-sheet> (v435 split) ==== */
/* ==========================================================================
   AddEmployeeSheet "Layered Depth" (Lovable handoff 6.3) — إعادة تصميم بصري لِـ
   openAddEmployee() (Wizard 4 خطوات) لتطابق BottomSheet المشترك. مطابقة لـ add-employee-sheet.tsx.
   النطاق محصور حصريًا بنافذة الموظف عبر :has(#wzSteps) — لا يمسّ باقي نوافذ _authShell.
   عرض بصري بحت: صفر JS · صفر تعديل ماركب · صفر مساس بـ openAddEmployee/_authShell/التحقق/
   الحفظ(doCreate)/pwStrength/_permCheckList/State/الصلاحيات/المعرّفات/النصوص/Handlers.
   أيقونات حقول العناوين تُقدَّم عبر CSS mask (مسارات lucide رسمية) — بلا تعديل DOM.
   مطابقات الرموز المُصرَّح بها (كما 6.1/6.2): e4→e3 · blur-overlay→blur-glass · space-4→16px · z-modal→z الحالي.
   ========================================================================== */
.mdl-ov.ds-dialog-overlay:has(#wzSteps){
  --wd-radius-sm:6px; --wd-radius-md:10px; --wd-radius-2xl:22px;
  --wd-background:oklch(0.99 0.003 250); --wd-foreground:oklch(0.18 0.02 260);
  --wd-card:oklch(1 0 0); --wd-primary:oklch(0.42 0.09 245); --wd-primary-fg:oklch(0.99 0.003 250);
  --wd-muted:oklch(0.965 0.006 250); --wd-muted-fg:oklch(0.52 0.02 260);
  --wd-border:oklch(0.92 0.008 255); --wd-input:oklch(0.94 0.008 255); --wd-ring:oklch(0.55 0.09 245);
  --wd-danger:oklch(0.57 0.20 27);
  --wd-e1:0 1px 2px oklch(0 0 0 / 0.04); --wd-e3:0 12px 32px oklch(0 0 0 / 0.10);
  --wd-space-1:4px; --wd-space-2:8px; --wd-space-3:12px; --wd-space-4:16px; --wd-space-6:24px;
  --wd-blur-glass:12px;
  --wd-motion-fast:120ms; --wd-motion-base:180ms; --wd-motion-medium:240ms;
  --wd-ease:cubic-bezier(0.2,0,0,1); --wd-ease-emph:cubic-bezier(0.3,0,0,1);
  --wd-font-arabic:'IBM Plex Sans Arabic','Cairo',system-ui,sans-serif;
}
[data-theme="dark"] .mdl-ov.ds-dialog-overlay:has(#wzSteps){
  --wd-background:oklch(0.16 0.02 260); --wd-foreground:oklch(0.97 0.005 260);
  --wd-card:oklch(0.20 0.02 260); --wd-primary:oklch(0.72 0.10 240); --wd-primary-fg:oklch(0.16 0.02 260);
  --wd-muted:oklch(0.23 0.02 260); --wd-muted-fg:oklch(0.72 0.02 260);
  --wd-border:oklch(1 0 0 / 8%); --wd-input:oklch(1 0 0 / 12%); --wd-ring:oklch(0.72 0.10 240);
  --wd-danger:oklch(0.70 0.19 27);
}
@media screen{
  /* ===== Shell (نفس BottomSheet — كما 6.2) ===== */
  .mdl-ov.ds-dialog-overlay:has(#wzSteps){
    background:color-mix(in oklab, var(--wd-background) 40%, transparent)!important;
    -webkit-backdrop-filter:blur(var(--wd-blur-glass))!important; backdrop-filter:blur(var(--wd-blur-glass))!important;
    align-items:flex-end!important; justify-content:center!important; padding:0!important; font-family:var(--wd-font-arabic);
  }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .mdl{
    background:var(--wd-card)!important; color:var(--wd-foreground)!important;
    width:100%!important; max-width:100%!important; margin:0!important;
    border:none!important; border-top:1px solid var(--wd-border)!important;
    border-radius:var(--wd-radius-2xl) var(--wd-radius-2xl) 0 0!important; box-shadow:var(--wd-e3)!important;
    max-height:92dvh!important; padding:0!important; overflow:hidden!important;
    display:flex!important; flex-direction:column!important;
    animation:sheetUp var(--wd-motion-medium) var(--wd-ease-emph)!important; font-family:var(--wd-font-arabic);
  }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .mdl::before{ content:""; flex:0 0 auto; width:36px; height:4px; margin:8px auto 0; border-radius:999px; background:var(--wd-border); }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .mdl-head{
    flex:0 0 auto!important; display:flex!important; align-items:center!important; justify-content:space-between!important;
    gap:var(--wd-space-3)!important; margin:0!important; padding:var(--wd-space-3) var(--wd-space-4)!important;
    border-bottom:1px solid color-mix(in oklab, var(--wd-border) 60%, transparent)!important;
  }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .mdl-head .t{ flex:1 1 auto!important; min-width:0; font-size:15px!important; font-weight:700!important; color:var(--wd-foreground)!important; line-height:1.4!important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .mdl-head .t::after{ content:"Add Employee"; margin-inline-start:6px; font-size:11px; font-weight:500; color:var(--wd-muted-fg); }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .mdl-x{
    width:44px!important; min-width:44px!important; height:44px!important; flex:0 0 auto!important;
    border-radius:var(--wd-radius-md)!important; background:transparent!important; border:none!important; box-shadow:none!important;
    color:var(--wd-muted-fg)!important; display:grid!important; place-items:center!important; transition:background var(--wd-motion-fast) var(--wd-ease)!important;
  }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .mdl-x:hover{ background:var(--wd-muted)!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .mdl-x:focus-visible{ outline:none; box-shadow:0 0 0 2px var(--wd-ring)!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .mdl-x svg{ width:16px!important; height:16px!important; stroke-width:1.75; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .mdl-body{
    flex:1 1 auto!important; min-height:0!important; overflow-y:auto!important; overscroll-behavior:contain!important;
    padding:var(--wd-space-4)!important; display:flex!important; flex-direction:column!important; gap:var(--wd-space-4)!important;
  }
  /* ===== Stepper ===== */
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) #wzSteps{ display:flex!important; align-items:flex-start!important; margin:0!important; gap:0!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .wz-step{ display:flex!important; flex-direction:column!important; align-items:center!important; gap:var(--wd-space-1)!important; flex:0 0 auto!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .wz-dot{
    width:28px!important; height:28px!important; border-radius:999px!important; border:none!important;
    background:var(--wd-muted)!important; color:var(--wd-muted-fg)!important; font-size:11px!important; font-weight:700!important;
    display:flex!important; align-items:center!important; justify-content:center!important;
  }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .wz-dot.active{ background:var(--wd-primary)!important; color:var(--wd-primary-fg)!important; box-shadow:var(--wd-e1)!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .wz-dot.done{ background:var(--wd-primary)!important; color:var(--wd-primary-fg)!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .wz-dot svg{ width:14px!important; height:14px!important; stroke-width:2.25; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .wz-lbl{ font-size:10.5px!important; font-weight:600!important; color:var(--wd-muted-fg)!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .wz-lbl.on{ color:var(--wd-foreground)!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .wz-bar{ flex:1 1 auto!important; height:2px!important; background:color-mix(in oklab, var(--wd-border) 80%, transparent)!important; margin:14px 6px 0!important; border-radius:999px!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .wz-bar.done{ background:var(--wd-primary)!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .wz-bar>i{ display:none!important; }
  /* ===== الحقول (hig-row → عمود + أيقونة + input h-11) ===== */
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .hig-inset-group:has(.hig-row){ background:transparent!important; border:none!important; border-radius:0!important; margin:0!important; overflow:visible!important; display:flex!important; flex-direction:column!important; gap:var(--wd-space-3)!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .hig-row{ display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:var(--wd-space-1)!important; padding:0!important; min-height:0!important; background:transparent!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .hig-row + .hig-row{ border-top:none!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .hig-row__label{ flex:0 0 auto!important; display:inline-flex!important; align-items:center!important; font-size:12px!important; font-weight:600!important; color:var(--wd-foreground)!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .hig-row__label::before{ content:""; display:inline-block; width:14px; height:14px; margin-inline-end:6px; flex:0 0 auto; background-color:currentColor; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .hig-row:has(#wzName) .hig-row__label::before{ -webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>"); mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>"); }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .hig-row:has(#wzEmail) .hig-row__label::before{ -webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='20' height='16' x='2' y='4' rx='2'/><path d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/></svg>"); mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='20' height='16' x='2' y='4' rx='2'/><path d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/></svg>"); }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .hig-row:has(#wzPhone) .hig-row__label::before{ -webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/></svg>"); mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/></svg>"); }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .hig-row:has(#wzJobTitle) .hig-row__label::before{ -webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/><rect width='20' height='14' x='2' y='6' rx='2'/></svg>"); mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/><rect width='20' height='14' x='2' y='6' rx='2'/></svg>"); }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .hig-row:has(#wzPass) .hig-row__label::before,
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .hig-row:has(#wzPass2) .hig-row__label::before{ -webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='11' x='3' y='11' rx='2' ry='2'/><path d='M7 11V7a5 5 0 0 1 10 0v4'/></svg>"); mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='11' x='3' y='11' rx='2' ry='2'/><path d='M7 11V7a5 5 0 0 1 10 0v4'/></svg>"); }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .hig-row:has(#wzRole) .hig-row__label::before{ -webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z'/><circle cx='16.5' cy='7.5' r='.5' fill='black'/></svg>"); mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z'/><circle cx='16.5' cy='7.5' r='.5' fill='black'/></svg>"); }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .hig-input{
    height:44px!important; min-height:44px!important; width:100%!important; flex:0 0 auto!important;
    border:1px solid var(--wd-input)!important; border-radius:var(--wd-radius-md)!important;
    background:var(--wd-background)!important; color:var(--wd-foreground)!important;
    padding:0 12px!important; font-size:14px!important; font-weight:500!important; box-shadow:none!important;
    transition:border-color var(--wd-motion-base) var(--wd-ease), box-shadow var(--wd-motion-base) var(--wd-ease)!important;
  }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) select.hig-input{ padding:0 10px!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .hig-input::placeholder{ color:var(--wd-muted-fg)!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .hig-input:focus{ outline:none!important; border-color:var(--wd-ring)!important; box-shadow:0 0 0 2px color-mix(in oklab, var(--wd-ring) 30%, transparent)!important; }
  /* ===== خطوة 2 — الدعوة + كلمة المرور ===== */
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) #wzPane > .wz-pane > label:has(#wzInvite){
    display:flex!important; align-items:center!important; gap:var(--wd-space-2)!important;
    border:1px solid var(--wd-border)!important; border-radius:var(--wd-radius-md)!important;
    padding:10px 12px!important; margin:0 0 var(--wd-space-3) 0!important;
    font-size:13px!important; font-weight:600!important; color:var(--wd-foreground)!important; background:var(--wd-card)!important;
  }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) #wzPane > .wz-pane > label:has(#wzInvite:checked){ background:color-mix(in oklab, var(--wd-primary) 8%, var(--wd-card))!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) #wzInvite{ accent-color:var(--wd-primary); width:16px!important; height:16px!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) #wzHint{ font-size:11.5px!important; }
  /* ===== خطوة 3 — الأدوات + الصلاحيات ===== */
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) #wzPermsArea .hig-btn{
    min-height:36px!important; background:var(--wd-card)!important; border:1px solid var(--wd-border)!important;
    color:var(--wd-foreground)!important; border-radius:var(--wd-radius-md)!important; padding:0 12px!important;
    font-size:11.5px!important; font-weight:600!important; box-shadow:none!important; gap:6px!important;
  }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) #wzPermsArea .hig-btn:hover{ background:var(--wd-muted)!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) #wzPermsArea .hig-btn svg{ width:14px!important; height:14px!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .hig-inset-group:has(.perm-sw){ background:var(--wd-card)!important; border:1px solid var(--wd-border)!important; border-radius:var(--wd-radius-md)!important; padding:6px!important; margin:0!important; overflow:visible!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .perm-sw{ min-height:0!important; padding:8px!important; border:none!important; border-bottom:none!important; margin:0!important; border-radius:var(--wd-radius-sm)!important; gap:var(--wd-space-2)!important; font-size:12.5px!important; color:var(--wd-foreground)!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .perm-sw + .perm-sw{ border-top:none!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .perm-sw:hover{ background:var(--wd-muted)!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .perm-sw>span.lbl{ order:2; font-weight:500!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .perm-sw .tk{ order:1; width:16px!important; height:16px!important; border-radius:4px!important; background:transparent!important; border:1.5px solid var(--wd-border)!important; box-shadow:none!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .perm-sw .tk::after{ content:""!important; position:absolute; top:1px; right:4.5px; left:auto; width:4px; height:8px; border:solid var(--wd-primary-fg); border-width:0 2px 2px 0; border-radius:0; background:transparent!important; box-shadow:none!important; transform:rotate(45deg); opacity:0; transition:opacity var(--wd-motion-fast); }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .perm-sw input:checked + .tk{ background:var(--wd-primary)!important; border-color:var(--wd-primary)!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .perm-sw input:checked + .tk::after{ opacity:1; right:4.5px; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .perm-count{ font-size:11.5px!important; color:var(--wd-muted-fg)!important; font-weight:600!important; text-align:right!important; margin-top:var(--wd-space-2)!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) #wzPermsArea .acc-panel{ background:color-mix(in oklab, var(--wd-primary) 8%, var(--wd-card))!important; border:1px solid var(--wd-border)!important; border-radius:var(--wd-radius-md)!important; padding:12px!important; }
  /* ===== خطوة 4 — المراجعة ===== */
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .acc-panel:has(.wz-review-row){ background:var(--wd-card)!important; border:1px solid var(--wd-border)!important; border-radius:var(--wd-radius-md)!important; padding:0!important; overflow:hidden!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .wz-review-row{ padding:10px 12px!important; border-bottom:1px solid color-mix(in oklab, var(--wd-border) 60%, transparent)!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .wz-review-row:last-child{ border-bottom:none!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .wz-review-row .k{ font-size:13px!important; font-weight:600!important; color:var(--wd-muted-fg)!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .wz-review-row .v{ font-size:13px!important; font-weight:700!important; color:var(--wd-foreground)!important; }
  /* ===== Footer ===== */
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .mdl-foot{
    flex:0 0 auto!important; display:flex!important; align-items:center!important; gap:var(--wd-space-2)!important;
    padding:var(--wd-space-3) var(--wd-space-4)!important; padding-bottom:calc(var(--wd-space-3) + env(safe-area-inset-bottom,0px))!important;
    border-top:1px solid color-mix(in oklab, var(--wd-border) 60%, transparent)!important;
    background:color-mix(in oklab, var(--wd-card) 92%, var(--wd-background))!important;
  }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .mdl-foot .hig-btn{
    min-height:44px!important; border-radius:var(--wd-radius-md)!important; padding:0 16px!important;
    font-size:13.5px!important; font-weight:600!important; background:transparent!important; border:1px solid var(--wd-border)!important;
    color:var(--wd-foreground)!important; box-shadow:none!important; gap:var(--wd-space-2)!important;
    transition:transform var(--wd-motion-fast) var(--wd-ease), background var(--wd-motion-fast) var(--wd-ease)!important;
  }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .mdl-foot .hig-btn:hover{ background:var(--wd-muted)!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .mdl-foot .hig-btn--primary{ background:var(--wd-primary)!important; color:var(--wd-primary-fg)!important; border:none!important; font-weight:700!important; box-shadow:var(--wd-e1)!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .mdl-foot .hig-btn--primary:hover{ background:var(--wd-primary)!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .mdl-foot .hig-btn--primary:active{ transform:scale(.98)!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .mdl-foot .hig-btn:focus-visible{ outline:none; box-shadow:0 0 0 2px var(--wd-ring)!important; }
  .mdl-ov.ds-dialog-overlay:has(#wzSteps) .mdl-foot .hig-btn svg{ width:16px!important; height:16px!important; }
  /* Desktop */
  @media (min-width:640px){
    .mdl-ov.ds-dialog-overlay:has(#wzSteps){ padding:0 0 var(--wd-space-6)!important; }
    .mdl-ov.ds-dialog-overlay:has(#wzSteps) .mdl{ max-width:560px!important; }
  }
}
/* ==== from index.html <style data-wadih-day-detail> (v435 split) ==== */
/* ==========================================================================
   DayDetailSheet "Layered Depth" (Lovable handoff 6.4) — إعادة تصميم بصري لِنافذة
   openDayProductsModal(di,fi) لتطابق BottomSheet المشترك. مطابقة لـ day-detail-sheet.tsx.
   النطاق محصور حصريًا بـ #dayProdOverlay — لا يمسّ أي نافذة أخرى.
   عرض بصري بحت: صفر مساس بأي حساب/بناء أصناف/تحقق/حفظ/تخزين/State/صلاحية/تقرير/ID/Handler/Route.
   التعديلات الوحيدة على الماركب = عرضية بحتة (رأس منظّم + Footer بزر «إغلاق» يستدعي آلية الإغلاق
   القائمة ov.remove) وفق القاعدة 6 (Display-only تنصّ عليه الحزمة)؛ زر الحفظ #dpSave نُقل كما هو
   بمعرّفه ونصّه ومعالجه دون تغيير. رموز --wd-* الرسمية فقط. مطابقات مُصرَّح بها: e4→e3 · space-4→16px.
   ========================================================================== */
#dayProdOverlay{
  --wd-radius-sm:6px; --wd-radius-md:10px; --wd-radius-2xl:22px;
  --wd-background:oklch(0.99 0.003 250); --wd-foreground:oklch(0.18 0.02 260);
  --wd-card:oklch(1 0 0); --wd-primary:oklch(0.42 0.09 245); --wd-primary-fg:oklch(0.99 0.003 250);
  --wd-muted:oklch(0.965 0.006 250); --wd-muted-fg:oklch(0.52 0.02 260);
  --wd-border:oklch(0.92 0.008 255); --wd-input:oklch(0.94 0.008 255); --wd-ring:oklch(0.55 0.09 245);
  --wd-warning:oklch(0.72 0.15 60); --wd-success:oklch(0.58 0.14 155); --wd-info:oklch(0.60 0.10 235);
  --wd-danger:oklch(0.57 0.20 27); --wd-accent:oklch(0.58 0.12 165);
  --wd-e1:0 1px 2px oklch(0 0 0 / 0.04); --wd-e3:0 12px 32px oklch(0 0 0 / 0.10);
  --wd-space-1:4px; --wd-space-2:8px; --wd-space-3:12px; --wd-space-4:16px; --wd-space-6:24px;
  --wd-blur-glass:12px; --wd-motion-fast:120ms; --wd-motion-base:180ms; --wd-motion-medium:240ms;
  --wd-ease:cubic-bezier(0.2,0,0,1); --wd-ease-emph:cubic-bezier(0.3,0,0,1);
  --wd-font-arabic:'IBM Plex Sans Arabic','Cairo',system-ui,sans-serif;
}
[data-theme="dark"] #dayProdOverlay{
  --wd-background:oklch(0.16 0.02 260); --wd-foreground:oklch(0.97 0.005 260);
  --wd-card:oklch(0.20 0.02 260); --wd-primary:oklch(0.72 0.10 240); --wd-primary-fg:oklch(0.16 0.02 260);
  --wd-muted:oklch(0.23 0.02 260); --wd-muted-fg:oklch(0.72 0.02 260);
  --wd-border:oklch(1 0 0 / 8%); --wd-input:oklch(1 0 0 / 12%); --wd-ring:oklch(0.72 0.10 240);
  --wd-warning:oklch(0.80 0.14 65); --wd-success:oklch(0.72 0.15 155); --wd-info:oklch(0.72 0.11 235);
  --wd-danger:oklch(0.70 0.19 27); --wd-accent:oklch(0.68 0.13 165);
}
@media screen{
  /* Overlay + Sheet + Handle */
  #dayProdOverlay{ background:color-mix(in oklab, var(--wd-background) 40%, transparent)!important; -webkit-backdrop-filter:blur(var(--wd-blur-glass))!important; backdrop-filter:blur(var(--wd-blur-glass))!important; align-items:flex-end!important; justify-content:center!important; padding:0!important; font-family:var(--wd-font-arabic); }
  #dayProdOverlay > div{
    background:var(--wd-card)!important; color:var(--wd-foreground)!important; width:100%!important; max-width:100%!important;
    border:none!important; border-top:1px solid var(--wd-border)!important; border-radius:var(--wd-radius-2xl) var(--wd-radius-2xl) 0 0!important;
    box-shadow:var(--wd-e3)!important; max-height:92dvh!important; padding:0 var(--wd-space-4) 0!important; overflow:auto!important; overscroll-behavior:contain;
    animation:sheetUp var(--wd-motion-medium) var(--wd-ease-emph)!important; font-family:var(--wd-font-arabic);
  }
  #dayProdOverlay > div::before{ content:""; display:block; width:36px; height:4px; margin:8px auto 0; border-radius:999px; background:var(--wd-border); }
  /* Header */
  #dayProdOverlay .dp-head-row{ margin:0!important; padding:var(--wd-space-3) 0!important; align-items:flex-start!important; gap:var(--wd-space-3); border-bottom:1px solid color-mix(in oklab, var(--wd-border) 60%, transparent)!important; position:sticky; top:0; z-index:2; background:var(--wd-card); }
  #dayProdOverlay .dp-title{ font-size:15px!important; font-weight:700!important; color:var(--wd-foreground)!important; line-height:1.4; }
  #dayProdOverlay .dp-title svg{ width:16px!important; height:16px!important; vertical-align:-3px; color:var(--wd-warning)!important; }
  #dayProdOverlay .dp-en{ margin-inline-start:6px; font-size:11px; font-weight:500; color:var(--wd-muted-fg); }
  #dayProdOverlay .dp-date{ margin-top:2px; font-size:12px; color:var(--wd-muted-fg); }
  #dayProdOverlay #dpClose.icon-btn{ width:44px!important; height:44px!important; min-width:44px!important; flex:0 0 auto; border-radius:var(--wd-radius-md)!important; background:transparent!important; border:none!important; color:var(--wd-muted-fg)!important; display:grid!important; place-items:center!important; }
  #dayProdOverlay #dpClose.icon-btn:hover{ background:var(--wd-muted)!important; }
  #dayProdOverlay #dpClose.icon-btn svg{ width:16px!important; height:16px!important; }
  /* Lock bar (شريط القفل — .prod-gap مباشر داخل الورقة) → warning */
  #dayProdOverlay > div > .prod-gap{ background:color-mix(in oklab, var(--wd-warning) 10%, var(--wd-card))!important; border:1px solid color-mix(in oklab, var(--wd-warning) 40%, var(--wd-border))!important; color:var(--wd-foreground)!important; border-radius:var(--wd-radius-md)!important; font-size:12.5px!important; font-weight:600!important; padding:8px 12px!important; margin:var(--wd-space-3) 0 0!important; }
  #dayProdOverlay > div > .prod-gap svg{ color:var(--wd-warning)!important; width:14px; height:14px; }
  /* Summary cards */
  #dayProdOverlay #dpSummary{ gap:var(--wd-space-1)!important; margin:var(--wd-space-3) 0 0!important; }
  #dayProdOverlay #dpSummary > div:not(:has(svg)){ background:var(--wd-muted)!important; border:1px solid color-mix(in oklab, var(--wd-border) 60%, transparent)!important; border-radius:var(--wd-radius-md)!important; padding:8px 6px!important; text-align:center; }
  #dayProdOverlay #dpSummary > div:not(:has(svg)) > div:first-child{ font-size:10px!important; font-weight:500!important; color:var(--wd-muted-fg)!important; }
  #dayProdOverlay #dpSummary > div:not(:has(svg)) > div:last-child{ font-size:13px!important; font-weight:700!important; margin-top:2px; font-variant-numeric:tabular-nums; }
  #dayProdOverlay #dpSummary > div:nth-child(1) > div:last-child{ color:var(--wd-warning)!important; }
  #dayProdOverlay #dpSummary > div:nth-child(2) > div:last-child{ color:var(--wd-foreground)!important; }
  #dayProdOverlay #dpSummary > div:nth-child(3) > div:last-child{ color:var(--wd-info)!important; }
  #dayProdOverlay #dpSummary > div:nth-child(4) > div:last-child{ color:var(--wd-danger)!important; }
  #dayProdOverlay #dpSummary > div:nth-child(5) > div:last-child{ color:var(--wd-accent)!important; }
  #dayProdOverlay #dpSummary > div:nth-child(6) > div:last-child{ color:var(--wd-info)!important; }
  #dayProdOverlay #dpSummary > div:has(svg){ background:color-mix(in oklab, var(--wd-warning) 10%, var(--wd-card))!important; border:1px solid color-mix(in oklab, var(--wd-warning) 35%, var(--wd-border))!important; border-radius:var(--wd-radius-md)!important; padding:7px 10px!important; }
  #dayProdOverlay #dpSummary > div:has(svg) span{ color:var(--wd-warning)!important; font-size:11.5px!important; font-weight:600!important; }
  /* Item cards */
  #dayProdOverlay #dpBody{ display:flex!important; flex-direction:column!important; gap:var(--wd-space-2)!important; margin-top:var(--wd-space-3); }
  #dayProdOverlay .dp-card{ border:1px solid var(--wd-border)!important; border-radius:var(--wd-radius-md)!important; padding:0!important; margin:0!important; background:var(--wd-card)!important; overflow:hidden; }
  #dayProdOverlay .dp-card[style*="fffaf2"], #dayProdOverlay .dp-card[style*="f0c98a"]{ border-color:color-mix(in oklab, var(--wd-warning) 40%, var(--wd-border))!important; background:color-mix(in oklab, var(--wd-warning) 6%, var(--wd-card))!important; }
  #dayProdOverlay .dp-head{ gap:var(--wd-space-2)!important; padding:8px 12px!important; }
  #dayProdOverlay .dp-toggle.icon-btn{ width:24px!important; height:24px!important; border-radius:999px!important; background:var(--wd-muted)!important; color:var(--wd-muted-fg)!important; border:none!important; }
  #dayProdOverlay .dp-toggle svg{ width:14px!important; height:14px!important; }
  #dayProdOverlay .dp-head > div[style*="e65100"]{ font-size:13px!important; font-weight:700!important; color:var(--wd-warning)!important; }
  #dayProdOverlay .dp-manual-tag{ background:color-mix(in oklab, var(--wd-warning) 15%, var(--wd-card))!important; color:var(--wd-warning)!important; border:1px solid color-mix(in oklab, var(--wd-warning) 40%, transparent)!important; font-size:10.5px!important; font-weight:700!important; border-radius:var(--wd-radius-sm)!important; padding:2px 6px!important; }
  #dayProdOverlay .dp-mini-summary{ padding:0 12px 10px!important; gap:4px 14px!important; font-size:11.5px!important; color:var(--wd-muted-fg)!important; }
  #dayProdOverlay .dp-mini-summary b{ font-variant-numeric:tabular-nums; color:var(--wd-foreground); }
  #dayProdOverlay .dp-mini-summary b[style*="2e62c4"]{ color:var(--wd-info)!important; }
  #dayProdOverlay .dp-mini-summary b[style*="e65100"]{ color:var(--wd-warning)!important; }
  #dayProdOverlay .dp-mini-summary span[style*="e65100"]{ color:var(--wd-warning)!important; }
  #dayProdOverlay .dp-details{ border-top:1px solid color-mix(in oklab, var(--wd-border) 60%, transparent)!important; padding:12px!important; margin:0!important; }
  #dayProdOverlay .dp-details > div[style*="grid"]{ gap:8px!important; }
  #dayProdOverlay .mini label{ font-size:11px!important; font-weight:600!important; color:var(--wd-muted-fg)!important; }
  #dayProdOverlay .dp-details .input{ height:40px!important; min-height:40px!important; border:1px solid var(--wd-input)!important; border-radius:var(--wd-radius-md)!important; background:var(--wd-background)!important; color:var(--wd-foreground)!important; padding:0 12px!important; font-size:13.5px!important; box-shadow:none!important; font-variant-numeric:tabular-nums; }
  #dayProdOverlay .dp-details .input:focus{ outline:none!important; border-color:var(--wd-ring)!important; box-shadow:0 0 0 2px color-mix(in oklab, var(--wd-ring) 30%, transparent)!important; }
  #dayProdOverlay .dp-details .input[disabled], #dayProdOverlay .dp-details .input[style*="var(--bg)"]{ background:var(--wd-muted)!important; color:var(--wd-foreground)!important; }
  #dayProdOverlay .dp-details .input[data-out="carry"][style*="fff3e0"]{ background:color-mix(in oklab, var(--wd-warning) 12%, var(--wd-card))!important; color:var(--wd-warning)!important; }
  #dayProdOverlay .dp-details .input[data-out="sales"]{ color:var(--wd-info)!important; }
  #dayProdOverlay .dp-edit-carry.icon-btn{ border-radius:var(--wd-radius-md)!important; background:var(--wd-muted)!important; color:var(--wd-muted-fg)!important; border:none!important; }
  #dayProdOverlay .dp-edit-carry.icon-btn[style*="fff3e0"]{ background:color-mix(in oklab, var(--wd-warning) 12%, var(--wd-card))!important; color:var(--wd-warning)!important; }
  #dayProdOverlay .dp-manual-detail{ background:color-mix(in oklab, var(--wd-warning) 10%, var(--wd-card))!important; color:var(--wd-warning)!important; border-radius:var(--wd-radius-sm)!important; font-size:11px!important; }
  #dayProdOverlay .dp-err{ font-size:11px!important; color:var(--wd-danger)!important; }
  /* Status bars */
  #dayProdOverlay .dp-status .prod-ok{ background:color-mix(in oklab, var(--wd-success) 12%, var(--wd-card))!important; color:var(--wd-success)!important; border-radius:var(--wd-radius-sm)!important; font-size:11.5px!important; font-weight:700!important; padding:6px 10px!important; margin:0!important; }
  #dayProdOverlay .dp-status .prod-ok[style*="ede7f6"]{ background:color-mix(in oklab, var(--wd-accent) 12%, var(--wd-card))!important; color:var(--wd-accent)!important; }
  #dayProdOverlay .dp-status .prod-gap{ background:color-mix(in oklab, var(--wd-danger) 12%, var(--wd-card))!important; color:var(--wd-danger)!important; border-radius:var(--wd-radius-sm)!important; font-size:11.5px!important; font-weight:700!important; padding:6px 10px!important; margin:0!important; }
  /* Total (orange) */
  #dayProdOverlay #dpTotal{ background:color-mix(in oklab, var(--wd-warning) 12%, var(--wd-card))!important; border:1px solid color-mix(in oklab, var(--wd-warning) 30%, var(--wd-border))!important; border-radius:var(--wd-radius-md)!important; padding:12px 14px!important; margin:var(--wd-space-3) 0 0!important; font-size:13px!important; font-weight:700!important; }
  #dayProdOverlay #dpTotal span[style*="e65100"]{ color:var(--wd-warning)!important; }
  #dayProdOverlay #dpTotalVal{ color:var(--wd-foreground)!important; font-variant-numeric:tabular-nums; }
  /* Compare */
  #dayProdOverlay #dpCompare{ margin:var(--wd-space-2) 0 0!important; }
  #dayProdOverlay #dpCompare .prod-ok{ background:color-mix(in oklab, var(--wd-success) 10%, var(--wd-card))!important; border:1px solid color-mix(in oklab, var(--wd-success) 35%, var(--wd-border))!important; color:var(--wd-foreground)!important; border-radius:var(--wd-radius-md)!important; font-size:12.5px!important; font-weight:600!important; padding:9px 12px!important; margin:0!important; }
  #dayProdOverlay #dpCompare .prod-ok svg{ color:var(--wd-success)!important; }
  #dayProdOverlay #dpCompare .prod-gap{ background:color-mix(in oklab, var(--wd-danger) 10%, var(--wd-card))!important; border:1px solid color-mix(in oklab, var(--wd-danger) 35%, var(--wd-border))!important; color:var(--wd-foreground)!important; border-radius:var(--wd-radius-md)!important; font-size:12.5px!important; font-weight:600!important; padding:9px 12px!important; margin:0!important; }
  #dayProdOverlay #dpCompare .prod-gap svg{ color:var(--wd-danger)!important; }
  /* Add-more button */
  #dayProdOverlay #dpAddMore, #dayProdOverlay #dpAddFirst{ background:color-mix(in oklab, var(--wd-warning) 10%, var(--wd-card))!important; color:var(--wd-warning)!important; border:1.5px dashed color-mix(in oklab, var(--wd-warning) 40%, var(--wd-border))!important; border-radius:var(--wd-radius-md)!important; font-size:13px!important; font-weight:700!important; min-height:44px!important; }
  /* Footer (sticky) */
  #dayProdOverlay .dp-foot{ position:sticky; bottom:0; z-index:2; display:flex!important; align-items:center; gap:var(--wd-space-2)!important; margin:var(--wd-space-3) calc(-1 * var(--wd-space-4)) 0!important; padding:var(--wd-space-3) var(--wd-space-4)!important; padding-bottom:calc(var(--wd-space-3) + env(safe-area-inset-bottom,0px))!important; border-top:1px solid color-mix(in oklab, var(--wd-border) 60%, transparent)!important; background:color-mix(in oklab, var(--wd-card) 92%, var(--wd-background))!important; }
  #dayProdOverlay .dp-foot .btn{ min-height:44px!important; height:auto!important; margin:0!important; border-radius:var(--wd-radius-md)!important; padding:0 16px!important; font-size:13.5px!important; font-weight:700!important; box-shadow:none!important; display:inline-flex; align-items:center; justify-content:center; gap:var(--wd-space-2); }
  #dayProdOverlay .dp-foot .btn.btn-ghost{ flex:0 0 auto; width:auto!important; background:transparent!important; border:1px solid var(--wd-border)!important; color:var(--wd-foreground)!important; font-weight:600!important; }
  #dayProdOverlay .dp-foot .btn.btn-ghost:hover{ background:var(--wd-muted)!important; }
  #dayProdOverlay .dp-foot .btn.btn-primary{ flex:1 1 auto; width:auto!important; background:var(--wd-primary)!important; color:var(--wd-primary-fg)!important; border:none!important; box-shadow:var(--wd-e1)!important; }
  #dayProdOverlay .dp-foot .btn.btn-primary:active{ transform:scale(.98)!important; }
  #dayProdOverlay .dp-foot .btn svg{ width:16px!important; height:16px!important; }
  /* Desktop */
  @media (min-width:640px){
    #dayProdOverlay{ padding:0 0 var(--wd-space-6)!important; }
    #dayProdOverlay > div{ max-width:560px!important; }
  }
}
/* ==== from index.html <style data-wadih-settings> (v435 split) ==== */
/* ==========================================================================
   Settings "Layered Depth" handoff — Stage 1: foundation tokens + shared card/
   input/button/switch/group language. Scoped to #page-settings ONLY. Official
   oklch tokens (wd-namespace, light+dark). Presentation only — no JS, no logic,
   no id/data-attr/text change; all fields/switches/handlers/permissions kept.
   Hero (SPEC 0) and any layout work are later stages.
   ========================================================================== */
#page-settings{
  --wd-radius-sm:6px; --wd-radius-md:10px; --wd-radius-lg:14px; --wd-radius-xl:18px; --wd-radius-2xl:22px;
  --wd-background:oklch(0.99 0.003 250); --wd-foreground:oklch(0.18 0.02 260);
  --wd-card:oklch(1 0 0); --wd-primary:oklch(0.42 0.09 245); --wd-primary-fg:oklch(0.99 0.003 250);
  --wd-muted:oklch(0.965 0.006 250); --wd-muted-fg:oklch(0.52 0.02 260);
  --wd-accent:oklch(0.58 0.12 165); --wd-accent-fg:oklch(0.99 0.003 250); --wd-border:oklch(0.92 0.008 255); --wd-input:oklch(0.94 0.008 255); --wd-ring:oklch(0.55 0.09 245);
  --wd-success:oklch(0.58 0.14 155); --wd-warning:oklch(0.75 0.14 80); --wd-danger:oklch(0.57 0.20 27); --wd-info:oklch(0.60 0.10 235);
  --wd-e1:0 1px 2px oklch(0 0 0 / 0.04); --wd-e2:0 4px 12px oklch(0 0 0 / 0.06);
  --wd-motion-medium:240ms; --wd-ease-emph:cubic-bezier(0.3,0,0,1);
  --wd-font-arabic:'IBM Plex Sans Arabic','Cairo',system-ui,sans-serif; --wd-font-num:'Inter','Cairo',ui-sans-serif,system-ui,sans-serif;
}
[data-theme="dark"] #page-settings{
  --wd-background:oklch(0.16 0.02 260); --wd-foreground:oklch(0.97 0.005 260);
  --wd-card:oklch(0.20 0.02 260); --wd-primary:oklch(0.72 0.10 240); --wd-primary-fg:oklch(0.16 0.02 260);
  --wd-muted:oklch(0.23 0.02 260); --wd-muted-fg:oklch(0.72 0.02 260);
  --wd-accent:oklch(0.68 0.13 165); --wd-accent-fg:oklch(0.16 0.02 260); --wd-border:oklch(1 0 0 / 8%); --wd-input:oklch(1 0 0 / 12%); --wd-ring:oklch(0.72 0.10 240);
  --wd-success:oklch(0.72 0.15 155); --wd-warning:oklch(0.82 0.14 80); --wd-danger:oklch(0.70 0.19 27); --wd-info:oklch(0.72 0.11 235);
}
@media screen{
  #page-settings{ background:var(--wd-background); color:var(--wd-foreground); font-family:var(--wd-font-arabic); }
  /* ---- Cards (SettingsCard) ---- */
  #page-settings .card{ border-radius:var(--wd-radius-xl)!important; border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; background:var(--wd-card)!important; background-image:none!important; box-shadow:var(--wd-e1)!important; backdrop-filter:none!important; }
  #page-settings .card > .card-title{ font-size:14px!important; font-weight:600!important; color:var(--wd-foreground)!important; display:flex; align-items:center; gap:12px; }
  #page-settings .card > .card-title > svg:first-child{ width:34px; height:34px; padding:8px; box-sizing:content-box; border-radius:999px; background:color-mix(in oklab,var(--wd-primary) 10%,transparent); color:var(--wd-primary); flex:0 0 auto; }
  #page-settings .card > .card-title .en{ font-size:10px!important; color:var(--wd-muted-fg)!important; font-weight:500; text-transform:uppercase; letter-spacing:.08em; }
  #page-settings .hint{ color:var(--wd-muted-fg)!important; }
  #page-settings .ios-sec-t{ color:var(--wd-muted-fg)!important; font-size:12px!important; font-weight:500!important; }
  #page-settings .ios-sec-t svg{ color:var(--wd-muted-fg); width:14px; height:14px; }
  /* ---- Group headers (set-group) ---- */
  #page-settings .set-group-ic{ background:color-mix(in oklab,var(--wd-primary) 10%,transparent)!important; border-radius:999px!important; color:var(--wd-primary)!important; }
  #page-settings .set-group-emoji{ filter:grayscale(0); }
  #page-settings .set-group-t{ color:var(--wd-foreground)!important; font-size:13px!important; font-weight:600!important; letter-spacing:-0.005em; }
  #page-settings .set-group-desc{ color:var(--wd-muted-fg)!important; font-size:11px!important; }
  #page-settings .set-group-chev{ color:var(--wd-muted-fg)!important; }
  #page-settings .set-group-danger .set-group-ic{ background:color-mix(in oklab,var(--wd-danger) 12%,transparent)!important; color:var(--wd-danger)!important; }
  #page-settings .set-group-danger .set-group-t{ color:var(--wd-danger)!important; }
  /* Group/Section container alignment (SPEC Section/SectionTitle + RESPONSIVE single-column):
     drop the redundant .set-group wrapper box so cards read as the bordered units under
     their section header; single column on desktop. Collapse behaviour untouched. */
  #page-settings .set-group{ border:none!important; background:transparent!important; box-shadow:none!important; border-radius:0!important; overflow:visible!important; }
  #page-settings .set-group-h{ padding:8px 2px!important; border-radius:var(--wd-radius-md); }
  #page-settings .set-group-h:hover{ background:transparent!important; }
  #page-settings .set-group-body{ padding:0!important; gap:12px!important; }
  #page-settings .set-groups{ gap:22px!important; }
  @media (min-width:768px){ #page-settings .set-groups{ grid-template-columns:1fr!important; } }
  /* ---- Inputs / selects ---- */
  #page-settings .input, #page-settings .select{ min-height:44px!important; border-radius:var(--wd-radius-md)!important; border:1px solid color-mix(in oklab,var(--wd-foreground) 18%,transparent)!important; background-color:color-mix(in oklab,var(--wd-foreground) 3%,var(--wd-card))!important; color:var(--wd-foreground)!important; box-shadow:none!important; }
  #page-settings .input:focus, #page-settings .select:focus{ border-color:var(--wd-ring)!important; box-shadow:0 0 0 3px color-mix(in oklab,var(--wd-ring) 30%,transparent)!important; }
  #page-settings .input.num, #page-settings .num{ font-family:var(--wd-font-num)!important; font-variant-numeric:tabular-nums; }
  /* ---- SwitchRow (ios-tile) — SPEC SwitchRow ---- */
  #page-settings .ios-tile{ background:color-mix(in oklab,var(--wd-foreground) 3%,var(--wd-card))!important; border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; border-radius:var(--wd-radius-md)!important; }
  #page-settings .ios-tile .ios-title{ color:var(--wd-foreground)!important; font-size:13.5px!important; font-weight:600!important; }
  #page-settings .ios-tile .ios-desc{ color:var(--wd-muted-fg)!important; }
  #page-settings .ios-tile .ios-ic{ background:color-mix(in oklab,var(--wd-primary) 10%,transparent)!important; color:var(--wd-primary)!important; border-radius:999px!important; }
  #page-settings .ios-tile.cash-tile .ios-ic{ background:color-mix(in oklab,var(--wd-success) 12%,transparent)!important; color:var(--wd-success)!important; }
  #page-settings .ios-tile.mada-tile .ios-ic{ background:color-mix(in oklab,var(--wd-info) 12%,transparent)!important; color:var(--wd-info)!important; }
  #page-settings .ios-tile.vat-tile .ios-ic{ background:color-mix(in oklab,var(--wd-warning) 14%,transparent)!important; color:var(--wd-warning)!important; }
  #page-settings .ios-tile.is-off .ios-ic{ background:var(--wd-muted)!important; color:var(--wd-muted-fg)!important; }
  #page-settings .ios-tile.is-off .ios-title{ color:var(--wd-muted-fg)!important; }
  #page-settings .perm-sw .tk{ background:color-mix(in oklab,var(--wd-foreground) 20%,transparent)!important; }
  #page-settings .perm-sw input:checked + .tk{ background:var(--wd-primary)!important; }
  /* ---- Buttons ---- */
  #page-settings .btn.btn-primary{ background:var(--wd-primary)!important; color:var(--wd-primary-fg)!important; border-color:transparent!important; border-radius:var(--wd-radius-md)!important; box-shadow:var(--wd-e1), 0 6px 16px -12px color-mix(in oklab,var(--wd-primary) 55%,transparent), inset 0 1px 0 color-mix(in oklab,var(--wd-primary-fg) 18%,transparent)!important; }
  #page-settings .btn.btn-accent{ background:var(--wd-accent)!important; color:var(--wd-accent-fg)!important; border-color:transparent!important; border-radius:var(--wd-radius-md)!important; box-shadow:var(--wd-e1)!important; }
  #page-settings .btn.btn-ghost, #page-settings .btn.btn-secondary{ background:var(--wd-card)!important; color:var(--wd-foreground)!important; border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; border-radius:var(--wd-radius-md)!important; }
  /* Danger-outline buttons (logout / wipe / clearTest / logo remove) — card bg + danger border/text */
  #page-settings #logoutBtn, #page-settings #wipeAllBtn, #page-settings #identLogoClear{ background:var(--wd-card)!important; color:var(--wd-danger)!important; border:1px solid color-mix(in oklab,var(--wd-danger) 30%,transparent)!important; border-radius:var(--wd-radius-md)!important; box-shadow:none!important; }
  #page-settings #logoutBtn:hover, #page-settings #wipeAllBtn:hover, #page-settings #identLogoClear:hover{ background:color-mix(in oklab,var(--wd-danger) 5%,var(--wd-card))!important; }
  /* ---- Danger card ---- */
  #page-settings #dangerCard{ border:1px solid color-mix(in oklab,var(--wd-danger) 30%,transparent)!important; }
  #page-settings #dangerCard > .card-title > svg:first-child{ background:color-mix(in oklab,var(--wd-danger) 10%,transparent)!important; color:var(--wd-danger)!important; }
  #page-settings #dangerCard > .card-title{ color:var(--wd-danger)!important; }

  /* ---- Settings Hero (SPEC section 0) — layered display card, --primary ---- */
  #page-settings .wd-set-hero{ position:relative; overflow:hidden; margin-bottom:16px; padding:20px; border-radius:var(--wd-radius-2xl); border:1px solid color-mix(in oklab,var(--wd-primary) 20%,transparent); background:linear-gradient(180deg, var(--wd-primary), color-mix(in oklab,var(--wd-primary) 85%,black)); color:var(--wd-primary-fg); box-shadow:var(--wd-e2), inset 0 1px 0 color-mix(in oklab,var(--wd-primary-fg) 16%,transparent); }
  [data-theme="dark"] #page-settings .wd-set-hero{ background:linear-gradient(180deg, var(--wd-primary), color-mix(in oklab,var(--wd-primary) 80%,black)); box-shadow:var(--wd-e2), inset 0 1px 0 color-mix(in oklab,var(--wd-primary-fg) 12%,transparent); }
  #page-settings .wd-set-hero > *{ position:relative; z-index:1; }
  #page-settings .wd-sh-glow{ position:absolute; z-index:0; border-radius:999px; pointer-events:none; }
  #page-settings .wd-sh-glow-a{ width:192px; height:192px; top:-48px; inset-inline-end:-48px; background:color-mix(in oklab,var(--wd-primary-fg) 5%,transparent); filter:blur(60px); }
  #page-settings .wd-sh-glow-b{ width:128px; height:128px; bottom:-40px; inset-inline-start:-40px; background:color-mix(in oklab,var(--wd-primary-fg) 4%,transparent); filter:blur(48px); }
  #page-settings .wd-sh-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
  #page-settings .wd-sh-kicker{ font-size:10.5px; font-weight:600; letter-spacing:0.2em; text-transform:uppercase; color:color-mix(in oklab,var(--wd-primary-fg) 70%,transparent); }
  #page-settings .wd-sh-pill{ display:inline-flex; align-items:center; gap:6px; border-radius:var(--wd-radius-md); border:1px solid color-mix(in oklab,var(--wd-primary-fg) 20%,transparent); background:color-mix(in oklab,var(--wd-primary-fg) 10%,transparent); color:color-mix(in oklab,var(--wd-primary-fg) 85%,transparent); padding:4px 10px; font-size:11px; font-weight:500; flex:0 0 auto; }
  #page-settings .wd-sh-pill svg{ width:14px; height:14px; }
  #page-settings .wd-sh-name{ margin-top:20px; font-family:var(--wd-font-arabic); font-size:26px; line-height:1.05; letter-spacing:-0.02em; font-weight:640; color:var(--wd-primary-fg); }
  #page-settings .wd-sh-sub{ margin-top:8px; display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:12px; color:color-mix(in oklab,var(--wd-primary-fg) 80%,transparent); }
  #page-settings .wd-sh-sub [data-hero="email"]{ direction:ltr; unicode-bidi:isolate; }
  #page-settings .wd-sh-dot{ opacity:.5; }

  /* ===================== Stage 3: card details (SPEC 1/12/13 + EmptyBlock) ===================== */
  /* §1 Account Row */
  #page-settings #accountCard .urow{ border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; border-radius:var(--wd-radius-lg)!important; background:color-mix(in oklab,var(--wd-foreground) 3%,var(--wd-card))!important; }
  #page-settings #accountCard .uavatar{ background:var(--wd-primary)!important; color:var(--wd-primary-fg)!important; }
  #page-settings #accountCard .uname{ color:var(--wd-foreground)!important; }
  #page-settings #accountCard .umail{ color:var(--wd-muted-fg)!important; }
  #page-settings .ubadge-admin{ background:color-mix(in oklab,var(--wd-primary) 12%,transparent)!important; color:var(--wd-primary)!important; }
  #page-settings .ubadge-emp{ background:var(--wd-muted)!important; color:var(--wd-muted-fg)!important; }
  #page-settings .ubadge-on{ background:color-mix(in oklab,var(--wd-success) 14%,transparent)!important; color:var(--wd-success)!important; }
  #page-settings .ubadge-off{ background:color-mix(in oklab,var(--wd-danger) 12%,transparent)!important; color:var(--wd-danger)!important; }
  /* §2 branch rows / §9 saved-family rows: neutral hairline surfaces */
  #page-settings #branchesList .branch-row, #page-settings .ucard, #page-settings .gcard{ border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; border-radius:var(--wd-radius-lg)!important; background:var(--wd-card)!important; }
  /* §3 identity logo preview */
  #page-settings #identLogoPrev{ border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; border-radius:var(--wd-radius-lg)!important; background:color-mix(in oklab,var(--wd-foreground) 3%,var(--wd-card))!important; }
  /* §12 Users toolbar + sub-sections */
  #page-settings .um-sec{ color:var(--wd-foreground)!important; font-size:13px!important; font-weight:600!important; border-top:1px solid color-mix(in oklab,var(--wd-border) 55%,transparent)!important; }
  #page-settings .um-sec svg{ color:var(--wd-muted-fg)!important; }
  #page-settings .um-search input{ border:1px solid color-mix(in oklab,var(--wd-foreground) 18%,transparent)!important; background-color:color-mix(in oklab,var(--wd-foreground) 3%,var(--wd-card))!important; color:var(--wd-foreground)!important; border-radius:var(--wd-radius-md)!important; min-height:44px!important; }
  #page-settings .um-search input:focus{ border-color:var(--wd-ring)!important; box-shadow:0 0 0 3px color-mix(in oklab,var(--wd-ring) 30%,transparent)!important; }
  #page-settings .um-search > svg{ color:var(--wd-muted-fg)!important; }
  #page-settings .um-mini{ border:1px solid color-mix(in oklab,var(--wd-foreground) 18%,transparent)!important; background-color:color-mix(in oklab,var(--wd-foreground) 3%,var(--wd-card))!important; color:var(--wd-foreground)!important; border-radius:var(--wd-radius-md)!important; min-height:44px!important; }
  #page-settings .um-mini:focus{ border-color:var(--wd-ring)!important; box-shadow:0 0 0 3px color-mix(in oklab,var(--wd-ring) 30%,transparent)!important; }
  /* §13 Audit collapsible (chevron rotates on OPEN per handoff) */
  #page-settings #auditCard .cc-head{ cursor:pointer; }
  #page-settings #auditCard .cc-head > svg:first-child{ width:34px; height:34px; padding:8px; box-sizing:content-box; border-radius:999px; background:color-mix(in oklab,var(--wd-primary) 10%,transparent); color:var(--wd-primary); flex:0 0 auto; }
  #page-settings #auditCard .cc-chev{ color:var(--wd-muted-fg)!important; }
  #page-settings #auditCard.is-coll .cc-chev{ transform:rotate(0deg)!important; }
  #page-settings #auditCard:not(.is-coll) .cc-chev{ transform:rotate(180deg)!important; }
  #page-settings .hm-refresh{ background:var(--wd-muted)!important; color:var(--wd-muted-fg)!important; border-radius:var(--wd-radius-md)!important; border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; }
  /* EmptyBlock (dashed placeholders) */
  #page-settings .ds-empty-state, #page-settings .an-ph{ border:1px dashed color-mix(in oklab,var(--wd-border) 80%,transparent)!important; border-radius:var(--wd-radius-lg)!important; background:color-mix(in oklab,var(--wd-foreground) 3%,var(--wd-card))!important; }
  #page-settings .ds-empty-state svg, #page-settings .ds-empty-state .ds-empty-ic, #page-settings .an-ph-ic{ color:var(--wd-muted-fg)!important; opacity:.6; background:var(--wd-muted)!important; }
  #page-settings .ds-empty-state .ds-empty-title{ color:var(--wd-foreground)!important; }
  #page-settings .ds-empty-state .ds-empty-sub, #page-settings .an-ph-t{ color:var(--wd-muted-fg)!important; }

  @media (min-width:768px){
    #page-settings .wd-set-hero{ padding:28px; }
    #page-settings .wd-sh-name{ font-size:32px; }
    #page-settings .um-filters{ display:grid; grid-template-columns:repeat(3,1fr); }
  }
}
/* ==== from index.html <style data-wadih-archive> (v435 split) ==== */
/* ==========================================================================
   Archive / Monthly-Reports "Layered Depth" handoff — Stage 1: foundation tokens
   + shared card/input/button/collapsible language. Scoped to #page-archive ONLY.
   Official oklch tokens (wd-namespace, light+dark). Presentation only — no JS,
   no logic, no id or data-attr or text change; all fields/buttons/handlers kept.
   Hero (SPEC section 2) and layout split are later stages.
   ========================================================================== */
#page-archive{
  --wd-radius-sm:6px; --wd-radius-md:10px; --wd-radius-lg:14px; --wd-radius-xl:18px; --wd-radius-2xl:22px;
  --wd-background:oklch(0.99 0.003 250); --wd-foreground:oklch(0.18 0.02 260);
  --wd-card:oklch(1 0 0); --wd-primary:oklch(0.42 0.09 245); --wd-primary-fg:oklch(0.99 0.003 250);
  --wd-muted:oklch(0.965 0.006 250); --wd-muted-fg:oklch(0.52 0.02 260);
  --wd-accent:oklch(0.58 0.12 165); --wd-accent-fg:oklch(0.99 0.003 250); --wd-border:oklch(0.92 0.008 255); --wd-input:oklch(0.94 0.008 255); --wd-ring:oklch(0.55 0.09 245);
  --wd-success:oklch(0.58 0.14 155); --wd-warning:oklch(0.75 0.14 80); --wd-danger:oklch(0.57 0.20 27); --wd-info:oklch(0.60 0.10 235);
  --wd-e1:0 1px 2px oklch(0 0 0 / 0.04); --wd-e2:0 4px 12px oklch(0 0 0 / 0.06);
  --wd-motion-medium:240ms; --wd-ease-emph:cubic-bezier(0.3,0,0,1);
  --wd-font-arabic:'IBM Plex Sans Arabic','Cairo',system-ui,sans-serif; --wd-font-num:'Inter','Cairo',ui-sans-serif,system-ui,sans-serif;
}
[data-theme="dark"] #page-archive{
  --wd-background:oklch(0.16 0.02 260); --wd-foreground:oklch(0.97 0.005 260);
  --wd-card:oklch(0.20 0.02 260); --wd-primary:oklch(0.72 0.10 240); --wd-primary-fg:oklch(0.16 0.02 260);
  --wd-muted:oklch(0.23 0.02 260); --wd-muted-fg:oklch(0.72 0.02 260);
  --wd-accent:oklch(0.68 0.13 165); --wd-accent-fg:oklch(0.16 0.02 260); --wd-border:oklch(1 0 0 / 8%); --wd-input:oklch(1 0 0 / 12%); --wd-ring:oklch(0.72 0.10 240);
  --wd-success:oklch(0.72 0.15 155); --wd-warning:oklch(0.82 0.14 80); --wd-danger:oklch(0.70 0.19 27); --wd-info:oklch(0.72 0.11 235);
}
@media screen{
  #page-archive{ background:var(--wd-background); color:var(--wd-foreground); font-family:var(--wd-font-arabic); }
  /* ---- Cards (surface language) ---- */
  #page-archive .card{ border-radius:var(--wd-radius-xl)!important; border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; background:var(--wd-card)!important; background-image:none!important; box-shadow:var(--wd-e1)!important; backdrop-filter:none!important; }
  #page-archive .card:not(.day-coll):hover{ box-shadow:var(--wd-e1)!important; }
  /* ---- Section / card titles ---- */
  #page-archive .card > .card-title{ font-size:13px!important; font-weight:600!important; letter-spacing:-0.005em; color:var(--wd-foreground)!important; }
  #page-archive .card > .card-title > svg:first-child{ color:var(--wd-muted-fg); }
  #page-archive .card > .card-title .en{ font-size:10px; color:var(--wd-muted-fg); font-weight:500; }
  /* ---- Collapsible report cards (SPEC section 7 ReportCard header) ---- */
  #page-archive .card.day-coll{ overflow:hidden; }
  #page-archive .card.day-coll > .card-title.day-coll-h{ cursor:pointer; padding:2px 0; transition:color var(--wd-motion-medium) ease; }
  #page-archive .card.day-coll > .card-title.day-coll-h > svg:first-child{ width:34px; height:34px; padding:8px; box-sizing:content-box; border-radius:999px; background:color-mix(in oklab,var(--wd-primary) 10%,transparent); color:var(--wd-primary); flex:0 0 auto; }
  #page-archive .card.day-coll > .card-title.day-coll-h .hm-chev{ margin-inline-start:auto!important; width:16px!important; height:16px!important; color:var(--wd-muted-fg)!important; transition:transform var(--wd-motion-medium) var(--wd-ease-emph); }
  #page-archive .card.day-coll.is-coll > .card-title.day-coll-h .hm-chev{ transform:rotate(0deg)!important; }
  #page-archive .card.day-coll:not(.is-coll) > .card-title.day-coll-h .hm-chev{ transform:rotate(180deg)!important; }
  /* ---- Inputs / selects / dates / labels (SPEC section 8) ---- */
  #page-archive .field label, #page-archive .period-date-lbl{ font-size:12px!important; font-weight:500!important; color:var(--wd-muted-fg)!important; }
  #page-archive .field label svg{ width:14px; height:14px; color:var(--wd-muted-fg); }
  #page-archive .input, #page-archive .select, #page-archive .dd-toggle{ min-height:44px!important; border-radius:var(--wd-radius-md)!important; border:1px solid color-mix(in oklab,var(--wd-foreground) 18%,transparent)!important; background-color:color-mix(in oklab,var(--wd-foreground) 3%,var(--wd-card))!important; color:var(--wd-foreground)!important; box-shadow:none!important; }
  #page-archive .input:focus, #page-archive .select:focus, #page-archive .dd-toggle:focus{ border-color:var(--wd-ring)!important; box-shadow:0 0 0 3px color-mix(in oklab,var(--wd-ring) 30%,transparent)!important; }
  #page-archive .input.num, #page-archive .num{ font-family:var(--wd-font-num)!important; font-variant-numeric:tabular-nums; }
  /* ---- Buttons (token variants) ---- */
  #page-archive .btn.btn-primary, #page-archive .ds-btn.ds-btn-primary{ background:var(--wd-primary)!important; color:var(--wd-primary-fg)!important; border-color:transparent!important; border-radius:var(--wd-radius-md)!important; box-shadow:var(--wd-e1), 0 6px 16px -12px color-mix(in oklab,var(--wd-primary) 55%,transparent), inset 0 1px 0 color-mix(in oklab,var(--wd-primary-fg) 18%,transparent)!important; }
  #page-archive .btn.btn-accent{ background:var(--wd-accent)!important; color:var(--wd-accent-fg)!important; border-color:transparent!important; border-radius:var(--wd-radius-md)!important; box-shadow:var(--wd-e1)!important; }
  #page-archive .btn.btn-ghost{ background:var(--wd-card)!important; color:var(--wd-foreground)!important; border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; border-radius:var(--wd-radius-md)!important; }
  #page-archive #arPeriodClear, #page-archive #famResetDates{ background:var(--wd-card)!important; color:var(--wd-danger)!important; border:1px solid color-mix(in oklab,var(--wd-danger) 30%,transparent)!important; border-radius:var(--wd-radius-md)!important; box-shadow:none!important; }
  #page-archive #arPeriodClear:hover, #page-archive #famResetDates:hover{ background:color-mix(in oklab,var(--wd-danger) 5%,var(--wd-card))!important; }
  /* ---- Period filter card (SPEC section 4) ---- */
  #page-archive .period-card{ border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; border-radius:var(--wd-radius-xl)!important; background:var(--wd-card)!important; box-shadow:var(--wd-e1)!important; }
  #page-archive .period-card-ic{ background:color-mix(in oklab,var(--wd-primary) 10%,transparent)!important; color:var(--wd-primary)!important; }
  #page-archive .period-card-ic svg{ color:var(--wd-primary)!important; }
  #page-archive .period-card-t{ color:var(--wd-foreground)!important; font-weight:600; }
  #page-archive .period-card-d{ color:var(--wd-muted-fg)!important; }
  /* ---- Summary chips (SPEC section 2 archiveSummary) — calm token tiles ---- */
  #page-archive #archiveSummary .stat{ border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; background:color-mix(in oklab,var(--wd-foreground) 4%,var(--wd-card))!important; border-radius:var(--wd-radius-md)!important; box-shadow:none!important; }
  #page-archive #archiveSummary .stat::before, #page-archive .card .stat::before{ background:var(--wd-primary)!important; width:3px!important; }
  #page-archive #archiveSummary .stat.a::before{ background:var(--wd-accent)!important; }
  #page-archive #archiveSummary .stat.i::before{ background:var(--wd-info)!important; }
  #page-archive .stat .s-lbl{ font-size:11px!important; color:var(--wd-muted-fg)!important; font-weight:500!important; }
  #page-archive .stat .s-val{ font-family:var(--wd-font-num)!important; font-variant-numeric:tabular-nums; font-weight:640!important; color:var(--wd-foreground)!important; }
  /* ---- Statistics list rows ---- */
  #page-archive .dash-list-head{ color:var(--wd-foreground)!important; font-size:12.5px; font-weight:600; }
  #page-archive .dash-list-head svg{ color:var(--wd-muted-fg); }
  #page-archive .dash-viewall{ color:var(--wd-primary)!important; font-weight:600; }
  #page-archive .days-count-pill, #page-archive .ds-badge, #page-archive #archiveDaysCount{ background:color-mix(in oklab,var(--wd-muted) 100%,transparent)!important; color:var(--wd-muted-fg)!important; border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; }

  /* ---- §6 أيام الشهر header (SPEC 6 — muted bubble) ---- */
  #page-archive .card.wd-arch-days > #archiveDaysToggle{ font-size:13.5px!important; font-weight:600!important; color:var(--wd-foreground)!important; }
  #page-archive .card.wd-arch-days > #archiveDaysToggle > svg[data-lucide="calendar-days"]{ width:34px; height:34px; padding:8px; box-sizing:content-box; border-radius:999px; background:var(--wd-muted); color:var(--wd-muted-fg); flex:0 0 auto; }
  #page-archive .card.wd-arch-days > #archiveDaysToggle > svg#archiveDaysChevron{ width:16px; height:16px; color:var(--wd-muted-fg); }
  /* ---- §7.2 StatRow (dashTop / dashTopProd / dashTopRent) — token rows + primary rank bubble ---- */
  #page-archive #dashTop .move, #page-archive #dashTopProd .move, #page-archive #dashTopRent .move{ background:transparent!important; border:0!important; border-bottom:1px solid color-mix(in oklab,var(--wd-border) 55%,transparent)!important; border-radius:0!important; padding:10px 2px!important; margin:0!important; gap:12px; }
  #page-archive #dashTop .move:last-child, #page-archive #dashTopProd .move:last-child, #page-archive #dashTopRent .move:last-child{ border-bottom:0!important; }
  #page-archive #dashTop .m-ico, #page-archive #dashTopProd .m-ico, #page-archive #dashTopRent .m-ico{ width:28px!important; height:28px!important; border-radius:999px!important; background:color-mix(in oklab,var(--wd-primary) 10%,transparent)!important; flex:0 0 auto; box-shadow:none!important; }
  #page-archive #dashTop .m-ico span, #page-archive #dashTopProd .m-ico span, #page-archive #dashTopRent .m-ico span{ color:var(--wd-primary)!important; font-family:var(--wd-font-num)!important; font-size:12px!important; }
  #page-archive #dashTop .m-info .t, #page-archive #dashTopProd .m-info .t, #page-archive #dashTopRent .m-info .t{ font-size:13px; font-weight:600; color:var(--wd-foreground)!important; }
  #page-archive #dashTop .m-info .n, #page-archive #dashTopProd .m-info .n, #page-archive #dashTopRent .m-info .n{ font-size:11px; color:var(--wd-muted-fg)!important; }
  #page-archive #dashTop .move .num, #page-archive #dashTopProd .move .num, #page-archive #dashTopRent .move .num{ color:var(--wd-foreground)!important; font-family:var(--wd-font-num)!important; font-variant-numeric:tabular-nums; font-weight:640; }
  /* ---- Empty-state placeholders inside report cards ---- */
  #page-archive .an-ph{ border:1px dashed color-mix(in oklab,var(--wd-border) 80%,transparent)!important; border-radius:var(--wd-radius-lg)!important; background:color-mix(in oklab,var(--wd-foreground) 3%,var(--wd-card))!important; }
  #page-archive .an-ph-ic{ background:var(--wd-muted)!important; color:var(--wd-muted-fg)!important; border-radius:var(--wd-radius-md)!important; }
  #page-archive .an-ph-t{ color:var(--wd-muted-fg)!important; }
  #page-archive .stmt-sel-wrap .stmt-clear{ color:var(--wd-muted-fg)!important; }
  #page-archive .days-count-pill{ }

  /* ---- Stage 3: top-section split (SPEC 3-5) — SectionTitle + layout ---- */
  #page-archive .wd-arch-sectitle{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:0 2px 10px; }
  #page-archive .wd-arch-sect{ position:relative; font-size:13px; font-weight:600; letter-spacing:-0.005em; color:var(--wd-foreground); padding-bottom:6px; }
  #page-archive .wd-arch-sect::after{ content:""; position:absolute; bottom:0; inset-inline-start:0; width:20px; height:1.5px; border-radius:999px; background:color-mix(in oklab,var(--wd-foreground) 12%,transparent); }
  #page-archive .wd-arch-hint{ font-size:11px; color:var(--wd-muted-fg); white-space:nowrap; }
  #page-archive .card.wd-arch-range{ border-radius:var(--wd-radius-lg)!important; }
  #page-archive .wd-arch-grid2{ display:grid; grid-template-columns:1fr; gap:16px; }
  /* Duplication handled per handoff: summary lives in the Hero; the in-card
     #archiveSummary is hidden (kept in DOM so the app still populates it and the
     hero mirror still reads it — no data/logic change). */
  #page-archive #archiveSummary{ display:none!important; }
  /* Period dates 2-col + month-report filters row on desktop (RESPONSIVE) */
  #page-archive .period-dates{ display:grid; grid-template-columns:1fr; gap:12px; }
  #page-archive .card.wd-arch-month .row-flex{ display:flex; flex-direction:column; gap:10px; }
  @media (min-width:768px){
    #page-archive .wd-arch-grid2{ grid-template-columns:repeat(2,1fr); }
    #page-archive .period-dates{ grid-template-columns:repeat(2,1fr); }
    #page-archive .card.wd-arch-month .row-flex{ flex-direction:row; }
  }

  /* ---- Reports Hero (SPEC section 2) — layered display card, --primary ---- */
  #page-archive .wd-arch-hero{ position:relative; overflow:hidden; margin-bottom:16px; padding:20px; border-radius:var(--wd-radius-2xl); border:1px solid color-mix(in oklab,var(--wd-primary) 20%,transparent); background:linear-gradient(180deg, var(--wd-primary), color-mix(in oklab,var(--wd-primary) 85%,black)); color:var(--wd-primary-fg); box-shadow:var(--wd-e2), inset 0 1px 0 color-mix(in oklab,var(--wd-primary-fg) 16%,transparent); }
  [data-theme="dark"] #page-archive .wd-arch-hero{ background:linear-gradient(180deg, var(--wd-primary), color-mix(in oklab,var(--wd-primary) 80%,black)); box-shadow:var(--wd-e2), inset 0 1px 0 color-mix(in oklab,var(--wd-primary-fg) 12%,transparent); }
  #page-archive .wd-arch-hero > *{ position:relative; z-index:1; }
  #page-archive .wd-ah-glow{ position:absolute; z-index:0; border-radius:999px; pointer-events:none; }
  #page-archive .wd-ah-glow-a{ width:192px; height:192px; top:-48px; inset-inline-end:-48px; background:color-mix(in oklab,var(--wd-primary-fg) 5%,transparent); filter:blur(60px); }
  #page-archive .wd-ah-glow-b{ width:128px; height:128px; bottom:-40px; inset-inline-start:-40px; background:color-mix(in oklab,var(--wd-primary-fg) 4%,transparent); filter:blur(48px); }
  #page-archive .wd-ah-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
  #page-archive .wd-ah-kicker{ font-size:10.5px; font-weight:600; letter-spacing:0.2em; text-transform:uppercase; color:color-mix(in oklab,var(--wd-primary-fg) 70%,transparent); }
  #page-archive .wd-ah-pill{ display:inline-flex; align-items:center; gap:6px; border-radius:var(--wd-radius-md); border:1px solid color-mix(in oklab,var(--wd-primary-fg) 20%,transparent); background:color-mix(in oklab,var(--wd-primary-fg) 10%,transparent); color:color-mix(in oklab,var(--wd-primary-fg) 85%,transparent); padding:4px 10px; font-size:11px; font-weight:500; flex:0 0 auto; }
  #page-archive .wd-ah-pill svg{ width:14px; height:14px; }
  #page-archive .wd-ah-month{ margin-top:20px; font-family:var(--wd-font-arabic); font-size:28px; line-height:1; letter-spacing:-0.025em; font-weight:640; color:var(--wd-primary-fg); }
  #page-archive .wd-ah-sub{ margin-top:8px; display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:12px; color:color-mix(in oklab,var(--wd-primary-fg) 80%,transparent); }
  #page-archive .wd-ah-dot{ opacity:.5; }
  #page-archive .wd-ah-divider{ margin-top:20px; height:1px; background:linear-gradient(to left, transparent, color-mix(in oklab,var(--wd-primary-fg) 12%,transparent), transparent); }
  #page-archive .wd-ah-chips{ margin-top:16px; display:grid; grid-template-columns:1fr; gap:10px; }
  #page-archive .wd-ah-chip{ display:flex; align-items:center; justify-content:space-between; gap:12px; border-radius:var(--wd-radius-md); border:1px solid color-mix(in oklab,var(--wd-primary-fg) 15%,transparent); background:color-mix(in oklab,var(--wd-primary-fg) 10%,transparent); padding:12px 14px; }
  #page-archive .wd-ah-chip-l{ font-size:11.5px; font-weight:500; color:color-mix(in oklab,var(--wd-primary-fg) 85%,transparent); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  #page-archive .wd-ah-chip-v{ font-family:var(--wd-font-num); font-variant-numeric:tabular-nums; font-weight:640; font-size:14px; color:var(--wd-primary-fg); direction:ltr; unicode-bidi:isolate; white-space:nowrap; flex:0 0 auto; }
  #page-archive .wd-ah-chip-v small{ font-size:10px; font-weight:500; color:color-mix(in oklab,var(--wd-primary-fg) 70%,transparent); margin-inline-start:2px; }
  @media (min-width:768px){
    #page-archive .wd-arch-hero{ padding:28px; }
    #page-archive .wd-ah-month{ font-size:36px; }
    #page-archive .wd-ah-chips{ grid-template-columns:repeat(3,1fr); }
  }
}
/* ==== from index.html <style data-wadih-daily> (v435 split) ==== */
/* ==========================================================================
   Daily Workspace "Layered Depth" handoff — Stage 1: foundation tokens + Session
   Inputs card (SPEC §5). Scoped to #page-daily ONLY. Official oklch tokens
   (--wd-*, light+dark). Presentation only — no JS/logic/id/data-attr/text
   change; all fields/buttons/handlers preserved.
   ========================================================================== */
#page-daily{
  --wd-radius-sm:6px; --wd-radius-md:10px; --wd-radius-lg:14px; --wd-radius-xl:18px; --wd-radius-2xl:22px;
  --wd-background:oklch(0.99 0.003 250); --wd-foreground:oklch(0.18 0.02 260);
  --wd-card:oklch(1 0 0); --wd-primary:oklch(0.42 0.09 245); --wd-primary-fg:oklch(0.99 0.003 250);
  --wd-muted:oklch(0.965 0.006 250); --wd-muted-fg:oklch(0.52 0.02 260);
  --wd-accent:oklch(0.58 0.12 165); --wd-border:oklch(0.92 0.008 255); --wd-input:oklch(0.94 0.008 255); --wd-ring:oklch(0.55 0.09 245);
  --wd-success:oklch(0.58 0.14 155); --wd-warning:oklch(0.75 0.14 80); --wd-warning-fg:oklch(0.18 0.02 260); --wd-danger:oklch(0.57 0.20 27); --wd-info:oklch(0.60 0.10 235);
  --wd-e1:0 1px 2px oklch(0 0 0 / 0.04); --wd-e2:0 4px 12px oklch(0 0 0 / 0.06); --wd-e3:0 12px 32px oklch(0 0 0 / 0.10);
  --wd-font-arabic:'IBM Plex Sans Arabic','Cairo',system-ui,sans-serif; --wd-font-num:'Inter','Cairo',ui-sans-serif,system-ui,sans-serif;
}
[data-theme="dark"] #page-daily{
  --wd-background:oklch(0.16 0.02 260); --wd-foreground:oklch(0.97 0.005 250);
  --wd-card:oklch(0.20 0.02 260); --wd-primary:oklch(0.72 0.10 240); --wd-primary-fg:oklch(0.16 0.02 260);
  --wd-muted:oklch(0.23 0.02 260); --wd-muted-fg:oklch(0.72 0.02 260);
  --wd-accent:oklch(0.68 0.13 165); --wd-border:oklch(1 0 0 / 8%); --wd-input:oklch(1 0 0 / 12%); --wd-ring:oklch(0.72 0.10 240);
  --wd-success:oklch(0.72 0.15 155); --wd-warning:oklch(0.82 0.14 80); --wd-warning-fg:oklch(0.16 0.02 260); --wd-danger:oklch(0.70 0.19 27); --wd-info:oklch(0.72 0.11 235);
}
@media screen{
  /* ---- Session Inputs card (SPEC §5): the card that holds #branch ---- */
  #page-daily .card:has(#branch){ border-radius:var(--wd-radius-lg)!important; border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; background:var(--wd-card)!important; background-image:none!important; box-shadow:var(--wd-e1)!important; padding:20px!important; backdrop-filter:none!important; }
  #page-daily .card:has(#branch) .card-title{ font-size:13px!important; font-weight:600!important; letter-spacing:-0.005em; color:var(--wd-foreground)!important; }
  #page-daily .card:has(#branch) .card-title > svg:first-child{ color:var(--wd-muted-fg); }
  #page-daily .card:has(#branch) .field label{ font-size:12px!important; font-weight:500!important; color:var(--wd-muted-fg)!important; }
  #page-daily .card:has(#branch) .field label svg{ width:14px; height:14px; color:var(--wd-muted-fg); }
  #page-daily .card:has(#branch) .branch-row{ border:none!important; padding:0!important; margin:0!important; background:transparent!important; box-shadow:none!important; }
  #page-daily .card:has(#branch) .select, #page-daily .card:has(#branch) .dd-toggle, #page-daily .card:has(#branch) .input{ min-height:44px!important; border-radius:var(--wd-radius-md)!important; border:1px solid color-mix(in oklab,var(--wd-foreground) 18%, transparent)!important; background-color:color-mix(in oklab,var(--wd-foreground) 3%, var(--wd-card))!important; color:var(--wd-foreground)!important; box-shadow:none!important; }
  #page-daily .card:has(#branch) .select:focus, #page-daily .card:has(#branch) .dd-toggle:focus, #page-daily .card:has(#branch) .input:focus{ border-color:var(--wd-ring)!important; box-shadow:0 0 0 3px color-mix(in oklab,var(--wd-ring) 30%,transparent)!important; }
  #page-daily .card:has(#branch) .input.num{ font-family:var(--wd-font-num)!important; font-variant-numeric:tabular-nums; text-align:start!important; direction:ltr; }
  #page-daily .card:has(#branch) .hint{ font-size:11px!important; color:color-mix(in oklab,var(--wd-muted-fg) 80%,transparent)!important; }

  /* ---- Session Hero (SPEC §4): layered display card, --primary ---- */
  #page-daily .wd-daily-hero{ position:relative; overflow:hidden; margin-bottom:14px; padding:20px; border-radius:var(--wd-radius-2xl); border:1px solid color-mix(in oklab,var(--wd-primary) 20%,transparent); background:linear-gradient(180deg, var(--wd-primary), color-mix(in oklab,var(--wd-primary) 85%,black)); color:var(--wd-primary-fg); box-shadow:var(--wd-e2), inset 0 1px 0 color-mix(in oklab,var(--wd-primary-fg) 16%,transparent); }
  [data-theme="dark"] #page-daily .wd-daily-hero{ background:linear-gradient(180deg, var(--wd-primary), color-mix(in oklab,var(--wd-primary) 80%,black)); box-shadow:var(--wd-e2), inset 0 1px 0 color-mix(in oklab,var(--wd-primary-fg) 12%,transparent); }
  #page-daily .wd-daily-hero > *{ position:relative; z-index:1; }
  #page-daily .wd-dh-glow{ position:absolute; z-index:0; border-radius:999px; pointer-events:none; }
  #page-daily .wd-dh-glow-a{ width:220px; height:220px; top:-80px; inset-inline-start:-60px; background:color-mix(in oklab,var(--wd-primary-fg) 5%,transparent); filter:blur(60px); }
  #page-daily .wd-dh-glow-b{ width:180px; height:180px; bottom:-70px; inset-inline-end:-50px; background:color-mix(in oklab,var(--wd-primary-fg) 4%,transparent); filter:blur(48px); }
  #page-daily .wd-dh-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
  #page-daily .wd-dh-eyebrow{ font-size:10.5px; font-weight:700; letter-spacing:0.2em; text-transform:uppercase; color:color-mix(in oklab,var(--wd-primary-fg) 70%,transparent); }
  #page-daily .wd-dh-pill{ display:inline-flex; align-items:center; gap:6px; height:26px; padding:0 10px; border-radius:999px; font-size:11.5px; font-weight:600; border:1px solid color-mix(in oklab,var(--wd-primary-fg) 20%,transparent); background:color-mix(in oklab,var(--wd-primary-fg) 10%,transparent); color:color-mix(in oklab,var(--wd-primary-fg) 90%,transparent); }
  #page-daily .wd-dh-pill svg{ width:14px; height:14px; }
  #page-daily .wd-dh-month{ margin-top:14px; font-family:var(--wd-font-arabic); font-size:28px; line-height:1.05; font-weight:640; letter-spacing:-0.025em; color:var(--wd-primary-fg); }
  #page-daily .wd-dh-sub{ margin-top:6px; font-size:12px; color:color-mix(in oklab,var(--wd-primary-fg) 80%,transparent); }
  #page-daily .wd-dh-divider{ height:1px; margin:16px 0; background:linear-gradient(90deg, transparent, color-mix(in oklab,var(--wd-primary-fg) 12%,transparent), transparent); }
  #page-daily .wd-dh-chips{ display:grid; grid-template-columns:1fr; gap:10px; }
  #page-daily .wd-dh-bchip{ display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:44px; padding:12px 14px; border-radius:var(--wd-radius-md); border:1px solid color-mix(in oklab,var(--wd-primary-fg) 15%,transparent); background:color-mix(in oklab,var(--wd-primary-fg) 10%,transparent); }
  #page-daily .wd-dh-bchip-l{ display:inline-flex; align-items:center; gap:8px; font-size:11.5px; font-weight:600; color:color-mix(in oklab,var(--wd-primary-fg) 85%,transparent); }
  #page-daily .wd-dh-bchip-l svg{ width:16px; height:16px; color:color-mix(in oklab,var(--wd-primary-fg) 70%,transparent); }
  #page-daily .wd-dh-bchip-v{ display:inline-flex; align-items:baseline; gap:4px; color:var(--wd-primary-fg); }
  #page-daily .wd-dh-bchip-v .num{ font-family:var(--wd-font-num); font-variant-numeric:tabular-nums; font-feature-settings:"tnum","lnum"; font-size:16px; font-weight:640; direction:ltr; }
  #page-daily .wd-dh-cur{ font-size:11px; font-weight:500; color:color-mix(in oklab,var(--wd-primary-fg) 70%,transparent); }
  #page-daily .wd-dh-infochips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
  #page-daily .wd-dh-ichip{ display:inline-flex; align-items:center; gap:6px; height:28px; padding:0 10px; border-radius:var(--wd-radius-md); font-size:11.5px; font-weight:500; border:1px solid color-mix(in oklab,var(--wd-primary-fg) 15%,transparent); background:color-mix(in oklab,var(--wd-primary-fg) 8%,transparent); color:color-mix(in oklab,var(--wd-primary-fg) 88%,transparent); }
  #page-daily .wd-dh-ichip svg{ width:13px; height:13px; color:color-mix(in oklab,var(--wd-primary-fg) 70%,transparent); }

  /* ---- Tools (SPEC §6): square button-cards, no wrapper card ----
     #addDayBtn carries .ds-fab (position:fixed on mobile = the existing Mobile FAB,
     which belongs to §8 and is intentionally NOT touched here). So on mobile it is
     excluded and left as-is, and the 3 remaining tools fill a 3-col row; on desktop
     (>=768px, where .ds-fab turns static) add-day is styled as the 4th primary
     button and the grid becomes 4 columns per the handoff. */
  #page-daily .card:has(.tools-grid){ border:none!important; background:transparent!important; background-image:none!important; box-shadow:none!important; padding:0!important; backdrop-filter:none!important; margin-bottom:14px; }
  #page-daily .card:has(.tools-grid) .card-title{ font-size:13px!important; font-weight:600!important; letter-spacing:-0.005em; color:var(--wd-foreground)!important; margin-bottom:12px; }
  #page-daily .card:has(.tools-grid) .card-title svg{ color:var(--wd-muted-fg); }
  #page-daily .tools-grid{ display:grid!important; grid-template-columns:repeat(3,1fr)!important; gap:8px!important; }
  #page-daily .tools-grid .tool-btn:not(.ds-fab){ flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:10px!important; min-height:96px!important; padding:16px 10px!important; border-radius:var(--wd-radius-xl)!important; border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; background:var(--wd-card)!important; color:var(--wd-foreground)!important; box-shadow:var(--wd-e1)!important; font-size:12px!important; font-weight:600!important; line-height:1.25!important; text-align:center; }
  #page-daily .tools-grid .tool-btn:not(.ds-fab) svg{ width:20px!important; height:20px!important; padding:9px; box-sizing:content-box; border-radius:999px; background:var(--wd-muted); color:var(--wd-muted-fg); }
  #page-daily .tools-grid .tool-btn:not(.ds-fab):hover{ box-shadow:var(--wd-e2)!important; }
  #page-daily .tools-grid .tool-btn:not(.ds-fab):active{ transform:scale(.96); }
  #page-daily .tools-grid .tool-btn:not(.ds-fab):focus-visible{ outline:none; box-shadow:var(--wd-e1), 0 0 0 3px color-mix(in oklab,var(--wd-ring) 30%,transparent)!important; }
  #page-daily .tools-grid .tool-btn.danger:not(.ds-fab){ background:var(--wd-card)!important; color:var(--wd-foreground)!important; border-color:color-mix(in oklab,var(--wd-danger) 25%,transparent)!important; box-shadow:var(--wd-e1)!important; }
  #page-daily .tools-grid .tool-btn.danger:not(.ds-fab) svg{ background:color-mix(in oklab,var(--wd-danger) 10%,transparent); color:var(--wd-danger); }
  #page-daily .tools-grid .tool-btn.danger:not(.ds-fab):hover{ background:color-mix(in oklab,var(--wd-danger) 5%,var(--wd-card))!important; box-shadow:var(--wd-e2)!important; }

  /* ===================== Days & Family (SPEC §7) — visual re-skin only ====================
     Applies the handoff visual language to the EXISTING day/family editor elements.
     No element hidden/removed; collapse mechanics (.is-coll display:none) left intact. */
  #page-daily #daysList .day.ds-card{ border-radius:var(--wd-radius-xl)!important; border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; background:var(--wd-card)!important; box-shadow:var(--wd-e1)!important; overflow:hidden!important; margin-bottom:12px!important; transition:box-shadow var(--wd-motion-base,180ms) ease; }
  #page-daily #daysList .day.ds-card:hover{ box-shadow:var(--wd-e2)!important; }
  /* Day header (SPEC §7 Day Card header) */
  #page-daily .day-head{ display:flex!important; align-items:center!important; gap:12px!important; padding:16px!important; cursor:pointer; transition:background var(--wd-motion-base,180ms) ease; }
  #page-daily .day-head:hover{ background:color-mix(in oklab,var(--wd-foreground) 4%,transparent)!important; }
  #page-daily .day-num.v5-day-chip{ width:44px!important; height:44px!important; min-width:44px!important; border-radius:var(--wd-radius-md)!important; background:var(--wd-primary)!important; color:var(--wd-primary-fg)!important; display:flex!important; align-items:center; justify-content:center; box-shadow:0 0 0 4px color-mix(in oklab,var(--wd-background) 92%,transparent), var(--wd-e1)!important; }
  #page-daily .day-num.v5-day-chip svg{ width:18px!important; height:18px!important; color:var(--wd-primary-fg)!important; }
  #page-daily .day-title.v5-day-title{ flex:1!important; min-width:0; font-size:15px!important; font-weight:600!important; letter-spacing:-0.01em; color:var(--wd-foreground)!important; }
  #page-daily .day-title .dt-sub{ display:block; font-size:11.5px!important; font-weight:500!important; color:var(--wd-muted-fg)!important; margin-top:2px; }
  #page-daily .day-badge.v5-day-net{ display:flex!important; flex-direction:column; align-items:flex-end; gap:2px; text-align:end; flex:0 0 auto; }
  #page-daily .day-badge.v5-day-net .db-lbl{ font-size:10.5px!important; color:var(--wd-muted-fg)!important; font-weight:500; display:inline-flex; align-items:center; gap:4px; }
  #page-daily .day-badge.v5-day-net .db-lock{ width:12px; height:12px; }
  #page-daily .day-badge.v5-day-net .num{ font-family:var(--wd-font-num)!important; font-variant-numeric:tabular-nums; font-size:14px!important; font-weight:640!important; }
  #page-daily .day-badge .ds-text-success, #page-daily .day-body .ds-text-success{ color:var(--wd-success)!important; }
  #page-daily .day-badge .ds-text-danger, #page-daily .day-body .ds-text-danger{ color:var(--wd-danger)!important; }
  #page-daily .day-chev.v5-day-chev svg{ width:16px!important; height:16px!important; color:var(--wd-muted-fg)!important; transition:transform var(--wd-motion-medium,240ms) var(--wd-ease-emph,cubic-bezier(0.3,0,0,1)); }
  #page-daily .day.open .day-chev.v5-day-chev svg{ transform:rotate(180deg); }
  /* Day body + section headers */
  #page-daily .day-body{ padding:0 16px 16px!important; }
  #page-daily .day-body .section-h{ font-size:13px!important; font-weight:600!important; color:var(--wd-foreground)!important; display:flex; align-items:center; gap:8px; margin:16px 0 10px; }
  #page-daily .day-body .section-h > svg:first-child{ width:16px; height:16px; color:var(--wd-muted-fg); }
  #page-daily .day-body .section-h .en{ font-size:10px; color:var(--wd-muted-fg); font-weight:500; }
  /* Collapsible blocks (ملخص الأسر / إدارة النقد / إدارة مدى / ضريبة) — SPEC §7 CollapsibleBlock */
  #page-daily .day-body .day-coll{ border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; border-radius:var(--wd-radius-lg)!important; background:var(--wd-card)!important; box-shadow:var(--wd-e1)!important; overflow:hidden; margin-top:14px!important; }
  #page-daily .day-body .day-coll-h{ margin:0!important; padding:14px 16px!important; cursor:pointer; transition:background var(--wd-motion-base,180ms) ease; }
  #page-daily .day-body .day-coll-h:hover{ background:color-mix(in oklab,var(--wd-foreground) 4%,transparent)!important; }
  #page-daily .day-body .day-coll-h .hm-chev{ margin-inline-start:auto!important; width:16px!important; height:16px!important; color:var(--wd-muted-fg)!important; }
  #page-daily .day-body .day-coll > :not(.day-coll-h){ padding:0 16px 16px; }
  /* Family cards (SPEC §7 Family Card) */
  #page-daily [data-fams]{ display:grid; grid-template-columns:1fr; gap:12px; }
  #page-daily .day-body .fam{ border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; border-radius:var(--wd-radius-lg)!important; background:var(--wd-card)!important; box-shadow:var(--wd-e1)!important; padding:16px!important; transition:box-shadow var(--wd-motion-base,180ms) ease; }
  #page-daily .day-body .fam:hover{ box-shadow:var(--wd-e2)!important; }
  #page-daily .day-body .fam-no{ width:36px!important; height:36px!important; border-radius:999px!important; background:color-mix(in oklab,var(--wd-primary) 10%,transparent)!important; color:var(--wd-primary)!important; display:flex; align-items:center; justify-content:center; font-family:var(--wd-font-num); font-weight:640; font-size:13px; }
  #page-daily .day-body .fam-collapsed-summary .fcs-lbl{ color:var(--wd-muted-fg)!important; }
  /* Stat tiles (SPEC §7 DailyStat) */
  #page-daily .day-body .stat{ border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; background:color-mix(in oklab,var(--wd-foreground) 4%,var(--wd-card))!important; border-radius:var(--wd-radius-md)!important; padding:12px!important; box-shadow:none!important; }
  #page-daily .day-body .stat .s-lbl{ font-size:11px!important; font-weight:500!important; color:var(--wd-muted-fg)!important; }
  #page-daily .day-body .stat .s-lbl svg{ width:13px; height:13px; }
  #page-daily .day-body .stat .s-val{ font-family:var(--wd-font-num)!important; font-variant-numeric:tabular-nums; font-weight:640!important; color:var(--wd-foreground)!important; }
  /* Stat accent bar (::before) recoloured from teal/gold to --wd tokens */
  #page-daily .day-body .stat::before{ background:var(--wd-primary)!important; width:3px!important; }
  #page-daily .day-body .stat.i::before{ background:var(--wd-info)!important; }
  #page-daily .day-body .stat.a::before{ background:var(--wd-accent)!important; }
  #page-daily .day-body .stat.g::before{ background:var(--wd-warning)!important; }
  #page-daily .day-body .stat.k::before{ background:var(--wd-success)!important; }
  #page-daily .day-body .stat.w::before{ background:var(--wd-warning)!important; }
  #page-daily .day-body .stat.r::before{ background:var(--wd-danger)!important; }
  /* Family calc tiles (.fam-calc .fc) — calm token tiles, semantic value colors */
  #page-daily .day-body .fam .fam-calc .fc{ background:color-mix(in oklab,var(--wd-foreground) 4%,var(--wd-card))!important; border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; border-radius:var(--wd-radius-md)!important; box-shadow:none!important; }
  #page-daily .day-body .fam .fam-calc .fc .lbl{ color:var(--wd-muted-fg)!important; font-weight:500!important; }
  #page-daily .day-body .fam .fam-calc .fc .val{ font-family:var(--wd-font-num)!important; font-variant-numeric:tabular-nums; color:var(--wd-foreground)!important; }
  #page-daily .day-body .fam .fam-calc .fc.net{ background:color-mix(in oklab,var(--wd-success) 8%,var(--wd-card))!important; border-color:color-mix(in oklab,var(--wd-success) 22%,transparent)!important; }
  #page-daily .day-body .fam .fam-calc .fc.net .val{ color:var(--wd-success)!important; }
  #page-daily .day-body .fam .fam-calc .fc.month .val{ color:var(--wd-info)!important; }
  #page-daily .day-body .fam .fam-calc .fc.due .val{ color:var(--wd-warning)!important; }
  #page-daily .day-body .fam .fam-calc .fc.remain .val{ color:var(--wd-danger)!important; }
  /* Total field + product-manage button: token-based (override teal/gold) */
  #page-daily .day-body input.branch-total-input, #page-daily .day-body input.branch-total-input[readonly]{ color:var(--wd-foreground)!important; font-family:var(--wd-font-num)!important; font-variant-numeric:tabular-nums; background:color-mix(in oklab,var(--wd-primary) 8%,var(--wd-card))!important; border:1px solid color-mix(in oklab,var(--wd-primary) 22%,transparent)!important; }
  #page-daily .day-body .prod-manage-btn{ background:var(--wd-muted)!important; color:var(--wd-foreground)!important; border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; border-radius:var(--wd-radius-md)!important; }
  #page-daily .day-body .prod-manage-btn svg{ color:var(--wd-muted-fg)!important; }
  /* Inputs / labels inside the day (match §5 input language) */
  #page-daily .day-body .input, #page-daily .day-body .select{ min-height:44px!important; border-radius:var(--wd-radius-md)!important; border:1px solid color-mix(in oklab,var(--wd-foreground) 18%,transparent)!important; background-color:color-mix(in oklab,var(--wd-foreground) 3%,var(--wd-card))!important; color:var(--wd-foreground)!important; box-shadow:none!important; }
  #page-daily .day-body .input:focus, #page-daily .day-body .select:focus{ border-color:var(--wd-ring)!important; box-shadow:0 0 0 3px color-mix(in oklab,var(--wd-ring) 30%,transparent)!important; }
  #page-daily .day-body .input.num{ font-family:var(--wd-font-num)!important; font-variant-numeric:tabular-nums; direction:ltr; text-align:start!important; }
  #page-daily .day-body .field > label, #page-daily .day-body .mini > label{ font-size:12px!important; font-weight:500!important; color:var(--wd-muted-fg)!important; }
  #page-daily .day-body .field > label svg, #page-daily .day-body .mini > label svg{ width:14px; height:14px; }
  /* Buttons inside the day (token-based, override teal accent incl. inline styles) */
  #page-daily .day-body .btn.btn-accent, #page-daily .day-body .btn.btn-primary{ background:var(--wd-primary)!important; color:var(--wd-primary-fg)!important; border-color:transparent!important; border-radius:var(--wd-radius-md)!important; }
  #page-daily .day-body .multi-open{ border-color:var(--wd-primary)!important; background:var(--wd-primary)!important; }
  #page-daily .day-body .multi-open .btn.btn-accent{ background:var(--wd-primary)!important; }

  /* ---- Mobile FAB — Add Day (SPEC §8) — re-skin of the existing #addDayBtn.ds-fab.
     Visual per handoff; bottom offset kept to clear the app's bottom nav (#tabs),
     which the standalone mock does not have. Static in the Tools grid on desktop. */
  #page-daily .ds-fab{ height:56px!important; padding:0 20px!important; border:none!important; border-radius:999px!important; background:var(--wd-primary)!important; color:var(--wd-primary-fg)!important; gap:8px!important; font-size:14px!important; font-weight:600!important; box-shadow:var(--wd-e3), 0 8px 20px -8px color-mix(in oklab,var(--wd-primary) 60%,transparent), inset 0 1px 0 color-mix(in oklab,var(--wd-primary-fg) 20%,transparent)!important; }
  #page-daily .ds-fab svg{ width:20px!important; height:20px!important; color:var(--wd-primary-fg)!important; }
  #page-daily .ds-fab:active{ transform:scale(.97); }

  @media (min-width:640px){
    #page-daily .wd-daily-hero{ padding:28px; }
    #page-daily .wd-dh-month{ font-size:36px; }
    #page-daily .wd-dh-chips{ grid-template-columns:1fr 1fr; }
    #page-daily .tools-grid{ gap:12px!important; }
  }
  @media (min-width:768px){
    #page-daily .tools-grid{ grid-template-columns:repeat(4,1fr)!important; }
    #page-daily [data-fams]{ grid-template-columns:repeat(2,1fr); }
    #page-daily .tools-grid .tool-btn.ds-fab{ display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:10px!important; min-height:96px!important; height:auto!important; width:auto!important; padding:16px 10px!important; border-radius:var(--wd-radius-xl)!important; border:1px solid transparent!important; background:var(--wd-primary)!important; color:var(--wd-primary-fg)!important; font-size:12px!important; font-weight:600!important; line-height:1.25!important; text-align:center; box-shadow:var(--wd-e1), 0 6px 16px -12px color-mix(in oklab,var(--wd-primary) 55%,transparent), inset 0 1px 0 color-mix(in oklab,var(--wd-primary-fg) 18%,transparent)!important; }
    #page-daily .tools-grid .tool-btn.ds-fab svg{ width:20px!important; height:20px!important; padding:9px; box-sizing:content-box; border-radius:999px; background:color-mix(in oklab,var(--wd-primary-fg) 15%,transparent); color:var(--wd-primary-fg); }
    #page-daily .tools-grid .tool-btn.ds-fab:hover{ box-shadow:var(--wd-e2), 0 6px 16px -12px color-mix(in oklab,var(--wd-primary) 55%,transparent), inset 0 1px 0 color-mix(in oklab,var(--wd-primary-fg) 18%,transparent)!important; }
  }
}
/* ==== from index.html <style data-wadih-dashboard> (v435 split) ==== */
/* ==========================================================================
   v467 (Stage 1) — Wadih Dashboard "Layered Depth" design handoff.
   Scoped to #page-home ONLY (the rest of the app keeps its teal system).
   Official design tokens (oklch, light + dark) ported as --wd-* + Hero, Quick
   Actions, Section titles re-skin. Presentation only — no JS/logic/id/data-*
   change; renderHome markup/IDs/handlers/KPIs preserved.
   ========================================================================== */
#page-home{
  /* radius */
  --wd-radius-sm:6px; --wd-radius-md:10px; --wd-radius-lg:14px; --wd-radius-xl:18px; --wd-radius-2xl:22px;
  /* colours (light) */
  --wd-background:oklch(0.99 0.003 250); --wd-foreground:oklch(0.18 0.02 260);
  --wd-card:oklch(1 0 0); --wd-card-fg:oklch(0.18 0.02 260);
  --wd-primary:oklch(0.42 0.09 245); --wd-primary-fg:oklch(0.99 0.003 250);
  --wd-muted:oklch(0.965 0.006 250); --wd-muted-fg:oklch(0.52 0.02 260);
  --wd-accent:oklch(0.58 0.12 165); --wd-accent-fg:oklch(0.99 0.003 250);
  --wd-border:oklch(0.92 0.008 255); --wd-input:oklch(0.94 0.008 255); --wd-ring:oklch(0.55 0.09 245);
  --wd-success:oklch(0.58 0.14 155); --wd-warning:oklch(0.75 0.14 80); --wd-warning-fg:oklch(0.18 0.02 260);
  --wd-danger:oklch(0.57 0.20 27); --wd-info:oklch(0.60 0.10 235);
  /* elevation + motion */
  --wd-e1:0 1px 2px oklch(0 0 0 / 0.04); --wd-e2:0 4px 12px oklch(0 0 0 / 0.06);
  --wd-motion-medium:240ms; --wd-ease-emph:cubic-bezier(0.3,0,0,1);
  /* type */
  --wd-font-arabic:'IBM Plex Sans Arabic','Cairo',system-ui,sans-serif;
  --wd-font-num:'Inter','Cairo',ui-sans-serif,system-ui,sans-serif;
}
[data-theme="dark"] #page-home, #page-home[data-theme="dark"]{
  --wd-background:oklch(0.16 0.02 260); --wd-foreground:oklch(0.97 0.005 250);
  --wd-card:oklch(0.20 0.02 260); --wd-card-fg:oklch(0.97 0.005 250);
  --wd-primary:oklch(0.72 0.10 240); --wd-primary-fg:oklch(0.16 0.02 260);
  --wd-muted:oklch(0.23 0.02 260); --wd-muted-fg:oklch(0.72 0.02 260);
  --wd-accent:oklch(0.68 0.13 165); --wd-accent-fg:oklch(0.16 0.02 260);
  --wd-border:oklch(1 0 0 / 8%); --wd-input:oklch(1 0 0 / 12%); --wd-ring:oklch(0.72 0.10 240);
  --wd-success:oklch(0.72 0.15 155); --wd-warning:oklch(0.82 0.14 80); --wd-warning-fg:oklch(0.16 0.02 260);
  --wd-danger:oklch(0.70 0.19 27); --wd-info:oklch(0.72 0.11 235);
}
@media screen{
  /* ---------- Page surface ---------- */
  #page-home{ background:var(--wd-background); color:var(--wd-foreground); font-family:var(--wd-font-arabic); }
  #page-home .stat-num, #page-home .hm-hero-val .stat-num, #page-home .hm-v .stat-num{ font-family:var(--wd-font-num)!important; font-variant-numeric:tabular-nums; font-feature-settings:"tnum","lnum"; }

  /* ---------- Section titles (SPEC §12) ---------- */
  #page-home .v5-sec-title{ font-size:13px!important; font-weight:600!important; letter-spacing:-0.005em; color:var(--wd-foreground)!important; position:relative; padding-bottom:6px; margin-bottom:12px; }
  #page-home .v5-sec-title::after{ content:""; position:absolute; bottom:0; inset-inline-end:0; height:1.5px; width:20px; border-radius:999px; background:color-mix(in oklab, var(--wd-foreground) 12%, transparent); }

  /* ---------- HERO — Layered Depth (SPEC §3) ---------- */
  #page-home .v5-hero.ds-card{
    border-radius:var(--wd-radius-2xl)!important; border:1px solid color-mix(in oklab, var(--wd-primary) 20%, transparent)!important;
    background:linear-gradient(180deg, var(--wd-primary), color-mix(in oklab, var(--wd-primary) 85%, black))!important;
    color:var(--wd-primary-fg)!important; box-shadow:var(--wd-e2), inset 0 1px 0 color-mix(in oklab, var(--wd-primary-fg) 16%, transparent)!important;
    padding:20px!important; overflow:hidden; position:relative;
  }
  [data-theme="dark"] #page-home .v5-hero.ds-card{
    background:linear-gradient(180deg, var(--wd-primary), color-mix(in oklab, var(--wd-primary) 80%, black))!important;
    box-shadow:var(--wd-e2), inset 0 1px 0 color-mix(in oklab, var(--wd-primary-fg) 12%, transparent)!important;
  }
  #page-home .v5-hero *{ color:inherit; }
  #page-home .v5-hero .hm-eyebrow, #page-home .v5-hero-eyebrow, #page-home .v5-hero-caption{ color:color-mix(in oklab, var(--wd-primary-fg) 72%, transparent)!important; font-size:10.5px!important; font-weight:700!important; letter-spacing:0.2em; text-transform:uppercase; }
  #page-home .v5-hero .hm-title, #page-home .v5-hero-h1{ color:var(--wd-primary-fg)!important; }
  #page-home .v5-hero-amount .stat-num, #page-home #hmHeroToday .stat-num{ color:var(--wd-primary-fg)!important; font-size:clamp(36px,11vw,48px)!important; line-height:0.95!important; letter-spacing:-0.04em!important; font-weight:640!important; }
  #page-home #hmHeroToday.ds-text-success{ color:var(--wd-primary-fg)!important; }
  #page-home .v5-hero-amount .stat-cur, #page-home #hmHeroToday .stat-cur{ color:color-mix(in oklab, var(--wd-primary-fg) 70%, transparent)!important; font-size:15px!important; font-weight:500!important; transform:translateY(-3px); }
  #page-home .v5-hero-sub{ color:color-mix(in oklab, var(--wd-primary-fg) 80%, transparent)!important; font-size:12px!important; }
  /* hero chips (SPEC §16) */
  #page-home .v5-hero-chips .v5-chip{ height:28px; border-radius:var(--wd-radius-md); border:1px solid color-mix(in oklab, var(--wd-primary-fg) 15%, transparent)!important; background:color-mix(in oklab, var(--wd-primary-fg) 10%, transparent)!important; color:color-mix(in oklab, var(--wd-primary-fg) 90%, transparent)!important; font-size:12px!important; font-weight:500; padding:0 10px; }
  #page-home .v5-hero-chips .v5-chip svg{ color:color-mix(in oklab, var(--wd-primary-fg) 70%, transparent)!important; width:14px; height:14px; }
  #page-home .v5-hero-refresh{ background:color-mix(in oklab, var(--wd-primary-fg) 12%, transparent)!important; border:1px solid color-mix(in oklab, var(--wd-primary-fg) 15%, transparent)!important; color:var(--wd-primary-fg)!important; }
  #page-home .v5-hero-wm{ color:color-mix(in oklab, var(--wd-primary-fg) 6%, transparent)!important; }

  /* ---------- Quick Actions (SPEC §4) ---------- */
  #page-home .hm-quick .ds-btn.ds-btn-block{ border-radius:var(--wd-radius-xl)!important; border:1px solid color-mix(in oklab, var(--wd-border) 60%, transparent)!important; background:var(--wd-card)!important; color:var(--wd-foreground)!important; box-shadow:var(--wd-e1)!important; min-height:104px; }
  #page-home .hm-quick .ds-btn.ds-btn-block svg{ color:var(--wd-muted-fg); background:var(--wd-muted)!important; }
  #page-home .hm-quick .ds-btn.ds-btn-block:hover{ border-color:var(--wd-border)!important; box-shadow:var(--wd-e2)!important; }
  #page-home .hm-quick .ds-btn.ds-btn-primary{ background:var(--wd-primary)!important; color:var(--wd-primary-fg)!important; border-color:transparent!important; box-shadow:var(--wd-e1), 0 6px 16px -12px color-mix(in oklab, var(--wd-primary) 55%, transparent), inset 0 1px 0 color-mix(in oklab, var(--wd-primary-fg) 18%, transparent)!important; }
  #page-home .hm-quick .ds-btn.ds-btn-primary svg{ color:var(--wd-primary-fg)!important; background:color-mix(in oklab, var(--wd-primary-fg) 15%, transparent)!important; }

  /* ---------- Header kicker/title (SPEC §2) ---------- */
  #page-home .v5-hero-refresh svg{ transition:transform var(--wd-motion-medium) var(--wd-ease-emph); }
  #page-home .v5-hero-refresh:hover svg{ transform:rotate(120deg); }

  /* ---------- GroupedKpi — 3 collapsible groups (SPEC §7) ---------- */
  #page-home #hmCards.hm-grid{ display:block!important; grid-template-columns:none!important; }
  /* neutralise the old flat-grid card spans (v456) inside the new groups */
  #page-home #hmCards .wd-kgrid .hm-stat{ grid-column:auto!important; }
  #page-home .wd-kgroup{ border-radius:var(--wd-radius-lg); border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent); background:var(--wd-card); box-shadow:var(--wd-e1); overflow:hidden; margin-bottom:12px; transition:box-shadow var(--wd-motion-medium) var(--wd-ease-emph); }
  #page-home .wd-kgroup:hover{ box-shadow:var(--wd-e2); }
  #page-home .wd-kgroup-h{ width:100%; display:flex; align-items:center; gap:12px; padding:16px; background:transparent; border:none; cursor:pointer; font-family:inherit; text-align:start; min-height:44px; }
  #page-home .wd-kgroup-ic{ width:40px; height:40px; border-radius:var(--wd-radius-md); display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; background:var(--gtone); color:var(--wd-primary-fg); box-shadow:var(--wd-e1), 0 0 0 4px color-mix(in oklab, var(--wd-background) 92%, transparent); }
  #page-home .wd-kgroup-ic svg{ width:20px; height:20px; stroke-width:2; }
  #page-home .wd-kgroup-t{ flex:1; min-width:0; font-size:14px; font-weight:600; color:var(--wd-foreground); }
  #page-home .wd-kgroup-chev{ width:20px!important; height:20px!important; color:var(--wd-muted-fg); flex:0 0 auto; margin-inline-start:auto; transition:transform var(--wd-motion-medium) var(--wd-ease-emph); }
  #page-home .wd-kgroup.is-coll .wd-kgroup-chev{ transform:rotate(180deg); }
  #page-home .wd-kgroup-body{ border-top:1px solid color-mix(in oklab,var(--wd-border) 70%,transparent); padding:12px; }
  #page-home .wd-kgrid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; margin-bottom:0!important; }
  @media(min-width:768px){ #page-home .wd-kgrid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } }
  /* KpiCard — typography only: no icon, label top, value bottom, tone dot */
  #page-home #hmCards .hm-stat{ border-radius:var(--wd-radius-lg)!important; border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; background:var(--wd-card)!important; box-shadow:var(--wd-e1)!important; padding:16px!important; min-height:96px!important; position:relative; }
  #page-home #hmCards .hm-stat:hover{ box-shadow:var(--wd-e2)!important; border-color:var(--wd-border)!important; }
  #page-home #hmCards .hm-stat .hm-ic{ display:none!important; }
  #page-home #hmCards .hm-stat .hm-l{ font-size:11px!important; font-weight:500!important; line-height:1.45!important; color:var(--wd-muted-fg)!important; margin-bottom:0!important; }
  #page-home #hmCards .hm-stat .stat-num{ font-size:22px!important; letter-spacing:-0.02em!important; font-weight:600!important; color:var(--wd-foreground)!important; }
  #page-home #hmCards .hm-stat .stat-cur{ font-size:11.5px!important; color:color-mix(in oklab,var(--wd-muted-fg) 80%,transparent)!important; }
  /* tone dot at the bottom-start, coloured by the card's --ac tone */
  #page-home #hmCards .hm-stat::after{ content:""; position:absolute; inset-inline-start:16px; bottom:20px; width:6px; height:6px; border-radius:50%; background:var(--ac,var(--wd-muted-fg)); }

  /* ---------- Performance gauges (SPEC §5) ---------- */
  #page-home .exec-card{ border-radius:var(--wd-radius-lg)!important; border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; background:var(--wd-card)!important; box-shadow:var(--wd-e1)!important; }
  #page-home .perf-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; }
  #page-home .perf-cell{ border-radius:var(--wd-radius-lg)!important; border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; background:var(--wd-card)!important; box-shadow:var(--wd-e1)!important; padding:16px!important; }
  #page-home .perf-cell .perf-ring{ width:72px!important; height:72px!important; }
  #page-home .perf-cell .perf-ring svg{ width:72px!important; height:72px!important; }
  #page-home .perf-cell .perf-track{ stroke:color-mix(in oklab,var(--wd-border) 60%,transparent)!important; stroke-width:5!important; fill:none!important; }
  #page-home .perf-cell .wd-perf-arc{ stroke:var(--wd-muted-fg); stroke-width:5; fill:none; stroke-linecap:round; stroke-dasharray:4 326; opacity:.9; }
  #page-home .perf-cell.wd-tone-primary .wd-perf-arc{ stroke:var(--wd-primary); }
  #page-home .perf-cell.wd-tone-accent .wd-perf-arc{ stroke:var(--wd-accent); }
  #page-home .perf-cell .perf-none-t, #page-home .perf-cell .perf-center{ font-size:15px!important; font-weight:600!important; font-variant-numeric:tabular-nums; color:color-mix(in oklab,var(--wd-foreground) 55%,transparent)!important; }
  #page-home .perf-cell .perf-title{ font-size:12px!important; font-weight:600!important; color:var(--wd-foreground)!important; }
  #page-home .perf-cell .perf-cap{ font-size:11px!important; color:var(--wd-muted-fg)!important; display:flex; align-items:center; justify-content:center; gap:5px; }
  #page-home .perf-cell .perf-cap::before{ content:""; width:5px; height:5px; border-radius:50%; background:var(--wd-muted-fg); flex:0 0 auto; }
  #page-home .perf-cell.wd-tone-primary .perf-cap::before{ background:var(--wd-primary); }
  #page-home .perf-cell.wd-tone-accent .perf-cap::before{ background:var(--wd-accent); }

  /* ---------- SmartAlert (SPEC §6) ---------- */
  #page-home .v5-section:has(#hmAlerts) .hm-panel{ border-radius:var(--wd-radius-lg)!important; border:1px solid color-mix(in oklab,var(--wd-warning) 15%,transparent)!important; box-shadow:0 0 0 1px color-mix(in oklab,var(--wd-warning) 5%,transparent), var(--wd-e1)!important; background:color-mix(in oklab,var(--wd-warning) 6%,transparent)!important; padding:16px!important; }
  #page-home .v5-section:has(#hmAlerts) .hm-ptitle{ font-size:12px!important; font-weight:600!important; color:var(--wd-foreground)!important; }
  #page-home #hmAlerts .hm-insight{ background:transparent!important; border:none!important; }
  #page-home #hmAlerts .hm-insight-ic, #page-home #hmAlerts .hm-insight-i{ width:40px!important; height:40px!important; border-radius:var(--wd-radius-md)!important; background:var(--wd-warning)!important; color:var(--wd-warning-fg)!important; box-shadow:var(--wd-e1)!important; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; }
  #page-home #hmAlerts .hm-insight-t{ font-size:11px!important; line-height:1.6!important; color:var(--wd-muted-fg)!important; }

  /* ---------- Collapsible (SPEC §13): Reports + Insights + Performance panels ---------- */
  #page-home .hm-panel{ border-radius:var(--wd-radius-lg)!important; border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; background:var(--wd-card)!important; box-shadow:var(--wd-e1)!important; overflow:hidden; }
  #page-home .hm-panel .hm-ptitle{ display:flex!important; align-items:center; gap:12px; padding:16px 20px!important; font-size:14px!important; font-weight:600!important; color:var(--wd-foreground)!important; }
  #page-home .hm-panel .hm-ptitle > svg:first-child{ width:16px; height:16px; padding:8px; box-sizing:content-box; border-radius:50%; background:var(--wd-muted); color:var(--wd-muted-fg); flex:0 0 auto; }
  #page-home .hm-panel .hm-ptitle .hm-chev{ margin-inline-start:auto; color:var(--wd-muted-fg); flex:0 0 auto; }
  #page-home .hm-panel > div:not(.hm-ptitle){ border-top:1px solid color-mix(in oklab,var(--wd-border) 70%,transparent); padding:20px; }
  #page-home .hm-panel.is-coll > div:not(.hm-ptitle){ border-top:none; }
  /* Reports two-column on md (SPEC §10) */
  @media(min-width:768px){ #page-home .v5-section:has(#hmDailyPanel) > div{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } }
  /* EmptyState (SPEC §14) */
  #page-home .hm-empty{ border-radius:var(--wd-radius-md)!important; border:1px dashed color-mix(in oklab,var(--wd-border) 80%,transparent)!important; background:color-mix(in oklab,var(--wd-muted) 20%,transparent)!important; padding:40px 16px!important; text-align:center; font-size:13px!important; font-weight:500!important; color:var(--wd-muted-fg)!important; }

  /* ---------- RecentActivity (SPEC §9) ---------- */
  #page-home #hmActivityCard{ border-radius:var(--wd-radius-lg)!important; border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; background:var(--wd-card)!important; box-shadow:var(--wd-e1)!important; padding:20px!important; }
  #page-home #hmActivityCard .card-title{ font-size:14px!important; font-weight:600!important; color:var(--wd-foreground)!important; }
  #page-home #hmActivityCard .card-title > svg:first-child{ width:16px; height:16px; padding:8px; box-sizing:content-box; border-radius:50%; background:var(--wd-muted); color:var(--wd-muted-fg); }
  #page-home #hmActivityCard .hm-refresh{ background:var(--wd-muted)!important; color:var(--wd-muted-fg)!important; border:none!important; }
  #page-home #hmActivityCard #hmActViewAll{ border-radius:var(--wd-radius-md)!important; border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; background:var(--wd-background)!important; color:var(--wd-foreground)!important; }

  /* ---------- Tools & Settings (SPEC §11) ---------- */
  #page-home .hm-filters{ border-radius:var(--wd-radius-lg)!important; border:1px solid color-mix(in oklab,var(--wd-border) 60%,transparent)!important; background:var(--wd-card)!important; box-shadow:var(--wd-e1)!important; padding:20px!important; }
  #page-home .hm-filters .card-title{ font-size:14px!important; font-weight:600!important; color:var(--wd-foreground)!important; }
  #page-home .hm-filters .card-title > svg:first-child{ color:var(--wd-muted-fg); }
  #page-home .hm-filters .field label{ font-size:12px!important; color:var(--wd-muted-fg)!important; }
  #page-home .hm-filters .select, #page-home .hm-filters .dd-toggle{ min-height:44px; border-radius:var(--wd-radius-md)!important; border:1px solid var(--wd-input)!important; background:var(--wd-background)!important; color:var(--wd-foreground)!important; }
  #page-home .hm-filters .select:focus, #page-home .hm-filters .dd-toggle:focus{ border-color:var(--wd-ring)!important; box-shadow:0 0 0 3px color-mix(in oklab,var(--wd-ring) 30%,transparent)!important; }

  /* ---------- Mobile order (SPEC §1.2): SmartAlert BEFORE Performance ---------- */
  @media (max-width:1023px){
    #page-home .hm-wrap > *{ order:5; }
    #page-home .hm-wrap > .v5-hero{ order:1; }
    #page-home .hm-wrap > .v5-sec-quick{ order:2; }
    #page-home .hm-wrap > .v5-section:has(#hmAlerts){ order:3; }
    #page-home .hm-wrap > .v5-section:has(#hmExecPerf){ order:4; }
  }

  /* ---------- Desktop 12-column grid (SPEC §1.2 / RESPONSIVE.md) ---------- */
  @media (min-width:1024px){
    #page-home .hm-wrap{ max-width:1280px!important; display:grid!important; grid-template-columns:repeat(12,minmax(0,1fr))!important; gap:28px!important; align-items:start; }
    #page-home .hm-wrap > *{ grid-column:span 12; order:5; margin:0!important; }
    #page-home .hm-wrap > .v5-hero{ grid-column:span 8; order:1; }
    #page-home .hm-wrap > .v5-sec-quick{ grid-column:span 4; order:2; position:sticky; top:20px; }
    #page-home .hm-wrap > .v5-section:has(#hmExecPerf){ grid-column:span 8; order:3; }
    #page-home .hm-wrap > .v5-section:has(#hmAlerts){ grid-column:span 4; order:4; }
    #page-home .hm-wrap > .v5-section:has(#hmCards){ grid-column:span 12; order:5; }
    #page-home .hm-wrap > .v5-section:has(#hmDailyPanel){ grid-column:span 12; order:6; }
    #page-home .hm-wrap > .v5-section:has(#hmAnalyticsPanel){ grid-column:span 12; order:7; }
    #page-home .hm-wrap > .v5-section:has(#hmActivityCard){ grid-column:span 12; order:8; }
    #page-home .hm-wrap > .v5-section:has(.hm-filters){ grid-column:span 12; order:9; }
  }
}

/* ==========================================================================
   AZ01 — Page30 «Shell + Home» (Figma 30 — A–Z — Shell + Home, 139:2).
   التجاوب من قواعد 152:249: شريط سفلي وحده دون 768 · rail 250 من 768 ·
   هيدر 56 · قيمة البطل 34/38/46 · المؤشرات 2/3/5 · الرسوم 1/1/2 ·
   الوصول السريع 2/2/4 · النوافذ كاملة/560/560 · الحقول 46/48/48 · Cairo.
   ========================================================================== */
:root{
  --p30-teal:#0D6E6A; --p30-primary:#16A085; --p30-deep:#063B37; --p30-navy:#081F2E;
  --p30-bg:#F1F5F9; --p30-line:#E6ECF2; --p30-muted:#5C6B7A; --p30-card:#FFFFFF; --p30-soft:#F8FAFC;
  --p30-green:#297B5C; --p30-green-bg:#E7F4EE; --p30-red:#C0392B; --p30-red-bg:#FDF2F0;
  --p30-amber:#C77F17; --p30-amber-bg:#FBF3E6; --p30-info:#2563A8; --p30-info-bg:#EEF4FB;
}
[data-theme="dark"]{
  --p30-navy:#E6EEF3; --p30-muted:#9AA8B5; --p30-card:#13212B; --p30-soft:#18293A; --p30-line:rgba(255,255,255,.09);
  --p30-green-bg:rgba(41,123,92,.22); --p30-red-bg:rgba(192,57,43,.22); --p30-amber-bg:rgba(199,127,23,.2); --p30-info-bg:rgba(37,99,168,.22);
}

/* ---------- الترويسة (56) + البحث الشامل (46/48) ---------- */
@media screen{
  .topbar{ padding-left:16px!important; padding-right:16px!important; }
  #appHeader .hd-top{ min-height:56px!important; height:56px; padding:0!important; gap:12px; }
  #appHeader .hd-titles{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; justify-content:center; }
  #appHeader .hd-page-t{ font-size:17px; font-weight:700; line-height:26px; color:var(--p30-navy); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  #appHeader .hd-page-s, #appHeader .hd-page-org{ font-size:11px; font-weight:500; line-height:17px; color:var(--p30-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  #appHeader .hd-page-s{ display:none; }
  #appHeader .hd-actions{ gap:8px; }
  #appHeader .hd-icon{ width:44px; height:44px; }
  .gs-bar{ padding:4px 0 8px!important; }
  .gs-box{ height:46px; box-sizing:border-box; padding:0 8px 0 14px!important; border-radius:14px!important; border:1px solid var(--p30-line)!important; background:var(--p30-card)!important; box-shadow:none!important; }
  .gs-box .gs-icbox{ width:30px; height:30px; }
  .gs-box input{ min-height:0; height:100%; font-size:14px; }
}
@media screen and (min-width:768px){
  .topbar{ max-width:none!important; padding-left:24px!important; padding-right:24px!important; }
  #appHeader .hd-page-s{ display:block; }
  #appHeader .hd-page-org{ display:none; }
  .gs-bar{ max-width:none!important; }
  .gs-box{ height:48px; }
}
@media screen and (min-width:1200px){
  .topbar{ max-width:1220px!important; padding-left:32px!important; padding-right:32px!important; }
}
@media screen and (min-width:1500px){ .topbar{ max-width:1360px!important; } }

/* ---------- الشريط الجانبي (rail 250 أبيض) من 768 ---------- */
.side-overline, .side-ws, .side-tag{ display:none; }
@media screen and (min-width:768px){
  #tabs{ background:var(--p30-card)!important; border-left:1px solid var(--p30-line)!important; box-shadow:none!important;
    padding:calc(14px + env(safe-area-inset-top,0px)) 14px calc(14px + env(safe-area-inset-bottom,0px))!important; overflow-y:auto; }
  #tabs .side-brand{ color:var(--p30-navy)!important; border-bottom:1px solid var(--p30-line)!important; padding:4px 0 14px!important; margin-bottom:6px!important; gap:12px; }
  #tabs .side-brand .side-logo{ width:42px!important; height:42px!important; border-radius:12px!important; background:transparent!important; color:var(--p30-primary)!important; }
  #tabs .side-brand .side-logo svg{ width:42px!important; height:42px!important; }
  #tabs .side-id{ display:flex; flex-direction:column; min-width:0; }
  #tabs .side-brand .side-name{ color:var(--p30-navy)!important; font-size:18px; font-weight:800!important; line-height:27px; }
  #tabs .side-tag{ display:block; font-size:10.5px; font-weight:500; line-height:16px; color:var(--p30-muted); white-space:nowrap; }
  #tabs .side-overline{ display:block; font-size:9.5px; font-weight:700; color:var(--p30-muted); padding:10px 4px 6px; }
  #tabs .tabs-inner{ gap:4px!important; }
  #tabs .tab{ min-height:51px; padding:0 14px!important; border-radius:12px!important; color:var(--p30-muted)!important; font-weight:500!important; }
  #tabs .tab .tab-ar{ font-size:15px!important; gap:12px!important; }
  #tabs .tab:hover{ background:var(--p30-soft)!important; color:var(--p30-navy)!important; }
  #tabs .tab.active{ background:var(--p30-teal)!important; color:#fff!important; font-weight:700!important; }
  #tabs .tab.active .tab-ar{ color:#fff!important; }
  #tabs .tab.active::before{ display:none!important; }
  #tabs .side-ws{ display:block; margin-top:auto; padding-top:14px; border-top:1px solid var(--p30-line); }
  #tabs .side-ws .side-overline{ padding-top:0; }
  #tabs .side-ws-card{ background:var(--p30-soft); border:1px solid var(--p30-line); border-radius:14px; padding:4px 12px; }
  #tabs .side-ws-row, #tabs .side-user{ display:flex; align-items:center; gap:10px; padding:9px 0; min-width:0; }
  #tabs .side-ws-row + .side-ws-row{ border-top:1px solid var(--p30-line); }
  #tabs .side-user{ padding:12px 2px 0; }
  #tabs .side-ws-ic{ flex:0 0 30px; width:30px; height:30px; border-radius:9px; display:flex; align-items:center; justify-content:center; background:var(--p30-card); border:1px solid var(--p30-line); color:var(--p30-teal); }
  #tabs .side-ws-ic svg{ width:15px; height:15px; }
  #tabs .side-ws-tx{ display:flex; flex-direction:column; min-width:0; flex:1 1 auto; }
  #tabs .side-ws-tx b{ font-size:12.5px; font-weight:700; color:var(--p30-navy); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  #tabs .side-ws-tx small{ font-size:11px; font-weight:500; color:var(--p30-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  #tabs .side-logout{ flex:0 0 36px; width:36px; height:36px; border-radius:10px; border:1px solid var(--p30-line); background:var(--p30-card); color:var(--p30-muted); display:flex; align-items:center; justify-content:center; cursor:pointer; }
  #tabs .side-logout:hover{ color:var(--p30-red); }
  #tabs .side-logout svg{ width:16px; height:16px; }
}

/* ---------- الشريط السفلي (نظام التنقّل الوحيد دون 768) ---------- */
@media screen and (max-width:767.98px){
  #tabs .tabs-inner{ grid-template-columns:none!important; grid-auto-flow:column!important; grid-auto-columns:minmax(0,1fr)!important; padding:8px 12px!important; }
  #tabs .tab{ min-height:58px!important; padding:2px!important; }
}

/* ---------- لوحة التحكم ---------- */
#page-home .p30{ display:flex; flex-direction:column; gap:16px; padding:4px 0 32px; color:var(--p30-navy); }
#page-home .p30 h1, #page-home .p30 h2, #page-home .p30 p{ margin:0; }
#page-home .p30-tile{ flex:0 0 36px; width:36px; height:36px; border-radius:11px; display:flex; align-items:center; justify-content:center;
  background:color-mix(in srgb, var(--tone, var(--p30-teal)) 12%, transparent); color:var(--tone, var(--p30-teal)); }
#page-home .p30-tile svg{ width:18px; height:18px; }
#page-home .p30-card{ background:var(--p30-card); border:1px solid var(--p30-line); border-radius:14px; box-sizing:border-box; min-width:0; }
#page-home .p30-sec{ display:flex; flex-direction:column; gap:2px; margin-top:8px; }
#page-home .p30-sec-t{ font-size:14px; font-weight:800; line-height:22px; color:var(--p30-navy); }
#page-home .p30-sec-s{ font-size:11.5px; font-weight:500; line-height:18px; color:var(--p30-muted); }
#page-home .p30-empty{ display:flex; align-items:center; justify-content:center; min-height:120px; font-size:12.5px; font-weight:600; color:var(--p30-muted); text-align:center; }
#page-home .p30-skel{ display:block; border-radius:10px; background:linear-gradient(90deg, var(--p30-soft) 0%, var(--p30-line) 50%, var(--p30-soft) 100%); background-size:200% 100%; animation:p30shimmer 1.3s ease-in-out infinite; }
#page-home .p30-skel-block{ height:150px; }
#page-home .p30-skel-tile{ width:36px; height:36px; }
#page-home .p30-skel-line{ width:60%; height:14px; margin-top:14px; }
#page-home .p30-skel-val{ width:75%; height:26px; margin-top:14px; }
@keyframes p30shimmer{ 0%{ background-position:100% 0 } 100%{ background-position:-100% 0 } }
@media (prefers-reduced-motion:reduce){ #page-home .p30-skel{ animation:none; } }

/* المال: محور عشري واحد + رمز الريال الرسمي ملاصقًا (فجوة 0.30× · ارتفاع 0.72×) */
.p30-money{ display:inline-flex; align-items:baseline; unicode-bidi:isolate; direction:ltr; white-space:nowrap; font-variant-numeric:tabular-nums; font-feature-settings:"tnum"; }
.p30-money .p30-cur{ display:inline-flex; margin-left:.3em; align-self:center; }
.p30-money .p30-sar{ height:.72em; width:calc(.72em * .8947381); display:block; }

/* (أ) البطل */
#page-home .p30-hero{ position:relative; overflow:hidden; border-radius:16px; color:#fff; padding:20px 18px;
  background:linear-gradient(135deg, var(--p30-teal) 0%, var(--p30-deep) 100%);
  display:grid; grid-template-columns:minmax(0,1fr); grid-template-areas:"greet" "cap" "val" "ctl" "sub"; row-gap:10px; }
#page-home .p30-greet{ grid-area:greet; min-width:0; }
#page-home .p30-eyebrow{ font-size:13px; font-weight:600; line-height:21px; opacity:.88; }
#page-home .p30-h1{ font-size:26px; font-weight:800; line-height:40px; color:#fff; }
#page-home .p30-ctls{ grid-area:ctl; display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
#page-home .p30-ctl{ position:relative; height:37px; display:inline-flex; align-items:center; gap:6px; padding:0 10px; border-radius:10px;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.2); color:#fff; font:600 12px/1 'Cairo',sans-serif; cursor:pointer; max-width:100%; box-sizing:border-box; }
#page-home .p30-ctl svg{ width:14px; height:14px; flex:0 0 auto; }
#page-home .p30-ctl .p30-ctl-chev{ width:15px; height:15px; opacity:.8; }
#page-home .p30-ctl-sel select{ appearance:none; -webkit-appearance:none; background:transparent; border:0; color:#fff; font:inherit; padding:0; min-height:0; height:35px; max-width:150px; cursor:pointer; outline:none; }
#page-home .p30-ctl-sel select option{ color:#081F2E; }
#page-home .p30-ctl:focus-within, #page-home .p30-ctl:focus-visible, #page-home .p30-refresh:focus-visible{ outline:2px solid #A7F3D0; outline-offset:2px; }
#page-home .p30-refresh{ width:40px; height:40px; border-radius:10px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.2); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; flex:0 0 auto; }
#page-home .p30-refresh svg{ width:18px; height:18px; }
#page-home .p30-refresh.is-loading svg{ animation:p30spin .8s linear infinite; }
@keyframes p30spin{ to{ transform:rotate(360deg) } }
#page-home .p30-hero-cap{ grid-area:cap; display:flex; align-items:center; gap:6px; font-size:13px; font-weight:600; opacity:.9; }
#page-home .p30-hero-cap svg{ width:16px; height:16px; }
#page-home .p30-hero-val{ grid-area:val; display:flex; align-items:center; flex-wrap:wrap; gap:12px; min-width:0; }
#page-home .p30-hero-amt{ font-size:34px; font-weight:900; line-height:1.3; color:#fff; min-width:0; }
#page-home .p30-hero-sub{ grid-area:sub; font-size:13px; font-weight:500; line-height:21px; opacity:.85; overflow-wrap:anywhere; }
#page-home .p30-hero .p30-delta{ background:rgba(231,244,238,.95); color:var(--p30-green); }
#page-home .p30-hero .p30-delta-down{ background:rgba(253,242,240,.95); color:var(--p30-red); }
#page-home .p30-hero .p30-delta-none{ background:rgba(255,255,255,.14); color:#fff; }

/* شارة التغيّر */
#page-home .p30-delta{ display:inline-flex; align-items:center; gap:4px; height:28px; padding:0 10px; border-radius:999px; font-size:11.5px; font-weight:700; white-space:nowrap; flex:0 0 auto; }
#page-home .p30-delta svg{ width:13px; height:13px; }
#page-home .p30-delta-up{ background:var(--p30-green-bg); color:var(--p30-green); }
#page-home .p30-delta-down{ background:var(--p30-red-bg); color:var(--p30-red); }
#page-home .p30-delta-flat, #page-home .p30-delta-none{ background:var(--p30-soft); color:var(--p30-muted); }
#page-home .p30-delta-sfx{ font-weight:600; }

/* زر «معلومة» — هدف لمس 44 */
#page-home .p30-info{ width:44px; height:44px; margin:-8px; display:inline-flex; align-items:center; justify-content:center; border:0; background:transparent; color:var(--p30-muted); cursor:pointer; border-radius:12px; flex:0 0 auto; }
#page-home .p30-info svg{ width:16px; height:16px; }
#page-home .p30-info:hover{ color:var(--p30-teal); }
#page-home .p30-info:focus-visible{ outline:2px solid var(--p30-primary); outline-offset:-4px; }

/* (ب) أربعة مؤشرات حرجة */
#page-home .p30-kpis{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
#page-home .p30-kpi{ background:var(--p30-card); border:1px solid var(--p30-line); border-radius:14px; padding:16px; min-height:152px; box-sizing:border-box; display:flex; flex-direction:column; min-width:0; }
#page-home .p30-kpi-top{ display:flex; align-items:center; justify-content:space-between; }
#page-home .p30-kpi-l{ margin-top:12px; font-size:12.5px; font-weight:600; line-height:20px; color:var(--p30-muted); }
#page-home .p30-kpi-v{ margin-top:auto; padding-top:10px; font-size:18px; font-weight:900; line-height:1.4; color:var(--p30-navy); min-width:0; }
#page-home .p30-kpi-v .p30-money{ max-width:100%; }
#page-home .p30-err{ grid-column:1/-1; display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:18px; border-radius:14px; background:var(--p30-card); border:1px solid var(--p30-line); --tone:var(--p30-red); }
#page-home .p30-err-tx{ flex:1 1 200px; min-width:0; }
#page-home .p30-err-t{ font-size:14px; font-weight:800; }
#page-home .p30-err-d{ font-size:12px; font-weight:500; color:var(--p30-muted); }

/* (ج) الاتجاه والمقارنة */
#page-home .p30-trends{ display:grid; grid-template-columns:minmax(0,1fr); gap:14px; }
#page-home .p30-chart{ padding:18px; }
#page-home .p30-card-h{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:12px; }
#page-home .p30-card-tt{ min-width:0; }
#page-home .p30-card-t{ display:flex; align-items:center; gap:10px; font-size:14px; font-weight:800; line-height:22px; }
#page-home .p30-card-s{ font-size:11.5px; font-weight:500; color:var(--p30-muted); line-height:18px; }
#page-home .p30-legend{ display:flex; gap:14px; font-size:11px; font-weight:600; color:var(--p30-muted); padding-top:4px; white-space:nowrap; }
#page-home .p30-lg{ display:inline-flex; align-items:center; gap:6px; }
#page-home .p30-lg::before{ content:""; width:14px; height:0; border-top:2.5px solid var(--p30-teal); border-radius:2px; }
#page-home .p30-lg-f::before{ border-top:2px dashed var(--p30-amber); }
#page-home .p30-plot{ display:grid; grid-template-columns:minmax(0,1fr) 38px; grid-template-rows:180px 24px; }
#page-home .p30-plot-area{ position:relative; grid-column:1; grid-row:1; }
#page-home .p30-plot-area svg{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
#page-home .p30-grid line{ stroke:var(--p30-line); stroke-width:1; stroke-dasharray:3 5; }
#page-home .p30-area-b{ fill:var(--p30-teal); fill-opacity:.12; }
#page-home .p30-line-b{ fill:none; stroke:var(--p30-teal); stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
#page-home .p30-line-f{ fill:none; stroke:var(--p30-amber); stroke-width:2; stroke-dasharray:6 5; stroke-linecap:round; stroke-linejoin:round; }
#page-home .p30-dot{ position:absolute; width:10px; height:10px; margin:-5px 0 0 -5px; border-radius:50%; box-sizing:border-box; border:2px solid var(--p30-card); }
#page-home .p30-dot-b{ background:var(--p30-teal); box-shadow:0 0 0 4px color-mix(in srgb, var(--p30-teal) 20%, transparent); }
#page-home .p30-dot-f{ background:var(--p30-amber); width:8px; height:8px; margin:-4px 0 0 -4px; }
#page-home .p30-yax{ position:relative; grid-column:2; grid-row:1; }
#page-home .p30-yax span{ position:absolute; left:8px; transform:translateY(-50%); font-size:10px; font-weight:500; color:var(--p30-muted); white-space:nowrap; }
#page-home .p30-xax{ position:relative; grid-column:1; grid-row:2; }
#page-home .p30-xax span{ position:absolute; top:6px; transform:translateX(-50%); font-size:10px; font-weight:500; color:var(--p30-muted); }
#page-home .p30-bars{ display:grid; grid-template-columns:minmax(0,1fr) 38px; height:230px; }
#page-home .p30-bars-cols{ display:flex; align-items:stretch; gap:6px; min-width:0; }
#page-home .p30-bar{ flex:1 1 0; min-width:0; display:flex; flex-direction:column; align-items:center; }
#page-home .p30-bar-track{ flex:1 1 auto; width:100%; display:flex; align-items:flex-end; justify-content:center; padding-top:22px; box-sizing:border-box; }
#page-home .p30-bar-fill{ position:relative; width:min(22px,100%); border-radius:6px 6px 0 0; background:linear-gradient(180deg, color-mix(in srgb, var(--p30-primary) 55%, transparent), color-mix(in srgb, var(--p30-primary) 18%, transparent)); }
#page-home .p30-bar.is-cur .p30-bar-fill{ background:linear-gradient(180deg, var(--p30-primary), var(--p30-teal)); }
#page-home .p30-bar-v{ position:absolute; bottom:100%; left:50%; transform:translateX(-50%); padding-bottom:4px; font-size:11px; font-weight:800; color:var(--p30-navy); white-space:nowrap; }
#page-home .p30-bar-l{ height:24px; line-height:24px; font-size:10px; font-weight:500; color:var(--p30-muted); }
#page-home .p30-bar.is-cur .p30-bar-l{ color:var(--p30-teal); font-weight:700; }
#page-home .p30-bars .p30-yax{ margin:22px 0 24px; }

/* (د) الأداء */
#page-home .p30-perf{ display:grid; grid-template-columns:minmax(0,1fr); gap:14px; }
#page-home .p30-trend{ padding:18px; display:flex; flex-direction:column; gap:10px; min-height:188px; }
#page-home .p30-trend-h{ display:flex; align-items:center; gap:10px; font-size:12.5px; font-weight:600; color:var(--p30-muted); }
#page-home .p30-trend-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
#page-home .p30-trend-v{ font-size:20px; font-weight:900; min-width:0; }
#page-home .p30-spark{ height:40px; }
#page-home .p30-spark svg{ width:100%; height:40px; display:block; }
#page-home .p30-spark-a{ fill:var(--c); fill-opacity:.12; }
#page-home .p30-spark-l{ fill:none; stroke:var(--c); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
#page-home .p30-spark-empty{ height:40px; border-bottom:2px dashed var(--p30-line); box-sizing:border-box; }
#page-home .p30-trend-c{ font-size:11px; font-weight:500; color:var(--p30-muted); }

/* (هـ) يحتاج انتباهك + النشاط الأخير */
#page-home .p30-attn-row{ display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
#page-home .p30-attn-col, #page-home .p30-act-col{ display:flex; flex-direction:column; gap:12px; min-width:0; }
#page-home .p30-attn{ padding:14px; display:flex; flex-direction:column; gap:10px; }
#page-home .p30-attn-item{ display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:12px; background:var(--p30-soft); border-inline-start:3px solid var(--tone); min-width:0; }
#page-home .p30-t-bad{ --tone:var(--p30-red); }
#page-home .p30-t-warn{ --tone:var(--p30-amber); }
#page-home .p30-t-info{ --tone:var(--p30-info); }
#page-home .p30-t-good{ --tone:var(--p30-green); }
#page-home .p30-attn-tx{ flex:1 1 auto; min-width:0; }
#page-home .p30-attn-t{ font-size:13px; font-weight:700; line-height:21px; }
#page-home .p30-attn-d{ font-size:12px; font-weight:500; line-height:19px; color:var(--p30-muted); overflow-wrap:anywhere; }
#page-home .p30-attn-d .p30-money{ font-weight:800; color:var(--p30-navy); }
#page-home .p30-attn-act{ flex:0 0 auto; display:inline-flex; align-items:center; gap:4px; min-height:34px; padding:0 10px; border-radius:10px; border:1px solid var(--p30-line); background:var(--p30-card); color:var(--p30-teal); font:700 11.5px/1 'Cairo',sans-serif; cursor:pointer; }
#page-home .p30-attn-act svg{ width:13px; height:13px; }
#page-home .p30-act{ padding:14px; display:flex; flex-direction:column; gap:12px; }
#page-home .p30-act-list{ max-height:232px; overflow:auto; display:flex; flex-direction:column; }
#page-home .p30-act-list .hm-act{ display:flex; align-items:center; gap:10px; padding:10px 2px; border-bottom:1px solid var(--p30-line); min-height:52px; box-sizing:border-box; }
#page-home .p30-act-list .hm-act:last-child{ border-bottom:0; }
#page-home .p30-act-list .hm-aic{ flex:0 0 30px; width:30px; height:30px; border-radius:9px; display:flex; align-items:center; justify-content:center; background:var(--p30-soft); color:var(--p30-teal); }
#page-home .p30-act-list .hm-aic svg{ width:15px; height:15px; }
#page-home .p30-act-list .hm-aac{ font-size:12.5px; font-weight:600; line-height:20px; color:var(--p30-navy); }
#page-home .p30-act-list .hm-awho{ font-size:11px; font-weight:500; color:var(--p30-muted); }
#page-home .p30-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0 16px; border-radius:12px; font:700 13.5px/1 'Cairo',sans-serif; cursor:pointer; box-sizing:border-box; }
#page-home .p30-btn svg{ width:16px; height:16px; }
#page-home .p30-btn-ghost{ width:100%; background:var(--p30-card); border:1px solid var(--p30-line); color:var(--p30-teal); }
.p30-btn-primary{ background:var(--p30-teal)!important; border:1px solid var(--p30-teal)!important; color:#fff!important; }

/* (و) إدارة ومتابعة */
#page-home .p30-mgmt{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
#page-home .p30-mgmt-row{ display:flex; align-items:center; gap:10px; min-height:66px; padding:12px; border-radius:14px; border:1px solid var(--p30-line); background:var(--p30-card); color:var(--p30-navy); font-family:'Cairo',sans-serif; text-align:start; cursor:pointer; min-width:0; box-sizing:border-box; }
#page-home .p30-mgmt-tx{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; }
#page-home .p30-mgmt-t{ font-size:13px; font-weight:700; line-height:21px; }
#page-home .p30-mgmt-s{ font-size:11.5px; font-weight:500; line-height:18px; color:var(--p30-muted); }
#page-home .p30-chev{ width:16px; height:16px; flex:0 0 auto; color:var(--p30-muted); transition:transform .18s ease; }
#page-home .p30-mgmt-row:hover, #page-home .p30-grp-h:hover{ border-color:color-mix(in srgb, var(--p30-teal) 35%, var(--p30-line)); }
#page-home .p30-mgmt-row:focus-visible, #page-home .p30-grp-h:focus-visible, #page-home .p30-attn-act:focus-visible, #page-home .p30-btn:focus-visible{ outline:2px solid var(--p30-primary); outline-offset:2px; }

/* (ز) تفاصيل إضافية — مجموعات قابلة للفتح */
#page-home .p30-details{ display:flex; flex-direction:column; gap:12px; }
#page-home .p30-grp-h{ width:100%; display:flex; align-items:center; gap:12px; min-height:54px; padding:0 16px; border-radius:14px; border:1px solid var(--p30-line); background:var(--p30-card); color:var(--p30-navy); font:700 13px/1.5 'Cairo',sans-serif; text-align:start; cursor:pointer; box-sizing:border-box; }
#page-home .p30-grp-h .p30-tile{ flex-basis:30px; width:30px; height:30px; border-radius:9px; }
#page-home .p30-grp-h .p30-tile svg{ width:15px; height:15px; }
#page-home .p30-grp-t{ flex:1 1 auto; min-width:0; }
#page-home .p30-grp:not(.is-coll) .p30-grp-h .p30-chev{ transform:rotate(-90deg); }
#page-home .p30-grp-b{ padding:12px 0 4px; }
#page-home .p30-grp.is-coll .p30-grp-b{ display:none; }
#page-home #hmCards .p30-kgrid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; }
#page-home #hmAnalyticsPanel #hmPerf{ margin-bottom:12px; }

@media screen and (min-width:768px){
  #page-home .p30-hero{ padding:24px 28px; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"greet ctl" "cap cap" "val val" "sub sub"; }
  #page-home .p30-ctls{ align-self:start; flex-wrap:nowrap; }
  #page-home .p30-hero-amt{ font-size:38px; }
  #page-home .p30-kpi-v{ font-size:22px; }
  #page-home .p30-perf{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  #page-home #hmCards .p30-kgrid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; }
}
@media screen and (min-width:1100px){
  #page-home .p30-hero-amt{ font-size:46px; }
  #page-home .p30-kpis{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
  #page-home .p30-trends{ grid-template-columns:minmax(0,1.92fr) minmax(0,1fr); gap:16px; }
  #page-home .p30-plot{ grid-template-rows:206px 24px; }
  #page-home .p30-attn-row{ grid-template-columns:minmax(0,1.775fr) minmax(0,1fr); }
  #page-home .p30-attn-row.is-solo{ grid-template-columns:minmax(0,1fr); }
  #page-home .p30-mgmt{ grid-template-columns:repeat(4,minmax(0,1fr)); }
  #page-home #hmCards .p30-kgrid{ grid-template-columns:repeat(5,minmax(0,1fr))!important; }
}

/* ---------- نوافذ لوحة التحكم: ورقة كاملة على الجوال · 560 من 768 ---------- */
.mdl-ov.p30-sheet .mdl{ font-family:'Cairo',sans-serif; }
.mdl-ov.p30-sheet .mdl .input, .mdl-ov.p30-sheet .mdl input:not([type=checkbox]):not([type=radio]), .mdl-ov.p30-sheet .mdl select{ min-height:46px!important; height:46px; box-sizing:border-box; }
.mdl-ov.p30-sheet .p30-info-q{ font-size:15px; font-weight:800; line-height:24px; color:var(--p30-navy); margin-bottom:8px; }
.mdl-ov.p30-sheet .p30-info-p{ font-size:13.5px; font-weight:500; line-height:1.85; color:var(--p30-muted); margin:0 0 8px; }
.mdl-ov.p30-sheet .mdl-foot .p30-btn{ flex:1 1 auto; display:inline-flex; align-items:center; justify-content:center; min-height:46px; border-radius:12px; font:700 14px/1 'Cairo',sans-serif; cursor:pointer; }
.mdl-ov.p30-sheet .months-grid button{ min-height:46px; }
@media screen and (max-width:767.98px){
  .mdl-ov.p30-sheet{ align-items:flex-end!important; padding:0!important; }
  .mdl-ov.p30-sheet .mdl{ max-width:none!important; width:100%!important; border-radius:22px 22px 0 0!important; max-height:92vh; padding-bottom:env(safe-area-inset-bottom,0px); }
}
@media screen and (min-width:768px){
  .mdl-ov.p30-sheet .mdl{ max-width:560px!important; width:560px; border-radius:18px!important; }
  .mdl-ov.p30-sheet .mdl-head{ min-height:80px; padding:0 24px; }
  .mdl-ov.p30-sheet .mdl-body{ padding:20px 24px; }
  .mdl-ov.p30-sheet .mdl-foot{ padding:16px 24px; }
  .mdl-ov.p30-sheet .mdl .input, .mdl-ov.p30-sheet .mdl input:not([type=checkbox]):not([type=radio]), .mdl-ov.p30-sheet .mdl select{ min-height:48px!important; height:48px; }
  .mdl-ov.p30-sheet .months-grid button{ min-height:48px; }
}
/* Page30: خلفية المنصة وحدها خلف البطاقات (لا لوح أبيض ثانٍ) · بلا تسمية مكرّرة داخل البحث */
#page-home.page{ background:transparent!important; }
.gs-box .gs-label{ display:none!important; }
@media screen{ .topbar{ padding-bottom:0!important; } #page-home .p30{ padding-top:0; } }
/* AZ01-SHELL-008: التبويب المحجوب بالصلاحية يبقى محجوبًا (قاعدة flex!important للجوال كانت تُظهره للموظف) */
#tabs .tab[style*="display: none"], #tabs .tab[style*="display:none"]{ display:none!important; }
#page-home #hmCards .p30-kgrid > *{ grid-column:auto!important; }

/* ==========================================================================
   AZ02 — Page31 «السجل اليومي» (Figma 31 — A–Z — Daily Record, 227:2).
   التجاوب من 253:2: محتوى 1126 على المكتب (أُلغي عمود 820) · 536 لوحي · 358 جوال ·
   بيانات السجل: صف 4 حقول 48 / شبكة 2×2 48 / فرع+شهر ثم الرصيدان 46 ·
   الأدوات: 4 مربعات 96 / 2×2 أفقية 52 / 2×2 بارتفاع 50 (لا زر عائم) ·
   الأيام: جدول 7 أعمدة على المكتب / بطاقة Card·Daily Day على اللوحي والجوال.
   ========================================================================== */
#page-daily{ --wd-primary:#0D6E6A; --wd-primary-fg:#fff; --v5-brand:#0D6E6A; --v5-brand-hover:#0B5E5A; }
@media screen and (min-width:768px){ #page-daily.active{ max-width:none!important; } }
#page-daily .p31-sec{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin:22px 0 10px; }
#page-daily .p31-sec-t{ margin:0; font-size:14px; font-weight:800; line-height:22px; color:var(--p30-navy); }
#page-daily .p31-sec-s{ margin:0; font-size:11.5px; font-weight:500; line-height:18px; color:var(--p30-muted); }
#page-daily .p31-sec-days .p31-sec-t span{ font:inherit; }
#page-daily .p31-sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

/* البطل */
#page-daily .wd-daily-hero{ border-radius:16px!important; padding:24px 28px!important; margin-bottom:0!important; border:0!important;
  background:linear-gradient(135deg, var(--p30-teal) 0%, var(--p30-deep) 100%)!important; box-shadow:none!important; color:#fff!important; }
#page-daily .wd-dh-glow{ display:none!important; }
#page-daily .wd-dh-month{ font-size:30px!important; font-weight:800!important; line-height:1.4!important; }
#page-daily .wd-dh-bchip{ min-height:48px; box-sizing:border-box; }
#page-daily .wd-dh-bchip-v{ font-size:16px; font-weight:800; color:#fff; }
#page-daily .wd-dh-bchip-v .p30-money{ color:#fff; }
@media screen and (max-width:767.98px){
  #page-daily .wd-daily-hero{ padding:18px!important; }
  #page-daily .wd-dh-month{ font-size:21px!important; }
  #page-daily .wd-dh-chips{ display:flex!important; flex-direction:column!important; gap:8px!important; }
}
@media screen and (min-width:768px) and (max-width:1099.98px){ #page-daily .wd-dh-month{ font-size:26px!important; } }

/* شريط صلاحيات الدور */
#page-daily .p31-note{ display:flex; align-items:center; gap:10px; margin-top:14px; padding:12px 16px; border-radius:12px; background:var(--p30-soft); border:1px solid var(--p30-line); color:var(--p30-muted); font-size:12.5px; font-weight:600; line-height:1.6; }
#page-daily .p31-note[hidden]{ display:none; }
#page-daily .p31-note svg{ width:16px; height:16px; flex:0 0 auto; color:var(--p30-teal); }

/* بيانات السجل */
#page-daily .card.p31-fields{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding:16px!important; margin:0!important; border-radius:14px!important; border:1px solid var(--p30-line)!important; background:var(--p30-card)!important; box-shadow:none!important; }
#page-daily .p31-fields .field{ margin:0!important; min-width:0; }
#page-daily .p31-fields .p31-f-open{ grid-column:1/-1; }
#page-daily .p31-fields label{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:6px; font-size:12px; font-weight:600; color:var(--p30-muted); }
#page-daily .p31-fields .select, #page-daily .p31-fields .input, #page-daily .p31-fields .dd-toggle{ height:46px!important; min-height:46px!important; box-sizing:border-box; border-radius:12px!important; }
#page-daily .p31-fields .input{ text-align:right; font-weight:800; background:var(--p30-card)!important; color:var(--p30-navy)!important; }
#page-daily .p31-fields .dd-toggle{ display:flex; align-items:center; gap:8px; width:100%; }
#page-daily .p31-fields .dd-toggle #monthDDLabel{ flex:1 1 auto; text-align:start; }
#page-daily .p31-fields .dd-toggle > svg{ width:16px; height:16px; flex:0 0 auto; }
#page-daily .p31-selwrap{ position:relative; }
#page-daily .p31-selwrap > svg{ position:absolute; inset-inline-start:12px; top:50%; transform:translateY(-50%); width:16px; height:16px; color:var(--p30-muted); pointer-events:none; }
#page-daily .p31-selwrap .select{ padding-inline-start:36px; }
#page-daily .p31-info{ width:24px; height:24px; padding:0; border:0; background:transparent; color:var(--p30-muted); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; border-radius:8px; flex:0 0 auto; vertical-align:middle; }
#page-daily .p31-info svg{ width:14px; height:14px; }
#page-daily .p31-info:hover{ color:var(--p30-teal); }
#page-daily .p31-info:focus-visible{ outline:2px solid var(--p30-primary); outline-offset:1px; }
/* منتقي الشهر: اسم الشهر فقط + نقطة للأشهر ذات البيانات + دليل واحد */
#page-daily #monthDDPanel{ width:min(420px, calc(100vw - 32px)); max-width:100%; }
#page-daily #monthsGrid .m-opt .num{ display:none; }
#page-daily #monthsGrid .m-opt{ min-height:44px; position:relative; }
#page-daily .p31-month-legend{ display:flex; align-items:center; justify-content:center; gap:8px; padding:4px 10px 12px; font-size:11px; font-weight:600; color:var(--p30-muted); }
#page-daily .p31-dot, #page-daily #monthsGrid .m-dot{ width:6px; height:6px; border-radius:50%; background:var(--p30-primary); display:inline-block; }

/* الأدوات */
#page-daily .p31-tools{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
#page-daily .p31-tools .tool-btn{ display:flex; flex-direction:row; align-items:center; justify-content:center; gap:10px; min-height:50px; height:50px; padding:0 12px; border-radius:14px!important; border:1px solid var(--p30-line)!important; background:var(--p30-card)!important; color:var(--p30-navy)!important; font:700 13.5px/1.3 'Cairo',sans-serif; box-shadow:none!important; position:static!important; width:auto!important; }
#page-daily .p31-tools .tool-btn.primary{ background:var(--p30-teal)!important; border-color:var(--p30-teal)!important; color:#fff!important; }
#page-daily .p31-tools .tool-btn.danger{ border-color:#F2C4BE!important; color:var(--p30-red)!important; }
#page-daily .p31-tools .tool-btn[disabled]{ opacity:.45; cursor:not-allowed; }
#page-daily .p31-tool-ic{ display:inline-flex; align-items:center; justify-content:center; }
#page-daily .p31-tool-ic svg{ width:18px; height:18px; }
@media screen and (min-width:768px){ #page-daily .p31-tools .tool-btn{ height:52px; min-height:52px; } }

/* بطاقة الطابور */
#page-daily .card.p31-outbox{ margin:16px 0 0!important; border-radius:14px!important; border:1px solid #F0D9A8!important; background:var(--p30-card)!important; box-shadow:none!important; padding:16px!important; }
#page-daily .p31-outbox .card-title{ display:flex; align-items:center; gap:8px; font-size:14px; font-weight:800; }
#page-daily .p31-count{ margin-inline-start:auto; font-size:11.5px; font-weight:700; color:var(--p30-amber); background:var(--p30-amber-bg); border-radius:999px; padding:2px 10px; }
#page-daily .p31-ob-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; padding:12px 14px; border-radius:12px; background:var(--p30-soft); border-inline-start:3px solid var(--p30-amber); margin-top:10px; }
#page-daily .p31-ob-row.bad{ border-inline-start-color:var(--p30-red); }
#page-daily .p31-ob-tx{ flex:1 1 220px; min-width:0; }
#page-daily .p31-ob-t{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:13px; }
#page-daily .p31-ob-chip{ font-size:11px; font-weight:700; padding:2px 9px; border-radius:999px; background:var(--p30-amber-bg); color:var(--p30-amber); }
#page-daily .p31-ob-row.bad .p31-ob-chip{ background:var(--p30-red-bg); color:var(--p30-red); }
#page-daily .p31-ob-d{ font-size:12px; font-weight:500; color:var(--p30-muted); margin-top:4px; }
#page-daily .p31-ob-row .btn{ min-height:44px; }

/* الأيام — بطاقة Card / Daily Day (جوال ولوحي) */
#page-daily .p31-days{ display:flex; flex-direction:column; gap:12px; }
#page-daily .p31-thead, #page-daily .p31-tfoot{ display:none; }
#page-daily #daysList .day.p31-day{ margin:0!important; border-radius:14px!important; border:1px solid var(--p30-line)!important; background:var(--p30-card)!important; box-shadow:none!important; transform:none!important; overflow:hidden; }
#page-daily #daysList .p31-row{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-areas:"date end" "net net" "cash mada" "trans fam"; column-gap:14px; row-gap:10px; padding:14px!important; cursor:pointer; border:0!important; background:transparent!important; min-height:0!important; }
#page-daily #daysList .p31-row:focus-visible{ outline:2px solid var(--p30-primary); outline-offset:-2px; }
#page-daily .p31-c-date{ grid-area:date; display:flex; align-items:center; gap:12px; min-width:0; }
#page-daily .p31-dtile{ flex:0 0 36px; width:36px; height:36px; border-radius:11px; display:flex; align-items:center; justify-content:center; background:var(--p30-soft); color:var(--p30-muted); border:1px solid var(--p30-line); }
#page-daily .p31-dtile svg{ width:17px; height:17px; }
#page-daily .p31-row[data-status="open"] .p31-dtile, #page-daily .p31-row[data-status="idle"] .p31-dtile{ background:var(--p30-teal); border-color:var(--p30-teal); color:#fff; }
#page-daily .p31-row[data-status="pending"] .p31-dtile{ background:var(--p30-amber-bg); border-color:#F0D9A8; color:var(--p30-amber); }
#page-daily .p31-dname{ display:flex; flex-direction:column; min-width:0; }
#page-daily .p31-dname b{ font-size:14px; font-weight:700; line-height:22px; color:var(--p30-navy); }
#page-daily .p31-dname small{ font-size:11px; font-weight:500; color:var(--p30-muted); direction:ltr; text-align:right; }
#page-daily .p31-c-end{ grid-area:end; display:flex; align-items:center; justify-content:flex-end; gap:8px; }
#page-daily .p31-c-end .day-chev{ display:flex; align-items:center; justify-content:center; width:28px; height:28px; color:var(--p30-muted); transition:transform .18s ease; }
#page-daily .p31-c-end .day-chev svg{ width:16px; height:16px; }
#page-daily .day.open .p31-c-end .day-chev{ transform:rotate(180deg); }
#page-daily .p31-chip{ display:inline-flex; align-items:center; gap:5px; height:24px; padding:0 10px; border-radius:999px; font-size:11px; font-weight:700; white-space:nowrap; background:var(--p30-soft); color:var(--p30-muted); border:1px solid var(--p30-line); }
#page-daily .p31-chip svg{ width:12px; height:12px; }
#page-daily .p31-chip-locked{ background:var(--p30-green-bg); color:var(--p30-green); border-color:transparent; }
#page-daily .p31-chip-pending{ background:var(--p30-amber-bg); color:var(--p30-amber); border-color:#F0D9A8; }
#page-daily .p31-long{ display:none; }
#page-daily .p31-short{ display:inline; }
#page-daily .p31-c-net{ grid-area:net; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 14px; border-radius:12px; background:var(--p30-green-bg); }
#page-daily .p31-c-net .p31-lbl{ font-size:12px; font-weight:600; color:var(--p30-green); }
#page-daily .p31-c-net .p31-v{ font-size:16px; font-weight:900; }
#page-daily .p31-c-net.is-neg{ background:var(--p30-red-bg); }
#page-daily .p31-c-net.is-neg .p31-lbl{ color:var(--p30-red); }
#page-daily .p31-row[data-status="pending"] .p31-c-net{ background:var(--p30-amber-bg); }
#page-daily .p31-row[data-status="pending"] .p31-c-net .p31-lbl, #page-daily .p31-row[data-status="pending"] .p31-c-net .p31-v{ color:var(--p30-amber)!important; }
#page-daily .p31-c{ display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; font-size:11.5px; }
#page-daily .p31-c .p31-lbl{ color:var(--p30-muted); font-weight:500; }
#page-daily .p31-c .p31-v{ font-weight:800; color:var(--p30-navy); font-size:12.5px; }
#page-daily .p31-c-cash{ grid-area:cash; } #page-daily .p31-c-mada{ grid-area:mada; } #page-daily .p31-c-trans{ grid-area:trans; } #page-daily .p31-c-fam{ grid-area:fam; }
#page-daily .day.open .p31-c{ display:none!important; }
#page-daily .day.open .p31-row{ grid-template-areas:"date end" "net net"; border-bottom:1px solid var(--p30-line)!important; }
#page-daily .p31-days.p31-nocash .p31-row:not(.x){ grid-template-areas:"date end" "net net" "mada trans" "fam fam"; }
#page-daily .p31-days.p31-nomada .p31-row:not(.x){ grid-template-areas:"date end" "net net" "cash trans" "fam fam"; }
#page-daily .p31-days.p31-nocash.p31-nomada .p31-row:not(.x){ grid-template-areas:"date end" "net net" "trans fam"; }
#page-daily .day.open .p31-row:not(.x){ grid-template-areas:"date end" "net net"!important; }

/* الحالات */
#page-daily .p31-state{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; padding:32px 20px; border-radius:14px; border:1px solid var(--p30-line); background:var(--p30-card); }
#page-daily .p31-state-ic{ width:48px; height:48px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--p30-green-bg); color:var(--p30-teal); }
#page-daily .p31-state-ic svg{ width:22px; height:22px; }
#page-daily .p31-state-t{ font-size:15px; font-weight:800; color:var(--p30-navy); }
#page-daily .p31-state-d{ max-width:520px; font-size:12.5px; font-weight:500; line-height:1.8; color:var(--p30-muted); }
#page-daily .p31-state-warn{ background:#FFF8EC; border-color:#F0D9A8; align-items:flex-start; text-align:start; }
#page-daily .p31-state-warn .p31-state-ic{ background:var(--p30-amber-bg); color:var(--p30-amber); }
#page-daily .p31-state-err .p31-state-ic{ background:var(--p30-red-bg); color:var(--p30-red); }
#page-daily .p31-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0 18px; border-radius:12px; border:1px solid var(--p30-line); background:var(--p30-card); color:var(--p30-teal); font:700 13.5px/1 'Cairo',sans-serif; cursor:pointer; }
#page-daily .p31-btn svg{ width:16px; height:16px; }
#page-daily .p31-btn-primary{ background:var(--p30-teal); border-color:var(--p30-teal); color:#fff; }
#page-daily .p31-loading{ display:flex; flex-direction:column; gap:12px; }
#page-daily .p31-skel{ display:block; border-radius:14px; background:linear-gradient(90deg, var(--p30-soft) 0%, var(--p30-line) 50%, var(--p30-soft) 100%); background-size:200% 100%; animation:p30shimmer 1.3s ease-in-out infinite; }
#page-daily .p31-skel-row{ height:120px; }
@media (prefers-reduced-motion:reduce){ #page-daily .p31-skel{ animation:none; } }

/* اليوم الموسّع: رأس «إضافة أسرة» + عدد البطاقات + «فتح بطاقات» · صندوق الحذف */
#page-daily .p31-famacts{ display:flex; flex-wrap:wrap; align-items:stretch; gap:8px; margin-top:8px; }
#page-daily .p31-famacts .p31-famadd{ flex:1 1 180px; min-height:46px; margin:0; }
#page-daily .p31-stepper{ display:flex; align-items:center; gap:4px; height:46px; padding:0 4px; border-radius:12px; border:1px solid var(--p30-line); background:var(--p30-card); }
#page-daily .p31-step{ width:44px; height:44px; border:0; background:transparent; color:var(--p30-teal); display:flex; align-items:center; justify-content:center; cursor:pointer; border-radius:10px; }
#page-daily .p31-step svg{ width:16px; height:16px; }
#page-daily .p31-step[disabled]{ opacity:.4; cursor:not-allowed; }
#page-daily .p31-step-v{ display:flex; flex-direction:column; align-items:center; min-width:64px; }
#page-daily .p31-step-v input{ width:48px; border:0; background:transparent; text-align:center; font:800 15px/1.2 'Cairo',sans-serif; color:var(--p30-navy); padding:0; outline:none; }
#page-daily .p31-step-v small{ font-size:9.5px; font-weight:600; color:var(--p30-muted); }
#page-daily .p31-famacts .p31-famopen{ min-height:46px; margin:0; background:var(--p30-card)!important; border:1px solid var(--p30-line)!important; color:var(--p30-navy)!important; }
#page-daily .p31-danger{ margin-top:22px; padding:14px; border-radius:14px; border:1px solid #F2C4BE; background:var(--p30-card); }
#page-daily .p31-danger-cap{ font-size:11.5px; font-weight:600; color:var(--p30-muted); margin-bottom:10px; }
#page-daily .p31-danger .p31-del{ min-height:44px; margin:0!important; background:var(--p30-card)!important; border:1px solid #F2C4BE!important; color:var(--p30-red)!important; }
#page-daily .day-body .s-lbl .p31-info, #page-daily .day-body .mini > label .p31-info{ margin-inline-start:4px; }

/* المكتب: جدول سبعة أعمدة بمحور مالي ثابت */
@media screen and (min-width:1100px){
  #page-daily .p31-fields{ grid-template-columns:repeat(4,minmax(0,1fr))!important; }
  #page-daily .p31-fields .p31-f-open{ grid-column:auto; }
  #page-daily .p31-fields .select, #page-daily .p31-fields .input, #page-daily .p31-fields .dd-toggle{ height:48px!important; min-height:48px!important; }
  #page-daily .p31-tools{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
  #page-daily .p31-tools .tool-btn{ flex-direction:column; height:96px; min-height:96px; gap:8px; }
  #page-daily .p31-tools .p31-tool-ic{ width:36px; height:36px; border-radius:50%; background:var(--p30-soft); }
  #page-daily .p31-tools .tool-btn.primary .p31-tool-ic{ background:rgba(255,255,255,.16); }
  #page-daily .p31-tools .tool-btn.danger .p31-tool-ic{ background:var(--p30-red-bg); }
  #page-daily .wd-dh-chips{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  #page-daily .p31-days{ gap:0; border:1px solid var(--p30-line); border-radius:14px; background:var(--p30-card); overflow:hidden; }
  #page-daily .p31-days > .p31-state, #page-daily .p31-days > .p31-loading{ border:0; border-radius:0; }
  #page-daily .p31-thead, #page-daily #daysList .p31-row{ display:grid!important; grid-template-columns:minmax(150px,1.35fr) repeat(4,minmax(0,1fr)) minmax(0,1.15fr) minmax(128px,.95fr); grid-template-areas:"date cash mada trans fam net end"!important; align-items:center; column-gap:16px; }
  #page-daily .p31-thead{ padding:14px 18px; background:var(--p30-soft); border-bottom:1px solid var(--p30-line); font-size:11.5px; font-weight:700; color:var(--p30-muted); }
  #page-daily .p31-thead > span{ display:flex; align-items:center; gap:2px; }
  #page-daily .p31-thead .p31-h-date{ grid-area:date; } #page-daily .p31-thead .p31-h-cash{ grid-area:cash; justify-content:flex-end; }
  #page-daily .p31-thead .p31-h-mada{ grid-area:mada; justify-content:flex-end; } #page-daily .p31-thead .p31-h-trans{ grid-area:trans; justify-content:flex-end; }
  #page-daily .p31-thead .p31-h-fam{ grid-area:fam; justify-content:flex-end; } #page-daily .p31-thead .p31-h-net{ grid-area:net; justify-content:flex-end; }
  #page-daily .p31-thead .p31-h-status{ grid-area:end; }
  #page-daily .p31-thead .p31-h-chev{ display:none; }
  #page-daily .p31-days.p31-nocash .p31-thead, #page-daily .p31-days.p31-nocash .p31-row:not(.x){ grid-template-areas:"date mada trans fam net end end"!important; }
  #page-daily .p31-days.p31-nomada .p31-thead, #page-daily .p31-days.p31-nomada .p31-row:not(.x){ grid-template-areas:"date cash trans fam net end end"!important; }
  #page-daily #daysList .day.p31-day{ border:0!important; border-bottom:1px solid var(--p30-line)!important; border-radius:0!important; }
  #page-daily #daysList .p31-row{ padding:12px 18px!important; min-height:64px!important; }
  #page-daily #daysList .p31-row:hover{ background:var(--p30-soft)!important; }
  #page-daily .p31-c{ justify-content:flex-end; }
  #page-daily .p31-c .p31-lbl, #page-daily .p31-c-net .p31-lbl{ display:none; }
  #page-daily .p31-c .p31-v{ font-size:13px; }
  #page-daily .p31-c-net{ background:transparent!important; padding:0; justify-content:flex-end; }
  #page-daily .p31-c-net .p31-v{ font-size:13.5px; }
  #page-daily .p31-c-end{ justify-content:space-between; }
  #page-daily .p31-long{ display:inline; } #page-daily .p31-short{ display:none; }
  #page-daily .day.open .p31-row:not(.x){ grid-template-areas:"date cash mada trans fam net end"!important; }
  #page-daily .day.open .p31-c{ display:flex!important; visibility:hidden; }
  #page-daily .day.open .p31-c-net .p31-lbl{ display:inline; }
  #page-daily .p31-tfoot{ display:flex; align-items:center; gap:8px; padding:12px 18px; font-size:11.5px; font-weight:500; color:var(--p30-muted); }
  #page-daily .p31-tfoot svg{ width:14px; height:14px; flex:0 0 auto; }
  #page-daily #daysList .day-body{ padding:0 18px 18px!important; }
}

/* تأكيد مشترك (askConfirm/askInput): ورقة كاملة على الجوال · 560 من 768 · أزرار متساوية */
#modalOverlay .modal{ font-family:'Cairo',sans-serif; box-sizing:border-box; }
#modalOverlay .modal-actions{ display:grid!important; grid-template-columns:1fr 1fr; gap:10px; }
#modalOverlay .modal-actions .btn{ min-height:46px; margin:0!important; }
#modalOverlay #modalInput{ min-height:46px; height:46px; box-sizing:border-box; }
#modalOverlay .p31-modal-extra[hidden]{ display:none; }
#modalOverlay .p31-scope{ border:1px solid var(--p30-line); border-radius:12px; padding:12px 14px; background:var(--p30-soft); display:flex; flex-direction:column; gap:8px; margin:6px 0 10px; }
#modalOverlay .p31-scope-row{ display:flex; align-items:center; gap:8px; font-size:13px; font-weight:600; color:var(--p30-navy); }
#modalOverlay .p31-scope-row svg, #modalOverlay .p31-scope-warn svg{ width:15px; height:15px; flex:0 0 auto; }
#modalOverlay .p31-scope-warn{ display:flex; align-items:center; gap:8px; font-size:12.5px; font-weight:700; color:var(--p30-red); }
#modalOverlay .p31-scope-safe{ border-radius:12px; padding:12px 14px; background:var(--p30-green-bg); color:var(--p30-green); font-size:12.5px; font-weight:600; line-height:1.7; margin-bottom:10px; }
#modalOverlay .p31-scope-safe-t{ font-weight:800; }
@media screen and (max-width:767.98px){
  #modalOverlay{ align-items:flex-end!important; padding:0!important; }
  #modalOverlay .modal{ width:100%!important; max-width:none!important; border-radius:22px 22px 0 0!important; padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important; }
}
@media screen and (min-width:768px){
  #modalOverlay .modal{ width:560px!important; max-width:560px!important; border-radius:18px!important; }
  #modalOverlay #modalInput, #modalOverlay .modal-actions .btn{ min-height:48px; height:48px; }
}
@media screen and (min-width:768px) and (max-width:1099.98px){
  #page-daily .p31-fields .p31-f-open{ grid-column:auto; }
  #page-daily .p31-fields .select, #page-daily .p31-fields .input, #page-daily .p31-fields .dd-toggle{ height:48px!important; min-height:48px!important; }
}
/* AZ02: حقول «بيانات السجل» — مطابقة لتخصيص قاعدة :has(#branch) الأقدم كي لا تُسقطها */
#page-daily .card.p31-fields:has(#branch) .input, #page-daily .card.p31-fields:has(#branch) .select, #page-daily .card.p31-fields:has(#branch) .dd-toggle{ background:var(--p30-card)!important; color:var(--p30-navy)!important; border:1px solid var(--p30-line)!important; box-shadow:none!important; }
#page-daily .card.p31-fields:has(#branch) .input:focus, #page-daily .card.p31-fields:has(#branch) .select:focus, #page-daily .card.p31-fields:has(#branch) .dd-toggle:focus-visible{ border-color:var(--p30-primary)!important; outline:2px solid color-mix(in srgb, var(--p30-primary) 25%, transparent); }
#page-daily #monthDDLabel{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
#page-daily .day-body [data-fams]{ display:flex!important; flex-direction:column!important; gap:12px!important; }
#page-daily .day-body [data-fams] > *{ width:auto!important; max-width:none!important; grid-column:auto!important; }
@media screen and (min-width:1100px){
  #page-daily .day.open .p31-c-net{ flex-direction:column; align-items:flex-end; gap:0; }
  #page-daily .day.open .p31-c-net .p31-lbl{ font-size:10.5px; color:var(--p30-muted); white-space:nowrap; }
}
@media screen and (max-width:767.98px){ #page-daily .p31-fields .dd-toggle{ padding:0 10px!important; gap:6px!important; font-size:13px!important; } #page-daily .p31-fields .dd-toggle > svg:first-child{ width:15px; height:15px; } }

/* ==========================================================================
   AZ02 R2 — الأسطح الستة المتبقية للصفحة 31 (Figma 227:2):
   251:179/318:466/318:772 ورقة الأصناف · 359:2/339:2 النقد ومدى ونوع العملية ·
   248:142 إقفال محفوظ · 248:199 بلا اتصال · 247:2 حالات بطاقة الأسرة ·
   247:336 اليوم المقفل الموسّع.
   ========================================================================== */
/* ---- بلا اتصال ---- */
#page-daily .p31-offline{ display:flex; align-items:center; gap:12px; margin-top:16px; padding:12px 16px; border-radius:14px; background:#FFF8EC; border:1px solid #F0D9A8; color:var(--p30-navy); }
#page-daily .p31-offline[hidden]{ display:none; }
#page-daily .p31-offline-ic{ flex:0 0 36px; width:36px; height:36px; border-radius:11px; display:flex; align-items:center; justify-content:center; background:var(--p30-amber-bg); color:var(--p30-amber); }
#page-daily .p31-offline-ic svg{ width:18px; height:18px; }
#page-daily .p31-offline-tx{ display:flex; flex-direction:column; gap:2px; min-width:0; }
#page-daily .p31-offline-tx b{ font-size:13px; font-weight:800; }
#page-daily .p31-offline-tx small{ font-size:11.5px; font-weight:500; color:var(--p30-muted); }

/* ---- حالة الإقفال في اليوم الموسّع ---- */
#page-daily .p31-lockstate[hidden]{ display:none; }
#page-daily .p31-lockstate{ margin-top:14px; }
#page-daily .p31-lockbox{ border-radius:14px; padding:14px 16px; display:flex; flex-direction:column; gap:6px; }
#page-daily .p31-lockbox-pend{ background:#FFF8EC; border:1px solid #F0D9A8; }
#page-daily .p31-lockbox-ok{ background:var(--p30-soft); border:1px solid var(--p30-line); }
#page-daily .p31-lockbox-t{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:13.5px; color:var(--p30-navy); }
#page-daily .p31-lockbox-t svg{ width:16px; height:16px; color:var(--p30-amber); flex:0 0 auto; }
#page-daily .p31-lockbox-ok .p31-lockbox-t svg{ color:var(--p30-muted); }
#page-daily .p31-lockbox-d{ font-size:12px; font-weight:500; line-height:1.7; color:var(--p30-muted); }
#page-daily .p31-steps{ list-style:none; margin:6px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
#page-daily .p31-steps li{ display:inline-flex; align-items:center; gap:6px; height:28px; padding:0 12px; border-radius:999px; font-size:11.5px; font-weight:700; }
#page-daily .p31-steps li svg{ width:13px; height:13px; }
#page-daily .p31-steps .is-done{ background:var(--p30-green-bg); color:var(--p30-green); }
#page-daily .p31-steps .is-wait{ background:var(--p30-card); color:var(--p30-amber); border:1px dashed #F0D9A8; }
#page-daily .p31-unconf{ color:var(--p30-amber); font-weight:700; }
#page-daily .p31-lockchip{ margin-inline-start:8px; height:22px; font-size:10.5px; }
/* اليوم المقفل الموسّع (247:336): حقول هادئة معطّلة بوضوح — والنص يقول ذلك، لا اللون وحده */
#page-daily .day.p31-locked .day-body .locked-input, #page-daily .day.p31-locked .day-body input:disabled, #page-daily .day.p31-locked .day-body select:disabled{ background:var(--p30-soft)!important; color:var(--p30-muted)!important; border-style:dashed!important; cursor:not-allowed; }
#page-daily .day.p31-locked .day-body [data-dayemp]{ background:var(--p30-card)!important; color:var(--p30-navy)!important; border-style:solid!important; }
#page-daily .day-body .p31-noperm{ background:var(--p30-soft)!important; color:var(--p30-muted)!important; cursor:not-allowed; }

/* ---- بطاقة الأسرة (247:2) ---- */
#page-daily .day-body .fam{ border-radius:14px!important; border:1px solid var(--p30-line)!important; background:var(--p30-card)!important; box-shadow:none!important; padding:16px!important; }
#page-daily .day-body .fam.paid, #page-daily .day-body .fam.unpaid, #page-daily .day-body .fam.left{ border-inline-start:1px solid var(--p30-line)!important; }
#page-daily .day-body .fam-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
#page-daily .day-body .fam-head > div:first-child{ min-width:0; flex:1 1 auto; }
#page-daily .day-body .fam-no{ width:30px!important; height:30px!important; border-radius:9px!important; background:var(--p30-green-bg)!important; color:var(--p30-teal)!important; font-weight:800; display:flex; align-items:center; justify-content:center; flex:0 0 auto; }
#page-daily .day-body .fam-title{ font-size:14px; font-weight:800; color:var(--p30-navy); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
#page-daily .day-body .fam-title.is-empty{ color:var(--p30-muted); font-weight:700; }
#page-daily .day-body .fam-collapse, #page-daily .day-body .name-x{ width:36px!important; height:36px!important; border-radius:10px!important; }
#page-daily .day-body .name-x{ background:var(--p30-red-bg)!important; color:var(--p30-red)!important; }
#page-daily .day-body .fam-collapse{ background:var(--p30-soft)!important; color:var(--p30-muted)!important; }
#page-daily .day-body .fam-search{ padding-inline-start:38px!important; background:var(--p30-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235C6B7A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat left 14px center!important; }
[dir="rtl"] #page-daily .day-body .fam-search{ background-position:left 14px center!important; padding-inline-start:14px!important; padding-inline-end:14px!important; padding-left:38px!important; }
#page-daily .day-body .fam-search-results:not(:empty){ border:1px solid var(--p30-line); border-radius:12px; overflow:hidden; background:var(--p30-card); margin-bottom:8px; }
#page-daily .day-body .fam-row{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; }
#page-daily .day-body .fam .mini label{ font-size:11.5px!important; font-weight:600!important; color:var(--p30-muted)!important; }
#page-daily .day-body .fam .input, #page-daily .day-body .fam .select{ min-height:46px!important; border-radius:12px!important; }
#page-daily .day-body .rent-placeholder{ min-height:46px; display:flex; align-items:center; padding:0 14px; border-radius:12px; background:var(--p30-soft); color:var(--p30-muted); font-size:13px; font-weight:600; }
#page-daily .day-body .fam .fam-calc{ gap:10px!important; }
#page-daily .day-body .fam .fam-calc .fc{ border-radius:12px!important; background:var(--p30-soft)!important; }
#page-daily .day-body .fam .fam-calc .fc.net{ background:var(--p30-green-bg)!important; }
#page-daily .day-body .fam .fam-calc .fc.due{ background:var(--p30-amber-bg)!important; }
#page-daily .day-body .left-badge{ display:flex; align-items:center; gap:8px; margin-top:10px; padding:10px 14px; border-radius:12px; background:var(--p30-red-bg); color:var(--p30-red); font-size:12.5px; font-weight:700; }
#page-daily .day-body .left-badge svg{ width:15px; height:15px; }
#page-daily .day-body .prod-ok, #page-daily .day-body .prod-gap{ display:flex; align-items:center; gap:8px; margin-top:10px; padding:10px 14px; border-radius:12px; font-size:12.5px; font-weight:700; line-height:1.6; }
#page-daily .day-body .prod-ok{ background:var(--p30-green-bg); color:var(--p30-green); }
#page-daily .day-body .prod-gap{ background:var(--p30-amber-bg); color:var(--p30-amber); border:1px solid #F0D9A8; }
#page-daily .day-body .prod-manage-btn{ background:var(--p30-soft)!important; color:var(--p30-navy)!important; border:1px solid var(--p30-line)!important; min-height:44px; border-radius:12px!important; }
#page-daily .day-body .fam.collapsed .fam-collapsed-summary{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; }
#page-daily .day-body .fam.collapsed .fcs-item{ padding:10px 12px; border-radius:12px; background:var(--p30-soft); }
@media screen and (min-width:1100px){ #page-daily .day-body .fam.collapsed .fam-collapsed-summary{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } }

/* ---- إدارة النقد ومدى (339:2) ---- */
#page-daily .day-body .wsp-pay [data-cash-cards], #page-daily .day-body .wsp-pay [data-mada-cards]{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; }
#page-daily .day-body .wsp-pay [data-cash-cards] .stat, #page-daily .day-body .wsp-pay [data-mada-cards] .stat{ min-height:84px; box-sizing:border-box; border-radius:14px!important; border:1px solid var(--p30-line)!important; box-shadow:none!important; background:var(--p30-soft)!important; }
#page-daily .day-body .wsp-pay [data-cash-cards] .stat:nth-child(2){ background:var(--p30-green-bg)!important; }
#page-daily .day-body .wsp-pay .row-flex{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; align-items:end; padding:14px!important; border-radius:14px!important; background:var(--p30-soft)!important; border:1px solid var(--p30-line)!important; }
#page-daily .day-body .wsp-pay .row-flex > .field{ margin:0!important; flex:none!important; min-width:0; }
#page-daily .day-body .wsp-pay .row-flex > .field:nth-child(3), #page-daily .day-body .wsp-pay .row-flex > .btn{ grid-column:1/-1; }
#page-daily .day-body .wsp-pay .row-flex .input, #page-daily .day-body .wsp-pay .row-flex .p31-op{ min-height:46px; height:46px; box-sizing:border-box; }
#page-daily .day-body .wsp-pay .row-flex > .btn{ min-height:46px; margin:0!important; background:var(--p30-teal)!important; color:#fff!important; border:0!important; }
#page-daily .day-body .move{ display:grid!important; grid-template-columns:36px minmax(0,1fr) auto 44px; align-items:center; gap:10px; padding:12px!important; margin-bottom:8px!important; border-radius:12px!important; border:1px solid var(--p30-line)!important; background:var(--p30-card)!important; }
#page-daily .day-body .move .m-ico{ width:36px!important; height:36px!important; border-radius:11px!important; display:flex; align-items:center; justify-content:center; }
#page-daily .day-body .move.add .m-ico{ background:var(--p30-green-bg)!important; color:var(--p30-green)!important; }
#page-daily .day-body .move.withdraw .m-ico{ background:var(--p30-red-bg)!important; color:var(--p30-red)!important; }
#page-daily .day-body .move .m-info .t{ font-size:13px; font-weight:800; }
#page-daily .day-body .move .m-info .n{ font-size:12px; color:var(--p30-muted); overflow-wrap:anywhere; }
#page-daily .day-body .move .m-amt{ font-size:13.5px; font-weight:900; direction:ltr; white-space:nowrap; }
#page-daily .day-body .move.add .m-amt{ color:var(--p30-green); } #page-daily .day-body .move.withdraw .m-amt{ color:var(--p30-red); }
#page-daily .day-body .move .del{ width:44px!important; height:44px!important; border-radius:10px!important; color:var(--p30-red)!important; background:var(--p30-red-bg)!important; }
#page-daily .day-body .wsp-pay .stat.i{ border-radius:14px!important; background:var(--p30-info-bg)!important; border:1px solid transparent!important; }
@media screen and (min-width:1100px){
  #page-daily .day-body .wsp-pay .row-flex{ grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,1.6fr) auto!important; }
  #page-daily .day-body .wsp-pay .row-flex > .field:nth-child(3), #page-daily .day-body .wsp-pay .row-flex > .btn{ grid-column:auto; }
}
/* ضابط «نوع العملية» (359:2): القيمة يمينًا والسهم في خانة ثابتة مقابلة، صفوف 44 */
.p31-op-native{ position:absolute!important; width:1px!important; height:1px!important; opacity:0!important; pointer-events:none!important; overflow:hidden!important; }
#page-daily .p31-op{ position:relative; width:100%; display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:46px; padding:0 14px; border-radius:12px; border:1px solid var(--p30-line); background:var(--p30-card); color:var(--p30-navy); font:700 13.5px/1.3 'Cairo',sans-serif; text-align:start; cursor:pointer; box-sizing:border-box; }
#page-daily .p31-op[aria-expanded="true"]{ border-color:var(--p30-teal); box-shadow:0 0 0 3px color-mix(in srgb, var(--p30-teal) 15%, transparent); }
#page-daily .p31-op:disabled{ background:var(--p30-soft); color:var(--p30-muted); cursor:not-allowed; border-style:dashed; }
#page-daily .p31-op-v{ flex:1 1 auto; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#page-daily .p31-op-chev{ width:16px; height:16px; flex:0 0 16px; color:var(--p30-muted); }
#page-daily .field{ position:relative; }
#page-daily .p31-op-list{ position:absolute; z-index:40; inset-inline:0; top:calc(100% + 6px); margin:0; padding:6px; list-style:none; border-radius:14px; border:1px solid var(--p30-line); background:var(--p30-card); box-shadow:0 16px 40px -12px rgba(8,31,46,.28); max-height:min(360px, 60vh); overflow:auto; min-width:220px; }
#page-daily .p31-op-list [role="option"]{ display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:44px; padding:0 14px; border-radius:10px; font-size:13.5px; font-weight:600; color:var(--p30-navy); cursor:pointer; outline:none; }
#page-daily .p31-op-list [role="option"]:hover, #page-daily .p31-op-list [role="option"]:focus{ background:var(--p30-soft); }
#page-daily .p31-op-list [aria-selected="true"]{ color:var(--p30-teal); font-weight:800; }
#page-daily .p31-op-ck{ width:16px; height:16px; flex:0 0 16px; visibility:hidden; }
#page-daily .p31-op-list [aria-selected="true"] .p31-op-ck{ visibility:visible; }

/* ---- ورقة إدارة أصناف الأسرة (251:179 / 318:466 / 318:772) ---- */
#dayProdOverlay.p31-psheet-ov{ position:fixed; inset:0; z-index:9999; background:rgba(8,31,46,.5); display:flex; align-items:flex-end; justify-content:center; padding:0; font-family:'Cairo',sans-serif; }
#dayProdOverlay .p31-psheet{ width:100%; max-height:94vh; display:flex; flex-direction:column; background:var(--p30-card); border-radius:22px 22px 0 0; overflow:hidden; box-shadow:0 -12px 40px -16px rgba(8,31,46,.35); }
#dayProdOverlay .p31-psheet-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:76px; padding:12px 20px; border-bottom:1px solid var(--p30-line); box-sizing:border-box; }
#dayProdOverlay .p31-psheet-t{ font-size:17px; font-weight:800; color:var(--p30-navy); line-height:1.4; }
#dayProdOverlay .p31-psheet-s{ font-size:12px; font-weight:500; color:var(--p30-muted); }
#dayProdOverlay .p31-psheet-x{ width:44px!important; height:44px!important; border-radius:12px!important; background:var(--p30-soft)!important; border:1px solid var(--p30-line)!important; flex:0 0 auto; }
#dayProdOverlay .p31-psheet-body{ flex:1 1 auto; overflow:auto; padding:16px 20px; overscroll-behavior:contain; }
#dayProdOverlay .p31-psheet-foot{ display:flex; flex-direction:column; gap:10px; padding:14px 20px calc(14px + env(safe-area-inset-bottom,0px)); border-top:1px solid var(--p30-line); background:var(--p30-card); }
#dayProdOverlay .p31-psheet-foot .btn{ min-height:48px; margin:0!important; border-radius:12px!important; }
#dayProdOverlay #dpSave{ background:var(--p30-teal)!important; color:#fff!important; border:0!important; }
#dayProdOverlay .p31-pctx{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; padding:12px 14px; border-radius:12px; background:var(--p30-soft); margin-bottom:10px; }
#dayProdOverlay .p31-pctx[hidden]{ display:none; }
#dayProdOverlay .p31-pctx-t{ display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:600; color:var(--p30-muted); }
#dayProdOverlay .p31-pctx-t svg{ width:16px; height:16px; }
#dayProdOverlay .p31-pctx-chips{ display:inline-flex; gap:6px; }
#dayProdOverlay .p31-chip{ display:inline-flex; align-items:center; height:24px; padding:0 10px; border-radius:999px; font-size:11px; font-weight:700; background:var(--p30-card); border:1px solid var(--p30-line); color:var(--p30-navy); }
#dayProdOverlay .p31-chip-pending{ background:var(--p30-amber-bg); border-color:#F0D9A8; color:var(--p30-amber); }
#dayProdOverlay .p31-psum{ display:flex!important; flex-direction:column; gap:8px; margin-bottom:12px; }
#dayProdOverlay .p31-psum-main, #dayProdOverlay .p31-psum-sec{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
#dayProdOverlay .p31-psum-c{ border-radius:12px; padding:10px 12px; background:var(--p30-soft); min-width:0; }
#dayProdOverlay .p31-psum-main .p31-psum-c{ min-height:64px; }
#dayProdOverlay .p31-psum-count{ background:var(--p30-amber-bg)!important; }
#dayProdOverlay .p31-psum-sales{ background:var(--p30-info-bg)!important; }
#dayProdOverlay .p31-psum-l{ font-size:11px; font-weight:600; color:var(--p30-muted); }
#dayProdOverlay .p31-psum-v{ font-size:15px; font-weight:900; color:var(--p30-navy); overflow:hidden; text-overflow:ellipsis; }
#dayProdOverlay .p31-psum-sec .p31-psum-v{ font-size:13px; }
#dayProdOverlay .p31-psum-waste .p31-psum-v{ color:var(--p30-red); }
#dayProdOverlay .p31-psum-carry .p31-psum-v{ color:#6D3FB0; }
#dayProdOverlay .dp-card{ border:1px solid var(--p30-line)!important; border-radius:14px!important; padding:14px!important; margin-bottom:10px!important; background:var(--p30-card)!important; }
#dayProdOverlay .dp-head > div{ color:var(--p30-navy)!important; font-size:14px; }
#dayProdOverlay .dp-card .mini label{ font-size:11.5px; font-weight:600; color:var(--p30-muted); }
#dayProdOverlay .dp-card .input{ min-height:46px!important; border-radius:12px!important; }
#dayProdOverlay .dp-card .input:disabled{ background:var(--p30-soft)!important; }
#dayProdOverlay .dp-card .input[aria-invalid="true"]{ border-color:var(--p30-red)!important; }
#dayProdOverlay .dp-err.show{ display:block; color:var(--p30-red); font-size:11px; font-weight:700; margin-top:4px; }
#dayProdOverlay #dpAddMore, #dayProdOverlay #dpAddFirst{ min-height:48px; border-radius:12px!important; background:var(--p30-amber-bg)!important; color:var(--p30-amber)!important; border:1.5px dashed #F0D9A8!important; }
#dayProdOverlay .p31-ptotal{ display:flex!important; align-items:center; justify-content:space-between; gap:10px; margin-top:12px; padding:14px 16px; border-radius:14px; background:var(--p30-teal)!important; color:#fff; font-size:13.5px; font-weight:800; }
#dayProdOverlay .p31-ptotal .p30-money{ color:#fff; font-size:16px; }
#dayProdOverlay .p31-pcmp .prod-ok, #dayProdOverlay .p31-pcmp .prod-gap{ display:flex; align-items:flex-start; gap:8px; padding:12px 14px; border-radius:14px; font-size:12.5px; font-weight:700; margin-top:10px; }
#dayProdOverlay .p31-pcmp .prod-ok{ background:var(--p30-green-bg); color:var(--p30-green); }
#dayProdOverlay .p31-pcmp .prod-gap{ background:var(--p30-amber-bg); color:var(--p30-amber); border:1px solid #F0D9A8; }
#dayProdOverlay .p31-plocked{ display:flex; align-items:center; gap:8px; padding:10px 14px; border-radius:12px; background:var(--p30-soft); color:var(--p30-muted); font-weight:700; font-size:12.5px; margin-bottom:10px; }
@media screen and (min-width:768px){
  #dayProdOverlay.p31-psheet-ov{ align-items:center; padding:24px; }
  #dayProdOverlay .p31-psheet{ width:560px; max-width:560px; border-radius:18px; max-height:90vh; }
  #dayProdOverlay .p31-psheet-head{ min-height:80px; padding:12px 24px; }
  #dayProdOverlay .p31-psheet-body{ padding:18px 24px; }
  #dayProdOverlay .p31-psheet-foot{ padding:16px 24px; }
  #dayProdOverlay .dp-card .input{ min-height:48px!important; }
}
/* R2: الطبقة الأقدم لورقة الأصناف (#dayProdOverlay ...!important) تُعاد إلى رموز الهوية وهيكل الورقة
   المقفل (Overlay / Sheet) — بمحددات مؤهّلة بالصنف p31-psheet-ov لا بتعديل الطبقة القديمة. */
#dayProdOverlay.p31-psheet-ov{ --wd-card:var(--p30-card); --wd-foreground:var(--p30-navy); --wd-muted:var(--p30-soft); --wd-muted-fg:var(--p30-muted);
  --wd-border:var(--p30-line); --wd-input:var(--p30-line); --wd-ring:var(--p30-primary); --wd-primary:var(--p30-teal); --wd-primary-fg:#fff;
  --wd-warning:var(--p30-amber); --wd-success:var(--p30-green); --wd-info:#2563A8; --wd-danger:var(--p30-red); --wd-accent:#6D3FB0; --wd-font-arabic:'Cairo',sans-serif;
  background:rgba(8,31,46,.5)!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; padding:0!important; }
#dayProdOverlay.p31-psheet-ov > div.p31-psheet{ padding:0!important; overflow:hidden!important; display:flex!important; flex-direction:column!important; border:0!important; border-radius:22px 22px 0 0!important; max-height:94dvh!important; font-family:'Cairo',sans-serif; }
#dayProdOverlay.p31-psheet-ov > div.p31-psheet::before{ display:none!important; }
#dayProdOverlay.p31-psheet-ov #dpSummary{ margin:0 0 12px!important; gap:8px!important; }
#dayProdOverlay.p31-psheet-ov #dpSummary > div{ background:transparent!important; border:0!important; padding:0!important; border-radius:0!important; }
#dayProdOverlay.p31-psheet-ov #dpSummary .p31-psum-c{ background:var(--p30-soft)!important; border-radius:12px!important; padding:10px 12px!important; }
#dayProdOverlay.p31-psheet-ov #dpSummary .p31-psum-count{ background:var(--p30-amber-bg)!important; }
#dayProdOverlay.p31-psheet-ov #dpSummary .p31-psum-sales{ background:var(--p30-info-bg)!important; }
#dayProdOverlay.p31-psheet-ov #dpSummary .p31-psum-l{ font-size:11px!important; color:var(--p30-muted)!important; font-weight:600!important; }
#dayProdOverlay.p31-psheet-ov #dpSummary .p31-psum-v{ margin:0!important; font-size:15px!important; font-weight:900!important; color:var(--p30-navy)!important; }
#dayProdOverlay.p31-psheet-ov #dpSummary .p31-psum-sec .p31-psum-v{ font-size:13px!important; }
#dayProdOverlay.p31-psheet-ov #dpSummary .p31-psum-waste .p31-psum-v{ color:var(--p30-red)!important; }
#dayProdOverlay.p31-psheet-ov #dpSummary .p31-psum-carry .p31-psum-v{ color:#6D3FB0!important; }
#dayProdOverlay.p31-psheet-ov .dp-head > div[style*="e65100"]{ color:var(--p30-navy)!important; font-size:14px!important; font-weight:800!important; }
#dayProdOverlay.p31-psheet-ov .dp-details .input{ height:46px!important; min-height:46px!important; border-radius:12px!important; }
#dayProdOverlay.p31-psheet-ov #dpTotal{ background:var(--p30-teal)!important; border:0!important; color:#fff!important; border-radius:14px!important; padding:14px 16px!important; }
#dayProdOverlay.p31-psheet-ov #dpTotal span, #dayProdOverlay.p31-psheet-ov #dpTotalVal{ color:#fff!important; }
#dayProdOverlay.p31-psheet-ov #dpCompare .prod-gap{ background:var(--p30-amber-bg)!important; border:1px solid #F0D9A8!important; color:var(--p30-amber)!important; }
#dayProdOverlay.p31-psheet-ov #dpCompare .prod-gap svg{ color:var(--p30-amber)!important; }
#dayProdOverlay.p31-psheet-ov .dp-foot.p31-psheet-foot{ position:static!important; display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:10px!important; margin:0!important; padding:14px 20px calc(14px + env(safe-area-inset-bottom,0px))!important; border-top:1px solid var(--p30-line)!important; background:var(--p30-card)!important; }
#dayProdOverlay.p31-psheet-ov .dp-foot.p31-psheet-foot .btn{ width:100%!important; flex:none!important; min-height:48px!important; border-radius:12px!important; }
#dayProdOverlay.p31-psheet-ov .dp-foot.p31-psheet-foot .btn.btn-primary{ background:var(--p30-teal)!important; color:#fff!important; }
@media screen and (min-width:768px){
  #dayProdOverlay.p31-psheet-ov{ align-items:center!important; padding:24px!important; }
  #dayProdOverlay.p31-psheet-ov > div.p31-psheet{ width:560px!important; max-width:560px!important; border-radius:18px!important; max-height:90vh!important; }
  #dayProdOverlay.p31-psheet-ov .dp-details .input{ height:48px!important; min-height:48px!important; }
  #dayProdOverlay.p31-psheet-ov .dp-foot.p31-psheet-foot{ padding:16px 24px!important; }
}
#dayProdOverlay.p31-psheet-ov #dpSummary .p31-psum-c{ color:var(--p30-navy)!important; }
#dayProdOverlay.p31-psheet-ov #dpSummary .p31-psum-sales .p31-psum-v{ color:#2563A8!important; }
#page-daily .p31-op-list{ inset-inline-start:0!important; inset-inline-end:auto!important; width:max-content; min-width:max(100%, 260px); max-width:calc(100vw - 32px); }
#page-daily .p31-op-list [role="option"]{ white-space:nowrap; }
/* R2: حقول اليوم الموسّع — 46 على الجوال · 48 من 768 (Field / Daily Record) */
#page-daily .day-body .input, #page-daily .day-body .select{ min-height:46px!important; height:46px; box-sizing:border-box; border-radius:12px!important; }
@media screen and (min-width:768px){ #page-daily .day-body .input, #page-daily .day-body .select, #page-daily .p31-op{ min-height:48px!important; height:48px; } }
#page-daily .day-body textarea.input{ height:auto; }
#dayProdOverlay .p31-ptotal[style*="none"], #dayProdOverlay.p31-psheet-ov #dpTotal[style*="none"]{ display:none!important; }
#page-daily .day-body .s-val .p31-sar{ display:inline-flex; margin-inline-start:.3em; vertical-align:middle; }
#page-daily .day-body .s-val .p31-sar .p30-sar{ height:.72em; width:calc(.72em * .8947381); display:block; }
#page-daily .day-body .s-val{ direction:ltr; unicode-bidi:isolate; text-align:end; }
#page-daily .day-body input.p31-sar-input{ padding-right:34px!important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.5263 14' width='11' height='12'%3E%3Cpath fill='%235C6B7A' d='M7.79589 12.4025C7.57236 12.8982 7.4246 13.436 7.368 14.0001L12.0983 12.9945C12.3219 12.499 12.4695 11.961 12.5262 11.397L7.79589 12.4025Z'/%3E%3Cpath fill='%235C6B7A' d='M12.0983 9.98193C12.3219 9.4864 12.4696 8.94842 12.5262 8.38436L8.84144 9.16805V7.66151L12.0982 6.96941C12.3217 6.47388 12.4695 5.9359 12.5261 5.37184L8.84133 6.15486V0.736889C8.27671 1.05391 7.77527 1.4759 7.36766 1.97365V6.4682L5.894 6.78143V0C5.32938 0.316908 4.82794 0.739006 4.42033 1.23677V7.09455L1.12299 7.79522C0.899463 8.29075 0.751595 8.82874 0.694877 9.3928L4.42033 8.60109V10.4983L0.427778 11.3467C0.204249 11.8423 0.0564922 12.3802 -0.000114441 12.9443L4.17897 12.0562C4.51917 11.9854 4.81156 11.7843 5.00166 11.5075L5.76808 10.3713V10.371C5.84764 10.2535 5.894 10.1117 5.894 9.95909V8.28786L7.36766 7.97463V10.9877L12.0982 9.98171L12.0983 9.98193Z'/%3E%3C/svg%3E")!important; background-repeat:no-repeat!important; background-position:right 14px center!important; }

/* ==========================================================================
   AZ03 — Page32 «التقارير» (Figma 32 — A–Z — Reports, 377:2).
   التجاوب من 421:5319 والمُشغّل في 418:5319: جوال <768 · لوحي 768–1199 ·
   مكتب ≥1200 (محتوى 1126 بجوار شريط 250). رأس قسم موحّد (شريط + عنوان +
   سطر داعم + شارة) · نطاق بمنطقتين · لوحة «إجمالي الفترة» · إجراء أساسي
   وثانوي · ستة تجمّعات (22 مؤشّرًا) · جدول أيام/بطاقات · دليل من ستة عناصر.
   رمز الريال الرسمي وحده (p30-money) — لا «ر.س» في أسطح الصفحة.
   ========================================================================== */
#page-archive.p32{ --wd-primary:#0D6E6A; --wd-primary-fg:#fff; --p32-brand:#0D6E6A; --p32-soft:#F1F5F5; }
/* 06-layout-responsive.css:48 كان يقسم الصفحة إلى عمودين (قبل Figma 32) — التقارير تدفّق واحد */
#page-archive.p32.active{ display:block; }
@media screen and (min-width:768px){ #page-archive.p32.active{ max-width:none!important; } }
#page-archive.p32 .p32-legacy{ display:none!important; }
#page-archive.p32 .p32-sec{ margin-top:26px; min-width:0; }
/* رأس القسم */
#page-archive.p32 .p32-sh{ display:flex; align-items:center; gap:12px; margin-bottom:10px; min-width:0; }
#page-archive.p32 .p32-sh-bar{ flex:0 0 3px; width:3px; height:34px; border-radius:2px; background:var(--p32-brand); }
#page-archive.p32 .p32-sh-tw{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:1px; }
#page-archive.p32 .p32-sh-t{ margin:0; font-size:15px; font-weight:900; line-height:1.5; color:var(--p30-navy); }
#page-archive.p32 .p32-sh-s{ margin:0; font-size:11px; font-weight:500; line-height:1.5; color:var(--p30-muted); }
#page-archive.p32 .p32-chip{ flex:0 0 auto; max-width:48%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:6px 11px; border-radius:999px; background:var(--p32-soft); color:var(--p30-muted); font-size:11px; font-weight:700; }
[data-theme="dark"] #page-archive.p32 .p32-chip{ background:var(--p30-soft); }
#page-archive.p32 .p32-card{ background:var(--p30-card); border:1px solid var(--p30-line); border-radius:16px; padding:20px; min-width:0; box-sizing:border-box; }
/* البطل */
#page-archive.p32 .wd-arch-hero{ margin:0!important; padding:24px 28px!important; border-radius:16px!important; border:0!important; box-shadow:none!important;
  background:linear-gradient(135deg, var(--p30-teal) 0%, var(--p30-deep) 100%)!important; color:#fff; }
#page-archive.p32 .wd-ah-kicker{ letter-spacing:0; text-transform:none; font-size:11.5px; font-weight:700; color:rgba(255,255,255,.78); }
#page-archive.p32 .wd-ah-month{ margin-top:12px; font-size:30px; font-weight:800; line-height:1.5; letter-spacing:0; color:#fff; }
#page-archive.p32 .wd-ah-sub{ margin-top:2px; color:rgba(255,255,255,.8); }
#page-archive.p32 .wd-ah-divider{ margin-top:12px; background:rgba(255,255,255,.14); }
#page-archive.p32 .wd-ah-chips{ margin-top:12px; gap:12px; }
#page-archive.p32 .wd-ah-chip{ min-height:47px; box-sizing:border-box; padding:10px 14px; border-radius:12px; border:0; background:rgba(255,255,255,.1); justify-content:flex-start; }
#page-archive.p32 .wd-ah-chip > svg{ width:14px; height:14px; flex:0 0 auto; color:rgba(255,255,255,.8); }
#page-archive.p32 .wd-ah-chip-l{ flex:1 1 auto; color:rgba(255,255,255,.82); }
#page-archive.p32 .wd-ah-chip-v{ font-size:15px; font-weight:800; color:#fff; }
#page-archive.p32 .wd-ah-chip-v .p30-money{ color:#fff; }
#page-archive.p32 .wd-ah-chip-v .p30-cur{ color:#9CC0BB; }
/* الحقول (Field / Daily Record — 48 مكتب/لوحي · 46 جوال) */
#page-archive.p32 .p32-field, #page-archive.p32 .p32-dir-body .field{ margin:0!important; min-width:0; }
#page-archive.p32 .p32-field label, #page-archive.p32 .p32-dir-body label{ display:block; margin-bottom:7px; font-size:11.5px!important; font-weight:600!important; color:var(--p30-muted)!important; }
#page-archive.p32 .input, #page-archive.p32 .select, #page-archive.p32 .dd-toggle{ height:48px!important; min-height:48px!important; box-sizing:border-box; border-radius:12px!important; border:1px solid var(--p30-line)!important; background:var(--p30-card)!important; color:var(--p30-navy)!important; font-size:13.5px!important; font-weight:700!important; box-shadow:none!important; }
#page-archive.p32 .input:focus-visible, #page-archive.p32 .select:focus-visible, #page-archive.p32 .dd-toggle:focus-visible{ outline:2px solid var(--p30-primary)!important; outline-offset:1px; }
#page-archive.p32 .p32-selwrap{ position:relative; }
#page-archive.p32 .p32-selwrap > svg{ position:absolute; inset-inline-end:14px; top:50%; transform:translateY(-50%); width:16px; height:16px; color:var(--p30-muted); pointer-events:none; }
#page-archive.p32 .p32-selwrap .select{ appearance:none; -webkit-appearance:none; padding-inline-end:38px!important; padding-inline-start:14px!important; width:100%; }
#page-archive.p32 .dd-toggle{ display:flex; align-items:center; gap:8px; width:100%; padding:0 14px!important; }
#page-archive.p32 .dd-toggle #arMonthDDLabel{ flex:1 1 auto; text-align:start; }
#page-archive.p32 .dd-toggle > svg{ width:16px; height:16px; flex:0 0 auto; color:var(--p30-muted); }
/* نطاق التقرير */
#page-archive.p32 .p32-scope{ display:grid; grid-template-columns:minmax(0,1fr); gap:18px; padding:16px 20px; }
#page-archive.p32 .p32-zone{ min-width:0; }
#page-archive.p32 .p32-zone-h{ display:flex; align-items:center; gap:8px; min-height:44px; font-size:11.5px; font-weight:700; color:var(--p30-navy); }
#page-archive.p32 .p32-zone-h > svg{ width:16px; height:16px; color:var(--p30-teal); flex:0 0 auto; }
#page-archive.p32 .p32-rule{ flex:1 1 auto; height:1px; background:var(--p30-line); }
#page-archive.p32 .p32-zone-row{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; }
#page-archive.p32 .p32-zone-div{ display:none; }
#page-archive.p32 .p32-btn-clear{ display:inline-flex; align-items:center; gap:8px; height:36px; padding:0 12px; border-radius:10px; border:1px solid var(--p30-line)!important; background:var(--p30-card)!important; color:var(--p30-navy)!important; font-size:11.5px; font-weight:700; cursor:pointer; flex:0 0 auto; box-shadow:none!important; }
#page-archive.p32 .p32-btn-clear svg{ width:14px; height:14px; color:var(--p30-muted); }
#page-archive.p32 .p32-btn-clear:focus-visible{ outline:2px solid var(--p30-primary); outline-offset:2px; }
#page-archive.p32 .date-wrap{ position:relative; }
/* ملخّص الفترة — مخرج renderArchivePeriod المجمّدة، منسّق فقط */
#page-archive.p32 .p32-period{ padding:20px; }
#page-archive.p32 .period-results{ display:grid; grid-template-columns:minmax(0,1fr); gap:16px; margin:0!important; }
#page-archive.p32 .period-results .period-msg{ margin:0; padding:14px 16px; border-radius:12px; background:var(--p32-soft); color:var(--p30-muted); font-size:12.5px; font-weight:600; border:0; }
#page-archive.p32 .period-results .period-msg.bad{ background:var(--p30-red-bg); color:var(--p30-red); }
#page-archive.p32 .period-block{ min-width:0; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; }
#page-archive.p32 .period-sec-t{ display:flex; align-items:center; gap:8px; margin:0 0 4px; font-size:12px; font-weight:800; color:var(--p30-navy); }
#page-archive.p32 .period-sec-t svg{ width:15px; height:15px; color:var(--p30-teal); }
#page-archive.p32 .period-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:29px; padding:5px 0; border:0!important; font-size:11.5px; color:var(--p30-muted); }
#page-archive.p32 .period-row .v{ font-size:12.5px; font-weight:800; color:var(--p30-navy); direction:ltr; unicode-bidi:isolate; white-space:nowrap; }
#page-archive.p32 .period-row.tot{ margin-top:2px; border-top:1px solid var(--p30-line)!important; font-weight:800; color:var(--p30-navy); }
#page-archive.p32 .period-row.tot .v{ color:var(--p30-teal); font-size:13.5px; }
#page-archive.p32 .period-empty{ font-size:11.5px; color:var(--p30-muted); padding:6px 0; }
#page-archive.p32 .period-grand{ order:-1; display:flex; flex-direction:column; align-items:stretch; gap:6px; padding:22px; border-radius:14px; background:linear-gradient(135deg, var(--p30-teal) 0%, var(--p30-deep) 100%)!important; color:#fff!important; border:0!important; }
#page-archive.p32 .period-grand .l{ font-size:13px; font-weight:800; color:rgba(255,255,255,.9); }
#page-archive.p32 .period-grand .v{ font-size:32px; font-weight:900; line-height:1.4; color:#fff!important; direction:ltr; unicode-bidi:isolate; text-align:end; white-space:nowrap; display:flex; align-items:center; justify-content:flex-end; gap:6px; }
#page-archive.p32 .period-grand .v .p30-cur{ color:#9CC0BB; }
#page-archive.p32 .period-grand .v .p30-cur svg{ width:.6em; height:auto; }
#page-archive.p32 .p32-pg-s{ font-size:11px; font-weight:500; color:rgba(255,255,255,.72); }
#page-archive.p32 .p32-pg-split{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:6px; }
#page-archive.p32 .p32-pg-split > div{ display:flex; flex-direction:column; gap:4px; padding:10px 14px; border-radius:10px; background:rgba(255,255,255,.1); min-width:0; }
#page-archive.p32 .p32-pg-split span{ font-size:10.5px; color:rgba(255,255,255,.78); }
#page-archive.p32 .p32-pg-split b{ font-size:14px; font-weight:800; color:#fff; direction:ltr; unicode-bidi:isolate; white-space:nowrap; }
#page-archive.p32 .p32-pg-split b .p30-cur{ color:#9CC0BB; }
/* رمز الريال داخل مخرج renderArchivePeriod (خارج .p30-money): 0.6× حجم المبلغ على خط الأساس */
#page-archive.p32 .period-results .p30-cur{ display:inline-flex; align-items:center; margin-inline-start:.3em; color:var(--p30-muted); vertical-align:baseline; }
#page-archive.p32 .period-results .p30-cur svg{ width:.6em; height:auto; }
#page-archive.p32 .period-grand .p30-cur, #page-archive.p32 .p32-pg-split .p30-cur{ color:#9CC0BB; }
#page-archive.p32 .p32-ltr{ direction:ltr; unicode-bidi:isolate; }
/* إصدار التقارير */
#page-archive.p32 .p32-actions{ display:grid; grid-template-columns:minmax(0,1fr); gap:20px; }
#page-archive.p32 .p32-primary{ display:flex; flex-direction:column; gap:12px; padding:20px; border:1px solid var(--p30-line); border-radius:16px; min-width:0; }
#page-archive.p32 .p32-primary-h{ display:flex; align-items:center; gap:12px; }
#page-archive.p32 .p32-tile{ flex:0 0 46px; width:46px; height:46px; border-radius:13px; background:var(--p32-brand); color:#fff; display:flex; align-items:center; justify-content:center; }
#page-archive.p32 .p32-tile svg{ width:21px; height:21px; }
#page-archive.p32 .p32-primary-tw{ min-width:0; }
#page-archive.p32 .p32-primary-t{ margin:0; font-size:15px; font-weight:800; color:var(--p30-navy); }
#page-archive.p32 .p32-primary-s{ margin:0; font-size:11.5px; font-weight:500; color:var(--p30-muted); }
#page-archive.p32 .p32-pages{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px 8px; }
#page-archive.p32 .p32-pages li{ display:inline-flex; align-items:center; gap:6px; padding:5px 10px; border-radius:8px; background:var(--p32-soft); font-size:10.5px; color:var(--p30-muted); }
#page-archive.p32 .p32-pages b{ color:var(--p32-brand); font-weight:900; }
[data-theme="dark"] #page-archive.p32 .p32-pages li{ background:var(--p30-soft); }
#page-archive.p32 .p32-act{ display:flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:0 16px; border-radius:12px; font-size:12.5px; font-weight:700; cursor:pointer; box-sizing:border-box; width:100%; box-shadow:none!important; }
#page-archive.p32 .p32-act svg{ width:16px; height:16px; flex:0 0 auto; }
#page-archive.p32 .p32-act-primary{ background:var(--p32-brand)!important; color:#fff!important; border:0!important; }
#page-archive.p32 .p32-act-outline{ background:var(--p30-card)!important; color:var(--p32-brand)!important; border:1.5px solid var(--p32-brand)!important; }
#page-archive.p32 .p32-act:focus-visible{ outline:2px solid var(--p30-primary); outline-offset:2px; }
#page-archive.p32 .p32-act[disabled], #page-archive.p32 .p32-act[aria-disabled="true"]{ opacity:.55; cursor:not-allowed; }
#page-archive.p32 .p32-act[aria-busy="true"]{ cursor:progress; opacity:.8; }
#page-archive.p32 .p32-act .en{ display:none!important; }
#page-archive.p32 .p32-secondary{ display:flex; flex-direction:column; gap:14px; min-width:0; }
#page-archive.p32 .p32-filters{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
#page-archive.p32 .p32-note{ display:flex; align-items:center; gap:8px; margin:0; min-height:44px; padding:11px 14px; border-radius:11px; background:var(--p32-soft); font-size:11px; font-weight:500; color:var(--p30-muted); box-sizing:border-box; }
#page-archive.p32 .p32-note svg{ width:15px; height:15px; flex:0 0 auto; }
[data-theme="dark"] #page-archive.p32 .p32-note{ background:var(--p30-soft); }
#page-archive.p32 .p32-note-t{ margin:0; font-size:11px; font-weight:500; color:var(--p30-muted); }
/* ملخّص الشهر — ستة تجمّعات */
#page-archive.p32 .p32-month-host > #archiveAuthorityNote .period-msg{ margin:0 0 12px; padding:12px 16px; border-radius:12px; background:#FFF8EC; border:1px solid #F0D9A8; color:#8A5A00; font-size:12px; font-weight:600; line-height:1.7; }
#page-archive.p32 .p32-groups{ display:grid; grid-template-columns:minmax(0,1fr); gap:14px; }
#page-archive.p32 .p32-group{ background:var(--p30-card); border:1px solid var(--p30-line); border-radius:16px; padding:14px 16px; min-width:0; }
#page-archive.p32 .p32-group-h{ display:flex; align-items:center; gap:8px; margin:0 0 10px; min-height:28px; font-size:13px; font-weight:800; color:var(--p30-navy); }
#page-archive.p32 .p32-group-ic{ width:28px; height:28px; border-radius:9px; background:var(--p30-green-bg); color:var(--p30-teal); display:flex; align-items:center; justify-content:center; flex:0 0 auto; }
#page-archive.p32 .p32-group-ic svg{ width:15px; height:15px; }
#page-archive.p32 .p32-mrow{ display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:38px; border-top:1px solid var(--p30-line); min-width:0; }
#page-archive.p32 .p32-mrow:first-child{ border-top:0; }
#page-archive.p32 .p32-mrow-l{ font-size:11.5px; font-weight:500; color:var(--p30-muted); min-width:0; }
#page-archive.p32 .p32-mrow-v{ font-size:13.5px; font-weight:800; color:var(--p30-navy); white-space:nowrap; flex:0 0 auto; }
#page-archive.p32 .p32-mrow.is-lead{ min-height:45px; }
#page-archive.p32 .p32-mrow.is-lead .p32-mrow-l{ font-weight:800; color:var(--p30-navy); }
#page-archive.p32 .p32-mrow.is-lead .p32-mrow-v{ font-size:17px; font-weight:900; }
#page-archive.p32 .p32-mrow.is-good .p32-mrow-v{ color:var(--p30-green); }
#page-archive.p32 .p32-mrow.is-bad .p32-mrow-v{ color:var(--p30-red); }
#page-archive.p32 .p32-count{ font-size:14px; font-weight:900; }
#page-archive.p32 .p32-status{ display:flex; align-items:center; gap:10px; padding:18px; border-radius:14px; background:var(--p30-card); border:1px solid var(--p30-line); font-size:12.5px; font-weight:600; color:var(--p30-muted); }
#page-archive.p32 .p32-status svg{ width:16px; height:16px; }
#page-archive.p32 .p32-msg{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:18px 20px; border-radius:16px; background:var(--p30-card); border:1px solid var(--p30-line); }
#page-archive.p32 .p32-msg.is-error{ border-color:#F2C9C3; background:var(--p30-red-bg); }
#page-archive.p32 .p32-msg-ic{ width:40px; height:40px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:var(--p30-card); color:var(--p30-red); flex:0 0 auto; }
#page-archive.p32 .p32-msg.is-context .p32-msg-ic{ color:var(--p30-amber); }
#page-archive.p32 .p32-msg-ic svg{ width:20px; height:20px; }
#page-archive.p32 .p32-msg-tw{ flex:1 1 220px; display:flex; flex-direction:column; gap:2px; min-width:0; }
#page-archive.p32 .p32-msg-tw b{ font-size:14px; font-weight:800; color:var(--p30-navy); }
#page-archive.p32 .p32-msg-tw span{ font-size:12px; color:var(--p30-muted); }
#page-archive.p32 .p32-msg .p32-act{ width:auto; }
/* سجل الأيام — بطاقات (جوال/لوحي) وجدول (مكتب) */
#page-archive.p32 .p32-days{ position:relative; padding:0; overflow:hidden; }
#page-archive.p32 .p32-dt-head{ display:none; }
#page-archive.p32 .p32-day{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 12px; padding:14px 16px; border-top:1px solid var(--p30-line); cursor:pointer; }
#page-archive.p32 .p32-dt [role="rowgroup"] > .p32-day:first-child{ border-top:0; }
#page-archive.p32 .p32-day:hover{ background:var(--p30-soft); }
#page-archive.p32 .p32-day-id{ display:flex; align-items:center; gap:12px; min-width:0; grid-column:1; grid-row:1; }
#page-archive.p32 .p32-day-n{ flex:0 0 42px; width:42px; height:42px; border-radius:12px; background:var(--p32-brand); color:#fff; display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:900; }
#page-archive.p32 .p32-day-tw{ display:flex; flex-direction:column; min-width:0; }
#page-archive.p32 .p32-day-tw b{ font-size:13.5px; font-weight:800; color:var(--p30-navy); }
#page-archive.p32 .p32-day-tw small{ font-size:10.5px; color:var(--p30-muted); }
#page-archive.p32 .p32-day-acts{ grid-column:2; grid-row:1; display:flex; gap:8px; align-items:center; }
#page-archive.p32 .p32-day-c{ grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:26px; font-size:13px; font-weight:800; color:var(--p30-navy); }
#page-archive.p32 .p32-day-c.is-fam{ font-size:16px; font-weight:900; margin-top:6px; }
#page-archive.p32 .p32-day-c.is-bad .p30-money{ color:var(--p30-red); }
#page-archive.p32 .p32-day-l{ font-size:11.5px; font-weight:500; color:var(--p30-muted); }
#page-archive.p32 .p32-ib{ width:44px; height:44px; border-radius:12px; border:1px solid var(--p30-line); background:var(--p30-soft); color:var(--p30-muted); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; padding:0; }
#page-archive.p32 .p32-ib svg{ width:16px; height:16px; }
#page-archive.p32 .p32-ib.is-del{ background:var(--p30-red-bg); color:var(--p30-red); border-color:transparent; }
#page-archive.p32 .p32-ib:focus-visible{ outline:2px solid var(--p30-primary); outline-offset:2px; }
#page-archive.p32 .p32-more{ display:none; width:100%; min-height:48px; align-items:center; justify-content:center; gap:8px; border:0; border-top:1px solid var(--p30-line); background:transparent; color:var(--p32-brand); font-size:12.5px; font-weight:800; cursor:pointer; }
#page-archive.p32 .p32-more svg{ width:16px; height:16px; }
#page-archive.p32 .p32-more:focus-visible{ outline:2px solid var(--p30-primary); outline-offset:-2px; }
#page-archive.p32 .p32-empty{ display:flex; flex-direction:column; align-items:center; gap:6px; padding:32px 16px; text-align:center; }
#page-archive.p32 .p32-empty-ic{ width:46px; height:46px; border-radius:14px; background:var(--p32-soft); color:var(--p30-muted); display:flex; align-items:center; justify-content:center; }
#page-archive.p32 .p32-empty-ic svg{ width:22px; height:22px; }
#page-archive.p32 .p32-empty b{ font-size:14px; font-weight:800; color:var(--p30-navy); }
#page-archive.p32 .p32-empty span{ font-size:12px; color:var(--p30-muted); }
/* دليل التقارير */
#page-archive.p32 .p32-dir{ display:grid; grid-template-columns:minmax(0,1fr); gap:14px; }
#page-archive.p32 .p32-dir-item{ background:var(--p30-card); border:1px solid transparent; border-radius:16px; min-width:0; }
#page-archive.p32 .p32-dir-item.is-open{ border-color:var(--p32-brand); }
#page-archive.p32 .p32-dir-head{ display:flex; align-items:center; gap:16px; width:100%; padding:18px; border:0; background:transparent; text-align:start; cursor:pointer; font:inherit; color:inherit; border-radius:16px; }
#page-archive.p32 .p32-dir-head:focus-visible{ outline:2px solid var(--p30-primary); outline-offset:-2px; }
#page-archive.p32 .p32-dir-tw{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:4px; }
#page-archive.p32 .p32-dir-id{ display:flex; align-items:center; gap:8px; }
#page-archive.p32 .p32-dir-id svg{ width:20px; height:20px; color:var(--p32-brand); flex:0 0 auto; }
#page-archive.p32 .p32-dir-t{ font-size:15.5px; font-weight:700; color:var(--p30-navy); }
#page-archive.p32 .p32-dir-d{ font-size:11.5px; font-weight:500; line-height:1.5; color:var(--p30-muted); }
#page-archive.p32 .p32-dir-scope{ font-size:10.5px; font-weight:500; color:var(--p30-muted); }
#page-archive.p32 .p32-dir-aff{ flex:0 0 44px; width:44px; height:44px; border-radius:14px; display:flex; align-items:center; justify-content:center; color:var(--p30-muted); }
#page-archive.p32 .p32-dir-aff svg{ width:18px; height:18px; transition:transform .2s; }
#page-archive.p32 .p32-dir-item.is-open .p32-dir-aff{ background:var(--p30-green-bg); color:var(--p32-brand); }
#page-archive.p32 .p32-dir-item.is-open .p32-dir-aff svg{ transform:rotate(-90deg); }
#page-archive.p32 .p32-dir-body{ display:flex; flex-direction:column; gap:14px; padding:0 18px 18px; min-width:0; }
#page-archive.p32 .p32-dir-body[hidden]{ display:none; }
#page-archive.p32 .p32-two{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0!important; }
#page-archive.p32 .p32-row-acts{ display:flex; flex-wrap:wrap; gap:10px; }
#page-archive.p32 .p32-row-acts .p32-act{ flex:1 1 140px; width:auto; }
#page-archive.p32 .p32-rank{ display:grid!important; grid-template-columns:minmax(0,1fr); gap:14px; }
#page-archive.p32 .p32-rank[hidden]{ display:none!important; }
#page-archive.p32 .p32-rank-col{ min-width:0; border:1px solid var(--p30-line); border-radius:14px; padding:12px 14px; }
/* 09-overlay-v5.css:790 يجعل .stmt-clear نسبيًا فيسقط زر المسح خارج الحقل — يعود داخل الحقل بجوار السهم */
#page-archive.p32 .stmt-sel-wrap{ position:relative; }
#page-archive.p32 .stmt-sel-wrap .stmt-clear{ position:absolute!important; left:38px; top:50%; transform:translateY(-50%); }
#page-archive.p32 #stmtWaSend{ background:#25D366!important; color:#fff!important; border:0!important; min-height:48px; border-radius:12px!important; }
#page-archive.p32 #actBody > div, #page-archive.p32 #prodRepBody > div{ max-width:100%; }
#page-archive.p32 #actBody table, #page-archive.p32 #prodRepBody table{ font-variant-numeric:tabular-nums; }
/* ≥768: لوحي */
@media screen and (min-width:768px){
  #page-archive.p32 .wd-ah-chips{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  #page-archive.p32 .wd-ah-chip{ flex-wrap:wrap; }
}
/* <768: جوال */
@media screen and (max-width:767.98px){
  #page-archive.p32 .p32-sec{ margin-top:22px; }
  #page-archive.p32 .wd-arch-hero{ padding:18px!important; }
  #page-archive.p32 .wd-ah-month{ font-size:22px; }
  #page-archive.p32 .wd-ah-chips{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  #page-archive.p32 .wd-ah-chip:first-child{ grid-column:1 / -1; }
  #page-archive.p32 .p32-card{ padding:14px; }
  #page-archive.p32 .p32-zone-row, #page-archive.p32 .p32-filters, #page-archive.p32 .p32-two{ grid-template-columns:minmax(0,1fr); }
  #page-archive.p32 .input, #page-archive.p32 .select, #page-archive.p32 .dd-toggle{ height:46px!important; min-height:46px!important; }
  #page-archive.p32 .period-grand .v{ font-size:26px; }
  #page-archive.p32 .p32-days:not(.is-all) .p32-day:nth-child(n+3){ display:none; }
  #page-archive.p32 .p32-days:not(.is-all) .p32-more{ display:flex; }
  #page-archive.p32 .p32-days.is-all .p32-more{ display:flex; }
  #page-archive.p32 .p32-sh{ flex-wrap:wrap; }
  #page-archive.p32 .p32-chip{ max-width:100%; white-space:normal; }
}
/* ≥1200: مكتب */
@media screen and (min-width:1200px){
  #page-archive.p32 .wd-ah-month{ font-size:30px; }
  #page-archive.p32 .p32-scope{ grid-template-columns:minmax(0,613fr) 1px minmax(0,432fr); gap:20px; }
  #page-archive.p32 .p32-zone-div{ display:block; background:var(--p30-line); width:1px; }
  #page-archive.p32 .period-results.is-set{ grid-template-columns:minmax(0,366fr) minmax(0,342fr) minmax(0,342fr); align-items:start; }
  #page-archive.p32 .p32-actions{ grid-template-columns:minmax(0,566fr) minmax(0,500fr); }
  #page-archive.p32 .p32-groups{ grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-areas:"fam vat" "rent sett" "coll cash"; gap:20px; align-items:start; }
  #page-archive.p32 .p32-g-fam{ grid-area:fam; } #page-archive.p32 .p32-g-vat{ grid-area:vat; }
  #page-archive.p32 .p32-g-rent{ grid-area:rent; } #page-archive.p32 .p32-g-sett{ grid-area:sett; }
  #page-archive.p32 .p32-g-coll{ grid-area:coll; } #page-archive.p32 .p32-g-cash{ grid-area:cash; }
  #page-archive.p32 .p32-dt-head{ display:grid; grid-template-columns:230px 216px 196px 196px minmax(96px,1fr); align-items:center; gap:14px; min-height:44px; padding:0 18px; background:var(--p32-soft); font-size:11px; font-weight:600; color:var(--p30-muted); }
  [data-theme="dark"] #page-archive.p32 .p32-dt-head{ background:var(--p30-soft); }
  #page-archive.p32 .p32-dt-head [role="columnheader"]:last-child{ text-align:end; }
  #page-archive.p32 .p32-day{ grid-template-columns:230px 216px 196px 196px minmax(96px,1fr); align-items:center; gap:14px; min-height:72px; padding:0 18px; }
  #page-archive.p32 .p32-day-id, #page-archive.p32 .p32-day-c, #page-archive.p32 .p32-day-acts{ grid-row:auto; grid-column:auto; }
  #page-archive.p32 .p32-day-c{ justify-content:flex-start; margin:0; }
  #page-archive.p32 .p32-day-c.is-fam{ margin:0; }
  #page-archive.p32 .p32-day-l{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
  #page-archive.p32 .p32-day-acts{ justify-content:flex-end; }
  #page-archive.p32 .p32-dir{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; align-items:start; }
  #page-archive.p32 .p32-dir-item.is-open{ grid-column:1 / -1; }
  #page-archive.p32 .p32-rank{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}

/* ==========================================================================
   AZ03-R1 — Page32 closure: Context Info (19:35) · إدارة التحصيل (406:3535/406:3950)
   · حركة الأصناف (403:3569 لوحي 7 أعمدة / 403:3702 بطاقات جوال).
   ========================================================================== */
/* Context Info: أيقونة 16 وهدف لمس 44 (WCAG 2.2) — الحجم المرئي صغير والهدف لا */
#page-archive.p32 .p32-info{ position:relative; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; margin-inline-start:6px; padding:0; border:0; border-radius:8px; background:transparent; color:var(--p30-muted); cursor:pointer; vertical-align:middle; flex:0 0 auto; }
#page-archive.p32 .p32-info::after{ content:""; position:absolute; top:50%; left:50%; width:44px; height:44px; transform:translate(-50%,-50%); }
#page-archive.p32 .p32-info svg{ width:16px; height:16px; }
#page-archive.p32 .p32-info:hover, #page-archive.p32 .p32-info[aria-expanded="true"]{ background:#E6FFFB; color:var(--p30-teal); }
#page-archive.p32 .p32-info:focus-visible{ outline:2px solid #14B8A6; outline-offset:2px; }
#page-archive.p32 .period-grand .p32-info{ color:rgba(255,255,255,.8); }
#page-archive.p32 .period-grand .p32-info:hover, #page-archive.p32 .period-grand .p32-info[aria-expanded="true"]{ background:rgba(255,255,255,.14); color:#fff; }
#page-archive.p32 .p32-mrow-l{ display:inline-flex; align-items:center; }
/* إدارة التحصيل */
#page-archive.p32 #collMgrBody{ display:flex; flex-direction:column; gap:14px; }
#page-archive.p32 .p32-cm-warn{ display:flex; align-items:center; gap:10px; padding:18px 20px; border-radius:14px; background:#FBF3E6; color:#8A5A00; }
#page-archive.p32 .p32-cm-warn > svg{ width:16px; height:16px; flex:0 0 auto; }
#page-archive.p32 .p32-cm-warn > span{ flex:1 1 auto; font-size:12.5px; font-weight:800; }
#page-archive.p32 .p32-cm-warn b{ font-size:26px; font-weight:900; color:#8A5A00; white-space:nowrap; }
#page-archive.p32 .p32-cm-warn b .p30-money, #page-archive.p32 .p32-cm-warn b .p30-cur{ color:#8A5A00; }
#page-archive.p32 .p32-cm-sum{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
#page-archive.p32 .p32-cm-card{ display:flex; flex-direction:column; gap:6px; padding:14px 16px; border-radius:14px; border:1px solid var(--p30-line); background:var(--p30-card); min-width:0; }
#page-archive.p32 .p32-cm-card > span{ font-size:11px; font-weight:500; color:var(--p30-muted); }
#page-archive.p32 .p32-cm-card b{ font-size:16px; font-weight:900; color:var(--p30-navy); white-space:nowrap; }
#page-archive.p32 .p32-cm-card.is-good b .p30-money{ color:var(--p30-green); }
#page-archive.p32 .p32-cm-card.is-bad b .p30-money{ color:var(--p30-red); }
#page-archive.p32 .p32-cm-card.is-gold b .p30-money{ color:#8A6D1F; }
#page-archive.p32 .p32-cm-carry{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; border-radius:14px; border:1px solid var(--p30-line); background:var(--p30-card); }
#page-archive.p32 .p32-cm-carry-tw{ display:flex; flex-direction:column; gap:4px; min-width:0; }
#page-archive.p32 .p32-cm-carry-tw > span{ font-size:11px; color:var(--p30-muted); }
#page-archive.p32 .p32-cm-carry-tw b .p30-money{ color:var(--p30-teal); font-weight:900; }
#page-archive.p32 .p32-cm-ghost{ display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 16px; border-radius:10px; border:0; background:var(--p32-soft); color:var(--p30-teal); font-size:12px; font-weight:800; cursor:pointer; flex:0 0 auto; }
#page-archive.p32 .p32-cm-ghost svg{ width:15px; height:15px; }
#page-archive.p32 .p32-cm-ghost:focus-visible, #page-archive.p32 .p32-cm-undo:focus-visible{ outline:2px solid var(--p30-primary); outline-offset:2px; }
#page-archive.p32 .p32-cm-carry-det{ padding:6px 16px 12px; border-radius:12px; background:var(--p32-soft); }
#page-archive.p32 .p32-cm-carry-det[hidden]{ display:none; }
#page-archive.p32 .p32-cm-ro{ display:flex; align-items:center; gap:8px; margin:0; padding:12px 16px; border-radius:12px; background:var(--p32-soft); color:var(--p30-muted); font-size:12px; font-weight:600; }
#page-archive.p32 .p32-cm-ro svg{ width:15px; height:15px; flex:0 0 auto; }
#page-archive.p32 .p32-cm-meta{ margin:0; font-size:11.5px; color:var(--p30-muted); }
#page-archive.p32 .p32-cm-empty{ margin:0; padding:10px; text-align:center; font-size:12px; color:var(--p30-muted); }
#page-archive.p32 .p32-cm-fam{ display:flex; flex-direction:column; gap:10px; padding:16px; border-radius:16px; border:1px solid var(--p30-line); background:var(--p30-card); margin:0!important; }
#page-archive.p32 .p32-cm-fh{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding-bottom:10px; border-bottom:1px solid var(--p30-line); }
#page-archive.p32 .p32-cm-name{ font-size:14px; font-weight:800; color:var(--p30-navy); margin-inline-end:4px; }
#page-archive.p32 .p32-cm-st{ display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; font-size:11px; font-weight:800; }
#page-archive.p32 .p32-cm-st svg{ width:13px; height:13px; }
#page-archive.p32 .p32-cm-st.is-paid{ background:var(--p30-green-bg); color:var(--p30-green); }
#page-archive.p32 .p32-cm-st.is-partial{ background:#FBF3E6; color:#8A5A00; }
#page-archive.p32 .p32-cm-st.is-unpaid{ background:var(--p30-red-bg); color:var(--p30-red); }
#page-archive.p32 .p32-cm-set{ padding:4px 10px; border-radius:999px; background:var(--p32-soft); font-size:11px; color:var(--p30-muted); }
#page-archive.p32 .p32-cm-set b{ color:var(--p30-navy); font-weight:800; margin-inline-start:4px; }
#page-archive.p32 .p32-cm-inset{ padding:6px 14px; border-radius:12px; background:var(--p32-soft); }
#page-archive.p32 .p32-cm-note{ font-size:11.5px; color:var(--p30-info); }
#page-archive.p32 .p32-cm-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:30px; font-size:11.5px; color:var(--p30-muted); }
#page-archive.p32 .p32-cm-row b{ font-size:13px; font-weight:800; color:var(--p30-navy); white-space:nowrap; }
#page-archive.p32 .p32-cm-row.is-lead b{ font-size:16px; font-weight:900; }
#page-archive.p32 .p32-cm-row.is-good b .p30-money{ color:var(--p30-green); }
#page-archive.p32 .p32-cm-row.is-bad b .p30-money{ color:var(--p30-red); }
#page-archive.p32 .p32-cm-row.is-gold b .p30-money{ color:#8A6D1F; }
#page-archive.p32 .p32-cm-row.is-info b .p30-money{ color:var(--p30-info); }
#page-archive.p32 .p32-cm-row.is-tot{ border-top:1px solid var(--p30-line); font-weight:800; color:var(--p30-navy); }
#page-archive.p32 .p32-cm-fam .coll-pay{ margin-top:4px; }
#page-archive.p32 .p32-cm-tx{ padding:16px; border-radius:16px; border:1px solid var(--p30-line); background:var(--p30-card); }
#page-archive.p32 .p32-cm-tx-h{ display:flex; align-items:center; gap:8px; margin:0 0 10px; font-size:13px; font-weight:800; color:var(--p30-navy); }
#page-archive.p32 .p32-cm-tx-h svg{ width:16px; height:16px; color:var(--p30-teal); }
#page-archive.p32 .p32-cm-txr{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; margin-top:8px; border-radius:12px; background:var(--p32-soft); border:0!important; }
#page-archive.p32 .p32-cm-txr .ct-name{ font-size:12.5px; font-weight:800; color:var(--p30-navy); }
#page-archive.p32 .p32-cm-txr .ct-meta, #page-archive.p32 .p32-cm-txr .ct-date{ font-size:11px; color:var(--p30-muted); }
#page-archive.p32 .p32-cm-undo{ display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 18px; border-radius:10px; border:1px solid var(--p30-line); background:var(--p30-card); color:var(--p30-red); font-size:12px; font-weight:800; cursor:pointer; flex:0 0 auto; }
#page-archive.p32 .p32-cm-undo svg{ width:14px; height:14px; }
/* حركة الأصناف */
#page-archive.p32 .p32-pr-fam{ margin-bottom:16px; }
#page-archive.p32 .p32-pr-fh{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin:0 0 8px; font-size:13px; font-weight:800; color:var(--p30-navy); }
#page-archive.p32 .p32-pr-tot{ font-size:11.5px; font-weight:700; color:var(--p30-muted); }
#page-archive.p32 .p32-pr-tot .p30-money{ color:var(--p30-teal); font-weight:900; }
#page-archive.p32 .p32-pr-tw-wrap{ border:1px solid var(--p30-line); border-radius:14px; overflow:hidden; }
#page-archive.p32 .p32-pr-tbl{ width:100%; border-collapse:collapse; font-size:11.5px; }
#page-archive.p32 .p32-pr-tbl th{ background:var(--p32-soft); color:var(--p30-muted); font-weight:600; padding:10px 8px; text-align:start; border:0; white-space:normal; line-height:1.4; }
#page-archive.p32 .p32-pr-tbl td{ padding:10px 8px; border:0; border-top:1px solid var(--p30-line); text-align:start; color:var(--p30-navy); white-space:nowrap; }
#page-archive.p32 .p32-pr-tbl td.c-prod{ font-weight:800; white-space:normal; }
#page-archive.p32 .p32-pr-tbl td.c-sales .p30-money{ color:var(--p30-teal); font-weight:900; }
#page-archive.p32 .p32-pr-adj{ color:#8A5A00; font-size:10.5px; white-space:normal; }
#page-archive.p32 .p32-pr-cards{ display:none; flex-direction:column; gap:12px; }
#page-archive.p32 .p32-pr-card{ display:flex; flex-direction:column; gap:10px; padding:14px; border-radius:14px; border:1px solid var(--p30-line); background:var(--p30-card); }
#page-archive.p32 .p32-pr-ch{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding-bottom:10px; border-bottom:1px solid var(--p30-line); }
#page-archive.p32 .p32-pr-tw{ display:flex; flex-direction:column; min-width:0; }
#page-archive.p32 .p32-pr-tw b{ font-size:13px; font-weight:800; color:var(--p30-navy); }
#page-archive.p32 .p32-pr-tw small{ font-size:10.5px; color:var(--p30-muted); }
#page-archive.p32 .p32-pr-sales .p30-money{ font-size:13.5px; font-weight:900; color:var(--p30-teal); }
#page-archive.p32 .p32-pr-grid{ display:flex; flex-direction:column; gap:6px; }
#page-archive.p32 .p32-pr-pair{ display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:10.5px; color:var(--p30-muted); }
#page-archive.p32 .p32-pr-pair b{ font-size:12px; font-weight:900; color:#33475B; }
@media screen and (min-width:768px) and (max-width:1199.98px){
  #page-archive.p32 .p32-pr-tbl .c-price, #page-archive.p32 .p32-pr-tbl .c-avail, #page-archive.p32 .p32-pr-tbl .c-waste{ display:none; }
}
@media screen and (max-width:767.98px){
  #page-archive.p32 .p32-pr-tw-wrap{ display:none; }
  #page-archive.p32 .p32-pr-cards{ display:flex; }
  #page-archive.p32 .p32-cm-warn b{ font-size:22px; }
  #page-archive.p32 .p32-cm-carry{ flex-direction:column; align-items:stretch; }
}
@media screen and (min-width:1200px){
  #page-archive.p32 .p32-cm-sum{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  #page-archive.p32 .p32-cm-fam .coll-pay{ width:auto; align-self:flex-start; padding:0 22px; }
}

/* ==========================================================================
   AZ04 — Page33 «الإعدادات» (Figma 33 — A–Z — Settings, 696:2).
   Hub: بطل المستخدم النشط + ثمانية مداخل (78) + منطقة الخطر بعرض كامل على المكتب.
   عمود واحد <1200 · عمودان ≥1200 (محتوى 1126 / 536 / 358). كل مدخل يفتح سطحًا
   داخليًا بالبطاقات القائمة نفسها. الواجهة عربية بلا تكرار إنجليزي ظاهر.
   ========================================================================== */
#page-settings.p33{ --wd-primary:#0D6E6A; --wd-primary-fg:#fff; }
#page-settings.p33 .en{ display:none!important; }
#page-settings.p33 .wd-set-hero{ margin:0 0 16px!important; padding:24px 28px!important; border-radius:16px!important; border:0!important; box-shadow:none!important;
  background:linear-gradient(135deg, var(--p30-teal) 0%, var(--p30-deep) 100%)!important; color:#fff; }
#page-settings.p33 .wd-sh-glow{ display:none!important; }
#page-settings.p33 .wd-sh-kicker{ letter-spacing:0; text-transform:none; font-size:11.5px; font-weight:700; color:rgba(255,255,255,.78); }
#page-settings.p33 .wd-sh-name{ margin-top:12px; font-size:30px; font-weight:800; line-height:1.5; color:#fff; }
#page-settings.p33 .wd-sh-sub{ color:rgba(255,255,255,.82); font-size:12px; }
#page-settings.p33[data-p33-view]:not([data-p33-view="hub"]) .wd-set-hero{ display:none!important; }
/* Hub */
#page-settings.p33 .p33-hub{ display:grid; grid-template-columns:minmax(0,1fr); gap:14px; }
#page-settings.p33 .p33-hub[hidden], #page-settings.p33 .p33-sec[hidden], #page-settings.p33 .p33-entry[hidden], #page-settings.p33 .p33-offhub{ display:none!important; }
#page-settings.p33 .p33-entry{ display:flex; align-items:center; gap:14px; min-height:78px; box-sizing:border-box; width:100%; padding:16px; border-radius:16px; border:1px solid var(--p30-line); background:var(--p30-card); color:inherit; font:inherit; text-align:start; cursor:pointer; }
#page-settings.p33 .p33-entry:hover{ border-color:#CFE3DD; }
#page-settings.p33 .p33-entry:focus-visible{ outline:2px solid var(--p30-primary); outline-offset:2px; }
#page-settings.p33 .p33-entry-ic{ flex:0 0 44px; width:44px; height:44px; border-radius:12px; background:var(--p30-green-bg); color:var(--p30-teal); display:flex; align-items:center; justify-content:center; }
#page-settings.p33 .p33-entry-ic svg{ width:20px; height:20px; }
#page-settings.p33 .p33-entry-tw{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:3px; }
#page-settings.p33 .p33-entry-t{ font-size:14px; font-weight:800; color:var(--p30-navy); }
#page-settings.p33 .p33-entry-s{ font-size:11px; font-weight:500; color:var(--p30-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#page-settings.p33 .p33-entry-chev{ width:18px; height:18px; color:var(--p30-muted); flex:0 0 auto; }
#page-settings.p33 .p33-entry.is-danger{ border-color:#F2C9C3; }
#page-settings.p33 .p33-entry.is-danger .p33-entry-ic{ background:var(--p30-red-bg); color:var(--p30-red); }
#page-settings.p33 .p33-entry.is-danger .p33-entry-t{ color:var(--p30-red); }
/* الأسطح الداخلية */
#page-settings.p33 .p33-sec-h{ display:flex; flex-direction:column; align-items:flex-start; gap:6px; margin:4px 0 14px; }
#page-settings.p33 .p33-back{ display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 12px; border-radius:10px; border:1px solid var(--p30-line); background:var(--p30-card); color:var(--p30-teal); font:inherit; font-size:12.5px; font-weight:800; cursor:pointer; }
#page-settings.p33 .p33-back svg{ width:16px; height:16px; }
#page-settings.p33 .p33-back:focus-visible{ outline:2px solid var(--p30-primary); outline-offset:2px; }
#page-settings.p33 .p33-sec-t{ margin:0; font-size:20px; font-weight:900; line-height:1.5; color:var(--p30-navy); outline:0; }
#page-settings.p33 .p33-sec.is-danger .p33-sec-t{ color:var(--p30-red); }
#page-settings.p33 .p33-sec-body{ display:flex; flex-direction:column; gap:14px; min-width:0; }
#page-settings.p33 .p33-sec-body > .card{ margin:0!important; border-radius:16px!important; border:1px solid var(--p30-line)!important; box-shadow:none!important; min-width:0; }
#page-settings.p33 .p33-sec-body .select, #page-settings.p33 .p33-sec-body .input{ min-height:48px; box-sizing:border-box; border-radius:12px; }
/* التطبيق والدعم */
#page-settings.p33 .p33-row{ display:flex; align-items:center; gap:12px; width:100%; min-height:56px; padding:12px 14px; border-radius:12px; border:1px solid var(--p30-line); background:var(--p30-card); color:inherit; font:inherit; text-align:start; cursor:pointer; }
#page-settings.p33 .p33-row:focus-visible{ outline:2px solid var(--p30-primary); outline-offset:2px; }
#page-settings.p33 .p33-row-tw{ flex:1 1 auto; display:flex; flex-direction:column; gap:2px; }
#page-settings.p33 .p33-row-tw b{ font-size:13.5px; color:var(--p30-navy); }
#page-settings.p33 .p33-row-tw small{ font-size:11px; color:var(--p30-muted); }
#page-settings.p33 .p33-row > svg{ width:16px; height:16px; color:var(--p30-muted); }
/* منطقة الخطر */
#page-settings.p33 #dangerCard{ display:flex; flex-direction:column; gap:14px; }
#page-settings.p33 .p33-danger-lead{ display:block; color:var(--p30-red); font-weight:700; line-height:1.7; }
#page-settings.p33 .p33-danger-act{ display:flex; flex-direction:column; gap:8px; padding:14px; border-radius:14px; border:1px solid #F2C9C3; background:var(--p30-red-bg); }
#page-settings.p33 .p33-danger-t{ font-size:13.5px; font-weight:800; color:var(--p30-red); }
#page-settings.p33 .p33-danger-act .hint{ font-size:11.5px; line-height:1.7; color:var(--p30-muted); }
#page-settings.p33 .p33-danger-btn{ min-height:48px; border-color:var(--p30-red)!important; color:var(--p30-red)!important; background:var(--p30-card)!important; }
/* نافذتا الخصوصية والمجموعات */
.p33-privacy-sheet .p33-priv-updated{ margin:0 0 10px; font-size:12px; color:var(--p30-muted); }
.p33-privacy-sheet .p33-priv-p{ margin:0 0 8px; font-size:13px; line-height:1.8; color:var(--p30-navy); }
.p33-privacy-sheet .p33-priv-ul{ margin:0 0 10px; padding-inline-start:20px; font-size:13px; line-height:1.8; color:var(--p30-navy); }
.p33-privacy-sheet .mdl-body{ max-height:70vh; overflow-y:auto; }
.p33-grp-ro{ margin:0 0 12px; padding:10px 12px; border-radius:10px; background:var(--p30-soft); color:var(--p30-muted); font-size:12px; line-height:1.7; }
.p33-branch-note b{ font-size:14px; }
/* ≥1200: عمودان ومنطقة الخطر بعرض كامل */
@media screen and (min-width:1200px){
  #page-settings.p33 .p33-hub{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  #page-settings.p33 .p33-entry.is-danger{ grid-column:1 / -1; }
}
@media screen and (max-width:767.98px){
  #page-settings.p33 .wd-set-hero{ padding:18px!important; }
  #page-settings.p33 .wd-sh-name{ font-size:22px; }
  #page-settings.p33 .p33-sec-t{ font-size:18px; }
}

/* ==========================================================================
   AZ04-R1 — Page33: التاريخ والوقت · الاستعادة · حذف الحساب
   ========================================================================== */
#page-settings.p33 .p33-pref-h{ margin:16px 0 8px; font-size:12.5px; font-weight:800; color:var(--p30-navy); }
#page-settings.p33 .p33-pref-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:8px 0; }
#page-settings.p33 .p33-pref-l{ font-size:13px; font-weight:700; color:var(--p30-navy); }
#page-settings.p33 .p33-seg{ display:inline-flex; gap:4px; padding:3px; border-radius:12px; background:var(--p30-soft); border:1px solid var(--p30-line); }
#page-settings.p33 .p33-seg button{ min-height:44px; min-width:84px; padding:0 14px; border-radius:9px; border:0; background:transparent; color:var(--p30-muted); font:inherit; font-size:12.5px; font-weight:800; cursor:pointer; }
#page-settings.p33 .p33-seg button.is-on{ background:var(--p30-card); color:var(--p30-teal); box-shadow:0 1px 2px rgba(15,23,42,.08); }
#page-settings.p33 .p33-seg button:focus-visible{ outline:2px solid var(--p30-primary); outline-offset:2px; }
#page-settings.p33 .p33-pref-note{ display:block; margin-top:6px; color:var(--p30-red); }
#page-settings.p33 .p33-pref-note[hidden]{ display:none; }
.p33-rst-sheet .mdl-body{ max-height:70vh; overflow-y:auto; }
.p33-rst-h{ margin:0 0 6px; font-size:15px; font-weight:900; color:var(--p30-navy); line-height:1.6; }
.p33-rst-h.is-bad{ color:var(--p30-red); }
.p33-rst-p{ margin:0 0 10px; font-size:13px; line-height:1.8; color:var(--p30-muted); }
.p33-rst-file{ display:flex; align-items:center; gap:10px; padding:12px; border-radius:12px; border:1px dashed var(--p30-line); background:var(--p30-soft); margin:8px 0; min-width:0; }
.p33-rst-file b{ font-size:12.5px; color:var(--p30-navy); overflow-wrap:anywhere; }
.p33-rst-file small{ font-size:11px; color:var(--p30-muted); }
.p33-rst-dl{ margin:0 0 10px; display:grid; grid-template-columns:minmax(0,auto) minmax(0,1fr); gap:6px 14px; font-size:12.5px; }
.p33-rst-dl dt{ color:var(--p30-muted); font-weight:700; }
.p33-rst-dl dd{ margin:0; color:var(--p30-navy); font-weight:800; overflow-wrap:anywhere; }
.p33-rst-note{ padding:10px 12px; border-radius:10px; background:var(--p30-soft); color:var(--p30-muted); font-size:12px; line-height:1.7; margin:0 0 10px; }
.p33-rst-warn{ color:var(--p30-red); font-weight:800; font-size:12.5px; }
.p33-rst-busy{ display:flex; align-items:center; gap:10px; font-weight:800; color:var(--p30-navy); }
.p33-rst-busy::before{ content:''; width:18px; height:18px; border-radius:50%; border:2px solid var(--p30-line); border-top-color:var(--p30-teal); animation:p33spin .8s linear infinite; }
@keyframes p33spin{ to{ transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce){ .p33-rst-busy::before{ animation:none; } }

/* ==========================================================================
   AZ06–AZ10 — Pages35–39 «تجربة الأسرة» (Figma 35 854:10 · 36 895:10 · 37 917:10 ·
   38 941:10 · 39 1030:10). بوابة الأسرة سطح واحد بلا شريط جانبي ولا سفلي (قرار
   المنتج: فرض قشرة الإدارة يخالف صلاحيات مستخدم الأسرة). مركزا الربط والطلبات
   لوحة 960 موسّطة على المكتب/اللوحي وكاملة على الجوال. هدف لمس ≥44 لكل إجراء.
   ========================================================================== */
#famOverlay.p35, #flcOverlay.p38, #reqOv.p39{ background:var(--p30-bg); font-family:'Cairo',var(--wd-font-arabic,system-ui),sans-serif; color:var(--p30-navy); }
#famOverlay.p35 button, #flcOverlay.p38 button, #reqOv.p39 button,
#famOverlay.p35 input, #flcOverlay.p38 input, #reqOv.p39 input,
#famOverlay.p35 select, #flcOverlay.p38 select, #reqOv.p39 select,
#famOverlay.p35 textarea, #flcOverlay.p38 textarea, #reqOv.p39 textarea{ font-family:inherit; }
#famOverlay.p35 :focus-visible, #flcOverlay.p38 :focus-visible, #reqOv.p39 :focus-visible{ outline:2px solid var(--p30-primary); outline-offset:2px; }
#famOverlay.p35 [hidden], #flcOverlay.p38 [hidden], #reqOv.p39 [hidden]{ display:none!important; }
/* role="dialog" is semantic here (full-screen modal surfaces): the generic sheet polish
   in 08-overlay-polish.css (max-width:560 · padding · radius) must not reshape them. */
#famOverlay.p35, #flcOverlay.p38, #reqOv.p39{ max-width:none!important; width:auto; padding:0!important; border-radius:0!important; border:0!important; box-shadow:none!important; }

/* ---------- الأزرار المشتركة ---------- */
.p35-btn, .p38-btn, .p39-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0 18px; border-radius:10px;
  border:1px solid transparent; font-size:14px; font-weight:600; line-height:1.3; cursor:pointer; text-align:center; box-sizing:border-box; }
.p35-btn:disabled, .p38-btn:disabled, .p39-btn:disabled{ opacity:.55; cursor:not-allowed; }
.p35-btn.is-primary, .p38-btn.is-primary, .p39-btn.is-primary{ background:var(--p30-teal); color:#fff; box-shadow:0 10px 30px rgba(13,110,106,.18); }
.p35-btn.is-secondary, .p38-btn.is-secondary{ background:#EEF2F4; border-color:#DFE5EA; color:#334155; }
[data-theme="dark"] .p35-btn.is-secondary, [data-theme="dark"] .p38-btn.is-secondary{ background:var(--p30-soft); border-color:var(--p30-line); color:var(--p30-navy); }
.p35-btn.is-ghost, .p39-btn.is-ghost{ background:var(--p30-card); border-color:var(--p30-line); color:var(--p30-navy); }
.p35-btn.is-danger-o, .p38-btn.is-danger-o, .p39-btn.is-danger-o{ background:var(--p30-red-bg); border-color:#E57368; color:var(--p30-red); }
.p38-btn.is-danger, .p39-btn.is-danger{ background:var(--p30-red); color:#fff; }
.p39-btn.is-outline{ background:var(--p30-card); border-color:var(--p30-teal); color:var(--p30-teal); }
.p39-btn.is-ok-o{ background:var(--p30-card); border-color:var(--p30-green); color:var(--p30-green); }
.p39-btn.is-warn-o{ background:var(--p30-card); border-color:#E8B45A; color:var(--p30-amber); }
.p35-spin, .p38-spin{ width:16px; height:16px; border-radius:50%; border:2px solid var(--p30-line); border-top-color:var(--p30-teal); animation:p33spin .8s linear infinite; flex:0 0 auto; }
@media (prefers-reduced-motion:reduce){ .p35-spin, .p38-spin{ animation:none; } }

/* ---------- الحالات (pill) ---------- */
.p35-status, .p38-pill, .p39-pill{ display:inline-flex; align-items:center; justify-content:center; min-height:26px; padding:3px 12px; border-radius:999px;
  border:1px solid transparent; font-size:10.5px; font-weight:700; white-space:nowrap; flex:0 0 auto; }
.p35-status{ min-width:68px; min-height:30px; box-sizing:border-box; }
.is-ok.p35-status, .p38-pill.is-ok, .p39-pill.is-ok{ background:var(--p30-green-bg); border-color:#7CC3A3; color:var(--p30-green); }
.is-bad.p35-status, .p38-pill.is-bad, .p39-pill.is-bad{ background:var(--p30-red-bg); border-color:#F2B8B0; color:var(--p30-red); }
.is-warn.p35-status, .p38-pill.is-warn, .p39-pill.is-warn{ background:var(--p30-amber-bg); border-color:#EFCB8A; color:var(--p30-amber); }
.is-amber.p35-status, .p39-pill.is-amber{ background:#FEF3C7; border-color:#F5D77A; color:#92400E; }
.is-info.p35-status, .p38-pill.is-info, .p39-pill.is-info{ background:#E6F2F1; border-color:#B8DAD6; color:var(--p30-teal); }
.is-teal.p35-status, .p39-pill.is-teal{ background:#E0F2F1; border-color:#8CCBC5; color:var(--p30-teal); }
.is-muted.p35-status, .p38-pill.is-muted, .p39-pill.is-muted{ background:var(--p30-soft); border-color:var(--p30-line); color:var(--p30-muted); }
[data-theme="dark"] .is-amber.p35-status, [data-theme="dark"] .p39-pill.is-amber{ background:rgba(199,127,23,.2); color:#F5C77A; border-color:rgba(199,127,23,.4); }
[data-theme="dark"] .is-info.p35-status, [data-theme="dark"] .p38-pill.is-info, [data-theme="dark"] .p39-pill.is-info,
[data-theme="dark"] .is-teal.p35-status, [data-theme="dark"] .p39-pill.is-teal{ background:rgba(13,110,106,.25); color:#7FD1C8; border-color:rgba(127,209,200,.35); }

/* ========================== Page35 · بوابة الأسرة ========================== */
#famOverlay.p35 .p35-head{ display:flex; align-items:center; gap:12px; min-height:78px; box-sizing:border-box; padding:12px 16px; background:var(--p30-card); border-bottom:1px solid var(--p30-line); }
#famOverlay.p35 .p35-ident{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:2px; }
#famOverlay.p35 .fam-top-name{ font-size:16px; font-weight:900; color:var(--p30-navy); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
#famOverlay.p35 .fam-top-org{ font-size:11.5px; font-weight:500; color:var(--p30-muted); margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#famOverlay.p35 .p35-exit{ width:44px; height:44px; border-radius:12px; border:1px solid var(--p30-line); background:var(--p30-bg); color:var(--p30-navy); flex:0 0 44px; }
#famOverlay.p35 .p35-body{ max-width:none; padding:16px 16px 28px; display:block; }
#famOverlay.p35 .p35-grid{ display:flex; flex-direction:column; gap:12px; max-width:640px; margin:0 auto; }
#famOverlay.p35 .p35-main, #famOverlay.p35 .p35-side{ display:contents; }
#famOverlay.p35 .p35-solo{ display:flex; flex-direction:column; gap:12px; max-width:520px; margin:24px auto 0; }
#famOverlay.p35 .p35-card{ background:var(--p30-card); border:1px solid var(--p30-line); border-radius:18px; padding:16px; margin:0; display:flex; flex-direction:column; gap:10px; min-width:0; box-sizing:border-box; }
#famOverlay.p35 .p35-card-h{ margin:0; font-size:14px; font-weight:900; color:var(--p30-navy); }
#famOverlay.p35 .p35-sub, #famOverlay.p35 .p35-note{ margin:0; font-size:11.5px; font-weight:500; color:var(--p30-muted); line-height:1.7; }
#famOverlay.p35 .p35-note{ font-size:13px; }
#famOverlay.p35 .p35-row{ display:flex; align-items:center; gap:10px; padding:9px 0; border-bottom:1px solid var(--p30-line); font-size:12.5px; }
#famOverlay.p35 .p35-row:last-child{ border-bottom:0; }
#famOverlay.p35 .p35-row-l{ color:var(--p30-muted); font-weight:500; flex:0 0 auto; }
#famOverlay.p35 .p35-row-v{ margin-inline-start:auto; font-size:13px; font-weight:700; color:var(--p30-navy); text-align:end; min-width:0; overflow-wrap:anywhere; }
/* المؤشّران */
#famOverlay.p35 .p35-kpis{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0; }
#famOverlay.p35 .p35-kpi{ position:relative; background:var(--p30-card); border:1px solid var(--p30-line); border-radius:14px; padding:15px 16px; display:flex; flex-direction:column; gap:10px; min-width:0;
  box-shadow:0 1px 1px rgba(8,31,46,.03),0 2px 4px rgba(8,31,46,.05); }
#famOverlay.p35 .p35-kpi-top{ display:flex; align-items:center; justify-content:space-between; }
#famOverlay.p35 .p35-kpi-tile{ width:36px; height:36px; border-radius:11px; background:var(--p30-bg); display:flex; align-items:center; justify-content:center; color:var(--p30-teal); }
#famOverlay.p35 .p35-kpi-tile svg{ width:18px; height:18px; }
#famOverlay.p35 .p35-info{ width:44px; height:44px; border-radius:22px; border:0; background:transparent; color:var(--p30-muted); display:flex; align-items:center; justify-content:center; cursor:pointer; margin:-4px; }
#famOverlay.p35 .p35-info[aria-expanded="true"]{ background:#E6FFFB; color:var(--p30-teal); }
#famOverlay.p35 .p35-info svg{ width:16px; height:16px; }
#famOverlay.p35 .p35-kpi-l{ font-size:12.5px; font-weight:600; color:var(--p30-muted); }
#famOverlay.p35 .p35-kpi-v{ font-size:22px; font-weight:900; color:var(--p30-navy); text-align:end; min-height:35px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#famOverlay.p35 .p35-tip{ font-size:11.5px; line-height:1.7; color:var(--p30-navy); background:var(--p30-soft); border:1px solid var(--p30-line); border-radius:10px; padding:8px 10px; }
/* النشاط اليومي */
#famOverlay.p35 .p35-days{ display:flex; flex-direction:column; }
#famOverlay.p35 .p35-day{ border-bottom:1px solid var(--p30-line); }
#famOverlay.p35 .p35-day-row{ width:100%; min-height:48px; display:flex; align-items:center; gap:12px; padding:10px 0; background:transparent; border:0; color:inherit; cursor:pointer; text-align:start; }
#famOverlay.p35 .p35-day-d{ display:flex; align-items:center; gap:8px; font-size:13.5px; font-weight:700; white-space:nowrap; }
#famOverlay.p35 .p35-day-v{ margin-inline-start:auto; display:flex; align-items:center; gap:10px; font-size:15px; font-weight:900; }
#famOverlay.p35 .p35-day-v svg{ width:18px; height:18px; color:var(--p30-muted); transition:transform var(--wd-motion-fast,120ms); }
#famOverlay.p35 .p35-day.is-open .p35-day-v svg{ transform:rotate(-90deg); }
#famOverlay.p35 .p35-tag{ white-space:nowrap; font-size:10px; font-weight:700; color:var(--p30-muted); background:var(--p30-bg); border:1px solid var(--p30-line); border-radius:999px; padding:3px 8px; }
#famOverlay.p35 .p35-day-detail{ padding:4px 12px 10px; background:var(--p30-soft); border-radius:12px; margin-bottom:10px; }
#famOverlay.p35 .p35-chips{ display:flex; flex-wrap:wrap; gap:8px; }
#famOverlay.p35 .p35-chip{ min-height:44px; padding:0 14px; border-radius:12px; border:1px solid var(--p30-line); background:var(--p30-card); color:var(--p30-navy); font-size:12.5px; font-weight:700; cursor:pointer; }
#famOverlay.p35 .p35-chip.on{ background:var(--p30-teal); border-color:var(--p30-teal); color:#fff; }
#famOverlay.p35 .p35-stateblock{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:8px; padding:18px 8px; }
#famOverlay.p35 .p35-stateblock b{ font-size:14px; font-weight:800; color:var(--p30-navy); }
#famOverlay.p35 .p35-stateblock p{ margin:0; font-size:12px; color:var(--p30-muted); line-height:1.7; }
#famOverlay.p35 .p35-state-ic{ width:44px; height:44px; border-radius:14px; background:var(--p30-bg); display:flex; align-items:center; justify-content:center; color:var(--p30-teal); }
#famOverlay.p35 .p35-state-ic svg{ width:20px; height:20px; }
#famOverlay.p35 .p35-action .p35-btn{ width:100%; }

/* ========================== Page36 · الربط والانضمام ========================== */
#famOverlay.p35 .p35-code-f{ display:flex; flex-direction:column; gap:7px; }
#famOverlay.p35 .p35-code-f > span{ font-size:11.5px; font-weight:500; color:var(--p30-muted); }
#famOverlay.p35 .p35-code{ height:52px; box-sizing:border-box; width:100%; border:1px solid var(--p30-line); border-radius:14px; background:var(--p30-card); color:var(--p30-navy);
  text-align:center; letter-spacing:2px; font-size:15px; font-weight:900; text-transform:uppercase; padding:0 14px; margin:0; }
#famOverlay.p35 .p35-code[aria-invalid="true"]{ border-color:var(--p30-red); }
#famOverlay.p35 .p35-link .p35-btn, #famOverlay.p35 .p35-invite .p35-btn{ width:100%; }
#famOverlay.p35 .p35-stack{ display:flex; flex-direction:column; gap:12px; }
#famOverlay.p35 .p35-choice{ border:1px solid var(--p30-line); border-radius:14px; padding:14px 16px; background:var(--p30-soft); display:flex; flex-direction:column; gap:4px; }
#famOverlay.p35 .p35-choice b{ font-size:14px; font-weight:800; }
#famOverlay.p35 .p35-choice p{ margin:0; font-size:12px; color:var(--p30-muted); }
#famOverlay.p35 .p35-msg, #famOverlay.p35 .p37-msg{ display:flex; align-items:flex-start; gap:8px; padding:11px 14px; border-radius:12px; font-size:12px; font-weight:700; }
#famOverlay.p35 .p35-msg > div{ flex:1 1 auto; min-width:0; }
#famOverlay.p35 .p35-msg b{ display:block; }
#famOverlay.p35 .p35-msg p{ margin:4px 0 0; font-weight:500; }
#famOverlay.p35 .p35-msg svg{ width:17px; height:17px; flex:0 0 auto; }
#famOverlay.p35 .p35-msg.is-bad, #famOverlay.p35 .p37-msg.is-bad{ background:#FBEAE8; color:#B3261E; }
#famOverlay.p35 .p35-msg.is-ok, #famOverlay.p35 .p37-msg.is-ok{ background:var(--p30-green-bg); color:var(--p30-green); }
#famOverlay.p35 .p35-msg.is-warn, #famOverlay.p35 .p37-msg.is-warn{ background:var(--p30-amber-bg); color:var(--p30-amber); }
[data-theme="dark"] #famOverlay.p35 .p35-msg.is-bad, [data-theme="dark"] #famOverlay.p35 .p37-msg.is-bad{ background:var(--p30-red-bg); color:#F4A79E; }
#famOverlay.p35 .p35-jr{ display:flex; flex-direction:column; gap:4px; padding:10px 0; border-bottom:1px solid var(--p30-line); }
#famOverlay.p35 .p35-jr:last-child{ border-bottom:0; }
#famOverlay.p35 .p35-jr-1, #famOverlay.p35 .p35-jr-2{ display:flex; align-items:center; gap:10px; }
#famOverlay.p35 .p35-jr-1 b{ margin-inline-start:auto; font-size:13px; font-weight:700; text-align:end; overflow-wrap:anywhere; }
#famOverlay.p35 .p35-jr-1 .p35-status{ min-width:86px; order:2; }
#famOverlay.p35 .p35-jr-1 b{ order:1; margin-inline-start:0; margin-inline-end:auto; }
#famOverlay.p35 .p35-jr-2 span{ margin-inline-start:auto; font-size:11px; color:var(--p30-muted); }
#famOverlay.p35 .p35-cancel{ min-width:84px; min-height:44px; padding:0 12px; order:2; }
#famOverlay.p35 .p35-reason, #famOverlay.p35 .p37-reason{ margin:0; font-size:11px; color:var(--p30-muted); line-height:1.7; }

/* ========================== Page37 · طلب تجهيز أصناف (الأسرة) ========================== */
#famOverlay.p35 .p37-head{ display:flex; align-items:center; gap:8px; padding:16px; background:var(--p30-card); border-bottom:1px solid var(--p30-line); }
#famOverlay.p35 .p37-title{ flex:1 1 auto; min-width:0; }
#famOverlay.p35 .p37-title h2{ margin:0; font-size:20px; font-weight:700; line-height:24px; color:var(--p30-navy); }
#famOverlay.p35 .p37-title p{ margin:0; font-size:11px; color:var(--p30-muted); line-height:16px; }
#famOverlay.p35 .p37-ic{ width:44px; height:44px; border-radius:12px; border:0; background:#E2E8F0; color:var(--p30-navy); display:flex; align-items:center; justify-content:center; cursor:pointer; flex:0 0 44px; }
#famOverlay.p35 .p37-ic[data-rq="close"]{ order:2; }
[data-theme="dark"] #famOverlay.p35 .p37-ic{ background:var(--p30-soft); }
#famOverlay.p35 .p37-ic svg{ width:18px; height:18px; }
#famOverlay.p35 .p37-body{ flex:1; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:16px 16px 28px; }
#famOverlay.p35 .p37-grid{ display:flex; flex-direction:column; gap:20px; max-width:960px; margin:0 auto; }
#famOverlay.p35 .p37-formcol, #famOverlay.p35 .p37-itemscol, #famOverlay.p35 .p37-mine{ display:flex; flex-direction:column; gap:12px; min-width:0; }
#famOverlay.p35 .p37-mine{ max-width:640px; margin:0 auto; }
#famOverlay.p35 .p37-msg{ flex-direction:column; gap:4px; }
#famOverlay.p35 .p37-msg b{ font-size:13px; }
#famOverlay.p35 .p37-msg p{ margin:0; font-size:11px; font-weight:500; line-height:1.6; }
#famOverlay.p35 .p37-target{ background:#F1F5F5; border:1px solid #D6F5EC; border-radius:16px; padding:16px; display:flex; flex-direction:column; gap:4px; }
[data-theme="dark"] #famOverlay.p35 .p37-target{ background:var(--p30-soft); border-color:var(--p30-line); }
#famOverlay.p35 .p37-target small{ font-size:11px; font-weight:600; color:var(--p30-muted); letter-spacing:.4px; }
#famOverlay.p35 .p37-target b{ font-size:15px; font-weight:600; line-height:22px; overflow-wrap:anywhere; }
#famOverlay.p35 .p37-target p{ margin:0; font-size:11px; color:#334155; }
[data-theme="dark"] #famOverlay.p35 .p37-target p{ color:var(--p30-muted); }
#famOverlay.p35 .p37-card, #famOverlay.p35 .p37-item, #famOverlay.p35 .p37-sum, #famOverlay.p35 .p37-req{ background:var(--p30-card); border:1px solid var(--p30-line); border-radius:16px; padding:16px; display:flex; flex-direction:column; gap:12px; box-sizing:border-box; min-width:0; }
#famOverlay.p35 .p37-card h3{ margin:0; font-size:15px; font-weight:600; }
#famOverlay.p35 .p37-f{ display:flex; flex-direction:column; gap:8px; min-width:0; }
#famOverlay.p35 .p37-f > span{ font-size:11px; font-weight:600; color:#64748B; }
[data-theme="dark"] #famOverlay.p35 .p37-f > span{ color:var(--p30-muted); }
#famOverlay.p35 .p37-in{ height:48px; width:100%; box-sizing:border-box; border:1px solid var(--p30-line); border-radius:12px; background:var(--p30-card); color:var(--p30-navy); padding:0 14px; font-size:13px; }
#famOverlay.p35 .p37-ta{ height:88px; padding:12px 14px; resize:vertical; }
#famOverlay.p35 .p37-in[aria-invalid="true"]{ border-color:var(--p30-red); box-shadow:0 0 0 2px rgba(192,57,43,.14); }
#famOverlay.p35 .p37-2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
#famOverlay.p35 .p37-card .p35-btn{ width:100%; }
#famOverlay.p35 .p37-items-h{ margin:0; font-size:15px; font-weight:600; color:#334155; }
[data-theme="dark"] #famOverlay.p35 .p37-items-h{ color:var(--p30-navy); }
#famOverlay.p35 .p37-item{ padding:12px 14px; gap:6px; border-radius:14px; }
#famOverlay.p35 .p37-item-h{ display:flex; align-items:center; gap:8px; min-height:44px; }
#famOverlay.p35 .p37-item-h b{ flex:1 1 auto; min-width:0; font-size:13px; font-weight:600; overflow-wrap:anywhere; }
#famOverlay.p35 .p37-item-a{ display:flex; gap:6px; order:2; }
#famOverlay.p35 .p37-mini{ width:56px; height:44px; border-radius:10px; border:1px solid var(--p30-line); background:var(--p30-card); color:#334155; font-size:11px; font-weight:600; cursor:pointer; }
[data-theme="dark"] #famOverlay.p35 .p37-mini{ color:var(--p30-navy); }
#famOverlay.p35 .p37-mini.is-danger{ border-color:#BE2430; color:#BE2430; }
#famOverlay.p35 .p37-vals, #famOverlay.p35 .p37-orig, #famOverlay.p35 .p37-note{ margin:0; font-size:11px; color:#334155; line-height:16px; }
[data-theme="dark"] #famOverlay.p35 .p37-vals, [data-theme="dark"] #famOverlay.p35 .p37-orig{ color:var(--p30-navy); }
#famOverlay.p35 .p37-vals.is-main{ font-size:13px; font-weight:600; }
#famOverlay.p35 .p37-orig{ color:var(--p30-muted); padding-top:8px; border-top:1px solid var(--p30-line); }
#famOverlay.p35 .p37-note{ color:#64748B; }
#famOverlay.p35 .p37-sum div{ display:flex; align-items:center; gap:12px; }
#famOverlay.p35 .p37-sum b{ order:2; margin-inline-start:auto; font-size:20px; font-weight:700; }
#famOverlay.p35 .p37-sum span{ font-size:13px; color:#334155; }
#famOverlay.p35 .p37-sum p{ margin:0; font-size:11px; color:#64748B; }
#famOverlay.p35 .p37-empty{ display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center; padding:24px 12px; background:var(--p30-card); border:1px dashed var(--p30-line); border-radius:16px; }
#famOverlay.p35 .p37-empty svg{ width:22px; height:22px; color:var(--p30-muted); }
#famOverlay.p35 .p37-empty b{ font-size:14px; }
#famOverlay.p35 .p37-empty p{ margin:0; font-size:12px; color:var(--p30-muted); }
#famOverlay.p35 .p37-actions{ display:flex; flex-direction:column; gap:12px; }
#famOverlay.p35 .p37-actions .p35-btn{ width:100%; }
#famOverlay.p35 .p37-req{ gap:8px; }
#famOverlay.p35 .p37-req-open{ display:flex; flex-direction:column; gap:6px; background:transparent; border:0; padding:0; color:inherit; cursor:pointer; text-align:start; min-height:44px; }
#famOverlay.p35 .p37-req-top{ display:flex; align-items:center; gap:8px; }
#famOverlay.p35 .p37-req-top b{ flex:1 1 auto; font-size:13px; font-weight:700; }
#famOverlay.p35 .p37-req-meta{ font-size:11px; color:var(--p30-muted); }
#famOverlay.p35 .p37-edited{ font-size:11px; font-weight:700; color:#A15C07; margin:0; }
#famOverlay.p35 .p37-reason.is-warn{ color:var(--p30-amber); }
#famOverlay.p35 .p37-exports{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
#famOverlay.p35 .p37-range .p35-btn{ width:100%; }
#printHost .p37-print{ direction:rtl; font-family:Cairo,sans-serif; padding:16px; color:#081F2E; }
#printHost .p37-print table{ width:100%; border-collapse:collapse; font-size:11px; }
#printHost .p37-print th, #printHost .p37-print td{ border:1px solid #E6ECF2; padding:6px; text-align:right; }

/* ========================== Page38 · مركز الربط والعضويات ========================== */
#flcOverlay.p38{ overflow-y:auto; -webkit-overflow-scrolling:touch; }
#flcOverlay.p38 .p38-panel{ display:flex; flex-direction:column; min-height:100%; background:var(--p30-bg); }
#flcOverlay.p38 .p38-head{ display:flex; align-items:center; gap:12px; padding:16px; background:var(--p30-card); }
#flcOverlay.p38 .p38-title{ flex:1 1 auto; min-width:0; }
#flcOverlay.p38 .p38-title h2{ margin:0; font-size:20px; font-weight:700; line-height:24px; color:var(--p30-navy); }
#flcOverlay.p38 .p38-title p{ margin:0; font-size:11px; color:var(--p30-muted); line-height:16px; }
#flcOverlay.p38 .p38-x{ width:44px; height:44px; border-radius:12px; border:0; background:#E2E8F0; color:var(--p30-navy); display:flex; align-items:center; justify-content:center; cursor:pointer; flex:0 0 44px; order:2; }
[data-theme="dark"] #flcOverlay.p38 .p38-x{ background:var(--p30-soft); }
#flcOverlay.p38 .p38-x svg{ width:18px; height:18px; }
#flcOverlay.p38 .p38-tabs{ display:grid; grid-template-columns:repeat(var(--n,4),minmax(0,1fr)); gap:8px; padding:12px 16px; background:var(--p30-card); border-bottom:1px solid var(--p30-line); }
#flcOverlay.p38 .p38-tab{ min-height:44px; padding:0 6px; border-radius:12px; border:0; background:#E2E8F0; color:#334155; font-size:12.5px; font-weight:600; cursor:pointer; line-height:1.3; }
[data-theme="dark"] #flcOverlay.p38 .p38-tab{ background:var(--p30-soft); color:var(--p30-navy); }
#flcOverlay.p38 .p38-tab.is-on{ background:var(--p30-teal); color:#fff; }
#flcOverlay.p38 .p38-body{ padding:16px; display:flex; flex-direction:column; gap:14px; }
#flcOverlay.p38 .p38-sec{ margin:4px 0 0; font-size:15px; font-weight:600; color:var(--p30-navy); }
#flcOverlay.p38 .p38-card{ background:var(--p30-card); border:1px solid var(--p30-line); border-radius:16px; padding:16px; display:flex; flex-direction:column; gap:8px; min-width:0; }
#flcOverlay.p38 .p38-card-top{ display:flex; align-items:center; gap:10px; }
#flcOverlay.p38 .p38-name{ flex:1 1 auto; min-width:0; font-size:14px; font-weight:700; overflow-wrap:anywhere; }
#flcOverlay.p38 .p38-card-h{ margin:0; font-size:15px; font-weight:600; }
#flcOverlay.p38 .p38-meta{ margin:0; font-size:11px; color:var(--p30-muted); line-height:1.6; }
#flcOverlay.p38 .p38-reason{ margin:0; font-size:11px; color:var(--p30-navy); }
#flcOverlay.p38 .p38-acts{ display:flex; flex-wrap:wrap; gap:8px; margin-top:4px; }
#flcOverlay.p38 .p38-acts .p38-btn{ flex:1 1 120px; }
#flcOverlay.p38 .p38-acts.is-end{ justify-content:flex-end; }
#flcOverlay.p38 .p38-acts.is-end .p38-btn{ flex:0 0 auto; }
#flcOverlay.p38 .p38-field{ display:flex; flex-direction:column; gap:8px; min-width:0; }
#flcOverlay.p38 .p38-field > span{ font-size:11px; font-weight:600; color:var(--p30-muted); }
#flcOverlay.p38 .p38-in, #flcOverlay.p38 .p38-field textarea{ min-height:48px; width:100%; box-sizing:border-box; border:1px solid var(--p30-line); border-radius:12px; background:var(--p30-card); color:var(--p30-navy); padding:0 14px; font-size:13px; }
#flcOverlay.p38 .p38-field textarea{ padding:12px 14px; resize:vertical; }
#flcOverlay.p38 [aria-invalid="true"]{ border-color:var(--p30-red); }
#flcOverlay.p38 .p38-row2{ display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
#flcOverlay.p38 .p38-empty{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; padding:22px 12px; background:var(--p30-card); border:1px dashed var(--p30-line); border-radius:16px; }
#flcOverlay.p38 .p38-empty-ic{ width:40px; height:40px; border-radius:12px; background:var(--p30-bg); display:flex; align-items:center; justify-content:center; color:var(--p30-teal); }
#flcOverlay.p38 .p38-empty-ic svg{ width:18px; height:18px; }
#flcOverlay.p38 .p38-empty b{ font-size:14px; }
#flcOverlay.p38 .p38-empty p{ margin:0; font-size:12px; color:var(--p30-muted); }
#flcOverlay.p38 .p38-state{ display:flex; flex-direction:column; gap:6px; padding:16px; border-radius:14px; border:1px solid var(--p30-line); background:var(--p30-card); font-size:13px; }
#flcOverlay.p38 .p38-state.is-loading{ flex-direction:row; align-items:center; justify-content:center; gap:10px; min-height:60px; color:var(--p30-muted); }
#flcOverlay.p38 .p38-state.is-loading .p38-spin{ display:inline-block; }
#flcOverlay.p38 .p38-state.is-error{ background:var(--p30-red-bg); border-color:#F2B8B0; color:var(--p30-red); }
#flcOverlay.p38 .p38-state.is-warn{ background:var(--p30-amber-bg); border-color:#EFCB8A; color:var(--p30-amber); }
#flcOverlay.p38 .p38-state p{ margin:0; font-size:11px; color:var(--p30-muted); }
#flcOverlay.p38 .p38-state .p38-btn{ align-self:flex-start; }
#flcOverlay.p38 .p38-reveal{ border:1.5px solid var(--p30-primary); border-radius:16px; background:var(--p30-card); padding:16px; display:flex; flex-direction:column; gap:12px; }
#flcOverlay.p38 .p38-reveal h3{ margin:0; font-size:14px; font-weight:600; color:var(--p30-teal); }
#flcOverlay.p38 .p38-secret{ border:1px solid var(--p30-line); border-radius:14px; background:var(--p30-card); padding:14px 16px; font-size:18px; font-weight:900; letter-spacing:1px; text-align:center; overflow-wrap:anywhere; }
#flcOverlay.p38 .p38-copy{ display:flex; gap:8px; flex-wrap:wrap; }
#flcOverlay.p38 .p38-copy .p38-btn{ flex:1 1 120px; }
#flcOverlay.p38 .p38-qr{ align-self:center; background:#fff; border:1px solid var(--p30-line); border-radius:12px; padding:8px; line-height:0; }
#flcOverlay.p38 .p38-qr:empty{ display:none; }
#flcOverlay.p38 .p38-warn{ margin:0; font-size:12px; font-weight:600; color:var(--p30-red); }
#flcOverlay.p38 .p38-opt{ font-size:11px; color:var(--p30-muted); margin-top:-4px; }
#flcOverlay.p38 .p38-dlg-wrap{ position:fixed; inset:0; z-index:5; background:rgba(8,31,46,.45); display:flex; align-items:flex-end; justify-content:center; padding:0; }
#flcOverlay.p38 .p38-dlg{ width:100%; max-width:720px; background:var(--p30-bg); border-radius:20px 20px 0 0; overflow:hidden; max-height:92vh; overflow-y:auto; }
#flcOverlay.p38 .p38-dlg-head{ display:flex; align-items:center; gap:12px; padding:16px; background:var(--p30-card); }
#flcOverlay.p38 .p38-dlg-head > div{ flex:1 1 auto; min-width:0; }
#flcOverlay.p38 .p38-dlg-head h3{ margin:0; font-size:20px; font-weight:700; }
#flcOverlay.p38 .p38-dlg-head p{ margin:0; font-size:11px; color:var(--p30-muted); }
#flcOverlay.p38 .p38-dlg-body{ padding:16px; display:flex; flex-direction:column; gap:12px; }
#flcOverlay.p38 .p38-dlg-d{ margin:0; font-size:12px; color:var(--p30-muted); line-height:1.7; }
#flcOverlay.p38 .p38-dlg-err{ margin:0; font-size:12px; font-weight:700; color:var(--p30-red); }
#flcOverlay.p38 .p38-dlg-acts{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }

/* ========================== Page39 · مركز طلبات الأسر ========================== */
#reqOv.p39{ overflow-y:auto; -webkit-overflow-scrolling:touch; }
#reqOv.p39 .p39-panel{ display:flex; flex-direction:column; min-height:100%; background:var(--p30-bg); }
#reqOv.p39 .p39-head{ display:flex; align-items:center; gap:12px; padding:16px; background:var(--p30-card); }
#reqOv.p39 .p39-title{ flex:1 1 auto; min-width:0; }
#reqOv.p39 .p39-title h2{ margin:0; font-size:20px; font-weight:700; line-height:1.3; color:var(--p30-navy); overflow-wrap:anywhere; }
#reqOv.p39 .p39-title p{ margin:0; font-size:11px; color:var(--p30-muted); }
#reqOv.p39 .p39-ic{ width:44px; height:44px; border-radius:12px; border:0; background:#E2E8F0; color:var(--p30-navy); display:flex; align-items:center; justify-content:center; cursor:pointer; flex:0 0 44px; }
[data-theme="dark"] #reqOv.p39 .p39-ic{ background:var(--p30-soft); }
#reqOv.p39 .p39-ic svg{ width:18px; height:18px; }
#reqOv.p39 [data-p39="close"]{ order:2; }
#reqOv.p39 .p39-filters{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:0 16px 14px; background:var(--p30-card); border-bottom:1px solid var(--p30-line); }
#reqOv.p39 .p39-chip{ min-height:44px; padding:0 8px; border-radius:12px; border:0; background:#E2E8F0; color:#334155; font-size:12.5px; font-weight:600; cursor:pointer; }
[data-theme="dark"] #reqOv.p39 .p39-chip{ background:var(--p30-soft); color:var(--p30-navy); }
#reqOv.p39 .p39-chip.is-on{ background:var(--p30-teal); color:#fff; }
#reqOv.p39 .p39-body{ padding:16px; display:flex; flex-direction:column; gap:14px; }
#reqOv.p39 .p39-sec{ margin:4px 0 0; font-size:15px; font-weight:600; color:var(--p30-navy); }
#reqOv.p39 .p39-card{ background:var(--p30-card); border:1px solid var(--p30-line); border-radius:16px; padding:16px; display:flex; flex-direction:column; gap:8px; min-width:0; }
#reqOv.p39 .p39-card-top{ display:flex; align-items:center; gap:10px; }
#reqOv.p39 .p39-name{ flex:1 1 auto; min-width:0; font-size:15px; font-weight:800; overflow-wrap:anywhere; }
#reqOv.p39 .p39-meta{ margin:0; font-size:11px; color:var(--p30-muted); line-height:1.6; }
#reqOv.p39 .p39-appr{ margin:0; font-size:13px; font-weight:700; color:var(--p30-navy); }
#reqOv.p39 .p39-note{ margin:0; font-size:11.5px; color:var(--p30-navy); background:var(--p30-soft); border-radius:10px; padding:8px 10px; }
#reqOv.p39 .p39-card-act{ align-self:flex-start; min-width:120px; }
#reqOv.p39 .p39-kv{ display:flex; align-items:center; gap:10px; padding:6px 0; font-size:12.5px; }
#reqOv.p39 .p39-kv > span{ color:var(--p30-muted); flex:0 0 auto; }
#reqOv.p39 .p39-kv > b{ margin-inline-start:auto; font-weight:700; text-align:end; overflow-wrap:anywhere; }
#reqOv.p39 .p39-kv .p39-date{ margin-inline-start:auto; width:auto; min-width:160px; }
#reqOv.p39 .p39-grid2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:4px; }
#reqOv.p39 .p39-2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
#reqOv.p39 .p39-disc{ display:flex; flex-direction:column; gap:10px; padding-top:10px; border-top:1px solid var(--p30-line); }
#reqOv.p39 .p39-f{ display:flex; flex-direction:column; gap:6px; min-width:0; }
#reqOv.p39 .p39-f > span{ font-size:11px; font-weight:600; color:var(--p30-muted); }
#reqOv.p39 .p39-in{ min-height:48px; width:100%; box-sizing:border-box; border:1px solid var(--p30-line); border-radius:12px; background:var(--p30-card); color:var(--p30-navy); padding:0 14px; font-size:13px; }
#reqOv.p39 .p39-in.is-ro{ display:flex; align-items:center; background:var(--p30-soft); color:var(--p30-navy); }
#reqOv.p39 .p39-ta{ min-height:72px; padding:10px 14px; resize:vertical; }
#reqOv.p39 [aria-invalid="true"]{ border-color:var(--p30-red); box-shadow:0 0 0 2px rgba(192,57,43,.14); }
#reqOv.p39 .p39-err{ margin:0; font-size:12px; font-weight:700; color:var(--p30-red); }
#reqOv.p39 .p39-acts{ display:flex; gap:10px; flex-wrap:wrap; }
#reqOv.p39 .p39-acts.is-end{ justify-content:flex-end; }
#reqOv.p39 .p39-foot{ gap:12px; }
#reqOv.p39 .p39-wide{ width:100%; }
#reqOv.p39 .p39-narrow{ align-self:flex-start; min-width:140px; }
#reqOv.p39 .p39-box{ border-radius:14px; border:1px solid var(--p30-line); background:var(--p30-card); padding:12px 14px; display:flex; flex-direction:column; gap:4px; }
#reqOv.p39 .p39-box b{ font-size:13.5px; font-weight:800; }
#reqOv.p39 .p39-box p{ margin:0; font-size:11.5px; line-height:1.7; color:var(--p30-muted); }
#reqOv.p39 .p39-box .p39-btn{ align-self:flex-start; margin-top:6px; }
#reqOv.p39 .p39-box.is-info{ background:var(--p30-info-bg); border-color:#BFD6EE; }
#reqOv.p39 .p39-box.is-info p{ color:var(--p30-navy); }
#reqOv.p39 .p39-box.is-warn{ background:var(--p30-amber-bg); border-color:#EFCB8A; }
#reqOv.p39 .p39-box.is-bad{ background:var(--p30-red-bg); border-color:#F2B8B0; }
#reqOv.p39 .p39-box.is-ok{ background:var(--p30-green-bg); border-color:#7CC3A3; }
#reqOv.p39 .p39-box.is-muted{ background:#E9EEF2; }
[data-theme="dark"] #reqOv.p39 .p39-box.is-muted{ background:var(--p30-soft); }
#reqOv.p39 .p39-audit summary{ cursor:pointer; min-height:44px; display:flex; align-items:center; font-size:13px; font-weight:700; }
#reqOv.p39 .p39-audit ol{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:8px; }
#reqOv.p39 .p39-audit li{ display:flex; flex-wrap:wrap; gap:6px 12px; font-size:12px; border-bottom:1px solid var(--p30-line); padding-bottom:6px; }
#reqOv.p39 .p39-audit li span{ color:var(--p30-muted); margin-inline-start:auto; }
#reqOv.p39 .p39-audit li small{ flex-basis:100%; color:var(--p30-muted); }
#reqOv.p39 .p39-dlg-wrap{ position:fixed; inset:0; z-index:5; background:rgba(8,31,46,.45); display:flex; align-items:flex-end; justify-content:center; }
#reqOv.p39 .p39-dlg{ width:100%; max-width:480px; background:var(--p30-card); border-radius:20px 20px 0 0; padding:20px 16px; display:flex; flex-direction:column; gap:12px; box-sizing:border-box; }
#reqOv.p39 .p39-dlg h3{ margin:0; font-size:17px; font-weight:800; }
#reqOv.p39 .p39-dlg p{ margin:0; font-size:12.5px; color:var(--p30-muted); line-height:1.7; }

/* ---------- ≥768: لوحي ---------- */
@media screen and (min-width:768px){
  #famOverlay.p35 .p35-head, #famOverlay.p35 .p37-head{ padding-inline:24px; }
  #famOverlay.p35 .p35-body{ padding:24px; }
  #famOverlay.p35 .p37-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; }
  #famOverlay.p35 .p37-formcol{ order:1; }
  #famOverlay.p35 .p37-itemscol{ order:2; }
  #flcOverlay.p38, #reqOv.p39{ background:#E2E8F0; }
  [data-theme="dark"] #flcOverlay.p38, [data-theme="dark"] #reqOv.p39{ background:var(--p30-bg); }
  #flcOverlay.p38 .p38-panel, #reqOv.p39 .p39-panel{ max-width:960px; width:calc(100% - 48px); margin:32px auto; min-height:0; border-radius:20px; overflow:hidden; border:1px solid var(--p30-line); }
  #flcOverlay.p38 .p38-row2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  #flcOverlay.p38 .p38-dlg-wrap, #reqOv.p39 .p39-dlg-wrap{ align-items:center; padding:24px; }
  #flcOverlay.p38 .p38-dlg, #reqOv.p39 .p39-dlg{ border-radius:20px; }
  #reqOv.p39 .p39-filters{ grid-template-columns:repeat(5,minmax(0,1fr)); }
}
/* ---------- ≥1200: مكتب ---------- */
@media screen and (min-width:1200px){
  #famOverlay.p35 .p35-grid{ display:grid; grid-template-columns:minmax(0,1fr) 440px; gap:16px; max-width:1200px; align-items:start; }
  #famOverlay.p35 .p35-main, #famOverlay.p35 .p35-side{ display:flex; flex-direction:column; gap:12px; min-width:0; }
  #famOverlay.p35 .p35-head{ padding-inline:max(24px, calc((100% - 1200px) / 2)); }
  #famOverlay.p35 .p37-head{ padding-inline:max(24px, calc((100% - 960px) / 2)); }
  #flcOverlay.p38 .p38-tabs{ display:flex; justify-content:flex-start; }
  #flcOverlay.p38 .p38-tab{ padding:0 14px; flex:0 0 auto; }
}
@media screen and (max-width:767.98px){
  #famOverlay.p35 .p35-kpi-v{ font-size:20px; }
  #flcOverlay.p38 .p38-tab{ font-size:11.5px; padding:0 2px; white-space:nowrap; }
}
/* R1 — Page37 image (one optional image per item) + Page39 reviewer thumbnail */
#famOverlay.p35 .p37-file{ height:auto; min-height:48px; padding:10px 14px; line-height:1.6; }
#famOverlay.p35 .p37-imgsel{ display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:48px; padding:2px 4px 2px 14px; border:1px solid var(--p30-line); border-radius:12px; background:var(--p30-card); }
#famOverlay.p35 .p37-imgname{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; color:var(--p30-navy); }
#famOverlay.p35 .p37-hint{ display:block; margin-top:4px; font-size:11px; color:var(--p30-muted, #64748B); }
#famOverlay.p35 .p37-imgtag{ margin:4px 0 0; font-size:11px; font-weight:600; color:var(--p30-teal, #0F766E); }
#famOverlay.p35 .p37-msg-a{ display:flex; flex-wrap:wrap; gap:8px; margin-top:6px; }
#famOverlay.p35 .p37-thumbw, #reqOv.p39 .p39-thumbw{ margin:8px 0 0; }
#famOverlay.p35 .p37-thumb, #reqOv.p39 .p39-thumb{ display:block; max-width:min(100%, 220px); max-height:180px; border-radius:10px; border:1px solid var(--p30-line); object-fit:contain; background:var(--p30-card); }
#famOverlay.p35 .p37-thumb[hidden], #reqOv.p39 .p39-thumb[hidden]{ display:none; }
#reqOv.p39 .p39-grid2 .p39-np{ grid-column:1/-1; }
#reqOv.p39 .p39-kv .date-wrap{ width:auto; flex:0 1 auto; min-width:0; max-width:100%; margin-inline-start:auto; }
#reqOv.p39 .p39-grid2 > p.p39-meta{ grid-column:1/-1; }

/* ==========================================================================
   Page40 — جرد المخزون (Figma 1197:10 · AZ11). صفحة مستقلة #page-inventory.
   تركيب واحد لكل المقاسات (SC-6): عمود منتج 960 موسَّط على التابلت/الديسكتوب،
   وحشوة 16 على الجوال. شارات الحالة 80×26. الأرقام بمحور جدولي. RTL.
   ========================================================================== */
#page-inventory.p40{ --p40-ok:#065F46; --p40-ok-bg:#D6F3E5; --p40-bad:#B3272C; --p40-bad-bg:#FCE9EA;
  --p40-warn:#92400E; --p40-warn-bg:#FEF3C7; --p40-live:#0D6E6A; --p40-live-bg:#E6F0F0; --p40-nc:#334155; --p40-nc-bg:#E2E8F0;
  font-family:'Cairo',sans-serif; color:var(--p30-navy); }
#page-inventory.p40 .p40-root{ max-width:960px; margin:0 auto; padding-bottom:24px; }
#page-inventory.p40 .p40-root *{ box-sizing:border-box; }
#page-inventory.p40 .p40-head{ display:flex; align-items:center; gap:12px; background:var(--p30-card); padding:16px; border-radius:16px; border:1px solid var(--p30-line); margin:0 0 16px; }
#page-inventory.p40 .p40-title{ min-width:0; flex:1 1 auto; }
#page-inventory.p40 .p40-h1{ margin:0; font-size:20px; font-weight:700; line-height:1.4; color:var(--p30-navy); overflow-wrap:anywhere; }
#page-inventory.p40 .p40-sub{ margin:2px 0 0; font-size:11px; color:var(--p30-muted); line-height:1.5; overflow-wrap:anywhere; }
#page-inventory.p40 .p40-ib{ flex:0 0 auto; width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:12px; background:#E2E8F0; color:#334155; cursor:pointer; padding:0; }
#page-inventory.p40 .p40-head [data-p40-close]{ order:2; margin-inline-start:auto; }
#page-inventory.p40 .p40-ib svg{ width:18px; height:18px; }
#page-inventory.p40 .p40-body{ display:flex; flex-direction:column; gap:20px; }
#page-inventory.p40 .p40-card{ background:var(--p30-card); border:1px solid var(--p30-line); border-radius:16px; padding:16px; display:flex; flex-direction:column; gap:12px; min-width:0; }
#page-inventory.p40 .p40-card-h{ display:flex; align-items:center; gap:8px; min-height:44px; }
#page-inventory.p40 .p40-card-h .p40-info{ margin-inline-start:auto; }
#page-inventory.p40 .p40-h2{ margin:0; font-size:15px; font-weight:700; line-height:1.5; color:var(--p30-navy); }
#page-inventory.p40 .p40-sec{ display:flex; flex-direction:column; gap:12px; min-width:0; }
#page-inventory.p40 .p40-sec-h{ margin:0; font-size:15px; font-weight:600; color:#5D6C81; line-height:28px; }
[data-theme="dark"] #page-inventory.p40 .p40-sec-h{ color:var(--p30-muted); }
#page-inventory.p40 .p40-sec-q{ font-weight:500; color:var(--p30-muted); }
#page-inventory.p40 .p40-list{ display:flex; flex-direction:column; gap:12px; }
#page-inventory.p40 .p40-field{ display:flex; flex-direction:column; gap:8px; margin:0; }
#page-inventory.p40 .p40-lbl{ margin:0; font-size:11px; font-weight:600; color:var(--p30-muted); line-height:1.6; }
#page-inventory.p40 .p40-in{ width:100%; min-height:48px; height:48px; border:1px solid var(--p30-line); border-radius:12px; background:var(--p30-card); color:var(--p30-navy); font:500 13px/1.4 'Cairo',sans-serif; padding:0 14px; min-width:0; }
#page-inventory.p40 .p40-in:focus-visible, #page-inventory.p40 .p40-btn:focus-visible, #page-inventory.p40 .p40-ib:focus-visible,
#page-inventory.p40 .p40-seg-b:focus-visible, #page-inventory.p40 .p40-sbtn:focus-visible, #page-inventory.p40 .p40-qin:focus-visible{ outline:2px solid #14B8A6; outline-offset:2px; }
#page-inventory.p40 .p40-btn{ display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:44px; padding:0 16px; border-radius:12px; font:600 13px/1.2 'Cairo',sans-serif; cursor:pointer; text-align:center; }
#page-inventory.p40 .p40-btn-auto{ width:auto; flex:0 0 auto; }
#page-inventory.p40 .p40-btn-pri{ background:var(--p30-teal); border:1px solid var(--p30-teal); color:#fff; }
#page-inventory.p40 .p40-btn-sec{ background:var(--p30-card); border:1px solid var(--p30-line); color:#334155; }
[data-theme="dark"] #page-inventory.p40 .p40-btn-sec{ color:var(--p30-navy); }
#page-inventory.p40 .p40-btn-danger{ background:transparent; border:1px solid transparent; color:var(--p40-bad); }
#page-inventory.p40 .p40-btn[disabled]{ opacity:.55; cursor:not-allowed; }
#page-inventory.p40 .p40-btn[aria-busy="true"]{ cursor:progress; }
/* شارات الحالة 80×26 (العقد المعتمد) — النص + اللون معًا، لا لون وحده */
#page-inventory.p40 .p40-badge{ flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-width:80px; height:26px; padding:0 10px; border-radius:999px; font-size:11px; font-weight:600; line-height:16px; white-space:nowrap; }
#page-inventory.p40 .p40-badge.is-match, #page-inventory.p40 .p40-badge.is-done{ background:var(--p40-ok-bg); color:var(--p40-ok); }
#page-inventory.p40 .p40-badge.is-deficit{ background:var(--p40-bad-bg); color:var(--p40-bad); }
#page-inventory.p40 .p40-badge.is-surplus{ background:var(--p40-warn-bg); color:var(--p40-warn); }
#page-inventory.p40 .p40-badge.is-notCounted, #page-inventory.p40 .p40-badge.is-noSys{ background:var(--p40-nc-bg); color:var(--p40-nc); }
#page-inventory.p40 .p40-badge.is-live{ background:var(--p40-live-bg); color:var(--p40-live); }
#page-inventory.p40 .p40-row-h{ display:flex; align-items:center; gap:8px; min-width:0; }
#page-inventory.p40 .p40-row-h .p40-badge{ margin-inline-start:auto; }
#page-inventory.p40 .p40-nmw{ min-width:0; flex:1 1 auto; }
#page-inventory.p40 .p40-nm{ margin:0; font-size:15px; font-weight:700; line-height:1.5; color:var(--p30-navy); overflow-wrap:anywhere; min-width:0; }
#page-inventory.p40 .p40-row-h > .p40-nm{ flex:1 1 auto; }
#page-inventory.p40 .p40-bc{ margin:0; font-size:11px; color:var(--p30-muted); text-align:right; overflow-wrap:anywhere; unicode-bidi:plaintext; }
#page-inventory.p40 .p40-meta{ margin:0; font-size:11px; color:var(--p30-muted); line-height:1.6; }
#page-inventory.p40 .p40-bar{ height:6px; border-radius:999px; background:#E2E8F0; overflow:hidden; display:flex; }
#page-inventory.p40 .p40-bar > span{ display:block; height:6px; border-radius:999px; background:#16A085; }
#page-inventory.p40 .p40-bar.is-done > span{ background:var(--p40-ok); }
#page-inventory.p40 .p40-sess, #page-inventory.p40 .p40-item{ background:var(--p30-card); border:1px solid var(--p30-line); border-radius:16px; padding:16px; display:flex; flex-direction:column; gap:8px; min-width:0; }
#page-inventory.p40 .p40-sess-a{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
#page-inventory.p40 .p40-empty, #page-inventory.p40 .p40-state{ align-items:center; text-align:center; padding:24px 16px; }
#page-inventory.p40 .p40-state-b{ margin:0; font-size:11px; color:var(--p30-muted); line-height:1.7; }
#page-inventory.p40 .p40-state .p40-btn{ max-width:320px; }
#page-inventory.p40 .p40-banner{ margin:0; padding:10px 12px; border-radius:12px; font-size:12px; font-weight:600; line-height:1.6; }
#page-inventory.p40 .p40-banner.is-warn{ background:var(--p40-warn-bg); color:var(--p40-warn); }
#page-inventory.p40 .p40-banner.is-bad{ background:var(--p40-bad-bg); color:var(--p40-bad); margin-bottom:12px; }
#page-inventory.p40 .p40-note{ margin:0; font-size:11px; color:var(--p30-muted); line-height:1.7; }
/* ⓘ — منطقة لمس 44×44، الأيقونة 16 */
#page-inventory.p40 .p40-info{ position:relative; flex:0 0 auto; width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:22px; background:transparent; color:var(--p30-muted); cursor:pointer; padding:0; }
#page-inventory.p40 .p40-info svg{ width:16px; height:16px; }
#page-inventory.p40 .p40-info:hover, #page-inventory.p40 .p40-info[aria-expanded="true"]{ background:#E6FFFB; color:var(--p30-teal); }
#page-inventory.p40 .p40-info:focus-visible{ outline:2px solid #14B8A6; outline-offset:2px; }
/* وحدة المسح */
#page-inventory.p40 .p40-seg{ display:flex; gap:4px; padding:4px; border-radius:12px; background:#E2E8F0; }
#page-inventory.p40 .p40-seg-b{ flex:1 1 0; min-width:0; min-height:36px; border:0; border-radius:10px; background:transparent; color:#566478; font:600 13px/1.3 'Cairo',sans-serif; cursor:pointer; padding:0 6px; }
#page-inventory.p40 .p40-seg-b[aria-pressed="true"]{ background:#fff; color:#081F2E; }
#page-inventory.p40 .p40-seg-b[disabled]{ opacity:.5; cursor:not-allowed; }
#page-inventory.p40 .p40-manual{ display:flex; align-items:center; gap:8px; }
#page-inventory.p40 .p40-manual[hidden]{ display:none; }
#page-inventory.p40 .p40-manual .p40-in{ flex:1 1 auto; text-align:right; }
#page-inventory.p40 .p40-cam{ flex-direction:column; gap:12px; }
#page-inventory.p40 .p40-cam[style*="block"]{ display:flex!important; }
#page-inventory.p40 .p40-stage{ position:relative; height:180px; border-radius:12px; background:#0B1F2A; overflow:hidden; }
#page-inventory.p40 .p40-stage video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
#page-inventory.p40 .p40-guide{ position:absolute; left:50%; top:44px; width:min(226px,70%); height:92px; transform:translateX(-50%); border:2px solid #16A085; border-radius:12px; }
#page-inventory.p40 .p40-cam-hint{ position:absolute; left:0; right:0; bottom:14px; text-align:center; font-size:11px; color:#fff; padding:0 12px; }
#page-inventory.p40 .p40-fx:empty{ display:none; }
#page-inventory.p40 .p40-res{ border-radius:16px; padding:16px; display:flex; flex-direction:column; gap:6px; }
#page-inventory.p40 .p40-res p{ margin:0; }
#page-inventory.p40 .p40-res-h{ display:flex; align-items:center; gap:8px; }
#page-inventory.p40 .p40-res-h .p40-info{ margin-inline-start:auto; color:inherit; }
#page-inventory.p40 .p40-res-t{ font-size:13px; font-weight:600; }
#page-inventory.p40 .p40-res-c{ font-size:15px; font-weight:700; text-align:right; unicode-bidi:plaintext; overflow-wrap:anywhere; }
#page-inventory.p40 .p40-res-n{ font-size:11px; line-height:1.6; }
#page-inventory.p40 .p40-res.is-ok{ background:var(--p40-ok-bg); color:var(--p40-ok); }
#page-inventory.p40 .p40-res.is-bad{ background:var(--p40-bad-bg); color:var(--p40-bad); }
#page-inventory.p40 .p40-res.is-warn{ background:var(--p40-warn-bg); color:var(--p40-warn); }
/* الملخّص */
#page-inventory.p40 .p40-prog{ display:flex; flex-direction:column; gap:4px; }
#page-inventory.p40 .p40-pct{ margin:0; font-size:20px; font-weight:700; color:var(--p30-navy); font-variant-numeric:tabular-nums; }
#page-inventory.p40 .p40-att{ display:flex; gap:8px; flex-wrap:wrap; }
#page-inventory.p40 .p40-ind{ display:inline-flex; align-items:center; gap:8px; height:44px; padding:0 12px; border-radius:12px; font-size:11px; font-weight:600; }
#page-inventory.p40 .p40-ind b{ font-size:15px; font-weight:700; font-variant-numeric:tabular-nums; }
#page-inventory.p40 .p40-ind.is-def{ background:var(--p40-bad-bg); color:var(--p40-bad); }
#page-inventory.p40 .p40-ind.is-sur{ background:var(--p40-warn-bg); color:var(--p40-warn); }
#page-inventory.p40 .p40-div{ border:0; border-top:1px solid #EDF1F5; margin:0; width:100%; }
[data-theme="dark"] #page-inventory.p40 .p40-div{ border-top-color:var(--p30-line); }
#page-inventory.p40 .p40-fin, #page-inventory.p40 .p40-cmp{ display:flex; align-items:center; gap:16px; margin:0; flex-wrap:wrap; }
#page-inventory.p40 .p40-fin .p40-info{ margin-inline-start:auto; }
#page-inventory.p40 .p40-cell{ display:flex; flex-direction:column; gap:2px; min-width:0; }
#page-inventory.p40 .p40-cell dt, #page-inventory.p40 .p40-cell .p40-lbl{ font-size:11px; font-weight:400; color:var(--p30-muted); margin:0; }
#page-inventory.p40 .p40-cell dd{ margin:0; font-size:13px; font-weight:600; color:var(--p30-navy); font-variant-numeric:tabular-nums; }
#page-inventory.p40 .p40-cell dd, #page-inventory.p40 .p40-pct, #page-inventory.p40 .p40-cv{ direction:ltr; unicode-bidi:isolate; text-align:right; }
#page-inventory.p40 .t-neg{ color:var(--p40-bad)!important; }
#page-inventory.p40 .t-pos{ color:var(--p40-warn)!important; }
#page-inventory.p40 .t-zero{ color:var(--p40-ok)!important; }
#page-inventory.p40 .t-none{ color:var(--p30-muted)!important; }
/* المال: رمز الريال الرسمي ثم المبلغ (المبلغ أقصى اليمين في RTL) */
#page-inventory.p40 .p40-money{ display:inline-flex; align-items:center; gap:4px; direction:ltr; unicode-bidi:isolate; white-space:nowrap; font-variant-numeric:tabular-nums; font-size:13px; font-weight:600; }
#page-inventory.p40 .p40-item .p40-money{ font-size:11px; }
#page-inventory.p40 .p40-sar{ display:inline-flex; color:var(--p30-muted); }
#page-inventory.p40 .p40-sar .p30-sar{ height:1.1em; width:calc(1.1em * .8947381); display:block; }
#page-inventory.p40 .p40-na{ color:var(--p30-muted); }
/* بطاقة الصنف */
#page-inventory.p40 .p40-count{ display:flex; align-items:center; gap:12px; background:var(--p30-bg); border-radius:12px; padding:8px 12px; min-height:60px; }
[data-theme="dark"] #page-inventory.p40 .p40-count{ background:var(--p30-soft); }
#page-inventory.p40 .p40-cl{ font-size:13px; font-weight:600; color:var(--p30-navy); }
#page-inventory.p40 .p40-step{ display:flex; align-items:center; gap:8px; margin-inline-start:auto; }
#page-inventory.p40 .p40-sbtn{ width:44px; height:44px; border:1px solid var(--p30-line); border-radius:12px; background:var(--p30-card); color:#334155; font:600 15px/1 'Cairo',sans-serif; cursor:pointer; padding:0; }
[data-theme="dark"] #page-inventory.p40 .p40-sbtn{ color:var(--p30-navy); }
#page-inventory.p40 .p40-qin{ width:64px; height:44px; border:1px solid var(--p30-line); border-radius:12px; background:var(--p30-card); color:#334155; text-align:center; font:600 15px/1 'Cairo',sans-serif; font-variant-numeric:tabular-nums; padding:0 4px; }
[data-theme="dark"] #page-inventory.p40 .p40-qin{ color:var(--p30-navy); }
#page-inventory.p40 .p40-qin[aria-invalid="true"]{ border-color:var(--p40-bad); box-shadow:0 0 0 1px var(--p40-bad); }
#page-inventory.p40 .p40-qerr{ margin:0; font-size:11px; font-weight:600; color:var(--p40-bad); }
#page-inventory.p40 .p40-qerr[hidden]{ display:none; }
#page-inventory.p40 .p40-cv{ margin-inline-start:auto; font-size:20px; font-weight:700; font-variant-numeric:tabular-nums; }
#page-inventory.p40 .p40-sf{ display:flex; align-items:center; gap:8px; }
#page-inventory.p40 .p40-sf .p40-in{ flex:1 1 auto; }
/* باركود غير معروف */
#page-inventory.p40 .p40-unk{ display:flex; align-items:center; gap:8px; background:var(--p30-card); border:1px solid var(--p30-line); border-radius:12px; padding:12px 16px; min-width:0; }
#page-inventory.p40 .p40-unk-c{ display:flex; flex-direction:column; gap:2px; min-width:0; flex:1 1 auto; }
#page-inventory.p40 .p40-unk-c b{ font-size:13px; font-weight:600; text-align:right; unicode-bidi:plaintext; overflow-wrap:anywhere; }
#page-inventory.p40 .p40-unk-c span{ font-size:11px; color:var(--p30-muted); }
#page-inventory.p40 .p40-acts{ display:flex; flex-direction:column; gap:12px; }
/* R1: حالة المزامنة مع الخادم — نصّ صريح لا لون فقط */
#page-inventory.p40 .p40-syncw:empty{ display:none; }
#page-inventory.p40 .p40-sync{ margin:0; font-size:11px; font-weight:600; line-height:1.6; }
#page-inventory.p40 .p40-sync.is-ok{ color:var(--p40-ok); }
#page-inventory.p40 .p40-sync.is-warn{ color:var(--p40-warn); }
#page-inventory.p40 .p40-banner{ display:flex; flex-direction:column; gap:10px; }
#page-inventory.p40 .p40-banner .p40-btn{ background:var(--p30-card); }
/* ورقة التصفية/التصدير (نظام Overlay المعتمد) */
.mdl-ov.p40-sheet .p40-fopts{ display:flex; flex-direction:column; gap:4px; }
.mdl-ov.p40-sheet .p40-fopt{ display:flex; align-items:center; gap:8px; width:100%; min-height:44px; padding:0 12px; border:0; border-radius:12px; background:transparent; color:#334155; font:600 13px/1.3 'Cairo',sans-serif; cursor:pointer; text-align:right; }
[data-theme="dark"] .mdl-ov.p40-sheet .p40-fopt{ color:var(--p30-navy); }
.mdl-ov.p40-sheet .p40-fopt svg{ width:18px; height:18px; }
.mdl-ov.p40-sheet .p40-fopt-t{ flex:1 1 auto; }
.mdl-ov.p40-sheet .p40-fopt-m{ width:8px; height:8px; border-radius:999px; background:#E2E8F0; flex:0 0 auto; }
.mdl-ov.p40-sheet .p40-fopt.is-on{ background:#E6F0F0; color:#0D6E6A; }
.mdl-ov.p40-sheet .p40-fopt.is-on .p40-fopt-m{ background:#0D6E6A; }
.mdl-ov.p40-sheet .p40-fopt:focus-visible{ outline:2px solid #14B8A6; outline-offset:2px; }
@media (max-width:767.98px){
  #page-inventory.p40 .p40-root{ padding-bottom:calc(88px + env(safe-area-inset-bottom,0px)); }
}

/* ============================================================================
   Page41 — الحضور والانصراف (Figma 1263:10 · AZ12). نفس رموز Page30/Page40:
   بطاقات 16px · حقول 48 · أزرار ≥44 · شارات 80×26 نص+لون · ⓘ 44×44.
   العرض: اليوم/الإدارة ≤960 · التقرير ≤720 · الجداول ≤1200 (عمودان 756/420).
   ============================================================================ */
#page-attendance.p41{ --p41-ok:#065F46; --p41-ok-bg:#D6F3E5; --p41-bad:#B3272C; --p41-bad-bg:#FCE9EA; --p41-warn:#92400E; --p41-warn-bg:#FEF3C7;
  --p41-warn2:#9A3412; --p41-warn2-bg:#FFEDD5; --p41-live:#0D6E6A; --p41-live-bg:#E6F0F0; --p41-nc:#334155; --p41-nc-bg:#E2E8F0;
  font-family:'Cairo',sans-serif; color:var(--p30-navy); }
#page-attendance.p41 .p41-root{ max-width:960px; margin:0 auto; padding-bottom:24px; }
#page-attendance.p41 .p41-root[data-p41-view="report"], #page-attendance.p41 .p41-root[data-p41-view="deduction"]{ max-width:720px; }
#page-attendance.p41 .p41-root[data-p41-view="schedules"]{ max-width:1200px; }
#page-attendance.p41 .p41-root *{ box-sizing:border-box; }
#page-attendance.p41 .p41-head{ display:flex; align-items:center; gap:12px; background:var(--p30-card); padding:16px; border-radius:16px; border:1px solid var(--p30-line); margin:0 0 16px; }
#page-attendance.p41 .p41-title{ min-width:0; flex:1 1 auto; }
#page-attendance.p41 .p41-h1{ margin:0; font-size:20px; font-weight:700; line-height:1.4; overflow-wrap:anywhere; }
#page-attendance.p41 .p41-sub{ margin:2px 0 0; font-size:11px; color:var(--p30-muted); line-height:1.5; overflow-wrap:anywhere; }
#page-attendance.p41 .p41-ib, .p41-sheet .p41-ib{ flex:0 0 auto; width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:12px; background:#E2E8F0; color:#334155; cursor:pointer; padding:0; }
#page-attendance.p41 .p41-ib svg, .p41-sheet .p41-ib svg{ width:18px; height:18px; }
#page-attendance.p41 .p41-body{ display:flex; flex-direction:column; gap:20px; }
#page-attendance.p41 .p41-card{ background:var(--p30-card); border:1px solid var(--p30-line); border-radius:16px; padding:16px; display:flex; flex-direction:column; gap:12px; min-width:0; margin:0; }
#page-attendance.p41 .p41-state{ align-items:center; text-align:center; padding:24px 16px; }
#page-attendance.p41 .p41-state .p41-btn{ max-width:320px; }
#page-attendance.p41 .p41-h2, .p41-sheet .p41-h2{ margin:0; font-size:15px; font-weight:700; line-height:1.5; color:var(--p30-navy); }
#page-attendance.p41 .p41-h3{ margin:0; font-size:14px; font-weight:700; line-height:1.5; overflow-wrap:anywhere; }
#page-attendance.p41 .p41-cap{ margin:0; font-size:11px; font-weight:600; color:var(--p30-muted); }
#page-attendance.p41 .p41-big{ margin:0; font-size:28px; font-weight:700; line-height:1.3; font-variant-numeric:tabular-nums; }
#page-attendance.p41 .p41-muted, .p41-sheet .p41-muted{ margin:0; font-size:12px; color:var(--p30-muted); line-height:1.7; overflow-wrap:anywhere; }
#page-attendance.p41 p{ margin:0; }
#page-attendance.p41 .p41-sec{ display:flex; flex-direction:column; gap:12px; min-width:0; }
#page-attendance.p41 .p41-sec-h{ margin:0; font-size:15px; font-weight:600; color:#5D6C81; line-height:28px; }
[data-theme="dark"] #page-attendance.p41 .p41-sec-h{ color:var(--p30-muted); }
#page-attendance.p41 .p41-q{ font-weight:500; color:var(--p30-muted); }
#page-attendance.p41 .p41-list{ display:flex; flex-direction:column; gap:12px; }
#page-attendance.p41 .p41-row{ display:flex; align-items:center; gap:8px; min-width:0; justify-content:space-between; }
#page-attendance.p41 .p41-row > div{ min-width:0; }
#page-attendance.p41 .p41-row-g{ display:inline-flex; align-items:center; gap:4px; }
#page-attendance.p41 .p41-2col{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
#page-attendance.p41 .p41-4col{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
@media (max-width:599px){ #page-attendance.p41 .p41-4col{ grid-template-columns:1fr 1fr; } }
#page-attendance.p41 .p41-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(90px,1fr)); gap:8px; margin:0; }
#page-attendance.p41 .p41-grid.is-3{ grid-template-columns:repeat(3,1fr); }
#page-attendance.p41 .p41-grid > div{ background:#F1F5F9; border-radius:12px; padding:8px 10px; min-width:0; }
[data-theme="dark"] #page-attendance.p41 .p41-grid > div{ background:rgba(255,255,255,.05); }
#page-attendance.p41 .p41-grid dt{ font-size:11px; color:var(--p30-muted); }
#page-attendance.p41 .p41-grid dd{ margin:0; font-size:17px; font-weight:700; font-variant-numeric:tabular-nums; unicode-bidi:plaintext; }
#page-attendance.p41 .p41-grid dd.is-sm{ font-size:14px; }
#page-attendance.p41 .p41-kv{ margin:0; display:flex; flex-direction:column; gap:10px; }
#page-attendance.p41 .p41-kv > div{ display:flex; justify-content:space-between; gap:12px; font-size:13px; }
#page-attendance.p41 .p41-kv dt{ color:var(--p30-muted); }
#page-attendance.p41 .p41-kv dd{ margin:0; font-weight:600; font-variant-numeric:tabular-nums; unicode-bidi:plaintext; }
#page-attendance.p41 .p41-kv .is-total dt, #page-attendance.p41 .p41-kv .is-total dd{ font-weight:700; color:var(--p30-navy); }
#page-attendance.p41 .p41-div{ border:0; border-top:1px solid var(--p30-line); margin:4px 0; width:100%; }
#page-attendance.p41 .t-warn{ color:var(--p41-warn); }
#page-attendance.p41 .t-bad{ color:var(--p41-bad); }
#page-attendance.p41 .t-teal{ color:var(--p41-live); }
[data-theme="dark"] #page-attendance.p41 .t-teal{ color:#5EEAD4; }
#page-attendance.p41 .p41-note{ display:flex; align-items:center; gap:4px; font-size:12px; color:var(--p30-muted); }
#page-attendance.p41 .p41-warn{ margin:0; padding:10px 12px; border-radius:12px; background:var(--p41-warn-bg); color:var(--p41-warn); font-size:12px; font-weight:600; }
#page-attendance.p41 .p41-err, .p41-sheet .p41-err{ margin:0; font-size:12px; font-weight:600; color:#B3272C; }
#page-attendance.p41 .p41-banner{ margin:0; padding:10px 12px; border-radius:12px; font-size:12px; font-weight:600; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
#page-attendance.p41 .p41-banner.is-live{ background:var(--p41-live-bg); color:var(--p41-live); }
#page-attendance.p41 .p41-banner.is-ok{ background:var(--p41-ok-bg); color:var(--p41-ok); }
#page-attendance.p41 .p41-banner.is-warn{ background:var(--p41-warn-bg); color:var(--p41-warn); }
#page-attendance.p41 .p41-banner.is-nc{ background:var(--p41-nc-bg); color:var(--p41-nc); }
/* شارات 80×26 — نص + لون، لا لون وحده */
#page-attendance.p41 .p41-badge{ flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-width:80px; height:26px; padding:0 10px; border-radius:999px; font-size:11px; font-weight:600; white-space:nowrap; }
#page-attendance.p41 .p41-badge-w{ min-width:96px; }
#page-attendance.p41 .p41-badge.is-ok{ background:var(--p41-ok-bg); color:var(--p41-ok); }
#page-attendance.p41 .p41-badge.is-warn{ background:var(--p41-warn-bg); color:var(--p41-warn); }
#page-attendance.p41 .p41-badge.is-warn2{ background:var(--p41-warn2-bg); color:var(--p41-warn2); }
#page-attendance.p41 .p41-badge.is-bad{ background:var(--p41-bad-bg); color:var(--p41-bad); }
#page-attendance.p41 .p41-badge.is-live{ background:var(--p41-live-bg); color:var(--p41-live); }
#page-attendance.p41 .p41-badge.is-nc{ background:var(--p41-nc-bg); color:var(--p41-nc); }
.p41-sheet .p41-badge.is-warn{ display:inline-flex; margin:4px auto; padding:2px 10px; border-radius:999px; background:#FEF3C7; color:#92400E; font-size:11px; font-weight:600; }
#page-attendance.p41 .p41-chips{ display:flex; gap:8px; flex-wrap:wrap; }
#page-attendance.p41 .p41-ind{ display:inline-flex; align-items:center; gap:4px; padding:4px 10px; border-radius:999px; font-size:12px; }
#page-attendance.p41 .p41-ind.is-warn{ background:var(--p41-warn-bg); color:var(--p41-warn); }
#page-attendance.p41 .p41-ind.is-bad{ background:var(--p41-bad-bg); color:var(--p41-bad); }
/* الحقول والأزرار */
#page-attendance.p41 .p41-field, .p41-sheet .p41-field{ display:flex; flex-direction:column; gap:8px; margin:0; min-width:0; }
#page-attendance.p41 .p41-lbl, .p41-sheet .p41-lbl{ font-size:11px; font-weight:600; color:var(--p30-muted); line-height:1.6; display:inline-flex; align-items:center; gap:2px; }
#page-attendance.p41 .p41-in, .p41-sheet .p41-in{ width:100%; min-height:48px; border:1px solid var(--p30-line); border-radius:12px; background:var(--p30-card); color:var(--p30-navy); font:500 13px/1.4 'Cairo',sans-serif; padding:0 14px; min-width:0; }
#page-attendance.p41 .p41-static{ display:flex; align-items:center; background:#F1F5F9; }
[data-theme="dark"] #page-attendance.p41 .p41-static{ background:rgba(255,255,255,.05); }
#page-attendance.p41 .p41-ta, .p41-sheet .p41-ta{ min-height:88px; padding:12px 14px; resize:vertical; }
#page-attendance.p41 .p41-pickbtn{ text-align:start; cursor:pointer; font-variant-numeric:tabular-nums; unicode-bidi:plaintext; }
#page-attendance.p41 .p41-sf{ display:flex; gap:8px; }
#page-attendance.p41 .p41-btn, .p41-sheet .p41-btn{ display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:48px; padding:0 16px; border-radius:12px; font:600 13px/1.2 'Cairo',sans-serif; cursor:pointer; text-align:center; }
#page-attendance.p41 .p41-btn-auto{ width:auto; flex:0 0 auto; min-height:44px; }
#page-attendance.p41 .p41-btn-pri{ background:var(--p30-teal); border:1px solid var(--p30-teal); color:#fff; }
#page-attendance.p41 .p41-btn-sec, .p41-sheet .p41-btn-sec{ background:var(--p30-card); border:1px solid var(--p30-line); color:#334155; }
[data-theme="dark"] #page-attendance.p41 .p41-btn-sec, [data-theme="dark"] .p41-sheet .p41-btn-sec{ color:var(--p30-navy); }
#page-attendance.p41 .p41-btn-danger{ background:transparent; border:1px solid transparent; color:var(--p41-bad); }
#page-attendance.p41 .p41-btn-dangerline{ background:transparent; border:1px solid var(--p41-bad); color:var(--p41-bad); }
#page-attendance.p41 .p41-btn[disabled]{ opacity:.55; cursor:not-allowed; }
#page-attendance.p41 .p41-link{ align-self:center; background:none; border:0; min-height:44px; padding:0 12px; color:var(--p41-live); font:600 13px/1.2 'Cairo',sans-serif; text-decoration:underline; cursor:pointer; }
#page-attendance.p41 .p41-acts-row{ display:flex; gap:8px; flex-wrap:wrap; }
#page-attendance.p41 .p41-tools{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media (min-width:834px){ #page-attendance.p41 .p41-tools{ grid-template-columns:repeat(3,1fr); } }
#page-attendance.p41 .p41-chip, .p41-sheet .p41-chip{ min-height:44px; padding:0 14px; border-radius:12px; border:1px solid var(--p30-line); background:var(--p30-card); color:#334155; font:600 13px/1.3 'Cairo',sans-serif; cursor:pointer; }
#page-attendance.p41 .p41-chip.is-on, .p41-sheet .p41-chip.is-on{ background:#E6F0F0; border-color:#0D6E6A; color:#0D6E6A; }
#page-attendance.p41 .p41-days{ display:flex; flex-wrap:wrap; gap:8px; }
#page-attendance.p41 .p41-days .p41-chip{ flex:1 1 72px; }
#page-attendance.p41 .p41-toggle{ display:flex; align-items:center; justify-content:space-between; min-height:44px; font-size:13px; font-weight:600; }
#page-attendance.p41 .p41-switch{ width:52px; height:44px; border-radius:12px; border:0; background:transparent; position:relative; cursor:pointer; flex:0 0 auto; padding:0; }
#page-attendance.p41 .p41-switch::before{ content:""; position:absolute; top:6px; left:0; right:0; height:32px; border-radius:999px; background:#CBD5E1; }
#page-attendance.p41 .p41-switch::after{ content:""; position:absolute; top:10px; inset-inline-start:4px; width:24px; height:24px; border-radius:50%; background:#fff; transition:inset-inline-start .15s; }
#page-attendance.p41 .p41-switch[aria-checked="true"]::before{ background:var(--p30-teal); }
#page-attendance.p41 .p41-switch[aria-checked="true"]::after{ inset-inline-start:24px; }
#page-attendance.p41 .p41-kvbtn{ display:flex; justify-content:space-between; align-items:center; min-height:48px; width:100%; padding:0 14px; border:1px solid var(--p30-line); border-radius:12px; background:var(--p30-card); color:var(--p30-navy); font:600 13px/1.3 'Cairo',sans-serif; cursor:pointer; }
#page-attendance.p41 .p41-kvbtn.is-static{ cursor:default; background:#F1F5F9; }
[data-theme="dark"] #page-attendance.p41 .p41-kvbtn.is-static{ background:rgba(255,255,255,.05); }
#page-attendance.p41 .p41-bound{ align-self:flex-start; padding:4px 10px; border-radius:999px; font-size:12px; font-weight:600; }
#page-attendance.p41 .p41-bound.is-ok{ background:var(--p41-ok-bg); color:var(--p41-ok); }
#page-attendance.p41 .p41-bound.is-bad{ background:var(--p41-bad-bg); color:var(--p41-bad); }
#page-attendance.p41 .p41-rules{ list-style:none; padding:16px; margin:0; font-size:12px; gap:8px; }
#page-attendance.p41 .p41-rules .is-ok{ color:var(--p41-ok); }
#page-attendance.p41 .p41-rules .is-bad{ color:var(--p41-bad); font-weight:600; }
#page-attendance.p41 .p41-fail{ border-color:var(--p41-bad-bg); }
#page-attendance.p41 .p41-day.is-click{ cursor:pointer; }
#page-attendance.p41 .p41-day.is-click:hover{ border-color:#0D6E6A; }
#page-attendance.p41 .p41-money{ display:inline-flex; align-items:center; gap:4px; direction:ltr; font-variant-numeric:tabular-nums; font-weight:700; }
#page-attendance.p41 .p41-sar svg{ width:14px; height:14px; }
#page-attendance.p41 .p41-amt{ font-size:18px; }
#page-attendance.p41 .p41-rgrid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
#page-attendance.p41 .p41-rgrid .p41-big{ font-size:22px; }
#page-attendance.p41 .p41-tags{ display:flex; gap:6px; flex-wrap:wrap; }
#page-attendance.p41 .p41-tag{ padding:4px 10px; border-radius:999px; background:#E6F0F0; color:#0D6E6A; font-size:12px; font-weight:600; }
#page-attendance.p41 .p41-srow{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:10px 12px; border:1px solid var(--p30-line); border-radius:12px; }
#page-attendance.p41 .p41-srow > div{ flex:1 1 160px; min-width:0; }
#page-attendance.p41 .p41-srow.is-sel{ cursor:pointer; }
#page-attendance.p41 .p41-srow.is-on{ border-color:var(--p41-bad); background:var(--p41-bad-bg); }
/* جداول الدوام: عمودان من 1280 (إنشاء 756 · إدارة 420) */
#page-attendance.p41 .p41-sched{ display:flex; flex-direction:column; gap:20px; }
#page-attendance.p41 .p41-scol{ display:flex; flex-direction:column; gap:12px; min-width:0; }
@media (min-width:1280px){ #page-attendance.p41 .p41-sched{ display:grid; grid-template-columns:minmax(0,756px) minmax(0,420px); justify-content:space-between; align-items:start; gap:24px; } }
/* الموقع: منتقي إحداثيات تفاعلي (R1) — بلا مزوّد خرائط ولا شبكة */
#page-attendance.p41 .p41-coord{ font-variant-numeric:tabular-nums; }
#page-attendance.p41 .p41-static-err{ display:flex; align-items:center; flex-wrap:wrap; gap:4px; min-height:48px; padding:8px 12px; border-radius:12px; background:var(--p41-bad-bg); color:var(--p41-bad); font-size:12px; font-weight:600; }
.p41-mapsheet .p41-mapc{ position:relative; width:100%; border-radius:12px; border:1px solid var(--p30-line,#E2E8F0); background:#F1F5F9; overflow:hidden; touch-action:none; cursor:grab; }
[data-theme="dark"] .p41-mapsheet .p41-mapc{ background:rgba(255,255,255,.05); }
.p41-mapsheet .p41-mapc:active{ cursor:grabbing; }
.p41-mapsheet .p41-mapc.is-empty{ display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:140px; cursor:default; text-align:center; padding:16px; }
.p41-mapsheet .p41-mapc{ direction:ltr; }
.p41-mapsheet .p41-ml{ position:absolute; inset:0; }
.p41-mapsheet .p41-ml[hidden]{ display:none; }
.p41-mapsheet .p41-msvg{ position:absolute; top:0; left:0; pointer-events:none; }
.p41-mapsheet .p41-mapc.is-live{ cursor:default; }
.p41-mapsheet .p41-mempty{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:16px; direction:rtl; }
.p41-mapsheet .p41-mempty[hidden]{ display:none; }
.p41-mapsheet .maplibregl-ctrl-attrib{ font:500 11px/1.4 'Cairo',sans-serif; direction:ltr; }
.p41-mapsheet .maplibregl-ctrl-attrib a{ color:#334155; }
.p41-mapsheet .p41-mapc:focus-visible{ outline:2px solid #14B8A6; outline-offset:2px; }
.p41-mapsheet .p41-mg{ stroke:#CBD5E1; stroke-width:1; }
.p41-mapsheet .p41-mring{ fill:rgba(22,160,133,.14); stroke:#0D6E6A; stroke-width:2; stroke-dasharray:5 4; }
.p41-mapsheet .p41-mpin line{ stroke:#081F2E; stroke-width:2; } .p41-mapsheet .p41-mpin circle{ fill:#0D6E6A; stroke:#fff; stroke-width:2; }
[data-theme="dark"] .p41-mapsheet .p41-mpin line{ stroke:#E2E8F0; }
.p41-mapsheet .p41-mk-saved circle{ fill:#fff; stroke:#92400E; stroke-width:3; } .p41-mapsheet .p41-mk-dev circle{ fill:#2563EB; stroke:#fff; stroke-width:2; }
.p41-mapsheet text{ font:600 11px 'Cairo',sans-serif; fill:#334155; paint-order:stroke; stroke:#fff; stroke-width:3px; }
.p41-mapsheet .p41-mscale line{ stroke:#081F2E; stroke-width:3; }
.p41-mapsheet .p41-mctl{ display:flex; gap:8px; align-items:center; margin:8px 0; }
.p41-mapsheet .p41-mctl .p41-btn{ flex:1 1 auto; }
.p41-mapsheet .p41-ib{ flex:0 0 44px; width:44px; min-width:44px; height:44px; min-height:44px; font:700 18px/1 'Cairo',sans-serif; }
.p41-mapsheet .p41-mnote{ margin:6px 0 0; }
.p41-mapsheet .p41-mstatus{ margin:8px 0 0; font-size:12px; font-weight:600; font-variant-numeric:tabular-nums; }
.p41-mapsheet .p41-2col{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:8px; }
/* التحقق */
#page-attendance.p41 .p41-verify{ display:flex; align-items:center; justify-content:center; min-height:48px; border-radius:12px; background:#E6F0F0; }
#page-attendance.p41 .p41-spin{ width:22px; height:22px; border-radius:50%; border:3px solid #CBD5E1; border-top-color:#0D6E6A; animation:p41spin .9s linear infinite; display:inline-block; }
@keyframes p41spin{ to{ transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce){ #page-attendance.p41 .p41-spin{ animation:none; } }
#page-attendance.p41 .p41-sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
/* ⓘ 44×44 */
#page-attendance.p41 .p41-info{ flex:0 0 auto; width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:22px; background:transparent; color:var(--p30-muted); cursor:pointer; padding:0; }
#page-attendance.p41 .p41-info svg{ width:16px; height:16px; }
#page-attendance.p41 .p41-info:hover{ background:#E6FFFB; color:var(--p30-teal); }
#page-attendance.p41 .p41-in:focus-visible, #page-attendance.p41 .p41-btn:focus-visible, #page-attendance.p41 .p41-ib:focus-visible, #page-attendance.p41 .p41-info:focus-visible,
#page-attendance.p41 .p41-chip:focus-visible, #page-attendance.p41 .p41-switch:focus-visible, #page-attendance.p41 .p41-link:focus-visible, #page-attendance.p41 .p41-kvbtn:focus-visible,
#page-attendance.p41 .p41-day:focus-visible, #page-attendance.p41 .p41-srow:focus-visible,
.p41-sheet .p41-wv:focus-visible, .p41-sheet .p41-dv:focus-visible, .p41-sheet .p41-ib:focus-visible, .p41-sheet .p41-chip:focus-visible, .p41-sheet .p41-wheel:focus-visible, .p41-sheet .p41-btn:focus-visible{ outline:2px solid #14B8A6; outline-offset:2px; }
/* المنتقيات (داخل _authShell خارج الصفحة) */
.p41-sheet .p41-pick-val{ margin:0 0 8px; text-align:center; font-size:22px; font-weight:700; font-variant-numeric:tabular-nums; unicode-bidi:plaintext; }
.p41-sheet .p41-wheels{ display:flex; justify-content:center; align-items:center; gap:6px; }
.p41-sheet .p41-wheel{ display:flex; flex-direction:column; gap:2px; height:220px; overflow-y:auto; scroll-snap-type:y mandatory; padding:88px 4px; min-width:64px; border-radius:12px; background:#F1F5F9; }
[data-theme="dark"] .p41-sheet .p41-wheel{ background:rgba(255,255,255,.05); }
.p41-sheet .p41-wv{ scroll-snap-align:center; min-height:44px; flex:0 0 auto; border:0; border-radius:10px; background:transparent; color:#566478; font:600 16px/1 'Cairo',sans-serif; cursor:pointer; font-variant-numeric:tabular-nums; }
.p41-sheet .p41-wv.is-on{ background:#fff; color:#081F2E; box-shadow:0 1px 3px rgba(0,0,0,.08); }
.p41-sheet .p41-colon{ font-size:20px; font-weight:700; }
.p41-sheet .p41-cal-h{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.p41-sheet .p41-cal-w, .p41-sheet .p41-cal{ display:grid; grid-template-columns:repeat(7,1fr); gap:4px; text-align:center; }
.p41-sheet .p41-cal-w span{ font-size:11px; color:#566478; padding:4px 0; }
.p41-sheet .p41-dv{ min-height:44px; border:0; border-radius:10px; background:transparent; color:inherit; font:600 13px/1 'Cairo',sans-serif; cursor:pointer; }
.p41-sheet .p41-dv.is-on{ background:#0D6E6A; color:#fff; }
.p41-sheet .p41-months{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.p41-sheet .p41-list{ display:flex; flex-direction:column; gap:8px; }
.p41-sheet .p41-danger-btn{ background:#B3272C; border-color:#B3272C; color:#fff; }
/* بطاقة مدخل الرئيسية (REC-1) */
.p41-home-slot[hidden]{ display:none; }
.p41-home-slot .p41-home{ background:var(--p30-card); border:1px solid var(--p30-line); border-radius:16px; padding:16px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin:0 0 16px; }
.p41-home-slot .p41-home-t{ display:flex; align-items:center; gap:12px; min-width:0; }
.p41-home-slot .p41-home-ic{ width:44px; height:44px; border-radius:12px; background:#E6F0F0; color:#0D6E6A; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; }
.p41-home-slot .p41-home-ic svg{ width:20px; height:20px; }
.p41-home-slot .p41-h2{ margin:0; font-size:15px; font-weight:700; }
.p41-home-slot .p41-muted{ margin:0; font-size:12px; color:var(--p30-muted); }
.p41-home-slot .p41-acts-row{ display:flex; gap:8px; flex-wrap:wrap; }
.p41-home-slot .p41-btn{ min-height:44px; padding:0 16px; border-radius:12px; font:600 13px/1.2 'Cairo',sans-serif; cursor:pointer; }
.p41-home-slot .p41-btn-pri{ background:var(--p30-teal); border:1px solid var(--p30-teal); color:#fff; }
.p41-home-slot .p41-btn-sec{ background:var(--p30-card); border:1px solid var(--p30-line); color:#334155; }
[data-theme="dark"] .p41-home-slot .p41-btn-sec{ color:var(--p30-navy); }
.p41-home-slot .p41-btn:focus-visible{ outline:2px solid #14B8A6; outline-offset:2px; }
@media (max-width:767.98px){ #page-attendance.p41 .p41-root{ padding-bottom:calc(88px + env(safe-area-inset-bottom,0px)); } }

/* «فروع الحضور» (R2) */
.p41-asgsheet .p41-asg-who{ margin:0 0 4px; font-size:14px; }
.p41-asgsheet .p41-list{ display:flex; flex-direction:column; gap:8px; margin:8px 0; }
.p41-asgsheet .p41-asg{ display:flex; align-items:center; gap:10px; width:100%; min-height:52px; padding:8px 12px; border:1px solid var(--p30-line,#E2E8F0); border-radius:12px; background:var(--p30-card,#fff); color:inherit; font:500 13px/1.4 'Cairo',sans-serif; text-align:start; cursor:pointer; }
.p41-asgsheet .p41-asg.is-on{ border-color:#0D6E6A; background:#E6F0F0; }
[data-theme="dark"] .p41-asgsheet .p41-asg.is-on{ background:rgba(13,110,106,.25); }
.p41-asgsheet .p41-asg[disabled]{ cursor:default; opacity:.85; }
.p41-asgsheet .p41-asg-box{ flex:0 0 22px; width:22px; height:22px; border-radius:6px; border:2px solid #0D6E6A; display:inline-flex; align-items:center; justify-content:center; color:#fff; font-weight:700; }
.p41-asgsheet .p41-asg.is-on .p41-asg-box{ background:#0D6E6A; }
.p41-asgsheet .p41-asg-t{ display:flex; flex-direction:column; }
.p41-asgsheet .p41-asg-t small{ color:var(--p30-muted,#566478); font-size:11px; }
.p41-asgsheet .p41-asg:focus-visible, .p41-asgsheet .p41-btn:focus-visible{ outline:2px solid #14B8A6; outline-offset:2px; }
.p41-asgsheet .p41-state{ display:flex; flex-direction:column; align-items:center; gap:8px; padding:16px; }
.p41-asgsheet .p41-spin{ width:22px; height:22px; border-radius:50%; border:3px solid #CBD5E1; border-top-color:#0D6E6A; animation:p41spin .9s linear infinite; display:inline-block; }
.p41-asgsheet .p41-btn{ display:flex; align-items:center; justify-content:center; width:100%; min-height:44px; border-radius:12px; border:1px solid var(--p30-line,#E2E8F0); background:var(--p30-card,#fff); font:600 13px/1.2 'Cairo',sans-serif; cursor:pointer; }

/* ============================================================================
   Page42 — الفواتير والتسعير (Figma 1586:10 · AZ13). Mobile-first:
   390 بطاقات · 700–1099 جدول بعمودين مثبّتين (اسم المنتج · الإجراءات) وتمرير أفقي
   داخل الجدول فقط · ≥1100 تكوين سطح المكتب (قارئ+أساس | بيانات · جدول · إضافات|إجمالي|سداد).
   الألوان من رموز Page30 المشتركة (--p30-*) فتتبع الوضع الداكن.
   ============================================================================ */
#page-invoices.p42{ --p42-ok:#065F46; --p42-ok-bg:#D6F3E5; --p42-bad:#B3272C; --p42-bad-bg:#FCE9EA; --p42-warn:#92400E; --p42-warn-bg:#FEF3C7;
  --p42-draft:#475569; --p42-draft-bg:#F1F5F9; --p42-pos:#047857; --p42-neg:#B3272C; --p42-amt:#92400E; }
[data-theme="dark"] #page-invoices.p42{ --p42-ok:#6EE7B7; --p42-ok-bg:#064E3B; --p42-bad:#FCA5A5; --p42-bad-bg:#4C1D1D; --p42-warn:#FCD34D; --p42-warn-bg:#422006;
  --p42-draft:#CBD5E1; --p42-draft-bg:#1E293B; --p42-pos:#6EE7B7; --p42-neg:#FCA5A5; --p42-amt:#FCD34D; }
#page-invoices.p42 .p42-root{ max-width:1200px; margin:0 auto; padding-bottom:24px; }
#page-invoices.p42 .p42-root[data-p42-view="home"], #page-invoices.p42 .p42-root[data-p42-view="record"], #page-invoices.p42 .p42-root[data-p42-view="suppliers"],
#page-invoices.p42 .p42-root[data-p42-view="supplier"], #page-invoices.p42 .p42-root[data-p42-view="supForm"], #page-invoices.p42 .p42-root[data-p42-view="purchases"],
#page-invoices.p42 .p42-root[data-p42-view="purSup"], #page-invoices.p42 .p42-root[data-p42-view="debts"], #page-invoices.p42 .p42-root[data-p42-view="debt"],
#page-invoices.p42 .p42-root[data-p42-view="mapping"]{ max-width:860px; }
#page-invoices.p42 .p42-root *{ box-sizing:border-box; }
#page-invoices.p42 p{ margin:0; }
#page-invoices.p42 .p42-head{ display:flex; align-items:center; gap:12px; background:var(--p30-card); padding:12px 16px; border-radius:16px; border:1px solid var(--p30-line); margin:0 0 16px; }
#page-invoices.p42 .p42-title{ min-width:0; flex:1 1 auto; }
#page-invoices.p42 .p42-h1{ margin:0; font-size:20px; font-weight:700; line-height:1.4; overflow-wrap:anywhere; color:var(--p30-navy); outline:none; }
#page-invoices.p42 .p42-sub{ margin:2px 0 0; font-size:11px; color:var(--p30-muted); line-height:1.5; overflow-wrap:anywhere; }
#page-invoices.p42 .p42-ib{ flex:0 0 auto; width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:12px; background:#E2E8F0; color:#334155; cursor:pointer; padding:0; }
[data-theme="dark"] #page-invoices.p42 .p42-ib{ background:var(--p30-soft); color:var(--p30-navy); }
#page-invoices.p42 .p42-ib svg{ width:18px; height:18px; }
#page-invoices.p42 .p42-hbtn{ flex:0 0 auto; min-height:44px; padding:0 14px; border:0; border-radius:12px; background:color-mix(in srgb, var(--p30-primary) 12%, var(--p30-card)); color:var(--p30-teal); font:inherit; font-size:13px; font-weight:700; cursor:pointer; }
#page-invoices.p42 .p42-body{ display:flex; flex-direction:column; gap:14px; }
#page-invoices.p42 .p42-card{ background:var(--p30-card); border:1px solid var(--p30-line); border-radius:16px; padding:14px; display:flex; flex-direction:column; gap:10px; min-width:0; margin:0; }
#page-invoices.p42 .p42-state{ align-items:center; text-align:center; padding:24px 16px; }
#page-invoices.p42 .p42-state .p42-btn{ max-width:320px; width:100%; }
#page-invoices.p42 .p42-h2, .p42-sheet .p42-h2{ margin:0; font-size:15px; font-weight:700; line-height:1.5; color:var(--p30-navy); }
#page-invoices.p42 .p42-muted, .p42-sheet .p42-muted{ margin:0; font-size:12px; color:var(--p30-muted); line-height:1.7; overflow-wrap:anywhere; }
#page-invoices.p42 .p42-center{ text-align:center; }
#page-invoices.p42 .p42-count{ font-size:12px; color:var(--p30-muted); }
#page-invoices.p42 .p42-spin{ width:22px; height:22px; border-radius:50%; border:3px solid var(--p30-line); border-top-color:var(--p30-primary); animation:p42spin .8s linear infinite; }
@keyframes p42spin{ to{ transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce){ #page-invoices.p42 .p42-spin{ animation:none; } }
#page-invoices.p42 .p42-sep, .p42-sheet .p42-sep{ height:1px; background:var(--p30-line); margin:2px 0; }
#page-invoices.p42 .p42-ch{ display:flex; align-items:center; gap:6px; }
#page-invoices.p42 .p42-sech{ display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; }
#page-invoices.p42 .p42-info{ width:28px; height:28px; min-width:28px; display:inline-flex; align-items:center; justify-content:center; border:0; background:transparent; color:var(--p30-muted); cursor:pointer; padding:0; border-radius:8px; vertical-align:middle; }
#page-invoices.p42 .p42-info svg{ width:14px; height:14px; }
#page-invoices.p42 button:focus-visible, #page-invoices.p42 .p42-in:focus-visible, #page-invoices.p42 input:focus-visible, .p42-sheet button:focus-visible, .p42-sheet .p42-in:focus-visible{ outline:2px solid var(--p30-primary); outline-offset:2px; }

/* المال: الرقم ثم رمز الريال الرسمي */
#page-invoices.p42 .p42-money, .p42-sheet .p42-money{ display:inline-flex; align-items:center; gap:4px; font-variant-numeric:tabular-nums; white-space:nowrap; font-weight:600; }
#page-invoices.p42 .p42-sar, .p42-sheet .p42-sar{ display:inline-flex; width:10px; height:11px; opacity:.75; }
#page-invoices.p42 .p42-sar svg, .p42-sheet .p42-sar svg{ width:10px; height:11px; }
#page-invoices.p42 .p42-money.is-b{ font-weight:700; }
#page-invoices.p42 .p42-money.is-pos, .p42-sheet .p42-money.is-pos{ color:var(--p42-pos); }
#page-invoices.p42 .p42-money.is-neg, .p42-sheet .p42-money.is-neg{ color:var(--p42-neg); }
#page-invoices.p42 .p42-money.is-warn, .p42-sheet .p42-money.is-warn{ color:var(--p42-amt); font-weight:700; }
#page-invoices.p42 .p42-money.is-hero{ font-size:26px; font-weight:800; color:var(--p30-teal); }
#page-invoices.p42 .p42-money.is-hero .p42-sar, #page-invoices.p42 .p42-money.is-hero .p42-sar svg{ width:13px; height:14px; }
#page-invoices.p42 .p42-hero{ display:flex; }

/* الشارات: نظام واحد (22 · r999 · 10.5 SemiBold · أدنى عرض 96) */
#page-invoices.p42 .p42-badge{ display:inline-flex; align-items:center; justify-content:center; min-width:96px; height:22px; padding:0 10px; border-radius:999px; font-size:10.5px; font-weight:600; white-space:nowrap; }
#page-invoices.p42 .p42-badge.is-ok{ color:var(--p42-ok); background:var(--p42-ok-bg); }
#page-invoices.p42 .p42-badge.is-warn{ color:var(--p42-warn); background:var(--p42-warn-bg); }
#page-invoices.p42 .p42-badge.is-bad{ color:var(--p42-bad); background:var(--p42-bad-bg); }
#page-invoices.p42 .p42-badge.is-draft{ color:var(--p42-draft); background:var(--p42-draft-bg); }

/* الأزرار */
#page-invoices.p42 .p42-btn, .p42-sheet .p42-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:46px; padding:0 18px; border-radius:12px; border:1px solid transparent; font:inherit; font-size:14px; font-weight:700; cursor:pointer; }
#page-invoices.p42 .p42-btn svg, .p42-sheet .p42-btn svg{ width:16px; height:16px; }
#page-invoices.p42 .p42-btn-pri, .p42-sheet .p42-btn-pri{ background:var(--p30-teal); color:#fff; }
#page-invoices.p42 .p42-btn-pri[aria-disabled="true"], .p42-sheet .p42-btn-pri[aria-disabled="true"]{ background:#94A3B8; cursor:not-allowed; }
#page-invoices.p42 .p42-btn-sec, .p42-sheet .p42-btn-sec{ background:var(--p30-card); color:var(--p30-navy); border-color:var(--p30-line); }
#page-invoices.p42 .p42-btn-ghost, .p42-sheet .p42-btn-ghost{ background:transparent; color:var(--p30-muted); }
#page-invoices.p42 .p42-btn-quick, .p42-sheet .p42-btn-quick{ min-height:44px; background:color-mix(in srgb, var(--p30-primary) 8%, var(--p30-card)); color:var(--p30-teal); font-size:13px; }
#page-invoices.p42 .p42-btn-dash{ min-height:44px; background:transparent; color:var(--p30-teal); border:1.5px dashed color-mix(in srgb, var(--p30-primary) 60%, transparent); }
#page-invoices.p42 .p42-btn-block, .p42-sheet .p42-btn-block{ width:100%; }
#page-invoices.p42 .p42-link, .p42-sheet .p42-link{ border:0; background:transparent; color:var(--p30-teal); font:inherit; font-size:12.5px; font-weight:700; cursor:pointer; padding:0 4px; min-height:32px; }

/* الحقول: التسمية داخل الصندوق أعلاه (Figma 53px) والحقل نفسه هدف لمس ≥44 */
#page-invoices.p42 .p42-f, .p42-sheet .p42-f{ position:relative; min-width:0; }
#page-invoices.p42 .p42-fl, .p42-sheet .p42-fl{ position:absolute; top:6px; inset-inline:12px; display:flex; gap:6px; align-items:baseline; font-size:10.5px; color:var(--p30-muted); pointer-events:none; line-height:16px; z-index:1; }
#page-invoices.p42 .p42-opt, .p42-sheet .p42-opt{ font-size:9.5px; opacity:.8; order:2; }
#page-invoices.p42 .p42-in, .p42-sheet .p42-in{ width:100%; min-height:53px; padding:22px 12px 6px; border:1px solid var(--p30-line); border-radius:12px; background:var(--p30-card); color:var(--p30-navy); font:inherit; font-size:14px; font-weight:600; line-height:24px; }
#page-invoices.p42 select.p42-in, .p42-sheet select.p42-in{ appearance:auto; }
#page-invoices.p42 .p42-in[aria-invalid="true"], .p42-sheet .p42-in[aria-invalid="true"]{ border-color:var(--p42-bad); }
#page-invoices.p42 .p42-in:focus, .p42-sheet .p42-in:focus{ border-color:var(--p30-teal); }
#page-invoices.p42 .p42-ta{ min-height:64px; resize:vertical; }
#page-invoices.p42 .p42-num, .p42-sheet .p42-num{ text-align:right; font-variant-numeric:tabular-nums; }
#page-invoices.p42 .p42-minw, .p42-sheet .p42-minw{ position:relative; display:block; }
#page-invoices.p42 .p42-minw .p42-in, .p42-sheet .p42-minw .p42-in{ padding-right:28px; }
#page-invoices.p42 .p42-sar-in, .p42-sheet .p42-sar-in{ position:absolute; right:12px; left:auto; bottom:12px; z-index:1; pointer-events:none; }
#page-invoices.p42 .p42-ferr, .p42-sheet .p42-ferr{ margin:4px 2px 0; font-size:11.5px; line-height:1.6; color:var(--p42-bad); font-weight:600; }
#page-invoices.p42 .p42-ferr::before, .p42-sheet .p42-ferr::before{ content:"⚠ "; }
#page-invoices.p42 .p42-static{ min-height:53px; padding:22px 12px 6px; border:1px solid var(--p30-line); border-radius:12px; font-size:14px; font-weight:600; background:color-mix(in srgb, var(--p30-line) 25%, var(--p30-card)); }
#page-invoices.p42 .p42-fl2, .p42-sheet .p42-fl2{ font-size:12px; color:var(--p30-muted); font-weight:600; }
#page-invoices.p42 .p42-supbox{ position:relative; }
#page-invoices.p42 .p42-pick{ text-align:right; cursor:pointer; padding-inline-end:110px; }
#page-invoices.p42 .p42-supbox .p42-link{ position:absolute; inset-inline-end:8px; bottom:6px; z-index:2; min-height:32px; }
#page-invoices.p42 .p42-ph{ color:var(--p30-muted); font-weight:500; }

/* التبديلات المجزأة */
#page-invoices.p42 .p42-seg, .p42-sheet .p42-seg{ display:flex; gap:4px; padding:4px; border-radius:12px; background:#E8EDF2; }
[data-theme="dark"] #page-invoices.p42 .p42-seg, [data-theme="dark"] .p42-sheet .p42-seg{ background:var(--p30-soft); }
#page-invoices.p42 .p42-sg, .p42-sheet .p42-sg{ flex:1 1 0; min-height:44px; border:0; border-radius:9px; background:transparent; color:#475569; font:inherit; font-size:12.5px; font-weight:600; cursor:pointer; padding:0 6px; }
[data-theme="dark"] #page-invoices.p42 .p42-sg, [data-theme="dark"] .p42-sheet .p42-sg{ color:var(--p30-muted); }
#page-invoices.p42 .p42-sg.is-on, .p42-sheet .p42-sg.is-on{ background:var(--p30-card); color:var(--p30-navy); box-shadow:0 1px 3px rgba(15,23,42,.12); font-weight:700; }

/* الرئيسية */
#page-invoices.p42 .p42-dest{ display:flex; flex-direction:column; gap:12px; }
#page-invoices.p42 .p42-destc, #page-invoices.p42 .p42-supc{ display:flex; align-items:center; gap:14px; width:100%; min-height:72px; padding:14px 16px; border:1px solid var(--p30-line); border-radius:16px; background:var(--p30-card); color:var(--p30-navy); font:inherit; text-align:right; cursor:pointer; }
#page-invoices.p42 .p42-dic{ flex:0 0 44px; width:44px; height:44px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; background:color-mix(in srgb, var(--p30-primary) 12%, var(--p30-card)); color:var(--p30-teal); }
#page-invoices.p42 .p42-dic svg{ width:20px; height:20px; }
#page-invoices.p42 .p42-dtx{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:2px; }
#page-invoices.p42 .p42-dtx b{ font-size:15px; font-weight:700; }
#page-invoices.p42 .p42-dtx small{ font-size:12px; color:var(--p30-muted); line-height:1.5; }
#page-invoices.p42 .p42-chev{ flex:0 0 auto; width:18px; height:18px; color:var(--p30-muted); }
@media (min-width:1100px){ #page-invoices.p42 .p42-dest{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); } }

/* المحرر */
#page-invoices.p42 .p42-editor{ display:flex; flex-direction:column; gap:14px; }
#page-invoices.p42 .p42-e-top{ display:grid; gap:14px; grid-template-columns:minmax(0,1fr); }
#page-invoices.p42 .p42-reader-t{ font-size:11.5px; }
#page-invoices.p42 .p42-docv{ display:flex; flex-direction:column; gap:8px; }
#page-invoices.p42 .p42-docv img, #page-invoices.p42 .p42-docv iframe{ width:100%; max-height:420px; object-fit:contain; border:1px solid var(--p30-line); border-radius:12px; background:#fff; }
#page-invoices.p42 .p42-docv iframe{ height:420px; }
#page-invoices.p42 .p42-hgrid{ display:grid; gap:10px; grid-template-columns:repeat(2, minmax(0,1fr)); }
#page-invoices.p42 .p42-hgrid .p42-f-sup, #page-invoices.p42 .p42-hgrid > .p42-f:nth-child(2){ grid-column:1 / -1; }
#page-invoices.p42 .p42-f-notes{ margin-top:10px; }
#page-invoices.p42 .p42-note{ font-size:11.5px; }
#page-invoices.p42 .p42-undo{ display:flex; align-items:center; gap:4px; font-size:12.5px; padding:8px 12px; border-radius:10px; background:var(--p42-warn-bg); color:var(--p42-warn); }

/* سطر المنتج — بطاقة على الجوال */
#page-invoices.p42 .p42-tbl{ display:flex; flex-direction:column; gap:12px; min-width:0; max-width:100%; }
#page-invoices.p42 .p42-thead{ display:none; }
#page-invoices.p42 .p42-line{ display:flex; flex-direction:column; gap:8px; padding:14px; border:1px solid var(--p30-line); border-radius:14px; background:var(--p30-card); }
#page-invoices.p42 .p42-r2{ display:grid; grid-template-columns:92px minmax(0,1fr); gap:8px; }
@media (max-width:699.98px){ #page-invoices.p42 .p42-r2 > .p42-c-qty{ order:-1; } }
#page-invoices.p42 .p42-r3{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; }
#page-invoices.p42 .p42-c{ min-width:0; }
#page-invoices.p42 .p42-c-tot, #page-invoices.p42 .p42-c-prof{ display:flex; flex-direction:column; gap:2px; }
#page-invoices.p42 .p42-kl{ font-size:10.5px; color:var(--p30-muted); display:inline-flex; align-items:center; gap:2px; }
#page-invoices.p42 .p42-mg{ display:block; font-size:10px; color:var(--p30-muted); font-weight:500; }
#page-invoices.p42 .p42-line{ position:relative; }
#page-invoices.p42 .p42-line > .p42-c-tot, #page-invoices.p42 .p42-line > .p42-c-prof{ border-top:1px solid var(--p30-line); padding-top:8px; }
@media (max-width:699.98px){
  #page-invoices.p42 .p42-line{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:"name name" "exp exp" "r2 r2" "r3 r3" "tot prof" "act act" "disc disc" "det det"; column-gap:8px; row-gap:8px; }
  #page-invoices.p42 .p42-c-name{ grid-area:name; } #page-invoices.p42 .p42-c-exp{ grid-area:exp; } #page-invoices.p42 .p42-r2{ grid-area:r2; } #page-invoices.p42 .p42-r3{ grid-area:r3; }
  #page-invoices.p42 .p42-c-tot{ grid-area:tot; } #page-invoices.p42 .p42-c-prof{ grid-area:prof; } #page-invoices.p42 .p42-c-act{ grid-area:act; } #page-invoices.p42 .p42-c-disc{ grid-area:disc; } #page-invoices.p42 .p42-c-det{ grid-area:det; }
}
#page-invoices.p42 .p42-c-act{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
#page-invoices.p42 .p42-icb{ width:44px; height:44px; min-width:44px; border:0; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; background:transparent; cursor:pointer; padding:0; }
#page-invoices.p42 .p42-icb svg{ width:18px; height:18px; }
#page-invoices.p42 .p42-icb-del{ color:var(--p42-bad); }
#page-invoices.p42 .p42-icb-disc{ color:var(--p30-teal); }
#page-invoices.p42 .p42-icb-disc.is-on{ background:color-mix(in srgb, var(--p30-primary) 12%, var(--p30-card)); }
#page-invoices.p42 .p42-det{ min-height:44px; display:inline-flex; align-items:center; gap:8px; padding:0 12px; border:0; border-radius:10px; background:transparent; color:var(--p30-teal); font:inherit; font-size:12px; font-weight:600; cursor:pointer; }
#page-invoices.p42 .p42-det[aria-expanded="true"]{ background:color-mix(in srgb, var(--p30-primary) 10%, var(--p30-card)); }
#page-invoices.p42 .p42-det svg{ width:16px; height:16px; }
#page-invoices.p42 .p42-c-act .p42-det{ margin-inline-end:auto; }
#page-invoices.p42 .p42-c-det{ background:color-mix(in srgb, var(--p30-line) 22%, var(--p30-card)); border-radius:10px; padding:10px 12px; display:grid; gap:10px; }
#page-invoices.p42 .p42-dg{ display:flex; flex-direction:column; gap:4px; min-width:0; }
#page-invoices.p42 .p42-dgt{ font-size:12px; font-weight:700; color:var(--p30-navy); }
#page-invoices.p42 .p42-kv, .p42-sheet .p42-kv{ display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:24px; font-size:13px; }
#page-invoices.p42 .p42-kv .p42-kl, .p42-sheet .p42-kv .p42-kl{ font-size:12.5px; color:var(--p30-navy); }
#page-invoices.p42 .p42-kv.is-muted .p42-kl, #page-invoices.p42 .p42-kv.is-muted .p42-money{ color:var(--p30-muted); font-weight:500; font-size:12px; }
#page-invoices.p42 .p42-kv.is-strong .p42-kl, .p42-sheet .p42-kv.is-strong .p42-kl{ font-weight:700; }
#page-invoices.p42 .p42-kv.is-b .p42-kl{ font-weight:700; }
#page-invoices.p42 .p42-kv.is-hero-row .p42-kl{ font-size:15px; font-weight:800; }
#page-invoices.p42 .p42-kvv{ min-width:0; text-align:left; }
#page-invoices.p42 .p42-chip{ display:inline-flex; align-items:center; height:20px; padding:0 8px; border-radius:999px; font-size:10.5px; font-weight:600; background:var(--p42-draft-bg); color:var(--p42-draft); white-space:nowrap; }
#page-invoices.p42 .p42-chip.is-up{ background:var(--p42-warn-bg); color:var(--p42-warn); }
#page-invoices.p42 .p42-chip.is-down{ background:var(--p42-ok-bg); color:var(--p42-ok); }
#page-invoices.p42 .p42-chipw:empty{ display:none; }
#page-invoices.p42 .p42-chipw{ display:block; margin-top:4px; }
#page-invoices.p42 .p42-chip-s{ display:inline-flex; align-items:center; gap:2px; margin-top:4px; font-size:10.5px; color:var(--p30-teal); }
#page-invoices.p42 .p42-x{ width:32px; height:32px; min-width:32px; border:0; background:transparent; color:var(--p30-muted); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; border-radius:8px; padding:0; }
#page-invoices.p42 .p42-x svg{ width:14px; height:14px; }
#page-invoices.p42 .p42-x-s{ width:24px; height:24px; min-width:24px; }
#page-invoices.p42 .p42-expw, #page-invoices.p42 .p42-bcw{ position:relative; display:block; }
#page-invoices.p42 .p42-expw .p42-x{ position:absolute; inset-inline-end:36px; bottom:10px; z-index:2; }
#page-invoices.p42 .p42-bcw .p42-in{ padding-left:52px; }
#page-invoices.p42 .p42-bcgen{ position:absolute; inset-inline-end:4px; bottom:4px; width:44px; height:44px; border:0; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; z-index:2;
  background:color-mix(in srgb, var(--p30-primary) 14%, var(--p30-card)); color:var(--p30-teal); padding:0; }
#page-invoices.p42 .p42-bcgen.is-has{ background:transparent; color:var(--p30-muted); }
#page-invoices.p42 .p42-bcgen svg{ width:16px; height:16px; }
#page-invoices.p42 .p42-bcask{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-top:4px; font-size:10.5px; }
#page-invoices.p42 .p42-acw{ position:relative; }
#page-invoices.p42 .p42-sug{ position:absolute; inset-inline:0; top:calc(100% + 4px); z-index:20; display:flex; flex-direction:column; background:var(--p30-card); border:1px solid var(--p30-line); border-radius:12px; box-shadow:0 8px 24px rgba(15,23,42,.14); max-height:280px; overflow:auto; }
#page-invoices.p42 .p42-sopt{ display:flex; justify-content:space-between; gap:8px; min-height:44px; padding:8px 12px; border:0; background:transparent; font:inherit; text-align:right; cursor:pointer; color:var(--p30-navy); }
#page-invoices.p42 .p42-sopt:hover, #page-invoices.p42 .p42-sopt:focus-visible{ background:color-mix(in srgb, var(--p30-primary) 8%, var(--p30-card)); }
#page-invoices.p42 .p42-sopt small{ color:var(--p30-muted); }
#page-invoices.p42 .p42-disc{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
#page-invoices.p42 .p42-disc .p42-in{ width:96px; min-height:44px; padding:8px 10px; }
#page-invoices.p42 .p42-seg-s{ flex:1 1 168px; max-width:220px; }
#page-invoices.p42 .p42-disc .p42-ferr{ flex-basis:100%; }

/* الإضافات والخصومات والإجمالي والسداد */
#page-invoices.p42 .p42-qa{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; }
#page-invoices.p42 .p42-adjrows{ display:flex; flex-direction:column; gap:8px; }
#page-invoices.p42 .p42-adjrow{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,1.2fr) 44px; gap:6px; align-items:start; }
#page-invoices.p42 .p42-adjrow .p42-icb{ margin-top:4px; }
#page-invoices.p42 .p42-tog{ display:flex; align-items:center; gap:12px; min-height:44px; cursor:pointer; font-size:13.5px; font-weight:700; color:var(--p30-navy); }
#page-invoices.p42 .p42-tog input{ position:absolute; opacity:0; width:44px; height:24px; margin:0; }
#page-invoices.p42 .p42-tk{ position:relative; flex:0 0 44px; width:44px; height:24px; border-radius:999px; background:#CBD5E1; transition:background .15s; }
#page-invoices.p42 .p42-tk::after{ content:""; position:absolute; top:2px; right:2px; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.2); transition:right .15s; }
#page-invoices.p42 .p42-tog input:checked + .p42-tk{ background:var(--p30-teal); }
#page-invoices.p42 .p42-tog input:checked + .p42-tk::after{ right:22px; }
#page-invoices.p42 .p42-tog input:focus-visible + .p42-tk{ outline:2px solid var(--p30-primary); outline-offset:2px; }
#page-invoices.p42 .p42-tot [data-o="totals"], #page-invoices.p42 .p42-pay [data-o="pay"]{ display:flex; flex-direction:column; gap:8px; }

/* شريط الحفظ: فوق شريط التنقل السفلي على الجوال */
#page-invoices.p42 .p42-sticky{ position:sticky; bottom:calc(var(--bottom-nav-height, 66px) + env(safe-area-inset-bottom, 0px)); z-index:15; background:var(--p30-card); border:1px solid var(--p30-line); border-radius:16px; padding:12px 14px; display:flex; flex-direction:column; gap:6px; box-shadow:0 -6px 20px rgba(15,23,42,.08); }
#page-invoices.p42 .p42-actions{ display:grid; grid-template-columns:repeat(auto-fit, minmax(0,1fr)); gap:10px; }
@media (min-width:768px){ #page-invoices.p42 .p42-sticky{ bottom:0; } }

/* القوائم والتفاصيل */
#page-invoices.p42 .p42-filt{ gap:10px; }
#page-invoices.p42 .p42-chips{ display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-start; }
#page-invoices.p42 .p42-fchip{ min-height:44px; padding:0 16px; border-radius:999px; border:1px solid var(--p30-line); background:var(--p30-card); color:var(--p30-navy); font:inherit; font-size:12.5px; font-weight:600; cursor:pointer; }
#page-invoices.p42 .p42-fchip.is-on{ background:var(--p30-teal); border-color:var(--p30-teal); color:#fff; }
#page-invoices.p42 .p42-list{ display:flex; flex-direction:column; gap:10px; }
#page-invoices.p42 .p42-ic{ display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:72px; padding:14px 16px; border:1px solid var(--p30-line); border-radius:16px; background:var(--p30-card); color:var(--p30-navy); font:inherit; text-align:right; cursor:pointer; }
#page-invoices.p42 .p42-ic-r{ display:flex; flex-direction:column; gap:4px; min-width:0; }
#page-invoices.p42 .p42-ic-r b{ font-size:15px; overflow-wrap:anywhere; }
#page-invoices.p42 .p42-ic-r small{ font-size:11.5px; color:var(--p30-muted); overflow-wrap:anywhere; }
#page-invoices.p42 .p42-ic-l{ display:flex; flex-direction:column; align-items:flex-end; gap:6px; flex:0 0 auto; }
#page-invoices.p42 .p42-draftl{ font-size:12px; font-weight:700; color:var(--p30-teal); }
#page-invoices.p42 .p42-sumh{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
#page-invoices.p42 .p42-plist{ display:flex; flex-direction:column; }
#page-invoices.p42 .p42-prow{ display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid var(--p30-line); }
#page-invoices.p42 .p42-prow:last-child{ border-bottom:0; }
#page-invoices.p42 .p42-prow > div{ display:flex; flex-direction:column; gap:2px; min-width:0; }
#page-invoices.p42 .p42-prow b{ font-size:13.5px; overflow-wrap:anywhere; }
#page-invoices.p42 .p42-prow small{ font-size:11px; color:var(--p30-muted); }
#page-invoices.p42 .p42-prow-l{ align-items:flex-end; flex:0 0 auto; text-align:left; }
#page-invoices.p42 .p42-clip{ display:inline-block; max-width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:bottom; }
#page-invoices.p42 .p42-ok{ color:var(--p42-ok); font-weight:700; }
#page-invoices.p42 .p42-logh{ display:flex; align-items:center; gap:8px; width:100%; min-height:44px; border:0; background:transparent; font:inherit; color:var(--p30-navy); cursor:pointer; padding:0; text-align:right; }
#page-invoices.p42 .p42-logh b{ flex:1 1 auto; font-size:14px; }
#page-invoices.p42 .p42-logh svg{ width:16px; height:16px; transition:transform .15s; }
#page-invoices.p42 .p42-logh[aria-expanded="true"] svg{ transform:rotate(-90deg); }
#page-invoices.p42 .p42-logr{ display:flex; flex-direction:column; gap:2px; padding:8px 0; border-top:1px solid var(--p30-line); font-size:12.5px; }
#page-invoices.p42 .p42-logr small{ font-size:11px; }
#page-invoices.p42 .p42-detail{ display:grid; gap:14px; grid-template-columns:minmax(0,1fr); }
#page-invoices.p42 .p42-d-main, #page-invoices.p42 .p42-d-side{ display:flex; flex-direction:column; gap:14px; min-width:0; }
#page-invoices.p42 .p42-debthero{ background:var(--p42-warn-bg); border-color:transparent; }
#page-invoices.p42 .p42-debthero .p42-kl{ color:var(--p42-warn); }
#page-invoices.p42 .p42-debti{ display:flex; flex-direction:column; gap:6px; padding:12px 0; border-top:1px solid var(--p30-line); }
#page-invoices.p42 .p42-debti-h{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
#page-invoices.p42 .p42-debti-h > div{ display:flex; flex-direction:column; }
#page-invoices.p42 .p42-debti-h small{ font-size:11px; color:var(--p30-muted); }
#page-invoices.p42 .p42-range{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; }
#page-invoices.p42 .p42-maprows{ display:flex; flex-direction:column; gap:8px; }
#page-invoices.p42 .p42-maprow{ display:grid; grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr); gap:8px; align-items:center; }
#page-invoices.p42 .p42-mapl{ font-size:13px; font-weight:600; }
#page-invoices.p42 .p42-maprow .p42-in{ min-height:44px; padding:8px 12px; }

/* الأوراق */
.p42-sheet .p42-suplist{ display:flex; flex-direction:column; gap:6px; max-height:52vh; overflow:auto; margin-top:10px; }
.p42-sheet .p42-supopt, .p42-sheet .p42-src{ display:flex; flex-direction:column; align-items:flex-start; gap:2px; width:100%; min-height:56px; padding:10px 14px; border:1px solid var(--p30-line, #E2E8F0); border-radius:12px; background:var(--p30-card, #fff); color:inherit; font:inherit; text-align:right; cursor:pointer; position:relative; }
.p42-sheet .p42-src.is-on{ border-color:var(--p30-teal); background:color-mix(in srgb, var(--p30-primary) 8%, var(--p30-card)); }
.p42-sheet .p42-src svg{ position:absolute; inset-inline-end:14px; top:50%; transform:translateY(-50%); width:16px; height:16px; }
.p42-sheet .p42-src small, .p42-sheet .p42-supopt small{ font-size:11.5px; color:var(--p30-muted, #64748B); }
.p42-sheet .p42-file{ position:absolute; inset:0; opacity:0; cursor:pointer; width:100%; height:100%; }
.p42-sheet .p42-empty{ display:flex; flex-direction:column; align-items:center; gap:4px; padding:24px 8px; text-align:center; }
.p42-sheet .p42-empty small{ color:var(--p30-muted, #64748B); }
.p42-sheet .mdl-body{ display:flex; flex-direction:column; gap:10px; }
.p42-sheet .mdl-foot{ display:flex; flex-direction:column; gap:8px; }
.p42-sheet .p42-info-p{ font-size:14px; line-height:1.8; }

/* ≥700: جدول. 700–1099 بعمودين مثبّتين وتمرير أفقي داخل الجدول فقط (Figma Tablet frozen columns) */
@media (min-width:700px){
  #page-invoices.p42 .p42-hgrid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  #page-invoices.p42 .p42-tbl{ --p42-cols:150px 150px 164px 64px 108px 108px 104px 104px 168px; display:grid; grid-template-columns:var(--p42-cols); gap:0; overflow-x:auto; contain:paint; border:1px solid var(--p30-line); border-radius:12px; }
  #page-invoices.p42 .p42-thead, #page-invoices.p42 .p42-line{ display:contents; }
  #page-invoices.p42 .p42-thead > span{ display:flex; align-items:center; gap:2px; padding:8px; font-size:11px; font-weight:600; color:var(--p30-muted); background:color-mix(in srgb, var(--p30-line) 30%, var(--p30-card)); border-bottom:1px solid var(--p30-line); white-space:nowrap; }
  #page-invoices.p42 .p42-r2, #page-invoices.p42 .p42-r3{ display:contents; }
  #page-invoices.p42 .p42-line > .p42-c, #page-invoices.p42 .p42-r2 > .p42-c, #page-invoices.p42 .p42-r3 > .p42-c{ padding:6px; border-bottom:1px solid var(--p30-line); background:var(--p30-card); min-width:0; }
  #page-invoices.p42 .p42-line > .p42-c-tot, #page-invoices.p42 .p42-line > .p42-c-prof{ border-top:0; padding-top:6px; justify-content:center; }
  #page-invoices.p42 .p42-line .p42-fl{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
  #page-invoices.p42 .p42-line .p42-in{ min-height:44px; padding:8px 10px; font-size:13px; }
  #page-invoices.p42 .p42-line .p42-minw .p42-in{ padding-right:26px; }
  #page-invoices.p42 .p42-line .p42-sar-in{ bottom:16px; }
  #page-invoices.p42 .p42-line .p42-bcw .p42-in{ padding-left:48px; }
  #page-invoices.p42 .p42-line .p42-bcgen{ bottom:0; inset-inline-end:0; }
  #page-invoices.p42 .p42-line .p42-expw .p42-x{ bottom:6px; inset-inline-end:30px; }
  #page-invoices.p42 .p42-line .p42-c-tot .p42-kl, #page-invoices.p42 .p42-line .p42-c-prof .p42-kl{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
  #page-invoices.p42 .p42-c-act{ justify-content:flex-start; gap:2px; }
  #page-invoices.p42 .p42-c-act .p42-det{ margin-inline-end:0; padding:0 8px; }
  #page-invoices.p42 .p42-c-disc, #page-invoices.p42 .p42-c-det{ grid-column:1 / -1; border-radius:0; }
  #page-invoices.p42 .p42-c-det{ grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); }
  /* الأعمدة المثبّتة: اسم المنتج (بداية RTL) والإجراءات (نهاية RTL) */
  #page-invoices.p42 .p42-thead > span:first-child, #page-invoices.p42 .p42-line > .p42-c-name{ position:sticky; inset-inline-start:0; z-index:3; box-shadow:-1px 0 0 var(--p30-line); }
  #page-invoices.p42 .p42-thead > span:nth-child(9), #page-invoices.p42 .p42-line > .p42-c-act{ position:sticky; inset-inline-end:0; z-index:3; box-shadow:1px 0 0 var(--p30-line); }
  #page-invoices.p42 .p42-thead > span:first-child, #page-invoices.p42 .p42-thead > span:nth-child(9){ z-index:4; }
  #page-invoices.p42 .p42-line > .p42-c-disc, #page-invoices.p42 .p42-line > .p42-c-det{ position:sticky; inset-inline-start:0; }
  #page-invoices.p42 .p42-e-bottom{ display:grid; gap:14px; grid-template-columns:repeat(2, minmax(0,1fr)); }
  #page-invoices.p42 .p42-e-bottom > .p42-adj{ grid-column:1 / -1; }
  #page-invoices.p42 .p42-actions{ display:flex; justify-content:flex-start; }
  #page-invoices.p42 .p42-actions .p42-btn{ min-width:150px; }
  #page-invoices.p42 .p42-sticky{ flex-direction:row-reverse; align-items:center; justify-content:space-between; }
}
/* ≥1100: تكوين سطح المكتب — الجدول كاملًا بلا تمرير، والعمود المثبت يعود عاديًا */
@media (min-width:1100px){
  #page-invoices.p42 .p42-e-top{ grid-template-columns:minmax(0,1fr) 330px; grid-template-areas:"hdr reader" "hdr basis"; align-items:start; }
  #page-invoices.p42 .p42-e-top > .p42-reader{ grid-area:reader; } #page-invoices.p42 .p42-e-top > .p42-hdr{ grid-area:hdr; } #page-invoices.p42 .p42-e-top > .p42-basis{ grid-area:basis; }
  #page-invoices.p42 .p42-hgrid{ grid-template-columns:minmax(0,1fr) 160px 150px 150px; }
  #page-invoices.p42 .p42-hgrid .p42-f-sup, #page-invoices.p42 .p42-hgrid > .p42-f:nth-child(2){ grid-column:auto; }
  #page-invoices.p42 .p42-tbl{ --p42-cols:minmax(120px,1fr) 150px 164px 56px 96px 96px 96px 96px 188px; }
  #page-invoices.p42 .p42-e-bottom{ grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr); align-items:start; }
  #page-invoices.p42 .p42-e-bottom > .p42-adj{ grid-column:auto; }
  #page-invoices.p42 .p42-detail{ grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); align-items:start; }
  #page-invoices.p42 .p42-detail > .p42-log{ grid-column:1 / -1; }
}

@media (min-width:700px) and (max-width:1099.98px){ #page-invoices.p42 .p42-c-act .p42-det{ padding:0 4px; gap:4px; font-size:11px; } #page-invoices.p42 .p42-c-act .p42-icb{ width:40px; min-width:40px; } }

/* Page42 date field → shared «Picker / Date» (window.wdPickDate); the button is the whole field (≥44px) */
#page-invoices.p42 .p42-dbox{ position:relative; display:block; }
#page-invoices.p42 .p42-dpick{ display:flex; align-items:center; gap:8px; width:100%; min-height:53px; padding:22px 12px 6px; border:1px solid var(--p30-line); border-radius:12px; background:var(--p30-card); color:var(--p30-navy); font:inherit; text-align:right; cursor:pointer; }
#page-invoices.p42 .p42-dpick[aria-invalid="true"]{ border-color:var(--p42-bad); }
#page-invoices.p42 .p42-dv{ flex:1 1 auto; min-width:0; font-size:14px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-variant-numeric:tabular-nums; }
#page-invoices.p42 .p42-dcal{ flex:0 0 16px; width:16px; height:16px; color:var(--p30-muted); }
#page-invoices.p42 .p42-dbox:has(.p42-dclr) .p42-dpick{ padding-left:64px; }
#page-invoices.p42 .p42-dclr{ position:absolute; left:32px; bottom:10px; z-index:2; }
@media (min-width:700px){ #page-invoices.p42 .p42-line .p42-dpick{ min-height:44px; padding:8px 8px; gap:4px; } #page-invoices.p42 .p42-line .p42-dv{ font-size:12.5px; }
  #page-invoices.p42 .p42-line .p42-dbox:has(.p42-dclr) .p42-dpick{ padding-left:52px; } #page-invoices.p42 .p42-line .p42-dclr{ left:26px; bottom:6px; width:24px; min-width:24px; height:32px; } }

/* ===================== Page43 — التزامات الفرع (Figma 1611:10) ===================== */
#page-commitments.p43{ --p43-ink:#081F2E; --p43-muted:#475569; --p43-brand:#0D6E6A; --p43-line:#E6ECF2; --p43-card:#FFFFFF; --p43-soft:#F8FAFC; --p43-tint:#EEF6F5; --p43-tint-b:#CFE5E2;
  --p43-ok:#0B662F; --p43-ok-bg:#DCF3E8; --p43-warn:#865105; --p43-warn-bg:#FDF1D6; --p43-warn-b:#C77F17; --p43-neg:#B91C1C; --p43-neg-bg:#FCE8EB; --p43-neutral-bg:#EEF2F6;
  --p43-track:#E2E8F0; --p43-fill:#C77F17; --p43-seg:#E9EEF3; color:var(--p43-ink); }
[data-theme="dark"] #page-commitments.p43{ --p43-ink:#E6EEF3; --p43-muted:#9AA8B5; --p43-brand:#5EEAD4; --p43-line:rgba(255,255,255,.10); --p43-card:#13212B; --p43-soft:#18293A; --p43-tint:#0E2F2D; --p43-tint-b:#1F4B47;
  --p43-ok:#6EE7B7; --p43-ok-bg:#064E3B; --p43-warn:#FCD34D; --p43-warn-bg:#422006; --p43-warn-b:#B45309; --p43-neg:#FCA5A5; --p43-neg-bg:#4C1D1D; --p43-neutral-bg:#1E293B;
  --p43-track:#243447; --p43-fill:#F59E0B; --p43-seg:#1B2A38; }
#page-commitments.p43 .p43-root{ max-width:1160px; margin:0 auto; padding:14px 16px 24px; box-sizing:border-box; min-width:0; }
#page-commitments.p43 *{ box-sizing:border-box; }
#page-commitments.p43 .p43-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 0 14px; min-width:0; }
#page-commitments.p43 .p43-head-sub{ justify-content:flex-start; }
#page-commitments.p43 .p43-titles{ min-width:0; flex:1 1 auto; }
#page-commitments.p43 .p43-title{ font-size:20px; line-height:30px; font-weight:700; margin:0; color:var(--p43-ink); outline:none; }
#page-commitments.p43 .p43-sub{ font-size:12px; line-height:18px; font-weight:500; color:var(--p43-muted); margin:0; overflow-wrap:anywhere; }
#page-commitments.p43 .p43-crumb{ font-size:12px; color:var(--p43-muted); margin:2px 0 0; }
#page-commitments.p43 .p43-back{ width:44px; height:44px; min-width:44px; border-radius:12px; border:0; background:var(--p43-track); color:var(--p43-ink); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; }
#page-commitments.p43 .p43-back svg{ width:18px; height:18px; }
#page-commitments.p43 .p43-hacts{ display:flex; gap:10px; flex:0 0 auto; }
#page-commitments.p43 .p43-hacts .p43-btn{ min-width:148px; }
#page-commitments.p43 .p43-body{ display:flex; flex-direction:column; gap:12px; min-width:0; }
#page-commitments.p43 .p43-card{ background:var(--p43-card); border:1px solid var(--p43-line); border-radius:16px; padding:4px 14px 8px; min-width:0; }
#page-commitments.p43 .p43-ch{ display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px; }
#page-commitments.p43 .p43-ch h2, #page-commitments.p43 .p43-h2{ font-size:15px; line-height:23px; font-weight:700; margin:0; color:var(--p43-ink); }
#page-commitments.p43 .p43-h2{ padding-top:10px; margin-bottom:10px; }
#page-commitments.p43 .p43-ch h3{ font-size:13px; font-weight:600; margin:0; color:var(--p43-ink); }
#page-commitments.p43 .p43-link{ min-height:44px; padding:0 4px; border:0; background:none; color:var(--p43-brand); font:inherit; font-size:13px; font-weight:600; cursor:pointer; white-space:nowrap; }
#page-commitments.p43 .p43-kv{ display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:44px; }
#page-commitments.p43 .p43-kl{ display:inline-flex; align-items:center; gap:0; color:var(--p43-muted); font-size:12.5px; font-weight:500; min-width:0; }
#page-commitments.p43 .p43-kl b{ color:var(--p43-ink); font-weight:600; font-size:13px; }
#page-commitments.p43 .p43-kvv{ display:inline-flex; align-items:center; gap:8px; flex:0 0 auto; }
#page-commitments.p43 .p43-kv-rem{ min-height:46px; }
#page-commitments.p43 .p43-hr{ border:0; border-top:1px solid var(--p43-line); margin:0; }
#page-commitments.p43 .p43-info{ width:44px; height:44px; border-radius:22px; border:0; background:none; color:var(--p43-muted); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; flex:0 0 auto; }
#page-commitments.p43 .p43-info svg{ width:16px; height:16px; }
#page-commitments.p43 .p43-info:hover{ background:#E6FFFB; color:var(--p43-brand); }
#page-commitments.p43 :focus-visible{ outline:2px solid #14B8A6; outline-offset:2px; border-radius:8px; }
/* المال: الرقم LTR ثم الرمز الرسمي بارتفاع 0.6× الخط — بلا «ر.س» */
#page-commitments.p43 .p43-money{ display:inline-flex; align-items:center; gap:5px; direction:ltr; font-weight:700; font-size:13.5px; color:var(--p43-ink); white-space:nowrap; font-variant-numeric:tabular-nums; }
#page-commitments.p43 .p43-money .p43-sar{ display:inline-flex; color:var(--p43-muted); }
#page-commitments.p43 .p43-money .p43-sar svg{ height:.6em; width:auto; }
#page-commitments.p43 .p43-pct{ direction:ltr; font-weight:700; font-size:13.5px; white-space:nowrap; font-variant-numeric:tabular-nums; }
#page-commitments.p43 .p43-blank{ min-width:1px; min-height:1px; }
#page-commitments.p43 .p43-big{ font-size:16px; }
#page-commitments.p43 .is-neg{ color:var(--p43-neg)!important; }
#page-commitments.p43 .is-pos{ color:var(--p43-ok)!important; }
#page-commitments.p43 .is-brand{ color:var(--p43-brand)!important; }
#page-commitments.p43 .is-warn{ color:var(--p43-warn)!important; }
#page-commitments.p43 .p43-cap{ font-size:12px; line-height:18px; color:var(--p43-muted); margin:0 0 6px; }
#page-commitments.p43 .p43-cap.is-neg{ font-weight:500; }
#page-commitments.p43 .p43-muted{ color:var(--p43-muted); font-size:12.5px; font-weight:500; }
#page-commitments.p43 .p43-date{ direction:ltr; unicode-bidi:isolate; font-weight:500; font-size:12.5px; color:var(--p43-ink); white-space:nowrap; }
#page-commitments.p43 .is-late .p43-date{ color:var(--p43-neg); } #page-commitments.p43 .is-near .p43-date{ color:var(--p43-warn); }
/* الشريط: العرض من القيمة نفسها (مقصوص 0..100) */
#page-commitments.p43 .p43-bar{ height:8px; border-radius:999px; background:var(--p43-track); overflow:hidden; margin:0 0 6px; }
#page-commitments.p43 .p43-bar-s{ height:6px; margin-top:6px; }
#page-commitments.p43 .p43-bar-fill{ display:block; height:100%; border-radius:999px; background:var(--p43-fill); }
#page-commitments.p43 .p43-badge{ display:inline-flex; align-items:center; justify-content:center; min-width:80px; height:26px; padding:0 10px; border-radius:999px; font-size:12px; font-weight:600; white-space:nowrap; }
#page-commitments.p43 .p43-badge.is-ok{ background:var(--p43-ok-bg); color:var(--p43-ok)!important; }
#page-commitments.p43 .p43-badge.is-warn{ background:var(--p43-warn-bg); color:var(--p43-warn)!important; }
#page-commitments.p43 .p43-badge.is-neutral{ background:var(--p43-neutral-bg); color:var(--p43-muted); }
#page-commitments.p43 .p43-btn{ min-height:44px; padding:0 16px; border-radius:12px; font:inherit; font-size:13px; font-weight:600; cursor:pointer; white-space:nowrap; border:1px solid var(--p43-line); background:var(--p43-card); color:var(--p43-ink); }
#page-commitments.p43 .p43-btn-pri, .p43-sheet .p43-btn-pri{ background:#0D6E6A; border-color:#0D6E6A; color:#fff; }
#page-commitments.p43 .p43-btn-warn, .p43-sheet .p43-btn-warn{ background:var(--p43-warn-bg,#FDF1D6); border-color:#C77F17; color:var(--p43-warn,#865105); }
#page-commitments.p43 .p43-btn-danger, .p43-sheet .p43-btn-danger{ background:var(--p43-neg-bg,#FCE8EB); border-color:#BA1C1C; color:#BA1C1C; }
#page-commitments.p43 .p43-btn[aria-disabled="true"], .p43-sheet .p43-btn[aria-disabled="true"]{ background:#E9EEF3; border-color:#E9EEF3; color:#64748B; cursor:not-allowed; }
#page-commitments.p43 .p43-btn-block{ width:100%; min-height:48px; }
#page-commitments.p43 .p43-hbtn{ min-height:44px; padding:0 12px; font-size:12.5px; }
#page-commitments.p43 .p43-actions{ display:flex; gap:10px; }
#page-commitments.p43 .p43-actions .p43-btn{ flex:1 1 0; }
#page-commitments.p43 .p43-actions-col{ flex-direction:column; }
#page-commitments.p43 .p43-note{ padding:12px 14px; font-weight:600; font-size:13px; border-radius:12px; }
#page-commitments.p43 .p43-notice{ background:var(--p43-tint); border:1px solid var(--p43-tint-b); border-radius:12px; padding:12px; display:flex; flex-direction:column; gap:10px; margin:6px 0; }
#page-commitments.p43 .p43-notice p{ margin:0; font-weight:600; font-size:13px; }
#page-commitments.p43 .p43-empty{ text-align:center; padding:24px 20px 20px; display:flex; flex-direction:column; align-items:center; gap:6px; }
#page-commitments.p43 .p43-empty h2{ font-size:17px; margin:6px 0 0; } #page-commitments.p43 .p43-empty p{ font-size:13px; color:var(--p43-muted); margin:0 0 8px; }
#page-commitments.p43 .p43-empty-ic{ width:56px; height:56px; border-radius:28px; background:var(--p43-tint); color:var(--p43-brand); display:inline-flex; align-items:center; justify-content:center; }
#page-commitments.p43 .p43-state{ padding:14px; display:flex; flex-direction:column; gap:10px; }
#page-commitments.p43 .p43-state-t{ font-size:17px; margin:0; } #page-commitments.p43 .p43-state-d{ font-size:12.5px; margin:0; color:var(--p43-muted); }
#page-commitments.p43 .p43-fail{ background:#FDF2F3; border-color:#F1C4C9; padding:14px; } [data-theme="dark"] #page-commitments.p43 .p43-fail{ background:#3A1A1E; border-color:#6B2A31; }
#page-commitments.p43 .p43-fail b{ font-size:15px; } #page-commitments.p43 .p43-fail p{ margin:4px 0 0; font-size:13px; color:var(--p43-muted); }
#page-commitments.p43 .p43-due{ padding:10px 0; display:flex; flex-direction:column; gap:2px; }
#page-commitments.p43 .p43-due-l{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
#page-commitments.p43 .p43-due-l b{ font-size:13.5px; font-weight:600; }
#page-commitments.p43 .p43-due-d span:first-child{ font-size:12px; color:var(--p43-muted); }
/* قائمة الجوال */
#page-commitments.p43 .p43-segs{ display:flex; gap:4px; height:48px; padding:2px; border-radius:12px; background:var(--p43-seg); }
#page-commitments.p43 .p43-segb{ flex:1 1 0; min-height:44px; border:0; border-radius:10px; background:none; color:var(--p43-muted); font:inherit; font-size:13px; font-weight:500; cursor:pointer; }
#page-commitments.p43 .p43-segb.is-on{ background:var(--p43-card); color:var(--p43-ink); font-weight:600; box-shadow:0 1px 3px rgba(8,31,46,.10); }
#page-commitments.p43 .p43-list{ display:flex; flex-direction:column; gap:12px; }
#page-commitments.p43 .p43-ccard{ display:flex; flex-direction:column; align-items:stretch; text-align:right; width:100%; font:inherit; color:inherit; cursor:pointer; padding:12px 14px 6px; }
#page-commitments.p43 .p43-ctop{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
#page-commitments.p43 .p43-ctop b{ font-size:15px; overflow-wrap:anywhere; }
#page-commitments.p43 .p43-ctype{ font-size:12.5px; color:var(--p43-muted); margin-bottom:8px; }
#page-commitments.p43 .p43-crange, #page-commitments.p43 .p43-range{ display:block; font-size:12px; color:var(--p43-muted); }
#page-commitments.p43 .p43-crange{ margin:-6px 0 8px; }
#page-commitments.p43 .p43-ccard .p43-kv{ min-height:36px; }
/* R1: البطاقة حاوية؛ الجزء الرئيسي زر فتح، وزر السداد الشهري مستقل تحته */
#page-commitments.p43 .p43-cmain{ display:flex; flex-direction:column; align-items:stretch; text-align:right; width:100%; padding:0; margin:0; border:0; background:none; font:inherit; color:inherit; cursor:pointer; }
#page-commitments.p43 .p43-cmain:focus-visible, #page-commitments.p43 .p43-pay:focus-visible{ outline:2px solid var(--p43-brand); outline-offset:2px; border-radius:8px; }
#page-commitments.p43 .p43-cpay{ display:flex; justify-content:flex-start; border-top:1px solid var(--p43-line); margin-top:2px; }
#page-commitments.p43 .p43-pay[aria-disabled="true"]{ color:var(--p43-muted); cursor:progress; }
#page-commitments.p43 .p43-delnote{ margin-top:2px; }
#page-commitments.p43 .p43-tst .p43-pay{ display:block; min-height:36px; padding:0; font-size:12px; line-height:16px; white-space:normal; text-align:right; }
#page-commitments.p43 .p43-sticky{ position:sticky; bottom:calc(var(--bottom-nav-height,66px) + env(safe-area-inset-bottom,0px)); background:var(--p43-card); border-top:1px solid var(--p43-line); padding:12px 0 8px; z-index:5; }
/* نموذج */
#page-commitments.p43 .p43-f{ display:flex; flex-direction:column; gap:6px; margin:8px 0; }
#page-commitments.p43 .p43-fl{ font-size:12.5px; font-weight:500; color:var(--p43-muted); display:inline-flex; align-items:center; gap:0; padding-top:10px; }
#page-commitments.p43 .p43-in, .p43-sheet .p43-in{ width:100%; min-height:48px; border:1px solid var(--p43-line,#E6ECF2); border-radius:12px; padding:0 12px; background:var(--p43-card,#fff); color:var(--p43-ink,#081F2E); font:inherit; font-size:14px; font-weight:600; margin:6px 0; }
#page-commitments.p43 .p43-num, .p43-sheet .p43-num{ text-align:left; font-variant-numeric:tabular-nums; }
#page-commitments.p43 .p43-in-lg, .p43-sheet .p43-in-lg{ min-height:52px; border:1.5px solid #0D6E6A; font-size:15px; }
.p43-sheet .p43-in.is-bad{ border-color:#B91C1C; }
#page-commitments.p43 .p43-datebtn{ display:flex; align-items:center; justify-content:flex-start; text-align:right; cursor:pointer; }
#page-commitments.p43 .p43-ph{ color:var(--p43-muted); font-weight:500; }
#page-commitments.p43 .p43-ferr, .p43-sheet .p43-ferr{ color:#B91C1C; font-size:12.5px; font-weight:500; margin:0; }
[data-theme="dark"] .p43-sheet .p43-ferr, [data-theme="dark"] #page-commitments.p43 .p43-ferr{ color:#FCA5A5; }
#page-commitments.p43 .p43-chips{ display:grid; grid-template-columns:1fr 1fr; gap:8px; padding-bottom:10px; }
#page-commitments.p43 .p43-chip{ min-height:44px; border-radius:10px; border:1px solid var(--p43-line); background:var(--p43-card); color:var(--p43-ink); font:inherit; font-size:13px; font-weight:500; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:0 8px; }
#page-commitments.p43 .p43-chip.is-on{ background:var(--p43-tint); border:1.5px solid var(--p43-brand); color:var(--p43-brand); font-weight:600; }
#page-commitments.p43 .p43-chip svg{ width:12px; height:12px; }
#page-commitments.p43 .p43-chip2{ min-height:32px; padding:0 10px; border:0; border-radius:8px; background:#EEF2F6; color:var(--p43-brand); font:inherit; font-size:13px; font-weight:600; cursor:pointer; position:relative; }
#page-commitments.p43 .p43-chip2::after{ content:''; position:absolute; inset:-6px 0; }
#page-commitments.p43 .p43-derived, .p43-sheet .p43-derived{ display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:52px; padding:0 12px; margin:8px 0; background:var(--p43-soft,#F8FAFC); border:1px solid var(--p43-line,#E6ECF2); border-radius:12px; font-size:12.5px; color:var(--p43-muted,#475569); }
#page-commitments.p43 .p43-derived b{ color:var(--p43-ink); font-size:13.5px; }
.p43-sheet .p43-derived span{ display:inline-flex; align-items:center; }
/* ورقة الإدخال والتأكيد */
.p43-sheet .p43-sub{ font-size:12.5px; color:var(--p43-muted,#475569); margin:0 0 6px; }
.p43-sheet .p43-fl{ display:inline-flex; align-items:center; font-size:13px; font-weight:600; }
.p43-sheet .p43-auto{ background:#F8FAFC; border-radius:12px; padding:4px 12px; margin-top:8px; }
[data-theme="dark"] .p43-sheet .p43-auto, [data-theme="dark"] .p43-sheet .p43-derived{ background:#18293A; border-color:rgba(255,255,255,.1); }
.p43-sheet .p43-kv{ display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:36px; font-size:12.5px; }
.p43-sheet .p43-kv .p43-kl{ color:#475569; } [data-theme="dark"] .p43-sheet .p43-kv .p43-kl{ color:#9AA8B5; }
.p43-sheet .p43-cap{ font-size:12.5px; color:#475569; line-height:20px; margin:8px 0; }
.p43-sheet .p43-box{ border:1px solid #E6ECF2; border-radius:12px; padding:0 12px; }
.p43-sheet .p43-hr{ border:0; border-top:1px solid #E6ECF2; margin:0; }
.p43-sheet .p43-money{ display:inline-flex; align-items:center; gap:5px; direction:ltr; font-weight:700; font-size:15px; white-space:nowrap; }
.p43-sheet .p43-money .p43-sar svg{ height:.6em; width:auto; } .p43-sheet .p43-pct{ direction:ltr; font-weight:700; }
.p43-sheet .p43-info{ width:44px; height:44px; border-radius:22px; border:0; background:none; color:#64748B; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; }
.p43-sheet .p43-info svg{ width:16px; height:16px; }
.p43-sheet .p43-btn{ min-height:44px; padding:0 16px; border-radius:12px; font:inherit; font-size:13px; font-weight:600; cursor:pointer; border:1px solid #E6ECF2; background:#fff; color:#081F2E; flex:1 1 0; }
.p43-sheet .mdl-foot{ display:flex; gap:10px; }
.p43-sheet .p43-opt, #page-commitments.p43 .p43-opt{ display:flex; align-items:center; justify-content:space-between; width:100%; min-height:52px; padding:0 4px; border:0; background:none; color:inherit; font:inherit; cursor:pointer; text-align:right; }
#page-commitments.p43 .p43-opt span, .p43-sheet .p43-opt span{ display:flex; flex-direction:column; gap:2px; }
#page-commitments.p43 .p43-opt b, .p43-sheet .p43-opt b{ font-size:14px; font-weight:500; } #page-commitments.p43 .p43-opt.is-on b, .p43-sheet .p43-opt.is-on b{ font-weight:600; }
#page-commitments.p43 .p43-opt small{ font-size:12px; color:var(--p43-muted); }
#page-commitments.p43 .p43-opt svg, .p43-sheet .p43-opt svg{ width:16px; height:16px; color:var(--p43-brand,#0D6E6A); }
.p43-sheet .p43-info-p{ font-size:13.5px; line-height:22px; margin:0; }
/* تحميل: هياكل بلا أي رقم */
#page-commitments.p43 .p43-loading{ display:flex; flex-direction:column; gap:12px; }
#page-commitments.p43 .p43-skel{ padding:14px; display:flex; flex-direction:column; gap:12px; }
#page-commitments.p43 .p43-skel span{ display:block; height:14px; border-radius:7px; background:var(--p43-track); animation:p43pulse 1.2s ease-in-out infinite; }
#page-commitments.p43 .p43-skel span:nth-child(2n){ width:70%; }
@keyframes p43pulse{ 0%,100%{ opacity:.55 } 50%{ opacity:1 } }
@media (prefers-reduced-motion:reduce){ #page-commitments.p43 .p43-skel span{ animation:none; } }
/* لوحي/مكتب داخل القشرة (rail 250 + header 56) */
@media (min-width:768px){
  #page-commitments.p43 .p43-root{ padding:20px 24px 28px; }
  #page-commitments.p43 .p43-title{ font-size:22px; line-height:34px; }
  #page-commitments.p43 .p43-body{ gap:20px; }
  #page-commitments.p43 .p43-card{ border-radius:14px; }
  #page-commitments.p43 .p43-ch-sec h2{ font-size:16px; }
  #page-commitments.p43 .p43-kpis{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:12px; margin-bottom:12px; }
  #page-commitments.p43 .p43-kpi{ display:flex; flex-direction:column; gap:6px; padding:8px 16px 16px; }
  #page-commitments.p43 .p43-kpi .p43-money{ font-size:18px; }
  #page-commitments.p43 .p43-sl{ display:inline-flex; align-items:center; min-height:44px; font-size:12.5px; font-weight:500; color:var(--p43-muted); }
  #page-commitments.p43 .p43-result{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); padding:0; margin-bottom:12px; }
  #page-commitments.p43 .p43-seg{ padding:8px 16px 16px; display:flex; flex-direction:column; gap:6px; min-width:0; }
  #page-commitments.p43 .p43-seg + .p43-seg{ border-inline-start:1px solid var(--p43-line); }
  #page-commitments.p43 .p43-seg .p43-big{ font-size:18px; }
  #page-commitments.p43 .p43-reqc{ padding:16px; display:flex; flex-direction:column; gap:12px; }
  #page-commitments.p43 .p43-reqc h3{ font-size:15px; margin:0; }
  #page-commitments.p43 .p43-tiles{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:12px; }
  #page-commitments.p43 .p43-tile{ background:var(--p43-soft); border-radius:10px; padding:12px; display:flex; flex-direction:column; gap:6px; min-width:0; }
  #page-commitments.p43 .p43-tile .p43-sl{ min-height:36px; font-size:12px; }
  #page-commitments.p43 .p43-tile .p43-money, #page-commitments.p43 .p43-tile .p43-pct{ font-size:15px; }
  #page-commitments.p43 .p43-row2{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; align-items:stretch; }
  #page-commitments.p43 .p43-row2 .p43-kv{ min-height:36px; }
  #page-commitments.p43 .p43-tcard{ padding:4px 16px 8px; }
  #page-commitments.p43 .p43-twrap{ overflow-x:auto; max-width:100%; contain:paint; }
  #page-commitments.p43 .p43-table{ width:100%; min-width:720px; border-collapse:separate; border-spacing:0; table-layout:fixed; }
  #page-commitments.p43 .p43-table th{ background:var(--p43-soft); height:40px; padding:0 6px; font-size:12px; font-weight:700; color:var(--p43-muted); text-align:right; }
  #page-commitments.p43 .p43-table th:first-child{ border-radius:0 8px 8px 0; padding-inline-start:12px; } #page-commitments.p43 .p43-table th:last-child{ border-radius:8px 0 0 8px; }
  #page-commitments.p43 .p43-table th:nth-child(2){ width:80px } #page-commitments.p43 .p43-table th:nth-child(3){ width:112px } #page-commitments.p43 .p43-table th:nth-child(4){ width:84px }
  #page-commitments.p43 .p43-table th:nth-child(5){ width:112px } #page-commitments.p43 .p43-table th:nth-child(6){ width:84px } #page-commitments.p43 .p43-table th:nth-child(7){ width:128px }
  #page-commitments.p43 .p43-tr{ cursor:pointer; }
  #page-commitments.p43 .p43-tr td{ height:60px; padding:0 6px; border-bottom:1px solid var(--p43-line); font-size:12px; color:var(--p43-muted); vertical-align:middle; overflow:hidden; }
  #page-commitments.p43 .p43-tr:last-child td{ border-bottom:0; }
  #page-commitments.p43 .p43-tr td.p43-tn{ padding-inline-start:12px; }
  #page-commitments.p43 .p43-tr td b{ display:block; font-size:13px; font-weight:600; color:var(--p43-ink); overflow-wrap:anywhere; }
  #page-commitments.p43 .p43-tr .p43-money{ font-size:12.5px; font-weight:600; }
  #page-commitments.p43 .p43-tr:hover td{ background:var(--p43-soft); }
  #page-commitments.p43 .p43-list{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); }
  #page-commitments.p43 .p43-sticky{ position:static; border:0; background:none; }
  #page-commitments.p43 .p43-body > .p43-card, #page-commitments.p43 [data-p43-view="form"] .p43-body, #page-commitments.p43 [data-p43-view="picker"] .p43-body,
  #page-commitments.p43 [data-p43-view="detail"] .p43-body, #page-commitments.p43 [data-p43-view="required"] .p43-body{ max-width:760px; }
  #page-commitments.p43 [data-p43-view="home"] .p43-body > .p43-card{ max-width:none; }
  #page-commitments.p43 .p43-chips{ grid-template-columns:repeat(4, minmax(0,1fr)); }
  .p43-sheet.p30-sheet .mdl{ max-width:440px; }
}
@media (min-width:1200px){
  #page-commitments.p43 .p43-root{ padding:24px 32px 32px; }
  #page-commitments.p43 .p43-kpis, #page-commitments.p43 .p43-tiles, #page-commitments.p43 .p43-row2{ gap:16px; }
  #page-commitments.p43 .p43-kpi .p43-money, #page-commitments.p43 .p43-seg .p43-big{ font-size:22px; }
  #page-commitments.p43 .p43-tile .p43-money, #page-commitments.p43 .p43-tile .p43-pct{ font-size:17px; }
  #page-commitments.p43 .p43-table th{ height:44px; }
  #page-commitments.p43 .p43-table th:nth-child(2){ width:128px } #page-commitments.p43 .p43-table th:nth-child(3){ width:150px } #page-commitments.p43 .p43-table th:nth-child(4){ width:112px }
  #page-commitments.p43 .p43-table th:nth-child(5){ width:150px } #page-commitments.p43 .p43-table th:nth-child(6){ width:112px } #page-commitments.p43 .p43-table th:nth-child(7){ width:140px }
  #page-commitments.p43 .p43-tr td{ height:56px; }
  #page-commitments.p43 .p43-tr .p43-money{ font-size:13px; }
}

/* ======================================================================
   Page44 — «تكلفة الوصفات والتصنيع» (Figma 2030:10) — .p44 = صفحة المنشأة #page-recipes وطبقة الأسرة #famRecipes
   ====================================================================== */
.p44{ --p44-ink:#081F2E; --p44-muted:#475569; --p44-dim:#64748B; --p44-brand:#0D6E6A; --p44-line:#E6ECF2; --p44-card:#FFFFFF; --p44-soft:#F8FAFC; --p44-bg:#F1F5F9;
  --p44-ok:#15803D; --p44-ok-bg:#D6F5EC; --p44-warn:#A16207; --p44-warn-bg:#FEF3C7; --p44-warn-t:#854D0E; --p44-neg:#B91C1C; --p44-neg-bg:#FCE8EB; --p44-chip:#E2E8F0; --p44-seg:#E8EDF2; color:var(--p44-ink); }
[data-theme="dark"] .p44{ --p44-ink:#E6EEF3; --p44-muted:#9AA8B5; --p44-dim:#9AA8B5; --p44-brand:#5EEAD4; --p44-line:rgba(255,255,255,.10); --p44-card:#13212B; --p44-soft:#18293A; --p44-bg:#0B1620;
  --p44-ok:#6EE7B7; --p44-ok-bg:#064E3B; --p44-warn:#FCD34D; --p44-warn-bg:#422006; --p44-warn-t:#FCD34D; --p44-neg:#FCA5A5; --p44-neg-bg:#4C1D1D; --p44-chip:#1E293B; --p44-seg:#1B2A38; }
.p44 *{ box-sizing:border-box; }
.p44 .p44-root{ max-width:1160px; margin:0 auto; padding:14px 16px 28px; min-width:0; }
.p44 .p44-view{ min-width:0; }
.p44 .p44-head{ display:flex; align-items:center; gap:12px; padding:0 0 14px; min-width:0; }
.p44 .p44-titles{ flex:1 1 auto; min-width:0; }
.p44 .p44-title{ font-size:20px; line-height:28px; font-weight:700; margin:0; outline:none; overflow-wrap:anywhere; }
.p44 .p44-sub{ font-size:11.5px; line-height:17px; font-weight:500; color:var(--p44-dim); margin:2px 0 0; overflow-wrap:anywhere; }
.p44 .p44-back{ width:44px; height:44px; min-width:44px; border-radius:12px; border:0; background:var(--p44-chip); color:var(--p44-ink); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; }
.p44 .p44-back svg{ width:18px; height:18px; }
.p44 .p44-hacts{ display:flex; gap:10px; flex:0 0 auto; }
.p44 .p44-body{ display:flex; flex-direction:column; gap:12px; min-width:0; }
.p44 .p44-card{ display:block; width:100%; background:var(--p44-card); border:1px solid var(--p44-line); border-radius:14px; padding:6px 16px 10px; min-width:0; text-align:right; font:inherit; color:inherit; }
.p44 .p44-ch{ display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px; }
.p44 .p44-ch h2{ display:inline-flex; align-items:center; gap:2px; font-size:15px; line-height:22px; font-weight:700; margin:0; color:var(--p44-ink); }
.p44 .p44-sec{ font-size:11.5px; font-weight:600; color:#334155; margin:4px 0 -2px; display:flex; align-items:center; gap:2px; }
[data-theme="dark"] .p44 .p44-sec{ color:var(--p44-muted); }
.p44 .p44-sech{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.p44 .p44-kv, .p44 .p44-bd, .p44 .p44-ver, .p44 .p44-ev{ display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:40px; }
.p44 .p44-kl{ display:inline-flex; align-items:center; gap:2px; color:var(--p44-muted); font-size:12.5px; font-weight:500; min-width:0; overflow-wrap:anywhere; }
.p44 .p44-kl b{ color:var(--p44-ink); font-weight:700; font-size:13.5px; }
.p44 .p44-kvv{ display:inline-flex; align-items:center; gap:10px; flex:0 0 auto; }
.p44 .p44-t{ font-weight:700; font-size:13.5px; color:var(--p44-ink); white-space:nowrap; }
.p44 .p44-stack{ display:flex; flex-direction:column; align-items:flex-start; gap:2px; padding:6px 0; min-width:0; }
.p44 .p44-stack b{ font-size:13.5px; } .p44 .p44-stack small{ font-size:11px; color:var(--p44-dim); }
.p44 .p44-sep{ border:0; border-top:1px solid #EEF2F6; margin:0; } .p44 .p44-sep2{ border:0; border-top:1px solid var(--p44-line); margin:2px 0; }
[data-theme="dark"] .p44 .p44-sep{ border-top-color:var(--p44-line); }
.p44 .p44-info{ width:44px; height:44px; margin:-12px -10px; border-radius:22px; border:0; background:none; color:var(--p44-dim); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; flex:0 0 auto; }
.p44 .p44-info svg{ width:16px; height:16px; }
.p44 .p44-info:hover{ background:#E6FFFB; color:var(--p44-brand); }
.p44 :focus-visible{ outline:2px solid #14B8A6; outline-offset:2px; border-radius:8px; }
.p44 .p44-money{ display:inline-flex; align-items:center; gap:5px; direction:ltr; font-weight:700; font-size:13.5px; color:var(--p44-ink); white-space:nowrap; font-variant-numeric:tabular-nums; }
.p44 .p44-sar{ display:inline-flex; color:var(--p44-dim); } .p44 .p44-sar svg{ height:.6em; width:auto; }
.p44 .p44-pct{ direction:ltr; unicode-bidi:isolate; font-weight:700; font-size:13.5px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.p44 .p44-sm{ font-size:11.5px!important; font-weight:500; color:var(--p44-muted); } .p44 .p44-w22{ min-width:34px; text-align:left; font-weight:600; color:#334155; }
[data-theme="dark"] .p44 .p44-w22{ color:var(--p44-muted); }
.p44 .p44-big{ font-size:17px!important; } .p44 .p44-hero{ font-size:26px!important; }
.p44 .p44-blank{ min-width:1px; min-height:1px; }
.p44 .is-neg{ color:var(--p44-neg)!important; } .p44 .is-pos{ color:var(--p44-ok)!important; } .p44 .is-brand{ color:var(--p44-brand)!important; } .p44 .is-warn{ color:var(--p44-warn)!important; } .p44 .p44-dim{ color:var(--p44-dim)!important; }
.p44 .p44-meta{ font-size:11px; color:var(--p44-dim); font-weight:500; white-space:nowrap; }
.p44 .p44-cap{ font-size:11.5px; line-height:18px; color:var(--p44-muted); margin:2px 0 6px; }
.p44 .p44-date{ direction:ltr; unicode-bidi:isolate; font-weight:500; font-size:12px; color:var(--p44-muted); white-space:nowrap; }
.p44 .p44-chip{ display:inline-flex; align-items:center; height:26px; padding:0 10px; border-radius:999px; font-size:11px; font-weight:600; background:var(--p44-chip); color:var(--p44-muted); white-space:nowrap; }
.p44 .p44-chip.is-warn{ background:var(--p44-warn-bg); color:var(--p44-warn-t)!important; } .p44 .p44-chip.is-ok{ background:var(--p44-ok-bg); color:var(--p44-brand)!important; }
.p44 .p44-btn, .p44-sheet .p44-btn{ min-height:44px; padding:0 16px; border-radius:12px; font:inherit; font-size:13.5px; font-weight:700; cursor:pointer; white-space:nowrap; border:1px solid var(--p44-line,#E6ECF2); background:var(--p44-card,#fff); color:var(--p44-ink,#081F2E); }
.p44 .p44-btn-sec, .p44-sheet .p44-btn-sec{ background:var(--p44-card,#fff); }
.p44 .p44-btn-pri, .p44-sheet .p44-btn-pri{ background:#0F766E; border-color:#0F766E; color:#fff; }
.p44 .p44-btn-danger, .p44-sheet .p44-btn-danger{ background:#FCE8EB; border-color:#BA1C1C; color:#BA1C1C; }
.p44 .p44-btn-link{ border:0; background:none; color:var(--p44-brand); padding:0 4px; }
.p44 .p44-btn[aria-disabled="true"], .p44-sheet .p44-btn[aria-disabled="true"]{ background:#F1F5F5; border-color:#E6ECF2; color:#64748B; cursor:not-allowed; }
.p44 .p44-btn-block{ width:100%; min-height:48px; }
.p44 .p44-foot{ display:flex; flex-direction:column; gap:4px; } .p44 .p44-foot-s{ display:flex; justify-content:flex-start; }
.p44 .p44-state{ text-align:center; padding:22px 18px; display:flex; flex-direction:column; align-items:center; gap:8px; }
.p44 .p44-state h2{ font-size:17px; margin:0; } .p44 .p44-state p{ font-size:13px; color:var(--p44-muted); margin:0 0 6px; }
.p44 .p44-notice{ background:var(--p44-warn-bg); border:1px solid var(--p44-warn); border-radius:14px; padding:12px 13px; display:flex; flex-direction:column; gap:8px; }
.p44 .p44-notice p{ margin:0; font-weight:700; font-size:12.5px; color:var(--p44-ink); }
.p44 .p44-notice.is-bad{ background:var(--p44-neg-bg); border-color:var(--p44-neg); }
.p44 .p44-skel{ height:88px; background:linear-gradient(90deg,var(--p44-soft),var(--p44-line),var(--p44-soft)); margin-bottom:12px; }
/* الحقول */
.p44 .p44-f{ display:flex; flex-direction:column; gap:5px; margin:6px 0; min-width:0; }
.p44 .p44-fl{ font-size:11px; font-weight:500; color:var(--p44-dim); }
.p44 .p44-in, .p44-sheet .p44-in{ width:100%; min-height:44px; border:1px solid #E2E8F0; border-radius:12px; padding:0 12px; font:inherit; font-size:13.5px; font-weight:700; color:var(--p44-ink,#081F2E); background:var(--p44-card,#fff); }
.p44 .p44-in.is-bad{ border-color:var(--p44-neg); }
.p44 .p44-num{ text-align:left; font-variant-numeric:tabular-nums; }
.p44 .p44-sel{ appearance:auto; }
.p44 .p44-row2{ display:flex; gap:10px; align-items:flex-start; min-width:0; } .p44 .p44-row2 .p44-sel{ width:112px; flex:0 0 112px; } .p44 .p44-row2 .p44-in:not(.p44-sel){ flex:1 1 auto; min-width:0; }
.p44 .p44-row2-r{ flex-direction:row-reverse; }
.p44 .p44-grow{ flex:1 1 auto; min-width:0; } .p44 .p44-w112{ width:112px; flex:0 0 112px; }
.p44 .p44-ferr{ margin:0; font-size:12px; color:var(--p44-neg); font-weight:600; }
.p44 .p44-inl{ display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:48px; border:1px solid #E2E8F0; border-radius:12px; padding:0 12px; margin:6px 0; background:var(--p44-card); min-width:0; }
.p44 .p44-inl.is-bad{ border-color:var(--p44-neg); }
.p44 .p44-inl-v{ display:inline-flex; align-items:center; gap:5px; direction:ltr; flex:0 0 auto; }
.p44 .p44-inl .p44-in{ width:96px; min-height:44px; border:0; padding:0; text-align:left; background:transparent; }
.p44 .p44-inl-u{ font-weight:700; color:var(--p44-dim); }
.p44 .p44-opt{ display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:44px; }
.p44 .p44-opt .p44-inl{ flex:1 1 auto; margin:0; }
.p44 .p44-segs{ display:flex; gap:4px; background:var(--p44-seg); border-radius:12px; padding:4px; margin:6px 0; }
.p44 .p44-segb{ flex:1 1 0; min-height:44px; border:1px solid transparent; border-radius:10px; background:none; color:#475569; font:inherit; font-size:12.5px; font-weight:700; cursor:pointer; }
.p44 .p44-segb.is-on{ background:#E6F0F0; border-color:#0F766E; color:#0F766E; }
[data-theme="dark"] .p44 .p44-segb{ color:var(--p44-muted); } [data-theme="dark"] .p44 .p44-segb.is-on{ background:var(--p44-card); color:var(--p44-brand); border-color:var(--p44-brand); }
.p44 .p44-segb[aria-disabled="true"]{ cursor:default; }
.p44 .p44-range{ width:100%; min-height:44px; accent-color:#0F766E; }
.p44 .p44-ro{ display:flex; flex-direction:column; gap:4px; border:1px solid #E2E8F0; border-radius:12px; padding:10px 12px; margin:6px 0; }
[data-theme="dark"] .p44 .p44-ro, [data-theme="dark"] .p44 .p44-inl, [data-theme="dark"] .p44 .p44-in{ border-color:var(--p44-line); }
.p44 .p44-ro b{ font-size:13.5px; }
/* القوائم والبطاقات */
.p44 .p44-metrics{ display:flex; gap:12px; padding:8px 0 2px; } .p44 .p44-metric{ flex:1 1 0; display:flex; flex-direction:column; gap:4px; min-width:0; }
.p44 .p44-ml{ font-size:12px; color:var(--p44-dim); font-weight:500; } .p44 .p44-metric b{ font-size:20px; line-height:26px; }
.p44 .p44-grid{ display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
.p44 .p44-rcard{ cursor:pointer; padding:16px; display:flex; flex-direction:column; gap:10px; min-height:44px; }
.p44 .p44-rtop, .p44 .p44-rrow{ display:flex; align-items:center; justify-content:space-between; gap:10px; min-width:0; }
.p44 .p44-rtop b{ font-size:14px; overflow-wrap:anywhere; min-width:0; }
.p44 .p44-comp, .p44 .p44-item, .p44 .p44-navrow, .p44 .p44-prod{ display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; min-height:48px; padding:9px 0; border:0; background:none; font:inherit; color:inherit; text-align:right; cursor:pointer; min-width:0; }
.p44 .p44-comp-l{ display:flex; flex-direction:column; align-items:flex-start; gap:2px; min-width:0; }
.p44 .p44-comp-l b{ font-size:13px; font-weight:600; overflow-wrap:anywhere; } .p44 .p44-comp-l span{ font-size:11.5px; color:var(--p44-muted); font-weight:500; }
.p44 .p44-comp-v{ display:flex; flex-direction:column; align-items:flex-end; gap:2px; flex:0 0 auto; }
.p44 .p44-item, .p44 .p44-prod{ flex-direction:column; align-items:stretch; } .p44 .p44-kvline{ display:flex; justify-content:space-between; align-items:center; gap:10px; }
.p44 .p44-navrow span{ font-size:13.5px; font-weight:600; } .p44 .p44-navrow svg{ width:18px; height:18px; color:var(--p44-dim); }
.p44 .p44-prod > b{ font-size:13.5px; }
.p44 .p44-frec{ display:flex; flex-direction:column; } .p44 .p44-frec .p44-btn-link{ align-self:flex-start; min-height:44px; }
.p44 .p44-empty2{ display:flex; flex-direction:column; gap:4px; padding:8px 0; }
.p44 .p44-vhead{ display:flex; flex-direction:column; gap:2px; padding:8px 0; } .p44 .p44-vhead h2{ font-size:17px; margin:0; }
.p44 .p44-evv{ display:inline-flex; align-items:center; gap:6px; } .p44 .p44-arrow{ color:var(--p44-dim); font-size:11px; }
.p44 .p44-sgrp h3{ font-size:13px; margin:8px 0 0; }
.p44 .p44-scard{ cursor:pointer; } .p44 section.p44-scard{ cursor:default; }
.p44 .p44-fkpis, .p44 .p44-kpis{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.p44 .p44-kpi{ display:flex; flex-direction:column; gap:6px; padding:12px 16px; min-width:0; } .p44 .p44-kpi b{ font-size:20px; }
.p44 .p44-two, .p44 .p44-three{ display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
.p44 .p44-ctable{ display:flex; flex-direction:column; }
.p44 .p44-ctr{ display:grid; grid-template-columns:minmax(0,1fr) 110px 90px; align-items:center; gap:8px; min-height:48px; padding:6px 0; border:0; border-top:1px solid #EEF2F6; background:none; font:inherit; color:inherit; text-align:right; width:100%; cursor:pointer; }
.p44 .p44-cth{ min-height:32px; border-top:0; font-size:11px; color:var(--p44-dim); cursor:default; } .p44 .p44-ctf{ cursor:default; }
.p44 .p44-cols{ display:grid; grid-template-columns:minmax(0,1fr); gap:4px; }
/* الأوراق (sheets) تُركَّب داخل _authShell خارج .p44 */
.p44-sheet .p44-info-p{ margin:0; font-size:13.5px; line-height:22px; }
.p44-sheet .p44-fl{ font-size:12px; color:#64748B; } .p44-sheet .p44-ferr{ color:#B91C1C; font-size:12px; margin:4px 0 0; }
.p44-sheet .p44-opt2{ display:block; width:100%; min-height:48px; text-align:right; border:0; border-bottom:1px solid #E6ECF2; background:none; font:inherit; font-weight:600; cursor:pointer; color:inherit; }
.p44-sheet .p44-foot .p44-btn, .p44-sheet .p44-row2 .p44-btn{ flex:1 1 0; }
/* طبقة الأسرة (سطح الأسرة الخاص — بلا قضيب إداري) */
#famRecipes.p44{ position:fixed; inset:0; z-index:2147483270; background:#F1F5F5; overflow:auto; }
[data-theme="dark"] #famRecipes.p44{ background:var(--p44-bg); }
#famRecipes .p44-famtop{ position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; background:var(--p44-card); border-bottom:1px solid var(--p44-line); }
#famRecipes .p44-famid{ display:flex; flex-direction:column; gap:2px; min-width:0; } #famRecipes .p44-famid b{ font-size:16px; font-weight:900; } #famRecipes .p44-famid span{ font-size:11.5px; color:var(--p44-dim); }
#famRecipes .p44-famx{ width:44px; height:44px; border-radius:12px; border:1px solid var(--p44-line); background:var(--p44-bg); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; color:var(--p44-ink); }
#famRecipes .p44-famx svg{ width:18px; height:18px; }
#famRecipes .p44-root{ max-width:760px; }
/* لوحي/مكتب */
@media (min-width:768px){
  .p44 .p44-root{ padding:18px 24px 32px; }
  .p44 .p44-grid, .p44 .p44-two{ grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
  .p44 .p44-three{ grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; }
  .p44 .p44-kpis{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .p44 .p44-cols{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
  .p44 .p44-body:not(.p44-wide){ max-width:760px; }
  .p44 .p44-hacts .p44-btn{ min-width:120px; }
}
@media (min-width:1200px){
  .p44 .p44-root{ padding:24px 32px 32px; }
  .p44 .p44-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .p44 .p44-kpis{ grid-template-columns:repeat(5,minmax(0,1fr)); }
  .p44 .p44-ctr{ grid-template-columns:minmax(0,1fr) 185px 161px; }
}
.p44-sheet .mdl-x{ min-width:44px; min-height:44px; }
.p44 .p44-title:focus, .p44 .p44-title:focus-visible{ outline:none!important; }
#famRecipes.p44[role="dialog"]{ max-width:none; width:auto; padding:0; border:0; border-radius:0; box-shadow:none; }

/* ======================================================================
   Page45 — «حول واضح» · «تواصل معنا» · الخصوصية (Figma 3247:10 · 3287 · 3288)
   ====================================================================== */
.p45{ --p45-ink:#081F2E; --p45-muted:#5C6B7A; --p45-dim:#64748B; --p45-line:#E6ECF2; --p45-card:#FFFFFF; --p45-tile:#E7F4EE; --p45-chip:#E2E8F0; --p45-bad:#B91C1C; --p45-bad-bg:#FCE8EB; color:var(--p45-ink); }
[data-theme="dark"] .p45{ --p45-ink:#E6EEF3; --p45-muted:#9AA8B5; --p45-dim:#9AA8B5; --p45-line:rgba(255,255,255,.10); --p45-card:#13212B; --p45-tile:#12332C; --p45-chip:#1E293B; --p45-bad:#FCA5A5; --p45-bad-bg:#4C1D1D; }
.p45 *{ box-sizing:border-box; }
.p45 .p45-root{ max-width:1160px; margin:0 auto; padding:14px 16px 28px; min-width:0; }
.p45 .p45-head{ display:flex; align-items:center; gap:12px; padding:0 0 14px; min-width:0; }
.p45 .p45-back{ width:44px; height:44px; min-width:44px; border-radius:12px; border:0; background:var(--p45-chip); color:var(--p45-ink); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; }
.p45 .p45-back svg{ width:18px; height:18px; }
.p45 .p45-titles{ flex:1 1 auto; min-width:0; }
.p45 .p45-title{ font-size:20px; line-height:28px; font-weight:700; margin:0; overflow-wrap:anywhere; }
.p45 .p45-title:focus, .p45 .p45-title:focus-visible{ outline:none!important; }
.p45 .p45-sub{ font-size:11.5px; line-height:17px; font-weight:500; color:var(--p45-dim); margin:2px 0 0; }
.p45 .p45-body{ display:flex; flex-direction:column; gap:12px; min-width:0; }
.p45 .p45-card{ background:var(--p45-card); border:1px solid var(--p45-line); border-radius:18px; padding:16px; min-width:0; }
.p45 .p45-id{ display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; }
.p45 .p45-logo{ width:56px; height:56px; display:block; }
.p45 .p45-name{ font-size:20px; line-height:28px; font-weight:700; }
.p45 .p45-tag{ font-size:12px; line-height:18px; font-weight:500; color:var(--p45-muted); }
.p45 .p45-ch h2{ display:flex; align-items:center; gap:8px; font-size:15px; line-height:28px; font-weight:700; margin:0 0 12px; }
.p45 .p45-ch h2 svg{ width:18px; height:18px; color:var(--p45-muted); }
.p45 .p45-rows{ display:flex; flex-direction:column; gap:8px; }
.p45 .p45-row{ display:flex; align-items:center; gap:12px; width:100%; min-height:60px; padding:8px 14px; border:1px solid var(--p45-line); border-radius:16px; background:var(--p45-card);
  color:var(--p45-ink); text-decoration:none; font:inherit; text-align:right; cursor:pointer; }
.p45 .p45-row:hover{ border-color:#99D5C9; }
.p45 .p45-row:focus-visible{ outline:2px solid #14B8A6; outline-offset:2px; }
.p45 .p45-tile{ width:44px; height:44px; flex:0 0 44px; border-radius:13px; background:var(--p45-tile); color:var(--p45-muted); display:inline-flex; align-items:center; justify-content:center; }
.p45 .p45-tile svg{ display:block; max-width:20px; max-height:20px; }
.p45 .p45-tile svg[data-lucide], .p45 .p45-tile .lucide{ width:20px; height:20px; }
.p45 .p45-rl{ flex:1 1 auto; min-width:0; font-size:13.5px; line-height:24px; font-weight:700; overflow-wrap:anywhere; }
.p45 .p45-row > svg:last-child{ width:18px; height:18px; flex:0 0 18px; color:var(--p45-dim); }
.p45 .p45-cfg{ border:1px solid var(--p45-bad); background:var(--p45-bad-bg); border-radius:14px; padding:12px 14px; }
.p45 .p45-cfg b{ display:block; font-size:13.5px; color:var(--p45-bad); }
.p45 .p45-cfg p{ margin:4px 0 0; font-size:12.5px; line-height:20px; }
.p45 .p45-reader{ align-items:stretch; }
.p45 .p45-doc{ background:var(--p45-card); border:1px solid var(--p45-line); border-radius:18px; padding:16px 18px 22px; line-height:1.9; }
.p45 .p45-upd{ margin:0 0 6px; font-size:12px; color:var(--p45-dim); }
.p45 .p45-dsec h2{ font-size:15px; line-height:26px; font-weight:700; margin:18px 0 6px; }
.p45 .p45-dsec p{ margin:0 0 8px; font-size:13.5px; color:var(--p45-muted); overflow-wrap:anywhere; }
.p45 .p45-dsec ul{ margin:0 0 8px; padding:0 20px 0 0; font-size:13.5px; color:var(--p45-muted); }
.p45 .p45-dsec li{ margin:2px 0; }
/* مدخلا الإعدادات (Figma 3252:257 · 3291:919) */
.p33-row.p45-entry{ display:flex; align-items:center; gap:12px; min-height:64px; }
.p33-row.p45-entry .p33-row-tw{ flex:1 1 auto; min-width:0; }
.p45-entry-ic{ width:44px; height:44px; flex:0 0 44px; border-radius:13px; background:#E7F4EE; color:#0D6E6A; display:inline-flex; align-items:center; justify-content:center; }
.p45-entry-ic svg{ width:20px; height:20px; }
[data-theme="dark"] .p45-entry-ic{ background:#12332C; color:#5EEAD4; }
@media (min-width:768px){
  .p45 .p45-root{ padding:18px 24px 32px; }
  .p45 .p45-about{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
  .p45 .p45-legal{ max-width:760px; }
  .p45 .p45-doc{ max-width:760px; width:100%; margin:0 auto; padding:24px 28px 28px; }
}
@media (min-width:1200px){ .p45 .p45-root{ padding:24px 32px 32px; } }

/* ======================================================================
   Page46 — «الاشتراك» (Figma 3364:10) + شريط «وضع القراءة فقط» المشترك
   ====================================================================== */
.p46{ --p46-ink:#081F2E; --p46-muted:#5C6B7A; --p46-line:#E6ECF2; --p46-card:#FFFFFF; --p46-bg:#F1F5F9; --p46-pri:#0D6E6A;
  --p46-ok:#1F7A4D; --p46-ok-bg:#E7F4EE; --p46-warn:#9A5B00; --p46-warn-bg:#FDF1DC; --p46-bad:#B42318; --p46-bad-bg:#FDE8E8; --p46-ro-bg:#FDF4E3; --p46-ro-line:#F1D9A8; color:var(--p46-ink); }
[data-theme="dark"] .p46{ --p46-ink:#E6EEF3; --p46-muted:#9AA8B5; --p46-line:rgba(255,255,255,.10); --p46-card:#13212B; --p46-bg:#0B1620; --p46-pri:#14B8A6;
  --p46-ok:#6EE7B7; --p46-ok-bg:#12332C; --p46-warn:#FCD34D; --p46-warn-bg:#3B2A0A; --p46-bad:#FCA5A5; --p46-bad-bg:#4C1D1D; --p46-ro-bg:#2A2110; --p46-ro-line:#5A4520; }
.p46 *{ box-sizing:border-box; }
.p46 .p46-root{ max-width:1160px; margin:0 auto; padding:14px 16px 28px; min-width:0; }
.p46 .p46-head{ display:flex; align-items:center; gap:12px; padding:0 0 14px; }
.p46 .p46-back{ width:44px; height:44px; min-width:44px; border-radius:12px; border:0; background:#E2E8F0; color:var(--p46-ink); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; }
[data-theme="dark"] .p46 .p46-back{ background:#1E293B; }
.p46 .p46-back svg{ width:18px; height:18px; }
.p46 .p46-title{ font-size:20px; line-height:28px; font-weight:700; margin:0; }
.p46 .p46-title:focus, .p46 .p46-title:focus-visible, .p46 .p46-famtop b:focus{ outline:none!important; }
.p46 .p46-body{ display:flex; flex-direction:column; gap:12px; min-width:0; }
.p46 .p46-grid{ display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
.p46 .p46-main, .p46 .p46-aside{ display:flex; flex-direction:column; gap:12px; min-width:0; }
.p46 .p46-card{ background:var(--p46-card); border:1px solid var(--p46-line); border-radius:20px; padding:18px 16px; min-width:0; }
.p46 .p46-card h2{ font-size:13.5px; font-weight:700; margin:0; }
.p46 .p46-ph{ display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; }
.p46 .p46-pill{ display:inline-flex; align-items:center; gap:4px; min-height:26px; padding:4px 10px; border-radius:999px; font-size:10.5px; font-weight:700; }
.p46 .p46-pill.is-ok{ background:var(--p46-ok-bg); color:var(--p46-ok); }
.p46 .p46-pill.is-warn{ background:var(--p46-warn-bg); color:var(--p46-warn); }
.p46 .p46-pill.is-bad{ background:var(--p46-bad-bg); color:var(--p46-bad); }
.p46 .p46-price{ display:flex; align-items:baseline; gap:8px; margin:14px 0 4px; flex-wrap:wrap; }
.p46 .p46-amt{ display:inline-flex; align-items:center; gap:4px; font-size:30px; font-weight:900; line-height:1.2; white-space:nowrap; }
.p46 .p46-sar{ display:inline-flex; color:var(--p46-ink); } .p46 .p46-sar svg{ height:.62em; width:auto; }
.p46 .p46-per{ font-size:12.5px; font-weight:500; color:var(--p46-muted); }
.p46 .p46-facts{ display:flex; flex-direction:column; gap:6px; margin:8px 0 2px; }
.p46 .p46-fact{ display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:28px; font-size:11.5px; }
.p46 .p46-fl{ color:var(--p46-muted); font-weight:500; } .p46 .p46-fv{ font-weight:700; }
.p46 .p46-date{ direction:ltr; unicode-bidi:isolate; }
.p46 .p46-acts{ display:flex; flex-direction:column; gap:10px; margin-top:12px; }
.p46 .p46-acts:empty{ display:none; }
.p46 .p46-btn{ display:flex; align-items:center; justify-content:center; min-height:48px; width:100%; padding:0 16px; border-radius:14px; font:inherit; font-size:12.5px; font-weight:700; cursor:pointer; text-decoration:none; }
.p46 .p46-btn-pri{ background:var(--p46-pri); border:0; color:#fff; }
.p46 .p46-btn-ghost{ background:var(--p46-card); border:1px solid var(--p46-line); color:var(--p46-ink); }
.p46 .p46-btn:focus-visible, .p46 .p46-back:focus-visible{ outline:2px solid #14B8A6; outline-offset:2px; }
.p46 .p46-note{ margin:10px 0 0; font-size:12px; font-weight:600; color:var(--p46-ok); }
.p46 .p46-cover{ margin:12px 0 0; font-size:12.5px; line-height:21px; color:var(--p46-muted); }
.p46 .p46-side h2{ margin-bottom:10px; }
.p46 .p46-ro{ background:var(--p46-ro-bg); border-color:var(--p46-ro-line); }
.p46 .p46-ro ul{ list-style:none; margin:12px 0 0; padding:0; display:flex; flex-direction:column; gap:8px; }
.p46 .p46-ro li{ font-size:11.5px; line-height:19px; color:var(--p46-muted); }
.p46 .p46-ro li span{ font-weight:700; } .p46 .p46-ro li.is-on span{ color:var(--p46-ok); } .p46 .p46-ro li.is-off span{ color:var(--p46-bad); }
.p46 .p46-ro-foot{ margin:12px 0 0; font-size:11.5px; font-weight:700; color:var(--p46-ink); }
.p46 .p46-skel{ min-height:180px; background:linear-gradient(90deg,var(--p46-card),var(--p46-line),var(--p46-card)); }
.p46 .p46-err p{ font-size:12.5px; color:var(--p46-muted); margin:6px 0 12px; }
#famSubscription.p46{ position:fixed; inset:0; z-index:2147483270; background:var(--p46-bg); overflow:auto; }
#famSubscription.p46[role="dialog"]{ max-width:none; width:auto; padding:0; border:0; border-radius:0; box-shadow:none; }
#famSubscription .p46-famtop{ position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; background:var(--p46-card); border-bottom:1px solid var(--p46-line); }
#famSubscription .p46-famtop b{ font-size:18px; font-weight:800; }
#famSubscription .p46-root{ max-width:760px; }
.p46-banner{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 16px 12px; padding:10px 14px; border-radius:14px; background:#FDF4E3; border:1px solid #F1D9A8; color:#081F2E; font-size:12.5px; line-height:20px; }
.p46-banner[hidden]{ display:none!important; }
.p46-banner-b{ min-height:44px; min-width:44px; padding:0 14px; border-radius:12px; border:1px solid #E6ECF2; background:#fff; font:inherit; font-weight:700; cursor:pointer; flex:0 0 auto; }
[data-theme="dark"] .p46-banner{ background:#2A2110; border-color:#5A4520; color:#E6EEF3; } [data-theme="dark"] .p46-banner-b{ background:#13212B; color:#E6EEF3; border-color:rgba(255,255,255,.12); }
@media (min-width:768px){
  .p46 .p46-root{ padding:18px 24px 32px; }
  .p46 .p46-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
  .p46 .p46-grid:has(.p46-aside:empty){ grid-template-columns:minmax(0,1fr); max-width:560px; }
  .p46 .p46-acts{ flex-direction:row; } .p46 .p46-acts .p46-btn{ flex:1 1 0; }
  .p46-banner{ margin:0 24px 12px; }
}
@media (min-width:1200px){ .p46 .p46-root{ padding:24px 32px 32px; } .p46 .p46-grid{ grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); } }

/* ======================================================================
   Page47 — «العمليات» (Figma 3460:10 Mobile · 3461:46 Tablet · 3462:209 Desktop · 3464:350 · 3464:428)
   ====================================================================== */
#tabs .tab[hidden]{ display:none!important; }
.p47{ --p47-ink:#081F2E; --p47-dim:#64748B; --p47-line:#E2E8F0; --p47-card:#FFFFFF; --p47-tile:#E6F0F0; --p47-pri:#0D6E6A; --p47-chip:#E2E8F0; --p47-bad:#B42318; --p47-bad-bg:#FDE8E8; color:var(--p47-ink); }
[data-theme="dark"] .p47{ --p47-ink:#E6EEF3; --p47-dim:#9AA8B5; --p47-line:rgba(255,255,255,.10); --p47-card:#13212B; --p47-tile:#12332C; --p47-pri:#14B8A6; --p47-chip:#1E293B; --p47-bad:#FCA5A5; --p47-bad-bg:#4C1D1D; }
.p47 *{ box-sizing:border-box; }
.p47 .p47-root{ max-width:1160px; margin:0 auto; padding:14px 16px 24px; min-width:0; }
.p47 .p47-head{ display:flex; align-items:center; gap:12px; padding:0 0 14px; min-width:0; position:static; background:none!important; border:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
.p47 .p47-back{ width:44px; height:44px; min-width:44px; border-radius:12px; border:0; background:var(--p47-chip); color:var(--p47-ink); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; }
.p47 .p47-back svg{ width:18px; height:18px; }
.p47 .p47-title{ font-size:20px; line-height:28px; font-weight:700; margin:0; }
.p47 .p47-title:focus, .p47 .p47-title:focus-visible{ outline:none!important; }
.p47 .p47-body{ display:flex; flex-direction:column; gap:12px; min-width:0; }
.p47 .p47-grid{ display:grid; grid-template-columns:minmax(0,1fr); gap:12px; min-width:0; }
.p47 .p47-card{ display:flex; align-items:center; gap:12px; width:100%; min-height:72px; padding:14px; margin:0; background:var(--p47-card); border:1px solid var(--p47-line); border-radius:14px;
  color:var(--p47-ink); font:inherit; text-align:right; cursor:pointer; min-width:0; box-shadow:none; transition:border-color .15s ease, background-color .15s ease; }
.p47 .p47-card:hover{ border-color:#C9D6E2; }
.p47 .p47-card:focus-visible, .p47 .p47-back:focus-visible, .p47 .p47-retry:focus-visible{ outline:2px solid #14B8A6; outline-offset:2px; }
.p47 .p47-ic{ flex:0 0 40px; width:40px; height:40px; border-radius:12px; background:var(--p47-tile); color:var(--p47-pri); display:inline-flex; align-items:center; justify-content:center; }
.p47 .p47-ic svg{ width:18px; height:18px; }
.p47 .p47-tx{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:2px; }
.p47 .p47-tx b{ font-size:15px; line-height:23px; font-weight:700; color:var(--p47-ink); overflow-wrap:anywhere; }
.p47 .p47-tx small{ font-size:11.5px; line-height:17px; font-weight:500; color:var(--p47-dim); overflow-wrap:anywhere; }
.p47 .p47-chev{ flex:0 0 18px; width:18px; height:18px; color:var(--p47-ink); }
.p47 .p47-state{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:8px; padding:28px 20px; background:var(--p47-card); border:1px solid var(--p47-line); border-radius:14px; }
.p47 .p47-state h2{ margin:4px 0 0; font-size:15px; line-height:23px; font-weight:700; }
.p47 .p47-state p{ margin:0; font-size:12.5px; line-height:20px; font-weight:500; color:var(--p47-dim); max-width:420px; }
.p47 .p47-sic{ width:48px; height:48px; border-radius:14px; background:var(--p47-tile); color:var(--p47-pri); display:inline-flex; align-items:center; justify-content:center; }
.p47 .p47-sic svg{ width:22px; height:22px; }
.p47 .p47-sic.is-bad{ background:var(--p47-bad-bg); color:var(--p47-bad); }
.p47 .p47-retry{ margin-top:8px; min-height:44px; min-width:44px; padding:0 20px; border-radius:12px; border:0; background:var(--p47-pri); color:#fff; font:inherit; font-size:12.5px; font-weight:700; cursor:pointer; }
.p47 .p47-wait{ display:flex; justify-content:center; align-items:center; min-height:160px; }
.p47 .p47-spin{ width:28px; height:28px; border-radius:50%; border:3px solid var(--p47-line); border-top-color:var(--p47-pri); animation:p47spin .8s linear infinite; }
.p47 .p47-sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
@keyframes p47spin{ to{ transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce){ .p47 .p47-spin{ animation-duration:2.4s; } }
/* اللوحي والمكتب: الترويسة المشتركة تحمل العنوان «العمليات · الوحدات التشغيلية»، والرجوع عبر الشريط الجانبي */
@media (min-width:768px){ .p47 .p47-root{ padding:18px 24px 32px; } .p47 .p47-head{ display:none; } }
/* المكتب: عمودان RTL — يُملأ اليمين أولًا؛ عدد فردي ⇒ الأخيرة بعرض عمود واحد يمينًا؛ الخمسة كاملة ⇒ الخامسة بعرض كامل */
@media (min-width:1200px){
  .p47 .p47-root{ padding:24px 32px 32px; }
  .p47 .p47-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  .p47 .p47-grid[data-count="5"] > .p47-card:nth-child(5){ grid-column:1 / -1; }
  .p47 .p47-card{ min-height:114px; padding:28px; gap:16px; }
  .p47 .p47-ic{ flex-basis:56px; width:56px; height:56px; border-radius:14px; }
  .p47 .p47-ic svg{ width:24px; height:24px; }
  .p47 .p47-tx{ gap:4px; }
  .p47 .p47-tx b{ font-size:17px; line-height:26px; }
  .p47 .p47-tx small{ font-size:12.5px; line-height:18px; }
  .p47 .p47-chev{ flex-basis:20px; width:20px; height:20px; }
}