/* ===== خلفية الموقع الموحّدة: رمادي #ececec + نقاط صغيرة باهتة بتتلاشى ناحية الأطراف =====
   تُطبَّق على: الصفحات العامة، الدخول/التسجيل/اختيار الفرع، صفحة التطبيقات.
   شاشات النظام الداخلية (مبيعات، مشتريات...) فضلت رمادي سادة لسهولة قراءة الجداول.
   للتعديل: --dot-color حجم/لون النقطة، --dot-gap المسافة بين النقاط. للتراجع لسادة: امسح قاعدة :before. */
:root{--dot-color:rgba(60,60,60,.16);--dot-gap:22px}
html:not(#bg1):not(#bg2):not(#bg3):not(#bg4):not(#bg5):not(#bg6):not(#bg7):not(#bg8):not(#bg9):not(#bg10):not(#bg11):not(#bg12):not(#bg13):not(#bg14){background:#ececec!important;background-image:none!important}
html:not(#bg1):not(#bg2):not(#bg3):not(#bg4):not(#bg5):not(#bg6):not(#bg7):not(#bg8):not(#bg9):not(#bg10):not(#bg11):not(#bg12):not(#bg13):not(#bg14) body{background:transparent!important;background-image:none!important}
html:not(#bg1):not(#bg2):not(#bg3):not(#bg4):not(#bg5):not(#bg6):not(#bg7):not(#bg8):not(#bg9):not(#bg10):not(#bg11):not(#bg12):not(#bg13):not(#bg14):before,html:not(#bg1):not(#bg2):not(#bg3):not(#bg4):not(#bg5):not(#bg6):not(#bg7):not(#bg8):not(#bg9):not(#bg10):not(#bg11):not(#bg12):not(#bg13):not(#bg14):after,html:not(#bg1):not(#bg2):not(#bg3):not(#bg4):not(#bg5):not(#bg6):not(#bg7):not(#bg8):not(#bg9):not(#bg10):not(#bg11):not(#bg12):not(#bg13):not(#bg14) body:after{content:none!important;background:none!important;background-image:none!important}
html:not(#bg1):not(#bg2):not(#bg3):not(#bg4):not(#bg5):not(#bg6):not(#bg7):not(#bg8):not(#bg9):not(#bg10):not(#bg11):not(#bg12):not(#bg13):not(#bg14) body:before{content:""!important;position:fixed!important;inset:0!important;z-index:-1!important;pointer-events:none!important;height:auto!important;
  background:radial-gradient(circle,var(--dot-color) 1.3px,transparent 1.6px) 0 0/var(--dot-gap) var(--dot-gap)!important;
  -webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 25%,#000 15%,transparent 100%);mask-image:radial-gradient(ellipse 85% 75% at 50% 25%,#000 15%,transparent 100%)}
html.dark:not(#bg1):not(#bg2):not(#bg3):not(#bg4):not(#bg5):not(#bg6):not(#bg7):not(#bg8):not(#bg9):not(#bg10):not(#bg11):not(#bg12):not(#bg13):not(#bg14){background:#11161b!important}
html.dark:not(#bg1):not(#bg2):not(#bg3):not(#bg4):not(#bg5):not(#bg6):not(#bg7):not(#bg8):not(#bg9):not(#bg10):not(#bg11):not(#bg12):not(#bg13):not(#bg14) body{background:transparent!important}
html.dark:not(#bg1):not(#bg2):not(#bg3):not(#bg4):not(#bg5):not(#bg6):not(#bg7):not(#bg8):not(#bg9):not(#bg10):not(#bg11):not(#bg12):not(#bg13):not(#bg14) body:before{--dot-color:rgba(255,255,255,.10)}
@media print{html body:before{display:none!important}}