/* XANOR Accounts — هوية «واضح» بألوان «ليلك» (docs/design/IDENTITY.md، D-32، D-42).
   المصدر الوحيد لرموز الهوية والخط. كل صفحة تحمّل هذا الملف قبل أنماطها، ولا تعرّف لوناً أو خطاً خارجه.
   لا وضع داكن (D-32): أي إضافة له طلب تعديل مستقل. */

@font-face{font-family:"Rubik";font-style:normal;font-weight:300 900;font-display:swap;
  src:url(/assets/fonts/Rubik-Arabic-wght.woff2) format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Rubik";font-style:normal;font-weight:300 900;font-display:swap;
  src:url(/assets/fonts/Rubik-Latin-wght.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* الألوان */
  --bg:#FFFFFF;          /* خلفية الشاشات والبطاقات */
  --surface-2:#F6F3FA;   /* الأسطح الثانوية: القائمة، العدّادات، رؤوس الجداول */
  --ink:#23142F;         /* النص الأساسي، الحدود، العنصر النشط */
  --ink-2:#4E4359;       /* النص الثانوي */
  --ink-3:#6A5F75;       /* التلميحات على الأبيض فقط */
  --line:#E8E2F0;        /* الفواصل الرفيعة */
  --line-2:#CEC4DB;      /* أعمدة الفترة السابقة، الحدود المتقطعة */
  --pri:#5B2BD6;         /* الإجراء فقط (بنفسجي) */
  --on-pri:#FFFFFF;
  --approve:#FFECA5;     /* ما ينتظر الاعتماد فقط (أصفر فاتح كورق الملاحظات) */
  --approve-soft:#FFF7D6;
  --approve-text:#6B5200;
  --ok:#0B7350;--ok-soft:#DCF5EA;
  --bad:#B3261E;--bad-soft:#FCE4E2;
  --k-sales:#ECE5FF;--k-coll:#DCF5EA;--k-exp:#FCE3EC;--k-tax:#DDF0F3;
  --scrim:rgba(35,20,47,.48);
  /* الأشكال */
  --radius:12px;--radius-sm:10px;--radius-ask:14px;
  --border:1px solid var(--ink);
  --shadow-ask:4px 4px 0 var(--ink);
  /* الخط */
  --font:"Rubik","Noto Sans Arabic",Tahoma,sans-serif;
  color-scheme:light;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.6}
button,input,select,textarea{font:inherit}
.num,.mono{font-family:var(--font);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
:focus-visible{outline:3px solid var(--pri);outline-offset:2px}
/* تركيز الحقول: إطار بلون الإجراء بسماكة 3 بكسل (خط داخلي 3 يغطي الحد 1)، بلا ظل ولا تغيّر في المقاس */
html :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea):focus{border-color:var(--pri);outline:3px solid var(--pri);outline-offset:-3px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* تنبيه انقطاع الاتصال (التطبيق المثبّت، ACC-03ج): البرنامج يعمل متصلاً فقط، فيظهر هذا الشريط حين ينقطع */
.netBanner{position:fixed;inset-inline:0;top:0;z-index:1000;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;background:var(--bad-soft);color:var(--bad);border-bottom:var(--border);font-weight:600;font-size:13px;text-align:center}
.netBanner[hidden]{display:none}