/* ═══════════════════════════════════════════════════════════════
   «صالة» — نظامُ التصميم (الرموز · الأساس · المكوّنات · القشرة · الأنماط)
   أوفى جهازُ المتجر: وحداتٌ على هيكل، مفاتيحُ تُضغط بمصباحٍ برتقاليّ،
   مصابيحُ تقول الحالة، ورقٌ حراريّ، عدّادات، وشاشةُ مبلغٍ زجاجيّة.
   القواعد: كلُّ لونٍ من رمز · خصائصُ منطقيّة لا يمين/يسار · الأرقامُ لاتينيّة
   جدوليّة · الحركةُ تسكن مع تقليل الحركة. المرجع: docs/صالة.md
   ═══════════════════════════════════════════════════════════════ */

/* ═══ الخطوط: وجهان، عربيٌّ ولاتينيٌّ لكلّ وزن، مقصوصةٌ بمدى المحارف ═══ */
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:400;font-display:swap;src:url("fonts/plex-ar-400.woff2") format("woff2");unicode-range:U+060C,U+061B,U+061F,U+0621-063A,U+0640-0655,U+0660-066D,U+0670,U+067E,U+0686,U+06A4,U+06AF,U+06CC,U+06D4,U+200C-200F,U+FD3E-FD3F}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:500;font-display:swap;src:url("fonts/plex-ar-500.woff2") format("woff2");unicode-range:U+060C,U+061B,U+061F,U+0621-063A,U+0640-0655,U+0660-066D,U+0670,U+067E,U+0686,U+06A4,U+06AF,U+06CC,U+06D4,U+200C-200F,U+FD3E-FD3F}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:600;font-display:swap;src:url("fonts/plex-ar-600.woff2") format("woff2");unicode-range:U+060C,U+061B,U+061F,U+0621-063A,U+0640-0655,U+0660-066D,U+0670,U+067E,U+0686,U+06A4,U+06AF,U+06CC,U+06D4,U+200C-200F,U+FD3E-FD3F}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:700;font-display:swap;src:url("fonts/plex-ar-700.woff2") format("woff2");unicode-range:U+060C,U+061B,U+061F,U+0621-063A,U+0640-0655,U+0660-066D,U+0670,U+067E,U+0686,U+06A4,U+06AF,U+06CC,U+06D4,U+200C-200F,U+FD3E-FD3F}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:400;font-display:swap;src:url("fonts/plex-lat-400.woff2") format("woff2");unicode-range:U+0020-007E,U+00A0,U+00A9,U+00AB,U+00B0,U+00B7,U+00BB,U+00D7,U+00F7,U+2010-2027,U+2030,U+2039-203A,U+2066-2069,U+20AC,U+2190-2193,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:500;font-display:swap;src:url("fonts/plex-lat-500.woff2") format("woff2");unicode-range:U+0020-007E,U+00A0,U+00A9,U+00AB,U+00B0,U+00B7,U+00BB,U+00D7,U+00F7,U+2010-2027,U+2030,U+2039-203A,U+2066-2069,U+20AC,U+2190-2193,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:600;font-display:swap;src:url("fonts/plex-lat-600.woff2") format("woff2");unicode-range:U+0020-007E,U+00A0,U+00A9,U+00AB,U+00B0,U+00B7,U+00BB,U+00D7,U+00F7,U+2010-2027,U+2030,U+2039-203A,U+2066-2069,U+20AC,U+2190-2193,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:700;font-display:swap;src:url("fonts/plex-lat-700.woff2") format("woff2");unicode-range:U+0020-007E,U+00A0,U+00A9,U+00AB,U+00B0,U+00B7,U+00BB,U+00D7,U+00F7,U+2010-2027,U+2030,U+2039-203A,U+2066-2069,U+20AC,U+2190-2193,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Alexandria";font-weight:600;font-display:swap;src:url("fonts/alex-ar-600.woff2") format("woff2");unicode-range:U+060C,U+061B,U+061F,U+0621-063A,U+0640-0655,U+0660-066D,U+0670,U+067E,U+0686,U+06A4,U+06AF,U+06CC,U+06D4,U+200C-200F,U+FD3E-FD3F}
@font-face{font-family:"Alexandria";font-weight:700 900;font-display:swap;src:url("fonts/alex-ar-700.woff2") format("woff2");unicode-range:U+060C,U+061B,U+061F,U+0621-063A,U+0640-0655,U+0660-066D,U+0670,U+067E,U+0686,U+06A4,U+06AF,U+06CC,U+06D4,U+200C-200F,U+FD3E-FD3F}
@font-face{font-family:"Alexandria";font-weight:600;font-display:swap;src:url("fonts/alex-lat-600.woff2") format("woff2");unicode-range:U+0020-007E,U+00A0,U+00A9,U+00AB,U+00B0,U+00B7,U+00BB,U+00D7,U+00F7,U+2010-2027,U+2030,U+2039-203A,U+2066-2069,U+20AC,U+2190-2193,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Alexandria";font-weight:700 900;font-display:swap;src:url("fonts/alex-lat-700.woff2") format("woff2");unicode-range:U+0020-007E,U+00A0,U+00A9,U+00AB,U+00B0,U+00B7,U+00BB,U+00D7,U+00F7,U+2010-2027,U+2030,U+2039-203A,U+2066-2069,U+20AC,U+2190-2193,U+2212,U+FEFF,U+FFFD}

/* ═══ الرموز: المصدرُ الوحيدُ للألوان والمقاسات — تشطيب «أبيض» ═══ */
:root{
  --tst-bg:#1C1C1E; --tst-ink:#F3F3F2; --tst-mute:#A4A6AD; --tst-edge:rgba(255,255,255,.08); --tst-well:rgba(255,255,255,.1); --tst-well-2:rgba(255,255,255,.18); --tst-shade:rgba(0,0,0,.45);
  --tst-ok:#3DD68C; --tst-bad:#FF7A7A; --tst-warn:#F5BD4F; --tst-info:#7DB8FF;
  --base:#EBEBE8; --module:#FFFFFF; --well:#F2F2EF; --well-deep:#E8E8E4;
  --key-top:#FFFFFF; --key-bot:#F4F4F1; --key-hi:rgba(255,255,255,.95); --key-edge:#D4D4CF; --key-down:#E7E7E3;
  --line:#D9D9D4; --line-2:#E6E6E2;
  --ink:#1C1C1E; --ink-2:#4E5057; --ink-3:#62646B; --eng:#8B8D93;
  --sig:#FF4F17; --sig-deep:#CF3A09; --sig-ink:#B3310A; --sig-soft:#FFEDE5; --on-sig:#1C1C1E;
  --sig-top:#FF6B3D; --sig-hov-top:#FF7A50; --sig-hov-bot:#FF5A24; --sig-glow:rgba(255,79,23,.15);
  --ok:#22A45D; --ok-ink:#16683A; --ok-soft:#E3F4EA;
  --warn:#F2A516; --warn-ink:#7A5300; --warn-soft:#FDF2DA;
  --bad:#E5484D; --bad-ink:#B42318; --bad-soft:#FCE9E8;
  --info:#2F6FEB; --info-ink:#1D4FB8; --info-soft:#E6EEFD;
  /* زجاج شاشة المبلغ: لوحٌ أسودُ بلا توهّج، واحدٌ في التشطيبين */
  --gl-bg:#09090A; --gl-bg-2:#1B1C1F; --gl-sheen:rgba(255,255,255,.055); --gl-edge:#000000;
  --gl-fg:#F6F6F4; --gl-dim:#8E9096; --gl-rule:rgba(255,255,255,.1); --gl-bar:rgba(255,255,255,.13); --gl-bar-on:rgba(246,246,244,.88);
  /* المفتاح الغرافيتيّ (.key.ink) وشريط التحديد: واحدٌ في التشطيبين */
  --ik-top:#2A2B2F; --ik-bot:#1C1C1E; --ik-edge:#0E0E10; --ik-fg:#F3F3F2; --ik-floor:#050506;
  --paper:#FFFEFA; --paper-ink:#262628; --paper-2:#6A6A70; --paper-rule:#D6D4CC;
  /* حبرُ الورق ثابتٌ في التشطيبين (لا يُعاد في «جرافيت»): الورقُ يبقى ورقاً — ٢٨ سبتمبر ٢٠٢٦ */
  --pp-ink-2:#4E5057; --pp-ink-3:#62646B; --pp-line:#D9D9D4; --pp-line-2:#E6E6E2;
  --pp-ok-ink:#16683A; --pp-warn-ink:#7A5300; --pp-bad-ink:#B42318; --pp-info-ink:#1D4FB8;
  --bad-deep:#A3151B;  /* تعبئةُ أشدّ الأعمار — ثابتةٌ في التشطيبين */
  --chart:#1C1C1E; --chart-2:#B9BAB5; --grid:#E6E6E2;
  --scrim:rgba(18,18,20,.42); --mask:#000000;
  /* الظلال: درجاتُ عتمةٍ وإضاءةٍ بأسمائها — لا rgba خارج الرموز */
  --dk-1:rgba(0,0,0,.07); --dk-2:rgba(0,0,0,.12); --dk-3:rgba(0,0,0,.18); --dk-4:rgba(0,0,0,.25); --dk-5:rgba(0,0,0,.35); --dk-6:rgba(0,0,0,.6);
  --lt-1:rgba(255,255,255,.08); --lt-2:rgba(255,255,255,.18); --lt-3:rgba(255,255,255,.4);
  --sig-shade:rgba(207,58,9,.7); --sig-press:rgba(80,20,0,.35);
  --f-display:"Alexandria","IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif;
  --f-ui:"IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif;
  /* المسافات 4·8·12·16·20·24·32·48 — الزوايا 8·12·16·22 */
  --r-chip:8px; --r-in:12px; --r-key:16px; --r-mod:22px;
  --h-key:44px; --h-key-sm:36px; --h-key-lg:56px;
  --shadow-mod:0 1px 0 rgba(28,28,30,.03),0 14px 34px -22px rgba(28,28,30,.22);
  --shadow-pop:0 0 0 1px var(--line),0 28px 60px -24px rgba(28,28,30,.35);
  --sh-key:inset 0 1px 0 var(--key-hi),0 2px 0 var(--key-edge),0 8px 16px -12px var(--dk-5);
  --sh-down:inset 0 2px 5px var(--dk-3);
  --sh-in:inset 0 1px 2px var(--dk-1),inset 0 0 0 1px var(--line);
  --sh-well:inset 0 1px 2px var(--dk-1),inset 0 0 0 1px var(--line-2);
  --sh-led:inset 0 -1px 1px var(--dk-4);
  color-scheme:light;
}
/* ═══ تشطيب «جرافيت» ═══ */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --base:#111214; --module:#1B1C1F; --well:#141517; --well-deep:#101113;
    --key-top:#27292D; --key-bot:#202226; --key-hi:rgba(255,255,255,.06); --key-edge:#0B0C0D; --key-down:#18191C;
    --line:#2E3035; --line-2:#26282C;
    --ink:#F3F3F2; --ink-2:#BFC1C6; --ink-3:#9EA0A7; --eng:#6E7178;
    --sig:#FF5A24; --sig-deep:#C73F0E; --sig-ink:#FF8A5E; --sig-soft:#3A1D12; --on-sig:#141414;
    --ok:#2FBF6E; --ok-ink:#7FDCA6; --ok-soft:#12301F;
    --warn:#F2B233; --warn-ink:#F5C866; --warn-soft:#352A10;
    --bad:#F05A5F; --bad-ink:#FF9A96; --bad-soft:#3A1717;
    --info:#5B8DF0; --info-ink:#9DBBF7; --info-soft:#17233D;
    --chart:#F3F3F2; --chart-2:#56585E; --grid:#26282C;
    --scrim:rgba(0,0,0,.6);
    --shadow-mod:0 1px 0 rgba(0,0,0,.4),0 18px 40px -24px rgba(0,0,0,.8);
    --shadow-pop:0 0 0 1px var(--line),0 30px 70px -20px rgba(0,0,0,.85);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --base:#111214; --module:#1B1C1F; --well:#141517; --well-deep:#101113;
  --key-top:#27292D; --key-bot:#202226; --key-hi:rgba(255,255,255,.06); --key-edge:#0B0C0D; --key-down:#18191C;
  --line:#2E3035; --line-2:#26282C;
  --ink:#F3F3F2; --ink-2:#BFC1C6; --ink-3:#9EA0A7; --eng:#6E7178;
  --sig:#FF5A24; --sig-deep:#C73F0E; --sig-ink:#FF8A5E; --sig-soft:#3A1D12; --on-sig:#141414;
  --ok:#2FBF6E; --ok-ink:#7FDCA6; --ok-soft:#12301F;
  --warn:#F2B233; --warn-ink:#F5C866; --warn-soft:#352A10;
  --bad:#F05A5F; --bad-ink:#FF9A96; --bad-soft:#3A1717;
  --info:#5B8DF0; --info-ink:#9DBBF7; --info-soft:#17233D;
  --chart:#F3F3F2; --chart-2:#56585E; --grid:#26282C;
  --scrim:rgba(0,0,0,.6);
  --shadow-mod:0 1px 0 rgba(0,0,0,.4),0 18px 40px -24px rgba(0,0,0,.8);
  --shadow-pop:0 0 0 1px var(--line),0 30px 70px -20px rgba(0,0,0,.85);
  color-scheme:dark;
}

/* ═══ الأساس ═══ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;font-synthesis-weight:none}
html,body{min-height:100%}
body{margin:0;background:var(--base);color:var(--ink);font:400 14px/1.55 var(--f-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4{margin:0;font-family:var(--f-display);font-weight:700;letter-spacing:-.01em;text-wrap:balance;color:var(--ink)}
p,dl,dd,figure{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
a{color:var(--sig-ink);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
img,svg{max-width:100%}
hr{border:0;border-top:1px solid var(--line-2);margin:12px 0}
table{border-collapse:collapse}
input::placeholder,textarea::placeholder{color:var(--ink-3);opacity:1}
:focus-visible{outline:2px solid var(--sig);outline-offset:2px;border-radius:6px}
::selection{background:var(--sig-soft);color:var(--ink)}
[hidden]{display:none!important}
*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";direction:ltr;unicode-bidi:isolate;display:inline-block;white-space:nowrap}
.disp{font-family:var(--f-display)}
.nw{white-space:nowrap}
.ink2{color:var(--ink-2)}.ink3{color:var(--ink-3)}
.up{color:var(--ok-ink)}.dn{color:var(--bad-ink)}.wrn{color:var(--warn-ink)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.row{display:flex;align-items:center;gap:8px}
.row.wrap{flex-wrap:wrap}
.col{display:flex;flex-direction:column;gap:8px}
.col.g4{gap:4px}.col.g12{gap:12px}.col.g16{gap:16px}.row.g12{gap:12px}.row.g16{gap:16px}
.grow{flex-grow:1;min-width:0}
.sp{flex-grow:1}
.tc{text-align:center}.te{text-align:end}
.sm{font-size:12.5px}
.scroll-x{overflow-x:auto;position:relative}
.stack{display:flex;flex-direction:column;gap:16px}
.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:100;padding:10px 14px;border-radius:12px;background:var(--ink);color:var(--module)}
.skip:focus{top:12px}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* ═══ الأيقونة ═══ */
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;display:inline-block;vertical-align:middle}
.ic.s{width:16px;height:16px}.ic.l{width:24px;height:24px}.ic.xl{width:32px;height:32px;stroke-width:1.5}
.ic.spin{animation:spin .9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ═══ المفتاح: الوحدة الأساس ═══ */
.key{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--h-key);padding:0 16px;
  border-radius:var(--r-key);border:1px solid var(--line);background:linear-gradient(var(--key-top),var(--key-bot));box-shadow:var(--sh-key);
  font:600 14px/1 var(--f-ui);color:var(--ink);white-space:nowrap;text-decoration:none;user-select:none;-webkit-tap-highlight-color:transparent;
  transition:transform .07s ease,box-shadow .07s ease,background .15s}
.key:hover{text-decoration:none;background:linear-gradient(var(--key-top),var(--key-down))}
.key:active,.key.is-down,.key[aria-pressed="true"],.key[aria-selected="true"],.key[aria-current="page"]{transform:translateY(2px);background:var(--key-down);box-shadow:var(--sh-down)}
.key[aria-pressed="true"]::after,.key[aria-selected="true"]::after,.key[aria-current="page"]::after,.key.lit::after{content:"";position:absolute;top:7px;inset-inline-start:8px;width:6px;height:6px;border-radius:50%;
  background:var(--sig);box-shadow:0 0 0 2px var(--sig-glow),0 0 8px var(--sig)}
.key.sm[aria-pressed="true"]::after,.key.sm[aria-selected="true"]::after,.key.sm.lit::after{top:5px;inset-inline-start:5px;width:5px;height:5px}
.key:disabled,.key[aria-disabled="true"]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:inset 0 1px 0 var(--key-hi)}
.key.sm{height:var(--h-key-sm);padding:0 12px;border-radius:12px;font-size:13px;gap:6px}
.key.lg{height:var(--h-key-lg);padding:0 22px;font-size:16px;border-radius:18px}
.key.sq{width:var(--h-key);padding:0}.key.sm.sq{width:var(--h-key-sm)}
.key.wide{width:100%}
.key.ghost{background:transparent;border-color:transparent;box-shadow:none}
.key.ghost:hover{background:var(--well)}
.key.danger{color:var(--bad-ink)}
.key.sig{background:linear-gradient(var(--sig-top),var(--sig));border-color:var(--sig-deep);color:var(--on-sig);font-weight:700;
  box-shadow:inset 0 1px 0 var(--lt-3),0 3px 0 var(--sig-deep),0 12px 22px -12px var(--sig-shade)}
.key.sig:hover{background:linear-gradient(var(--sig-hov-top),var(--sig-hov-bot))}
.key.sig:active,.key.sig.is-down{background:var(--sig);box-shadow:inset 0 2px 6px var(--sig-press)}
.key.sig kbd{background:var(--dk-2);border-color:var(--dk-3);color:var(--on-sig)}
.key.ink{background:linear-gradient(var(--ik-top),var(--ik-bot));border-color:var(--ik-edge);color:var(--ik-fg);
  box-shadow:inset 0 1px 0 var(--lt-2),0 3px 0 var(--ik-floor),0 10px 20px -12px var(--dk-6)}
.key.ink:hover{background:linear-gradient(var(--ik-top),var(--ik-top))}
.key.ink:active{background:var(--ik-bot);box-shadow:inset 0 2px 5px var(--dk-6)}
.key .badge{position:absolute;top:-6px;inset-inline-end:-6px}
.key.busy{pointer-events:none;opacity:.7}
kbd{display:inline-flex;align-items:center;font:600 10.5px/1 var(--f-ui);color:var(--ink-3);background:var(--well);border:1px solid var(--line);
  border-bottom-width:2px;border-radius:5px;padding:3px 5px;letter-spacing:.02em;direction:ltr}
.keys{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
/* نموذجُ زرٍّ واحدٍ داخل خليّةٍ أو سطرٍ نصّيّ (عكسٌ/إلغاء) — يجري مع النصّ ولا يكسر السطر */
form.inline{display:inline;margin:0}

/* ═══ الوحدة ═══ */
.mod{position:relative;background:var(--module);border:1px solid var(--line-2);border-radius:var(--r-mod);box-shadow:var(--shadow-mod);min-width:0;display:flex;flex-direction:column}
.mod-h{display:flex;align-items:center;gap:10px;padding:16px 20px 0;min-height:24px}
.mod-h h2,.mod-h h3{font:600 15px/1.3 var(--f-ui);letter-spacing:0;flex-grow:1;min-width:0;display:flex;align-items:center;gap:8px}
.mod-h .aside{font-size:12px;color:var(--ink-3);white-space:nowrap}
.mod-b{padding:14px 20px 20px;min-width:0}
.mod-b.flush{padding:10px 0 4px}
.mod-f{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--line-2);flex-wrap:wrap}
a.mod{color:inherit;text-decoration:none;transition:box-shadow .15s}
a.mod:hover{box-shadow:var(--shadow-mod),0 0 0 1px var(--line)}
.eng{font:600 11px/1 var(--f-ui);color:var(--eng);white-space:nowrap}
.lat{font-family:var(--f-ui);font-variant-numeric:tabular-nums;font-size:11px;font-weight:500;direction:ltr;unicode-bidi:isolate}
.big{font:700 34px/1 var(--f-display);letter-spacing:-.01em}
.mid{font:700 22px/1 var(--f-display)}

/* ═══ التجويف والحقول ═══ */
.well{background:var(--well);border-radius:var(--r-in);box-shadow:var(--sh-well)}
.well.pad{padding:12px 14px}
.fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.fld>label,.fld>.lb{font:500 12.5px/1.2 var(--f-ui);color:var(--ink-2);display:flex;align-items:center;gap:6px}
.req{color:var(--bad-ink)}
.fld .help{font-size:12px;color:var(--ink-3)}
.in{display:flex;align-items:center;gap:8px;height:var(--h-key);padding:0 14px;background:var(--well);border-radius:var(--r-in);border:0;
  box-shadow:var(--sh-in);color:var(--ink);min-width:0;transition:box-shadow .15s}
.in:focus-within,input.in:focus,select.in:focus,textarea.in:focus{outline:0;box-shadow:inset 0 0 0 1.5px var(--sig),0 0 0 4px var(--sig-soft)}
.in input,.in select,.in textarea{border:0;outline:0;background:transparent;flex-grow:1;min-width:0;height:100%;padding:0;font-size:14px}
/* الملءُ التلقائيّ داخل إطار حقل: كروم يطلي الحقلَ المحفوظ أزرقَ فاتحاً. لا يُغطّى بظلٍّ (كان يطلي فوق حافّة الإطار
   وخطِّ التركيز فيبدوان خارجه — ١ أكتوبر ٢٠٢٦)؛ تُؤخَّر صبغتُه فيبقى شفّافاً على لون الإطار */
.in input:-webkit-autofill,.in input:-webkit-autofill:hover,.in input:-webkit-autofill:focus{
  -webkit-box-shadow:none;box-shadow:none;background-color:transparent;
  -webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:background-color 600000s 0s,color 600000s 0s}
input.in:-webkit-autofill,input.in:-webkit-autofill:hover{
  -webkit-box-shadow:var(--sh-in),inset 0 0 0 1000px var(--well);box-shadow:var(--sh-in),inset 0 0 0 1000px var(--well);
  -webkit-text-fill-color:var(--ink);transition:background-color 99999s ease-out}
input.in:-webkit-autofill:focus{box-shadow:inset 0 0 0 1.5px var(--sig),0 0 0 4px var(--sig-soft),inset 0 0 0 1000px var(--well)}
.in .ic{color:var(--ink-3)}
.in.err{box-shadow:inset 0 0 0 1.5px var(--bad),0 0 0 4px var(--bad-soft)}
.in.sm{height:var(--h-key-sm);padding:0 12px;border-radius:12px}
.in.sm input{font-size:13.5px}
.in.lg{height:56px;border-radius:16px}.in.lg input{font-size:17px;font-weight:500}
.in.ro{background:transparent;box-shadow:inset 0 0 0 1px var(--line-2)}
input.in,select.in{width:100%;font-size:14px}
textarea.in{height:auto;min-height:92px;padding:12px 14px;width:100%;resize:vertical;line-height:1.6}
.in input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.in .unit{font-size:12px;color:var(--ink-3);white-space:nowrap}
.in input.num,.in input[inputmode="decimal"],.in input[inputmode="numeric"]{text-align:end;direction:ltr}
select.in{appearance:none;-webkit-appearance:none;padding-inline-end:36px;
  background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);
  background-position:left 18px center,left 13px center;background-size:5px 5px;background-repeat:no-repeat}
[dir="ltr"] select.in{background-position:right 13px center,right 18px center}
.hint-err{font-size:12px;color:var(--bad-ink)}
.form-err{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--bad-soft);color:var(--bad-ink);font-size:13.5px}
/* حقلُ التاريخ: نصٌّ لاتينيّ YYYY-MM-DD ومنتقٍ أصليّ خلف زرّ التقويم */
.dt{direction:ltr}
.dt input[type="text"]{text-align:start;direction:ltr;font-variant-numeric:tabular-nums}
.dt .dt-pick{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:var(--ink-3);padding:0}
.dt .dt-pick:hover{background:var(--module);color:var(--ink)}
.dt input[type="date"].dt-nat{position:absolute;inset:0;opacity:0;pointer-events:none;width:1px;height:1px}
/* مربّع الاختيار وزرّ الاختيار: تجويفٌ صغير يمتلئ بالغرافيت */
.cb,.rb{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;vertical-align:middle;font-size:14px}
.cb input,.rb input{position:absolute;inset-inline-start:0;top:50%;width:20px;height:20px;margin:-10px 0 0;opacity:0;cursor:pointer}
.cb>span:first-of-type,.rb>span:first-of-type{position:relative;width:20px;height:20px;flex:none;border-radius:6px;background:var(--well);display:flex;align-items:center;justify-content:center;
  box-shadow:inset 0 1px 2px var(--dk-2),inset 0 0 0 1px var(--line);transition:background .12s}
.rb>span:first-of-type{border-radius:50%}
.cb:hover>span:first-of-type,.rb:hover>span:first-of-type{box-shadow:inset 0 1px 2px var(--dk-2),inset 0 0 0 1px var(--ink-3)}
.cb input:checked+span,.cb input:indeterminate+span,.rb input:checked+span{background:var(--ink);box-shadow:0 1px 0 var(--key-edge)}
.cb input:checked+span::after{content:"";width:5px;height:10px;margin-top:-2px;border:solid var(--module);border-width:0 2px 2px 0;transform:rotate(45deg)}
.cb input:indeterminate+span::after{content:"";width:10px;height:2px;border-radius:1px;background:var(--module)}
.rb input:checked+span::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--module)}
.cb input:focus-visible+span,.rb input:focus-visible+span{outline:2px solid var(--sig);outline-offset:2px}
.cb input:disabled+span{opacity:.45}
/* مفتاح التبديل */
.tgl{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none}
.tgl input{position:absolute;opacity:0;width:1px;height:1px}
.tgl .trk{width:52px;height:30px;border-radius:999px;background:var(--well);box-shadow:inset 0 2px 4px var(--dk-3),inset 0 0 0 1px var(--line);position:relative;transition:background .2s;flex:none}
.tgl .trk::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:24px;height:24px;border-radius:50%;
  background:linear-gradient(var(--key-top),var(--key-bot));box-shadow:0 1px 0 var(--key-hi) inset,0 2px 0 var(--key-edge),0 3px 6px var(--dk-4);transition:inset-inline-start .2s cubic-bezier(.3,.8,.3,1)}
.tgl input:checked+.trk{background:var(--sig)}
.tgl input:checked+.trk::after{inset-inline-start:25px}
.tgl input:focus-visible+.trk{outline:2px solid var(--sig);outline-offset:2px}
.tgl.sm .trk{width:42px;height:24px}.tgl.sm .trk::after{width:18px;height:18px}.tgl.sm input:checked+.trk::after{inset-inline-start:21px}
.in.area{height:auto;padding:10px 14px;align-items:stretch}
.in.area textarea{min-height:88px;resize:vertical;line-height:1.6}
.fld>input[type="date"],.fld>select,.fld>input[type="file"]{height:var(--h-key);padding:0 14px;border:0;border-radius:var(--r-in);background:var(--well);box-shadow:var(--sh-in);width:100%}
.fld>ul{display:flex;flex-direction:column;gap:8px}
.form-page{max-width:780px}
.form-keys{justify-content:flex-end;padding-top:6px;border-top:1px solid var(--line-2)}
.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px 16px}
.fgrid .full{grid-column:1/-1}

/* ═══ المصباح والشريحة والشارة ═══ */
.led{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none;background:var(--ok);box-shadow:var(--sh-led),0 0 7px var(--ok)}
.led.warn{background:var(--warn);box-shadow:var(--sh-led),0 0 7px var(--warn)}
.led.bad{background:var(--bad);box-shadow:var(--sh-led),0 0 7px var(--bad)}
.led.sig{background:var(--sig);box-shadow:var(--sh-led),0 0 8px var(--sig)}
.led.info{background:var(--info);box-shadow:var(--sh-led),0 0 7px var(--info)}
.led.off{background:var(--line);box-shadow:inset 0 1px 1px var(--dk-3)}
.led.pulse{animation:ledpulse 1.6s ease-in-out infinite}
@keyframes ledpulse{0%,100%{opacity:1}50%{opacity:.35}}
.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;background:var(--well);color:var(--ink-2);
  font:600 12px/1 var(--f-ui);white-space:nowrap;box-shadow:inset 0 0 0 1px var(--line-2);text-decoration:none}
a.chip:hover{text-decoration:none;box-shadow:inset 0 0 0 1px var(--line)}
.chip .led{width:6px;height:6px}
.chip .ic{width:14px;height:14px}
.chip.ok{background:var(--ok-soft);color:var(--ok-ink);box-shadow:none}
.chip.warn{background:var(--warn-soft);color:var(--warn-ink);box-shadow:none}
.chip.bad{background:var(--bad-soft);color:var(--bad-ink);box-shadow:none}
.chip.info{background:var(--info-soft);color:var(--info-ink);box-shadow:none}
.chip.sig{background:var(--sig-soft);color:var(--sig-ink);box-shadow:none}
.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--sig);font-variant-numeric:tabular-nums;
  color:var(--on-sig);font:700 11px/1 var(--f-ui);box-shadow:0 1px 0 var(--sig-deep)}
.badge.ink{background:var(--ink);color:var(--module);box-shadow:none}
.badge.ok{background:var(--ok);color:var(--on-sig);box-shadow:none}
.badge.mute{background:var(--well-deep);color:var(--ink-2);box-shadow:none}
.av{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;background:var(--well);
  box-shadow:inset 0 0 0 1px var(--line);font:700 13px/1 var(--f-display);color:var(--ink)}
.av.sig{background:var(--sig);color:var(--on-sig);box-shadow:none}
.av.sm{width:24px;height:24px;font-size:11px}
.av.lg{width:60px;height:60px;border-radius:18px;font-size:26px}

/* ═══ المفاتيح المقسّمة والتبويبات ═══ */
.seg{display:inline-flex;padding:4px;gap:4px;background:var(--well);border-radius:14px;box-shadow:inset 0 1px 3px var(--dk-2),inset 0 0 0 1px var(--line-2);max-width:100%;overflow-x:auto;scrollbar-width:none}
.seg::-webkit-scrollbar{display:none}
.seg>button,.seg>a,.seg>label{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border:0;border-radius:10px;background:transparent;
  font:500 13px/1 var(--f-ui);color:var(--ink-2);white-space:nowrap;text-decoration:none;position:relative;cursor:pointer;flex:none}
.seg>label input{position:absolute;opacity:0;width:1px;height:1px}
.seg>button b,.seg>a b{font:600 11.5px/1 var(--f-ui);color:var(--ink-3);font-variant-numeric:tabular-nums}
.seg>[aria-selected="true"],.seg>[aria-current="page"],.seg>[aria-checked="true"],.seg>label:has(input:checked){background:linear-gradient(var(--key-top),var(--key-bot));color:var(--ink);font-weight:600;
  box-shadow:inset 0 1px 0 var(--key-hi),0 1px 0 var(--key-edge),0 3px 8px -4px var(--dk-5)}
.seg>[aria-selected="true"] b,.seg>[aria-current="page"] b{color:var(--sig-ink)}
.seg>a:hover{text-decoration:none;color:var(--ink)}
.seg .led{width:6px;height:6px}
.seg.sm>button,.seg.sm>a,.seg.sm>label{height:30px;padding:0 10px;font-size:12.5px}
.seg.full{display:flex}
.seg.full>*{flex:1;justify-content:center}
.tabs{display:flex;align-items:center;gap:14px}
.tabs::after{content:"";flex-grow:1;height:2px;border-radius:1px;background:var(--line-2);box-shadow:0 1px 0 var(--key-hi)}

/* ═══ الجدول ═══ */
.tbl{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.tbl th{font:500 12px/1.2 var(--f-ui);color:var(--ink-3);text-align:start;padding:0 16px;height:40px;border-bottom:1px solid var(--line-2);white-space:nowrap;background:var(--module)}
.tbl td{font-size:14px;padding:10px 16px;height:54px;border-bottom:1px solid var(--line-2);vertical-align:middle}
.tbl tbody tr:last-child td{border-bottom:0}
.tbl tbody tr:hover td{background:color-mix(in srgb,var(--well) 70%,transparent)}
.tbl .e{text-align:end}
.tbl td.e,.tbl td .n{font-variant-numeric:tabular-nums;white-space:nowrap}
.tbl .sub{display:block;font-size:12px;color:var(--ink-3);margin-top:2px}
.tbl .nil{color:var(--ink-3);font-weight:400}
.tbl .w100{width:100%}
.tbl .nw{white-space:nowrap}
.tbl tfoot td{font-weight:700;background:var(--well);border-bottom:0;height:48px}
.tbl tfoot td.e .num{padding-top:6px;border-top:3px double var(--line);font-family:var(--f-display)}
.tbl.dense td{height:44px;padding-block:6px}
.tbl th a{color:inherit;display:inline-flex;align-items:center;gap:4px}
.tbl th a:hover{color:var(--ink);text-decoration:none}
.tbl th[aria-sort] a{color:var(--ink);font-weight:600}
.tbl th .ic{width:14px;height:14px}
.tbl tr.rl{cursor:pointer}
.tbl tr.rl:focus{outline:0}
.tbl tr.rl:focus-visible td{box-shadow:inset 0 2px 0 var(--sig),inset 0 -2px 0 var(--sig)}
.tbl tr.is-sel td{background:color-mix(in srgb,var(--sig-soft) 55%,var(--module))}
.tbl tr.is-peek td{background:var(--well)}
.tbl tr.is-peek td:first-child{box-shadow:inset -4px 0 0 var(--sig)}
[dir="ltr"] .tbl tr.is-peek td:first-child{box-shadow:inset 4px 0 0 var(--sig)}
.tbl td.cbx,.tbl th.cbx{width:48px;padding-inline:18px 4px}
.tbl .num,.tbl .ref{white-space:nowrap}
.tbl .ref{font:500 12.5px/1 var(--f-ui);color:var(--ink);letter-spacing:.01em}
.tbl .who{font:600 14px/1.3 var(--f-ui)}
.tbl a.who{color:var(--ink)}
.tbl .gh td{height:40px;padding-block:6px;background:var(--well);font:500 13px/1.2 var(--f-ui);cursor:pointer}
.tbl .gh b{font-weight:700}
.tbl .empty-r td{height:auto;padding:44px 16px}
.twrap{overflow-x:auto;position:relative;border-top:1px solid var(--line-2);container-type:inline-size}
@container (max-width:1120px){.tbl .c-rep{display:none}}
/* زوجُ العكس في الكشوف (p09): الأصلُ المعكوسُ باهتٌ مشطوبُ المبلغ (.rv.a) والعاكسُ (.rv.b) — قوسٌ يربطهما */
.tbl tr.rv>td:first-child{position:relative}
.tbl tr.rv>td:first-child::before{content:"";position:absolute;inset-inline-start:6px;width:8px;border:2px solid var(--info);border-inline-end:0;border-start-start-radius:6px;border-end-start-radius:6px}
.tbl tr.rv.b>td:first-child::before{top:50%;bottom:0;border-bottom:0;border-end-start-radius:0}
.tbl tr.rv.a>td:first-child::before{top:0;bottom:50%;border-top:0;border-start-start-radius:0}
.tbl tr.rv.a>td{color:var(--ink-3)}
.tbl tr.rv.a .amt{text-decoration:line-through;text-decoration-color:var(--ink-3)}
/* قائمةٌ تلائم الجوّال: تُخفى الأعمدةُ الثانويّة (.c-m) ويظهر بديلُها المختصر (.m-only) بدل التمرير الأفقيّ */
.m-only,.tbl td.m-only,.tbl th.m-only{display:none}
@media (max-width:760px){.lst .tbl.m-fit{min-width:0}.tbl.m-fit :is(th,td){padding-inline:10px}.tbl .c-m{display:none}.tbl .m-only{display:block}.tbl td.m-only,.tbl th.m-only{display:table-cell}}

/* ═══ الترقيم ═══ */
.pager{display:flex;align-items:center;gap:8px}
.pgn{display:inline-flex;align-items:center;justify-content:center;min-width:70px;height:var(--h-key-sm);padding:0 12px;border-radius:12px;color:var(--gl-fg);font:600 15px/1 var(--f-display);
  background:linear-gradient(112deg,transparent 22%,var(--gl-sheen) 44%,transparent 64%),linear-gradient(180deg,var(--gl-bg-2),var(--gl-bg) 78%);box-shadow:inset 0 0 0 1px var(--gl-edge),inset 0 1px 0 var(--gl-sheen);direction:ltr}
.range{font:500 13px/1 var(--f-ui);color:var(--ink-3)}
.range b{font-weight:600;color:var(--ink)}
.khelp{display:flex;gap:14px;font-size:12px;color:var(--ink-3)}
.khelp>span{display:inline-flex;align-items:center;gap:5px}

/* ═══ الحالة الفارغة والهيكل العظميّ ═══ */
.empty{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:40px 16px;color:var(--ink-3)}
.empty b,.empty h3{font:600 15px/1.4 var(--f-display);color:var(--ink)}
.empty .ic.xl{color:var(--eng)}
.empty .led{width:12px;height:12px}
.empty.sm{padding:22px 12px;gap:8px}
.skel{display:block;border-radius:10px;background:linear-gradient(90deg,var(--well) 25%,var(--well-deep) 50%,var(--well) 75%) 0 0/200% 100%;animation:skel 1.2s linear infinite;min-height:14px}
.skel.h40{height:40px}.skel.h120{height:120px}.skel.h240{height:240px}
@keyframes skel{to{background-position:-200% 0}}
.skels{display:flex;flex-direction:column;gap:10px;padding:16px 20px}

/* ═══ شاشة المبلغ: زجاج — لوحٌ أسود، أرقامٌ بيضاء بخطّ العرض، تسمياتٌ رماديّة، بلا توهّج ═══ */
.dsp{--d-fg:var(--gl-fg);--d-dim:var(--gl-dim);--d-rule:var(--gl-rule);--d-bar:var(--gl-bar);--d-bar-on:var(--gl-bar-on);
  position:relative;isolation:isolate;overflow:hidden;border-radius:14px;padding:14px 18px;color:var(--d-fg);
  background:linear-gradient(112deg,transparent 22%,var(--gl-sheen) 44%,transparent 64%),linear-gradient(180deg,var(--gl-bg-2),var(--gl-bg) 78%);
  box-shadow:inset 0 0 0 1px var(--gl-edge),inset 0 1px 0 var(--gl-sheen),0 1px 0 var(--key-hi)}
.dsp-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.dsp-l{font:500 12px/1.25 var(--f-ui);color:var(--d-dim);white-space:nowrap}
.dsp-l .num,.dsp-s .num{color:color-mix(in srgb,var(--d-fg) 72%,var(--d-dim))}
.dsp-v{display:flex;align-items:baseline;gap:10px;margin:8px 0 2px;font:600 46px/1 var(--f-display);color:var(--d-fg);white-space:nowrap}
.dsp-n{display:inline-flex;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:-.01em}
.dsp-g{display:inline-flex;align-items:baseline}
.dsp-c{font:500 13px/1 var(--f-ui);color:var(--d-dim);letter-spacing:0}
.dsp-s{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px;padding-top:9px;border-top:1px solid var(--d-rule);font:500 12px/1.2 var(--f-ui);color:var(--d-dim)}
.dsp.due .dsp-row:first-child>.dsp-l:first-child::before{content:"";display:inline-block;width:3px;height:.95em;border-radius:2px;background:var(--sig);margin-inline-end:8px;vertical-align:-.12em}
.dsp.sm .dsp-v{font-size:28px;margin:5px 0 0}
.dsp.lg .dsp-v{font-size:clamp(40px,8vw,60px);margin:10px 0 12px}
.dsp.neg .dsp-n{color:var(--gl-fg)}
.dsp-bars{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;align-items:end;height:42px;padding-top:10px;border-top:1px solid var(--d-rule);box-sizing:content-box}
.dsp-bars i{display:block;border-radius:2px;background:var(--d-bar);min-height:3px}
.dsp-bars i.on{background:var(--d-bar-on)}
.dsp-bars i.now{background:var(--sig)}
.dsp-bars i.gh{background:repeating-linear-gradient(0deg,var(--d-bar) 0 2px,transparent 2px 4px)}
.dg{position:relative;display:inline-block;clip-path:inset(-.06em -.2em)}
.dg>i{display:block;font-style:normal}
.dg>.n{animation:dg-in .22s cubic-bezier(.25,.8,.25,1) both}
.dg>.o{position:absolute;inset:0;animation:dg-out .22s cubic-bezier(.25,.8,.25,1) both}
@keyframes dg-in{from{transform:translateY(.62em);opacity:0}}
@keyframes dg-out{to{transform:translateY(-.62em);opacity:0}}
@media (prefers-reduced-motion:reduce){.dg>.o{display:none}.dg>.n{animation:none!important}}
.glass{color:var(--gl-fg);background:linear-gradient(112deg,transparent 22%,var(--gl-sheen) 44%,transparent 64%),linear-gradient(180deg,var(--gl-bg-2),var(--gl-bg) 78%);box-shadow:inset 0 0 0 1px var(--gl-edge),inset 0 1px 0 var(--gl-sheen)}

/* ═══ العدّادات ═══ */
.meter{display:flex;gap:3px;direction:ltr}
.meter i{flex:1;height:10px;border-radius:2px;background:var(--well-deep);box-shadow:inset 0 1px 1px var(--dk-2)}
.meter i.on{background:var(--ink);box-shadow:none}
.meter i.on.ok{background:var(--ok)}.meter i.on.warn{background:var(--warn)}.meter i.on.bad{background:var(--bad)}.meter i.on.sig{background:var(--sig)}
.meter.rtl{direction:rtl}
.batt{display:inline-flex;align-items:center;gap:3px;direction:ltr;flex:none}
.batt-body{position:relative;display:flex;gap:2px;padding:3px;width:74px;height:28px;border-radius:8px;background:var(--well);box-shadow:inset 0 0 0 1.5px var(--ink-2)}
.batt-body i{flex:1;border-radius:2px;background:transparent}
.batt-body i.on{background:var(--ok)}.batt.warn .batt-body i.on{background:var(--warn)}.batt.bad .batt-body i.on{background:var(--bad)}
.batt-cap{width:4px;height:12px;border-radius:0 2px 2px 0;background:var(--ink-2)}
.dotm{display:grid;gap:5px;grid-template-columns:repeat(var(--cols,13),minmax(0,1fr))}
.dotm i{width:100%;aspect-ratio:1;border-radius:50%;background:var(--well-deep);box-shadow:inset 0 1px 1px var(--dk-1)}
.dotm i.l1{background:color-mix(in srgb,var(--sig) 22%,var(--well-deep))}
.dotm i.l2{background:color-mix(in srgb,var(--sig) 45%,var(--well-deep))}
.dotm i.l3{background:color-mix(in srgb,var(--sig) 72%,var(--well-deep))}
.dotm i.l4{background:var(--sig);box-shadow:0 0 6px color-mix(in srgb,var(--sig) 70%,transparent)}
.dotm.c4{--cols:4}.dotm.c6{--cols:6}.dotm.c7{--cols:7}.dotm.c8{--cols:8}.dotm.c10{--cols:10}.dotm.c12{--cols:12}.dotm.c13{--cols:13}.dotm.c14{--cols:14}.dotm.c24{--cols:24}
.kg-a{stop-color:var(--key-top)}.kg-b{stop-color:var(--key-bot)}
.defs{position:absolute;width:0;height:0;overflow:hidden}
.vu{display:flex;flex-direction:column;gap:3px;width:100%}
.vu i{display:block;height:7px;border-radius:2px;background:var(--well-deep);box-shadow:inset 0 1px 1px var(--dk-1)}
.vu i.on.ok{background:var(--ok);box-shadow:0 0 6px color-mix(in srgb,var(--ok) 60%,transparent)}
.vu i.on.warn{background:var(--warn);box-shadow:0 0 6px color-mix(in srgb,var(--warn) 60%,transparent)}
.vu i.on.bad{background:var(--bad);box-shadow:0 0 6px color-mix(in srgb,var(--bad) 60%,transparent)}
.vu i.pk{position:relative}
.vu i.pk::after{content:"";position:absolute;inset-inline:-5px;top:50%;height:3px;margin-top:-1.5px;border-radius:2px;background:var(--sig);box-shadow:0 0 6px var(--sig)}
.pkm{display:inline-block;width:16px;height:3px;border-radius:2px;background:var(--sig);box-shadow:0 0 6px var(--sig)}
.knob,.dial{display:block;max-width:100%;height:auto}
.knob .t{stroke:var(--line)}.knob .t.on{stroke:var(--sig)}
.knob .rim{fill:var(--well-deep)}.knob .cap{stroke:var(--line)}.knob .mk{fill:var(--ink-3)}
.knob .ptr{stroke:var(--sig)}
.dial .a-bad{stroke:var(--bad)}.dial .a-warn{stroke:var(--warn)}.dial .a-ok{stroke:var(--ok)}
.dial .tk{stroke:var(--ink-3)}.dial .hub{fill:var(--ink)}.dial .pin{fill:var(--sig)}
.dial .ndl{stroke:var(--ink)}
.spark{display:block;width:100%;height:48px}
.spark .ar{fill:var(--sig);opacity:.08}.spark .ln{fill:none;stroke:var(--chart)}.spark .dt{fill:var(--sig)}
.spark.sm{height:26px}
.bar{display:block;height:6px;border-radius:3px;background:var(--well-deep);overflow:hidden}
.bar i{display:block;height:100%;background:var(--ink);border-radius:3px}
.bar i.sig{background:var(--sig)}.bar i.ok{background:var(--ok)}.bar i.warn{background:var(--warn)}.bar i.bad{background:var(--bad)}
.bar.lg{height:10px}
/* النِّسب والعروض تُكتب بأصناف لا بسمة style: .w0 … .w100 بخطوة 5 */
.w0{width:0}.w5{width:5%}.w10{width:10%}.w15{width:15%}.w20{width:20%}.w25{width:25%}.w30{width:30%}.w35{width:35%}.w40{width:40%}.w45{width:45%}.w50{width:50%}
.w55{width:55%}.w60{width:60%}.w65{width:65%}.w70{width:70%}.w75{width:75%}.w80{width:80%}.w85{width:85%}.w90{width:90%}.w95{width:95%}.w100{width:100%}
.h0{height:3px}.h5{height:5%}.h10{height:10%}.h15{height:15%}.h20{height:20%}.h25{height:25%}.h30{height:30%}.h35{height:35%}.h40{height:40%}.h45{height:45%}.h50{height:50%}
.h55{height:55%}.h60{height:60%}.h65{height:65%}.h70{height:70%}.h75{height:75%}.h80{height:80%}.h85{height:85%}.h90{height:90%}.h95{height:95%}.h100{height:100%}
/* شريطُ التوزيع (أعمار الدين، تدفّق النقد): عناصرُ بمرونةٍ من سمة data-f يقرؤها saala.js، وبلا جافاسكربت تتساوى */
.split{display:flex;height:38px;border-radius:10px;overflow:hidden;gap:3px}
.split i{flex:0 1 auto;min-width:4px;display:flex;align-items:flex-end;padding:4px 6px;font:600 11px/1 var(--f-ui);font-style:normal;color:var(--module)}
.split i.t0{background:var(--ink-2)}.split i.t1{background:var(--warn);color:var(--on-sig)}.split i.t2{background:color-mix(in srgb,var(--warn) 45%,var(--bad));color:var(--on-sig)}
.split i.t3{background:var(--bad);color:var(--on-sig)}.split i.t4{background:var(--bad-ink)}.split i.ok{background:var(--ok);color:var(--on-sig)}
.split i.c1{background:var(--ink)}.split i.c2{background:var(--ink-2)}.split i.c3{background:var(--ink-3)}.split i.c4{background:var(--eng)}.split i.c5{background:var(--line)}.split i.c6{background:var(--well-deep)}
.split.thin{height:12px;border-radius:4px}
.split.thin i{padding:0}
.lg-row{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:12px;color:var(--ink-3)}
.lg-row>span{display:inline-flex;align-items:center;gap:6px}
.sw{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none}
.sw.t0,.sw.c2{background:var(--ink-2)}.sw.t1{background:var(--warn)}.sw.t2{background:color-mix(in srgb,var(--warn) 45%,var(--bad))}.sw.t3{background:var(--bad)}.sw.t4{background:var(--bad-ink)}
.sw.c1{background:var(--ink)}.sw.c3{background:var(--ink-3)}.sw.c4{background:var(--eng)}.sw.c5{background:var(--line)}.sw.c6{background:var(--well-deep)}.sw.ok{background:var(--ok)}

/* ═══ الورق: الإيصال الحراريّ والورقة الرسميّة والتذكرة ═══ */
.rcpt{position:relative;background:var(--paper);color:var(--paper-ink);font:500 13px/1.45 var(--f-ui);padding:18px 18px 30px;box-shadow:0 1px 0 var(--dk-1),0 18px 30px -22px var(--dk-6)}
.rcpt::after{content:"";position:absolute;inset-inline:0;bottom:-10px;height:10px;
  background:linear-gradient(135deg,var(--paper) 5px,transparent 0) 0 0/10px 10px repeat-x,linear-gradient(225deg,var(--paper) 5px,transparent 0) 0 0/10px 10px repeat-x}
.rcpt hr,.paper hr{border:0;border-top:1px dashed var(--paper-rule);margin:10px 0}
.amt-l{display:flex;justify-content:space-between;gap:10px}
.amt-l .num{font-variant-numeric:tabular-nums}
.paper{position:relative;background:var(--paper);color:var(--paper-ink);border-radius:6px;padding:40px 44px;box-shadow:0 1px 0 var(--dk-1),0 24px 44px -28px var(--dk-6);font-size:13.5px}
.paper h1,.paper h2,.paper h3{color:var(--paper-ink)}
.paper .muted{color:var(--paper-2)}
.paper .tbl th{background:transparent;color:var(--paper-2);border-bottom-color:var(--paper-rule)}
.paper .tbl td{border-bottom-color:var(--paper-rule);height:40px}
.paper .tbl tfoot td{background:transparent}
.paper-lh{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:2px solid var(--paper-ink)}
.paper-lh .seal{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--sig);color:var(--on-sig);font:700 22px/1 var(--f-display)}
.paper-lh img{max-height:52px;width:auto}
.paper .qr{display:block;margin:14px auto 0}
.peek-b h2{font-size:17px}
.stub{position:relative;background:var(--module);border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);
  -webkit-mask:radial-gradient(circle 8px at 0 50%,transparent 98%,var(--mask)) left/51% 100% no-repeat,radial-gradient(circle 8px at 100% 50%,transparent 98%,var(--mask)) right/51% 100% no-repeat;
          mask:radial-gradient(circle 8px at 0 50%,transparent 98%,var(--mask)) left/51% 100% no-repeat,radial-gradient(circle 8px at 100% 50%,transparent 98%,var(--mask)) right/51% 100% no-repeat}
.stub.tkt{display:flex;align-items:center;gap:12px;min-height:58px;padding:0 12px 0 16px;background:var(--well);text-decoration:none;color:var(--ink)}
.stub.tkt:hover{text-decoration:none}
.stub.tkt .n{font:700 22px/1 var(--f-display);min-width:28px;text-align:center}
.stub.tkt .perf{align-self:stretch;border-inline-start:2px dashed var(--line);margin:8px 0}
.stub.tkt .t{flex-grow:1;font:500 13.5px/1.35 var(--f-ui);min-width:0}
.stub.tkt .t small{display:block;font-size:12px;color:var(--ink-3);margin-top:2px}

/* ═══ الطبقات المنبثقة ═══ */
.ovl{position:fixed;inset:0;z-index:60;background:var(--scrim);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px}
.sheet{background:var(--module);border-radius:26px;box-shadow:var(--shadow-pop);max-width:100%;max-height:100%;overflow:auto;animation:sheetin .22s cubic-bezier(.2,.8,.2,1)}
@keyframes sheetin{from{transform:translateY(12px) scale(.985);opacity:0}}
.pop{width:min(560px,100%);padding:20px;display:flex;flex-direction:column;gap:14px}
.pop h2{font:700 20px/1.2 var(--f-display)}
.pop .keys{justify-content:flex-end}
.pop.cf{width:min(440px,100%)}
.pop.cf p{color:var(--ink-2)}
/* الدرج: يفتح من جهة النهاية (اليسار في العربيّة) */
.ovl.dr{justify-content:flex-end;align-items:stretch;padding:12px}
.drawer{width:min(480px,100%);display:flex;flex-direction:column;border-radius:var(--r-mod);animation:drin .26s cubic-bezier(.2,.9,.2,1)}
.drawer.wide{width:min(720px,100%)}
@keyframes drin{from{transform:translateX(-32px);opacity:0}}
[dir="ltr"] .drawer{animation-name:drin-l}
@keyframes drin-l{from{transform:translateX(32px);opacity:0}}
.drawer-h{display:flex;align-items:center;gap:10px;padding:16px 16px 12px 20px;border-bottom:1px solid var(--line-2);flex:none}
.drawer-h h2{font:700 18px/1.25 var(--f-display);flex-grow:1;min-width:0}
.drawer-b{flex-grow:1;min-height:0;overflow-y:auto;padding:18px 20px}
.drawer-f{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--line-2);flex:none;justify-content:flex-end}
.menu{position:absolute;z-index:40;min-width:230px;background:var(--module);border-radius:18px;padding:6px;box-shadow:var(--shadow-pop);display:flex;flex-direction:column;animation:sheetin .16s ease}
.menu button,.menu a,.menu .mi{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:var(--ink);
  font:500 14px/1 var(--f-ui);text-align:start;text-decoration:none;white-space:nowrap;width:100%}
.menu button:hover,.menu a:hover{background:var(--well);text-decoration:none}
.menu hr{border:0;border-top:1px solid var(--line-2);margin:4px 8px}
.menu .ic{color:var(--ink-3)}
.menu .mh{padding:10px 12px 8px;display:flex;flex-direction:column;gap:3px}
.menu .mh b{font:600 14px/1.2 var(--f-ui)}.menu .mh small{font-size:12px;color:var(--ink-3)}
/* مبدّلُ الشركة وقائمةُ «حسابي»: سطرٌ ثانٍ تحت البند، وحالةٌ في طرفه */
.menu .co-sub{display:block;font-size:11.5px;color:var(--ink-3);font-weight:500;margin-top:2px}
.menu a .grow{display:flex;flex-direction:column;justify-content:center;min-width:0}
.menu .me-st{margin-inline-start:auto}
.menu form{margin:0}
.menu .seg{margin:4px 8px}
.menu.end{inset-inline-end:0}
.menu.start{inset-inline-start:0}
.dd{position:relative;display:inline-flex}
details.dd>summary{list-style:none;cursor:pointer}
details.dd>summary::-webkit-details-marker{display:none}
details.dd:not([open])>.menu{display:none}
details.dd[open]>summary.key{transform:translateY(2px);background:var(--key-down);box-shadow:var(--sh-down)}
details.dd.co-w{display:block}
details.dd.co-w>summary.co{list-style:none}
.um>.menu{top:calc(100% + 6px);inset-inline-end:0;width:260px}
.compact>.menu{top:calc(100% + 6px);inset-inline-end:0;width:280px}
.in.sel{position:relative;padding-inline-end:34px}
.in.sel select{appearance:none;-webkit-appearance:none;cursor:pointer}
.in.sel::after{content:"";position:absolute;inset-inline-end:14px;top:50%;width:7px;height:7px;margin-top:-5px;border:solid var(--ink-3);border-width:0 1.8px 1.8px 0;transform:rotate(45deg);pointer-events:none}
.ta{position:relative}
.ta>.menu{top:calc(100% + 6px);inset-inline:0;max-height:320px;overflow-y:auto;min-width:0}
.menu [aria-selected="true"]{background:var(--well)}
.menu button.sig{color:var(--sig-ink);font-weight:600}
.menu .mi.ink3{color:var(--ink-3);min-height:38px}
.dd>.menu{top:calc(100% + 6px);inset-inline-end:0}
.dd>.menu.start{inset-inline-end:auto;inset-inline-start:0}
/* الإشعار: شريطٌ داكنٌ مدمجٌ أسفلَ الشاشة بعيداً عن البحث والتبويبات؛ يعلو شريطَ الحفظ إن وُجد */
.toasts{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));inset-inline:0;z-index:90;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding:0 16px}
body:has(.savebar) .toasts{bottom:calc(92px + env(safe-area-inset-bottom,0px))}
.toast{--tc:var(--tst-ok);position:relative;pointer-events:auto;display:flex;align-items:center;gap:10px;max-width:min(460px,100%);min-height:44px;padding-block:7px;padding-inline:14px 6px;
  border-radius:12px;background:var(--tst-bg);color:var(--tst-ink);box-shadow:0 0 0 1px var(--tst-edge),0 12px 32px -10px var(--tst-shade);font:500 13.5px/1.45 var(--f-ui);animation:toastin .28s cubic-bezier(.2,.9,.25,1)}
.toast.t-bad{--tc:var(--tst-bad)}.toast.t-warn{--tc:var(--tst-warn)}.toast.t-info{--tc:var(--tst-info)}
.toast .ti{flex:none;display:inline-flex;color:var(--tc)}
.toast .ti .ic{width:18px;height:18px}
.toast .tm{flex:1;min-width:0}
.toast .ta{flex:none;padding:4px 10px;border-radius:8px;background:var(--tst-well);color:var(--tst-ink);font-weight:600;font-size:12.5px;text-decoration:none}
.toast .ta:hover{background:var(--tst-well-2)}
.toast .x{flex:none;border:0;background:transparent;color:var(--tst-mute);padding:6px;border-radius:8px;display:inline-flex;cursor:pointer}
.toast .x:hover{background:var(--tst-well);color:var(--tst-ink)}
.toast.out{opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}
@keyframes toastin{from{transform:translateY(10px);opacity:0}}
@media (prefers-reduced-motion:reduce){.toast{animation:none}}
/* التلميح (?) */
.hint{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line);
  color:var(--ink-3);font:700 10.5px/1 var(--f-ui);cursor:help;position:relative;vertical-align:middle;background:var(--module);flex:none}
.hint:hover::after,.hint:focus::after{content:attr(data-hint);position:absolute;bottom:calc(100% + 8px);inset-inline-start:50%;transform:translateX(50%);width:max-content;max-width:260px;
  padding:8px 12px;border-radius:10px;background:var(--ink);color:var(--module);font:400 12.5px/1.6 var(--f-ui);z-index:30;box-shadow:0 10px 30px -10px var(--dk-6);white-space:normal;text-align:start}
[dir="ltr"] .hint:hover::after,[dir="ltr"] .hint:focus::after{transform:translateX(-50%)}
.hint[data-edge="l"]:hover::after,.hint[data-edge="l"]:focus::after{left:-6px;right:auto;transform:none}
.hint[data-edge="r"]:hover::after,.hint[data-edge="r"]:focus::after{right:-6px;left:auto;transform:none}
.hint[data-v="b"]:hover::after,.hint[data-v="b"]:focus::after{bottom:auto;top:calc(100% + 8px)}
/* لوحة الأوامر والبحث */
.cmd{width:min(720px,100%);padding:14px;display:flex;flex-direction:column;gap:12px;align-self:flex-start;margin-top:8vh}
.cmd .in.lg{height:60px}
.cmd .in.lg input{font:500 18px/1 var(--f-ui)}
.res{display:flex;flex-direction:column;gap:2px;max-height:56vh;overflow-y:auto}
.res .eng{padding:10px 12px 6px}
.ri{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 12px;border-radius:12px;border:0;background:transparent;text-align:start;color:var(--ink);width:100%;text-decoration:none}
.ri:hover{text-decoration:none;background:var(--well)}
.ri .ic{color:var(--ink-3)}
.ri small{color:var(--ink-3);font-size:12.5px}
.ri[aria-selected="true"]{background:var(--well);box-shadow:inset 0 0 0 1px var(--line)}
.ri[aria-selected="true"] kbd{background:var(--module)}
.cmd-f{display:flex;gap:14px;flex-wrap:wrap;padding:6px 8px 0;border-top:1px solid var(--line-2);font-size:12px;color:var(--ink-3)}
.cmd-f span{display:inline-flex;align-items:center;gap:6px}

/* ═══ القشرة: شريط الأقسام + قائمة القسم + المحتوى ═══ */
.app{display:grid;grid-template-columns:88px minmax(0,1fr);min-height:100vh;min-height:100dvh}
.rail{position:sticky;top:12px;align-self:start;margin-block:12px;margin-inline:12px 0;height:calc(100vh - 24px);height:calc(100dvh - 24px);
  background:var(--module);border:1px solid var(--line-2);border-radius:var(--r-mod);box-shadow:var(--shadow-mod);
  display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 0;overflow-y:auto;scrollbar-width:none;z-index:30}
.rail::-webkit-scrollbar{display:none}
.logo{width:44px;height:44px;border-radius:16px;background:var(--sig);color:var(--on-sig);display:flex;align-items:center;justify-content:center;
  font:700 22px/1 var(--f-display);box-shadow:inset 0 1px 0 var(--lt-3),0 3px 0 var(--sig-deep);margin-bottom:8px;flex:none;text-decoration:none}
.logo:hover{text-decoration:none}
.rk{position:relative;width:68px;min-height:48px;padding:5px 0 4px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  color:var(--ink-2);text-decoration:none;font:500 10.5px/1.15 var(--f-ui);text-align:center;border:1px solid transparent;flex:none;transition:background .15s;background:transparent}
.rk:hover{background:var(--well);text-decoration:none;color:var(--ink)}
.rk .ic{width:22px;height:22px}
.rk[aria-current="page"]{background:var(--key-down);color:var(--ink);font-weight:600;border-color:var(--line-2);box-shadow:inset 0 2px 5px var(--dk-2)}
.rk[aria-current="page"]::after{content:"";position:absolute;top:8px;inset-inline-start:9px;width:6px;height:6px;border-radius:50%;background:var(--sig);box-shadow:0 0 8px var(--sig)}
.rk .badge{position:absolute;top:4px;inset-inline-end:6px;min-width:17px;height:17px;font-size:10px}
/* مصباحُ حالة القسم على خانته (النموذج p01): ما ينتظر فيه — أخضرُ يعمل · كهرمانيٌّ ينتظرك · أحمرُ حرِج */
.rk .led{position:absolute;top:9px;inset-inline-end:11px;width:7px;height:7px}
.rail hr{width:40px;margin:6px 0;border-top-color:var(--line-2)}
.rail .sp{flex-grow:1;min-height:12px}
/* «لوحةُ الاسم» (٢٨ سبتمبر ٢٠٢٦): لوحةٌ مثبّتةٌ على الهيكل ببراغٍ أربعة وحفرِ «الشركة الفعّالة»؛ تنغرس عند الفتح */
.co{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:64px;padding:10px 10px 10px 8px;border-radius:16px;border:1px solid var(--line);text-align:start;color:var(--ink);cursor:pointer;
  background:radial-gradient(circle at 8px 8px,var(--line) 1.6px,transparent 2px),radial-gradient(circle at calc(100% - 8px) 8px,var(--line) 1.6px,transparent 2px),radial-gradient(circle at 8px calc(100% - 8px),var(--line) 1.6px,transparent 2px),radial-gradient(circle at calc(100% - 8px) calc(100% - 8px),var(--line) 1.6px,transparent 2px),linear-gradient(var(--key-top),var(--key-bot));
  box-shadow:inset 0 1px 0 var(--key-hi),0 2px 0 var(--key-edge),0 10px 20px -16px var(--dk-5);transition:box-shadow .12s,transform .12s}
.co:hover{box-shadow:inset 0 1px 0 var(--key-hi),0 2px 0 var(--key-edge),0 12px 22px -14px var(--dk-5),0 0 0 1px var(--ink-3)}
details[open]>.co{transform:translateY(2px);box-shadow:var(--sh-down)}
.co .av.sig{width:38px;height:38px;border-radius:12px;font:700 17px/1 var(--f-display);box-shadow:inset 0 1px 0 var(--lt-3),0 2px 0 var(--sig-deep)}
.co b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:700 14px/1.3 var(--f-display)}
.co small{display:block;font-size:11.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.co .co-eng{font:600 10px/1.2 var(--f-ui);color:var(--eng);margin-bottom:2px}
.co .co-at{display:flex;align-items:center;gap:6px;margin-top:2px}.co .co-at .led{width:7px;height:7px}
.co-k{flex:none;display:inline-flex;color:var(--ink-3)}
details[open]>.co .co-k .ic{transform:rotate(180deg)}
.co-w>.menu a[aria-current]{background:var(--well);font-weight:600}
.co-w>.menu a .led{margin-inline-start:auto}
.menu .away{margin-inline-start:auto;display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--ink-3)}.menu .away .ic{width:12px;height:12px}
.co-w{position:relative}
.co-w>.menu{top:calc(100% + 6px);inset-inline:0;max-height:60vh;overflow-y:auto}
.lnk{position:relative;display:flex;align-items:center;gap:10px;min-height:40px;padding:0 12px;border-radius:12px;color:var(--ink-2);font:500 14px/1.2 var(--f-ui);text-decoration:none;border:1px solid transparent}
.lnk:hover{background:color-mix(in srgb,var(--module) 55%,transparent);color:var(--ink);text-decoration:none}
.lnk:hover .ic{color:var(--ink-2)}
.lnk[aria-current="page"]{background:linear-gradient(var(--key-top),var(--key-bot));color:var(--ink);font-weight:600;border-color:var(--line);
  box-shadow:inset 0 1px 0 var(--key-hi),0 2px 0 var(--key-edge),0 6px 14px -10px var(--dk-5)}
.lnk[aria-current="page"]::before{content:"";position:absolute;inset-inline-start:-7px;top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:var(--sig);box-shadow:0 0 0 2px var(--sig-soft)}
.lnk[aria-current="page"] .ic{color:var(--sig-ink)}
.lnk .badge,.lnk .led,.lnk .away{margin-inline-start:auto}
.lnk .away{font-size:10.5px;color:var(--ink-3);font-weight:500;padding:2px 7px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--line)}
.lnk .away.num{box-shadow:none;padding:0;font-size:12px;font-weight:600;color:var(--ink-2)}
.lnk .ic{width:18px;height:18px;color:var(--ink-3)}
/* ═══ الجسر (٢٩ سبتمبر ٢٠٢٦ — الخيار «أ»): مفتاحُ الشركة في الشريط، ومفتاحُ الرجوع، وتبويباتُ القسم ═══ */
.rco-w{margin-bottom:8px;flex:none}
.rco{position:relative;width:48px;height:48px;border-radius:16px;background:var(--sig);color:var(--on-sig);display:flex;align-items:center;justify-content:center;
  font:700 22px/1 var(--f-display);box-shadow:inset 0 1px 0 var(--lt-3),0 3px 0 var(--sig-deep);cursor:pointer}
.rco i{position:absolute;bottom:-4px;inset-inline-start:-4px;width:20px;height:20px;border-radius:50%;background:var(--module);color:var(--ink);box-shadow:0 0 0 1px var(--line);display:flex;align-items:center;justify-content:center}
.rco i .ic{width:12px;height:12px}
details[open]>.rco{transform:translateY(2px);box-shadow:var(--sh-down)}
.co-w.rco-w>.menu{position:fixed;top:12px;inset-inline-start:108px;inset-inline-end:auto;width:300px;max-height:70vh}
.top>.co-w.compact{display:none}
.top .sec{font:700 22px/1.2 var(--f-display);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:1}
.top h1.sec{font-size:28px}
.sec-w{display:flex;flex-direction:column;gap:2px;min-width:0;flex-shrink:1}
.sec-s{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font:400 13px/1.3 var(--f-ui);color:var(--ink-3)}
.bk{height:44px;display:flex;align-items:center;flex-shrink:1;min-width:0;border-radius:14px;background:linear-gradient(var(--key-top),var(--key-bot));
  box-shadow:inset 0 1px 0 var(--key-hi),0 2px 0 var(--key-edge),0 8px 16px -12px var(--dk-5)}
.bk[hidden]{display:none}
.bk-go{display:flex;align-items:center;gap:10px;height:100%;padding-inline:6px 12px;color:var(--ink);font:600 14px/1 var(--f-ui);min-width:0}
.bk-go:hover{text-decoration:none;color:var(--ink)}
.bk-ar{width:32px;height:32px;border-radius:10px;background:var(--ink);color:var(--base);display:flex;align-items:center;justify-content:center;flex:none}
.bk-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.bk-f{height:24px;padding:0 9px;border-radius:12px;background:var(--sig-soft);color:var(--sig-ink);font-size:12px;display:inline-flex;align-items:center;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}
.bk-dd>summary{width:32px;height:44px;display:flex;align-items:center;justify-content:center;border-inline-start:1px solid var(--line-2);color:var(--ink-3)}
.bk-dd>.menu{top:calc(100% + 6px);inset-inline-start:0;inset-inline-end:auto;width:320px}
.bridge{display:flex;align-items:center;gap:12px;min-width:0;margin-top:-8px}
.bridge>.sp{flex-grow:1}
.brt{display:flex;align-items:center;gap:2px;padding:4px;border-radius:14px;background:var(--well);box-shadow:inset 0 1px 2px var(--dk-1),inset 0 0 0 1px var(--line);min-width:0;overflow:hidden;flex:0 1 auto}
.brt .lnk,.bmore>summary.lnk{min-height:36px;height:36px;padding:0 14px;gap:8px;border-radius:10px;border:0;font:500 13.5px/1 var(--f-ui);white-space:nowrap;flex:none}
.brt .lnk[aria-current="page"]{box-shadow:inset 0 1px 0 var(--key-hi),0 2px 0 var(--key-edge)}
.brt .lnk[aria-current="page"]::before,.bmore .lnk[aria-current="page"]::before{position:static;width:6px;height:6px;box-shadow:0 0 6px var(--sig)}
/* (٦ أكتوبر ٢٠٢٦) شريطُ الأبواب: عدّادُ الباب، وتبويباتُ الباب المفتوح بجانبه */
.brt .dct{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--sig);color:var(--on-sig);font-size:11px;display:inline-flex;align-items:center;justify-content:center}
.brs{display:flex;align-items:center;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none}
.brs a{height:32px;padding:0 12px;border-radius:var(--r-chip);display:inline-flex;align-items:center;font:500 13px/1 var(--f-ui);color:var(--ink-3);text-decoration:none;white-space:nowrap}
.brs a:hover{color:var(--ink)}
.brs a[aria-current="page"]{color:var(--ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--sig)}
.lnk>b{font:700 11px/1 var(--f-display);color:var(--sig-ink)}
.bsep{width:1px;height:20px;background:var(--line);margin:0 6px;flex:none}
.bmore{flex:none}
.bmore[hidden]{display:none}
.bmore>summary.lnk{background:var(--well);box-shadow:inset 0 0 0 1px var(--line)}
.bmore>.menu{top:calc(100% + 6px);width:270px;max-height:70vh;overflow-y:auto}
.bmore .menu .lnk{justify-content:flex-start;min-height:40px}
.bmore .menu .eng{padding:10px 12px 4px}
.main{min-width:0;padding-block:12px 40px;padding-inline:20px 24px;display:flex;flex-direction:column;gap:20px}
.top{display:flex;align-items:center;gap:10px;min-height:56px}
.top>*{flex-shrink:0}
.top>.cmdk{flex-shrink:1;min-width:44px}
.top>.sec-w,.top>.sec,.top>.bk{flex-shrink:1;min-width:0}
/* الفتاتُ لا يلفّ الشريطَ أبداً: الوسطُ يُختصر بنقاطٍ أوّلاً، ثمّ الورقةُ الحاليّة؛ «الرئيسية» ثابتة */
.top>.crumb{display:flex;align-items:center;gap:8px;font:500 13px/1.3 var(--f-ui);color:var(--ink-3);flex:0 1 auto;min-width:0;overflow:hidden}
.crumb>a,.crumb>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.crumb>a{flex:0 4 auto;min-width:3.5em}
.crumb>a:first-child{flex:none}
.crumb>b{flex:0 1 auto;min-width:4em}
.crumb>.ic{flex:none}
.crumb a{color:var(--ink-3)}
.crumb a:hover{color:var(--ink)}
.crumb b{color:var(--ink);font-weight:600}
.crumb .ic{width:14px;height:14px;color:var(--eng)}
.cmdk{display:flex;align-items:center;gap:10px;height:44px;width:min(440px,100%);padding-block:0;padding-inline:14px 10px;border-radius:14px;background:var(--well);border:0;
  box-shadow:inset 0 1px 2px var(--dk-1),inset 0 0 0 1px var(--line);color:var(--ink-3);font:400 14px/1 var(--f-ui);text-align:start;text-decoration:none}
.cmdk:hover{box-shadow:inset 0 1px 2px var(--dk-1),inset 0 0 0 1px var(--ink-3);text-decoration:none}
.cmdk span{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clock{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border-radius:14px;color:var(--gl-fg);font:600 17px/1 var(--f-display);font-variant-numeric:tabular-nums;
  background:linear-gradient(112deg,transparent 22%,var(--gl-sheen) 44%,transparent 64%),linear-gradient(180deg,var(--gl-bg-2),var(--gl-bg) 78%);box-shadow:inset 0 0 0 1px var(--gl-edge),inset 0 1px 0 var(--gl-sheen)}
.clock small{font:500 11.5px/1 var(--f-ui);color:var(--gl-dim)}
.banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;border-radius:14px;font-weight:600;background:var(--warn-soft);color:var(--warn-ink)}
.banner.bad{background:var(--bad-soft);color:var(--bad-ink)}
.banner.info{background:var(--info-soft);color:var(--info-ink)}
.banner .sp{flex-grow:1}
.banner.prereq{margin-bottom:12px;align-items:flex-start}
/* ─── دليل المستخدم و«كيف يعمل» (المحور الخامس، ٩ أكتوبر ٢٠٢٦) ─── */
.wrap{flex-wrap:wrap}
.how-hero{margin-bottom:16px;background:linear-gradient(135deg,var(--module),var(--well))}
.how-hero-g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:28px;align-items:start}
.how-hero-t h2{font:700 20px/1.3 var(--f-display);margin:0 0 8px}
.how-hero-t h3{font:600 14px/1.3 var(--f-display);margin:18px 0 6px;color:var(--ink-2)}
.how-hero-t p{margin:0;font-size:14px;line-height:1.9;color:var(--ink-2);max-width:62ch}
.how-map{display:flex;flex-direction:column;border-inline-start:2px solid var(--line-2);margin-inline-start:14px;padding-block:4px}
.how-map-s{display:flex;gap:12px;align-items:flex-start;padding:7px 0;margin-inline-start:-15px}
.how-map-n{flex:none;width:28px;height:28px;border-radius:50%;background:var(--sig);color:var(--on-sig);font:700 12px/28px var(--f-ui);text-align:center;box-shadow:0 0 0 3px var(--module)}
.how-map-s b{display:block;font:600 14px/1.3 var(--f-display)}
.how-map-s b a{color:inherit;text-decoration:none}.how-map-s b a:hover{color:var(--sig-ink)}
.how-map-s small{display:block;font-size:12px;color:var(--ink-3);line-height:1.5;margin-top:2px}
.how-toc{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-bottom:20px}
.how-toc-c{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line-2);border-radius:var(--r-in);background:var(--module);text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.how-toc-c:hover{border-color:var(--sig);box-shadow:var(--shadow-mod)}
.how-toc-i{flex:none;width:34px;height:34px;border-radius:10px;background:var(--sig-soft);color:var(--sig-ink);display:inline-flex;align-items:center;justify-content:center}
.how-toc-t{display:flex;flex-direction:column;min-width:0}.how-toc-t b{font:600 13.5px/1.3 var(--f-display)}.how-toc-t small{font-size:11.5px;color:var(--ink-3);margin-top:2px}
.mod.how{margin-bottom:20px;scroll-margin-top:72px}
.how-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 16px;padding:20px 20px 0;align-items:start}
.how-head-i{grid-row:span 2;width:48px;height:48px;border-radius:14px;background:var(--sig-soft);color:var(--sig-ink);display:inline-flex;align-items:center;justify-content:center}
.how-head-i .ic{width:24px;height:24px}
.how-head-t h2{font:700 22px/1.25 var(--f-display);margin:0;display:flex;align-items:center;gap:10px}
.how-no{font:600 12px/22px var(--f-ui);color:var(--ink-3);background:var(--well);border-radius:999px;padding:0 9px;height:22px}
.how-intro{margin:8px 0 0;font-size:14.5px;line-height:1.9;color:var(--ink-2);max-width:78ch}
.how-sub{display:flex;gap:4px;flex-wrap:wrap;margin-top:12px}
.how-sub a{font-size:12.5px;color:var(--ink-2);text-decoration:none;padding:4px 10px;border-radius:999px;background:var(--well)}
.how-sub a:hover{background:var(--well-deep);color:var(--ink)}
.how-body{display:flex;flex-direction:column;gap:24px;padding-top:18px}
.how-part{scroll-margin-top:72px}
.how-part>h3,.how-tips>h3{font:600 14px/1.3 var(--f-display);margin:0 0 12px;display:flex;align-items:center;gap:8px;color:var(--ink)}
.how-part>h3 .ic{color:var(--sig-ink)}.how-part>h3 small{font-weight:400;font-size:12px;color:var(--ink-3);margin-inline-start:4px}
.how-cycle{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.how-cycle li{position:relative;padding:14px;border:1px solid var(--line-2);border-radius:var(--r-in);background:var(--well);display:flex;flex-direction:column;gap:6px}
.how-cycle li::after{content:"";position:absolute;top:50%;inset-inline-end:-7px;width:10px;height:10px;border-top:1.5px solid var(--line);border-inline-end:1.5px solid var(--line);transform:translateY(-50%) rotate(-45deg)}
[dir="ltr"] .how-cycle li::after{transform:translateY(-50%) rotate(45deg)}
.how-cycle li:last-child::after{display:none}
.how-cycle-n{width:24px;height:24px;border-radius:50%;background:var(--ink);color:var(--module);font:700 11.5px/24px var(--f-ui);text-align:center}
.how-cycle b{font:600 14px/1.3 var(--f-display)}.how-cycle p{margin:0;font-size:12.5px;line-height:1.7;color:var(--ink-2)}
.how-start{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px;counter-reset:st}
.how-start li{counter-increment:st;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid var(--line-2);border-radius:999px;background:var(--module);font-size:13px}
.how-start li::before{content:counter(st);width:22px;height:22px;border-radius:50%;background:var(--sig-soft);color:var(--sig-ink);font:700 11px/22px var(--f-ui);text-align:center}
.how-start a{color:inherit;text-decoration:none}.how-start a:hover{color:var(--sig-ink)}
.how-terms{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.how-term{padding:12px 14px;border:1px solid var(--line-2);border-radius:var(--r-in);background:var(--module)}
.how-term b{display:block;font:600 13.5px/1.3 var(--f-display);margin-bottom:4px}.how-term p{margin:0;font-size:12.5px;line-height:1.7;color:var(--ink-2)}
.how-tbl{border:1px solid var(--line-2);border-radius:var(--r-in);overflow:hidden}
.how-tbl .tbl td{padding:9px 16px;vertical-align:top;font-size:13px;line-height:1.6;border-bottom:1px solid var(--line-2)}
.how-tbl .tbl td:first-child{white-space:nowrap;font-weight:600;width:1%}
.how-tbl .tbl td:last-child{color:var(--ink-2)}
.how-tbl .tbl tr:last-child td{border-bottom:0}
.how-tbl .tbl td a{color:inherit;text-decoration:none;border-bottom:1px dotted var(--line)}.how-tbl .tbl td a:hover{color:var(--sig-ink);border-bottom-color:var(--sig)}
.how-grp th{background:var(--well);font:600 12px/1.2 var(--f-display);color:var(--ink-2);height:34px;border-bottom:1px solid var(--line-2)}
.how-tips{padding:14px 16px;border-radius:var(--r-in);background:var(--warn-soft);border:1px solid var(--warn)}
.how-tips>h3{margin-bottom:8px}.how-tips>h3 .ic{color:var(--warn-ink)}
.how-tips ul{margin:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:5px;font-size:13px;line-height:1.7;color:var(--ink-2)}
@media (max-width:900px){.how-hero-g{grid-template-columns:1fr}.how-head{grid-template-columns:1fr}.how-head-i{display:none}}
@media print{.how-hero{background:none}.how-toc,.how-sub{display:none}.mod.how{break-before:page;box-shadow:none;border:0}.mod.how:first-of-type{break-before:auto}.how-cycle li::after{display:none}.how-part,.how-term,.how-cycle li{break-inside:avoid}}
.mod.start{margin-bottom:12px}.start-l{list-style:none;margin:0;padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px 22px}.start-l li{display:inline-flex;align-items:center;gap:8px;font-size:14px}.start-l li.ok{color:var(--ink-3);text-decoration:line-through}.start-l a{font-weight:600}
.ph .purpose{margin:4px 0 0;font-size:13px;color:var(--ink-3);font-weight:400}
.pg>.purpose{margin:0 0 12px;font-size:13px;color:var(--ink-3)}
.print-only{display:none}
.pg{display:flex;flex-direction:column;gap:20px;min-width:0}
.main.solo{padding:20px 16px 40px;max-width:1280px;margin-inline:auto;width:100%}
.msgs{display:flex;flex-direction:column;align-items:center;gap:8px}
.msgs .toast{animation:none}
[dir="ltr"] .crumb .ic,[dir="ltr"] .ic.dir{transform:scaleX(-1)}
.amt-hidden .amt{filter:blur(7px);user-select:none}
.grid12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.grid12>*{grid-column:span 12;min-width:0}
.grid12>.c2{grid-column:span 2}.grid12>.c3{grid-column:span 3}.grid12>.c4{grid-column:span 4}.grid12>.c5{grid-column:span 5}.grid12>.c6{grid-column:span 6}
.grid12>.c7{grid-column:span 7}.grid12>.c8{grid-column:span 8}.grid12>.c9{grid-column:span 9}.grid12>.c12{grid-column:span 12}

/* ═══ النمط: رأس الصفحة ═══ */
.ph{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.ph h1{font:700 28px/1.2 var(--f-display);letter-spacing:-.015em}
.ph .sum{margin-top:6px;font-size:13px;color:var(--ink-3);display:flex;gap:6px 14px;flex-wrap:wrap;align-items:center}
.ph .sum b{color:var(--ink);font-weight:600}
.ph .sum>span{display:inline-flex;align-items:center;gap:6px}
.ph-t{flex-grow:1;min-width:220px}
.ph-n{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}
.ph .keys{flex-wrap:wrap}
.ph>.av.lg{align-self:center}

/* ═══ النمط: لوحة (DASH) ═══ */
.dash{display:flex;flex-direction:column;gap:16px}
.kpi .mod-b{display:flex;flex-direction:column;gap:6px}
.kpi .cap{font-size:12.5px;color:var(--ink-3)}
.kpi .cap b{color:var(--ink);font-weight:600}
.gauge{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center}
.gauge .knob{width:118px}.gauge .dial{width:150px}
.gauge .v{font:700 22px/1 var(--f-display);font-variant-numeric:tabular-nums}
.gauge .cap{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;line-height:1.35;color:var(--ink-3)}
.mixer{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:14px}
.ch{display:flex;flex-direction:column;gap:10px;align-items:stretch;padding:12px;border-radius:16px;background:var(--well);box-shadow:var(--sh-well);min-width:0}
.ch.master{background:var(--module);box-shadow:inset 0 0 0 1.5px var(--line)}
.ch .vu{height:156px;justify-content:flex-end}
.ch .vu i{height:auto;flex:1}
.ch b{font:700 17px/1 var(--f-display);font-variant-numeric:tabular-nums}
.ch small{font:500 12px/1.3 var(--f-ui);color:var(--ink-3)}
.ch .lbl{font:600 13px/1.2 var(--f-ui);margin-top:auto;overflow:hidden;text-overflow:ellipsis}
.heat-d{display:grid;grid-template-rows:repeat(7,minmax(0,1fr));gap:5px;font:500 11.5px/1 var(--f-ui);color:var(--ink-3);align-items:center}
.heat-x{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:5px;margin-top:6px;font:500 10.5px/1 var(--f-ui);color:var(--ink-3);text-align:center}
.heat-w{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 10px}
.heat-w .heat-x{grid-column:2}
.wl{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}
a.wl:hover{text-decoration:none}
.wl .grow b{display:block;font:600 14px/1.2 var(--f-ui)}
.wl .grow small{font:500 12px/1.3 var(--f-ui);color:var(--ink-3)}
.wl .v{font:700 15px/1 var(--f-display);font-variant-numeric:tabular-nums}
.tp{display:flex;align-items:center;gap:12px}
.tp .grow b{display:block;font:600 13.5px/1.25 var(--f-ui)}
.tp .grow small{color:var(--ink-3);font-size:12px}
.tp .bar{margin-top:6px}
.tp .v{font:700 15px/1 var(--f-display);font-variant-numeric:tabular-nums}
.od{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink);text-decoration:none}
a.od:hover{text-decoration:none;color:var(--sig-ink)}

/* ═══ النمط: قائمة (LIST) ═══ */
.lst{display:flex;flex-direction:column}
.lst-h{display:flex;align-items:center;gap:8px;padding:14px 16px 0;flex-wrap:wrap}
.lst-bar{display:flex;align-items:center;gap:8px;padding:12px 16px 14px;flex-wrap:wrap}
.lst-bar .in.q{height:var(--h-key-sm);padding:0 12px;border-radius:12px}
.lst-bar .in.q input{font-size:13.5px}
.lst-bar .in.sm{width:auto}
.lst-bar .dt input{width:92px}
.lst-bar .in.ta,.lst-bar .in.sel{width:210px;flex:none}
.lst-bar .in.q{flex:1 1 180px;max-width:280px}
.fchip{display:inline-flex;align-items:center;gap:4px;height:var(--h-key-sm);padding-inline:12px 5px;border-radius:12px;background:var(--sig-soft);color:var(--sig-ink);
  font:500 13px/1 var(--f-ui);white-space:nowrap;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sig) 22%,transparent);text-decoration:none}
.fchip b{font-weight:700}
.fchip .x{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:inherit}
.fchip:hover{text-decoration:none}
.fchip:hover .x{background:color-mix(in srgb,var(--sig) 16%,transparent)}
.fpanel{position:absolute;z-index:40;top:calc(100% + 6px);inset-inline-start:0;width:min(560px,calc(100vw - 32px));padding:16px;display:flex;flex-direction:column;gap:14px;background:var(--module);border-radius:18px;box-shadow:var(--shadow-pop)}
.lst-f{display:flex;align-items:center;gap:18px;padding:12px 16px;border-top:1px solid var(--line-2);flex-wrap:wrap}
.lst .tbl{min-width:760px}
.lst .tbl th{background:var(--well);height:38px;padding:0 12px;font-size:11.5px}
.lst .tbl td{padding:9px 12px;height:60px;white-space:nowrap}
.lst .tbl :is(th,td):first-child{padding-inline-start:18px}
.lst .tbl :is(th,td):last-child{padding-inline-end:18px}
.lst .tbl td.w100{white-space:normal;min-width:170px}
.lst .tbl tfoot td{background:transparent;border-top:1px solid var(--line);height:56px}
.bulk{position:sticky;bottom:16px;z-index:20;align-self:center;display:flex;align-items:center;gap:12px;max-width:100%;padding:8px;padding-inline-start:18px;border-radius:22px;flex-wrap:wrap;
  background:linear-gradient(color-mix(in srgb,var(--paper-ink) 90%,var(--gl-bg)),color-mix(in srgb,var(--paper-ink) 45%,var(--gl-bg)));color:var(--paper);
  box-shadow:inset 0 1px 0 var(--lt-1),0 0 0 1px var(--dk-6),0 26px 50px -20px var(--dk-6);animation:bkup .28s cubic-bezier(.2,.9,.2,1)}
.bulk .n{display:inline-flex;align-items:center;gap:8px;font:500 13.5px/1 var(--f-ui);white-space:nowrap}
.bulk .n b{font:700 16px/1 var(--f-display)}
.bulk .dsp{min-width:180px;padding:7px 14px 8px;border-radius:12px}
.bulk .dsp .dsp-v{font-size:24px;margin:5px 0 0}
.bulk .keys{gap:6px}
@keyframes bkup{from{transform:translateY(18px);opacity:0}}
.peek-b{display:flex;flex-direction:column;gap:14px}
.peek-b .paper{padding:24px 20px;font-size:12.5px}
.prn{position:relative;flex:none;display:flex;align-items:center;gap:6px;height:62px;margin:10px 10px 0;padding-inline:14px 10px;border-radius:16px 16px 8px 8px;
  background:linear-gradient(color-mix(in srgb,var(--paper-ink) 92%,var(--gl-bg)),color-mix(in srgb,var(--paper-ink) 48%,var(--gl-bg)));color:var(--paper);box-shadow:inset 0 1px 0 var(--lt-1),0 2px 0 var(--dk-6)}
.prn .t{display:flex;flex-direction:column;gap:4px;margin-inline-start:4px;min-width:0;flex-grow:1}
.prn .t span{font:500 11px/1 var(--f-ui);color:color-mix(in srgb,var(--paper) 60%,transparent)}
.prn .t b{font:600 14px/1 var(--f-ui);color:var(--paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prn::after{content:"";position:absolute;inset-inline:18px;bottom:7px;height:4px;border-radius:3px;background:var(--gl-bg);box-shadow:inset 0 1px 2px var(--dk-6)}
.peek-w{flex-grow:1;min-height:0;overflow-y:auto;margin:-9px 10px 10px;padding:0 14px 18px;border-radius:0 0 14px 14px;background:var(--well);box-shadow:var(--sh-well)}
.peek-w>.paper{border-radius:0 0 6px 6px;animation:feed .6s steps(10,end) both}
@keyframes feed{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}

/* ═══ النمط: سجلّ (RECORD) ═══ */
.rec{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.rec-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:12px}
.facts{margin:0;display:flex;flex-direction:column}
.facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line-2)}
.facts>div:first-child{padding-top:2px}
.facts>div:last-child{border-bottom:0;padding-bottom:0}
.facts dt{font:500 13px/1.3 var(--f-ui);color:var(--ink-3);white-space:nowrap}
.facts dd{margin:0;font:600 13.5px/1.35 var(--f-ui);text-align:end;min-width:0;overflow-wrap:anywhere}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:10px 0}
.stats>div{padding:4px 16px;border-inline-start:1px solid var(--line-2);display:flex;flex-direction:column;gap:6px}
.stats>div:first-child{border-inline-start:0;padding-inline-start:0}
.stats .lb{font:500 12px/1.2 var(--f-ui);color:var(--ink-3)}
.stats .v{font:700 20px/1 var(--f-display);font-variant-numeric:tabular-nums}
.act{display:flex;flex-direction:column;gap:0}
.act li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-2)}
.act li:last-child{border-bottom:0}
.act .led{margin-top:6px}
.act b{display:block;font:500 13.5px/1.4 var(--f-ui)}
.act small{font-size:12px;color:var(--ink-3)}

/* ═══ النمط: محرّر (EDITOR) ═══ */
.ed{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.ed-side{position:sticky;top:12px;display:flex;flex-direction:column;gap:16px}
.ed-h{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px 16px}
.lines .tbl td{height:auto;padding:8px 10px}
.lines .tbl th{padding:0 10px}
.lines .in{height:40px;padding:0 10px;border-radius:10px}
.lines .in input{font-size:14px}
.lines .ln{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--well);box-shadow:inset 0 0 0 1px var(--line);font:600 11.5px/1 var(--f-ui);color:var(--ink-3)}
.lines .add{display:flex;gap:8px;padding:12px 16px;border-top:1px dashed var(--line)}
/* مسارُ المراحل للمستند (أمر شراء · تحويل · جرد · مستند مخزون) — الجزء saala/parts/srail.html: المنجزةُ بخطٍّ غامق،
   والحاليّةُ بالإشارة، واللاحقةُ باهتة، والاختياريّةُ متقطّعة. (رُقّي من نموذج استوديو المشتريات والمخزون) */
.srail{display:flex;align-items:stretch;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}
.srail::-webkit-scrollbar{display:none}
.srail li{flex:1 0 auto;min-width:118px;display:flex;flex-direction:column;gap:4px;padding:10px 12px 2px;padding-inline-start:0;border-top:3px solid var(--line)}
.srail li+li{padding-inline-start:12px}
.srail li.done{border-top-color:var(--ink-2)}
.srail li[aria-current="step"]{border-top-color:var(--sig)}
.srail li b{display:flex;align-items:center;gap:7px;font:600 13px/1.3 var(--f-ui);color:var(--ink);white-space:nowrap}
.srail li.next b{color:var(--ink-3);font-weight:500}
.srail li.off{border-top-style:dashed}
.srail li small{font-size:11.5px;color:var(--ink-3);white-space:nowrap}
.srail .led{width:8px;height:8px}
@media (max-width:760px){.srail li{min-width:104px}}
.checks{display:flex;flex-direction:column;gap:8px}
.checks li{display:flex;align-items:center;gap:10px;font-size:13px}
.checks li b{margin-inline-start:auto;font-weight:600}
.checks li{align-items:flex-start}
.checks li>.led{flex:none;margin-top:5px}.checks li>.ic{flex:none;margin-top:1px;color:var(--ink-3)}
.checks li>.grow{min-width:0}.checks li small{display:block;margin-top:2px;font-size:12px;color:var(--ink-3)}
.checks li>.key{flex:none;margin-inline-start:auto}
/* ختمُ الورقة في رأس المحرّر (‎.stamp‎): نوعُ المستند محسومٌ قبل الترحيل، ومعه مقياسُ اكتمال بيانات الطرف */
.stamp{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:12px 20px;align-items:center;padding:14px 16px;border-radius:var(--r-in);background:var(--module);box-shadow:inset 0 0 0 1.5px var(--ink),var(--sh-key)}
.stamp .st-t{display:flex;align-items:center;gap:12px;min-width:0}
.stamp .st-t>.ic{flex:none;color:var(--sig-ink)}.stamp .st-t>div{flex-grow:1;min-width:0}
.stamp .st-t b{display:block;font:700 17px/1.2 var(--f-display)}
.stamp .st-t small{display:block;margin-top:4px;font-size:12.5px;color:var(--ink-2)}
.stamp .st-c{display:flex;flex-direction:column;gap:8px;min-width:0}
/* ورقةُ التأكيد تتّسع لمعاينة القيد */
.pop.jv{width:min(680px,100%)}.pop.jv .dsp{flex:none}
@media (max-width:900px){.stamp{grid-template-columns:minmax(0,1fr)}}
.totals{display:flex;flex-direction:column}
.totals>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-2);font-size:13.5px}
.totals>div:last-child{border-bottom:0}
.totals dt{color:var(--ink-3)}.totals dd{font-weight:600;font-variant-numeric:tabular-nums}
.stepper{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-3)}
.stepper .st{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:10px}
.stepper .st[aria-current="step"]{background:var(--module);color:var(--ink);font-weight:600;box-shadow:var(--sh-key)}
.stepper .ic{width:14px;height:14px;color:var(--eng)}

/* ═══ النمط: مستند (DOC) ═══ */
.doc{display:flex;flex-direction:column;gap:16px;align-items:center}
.doc-bar{position:sticky;top:8px;z-index:20;display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:min(900px,100%);padding:8px;border-radius:18px;background:var(--module);box-shadow:var(--shadow-mod),0 0 0 1px var(--line-2)}
.doc .paper{width:min(900px,100%)}
.paper .kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 24px;font-size:12.5px}
.paper .kv>div{display:flex;justify-content:space-between;gap:8px}

/* ═══ النمط: تقرير (REPORT) ═══ */
.rpt-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;border-radius:18px;background:var(--module);box-shadow:var(--shadow-mod);border:1px solid var(--line-2)}
.rpt-h .dt input{width:100px}
.asof{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-3)}
.asof .led{width:7px;height:7px}
.tbl a.drill{color:var(--ink);text-decoration:none;border-bottom:1px dotted var(--line)}
.tbl a.drill:hover{color:var(--sig-ink);border-bottom-color:var(--sig)}
.tbl tr.sec td{background:var(--well);font-weight:700;height:40px}
.tbl tr.tot td{font-weight:700}
.tbl tr.l1 td:first-child{padding-inline-start:36px}
.tbl tr.l2 td:first-child{padding-inline-start:56px}

/* ═══ النمط: إعداد (SETTINGS) ═══ */
.hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.hub-c{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:18px;background:var(--module);border:1px solid var(--line-2);box-shadow:var(--shadow-mod);color:var(--ink);text-decoration:none;min-height:92px}
.hub-c:hover{text-decoration:none;box-shadow:var(--shadow-mod),0 0 0 1px var(--line)}
.hub-c .ico{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none;background:var(--well);box-shadow:var(--sh-well);color:var(--ink-2)}
.hub-c b{display:block;font:600 14px/1.3 var(--f-ui)}
.hub-c small{display:block;margin-top:4px;font-size:12px;color:var(--ink-3)}
.hub-c .led{margin-top:6px;margin-inline-start:auto}
.set{display:flex;flex-direction:column;gap:16px;max-width:980px}
.set-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line-2);align-items:start}
.set-row:last-child{border-bottom:0}
.set-row .t b{display:block;font:600 14px/1.3 var(--f-ui)}
.set-row .t small{display:block;margin-top:3px;font-size:12.5px;color:var(--ink-3)}
.savebar{position:sticky;bottom:16px;z-index:20;display:flex;align-items:center;gap:10px;padding:10px 10px 10px 18px;padding-inline:18px 10px;border-radius:20px;background:var(--module);box-shadow:var(--shadow-pop)}
.savebar .grow{font-size:13px;color:var(--ink-3)}

/* ═══ النمط: معالج (WIZARD) ═══ */
.wz{display:flex;flex-direction:column;gap:16px;max-width:880px;margin-inline:auto;width:100%}
.steps{display:flex;gap:8px;counter-reset:st;flex-wrap:wrap}
.steps li{display:flex;align-items:center;gap:8px;flex:1 1 120px;min-width:0;padding:10px 12px;border-radius:14px;background:var(--well);box-shadow:var(--sh-well);font-size:13px;color:var(--ink-3)}
.steps li .n{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--module);box-shadow:inset 0 0 0 1px var(--line);font:700 12px/1 var(--f-display);flex:none}
.steps li[aria-current="step"]{background:var(--module);color:var(--ink);font-weight:600;box-shadow:var(--sh-key)}
.steps li[aria-current="step"] .n{background:var(--sig);color:var(--on-sig);box-shadow:none}
.steps li.done .n{background:var(--ink);color:var(--module);box-shadow:none}
.wz-f{display:flex;align-items:center;gap:8px;justify-content:space-between}

/* ═══ العامّ (الدخول والأخطاء والشروط) ═══ */
.pub{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px 16px}
.pub-card{width:min(440px,100%);padding:28px;display:flex;flex-direction:column;gap:16px}
.pub-card.wide{width:min(820px,100%)}
.pub-b{display:flex;align-items:center;gap:12px}
.pub-b .logo{margin:0}
.pub-f{font-size:12px;color:var(--ink-3);display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.prose{font-size:14.5px;line-height:1.85;color:var(--ink-2)}
.prose h2{font-size:18px;margin:22px 0 8px}
.prose p+p{margin-top:10px}
.prose ul{list-style:disc;padding-inline-start:22px}

/* ═══ دليلُ الهويّة: عيّناتُ الرموز ═══ */
.swt{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.swt>div{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--ink-3)}
.swt i{display:block;height:52px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line)}
.tk-base{background:var(--base)}.tk-module{background:var(--module)}.tk-well{background:var(--well)}.tk-line{background:var(--line)}.tk-ink{background:var(--ink)}.tk-ink-2{background:var(--ink-2)}.tk-ink-3{background:var(--ink-3)}.tk-eng{background:var(--eng)}.tk-sig{background:var(--sig)}.tk-sig-soft{background:var(--sig-soft)}.tk-ok{background:var(--ok)}.tk-warn{background:var(--warn)}.tk-bad{background:var(--bad)}.tk-info{background:var(--info)}.tk-paper{background:var(--paper)}.tk-gl-bg{background:var(--gl-bg)}
.gd-nav{display:flex;flex-wrap:wrap;gap:6px}

/* ═══ بيوتُ الأقسام (٢٩ سبتمبر ٢٠٢٦): زجاجٌ ومقاييسُ بشعرات، ثمّ ورقةٌ واحدةٌ بأعمدة — بلا بطاقاتٍ زائدة ═══ */
.mtr{display:flex;align-items:stretch;min-width:0}
.mtr>.dsp{width:330px;flex:none;text-decoration:none}
.mtr>.m{display:flex;flex-direction:column;justify-content:center;gap:6px;padding-inline:26px;border-inline-start:1px solid var(--line);min-width:0;color:var(--ink);text-decoration:none}
.mtr>.dsp+.m{border-inline-start:0;padding-inline-start:34px}
.mtr>a:hover{text-decoration:none}.mtr>a.m:hover .v{color:var(--sig-ink)}
.mtr .l{font:600 12px/1.2 var(--f-ui);color:var(--ink-3)}
.mtr .v{font:700 28px/1.1 var(--f-display);font-variant-numeric:tabular-nums}
.mtr .s{font:400 12px/1.3 var(--f-ui);color:var(--ink-3);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.sht{display:grid;grid-template-columns:minmax(0,1fr) 400px;background:var(--module);border:1px solid var(--line-2);border-radius:var(--r-mod);box-shadow:var(--shadow-mod);min-width:0}
.sht.one{grid-template-columns:minmax(0,1fr)}
.sht>.sc{padding:22px 26px;display:flex;flex-direction:column;gap:14px;min-width:0}
.sht>.sc+.sc{border-inline-start:1px solid var(--line-2)}
.sht>.sc>.sp{flex-grow:1}
.sh-h{display:flex;align-items:center;gap:10px;min-height:28px}
.sh-h h2{font:700 16px/1.2 var(--f-display)}.sh-h h3{font:700 14px/1.2 var(--f-display)}
.sh-h small{font-size:12.5px;color:var(--ink-3)}
.sh-h .sp{flex-grow:1}
.sh-h>a{font:600 12.5px/1 var(--f-ui)}
.sh-h form{margin:0}
.rw{display:grid;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-2);font:400 13.5px/1.3 var(--f-ui);color:var(--ink);min-width:0}
.rw:last-child{border-bottom:0}
a.rw:hover{text-decoration:none;background:linear-gradient(90deg,transparent,var(--well),transparent)}
.rw.h{padding-top:0;font:600 12px/1.2 var(--f-ui);color:var(--ink-3)}
.rw .e{text-align:end}
.rw>b.num{font:700 15px/1 var(--f-display);white-space:nowrap}
.rw .t{display:flex;flex-direction:column;gap:2px;min-width:0;color:var(--ink)}
.rw .t b{font:600 13.5px/1.3 var(--f-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rw .t small{font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rw .t1{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
.rw .nil{color:var(--ink-3)}
.rw .acts{display:flex;gap:6px;justify-content:flex-end}
.rw.c2{grid-template-columns:minmax(0,1fr) auto}
.rw.c3{grid-template-columns:minmax(0,1fr) auto auto}
.rw.c3 .t b,.rw.c3 .t small{white-space:normal}
.rw.c4{grid-template-columns:minmax(0,1fr) 110px 110px 96px}
.rw.c4g{grid-template-columns:minmax(0,1fr) 150px 90px 90px}
.rw.c4r{grid-template-columns:22px minmax(0,1fr) 120px 90px}
.rw.c5{grid-template-columns:minmax(0,1fr) 90px 120px 100px 110px}
.rw.c5p{grid-template-columns:minmax(0,1fr) 170px 110px 120px 280px}
.rw.c5d{grid-template-columns:130px minmax(0,1fr) 110px 110px 110px}
.rw.c6w{grid-template-columns:minmax(0,1fr) 150px 110px 90px 90px 80px}
.rw.c5c{grid-template-columns:minmax(0,1fr) 110px 130px 120px 190px}
.rw.c4s{grid-template-columns:minmax(0,1fr) 110px 120px 150px}
.rw.c5o{grid-template-columns:100px minmax(0,1fr) 150px 110px 190px}
.rw.c3t{grid-template-columns:minmax(0,1fr) 90px 120px}
.rw.c4h{grid-template-columns:minmax(0,1fr) 90px 140px 90px}
.rw.tl2{grid-template-columns:44px 10px minmax(0,1fr) auto}
.rw.tl2>i{width:10px;height:10px;border-radius:50%;background:var(--ink)}.rw.tl2>i.bad{background:var(--bad)}.rw.tl2>i.warn{background:var(--warn)}
.rw.note{border:0;padding:10px 12px;border-radius:12px;background:var(--well)}
.ag{display:flex;gap:3px;min-height:52px}
.ag a{flex:0 1 auto;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0 12px;min-width:68px;border-radius:10px;background:var(--well);box-shadow:inset 0 0 0 1px var(--line);
  color:var(--ink-3);font:600 11.5px/1.2 var(--f-ui);white-space:nowrap;overflow:hidden}
.ag a:hover{text-decoration:none;box-shadow:inset 0 0 0 1px var(--ink-3)}
.ag a b{font:700 15px/1.1 var(--f-display);color:var(--ink)}
.ag a.warn{background:var(--warn-soft)}.ag a.bad{background:var(--bad-soft)}.ag a.bad b{color:var(--bad-ink)}
.lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding-top:6px;border-top:1px solid var(--line-2)}
.ln-c{padding-inline:18px;min-width:0}.ln-c:first-child{padding-inline-start:0}.ln-c+.ln-c{border-inline-start:1px solid var(--line-2)}
.cfl{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px;height:200px}
.cfl>span{display:grid;grid-template-rows:1fr 1fr;height:100%}
.cfl i{display:flex;align-items:flex-end;border-bottom:1px solid var(--ink)}
.cfl i+i{align-items:flex-start;border:0}
.cfl b{display:block;width:100%;min-height:2px;border-radius:4px 4px 0 0;background:var(--ink)}
.cfl i+i b{border-radius:0 0 4px 4px;background:var(--well-deep)}
.sums{display:flex;gap:24px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--line-2);font-size:13px;color:var(--ink-3)}
.sums b{color:var(--ink)}
@media (max-width:1100px){.sht{grid-template-columns:minmax(0,1fr)}.sht>.sc+.sc{border-inline-start:0;border-top:1px solid var(--line-2)}
  .mtr{flex-wrap:wrap;row-gap:16px}.mtr>.dsp{width:100%}.mtr>.m{flex:1 1 40%}.mtr>.dsp+.m{padding-inline-start:0}}
@media (max-width:760px){.lanes{grid-template-columns:minmax(0,1fr)}.ln-c{padding:0}.ln-c+.ln-c{border:0}
  .rw.c5{grid-template-columns:minmax(0,1fr) auto}.rw.c5>:nth-child(2),.rw.c5>:nth-child(3){display:none}.rw.c5 .acts{grid-column:1/-1}
  .rw.c4,.rw.c4g{grid-template-columns:minmax(0,1fr) auto}.rw.c4>:nth-child(2),.rw.c4g>:nth-child(2),.rw.c4>:last-child,.rw.c4g>:last-child{display:none}
  .rw.c5p,.rw.c5d,.rw.c6w,.rw.c5c,.rw.c4s,.rw.c5o,.rw.c4h{grid-template-columns:minmax(0,1fr) auto}.rw.c5p>:nth-child(n+3):not(.acts),.rw.c5d>:nth-child(n+2):not(:last-child),.rw.c6w>:nth-child(2),.rw.c6w>:nth-child(n+4):not(.acts),.rw.c5c>:nth-child(n+3):not(.acts),.rw.c4s>:nth-child(3),.rw.c5o>:nth-child(n+2):nth-child(-n+3),.rw.c4h>:nth-child(2),.rw.c4h>:last-child{display:none}.rw .acts{grid-column:1/-1}
  .rw.c4r{grid-template-columns:22px minmax(0,1fr) auto}.rw.c4r .bar{display:none}.sht>.sc{padding:18px}.mtr>.m{flex:1 1 40%;padding:0}.mtr>.m+.m{border:0}}
/* ═══ الاستجابة ═══ */
@media (max-width:1180px){
  .rec,.ed{grid-template-columns:minmax(0,1fr)}
  .rec-side,.ed-side{position:static}
}
@media (min-width:1181px) and (max-width:1320px){.cmdk{width:min(320px,100%)}}
@media (max-width:1100px){
  .grid12>.c2,.grid12>.c3{grid-column:span 6}
  .grid12>.c4,.grid12>.c5,.grid12>.c7,.grid12>.c8,.grid12>.c9{grid-column:span 12}
  .grid12>.c6{grid-column:span 12}
}
@media (max-width:760px){
  .app{grid-template-columns:minmax(0,1fr)}
  .rail{position:fixed;z-index:50;inset:auto 8px calc(8px + env(safe-area-inset-bottom,0px)) 8px;top:auto;margin:0;height:auto;flex-direction:row;padding:6px;overflow-x:auto;overflow-y:hidden;border-radius:20px}
  .rail .logo,.rail .co-w.rco-w,.rail .sp,.rail hr{display:none}
  .top{gap:6px}.top .sec-s{display:none}.top>.co-w.compact>summary>span:not(.av),.top>.co-w.compact>summary>.ic{display:none}.top>.co-w.compact>summary{padding:0 6px}
  .top>.co-w.compact{display:block}
  .brt{overflow-x:auto;scrollbar-width:none}
  .bridge{flex-wrap:wrap}
  .top .sec{font-size:19px}.top h1.sec{font-size:22px}
  .bk-t,.bk-f,.bk-dd{display:none}.bk-go{padding-inline:6px}
  .rk{width:62px;min-height:52px}
  .rk .led{top:6px;inset-inline-end:8px}
  /* الشريطُ السفليّ الثابت (الدوك) يغطّي آخرَ المحتوى إن لم يُحجَز له مكانُه: ارتفاعُه (مفتاحٌ بسطرين + حشوُه
     + هامشُه) وحافّةُ الجهاز الآمنة، ثمّ فسحةٌ — وكلُّ ما يلتصق بأسفل الشاشة (شريطُ الحفظ، الأفعالُ المجمّعة) يقف فوقه. */
  .app{--dock:calc(96px + env(safe-area-inset-bottom,0px))}
  .main{padding:8px 16px calc(var(--dock) + 24px)}
  .app .savebar{bottom:calc(var(--dock) + 4px)}
  body:has(.app) .toasts{bottom:calc(var(--dock,96px) + 10px)}
  body:has(.app .savebar) .toasts{bottom:calc(var(--dock,96px) + 82px)}
  .top .clock,.top .cmdk span,.top .cmdk kbd{display:none}
  .top .cmdk{width:44px;padding:0;justify-content:center}
  .grid12{grid-template-columns:minmax(0,1fr)}
  .grid12>*{grid-column:auto!important}
  .ph h1{font-size:23px}
  .mod-h{padding:14px 16px 0}.mod-b{padding:12px 16px 16px}
  .lst-bar .in.q{width:100%}
  .dsp-v{font-size:36px}
  .mixer{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ch .vu{height:112px}
  .stats>div{border-inline-start:0;padding-inline-start:0;padding-block:6px}
  .set-row{grid-template-columns:minmax(0,1fr)}
  .paper{padding:22px 16px}
  .bulk{bottom:calc(var(--dock,92px) + 4px)}
  .khelp{display:none}
  .ovl.dr{padding:0}
  .ovl.dr .drawer{border-radius:0;width:100%}
  .fpanel{position:fixed;inset:auto 8px 96px;width:auto}
}

/* ══ قسم: web ══ */
/* بيوتُ الأقسام (DASH) والفهرسُ والإعداداتُ والمعالجُ والوارد والمحاسبُ الذكيّ — بادئةُ hb- */
.hb-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;align-content:start}
.hb-kpis.hb-2{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-kpis.hb-4{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.hb-kpis .mid{overflow-wrap:anywhere}
.hb-rows>*{padding-block:10px;border-bottom:1px solid var(--line-2)}
.hb-rows>:first-child{padding-top:0}.hb-rows>:last-child{border-bottom:0;padding-bottom:0}
.od .grow{min-width:0}.od .grow>b{display:block;font-weight:600}.od .grow>small{display:block;font-size:12px;color:var(--ink-3);margin-top:2px}
.od .grow .bar{margin-top:6px}.od .v{font:600 14px/1.2 var(--f-display);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:end}
.od .v small{display:block;font:500 11px/1.3 var(--f-ui);color:var(--ink-3)}
.hb-x>summary{list-style:none;cursor:pointer}.hb-x>summary::-webkit-details-marker{display:none}
.hb-x[open]>summary>.ic:last-child{transform:rotate(180deg)}
.hb-xb{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:12px 14px;border-radius:var(--r-in);background:var(--well)}
.hb-xsp{width:64px;flex:none}
.hb-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hb-col{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;background:var(--well);box-shadow:var(--sh-well);min-width:0}
.hb-colh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--ink);text-decoration:none;font-size:13.5px}
.hb-colh:hover{text-decoration:none;color:var(--sig-ink)}.hb-colh small{flex-basis:100%;color:var(--ink-3);font-size:12px}
.hb-doc{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;background:var(--module);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink);text-decoration:none;font-size:13px}
.hb-doc:hover{text-decoration:none;box-shadow:inset 0 0 0 1px var(--line)}
.hb-r1,.hb-r2{display:flex;gap:8px;justify-content:space-between;align-items:center;min-width:0}
.hb-r1 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-r2{font-size:12px;color:var(--ink-3)}
.hb-none{font-size:12.5px;color:var(--ink-3);padding:8px 2px}
.hb-bars{display:flex;align-items:flex-end;gap:2px;height:140px}
.hb-bars.sm{height:64px}
.hb-bars i{flex:1;min-width:2px;background:var(--ink-2);border-radius:3px 3px 0 0}.hb-bars i.z{background:var(--line)}
.hb-bars i:last-child{background:var(--sig)}
.hb-barsx{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:12px;color:var(--ink-3)}
.hb-wf{display:flex;flex-direction:column;gap:10px}
.hb-wf>div{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,2fr) auto;gap:12px;align-items:center;font-size:13px}
.hb-wf>.tot{font-weight:700}.hb-wf .num{text-align:end}
.hb-regs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.facts .sw{margin-inline-end:6px}
.hb-rpr .badge{flex:none}.hb-rpr a{color:var(--ink);text-decoration:none}.hb-rpr a:hover b{color:var(--sig-ink)}
.hb-per{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hub-c small.away{display:flex;align-items:center;gap:4px}
.hb-inbox>li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-2)}
.hb-inbox>li:last-child{border-bottom:0}.hb-inbox>li>.led{margin-top:6px}
.hb-glance{max-width:560px;margin-inline:auto;width:100%}
.hb-chat .hb-chatt{display:flex;flex-direction:column;gap:12px;padding:20px;min-height:320px;max-height:60vh;overflow-y:auto}
.hb-cm{display:flex;gap:10px;align-items:flex-start;max-width:85%}
.hb-cm.u{align-self:flex-start;flex-direction:row}.hb-cm.a{align-self:flex-end}
.hb-cm .bub{padding:10px 14px;border-radius:14px;background:var(--well);font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}
.hb-cm.u .bub{background:var(--sig-soft);color:var(--ink)}.hb-cm .bub.err{background:var(--bad-soft);color:var(--bad-ink)}
.hb-chat textarea{min-height:0;resize:none}
.hb-logo{position:relative;width:104px;height:104px;border-radius:18px;background:var(--well);box-shadow:var(--sh-well);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;overflow:hidden;color:var(--ink-3);font-size:11px;flex:none}
.hb-logo img{width:100%;height:100%;object-fit:contain}
.hb-logo input{position:absolute;inset:0;opacity:0;cursor:pointer}
.hb-steps li{padding:0}.hb-steps li a{display:flex;align-items:center;gap:8px;padding:10px 12px;color:inherit;text-decoration:none;width:100%}
.hb-steps li small{display:block;font-size:11px;color:var(--ink-3);font-weight:400}
.hb-adv>summary{list-style:none;width:max-content;margin-bottom:12px}
.hb-adv>summary::-webkit-details-marker{display:none}
@media (max-width:1100px){.hb-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.hb-board,.hb-kpis.hb-2{grid-template-columns:minmax(0,1fr)}.hb-wf>div{grid-template-columns:minmax(0,1fr) auto}.hb-wf .bar{grid-column:1/-1;grid-row:2}.hb-xsp{display:none}}
/* ══ نهاية: web ══ */
/* ══ قسم: accounting ══ */
/* المحاسبة والموارد البشريّة والاستعانة: أدراجٌ على الصفحة نفسِها (نموذجٌ يملأ الدرج)، وشبكةُ الموازنة، ولوحةُ المبلغ في رأس التقرير */
.drawer>form{display:flex;flex-direction:column;flex-grow:1;min-height:0}
.drawer>form>.drawer-b{align-content:start}
.seg.wrap{flex-wrap:wrap}
.acc-grid .in{min-width:92px}
.acc-grid td:first-child{min-width:220px}
.ph>.dsp{min-width:220px}
.hub-c[aria-disabled]{opacity:.55;cursor:default}
details.mod>summary{cursor:pointer}
/* درجُ «حركة مال»: نوعُ الحركة يقرّر الحقولَ والمفتاح (بلا جافاسكربت أيضاً) — قبض · صرف · تحويل */
.acc-vch .acc-vl{display:none}
.acc-vch:has(input[name=kind][value=receipt]:checked) .acc-vl.r,.acc-vch:has(input[name=kind][value=payment]:checked) .acc-vl.p,.acc-vch:has(input[name=kind][value=transfer]:checked) .acc-vl.t{display:inline}
.acc-vch:has(input[name=kind][value=transfer]:checked) .acc-vo,.acc-vch:not(:has(input[name=kind][value=transfer]:checked)) .acc-vt{display:none}
.acc-vk{align-self:stretch}.acc-vk>label{flex:1 1 0;justify-content:center}
.tbl tr.acc-off>td{color:var(--ink-3)}
/* ══ نهاية: accounting ══ */
/* ══ قسم: inventory ══ */
/* المخزون والمنتجات والشركات: شبكةُ المنتجات، الصورة، المعرض، السمات، الملصقات */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.pc{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:18px;background:var(--module);border:1px solid var(--line-2);box-shadow:var(--shadow-mod);color:var(--ink);text-decoration:none;min-width:0}
.pc:hover{text-decoration:none;box-shadow:var(--shadow-mod),0 0 0 1px var(--line)}
.pc .th{aspect-ratio:1;border-radius:12px;background:var(--well);box-shadow:var(--sh-well);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--eng)}
.pc .th img{width:100%;height:100%;object-fit:contain;padding:6px}
.pc b{font:600 13.5px/1.35 var(--f-ui);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.pc .pr{font:700 16px/1 var(--f-display)}
.pc small{font-size:12px;color:var(--ink-3)}
.gh-t{display:flex;align-items:center;gap:8px;font:600 14px/1.2 var(--f-ui);color:var(--ink-2)}
.hub-c .ico img,.av img{max-width:100%;max-height:100%;object-fit:contain;border-radius:inherit}
.av{overflow:hidden}
.pic{position:relative;display:flex;flex-direction:column;gap:10px;align-items:stretch}
.pic-f{position:relative;aspect-ratio:1;max-width:240px;width:100%;border-radius:18px;background:var(--well);box-shadow:var(--sh-well);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--ink-3);font-size:12.5px;cursor:pointer;overflow:hidden}
.pic-f img{width:100%;height:100%;object-fit:contain}
.pic [data-pic-x]{position:absolute;top:8px;inset-inline-start:8px}
.pic input[type=file]{position:absolute;width:1px;height:1px;opacity:0}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}
.gi{position:relative;aspect-ratio:1;border-radius:14px;background:var(--well);box-shadow:var(--sh-well);overflow:hidden;display:flex;align-items:center;justify-content:center;border:0;padding:0;color:var(--ink-3)}
.gi img{width:100%;height:100%;object-fit:contain}
.gi .keys{position:absolute;inset-block-end:6px;inset-inline:6px;justify-content:center;gap:4px}
.gi .chip{position:absolute;top:6px;inset-inline-start:6px}
.gi.busy{opacity:.45}
button.gi{cursor:pointer}
.gal.pick{max-height:54vh;overflow-y:auto}
label.gi{cursor:pointer;flex-direction:column;gap:4px;font-size:12px}
.swc{width:12px;height:12px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line)}
.attr{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line-2)}
.attr:last-child{border-bottom:0}
.attr>b{min-width:90px}
.attr form{display:inline-flex;align-items:center;gap:6px}
.attr .chip form button{border:0;background:transparent;color:inherit;padding:0 0 0 2px;cursor:pointer;display:inline-flex}
.attr input[type=color]{width:36px;height:36px;border:0;padding:0;background:transparent;border-radius:10px}
.lines .lot{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
.lines .lot .in{flex:1 1 140px}
.lines td .in{min-width:88px}
.lines td.e .in{width:112px}
.lines td.w100 .in{min-width:180px}
.lines td:last-child{width:52px;padding-inline:4px 12px}
.ta.err{box-shadow:inset 0 0 0 1.5px var(--bad),0 0 0 4px var(--bad-soft)}
.ta .menu small{margin-inline-start:auto}
.lbls{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.lbls .lbl{padding:8px 6px;border:1px dashed var(--paper-rule);border-radius:6px;text-align:center;break-inside:avoid;display:flex;flex-direction:column;align-items:center;gap:2px}
.lbls .lbl b{font-size:11px;line-height:1.3;height:2.6em;overflow:hidden}
.lbls .lbl .num{font:700 14px/1.2 var(--f-display)}
.lbls .lbl svg{max-width:100%;height:44px}
.flow{display:flex;gap:6px;flex-wrap:wrap}
.btype{border-radius:16px;box-shadow:var(--sh-well);background:var(--well);padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.btype:has(>.cb input:checked){background:var(--module);box-shadow:inset 0 0 0 1.5px var(--line)}
.btype>.cb b{display:block}
.btype>.cb small{display:block;color:var(--ink-3);font-size:12px}
.btype:not(:has(>.cb input:checked))>.btb{display:none}
.co-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.co-g .mod[aria-current]{box-shadow:var(--shadow-mod),0 0 0 1.5px var(--sig)}
.chk-l{display:flex;flex-direction:column;gap:2px}
.chk-l .cb{padding:8px 0;border-bottom:1px solid var(--line-2);width:100%}
.chk-l .cb:last-child{border-bottom:0}
.chk-l .cb .chip{margin-inline-start:auto}
.ovl[hidden]:target{display:flex!important}
.pop-f{position:absolute;z-index:40;top:calc(100% + 6px);inset-inline:0;min-width:260px;padding:12px;display:flex;flex-direction:column;gap:10px;background:var(--module);border-radius:18px;box-shadow:var(--shadow-pop)}
.pc .pr{align-self:flex-start}
.signs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:24px;margin-top:34px;text-align:center;font-size:12px;color:var(--paper-2)}
.signs span{display:block;margin-top:30px;padding-top:5px;border-top:1px solid var(--paper-ink)}
.cbox{display:inline-block;width:88px;height:24px;border:1px solid var(--paper-rule);border-radius:4px;vertical-align:middle}
details.mod>summary{list-style:none;cursor:pointer}
details.mod>summary.mod-h{padding-bottom:16px}
details.mod[open]>summary.mod-h{padding-bottom:0}
details.mod>summary::-webkit-details-marker{display:none}
details.mod[open]>summary>.ic:last-child{transform:rotate(180deg)}
.rec .tbl td.w100,.lines .tbl td.w100{min-width:170px}
.kpi .chip{align-self:flex-start}
.lines.lst .tbl{min-width:0}
.lines.lst .tbl td{padding-inline:8px}
.rec .tbl :is(th,td){padding-inline:10px}
/* استوديو المخزون (p07): وضعُ المسح في الجرد — حقلُ المسح الكبير وشارةُ آخر مسحة */
.inv-scan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:12px;align-items:center}
.inv-scan-last{display:flex;align-items:center;gap:10px;min-height:var(--h-key-lg);padding-inline:14px 10px;border-radius:var(--r-in);background:var(--well);box-shadow:var(--sh-well)}
.inv-scan-last .grow{min-width:0}
.inv-scan-last .grow b{display:block;font:600 14px/1.25 var(--f-ui);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inv-scan-last .grow small{display:block;font-size:12px;color:var(--ink-3)}
.inv-scan-last>b.num{font:700 20px/1 var(--f-display);color:var(--sig-ink)}
@media (max-width:1100px){.inv-scan{grid-template-columns:minmax(0,1fr)}}
/* ══ نهاية: inventory ══ */
/* ══ قسم: purchasing ══ */
/* المشتريات والتوزيع: شريحةُ المورّد المختار، ولوحتا البحث، وأعمدةُ البنود، والمستندُ بوحداته */
.pk-chip{display:flex;align-items:center;gap:10px;min-height:var(--h-key);padding-block:4px;padding-inline:8px 4px;border-radius:var(--r-in);box-shadow:inset 0 0 0 1px var(--line)}
.pk-chip b{display:block;font:600 14px/1.25 var(--f-ui)}
.pk-chip small,.pk-pop small,.lines .add .menu small{display:block;margin-top:2px;font-size:12px;color:var(--ink-3)}
.pk-pop button,.lines .add .menu button{white-space:normal;min-height:48px;line-height:1.3}
.lines .add.ta>.menu{inset-inline:16px;top:calc(100% - 6px)}
.lines td.pk-q .in{width:92px}.lines td.pk-c .in{width:112px}.lines td.pk-p .in{width:72px}
.lines td .in input{width:100%;min-width:0}
.lines .in.pk-q{width:104px;margin-inline-start:auto}
.pk-lot{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:6px;margin-top:8px}
.pk-lot small{grid-column:1/-1}
.tbl tr.pk-over .in{box-shadow:inset 0 0 0 1.5px var(--bad)}
.tbl tr.pk-zero td{color:var(--ink-3)}
.pk-off{visibility:hidden}
.pk-vr{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin-block:3px}
.pk-vr .in{width:96px;height:36px}
.doc>.mod,.doc>.grid12,.doc>.banner{width:min(900px,100%)}
.paper .pk-sig{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px;margin-top:40px}
.paper .pk-sig>div{border-top:1px solid var(--paper-rule);padding-top:8px;font-size:12px;color:var(--paper-2)}
.paper .pk-box{height:26px;border:1px solid var(--paper-rule);border-radius:4px}
.paper img.pk-proof{max-width:100%;border-radius:8px;margin-top:8px}
.rpt-h .in.ta,.rpt-h .in.sel{width:230px}
.fld>.seg{align-self:flex-start}
/* استوديو المشتريات (p06): فحوصٌ بنصٍّ طويل تصطفّ من أعلى، ومفاتيحُ الصفّ في صندوق الاعتماد وسببُ المنع تحتها */
.ed .lines td.pk-q .in{width:76px;min-width:0}.ed .lines td.pk-c .in{width:104px;min-width:0}.ed .lines td.pk-p .in{width:60px;min-width:0}
.ed .lines .tbl td.w100{min-width:150px}
@media (max-width:760px){.ed .lines .tbl td.w100{min-width:112px}.ed .lines td.pk-q .in,.lines td.e .in{width:64px;min-width:0}}
.pu-ck li{align-items:flex-start}
.pu-ck li>.led{flex:none;margin-top:5px}
.pu-ck li>.grow{min-width:0}
.pu-ck li small{display:block;margin-top:2px;font-size:12px;color:var(--ink-3)}
.pu-inbox .tbl{min-width:0}
.pu-inbox .tbl td.w100{min-width:150px}
.pu-act{justify-content:flex-end;gap:6px;flex-wrap:nowrap}
.pu-act details{position:relative}
.pu-act .pop-f{inset-inline:auto 0;width:280px}
.pu-why{display:inline-flex;flex-direction:column;align-items:flex-end;gap:2px}
@media (max-width:760px){.paper .kv{grid-template-columns:minmax(0,1fr)}.pk-lot{grid-template-columns:minmax(0,1fr)}}
/* ══ نهاية: purchasing ══ */
/* ══ قسم: isp ══ */
fieldset.well{border:0;margin:0;min-width:0}
.pk-list{display:flex;flex-direction:column;gap:2px;max-height:360px;overflow-y:auto;padding:6px;border-radius:var(--r-in);background:var(--well);box-shadow:var(--sh-well)}
.pk-g{padding:10px 10px 4px;font:600 11.5px/1 var(--f-ui);color:var(--ink-3)}
.pk-r.rb{display:flex;gap:12px;min-height:50px;padding:6px 12px;border-radius:12px}
.pk-r.rb input{inset-inline-start:12px}
.pk-r:hover,.pk-r:has(input:checked){background:var(--module)}
.pk-r:has(input:checked){box-shadow:inset 0 0 0 1.5px var(--sig)}
.pk-r b{display:block;font:600 14px/1.3 var(--f-ui)}
.pk-r small{font-size:12px;color:var(--ink-3)}
.pk-r .v{font:700 15px/1 var(--f-display)}
.pk-e{padding:18px;text-align:center;color:var(--ink-3)}
.cb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px 16px}
/* ══ نهاية: isp ══ */

/* ══ قسم: maintenance ══ */
.sigs-row{margin-top:28px}
.tkt-doc .paper-lh+h1{margin-top:18px}
.tkt-doc .stub.tkt{margin-top:6px}
.tkt-doc .stub.tkt .n{font-size:17px;min-width:0;padding-inline:4px}
/* ══ نهاية: maintenance ══ */

/* ══ قسم: wallets ══ */
.bt-doc .paper-lh+.row{margin-top:18px}
.bt-doc .amt-l{align-items:baseline}
[data-campaign] .lines .in input{width:5em}
/* درجُ «تعبئة الرصيد»: المصدرُ المختارُ يقرّر النموذجَ الظاهر (بلا جافاسكربت) */
.wal-tu:has(#wtuDep:checked) .wal-tu-buy,.wal-tu:has(#wtuBuy:checked) .wal-tu-dep{display:none}
.wal-tu-seg{align-self:stretch}.wal-tu-seg>label{flex:1 1 0;justify-content:center}
/* منصّةُ الشحن: شريطُ فروق الافتتاح تحت الخلايا، وفرقُ الوردية بإشارته */
.wal-var{margin-top:14px}
.wal-q .tbl td.e b.dn{color:var(--bad-ink)}
/* الاستعانة: بطاقةُ الطلب الوارد وأثرُ القبول */
.wal-ic .facts dd{text-align:end}
/* ══ نهاية: wallets ══ */
/* ══ قسم: sales ══ */
/* ورقةُ المستند (فاتورة · عرض · تسليم) — أجزاءُ saala/parts/inv_*.html المشتركة مع الكاشير */
.pp-co small{display:block;margin-top:3px}
.pp-doct{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:end;flex:none}
.pp-doct b{font:700 18px/1.2 var(--f-display)}
.pp-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 16px;padding:12px 0;border-bottom:1px solid var(--paper-rule)}
.pp-meta small,.pp-buyer small{display:block;font-size:11.5px;color:var(--paper-2)}
.pp-meta b{font-weight:600}
.pp-buyer{display:flex;gap:16px;justify-content:space-between;padding:12px 14px;margin:12px 0;border-radius:10px;box-shadow:inset 0 0 0 1px var(--paper-rule)}
.pp-buyer b{display:block;font-weight:600}
.pp-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-top:16px;break-inside:avoid}
.pp-bottom .qr{margin:0}
.pp-tot{min-width:min(300px,100%);display:flex;flex-direction:column;gap:6px}
.pp-grand{padding-top:8px;border-top:1.5px solid var(--paper-ink);font-size:15px}
.pp-terms{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:8px;border-top:1px solid var(--paper-rule);font-size:11.5px;color:var(--paper-2)}
.pp-wm{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden;z-index:1}
.pp-wm span{transform:rotate(-24deg);font:700 48px/1 var(--f-display);color:var(--bad);opacity:.3;border:5px solid currentColor;border-radius:12px;padding:6px 34px;white-space:nowrap}
.pp-sign{display:flex;gap:30px;margin-top:28px;break-inside:avoid}
.pp-sign>div{flex:1;text-align:center;margin-top:36px;padding-top:6px;border-top:1px solid var(--paper-ink);font-size:11.5px;color:var(--paper-2)}
.rec .paper{padding:28px}
.paper .tbl td.w100{min-width:140px}
/* المحرّر: الأعمدةُ التفصيليّة تُطوى، وخاناتُ الأرقام بعرضٍ ثابت */
.sl-lite .sl-opt{display:none}
.ed-h .full{grid-column:1/-1}
.ed .stack>*,.rec .stack>*{min-width:0}
.lines .in.sl-n{width:96px}.lines .in.sl-n.s{width:72px}
.sl-ser{margin-top:6px;max-width:260px}
.sl-pin input{-webkit-text-security:disc}
.sl-sbar{display:inline-flex;width:88px;vertical-align:middle;margin-inline-start:8px}
.totals dd .in{width:104px;height:34px;padding:0 10px}
.pp-buyer a,.pp-meta a{color:inherit;text-decoration:underline dotted;text-underline-offset:3px}
.sl-brk{overflow-wrap:anywhere;word-break:break-all;white-space:normal;direction:ltr;text-align:start}
.sl-pre{white-space:pre-wrap;overflow:auto;max-height:320px;font-size:12px;direction:ltr;margin:0}
.tbl tr[data-lv]{cursor:pointer}
.sl-car{display:inline-flex;transition:transform .15s}
tr[aria-expanded="true"] .sl-car{transform:rotate(-90deg)}
.sl-qr img{display:block;width:220px;max-width:100%;height:auto;background:var(--paper);padding:10px;border-radius:12px}
.sl-cov{max-height:50vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px}
.key:has(input[type=file]:focus-visible){outline:2px solid var(--sig);outline-offset:2px}
.menu .dn{color:var(--bad-ink)}.menu .dn .ic{color:currentColor}
@media (max-width:760px){.pp-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-bottom{flex-direction:column;align-items:stretch}.rec .paper{padding:18px 14px}}
/* الاستوديو: خاناتُ الأرقام القصيرة (الكمية، الخصم) أضيقُ من خانة السعر، ولوحةُ المفاتيح تلتفّ */
.lines td.e .in.sl-n{width:92px;min-width:0}.lines td.e .in.sl-n.s{width:60px}
.lines .tbl td.e{padding-inline:6px}.lines .tbl td:first-child{padding-inline:12px 4px}
.lines .khelp{flex-wrap:wrap;gap:6px 14px}
.lines .tbl td .sub .led{width:7px;height:7px}
/* درجُ سند القبض: عمودٌ واحد — صفحةً بعرضٍ مقروء، ودرجاً بعرض الدرج */
.sl-rcpt{max-width:820px}.drawer .sl-rcpt{max-width:none}
.sl-rcpt .fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:760px){.sl-rcpt .fgrid{grid-template-columns:minmax(0,1fr)}}
/* «أصناف وأسعار» المورد: خانةُ رمز المورد أضيق، والمفتاحُ مصغَّر في الجدول */
.lines td .in.sl-sku{min-width:0;width:100px}.lines .sl-items :is(td,th){padding-inline:5px}.lines .sl-items td.w100{min-width:0}.lines .sl-items td.w100 .in{min-width:0;width:150px}
.lines td .tgl .trk{width:44px;height:26px}.lines td .tgl .trk::after{width:20px;height:20px}.lines td .tgl input:checked+.trk::after{inset-inline-start:21px}
@media (max-width:760px){.lines>.mod-h{flex-wrap:wrap;row-gap:8px}}
/* ══ نهاية: sales ══ */
/* ══ قسم: accounts ══ */
/* حسابي · المستخدمون · الصلاحيات · العامّ (الهبوط والتسجيل والعقود) · مركز المالك */
.acc-narrow{max-width:760px}
.acc-qrrow{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.acc-qr{display:inline-flex;align-items:center;justify-content:center;min-width:176px;min-height:176px;padding:8px;border-radius:var(--r-in);background:var(--paper);color:var(--paper-ink);box-shadow:var(--sh-well);margin-inline:auto}
.acc-qr img{display:block}
.acc-secret{font-family:var(--f-ui);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;overflow-wrap:anywhere;white-space:normal;letter-spacing:.04em}
.acc-pin{max-width:260px}
.acc-rowk{flex-wrap:nowrap;justify-content:flex-end;gap:4px}
.acc-rowk form{display:inline-flex}
.acc-dform{display:flex;flex-direction:column;flex-grow:1;min-height:0}
.acc-w90{width:90px}.acc-w120{width:120px}.acc-w260{width:260px;max-width:100%}
.acc-split{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}
.acc-aside{position:sticky;top:16px}
.acc-aside .chip{align-self:flex-start}
.acc-agree{align-items:flex-start;line-height:1.7}
.acc-agree>span:first-of-type{margin-top:3px}
.acc-annex{padding-top:14px;border-top:1px solid var(--line-2)}
.acc-scroll{max-height:56vh;overflow-y:auto}
.acc-det>summary{list-style:none;cursor:pointer;gap:8px}
.acc-det>summary::-webkit-details-marker{display:none}
.acc-det[open]>summary .ic{transform:rotate(180deg)}
details.mod.acc-det>summary{padding-bottom:16px}
.acc-det .facts{margin-top:10px}
.acc-h3{font:600 15px/1.3 var(--f-ui)}
.acc-ol{list-style:decimal;padding-inline-start:20px}
.stats .acc-v{font:600 14px/1.2 var(--f-ui);display:inline-flex;align-items:center;gap:4px}
.acc-mrow{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:10px 0}
.acc-file{height:auto;padding:8px 12px}
.acc-danger{box-shadow:var(--shadow-mod),inset 0 0 0 1.5px var(--bad-soft)}
.acc-end{align-items:flex-end}
.acc-top{align-items:start}
.acc-kept dt{white-space:normal;min-width:180px}
.acc-kept dd{font-weight:500;color:var(--ink-2)}
/* الهبوط: الوحدةُ على الهيكل، والإيصالُ بجوار الزجاج */
.pub.site{justify-content:flex-start;gap:24px;padding-block:16px 32px}
.site-h,.site-hero,.site-sec{width:min(1180px,100%)}
.site-h{display:flex;align-items:center;gap:12px}
.site-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:36px;align-items:center;padding:36px}
.site-t{font:700 clamp(28px,3.6vw,44px)/1.3 var(--f-display)}
.site-t em{font-style:normal;color:var(--sig-ink)}
.site-l{font-size:16.5px;line-height:1.8;color:var(--ink-2);max-width:56ch}
.site-go{max-width:520px}
.site-sub{direction:ltr}.site-sub input{text-align:start}
.site-hero .chip{align-self:flex-start}
.site-sec .hub{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.site-shot{display:flex;flex-direction:column;gap:14px;width:min(340px,100%);justify-self:center}
.site-h2{font:700 24px/1.3 var(--f-display)}
.site-cta{align-items:center;text-align:center;gap:12px;padding:32px 20px}
@media (max-width:900px){
  .site-hero,.acc-split{grid-template-columns:minmax(0,1fr)}
  .site-hero{padding:20px;gap:24px}
  .acc-aside{position:static}
}
/* محرّرُ الصلاحيّات بفرق القالب (موجة ب) */
.acc-pbar{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap}
.acc-pmg{columns:2;column-gap:16px}
.acc-pmg>.mod{break-inside:avoid;margin-block-end:16px}
.acc-pmg>.mod[hidden]{display:none}
.acc-pm2{display:flex;flex-direction:column;gap:2px;padding-block:8px}
.acc-pmx{display:flex;align-items:center;gap:8px;min-height:36px;padding-inline:10px;border-radius:var(--r-chip)}
.acc-pmx[hidden]{display:none}
.acc-pmx .cb{flex:1 1 auto;min-width:0}
.acc-pmx .chip{flex:none}
.acc-pmx.add{background:var(--ok-soft)}
.acc-pmx.del{background:var(--bad-soft)}
.acc-pmx input:disabled+span{opacity:.5}
.acc-diff{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:var(--r-in);background:var(--well);box-shadow:var(--sh-well);font-size:13px;max-height:320px;overflow-y:auto}
.acc-diff b{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.acc-diff ul{margin:0;padding-inline-start:22px;color:var(--ink-2)}
.acc-diff li{line-height:1.7}
/* أبوابُ الأدوار: شريطٌ أفقيٌّ لبطاقةٍ لكلّ دور */
.acc-doors{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,300px);gap:16px;overflow-x:auto;padding-block-end:6px}
.acc-door{display:flex;flex-direction:column;min-width:0;border-radius:var(--r-mod);background:var(--module);border:1px solid var(--line-2);box-shadow:var(--shadow-mod);overflow:hidden}
.acc-door-h{display:flex;align-items:center;gap:10px;padding:14px 16px 10px}
.acc-door-h b{display:block;font:700 15px/1.3 var(--f-display)}
.acc-door-h small{display:block;color:var(--ink-3);font-size:12px}
.acc-door-lnd{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-inline:12px;padding:8px 12px;border-radius:var(--r-in);background:var(--sig-soft);color:var(--sig-ink);font-size:13px}
.acc-door-lnd b{color:var(--ink)}
.acc-door-rail{display:flex;flex-wrap:wrap;gap:4px;margin:12px;padding:8px;border-radius:var(--r-in);background:var(--base);box-shadow:var(--sh-in)}
.acc-door-rk{display:grid;place-items:center;width:32px;height:30px;border-radius:8px;color:var(--ink-3);opacity:.35}
.acc-door-rk.on{opacity:1;color:var(--ink-2)}
.acc-door-rk[aria-current]{background:var(--key-down);color:var(--ink);box-shadow:inset 0 2px 5px var(--dk-2)}
.acc-door-f{margin-block-start:auto;padding:10px 16px 16px;border-block-start:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.acc-door-f ul{margin:0;padding-inline-start:18px;color:var(--ink-2);font-size:13px;line-height:1.7}
@media (max-width:1100px){.acc-pmg{columns:1}}
.acc-me{align-self:flex-start}
/* ══ نهاية: accounts ══ */
/* ══ قسم: pos ══ */
/* مستنداتُ الكاشير (الإيصال الحراريّ · الإشعار الدائن · A4 · تقرير الوردية) وتقاريرُه وإعداداتُه */
.en{display:block;font:500 9.5px/1.3 var(--f-ui);color:var(--paper-2);direction:ltr;unicode-bidi:isolate;text-align:inherit}
.en.in{display:inline}
.db-id{display:flex;flex-direction:column;gap:3px;min-width:0}.db-id b{font:600 14px/1.2 var(--f-ui)}.db-id small{font-size:12px;color:var(--ink-3)}
.doc-bar form{margin:0}
.tdoc{width:min(340px,100%);font-size:12.5px;padding:16px 14px 26px}
.pmeasure .tdoc{width:80mm;max-width:none;padding:3mm;font-size:8.5pt}
.tdoc .brand{font-weight:700}
.tdoc .rh{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}
.tdoc .rh b{font:700 15px/1.2 var(--f-display)}.tdoc .rh small{font-size:11.5px;color:var(--paper-2)}
.t-logo{max-width:34mm;max-height:16mm}
.t-doc{margin-top:6px;font:700 14px/1.3 var(--f-display);color:var(--paper-ink)}
.t-cn{padding:2px 10px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--paper-ink)}
.t-note{text-align:center;font-weight:600;font-size:12px;margin-top:4px}
.t-box{border:1px solid var(--paper-ink);border-radius:6px;padding:5px 8px;margin:8px 0}
.t-pre{white-space:pre-line;text-align:center;font-size:12px;color:var(--paper-2);margin-top:4px}
.t-tbl{width:100%;border-collapse:collapse;font-size:12px}
.t-tbl th{text-align:start;font-weight:700;border-bottom:1px solid var(--paper-ink);padding:4px 2px;vertical-align:bottom}
.t-tbl td{padding:4px 2px;border-bottom:1px dotted var(--paper-rule);vertical-align:top}
.t-tbl .e{text-align:end}.t-tbl tr:last-child td{border-bottom:0}
.t-sub{display:block;color:var(--paper-2)}
.rcpt hr.t-rule{border-top:1.5px solid var(--paper-ink)}
.tdoc .amt-l{padding:2px 0;align-items:flex-start}
.t-grand{font:700 15px/1.3 var(--f-display);border-block:2px solid var(--paper-ink);padding-block:6px;margin:5px 0}
.t-strong{font-weight:700}
.t-words{text-align:center;font-size:11.5px;color:var(--paper-2)}
.t-esim{border:1px dashed var(--paper-rule);border-radius:8px;padding:8px;margin:8px 0;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.t-qr{display:block;margin:10px auto 6px;width:130px;height:130px}.t-qr.sm{width:110px;height:110px}
.t-foot{text-align:center;font-size:12px;color:var(--paper-2);margin-top:8px}
.inv-terms{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px dashed var(--paper-rule);padding-top:8px}
.paper h2{font:700 15px/1.3 var(--f-display)}
.sigs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}
.sigs div{border-top:1px solid var(--paper-ink);padding-top:6px;text-align:center;font-size:12px}
.np-fill{flex:0 0 160px;border-bottom:1px dotted var(--paper-ink)}
.gp{display:flex;flex-direction:column;gap:9px;position:relative}
.gp-map{height:290px;border-radius:var(--r-in);overflow:hidden;box-shadow:var(--sh-well);z-index:1}
.gp-res{top:52px;inset-inline:0;max-height:230px;overflow-y:auto;z-index:45}
.gp-map .leaflet-container{direction:ltr;font-family:var(--f-ui)}
/* ══ نهاية: pos ══ */



/* ══ قسم: home-distribution ══ */
/* «الأسطول»: شاحنةٌ لكلّ عُهدة — صندوقٌ يمتلئ بالرصيد ومصباحُ نقدٍ لم يُودَع — ومقياسُ تحصيل اليوم */
.hdist-yard{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px;align-items:stretch}
.hdist-lot{display:flex;flex-direction:column;min-width:0}
.hdist-vans{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px 12px;flex-grow:1}
.hdist-vans.one{grid-template-columns:minmax(0,340px)}
.hdist-van{display:flex;flex-direction:column;gap:4px;padding:6px 4px 10px;border-radius:14px;color:var(--ink);text-decoration:none;min-width:0}
a.hdist-van:hover{text-decoration:none;background:var(--well)}
.hdist-van.ghost{grid-column:1/-1;align-items:center;opacity:.9}
.hdist-van.ghost .hdist-svg{max-width:220px;opacity:.45}
.hdist-svg{display:block;width:100%;height:auto;margin-bottom:4px}
[dir="ltr"] .hdist-svg{transform:scaleX(-1)}
.hdist-svg .sh{fill:var(--dk-2)}
.hdist-svg .bd{fill:var(--module);stroke:var(--ink-2);stroke-width:2}
.hdist-svg .hold{fill:var(--well-deep)}
.hdist-svg .ld{fill:var(--ok)}.hdist-svg .ld.warn{fill:var(--warn)}.hdist-svg .ld.bad{fill:var(--bad)}
.hdist-svg .ld{animation:hdist-in 1s .1s cubic-bezier(.2,.8,.2,1) both;transform-box:fill-box;transform-origin:bottom}
@keyframes hdist-in{from{transform:scaleY(0)}}
.hdist-svg .sl{stroke:var(--module);opacity:.85}
.hdist-svg .cab{fill:var(--ink)}
.hdist-svg .win{fill:var(--gl-bg-2);stroke:var(--ink-3);stroke-width:1}
.hdist-svg .lamp{fill:var(--sig)}
.hdist-svg .bump{fill:var(--ink-2)}
.hdist-svg .ty{fill:var(--ink)}.hdist-svg .hb{fill:var(--line)}
.hdist-nm{font:600 13.5px/1.3 var(--f-ui);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hdist-ow{font-size:12px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:16px}
.hdist-kv{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-2)}
.hdist-kv b{font:600 13.5px/1.2 var(--f-display);color:var(--ink)}
.hdist-road{height:14px;margin-top:10px;border-radius:4px;background:repeating-linear-gradient(90deg,var(--line) 0 18px,transparent 18px 34px) center/100% 2px no-repeat,var(--ink-2)}
.hdist-gauge{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 16px;border-radius:16px;background:var(--well);box-shadow:var(--sh-well);color:var(--ink);text-decoration:none}
.hdist-gauge:hover{text-decoration:none;box-shadow:inset 0 0 0 1.5px var(--sig)}
.hdist-gauge .dial{width:170px}
.hdist-pct{font:700 26px/1 var(--f-display);margin-top:-6px}
.hdist-gauge .facts{width:100%;margin-top:6px}
@media (max-width:1100px){.hdist-yard{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.hdist-vans{grid-template-columns:repeat(2,minmax(0,1fr))}.hdist-vans.one{grid-template-columns:minmax(0,1fr)}}
/* ══ نهاية: home-distribution ══ */


/* ══ قسم: home-reports ══ */
/* «درجُ البطاقات»: خزانةُ فهرسٍ درجٌ لكلّ مجال، وبطاقاتُ فهرسٍ ورقيّةٌ بألسنة مجموعاتها وثقبِ القضيب */
.hrep-cab,.hrep-dw{scroll-margin-top:12px}.hrep-grp{min-width:0}
.hrep-find{display:flex;gap:12px;align-items:stretch}
.hrep-find .in{flex:1 1 auto}
.hrep-ctr{flex:none;min-width:112px;display:flex;flex-direction:column;justify-content:center;padding:8px 16px}
.hrep-ctr .dsp-v{margin:2px 0 0;font-size:26px}
.hrep-drs{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px;padding:10px;border-radius:16px;background:var(--well-deep);box-shadow:inset 0 2px 6px var(--dk-2),inset 0 0 0 1px var(--line)}
.hrep-dr{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 10px 10px;border-radius:8px;border:1px solid var(--line);background:linear-gradient(var(--key-top),var(--key-bot));box-shadow:var(--sh-key);color:var(--ink);text-decoration:none;transition:transform .12s}
.hrep-dr[aria-current]{background:var(--sig-soft);box-shadow:inset 0 0 0 2px var(--sig),var(--sh-down);transform:translateY(2px)}.hrep-dr:hover{text-decoration:none;transform:translateY(-1px)}.hrep-dr:active{transform:translateY(2px);box-shadow:var(--sh-down)}
.hrep-lbl{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;padding:4px 8px;border:2px solid var(--line);border-radius:5px;background:var(--paper);box-shadow:inset 0 1px 2px var(--dk-1)}
.hrep-lbl b{font:600 13px/1.25 var(--f-ui);color:var(--paper-ink);text-align:center}
.hrep-hd{width:52%;height:10px;border-radius:5px;background:linear-gradient(var(--line),var(--eng));box-shadow:inset 0 1px 0 var(--lt-3),0 2px 0 var(--key-edge),0 5px 7px -2px var(--dk-4)}
.hrep-cnt{font-size:11.5px;color:var(--ink-3)}.hrep-cnt .num{font:700 13px/1 var(--f-display);color:var(--ink)}
.hrep-blank .hrep-dr{opacity:.7}.hrep-blank .hrep-lbl{min-height:30px}
.hrep-pins{display:flex;flex-direction:column;gap:10px}.hrep-pins .ic{color:var(--sig-ink)}
.hrep-pins .chip{height:30px;border-radius:4px;background:var(--paper);color:var(--paper-ink);box-shadow:0 1px 0 var(--dk-1),0 4px 8px -4px var(--dk-4);border-top:3px solid var(--sig)}
.hrep-pins .chip small{color:var(--paper-2)}
.hrep-dw .mod-h{gap:12px}
.hrep-lh{padding:3px 12px;border:2px solid var(--line);border-radius:6px;background:var(--paper);box-shadow:inset 0 1px 2px var(--dk-1)}
.hrep-lh h2{color:var(--paper-ink)}
.hrep-in{margin:14px 16px 16px;padding:16px;border-radius:16px;background:var(--well);box-shadow:var(--sh-well);display:flex;flex-direction:column;gap:20px}
.hrep-tab{display:inline-block;padding:5px 16px 4px;border-radius:8px 9px 0 0;background:var(--paper);color:var(--paper-ink);font:600 12px/1.3 var(--f-ui);box-shadow:0 -1px 0 var(--line)}
.hrep-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;padding-top:12px;border-top:3px solid var(--paper)}
.hrep-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"ic . st" "tx tx tx" "ft ft ft";align-items:center;gap:6px 8px;padding:10px 12px 24px;border-radius:4px;background:var(--paper);color:var(--paper-ink);box-shadow:0 1px 0 var(--dk-1),0 8px 16px -12px var(--dk-5)}
.hrep-card::after{content:"";position:absolute;bottom:7px;inset-inline-start:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:var(--well);box-shadow:inset 0 1px 2px var(--dk-3)}
.hrep-ic{grid-area:ic;color:var(--paper-2);display:inline-flex}
.hrep-star{grid-area:st;position:relative;z-index:1;margin-block:-6px;color:var(--paper-2)}.hrep-star[aria-pressed="true"]{color:var(--sig)}
.hrep-star[aria-pressed="true"] .ic{fill:currentColor}
.hrep-tx{grid-area:tx;padding-top:8px;border-top:1.5px solid var(--sig);color:var(--paper-ink);text-decoration:none;min-width:0}
.hrep-tx b{display:block;font:600 14px/1.35 var(--f-ui)}.hrep-tx small{display:block;margin-top:3px;font-size:12px;line-height:1.5;color:var(--paper-2)}
a.hrep-tx::after{content:"";position:absolute;inset:0}
a.hrep-tx:hover{text-decoration:none}.hrep-card:hover b{color:var(--sig-ink)}
.hrep-ft{grid-area:ft;display:flex;flex-wrap:wrap;gap:6px;min-height:20px}
.hrep-stamp{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border:1px solid var(--paper-rule);border-radius:4px;font:600 10.5px/1 var(--f-ui);color:var(--paper-2)}
.hrep-stamp .ic{width:12px;height:12px}
.hrep-card.soon{opacity:.72;background:transparent;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink-3)}
.hrep-card.soon .hrep-tx{border-top-color:var(--line);color:var(--ink-3)}.hrep-card.soon::after{display:none}
@media (max-width:760px){.hrep-find{flex-direction:column}.hrep-ctr{flex-direction:row;align-items:baseline;justify-content:space-between}.hrep-drs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px}.hrep-dr{padding:8px 6px;gap:8px}.hrep-lbl{min-height:40px;padding:2px 4px}.hrep-lbl b{font-size:11.5px}.hrep-in{margin-inline:10px;padding:12px}}
/* (٢٧ سبتمبر — النموذج p13) سطرُ الفترة وصيغةِ الفتح، والأدراجُ الثمانيةُ في صفٍّ واحدٍ على الواسع، والبطاقةُ المطفأةُ في صيغةٍ لا تخدمها */
.hrep-opts{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
@media (min-width:1181px){.hrep-drs{grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}}
.hrep-card.is-off{opacity:.45}.hrep-card.is-off .hrep-tx{cursor:not-allowed}
@media (max-width:760px){.hrep-dw .mod-h{flex-wrap:wrap}.hrep-dw .mod-h .aside{flex-basis:100%;order:3}}
/* ══ نهاية: home-reports ══ */

/* ══ قسم: home-settings ══ */
/* «لوحةُ التوصيل»: خزانةُ أجهزةٍ بأذنَين مثقوبتين، وحدةٌ لكلّ تكاملٍ بمصباحٍ ومفتاحٍ ونافذةٍ زجاجيّة، و«تشغيلُ النظام» بجانبها */
.hset .aside .led{margin-inline-start:8px}
.hset-g{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.hset-g>:only-child{grid-column:1/-1}
.hset-rack{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;padding:14px 40px;border-radius:16px;background:var(--well-deep);box-shadow:inset 0 2px 6px var(--dk-2),inset 0 0 0 1px var(--line)}
.hset-rack::before,.hset-rack::after{content:"";position:absolute;top:8px;bottom:8px;width:22px;border-radius:6px;inset-inline-start:9px;
  background:radial-gradient(circle,var(--well-deep) 3px,var(--ink-3) 3.5px,var(--ink-3) 4.5px,transparent 5px) center 6px/22px 34px repeat-y,linear-gradient(90deg,var(--key-bot),var(--key-top),var(--key-bot));box-shadow:0 0 0 1px var(--line)}
.hset-rack::after{inset-inline:auto 9px}
.hset-u{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"l b s" "w w w";align-items:center;gap:10px 10px;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:linear-gradient(var(--key-top),var(--key-bot));box-shadow:var(--sh-key);color:var(--ink);text-decoration:none}
a.hset-u:hover{text-decoration:none}a.hset-u:hover b{color:var(--sig-ink)}
.hset-u>.led{grid-area:l}.hset-u>b{grid-area:b;font:600 14px/1.3 var(--f-ui);min-width:0}
.hset-sw{grid-area:s;position:relative;width:40px;height:22px;border-radius:10px;background:var(--well-deep);box-shadow:inset 0 2px 3px var(--dk-3),inset 0 0 0 1px var(--line)}
.hset-sw i{position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:linear-gradient(var(--key-top),var(--key-bot));box-shadow:0 1px 2px var(--dk-4),inset 0 1px 0 var(--key-hi)}
.hset-u.ok .hset-sw{background:var(--ok)}.hset-u.warn .hset-sw,.hset-u.bad .hset-sw{background:var(--warn)}
.hset-u.ok .hset-sw i,.hset-u.warn .hset-sw i,.hset-u.bad .hset-sw i{inset-inline-start:21px}
.hset-win{grid-area:w;padding:6px 10px;border-radius:6px;background:linear-gradient(var(--gl-bg-2),var(--gl-bg));box-shadow:inset 0 0 0 1px var(--gl-edge);color:var(--gl-fg);font:600 12px/1.3 var(--f-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hset-u:not(.ok):not(.warn):not(.bad) .hset-win{color:var(--gl-dim)}
.hset-boot{display:flex;flex-direction:column;gap:10px}
.hset-boot .dsp .meter{margin-top:10px}
.hset-boot .stub.tkt{min-height:46px}
.hset-c{background:radial-gradient(circle at 9px 9px,var(--line) 2px,transparent 2.5px),radial-gradient(circle at calc(100% - 9px) 9px,var(--line) 2px,transparent 2.5px),radial-gradient(circle at 9px calc(100% - 9px),var(--line) 2px,transparent 2.5px),radial-gradient(circle at calc(100% - 9px) calc(100% - 9px),var(--line) 2px,transparent 2.5px),var(--module)}
@media (max-width:1100px){.hset-g{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.hset>.mod-h>.aside{display:none}.hset-rack{padding-inline:28px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.hset-u{padding:10px;gap:8px 6px}.hset-u>b{font-size:12.5px}.hset-sw{width:32px;height:18px}.hset-sw i{width:12px;height:12px}.hset-u.ok .hset-sw i,.hset-u.warn .hset-sw i,.hset-u.bad .hset-sw i{inset-inline-start:17px}.hset-rack::before,.hset-rack::after{width:16px;inset-inline-start:7px}.hset-rack::after{inset-inline:auto 7px}}
/* مركزُ الضبط (موجة ب): البحثُ فوق الشبكة، وأعمدةُ البطاقات من سجلّ الطبقة، والطبقةُ التي فتحها ‎?tab=‎ مُعلَّمة */
.hset-find{max-width:560px}
.hset-hub .hub-c{min-height:84px}
.hset-hub .hub-c .led{flex:none}
@media (min-width:1181px){.hset-hub.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.hset-hub.n2{grid-template-columns:repeat(2,minmax(0,1fr))}.hset-hub.n1{grid-template-columns:minmax(0,1fr)}}
.hset-ly[aria-current]{box-shadow:var(--shadow-mod),0 0 0 2px var(--sig)}
.hset-ly[hidden]{display:none}
/* ══ نهاية: home-settings ══ */

/* ══ قسم: home-maintenance ══ */
/* «حاملُ التذاكر»: سكّةٌ معدنيّة، لوحةٌ لكلّ حالةٍ مفتوحة، وتذاكرُ حراريّةٌ معلّقةٌ بمشابك يُلوَّن رأسُها بعمرها */
.hmnt-lg{display:inline-flex;align-items:center;gap:6px}
.hmnt-sw{width:12px;height:8px;border-radius:2px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);margin-inline-start:6px}
.hmnt-sw.mid,.hmnt-tk.mid{--age:var(--warn)}.hmnt-sw.old,.hmnt-tk.old{--age:color-mix(in srgb,var(--warn) 35%,var(--bad))}.hmnt-sw.late,.hmnt-tk.late{--age:var(--bad)}
.hmnt-sw.mid,.hmnt-sw.old,.hmnt-sw.late{background:var(--age);box-shadow:none}
.hmnt-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));row-gap:24px;padding-inline:14px}
.hmnt-bay{display:flex;flex-direction:column;gap:6px;padding-inline:6px;min-width:0}
.hmnt-pl{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(var(--key-top),var(--key-bot));box-shadow:var(--sh-key);color:var(--ink);text-decoration:none;position:relative;z-index:1}
.hmnt-pl:hover{text-decoration:none}.hmnt-pl:hover b{color:var(--sig-ink)}
.hmnt-pl b{display:block;font:600 13.5px/1.3 var(--f-ui)}.hmnt-pl small{display:block;font-size:11.5px;color:var(--ink-3)}
.hmnt-n{font:700 24px/1 var(--f-display)}
.hmnt-hang{position:relative;display:flex;flex-direction:column;gap:22px;padding-top:30px}
.hmnt-hang::before{content:"";position:absolute;top:8px;inset-inline:-6px;height:10px;background:linear-gradient(var(--key-top),var(--line) 55%,var(--key-edge));box-shadow:0 3px 4px -1px var(--dk-3)}
.hmnt-bay:first-child .hmnt-hang::before{inset-inline-start:-14px;border-start-start-radius:5px;border-end-start-radius:5px}
.hmnt-bay:last-child .hmnt-hang::before{inset-inline-end:-14px;border-start-end-radius:5px;border-end-end-radius:5px}
.hmnt-tk,.hmnt-none,.hmnt-gh{position:relative}
.hmnt-tk::before,.hmnt-none::before,.hmnt-gh::before{content:"";position:absolute;top:-27px;inset-inline-start:calc(50% - 12px);width:24px;height:30px;border-radius:5px 5px 3px 3px;background:linear-gradient(var(--key-top),var(--well-deep));box-shadow:inset 0 0 0 1px var(--line),0 2px 3px var(--dk-2)}
.hmnt-tk{display:flex;flex-direction:column;gap:3px;padding:14px 12px 16px;border-top:5px solid var(--age,var(--paper));text-decoration:none;transform:rotate(-.7deg);transition:transform .15s}
.hmnt-tk:nth-child(even){transform:rotate(.6deg)}
.hmnt-tk:hover{text-decoration:none;transform:translateY(-2px)}
.hmnt-r1,.hmnt-r2{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--paper-2)}
.hmnt-st{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border:1.5px solid var(--ok);border-radius:5px;color:var(--paper-ink);font:700 10.5px/1.4 var(--f-ui);transform:rotate(-5deg)}
.hmnt-st .ic{width:12px;height:12px;color:var(--ok)}
.hmnt-tk .dn{color:var(--paper-ink);font-weight:700;padding:1px 6px;border:1.5px solid var(--bad);border-radius:5px}
.hmnt-who{font:600 14px/1.35 var(--f-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hmnt-dev{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hmnt-r2{margin-top:6px;padding-top:8px;border-top:1px dashed var(--paper-rule);align-items:baseline}
.hmnt-age{display:inline-flex;align-items:baseline;gap:4px;color:var(--paper-ink);white-space:nowrap}.hmnt-age b{font:700 22px/1 var(--f-display)}
.hmnt-r2 small{font-size:11px;text-align:end}
.hmnt-none,.hmnt-gh{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 10px;border:1.5px dashed var(--line);border-radius:10px;text-align:center;font-size:12.5px;color:var(--ink-3);text-decoration:none}
.hmnt-gh{color:var(--sig-ink);border-color:var(--sig)}.hmnt-gh:hover{text-decoration:none;background:var(--sig-soft)}.hmnt-gh b{font-weight:600}
.hmnt-more{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:-10px;padding:9px;border-radius:0 0 8px 8px;background:var(--paper);box-shadow:0 3px 0 -1px var(--paper-rule),0 6px 0 -2px var(--line);color:var(--paper-ink);font:600 12.5px/1 var(--f-ui);text-decoration:none}
.hmnt-dsp,.hmnt-dsp:hover{text-decoration:none}
.hmnt-q a{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line-2);color:var(--ink);font-size:13.5px;text-decoration:none}
.hmnt-q a:last-child{border-bottom:0}.hmnt-q small{display:block;font-size:12px;color:var(--ink-3)}.hmnt-q b{font:700 18px/1 var(--f-display)}
.hmnt-wc{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px 32px;align-items:start}
@media (max-width:900px){.hmnt-wc{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.hmnt-lg{display:none}.hmnt-rail{padding-inline:0}.hmnt-hang{flex-direction:row;align-items:flex-start;overflow-x:auto;gap:12px;padding:30px 4px 14px;scroll-snap-type:x mandatory}.hmnt-hang>*{flex:0 0 78%;scroll-snap-align:start}.hmnt-hang::before{inset-inline:0!important}.hmnt-more{margin-top:0;align-self:stretch}}
/* ══ نهاية: home-maintenance ══ */


/* ══ قسم: docview ══ عارضُ المستندات (core/docnav.py): ملفُّ الخادم مضمَّناً تحت شريطٍ فيه «إغلاق» — لا ورقةَ عاريةً في التبويب */
.dv{display:flex;flex-direction:column;gap:10px;height:100vh;height:100dvh;padding:10px 16px 16px;background:var(--base)}
.dv .doc-bar{position:static;width:100%;max-width:none}
.dv-f{flex:1;min-height:0;width:100%;border:0;border-radius:6px;background:var(--paper);box-shadow:0 0 0 1px var(--line-2)}
.dv-n{font-size:12px;color:var(--ink-3)}
@media (max-width:760px){.dv{padding:8px}.dv-n{display:none}}
/* ══ نهاية: docview ══ */
/* إطارُ الطباعة الخفيّ (‎AW.printFrame‎): خارج الشاشة لا ‎display:none‎ — كروم لا يطبع إطاراً مخفيّاً */
.print-frame{position:fixed;inset-inline-start:-10000px;top:0;width:80mm;height:10px;border:0;opacity:0;pointer-events:none}
/* ══ قسم: dist ══ التوزيع (موجة ب · p12): أفعالُ المندوب مفاتيحُ كبيرة لإبهامٍ واحد، والواردُ بإطار تنبيه، والمعكوسُ بعلامته */
.dist-in{box-shadow:var(--shadow-mod),inset 0 0 0 2px var(--warn)}
.dist-2k{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dist-2k form,.dist-2k .key{width:100%}
.dist-qa{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dist-qa .key{height:auto;min-height:72px;flex-direction:column;gap:6px;justify-content:center;text-align:center;white-space:normal;line-height:1.25}
.dist-qa .key .ic{width:22px;height:22px}
@media (max-width:640px){.dist-qa{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dist-rev .v{text-decoration:line-through;color:var(--ink-3)}
.hb-rows .od .grow .meter{margin-top:6px;max-width:220px}
.dist-chk{display:flex;flex-direction:column;gap:6px}
.dist-proof{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--well);box-shadow:var(--sh-well)}
.dist-proof.ok{background:var(--ok-soft);color:var(--ok-ink)}
.dist-age{display:flex;height:34px;border-radius:10px;overflow:hidden;background:var(--well);box-shadow:var(--sh-well);direction:rtl}
.dist-age i{display:block;min-width:0;height:100%}
.dist-age i.a0{background:var(--ink-2)}.dist-age i.a1{background:var(--warn)}.dist-age i.a2{background:var(--sig)}.dist-age i.a3{background:var(--bad)}
/* ══ نهاية: dist ══ */



/* (٢٨ سبتمبر ٢٠٢٦ — التدقيق التصميميّ H4) على الورق — الإيصال والفاتورة — تُقرأ رموزُ الحبر والحالات بقيم الورق
   لا بقيم «جرافيت»: كانت شارةُ السلّة وأيقونةُ الحذف وتاريخُ الاستحقاق باهتةً على ورقٍ فاتح */
.paper,.rcpt{--ink:var(--paper-ink);--ink-2:var(--pp-ink-2);--ink-3:var(--pp-ink-3);--line:var(--pp-line);--line-2:var(--pp-line-2);
  --ok-ink:var(--pp-ok-ink);--warn-ink:var(--pp-warn-ink);--bad-ink:var(--pp-bad-ink);--info-ink:var(--pp-info-ink)}

/* (التدقيق التصميميّ H3) مفتاحُ الطيّ بنصٍّ طويل يلتفّ ولا يدفع الصفحةَ جانباً على الجوال */
details>summary.key{white-space:normal;height:auto;min-height:var(--h-key-sm);text-align:start;line-height:1.35;padding-block:8px}
/* (M3) أشدُّ أعمار الدين أغمقُها في التشطيبين — لونُ تعبئةٍ لا لونُ نصّ */
.split i.t4,.sw.t4,.hparty-w.t4{background:var(--bad-deep)}

/* ══ قسم: isp-balance ══ */
/* «الميزان» (٢٨ سبتمبر ٢٠٢٦): عارضةٌ تميل نحو الكفّة الأثقل (لي/عليّ) بخطواتٍ ثابتة، وشاشةُ الصافي في محورها */
.isb-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1.2fr) minmax(0,1fr);gap:16px;align-items:center}
.isb-pan{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 12px;border-radius:18px;background:var(--well);box-shadow:var(--sh-well)}
.isb-pan b{font:700 30px/1.1 var(--f-display)}.isb-pan small{font-size:12px;color:var(--ink-3)}
.isb-pan.mine{box-shadow:var(--sh-well),inset 0 -3px 0 var(--ok)}.isb-pan.theirs{box-shadow:var(--sh-well),inset 0 -3px 0 var(--bad)}
.isb-scale{display:flex;flex-direction:column;align-items:center;gap:6px}
.isb-svg{width:100%;max-width:260px;height:auto;overflow:visible}
.isb-beam{transform-box:view-box;transform-origin:120px 40px;transition:transform .6s cubic-bezier(.3,1.4,.5,1)}
.isb-beam line{stroke:var(--ink)}.isb-beam .isb-str{stroke:var(--ink-3);stroke-width:1.4}
.isb-cup.mine{fill:var(--ok)}.isb-cup.theirs{fill:var(--bad)}
.isb-pin{fill:var(--sig)}.isb-post{stroke:var(--ink-2);fill:none}
.isb-beam.tp0,.isb-beam.tn0{transform:none}
.isb-beam.tp1{transform:rotate(3deg)}.isb-beam.tp2{transform:rotate(6deg)}.isb-beam.tp3{transform:rotate(9deg)}.isb-beam.tp4{transform:rotate(12deg)}
.isb-beam.tn1{transform:rotate(-3deg)}.isb-beam.tn2{transform:rotate(-6deg)}.isb-beam.tn3{transform:rotate(-9deg)}.isb-beam.tn4{transform:rotate(-12deg)}
.isb-net{width:100%;max-width:300px;margin-top:-18px}
.isb-lines{display:flex;flex-direction:column;gap:2px}
.isb-l{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t v" "b b";gap:4px 12px;align-items:center;padding:10px 12px;border-radius:12px;color:var(--ink);text-decoration:none}
.isb-l:hover{background:var(--well);text-decoration:none}
.isb-l .grow{grid-area:t}.isb-l .grow b{display:flex;align-items:center;gap:8px;font:600 14px/1.3 var(--f-ui)}
.isb-l .grow small{display:block;font-size:12px;color:var(--ink-3);margin-top:2px}
.isb-l .v{grid-area:v;font:700 16px/1 var(--f-display)}.isb-l .bar{grid-area:b}
.isb-w{display:inline-flex;align-items:baseline;gap:6px;margin-inline-end:10px;font-size:12.5px;color:var(--ink-2)}
.isb-held{margin-top:12px;font-size:12.5px}
@media (max-width:900px){.isb-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.isb-scale{grid-column:1/-1;order:-1}}
@media (prefers-reduced-motion:reduce){.isb-beam{transition:none}}
/* ══ نهاية: isp-balance ══ */

/* ══ قسم: isp-path ══ */
/* (٢٩ سبتمبر ٢٠٢٦ — التصوّرُ المعتمد) قسمُ الاشتراكات: «المسار» شريطُ مركزٍ زجاجيّ وخريطةُ مالٍ بثلاثة مساراتٍ تصبّ
   في «بنوكي»؛ «الطابور» سكّةُ تذاكر وتنفيذٌ بثلاث خطوات؛ «الكاشير» منتقٍ يتّسع لعشرات المنتجات وإيصالٌ حراريّ. */
.ip-l{font:500 12px/1.3 var(--f-ui);color:var(--ink-3)}
.ip-net{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;border-radius:var(--r-mod);padding:20px 24px;
  background:linear-gradient(180deg,var(--gl-bg-2),var(--gl-bg));box-shadow:inset 0 1px 0 var(--gl-sheen),0 0 0 1px var(--gl-edge);color:var(--gl-fg)}
.ip-net>div{display:flex;flex-direction:column;gap:6px;padding-inline:18px;border-inline-start:1px solid var(--gl-rule);min-width:0}
.ip-net>div:first-child{border-inline-start:0;padding-inline-start:0}
.ip-net .ip-l{color:var(--gl-dim)}
.ip-net b{font:700 22px/1.1 var(--f-display);font-variant-numeric:tabular-nums;white-space:nowrap}
.ip-net .ip-lead{grid-column:span 2}
.ip-big{font:700 42px/1 var(--f-display)!important;font-variant-numeric:tabular-nums}
.ip-big small{font:500 14px var(--f-ui);color:var(--gl-dim);margin-inline-start:8px}
.ip-net .ip-lead .ip-l b{font:700 14px var(--f-display);color:var(--gl-fg)}
.ip-w{color:var(--warn)}.ip-o{color:var(--sig-top)}
.ip-key{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3)}
.ip-key i{width:18px;border-top:3px solid var(--ink)}.ip-key.dash i{border-top:3px dashed var(--chart-2)}
.ip-map{display:grid;grid-template-columns:minmax(150px,1fr) minmax(40px,.7fr) minmax(150px,1fr) minmax(40px,.7fr) minmax(150px,1fr) 96px minmax(210px,1.1fr);
  grid-template-rows:repeat(3,auto);row-gap:16px;align-items:center}
.ip-bx{display:flex;flex-direction:column;gap:4px;min-height:110px;padding:14px 16px;border-radius:var(--r-key);background:var(--well);box-shadow:var(--sh-well);color:var(--ink)}
.ip-bx:hover{text-decoration:none;box-shadow:var(--sh-well),0 0 0 1.5px var(--line)}
.ip-bx .ip-l{display:flex;align-items:center;gap:8px}
.ip-bx b{font:700 28px/1.1 var(--f-display);font-variant-numeric:tabular-nums}
.ip-bx small{font-size:12px;color:var(--ink-3)}
.ip-bx.warn{background:var(--warn-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--warn) 40%,transparent)}
.ip-bx.warn .ip-l,.ip-bx.warn small{color:var(--warn-ink)}
.ip-r1{grid-row:1}.ip-r2{grid-row:2}.ip-r3{grid-row:3}.ip-c1{grid-column:1}.ip-c3{grid-column:3}.ip-c4{grid-column:4}.ip-c5{grid-column:5}.ip-c6{grid-column:6}
.ip-ar.ip-c2{grid-column:2/5}.ip-ar.ip-c2.one{grid-column:2}
.ip-ar{position:relative;display:flex;align-items:center;justify-content:center;height:40px;margin-inline:8px}
.ip-ar::before{content:"";position:absolute;inset-inline:0 10px;top:50%;border-top:3px solid var(--ink)}
.ip-ar::after{content:"";position:absolute;inset-inline-end:0;top:calc(50% - 7px);border-block:7px solid transparent;border-inline-start:12px solid var(--ink)}
.ip-ar.dash::before{border-top-style:dashed;border-top-color:var(--chart-2)}.ip-ar.dash::after{border-inline-start-color:var(--chart-2)}
.ip-ar span{position:relative;padding:3px 10px;border-radius:var(--r-chip);background:var(--module);box-shadow:0 0 0 1px var(--line);font:600 12px/1.3 var(--f-ui);white-space:nowrap}
.ip-bank,.ip-gl{border-radius:20px;padding:18px;color:var(--gl-fg);background:linear-gradient(180deg,var(--gl-bg-2),var(--gl-bg));box-shadow:inset 0 1px 0 var(--gl-sheen),0 0 0 1px var(--gl-edge)}
.ip-bank{grid-column:7;grid-row:1/4;align-self:stretch;display:flex;flex-direction:column;gap:10px}
.ip-bank .ip-l,.ip-gl .ip-l{color:var(--gl-dim)}
.ip-bank hr{border:0;border-top:1px solid var(--gl-rule);margin:0}
.ip-kv{display:flex;justify-content:space-between;gap:10px;font:600 13px/1.4 var(--f-ui)}
.ip-kv>span:first-child{color:var(--ink-3)}.ip-bank .ip-kv>span:first-child,.ip-gl .ip-kv>span:first-child{color:var(--gl-dim)}
.ip-kv b.num{font:700 14px var(--f-display)}
.ip-fin{margin-top:auto;display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:12px;background:var(--lt-1);box-shadow:inset 0 0 0 1px var(--gl-rule)}
.ip-gk{display:flex;align-items:center;justify-content:center;height:40px;border-radius:12px;background:var(--gl-bar-on);color:var(--ink);font:600 13px var(--f-ui)}
.ip-gk:hover{text-decoration:none;color:var(--ink)}
.ip-bal{display:grid;grid-template-columns:minmax(0,1fr) 340px;overflow:hidden}
.ip-bal-m{min-width:0;padding-bottom:10px}
.ip-due{color:var(--ink)}
.ip-flow{display:flex;flex-direction:column;gap:14px;padding:18px 22px;background:var(--paper);border-inline-start:1px dashed var(--paper-rule);color:var(--paper-ink)}
.ip-flow h2{font:700 15px var(--f-display)}
.ip-acc{display:flex;flex-direction:column;gap:6px;padding-bottom:12px;border-bottom:1px dashed var(--paper-rule)}
.ip-fl{display:grid;grid-template-columns:64px minmax(0,1fr) 88px;align-items:center;gap:8px;font-size:12px;color:var(--pp-ink-3)}
.ip-fl .num{text-align:end;color:var(--paper-ink)}
@media (max-width:1180px){.ip-map{grid-template-columns:repeat(2,minmax(0,1fr))}.ip-map>*{grid-column:auto!important;grid-row:auto!important}.ip-ar{display:none}
  .ip-bank{grid-column:1/-1!important}.ip-bal{grid-template-columns:minmax(0,1fr)}.ip-flow{border-inline-start:0;border-top:1px dashed var(--paper-rule)}.ip-net .ip-lead{grid-column:1/-1}}
/* الطابور */
.ip-q{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}
.ip-rail{display:flex;flex-direction:column;gap:10px;max-height:760px;overflow-y:auto;padding:12px;border-radius:var(--r-mod);background:var(--well-deep);box-shadow:var(--sh-well)}
.ip-tk{position:relative;display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:var(--r-in);background:var(--paper);color:var(--paper-ink);
  border-inline-start:4px solid var(--ok);box-shadow:0 1px 0 var(--dk-1)}
.ip-tk:hover{text-decoration:none;color:var(--paper-ink);box-shadow:0 0 0 1px var(--line)}
.ip-tk.mid{border-inline-start-color:var(--warn)}.ip-tk.old{border-inline-start-color:var(--bad)}
.ip-tk.on{box-shadow:0 0 0 2px var(--sig),0 10px 18px -12px var(--dk-5)}
.ip-tk-h,.ip-tk-f{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--pp-ink-3)}
.ip-tk-h .num{font-weight:700;color:var(--paper-ink)}
.ip-tk b{font:600 14px/1.3 var(--f-ui)}
.ip-tk-f .num{font:700 14px var(--f-display);color:var(--paper-ink)}
.ip-more{align-self:center;font-size:12px;color:var(--ink-3)}
.ip-facts{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.ip-ex{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.ip-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.ip-steps fieldset{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;border:0;min-width:0}
.ip-steps legend,.ip-steps .fld>label{display:flex;align-items:center;gap:8px;margin-bottom:6px;font:600 13px var(--f-ui)}
.ip-steps .rb{display:flex;align-items:center;gap:8px;min-height:40px;padding-inline:36px 12px;border-radius:12px;background:var(--well);box-shadow:var(--sh-well)}
.ip-steps .rb input{inset-inline-start:12px}
.ip-exgl{display:flex;flex-direction:column;gap:10px}
.ip-exgl .key{margin-top:6px}
@media (max-width:1100px){.ip-q,.ip-ex{grid-template-columns:minmax(0,1fr)}.ip-rail{flex-direction:row;overflow-x:auto;max-height:none}.ip-tk{min-width:220px}}
/* الكاشير */
.ip-tabs{align-self:flex-end}
.ip-cust{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px 16px}
.ip-find{width:min(360px,100%);margin-inline-start:auto}
.ip-find kbd{margin-inline-start:auto}
.ip-top{display:flex;flex-direction:column;gap:8px}
.ip-tp{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:150px;padding:8px 12px;border:0;border-radius:12px;background:linear-gradient(var(--key-top),var(--key-bot));
  box-shadow:var(--sh-key);color:var(--ink);font:inherit;text-align:start;cursor:pointer}
.ip-tp b{font:600 13.5px/1.3 var(--f-ui)}.ip-tp small{font-size:12px;color:var(--ink-3)}
.ip-tp:active{transform:translateY(2px);box-shadow:var(--sh-down)}
.ip-list{max-height:420px}
.ip-list .pk-g{position:sticky;top:-6px;z-index:1;display:flex;justify-content:space-between;gap:8px;background:var(--well)}
.ip-list .pk-r small{white-space:nowrap}
.ip-deck{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:6px;border-radius:var(--r-in);background:var(--well);box-shadow:var(--sh-well)}
.ip-tray{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;padding:0 6px 6px}
.ip-sim{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:12px 14px;border-radius:12px;background:var(--module);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}
.ip-sh{display:flex;align-items:center;gap:8px;min-width:0}.ip-pl{overflow:hidden;font:600 13px/1.3 var(--f-ui);white-space:nowrap;text-overflow:ellipsis}
.ip-sim .num{font:600 12px/1.2 var(--f-display)}.ip-sim .ip-sn{font:700 15px/1.2 var(--f-display);letter-spacing:.03em;word-spacing:.2em;text-align:start;white-space:nowrap}.ip-sim small{font-size:11.5px;color:var(--ink-3)}
.ip-sim:has(input:checked){box-shadow:inset 0 0 0 2px var(--sig)}
.ip-simmore{display:flex;align-items:center;justify-content:center;border-radius:12px;color:var(--ink-3);border:1px dashed var(--line)}
.ip-sim:has(input:focus-visible){outline:2px solid var(--sig);outline-offset:2px}
.ip-selbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;padding:12px 14px;border-radius:var(--r-in);background:var(--sig-soft)}
.ip-selbar b{font:600 14px var(--f-ui)}
.ip-selbar .fld{width:180px}
.ip-pay{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px}
.ip-go{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px}
.ip-now>summary{list-style:none}.ip-now>summary::-webkit-details-marker{display:none}
.ip-now .menu{min-width:280px;padding:14px}
.ip-rc{display:flex;flex-direction:column;gap:6px}
.ip-rc-h{display:flex;flex-direction:column;gap:2px}.ip-rc-h b{font:700 15px var(--f-display)}.ip-rc-h small{font-size:12px;color:var(--paper-2)}
.ip-rc .amt-l{font-size:12.5px}.ip-rc .amt-l>span:first-child{color:var(--paper-2)}.ip-rc .amt-l b{font-weight:600;text-align:end}
.ip-rc-t b{font:700 20px var(--f-display)!important}
.ip-stamp{align-self:center;margin-top:8px;padding:3px 10px;border:1.5px solid var(--pp-warn-ink);border-radius:6px;color:var(--pp-warn-ink);font:700 12px var(--f-ui);transform:rotate(-4deg)}
.ip-td{display:flex;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px solid var(--line-2);color:var(--ink);font-size:13px}
.ip-td:last-child{border-bottom:0}.ip-td small{color:var(--ink-3)}.ip-td:hover{text-decoration:none}
@media (max-width:760px){.ip-find{width:100%}.ip-selbar .fld{width:100%}.ip-go>*{flex:1}}
/* ══ نهاية: isp-path ══ */
.ip-debt{grid-template-columns:minmax(220px,1fr) minmax(0,2fr) minmax(160px,.8fr)}
.ip-debt .ip-lead{grid-column:auto}
.ip-split{justify-content:flex-end}
.ip-meter{display:flex;height:14px;border-radius:8px;overflow:hidden;background:var(--gl-bar)}
.ip-meter i,.ip-legend i{display:block;height:100%}.ip-meter .a,.ip-legend .a{background:var(--sig)}.ip-meter .b,.ip-legend .b{background:var(--info)}.ip-meter .c,.ip-legend .c{background:var(--warn)}
.ip-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;color:var(--gl-dim)}
.ip-legend>span{display:inline-flex;align-items:center;gap:6px}.ip-legend i{width:8px;height:8px;border-radius:50%}
.ip-legend b{font:700 14px var(--f-display)!important;color:var(--gl-fg)}
.ip-ctr{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
.ip-rv{position:sticky;top:12px}
.ip-parts{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;border:0}
.ip-parts .rb{display:flex;align-items:center;gap:8px;min-height:38px;padding-inline:34px 10px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--paper-rule)}
.ip-parts .rb input{inset-inline-start:10px}
@media (max-width:1100px){.ip-ctr,.ip-debt{grid-template-columns:minmax(0,1fr)}.ip-rv{position:static}}
.ip-rep{grid-template-columns:repeat(4,minmax(0,1fr))}
.ip-bars{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;align-items:end;height:120px;padding:10px 12px;border-radius:var(--r-in);background:var(--well);box-shadow:var(--sh-well)}
.ip-bars>span{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:4px;height:100%}
.ip-bars i{display:block;border-radius:3px 3px 0 0;background:var(--chart-2);min-height:3px}.ip-bars i.on{background:var(--ink)}
.ip-bars small{font-size:10px;color:var(--ink-3);text-align:center}
.ip-h3{font:600 14px var(--f-ui);margin-bottom:8px}
@media (max-width:760px){.ip-rep{grid-template-columns:repeat(2,minmax(0,1fr))}.ip-bars small{display:none}}
.ip-dates .in.sm{width:auto}.ip-dates .dt input{width:92px}
.ip-ctr .tbl :is(th,td){padding-inline:10px}
.lst .tbl.ip-fit{min-width:0}

/* المركز المالي — قائمةٌ محاسبيّة (٤ أكتوبر ٢٠٢٦ — التصوّرُ المعتمد): معادلةٌ في اللوحة، وكلُّ مبلغٍ في عمودٍ واحدٍ ثابت */
.fp-hero{background:var(--gl-bg);color:var(--gl-fg);border-radius:26px;padding:28px 32px;box-shadow:var(--shadow-mod)}
.fp-eqn{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr) 40px minmax(0,1.25fr);align-items:center;gap:8px}
.fp-term{display:flex;flex-direction:column;gap:6px;min-width:0}
.fp-term b{font:600 34px/1.1 var(--f-display);color:var(--gl-fg)}
.fp-net{background:var(--gl-sheen);border-radius:18px;padding:16px 20px}
.fp-net b{font-size:44px;font-weight:700;color:var(--gl-fg)}
.fp-lb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gl-dim)}
.fp-dot{width:8px;height:8px;border-radius:50%;background:var(--gl-dim);flex:none}
.fp-dot.ok{background:var(--tst-ok)}.fp-dot.bad{background:var(--tst-bad)}.fp-dot.sig{background:var(--sig)}
.fp-op{font-size:28px;color:var(--gl-dim);text-align:center}
.fp-chip{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--gl-bar)}
.fp-chip.ok{color:var(--tst-ok)}.fp-chip.warn{color:var(--tst-warn)}.fp-chip.bad{color:var(--tst-bad)}
.fp-bar{display:flex;height:10px;border-radius:8px;overflow:hidden;background:var(--gl-bar);margin-top:22px}
.fp-bar i{display:block;height:100%;background:var(--gl-fg)}
.fp-bar i.bad{background:var(--tst-bad)}
.fp-cap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:var(--gl-dim)}
.fp-tag{margin-inline-start:auto;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--ok-soft);color:var(--ok-ink)}
.fp-st{overflow:hidden;padding-bottom:0}
.fp-st .mod-h{padding-bottom:8px}
.fp-row{display:grid;grid-template-columns:minmax(0,1fr) 72px 150px;align-items:center;column-gap:16px;padding:9px 24px;color:var(--ink);text-decoration:none}
.fp-row .p{text-align:end;font-size:12px;color:var(--ink-3)}
.fp-row .a{text-align:end}
.fp-row .z{color:var(--eng)}
.fp-hd{padding-top:4px;padding-bottom:4px;font-size:12px;color:var(--ink-3)}
.fp-hd .a{font-size:12px}
.fp-grp{padding:14px 24px 6px;font-size:12px;font-weight:600;color:var(--ink-3);border-top:1px solid var(--line-2)}
.fp-ln{font-size:14px;border-top:1px solid var(--line-2)}
.fp-grp+.fp-ln{border-top:0}
.fp-ln .n{padding-inline-start:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
a.fp-ln:hover{background:var(--well)}
.fp-sub{font-size:14px;font-weight:600;background:var(--well);border-top:1px solid var(--line)}
.fp-tot{font-size:15.5px;font-weight:700;border-top:2px solid var(--ink);padding-top:14px;padding-bottom:14px;margin-top:6px}
.fp-tot .p{color:var(--ink);font-weight:600}
.fp-eq{display:grid;grid-template-columns:28px minmax(0,1fr) 150px;align-items:center;column-gap:10px;padding:10px 24px;font-size:14px;border-top:1px solid var(--line-2);color:var(--ink);text-decoration:none}
.fp-eq .o{color:var(--eng);font-weight:600;text-align:center}
.fp-eq .a{text-align:end}
.fp-eq .z{color:var(--eng)}
.fp-eq small{display:block;font-size:12px;color:var(--warn-ink);margin-top:2px}
.fp-res{background:var(--well);font-weight:600}
.fp-fin{font-weight:700;font-size:15px;border-top:2px solid var(--ink);padding-top:13px;padding-bottom:13px}
.fp-warn{background:var(--warn-soft)}
a.fp-warn:hover{filter:brightness(.98)}
.fp-mv{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.fp-mv>div{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:16px;background:var(--well)}
.fp-mv span{font-size:12.5px;color:var(--ink-3)}
.fp-mv b{font-size:19px;font-weight:700;color:var(--ink)}
.fp-mv .fp-now{background:var(--gl-bg)}
.fp-mv .fp-now span{color:var(--gl-dim)}.fp-mv .fp-now b{color:var(--gl-fg)}
@media (max-width:860px){
  .fp-eqn{grid-template-columns:1fr;gap:4px}.fp-op{text-align:start;font-size:20px}
  .fp-term b{font-size:26px}.fp-net b{font-size:32px}
  .fp-row{grid-template-columns:minmax(0,1fr) 120px}.fp-row .p{display:none}
  .fp-eq{grid-template-columns:18px minmax(0,1fr) 120px;padding-inline:14px}
}
/* ═══ نقلُ الشرائح وتحويلاتُ العهدة (٥ أكتوبر ٢٠٢٦ — التصوّرُ المعتمد) ═══ */
.xm{width:min(780px,100%);max-height:min(900px,100%);animation-name:sheetin}
.xm>form{display:flex;flex-direction:column;min-height:0;flex-grow:1}
.xm.sm{width:min(560px,100%)}
.xtiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px 20px;border-bottom:1px solid var(--line-2);flex:none}
.xtile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:88px;padding:10px 6px;border-radius:var(--r-key);background:var(--well);box-shadow:var(--sh-well);font:500 13.5px/1.3 var(--f-ui);color:var(--ink-2);text-align:center;cursor:pointer;transition:background .12s,box-shadow .12s}
.xtile input{position:absolute;opacity:0;pointer-events:none}
.xtile .ic{width:22px;height:22px}
.xtile:hover{background:var(--well-deep)}
.xtile:has(input:checked){background:var(--module);color:var(--ink);font-weight:600;box-shadow:inset 0 0 0 2px var(--sig),0 8px 18px -10px var(--sig-glow)}
.xtile:has(input:checked) .ic{color:var(--sig)}
.xtile:has(input:focus-visible){outline:2px solid var(--sig);outline-offset:2px}
.xgrid{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:20px;align-items:start}
.xft{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);align-items:end;gap:8px}
.xft>.ar{height:var(--h-key);display:flex;align-items:center;justify-content:center;color:var(--sig)}
[dir="ltr"] .xft>.ar .ic{transform:scaleX(-1)}
.xsum{position:sticky;top:0;display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:18px;background:var(--well);box-shadow:var(--sh-well)}
.xsum .l{font-size:12.5px;color:var(--ink-3)}
.xsum .big{display:flex;align-items:baseline;gap:6px}
.xsum .big b{font:700 40px/1 var(--f-display)}
.xsum .big span{font:500 15px/1 var(--f-ui);color:var(--ink-2)}
.xsum dl{display:flex;flex-direction:column;margin-top:8px}
.xsum dl div{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid var(--line-2);font-size:13.5px}
.xsum dt{color:var(--ink-3)}.xsum dd{font-weight:600;text-align:end;min-width:0;overflow-wrap:anywhere}
.xchips{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:14px;background:var(--well);box-shadow:var(--sh-in);min-height:150px}
.xchips .xl{display:flex;flex-wrap:wrap;gap:6px}
.xchip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 6px 0 10px;border-radius:8px;background:var(--module);box-shadow:inset 0 0 0 1px var(--line);font:500 13px/1 var(--f-ui);direction:ltr;font-variant-numeric:tabular-nums}
.xchip button{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--ink-3);cursor:pointer}
.xchip button:hover{background:var(--well-deep);color:var(--ink)}
.xchip.bad{background:var(--bad-soft);color:var(--bad-ink);box-shadow:inset 0 0 0 1px var(--bad)}
.xadd{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:10px;background:var(--module);box-shadow:inset 0 0 0 1px var(--line)}
.xadd input{flex-grow:1;min-width:0;height:100%;border:0;background:transparent;outline:0;direction:ltr;font-variant-numeric:tabular-nums}
.xadd .ic{color:var(--ink-3)}
.xchips textarea{display:none}
.xchips.raw textarea{display:block;width:100%;min-height:110px;border:0;border-radius:10px;padding:10px;background:var(--module);box-shadow:inset 0 0 0 1px var(--line);direction:ltr;resize:vertical}
.xchips.raw .xl,.xchips.raw .xadd{display:none}
.xin{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:18px;background:var(--ik-bot);color:var(--ik-fg)}
.xin .bd{width:42px;height:42px;flex:none;border-radius:12px;background:var(--sig);color:var(--on-sig);display:flex;align-items:center;justify-content:center}
.xin .tx{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.xin .tx b{font-size:15px}.xin .tx small{color:var(--gl-dim);font-size:13px}
.xlist{display:flex;flex-direction:column;gap:12px}
.xrcv{display:flex;flex-direction:column}
.xrcv label{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;padding:6px 4px;border-top:1px solid var(--line-2);cursor:pointer}
.xrcv label:first-child{border-top:0}
.xrcv input{width:20px;height:20px;accent-color:var(--sig)}
.xrcv .sn{direction:ltr;text-align:start;font-variant-numeric:tabular-nums;font-weight:600}
.xrcv .pl{font-size:13px;color:var(--ink-3)}
.xrcv label.hit{background:var(--ok-soft)}
.xrcv label:has(input:not(:checked)) .sn{color:var(--ink-3);text-decoration:line-through}
.xmeta{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:13.5px;color:var(--ink-2)}
.xmeta b{color:var(--ink)}
.ip-tabs a.ip-xin b{background:var(--sig);color:var(--on-sig)}
@media (max-width:760px){
  .xtiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .xgrid{grid-template-columns:minmax(0,1fr)}.xsum{position:static}
}
/* ═══ طلبُ الإلغاء (٦ أكتوبر ٢٠٢٦ — التصوّرُ المعتمد) ═══ */
.xcq{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border-radius:18px;background:var(--bad-soft);box-shadow:inset 0 0 0 1px var(--bad)}
.xcq .bd{width:40px;height:40px;flex:none;border-radius:12px;background:var(--module);color:var(--bad-ink);display:flex;align-items:center;justify-content:center}
.xcq .tx{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:2px;color:var(--bad-ink)}
.xcq .tx b{font-size:15px}.xcq .tx small{font-size:12.5px;opacity:.85}
.xcq form{display:contents}
.xwho{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--well);box-shadow:var(--sh-well)}
.xwho .bd{width:40px;height:40px;flex:none;border-radius:12px;background:var(--module);box-shadow:inset 0 0 0 1px var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink-2)}
.xwho .tx{flex-grow:1;min-width:0;display:flex;flex-direction:column}.xwho .tx small{color:var(--ink-3)}
.xwhy{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0}
.xwhy legend{padding:0;margin-bottom:8px;font:500 12.5px/1.2 var(--f-ui);color:var(--ink-2)}
.xwhy label{position:relative;display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:12px;background:var(--well);box-shadow:var(--sh-well);font-size:14px;color:var(--ink-2);cursor:pointer}
.xwhy input{position:absolute;opacity:0;pointer-events:none}
.xwhy label:has(input:checked){background:var(--module);color:var(--ink);font-weight:600;box-shadow:inset 0 0 0 2px var(--sig)}
.xwhy label:has(input:focus-visible){outline:2px solid var(--sig);outline-offset:2px}
.xsumv{padding:4px 14px;border-radius:16px;background:var(--well)}
.xsumv>div:last-child{border-bottom:0}
.ip-tk.cx{background:var(--bad-soft);box-shadow:inset 0 0 0 1px var(--bad)}
.ip-tk .cxt{display:inline-flex;align-items:center;gap:4px;font:600 11.5px/1 var(--f-ui);color:var(--bad-ink)}
.badge.bad{background:var(--bad);color:var(--on-sig);box-shadow:none}
/* ═══ مخزونُ الشرائح حسب المكان (٦ أكتوبر ٢٠٢٦ — التصوّرُ المعتمد) ═══ */
.sk-hero{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr) auto;gap:28px;align-items:center;padding:22px 26px;border-radius:24px;background:linear-gradient(180deg,var(--gl-bg-2),var(--gl-bg));color:var(--gl-fg)}
.sk-tot{display:flex;flex-direction:column;gap:6px}
.sk-tot .l{font-size:13px;color:var(--gl-dim)}.sk-tot .l b{color:var(--gl-fg)}
.sk-tot>b{font:700 56px/1 var(--f-display)}
.sk-dist{display:flex;flex-direction:column;gap:10px;min-width:0}
.sk-strip{display:flex;gap:3px;height:14px;border-radius:999px;overflow:hidden}
.sk-strip i{flex:none;min-width:6px;height:100%}
.sk-leg{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px}
.sk-leg a{display:inline-flex;align-items:center;gap:6px;color:var(--gl-dim);text-decoration:none}
.sk-leg a:hover{color:var(--gl-fg)}.sk-leg b{color:var(--gl-fg)}
.sk-leg i{width:8px;height:8px;border-radius:50%}
.sk-c0{background:var(--sig)}.sk-c1{background:var(--gl-fg)}.sk-c2{background:var(--chart-2)}.sk-c3{background:var(--gl-dim)}.sk-c4{background:var(--eng)}.sk-c5{background:var(--pp-ink-3)}
.sk-strip i.sk-tr,.sk-leg i.sk-tr,.sk-loc .dot.sk-tr{background:repeating-linear-gradient(135deg,var(--gl-dim) 0 3px,transparent 3px 6px);box-shadow:inset 0 0 0 1px var(--gl-dim)}
.sk-alerts{display:flex;gap:10px}
.sk-al{display:flex;flex-direction:column;gap:2px;min-width:120px;padding:12px 16px;border-radius:16px;background:var(--tst-well)}
.sk-al span{font-size:12px}.sk-al b{font:700 26px/1.1 var(--f-display)}
.sk-al.soon span{color:var(--tst-warn)}.sk-al.bad span{color:var(--tst-bad)}
.sk-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}
.sk-places{display:flex;flex-direction:column;gap:10px;position:sticky;top:12px}
.sk-loc{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:14px 16px;border-radius:16px;background:var(--module);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink);text-decoration:none;transition:box-shadow .12s}
.sk-loc:hover{text-decoration:none;box-shadow:inset 0 0 0 1px var(--line)}
.sk-loc .nm{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:600;font-size:15px;min-width:0}
.sk-loc .dot{width:8px;height:8px;border-radius:50%;flex:none}
.sk-loc .ct{font:700 22px/1 var(--f-display)}
.sk-loc .bar{grid-column:1 / -1;display:flex;height:6px;border-radius:999px;overflow:hidden;background:var(--well-deep)}
.sk-loc .bar i{flex:none;height:100%}
.sk-loc .p0{background:var(--ink)}.sk-loc .p1{background:var(--sig)}.sk-loc .p2{background:var(--eng)}.sk-loc .p3{background:var(--chart-2)}
.sk-loc .ft{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--ink-3)}
.sk-loc.on{background:var(--ik-bot);color:var(--ik-fg);box-shadow:0 14px 30px -18px var(--dk-6)}
.sk-loc.on .ft{color:var(--gl-dim)}.sk-loc.on .bar{background:var(--ik-top)}.sk-loc.on .p0{background:var(--gl-fg)}
.sk-loc.sk-tr{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line)}
.sk-loc.sk-tr.on{background:var(--ik-bot)}
.sk-pill{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:999px;font:600 11.5px/1 var(--f-ui)}
.sk-pill.soon{background:var(--warn-soft);color:var(--warn-ink)}.sk-pill.bad{background:var(--bad-soft);color:var(--bad-ink)}
.sk-detail{background:var(--module);border-radius:24px;box-shadow:inset 0 0 0 1px var(--line-2);min-width:0;overflow:hidden;position:relative}
.sk-dh{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap;padding:22px 24px 16px}
.sk-dh .l{font-size:12.5px;color:var(--ink-3)}
.sk-dh h2{font:700 28px/1.2 var(--f-display)}.sk-dh h2 .num{font-size:20px;color:var(--ink-3)}
.sk-ages{display:flex;gap:8px;width:min(300px,100%)}
.sk-ages .ag{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:4px}
.sk-ages .cl{width:100%;height:58px;display:flex;align-items:flex-end}
.sk-ages .cl i{width:100%;border-radius:8px 8px 3px 3px;background:var(--line)}
.sk-ages .expired i{background:var(--bad)}.sk-ages .soon i{background:var(--warn)}.sk-ages .mid i{background:var(--ink)}.sk-ages .far i{background:var(--sig)}
.sk-ages b{font-size:13px}.sk-ages small{font-size:11.5px;color:var(--ink-3);white-space:nowrap}
.sk-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 24px 16px}
.sk-bar .q{flex:0 1 300px}
.sk-chips{display:flex;flex-wrap:wrap;gap:6px}
.sk-chips a{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:12px;background:var(--well);box-shadow:var(--sh-well);font-size:13px;color:var(--ink-2);text-decoration:none}
.sk-chips a[aria-current]{background:var(--module);color:var(--ink);font-weight:600;box-shadow:inset 0 0 0 2px var(--sig)}
.sk-bar .sp,.sk-act .sp{flex-grow:1}
.sk-tbl td.ck,.sk-tbl th.ck{width:44px}
.sk-life{display:block;height:8px;border-radius:999px;background:var(--well-deep);overflow:hidden;min-width:120px}
.sk-life i{display:block;height:100%;border-radius:999px;background:var(--sig)}
.sk-life.mid i{background:var(--ink)}.sk-life.soon i{background:var(--warn)}.sk-life.expired i{background:var(--bad)}
.sk-act{position:sticky;bottom:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 16px 16px;padding:10px 12px 10px 16px;border-radius:16px;background:var(--ik-bot);color:var(--ik-fg)}
.sk-act .in.sel{min-width:160px}
@media (max-width:1100px){.sk-hero{grid-template-columns:minmax(0,1fr)}.sk-alerts{flex-wrap:wrap}}
@media (max-width:860px){.sk-grid{grid-template-columns:minmax(0,1fr)}.sk-places{position:static}}
.sk-tbl td,.sk-tbl th{white-space:nowrap}.sk-tbl td.w100{min-width:140px}

/* ═══ «اليوم» — بيتُ قسم الاشتراكات (٦ أكتوبر ٢٠٢٦ — التصوّرُ المعتمد) ═══ */
.td-cap{margin:0 0 10px;font:700 13px/1 var(--f-ui);color:var(--ink-2)}
.td-todo{display:grid;grid-template-columns:1.4fr repeat(5,minmax(0,1fr));gap:12px}
.td-todo>a{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:var(--r-key);background:var(--module);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink);text-decoration:none;min-width:0}
.td-todo>a::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--line)}
.td-todo>a.bad::before{background:var(--bad)}
.td-todo>a.info::before{background:var(--info)}
.td-todo>a.warn::before{background:var(--warn)}
.td-todo>a:hover{box-shadow:inset 0 0 0 1px var(--line),var(--shadow-mod)}
.td-k{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2)}
.td-todo>a>b{font:700 32px/1 var(--f-display);font-variant-numeric:tabular-nums}
.td-todo small{font-size:12px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-go{margin-top:auto;height:34px;border-radius:var(--r-in);background:var(--well);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}
.td-todo>a.td-q{background:linear-gradient(180deg,var(--gl-bg-2),var(--gl-bg));color:var(--gl-fg);box-shadow:none}
.td-todo>a.td-q::before{background:var(--sig)}
.td-q .td-k,.td-q small{color:var(--gl-dim)}
.td-qn{display:flex;align-items:baseline;gap:12px;min-width:0}
.td-qn b{font:700 32px/1 var(--f-display);font-variant-numeric:tabular-nums}
.td-ages{display:flex;gap:3px;height:6px}
.td-ages i{flex:1;border-radius:4px;background:var(--ok)}
.td-ages i.warn{background:var(--warn)}
.td-ages i.bad{background:var(--bad)}
.td-q .td-go{background:var(--sig);color:var(--on-sig)}
.td-two{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:stretch}
.td-money{display:flex;flex-direction:column;gap:18px;padding:22px 24px;border-radius:var(--r-mod);background:linear-gradient(180deg,var(--gl-bg-2),var(--gl-bg));color:var(--gl-fg)}
.td-mh{display:flex;align-items:flex-start;gap:12px}
.td-l{margin:0;font:500 13px/1.2 var(--f-ui);color:var(--gl-dim);display:flex;align-items:center;gap:6px}
.td-big{font:700 44px/1.05 var(--f-display);font-variant-numeric:tabular-nums}
.td-big small{font:500 15px var(--f-ui);color:var(--gl-dim);margin-inline-start:8px}
.td-pr b{font:700 22px var(--f-display);color:var(--tst-ok)}
.td-money .neg{color:var(--tst-bad)}
.td-split{display:flex;height:14px;gap:3px;border-radius:999px;overflow:hidden;background:var(--gl-bar)}
.td-split i{display:block;height:100%}
.td-bank{background:var(--tst-ok)}
.td-centers{background:var(--sig-top)}
.td-pending{background:var(--tst-warn)}
.td-stock{background:var(--tst-info)}
.td-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.td-segs{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.td-segs a{display:flex;flex-direction:column;gap:4px;padding:6px 8px;border-radius:var(--r-in);color:var(--gl-fg);text-decoration:none;min-width:0}
.td-segs a:hover{background:var(--gl-sheen)}
.td-segs b{font:700 20px var(--f-display);font-variant-numeric:tabular-nums}
.td-segs small{font-size:11.5px;color:var(--gl-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-mf{display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1px solid var(--gl-rule);font-size:13px;color:var(--gl-dim)}
.td-mf a{display:inline-flex;align-items:center;gap:6px;color:var(--gl-fg);font-weight:600;text-decoration:none}
.td-lane{display:grid;grid-template-columns:90px repeat(4,minmax(0,1fr));gap:6px;align-items:center;font-size:12.5px}
.td-lane a{height:48px;border-radius:var(--r-in);background:var(--well);display:flex;flex-direction:column;justify-content:center;padding:0 12px;color:var(--ink);text-decoration:none;min-width:0}
.td-lane a b{font:700 15px var(--f-display);font-variant-numeric:tabular-nums}
.td-lane a span{font-size:11px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.td-lane a.hot{background:var(--sig-soft);box-shadow:inset 0 0 0 1.5px var(--sig-top)}
.td-pulse{display:flex;flex-wrap:wrap;gap:16px;margin-top:auto;padding-top:12px;border-top:1px dashed var(--line);font-size:12.5px;color:var(--ink-2)}
.td-flow .mod-b{height:100%}
.td-ch{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.td-ch h2{margin:0;flex-grow:1;font:700 17px var(--f-display)}
.td-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.td-card{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:var(--r-mod);background:var(--module);box-shadow:inset 0 0 0 1px var(--line-2)}
.td-card.bad{box-shadow:inset 0 0 0 1.5px var(--bad-soft),inset 0 0 0 3px var(--module)}
.td-card.nil{opacity:.8}
.td-cardh{display:flex;align-items:center;gap:10px}
.td-cardh a{flex-grow:1;color:var(--ink);text-decoration:none;font-size:16px;min-width:0}
.td-pill{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:999px;font-size:12px;background:var(--well);color:var(--ink-2);white-space:nowrap}
.td-pill.ok{background:var(--ok-soft);color:var(--ok-ink)}
.td-pill.warn{background:var(--warn-soft);color:var(--warn-ink)}
.td-pill.bad{background:var(--bad-soft);color:var(--bad-ink)}
.td-due{display:flex;align-items:baseline;gap:8px}
.td-due b{font:700 30px var(--f-display);font-variant-numeric:tabular-nums}
.td-card.nil .td-due b{color:var(--eng)}
.td-due small{font-size:12px;color:var(--ink-3)}
.td-bar{display:flex;height:8px;gap:2px;border-radius:999px;overflow:hidden;background:var(--well)}
.td-bar i{display:block;height:100%}
.td-p-claim{background:var(--sig-top)}
.td-p-sims{background:var(--info)}
.td-p-landed{background:var(--warn)}
.td-p-custody{background:var(--eng)}
.td-p-cash{background:var(--ok)}
.td-chips{display:flex;flex-wrap:wrap;gap:6px;min-height:26px}
.td-chips span{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;background:var(--well);font-size:12px;color:var(--ink-2)}
.td-chips b{color:var(--ink)}
.td-acts{display:flex;gap:8px;margin-top:auto}
@media (max-width:1100px){.td-todo{grid-template-columns:repeat(2,minmax(0,1fr))}.td-todo>a.td-q{grid-column:1/-1}.td-two{grid-template-columns:1fr}}
@media (max-width:640px){.td-todo{grid-template-columns:1fr}.td-lane{grid-template-columns:70px repeat(4,minmax(0,1fr))}}

.td-urg{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;height:26px;padding:0 10px;border-radius:999px;background:var(--tst-warn);color:var(--gl-bg);font-size:12px;font-weight:700}

/* ═══ «الطابور» (٦ أكتوبر ٢٠٢٦ — التصوّرُ المعتمد الثاني): قائمةٌ مجمّعةٌ وطلبٌ مختار ═══ */
.qv-ph .sum .qv-late{color:var(--bad-ink)}
.qv{display:grid;grid-template-columns:400px minmax(0,1fr);gap:16px;align-items:start}
.qv kbd{font:600 10.5px/1 ui-monospace,monospace;padding:3px 6px;border-radius:5px;background:var(--well);box-shadow:inset 0 -1px 0 var(--line);color:var(--ink-2)}
.qv-list{position:sticky;top:12px;display:flex;flex-direction:column;max-height:calc(100vh - 150px);border-radius:var(--r-mod);background:var(--module);box-shadow:inset 0 0 0 1px var(--line-2);overflow:hidden}
.qv-lh{display:flex;flex-direction:column;gap:10px;padding:12px;border-bottom:1px solid var(--line-2)}
.qv-find{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:var(--r-in);background:var(--well);color:var(--eng)}
.qv-find:focus-within{background:var(--module);box-shadow:inset 0 0 0 1.5px var(--ink)}
.qv-find input{flex:1;min-width:0;border:0;background:none;outline:0;font:500 13.5px var(--f-ui);color:var(--ink)}
.qv-tabs{display:flex;gap:2px;padding:3px;border-radius:var(--r-in);background:var(--well-deep)}
.qv-tabs a{flex:1;height:32px;border-radius:var(--r-chip);display:flex;align-items:center;justify-content:center;gap:6px;font:600 12.5px var(--f-ui);color:var(--ink-2);text-decoration:none;white-space:nowrap}
.qv-tabs a b{font-size:11px;color:var(--ink-3)}
.qv-tabs a[aria-current="page"]{background:var(--module);color:var(--ink);box-shadow:0 1px 0 var(--key-edge),0 4px 10px -6px var(--dk-4)}
.qv-tabs a[aria-current="page"] b{color:var(--ink)}
.qv-scroll{flex:1;overflow-y:auto;padding:4px 0 8px}
.qv-g{display:flex;align-items:center;gap:8px;padding:14px 16px 6px;font:700 11.5px var(--f-ui);color:var(--ink-3)}
.qv-g b{font-size:11px}
.qv-g i{flex:1;height:1px;background:var(--line-2)}
.qv-g.bad{color:var(--bad-ink)}
.qv-g.warn{color:var(--warn-ink)}
.qv-r{display:grid;grid-template-columns:3px minmax(0,1fr) auto;gap:12px;align-items:center;margin:0 8px;padding:10px 14px 10px 12px;border-radius:var(--r-in);color:var(--ink);text-decoration:none}
.qv-r[hidden]{display:none}
.qv-r:hover{background:var(--well)}
.qv-r>i{align-self:stretch;border-radius:4px;background:var(--ok)}
.qv-r>i.warn{background:var(--warn)}
.qv-r>i.bad{background:var(--bad)}
.qv-r .t{display:flex;flex-direction:column;gap:3px;min-width:0}
.qv-r .t b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qv-r .t span{font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qv-r .a{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.qv-r .a b{font-size:13.5px;font-weight:600}
.qv-r.cx{background:var(--bad-soft)}
.qv-r.ur{background:var(--warn-soft)}
.qv-r.on,.qv-r.on:hover{background:var(--ink);color:var(--module)}
.qv-r.on .t span{color:var(--eng)}
.qv-age{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:6px;font:600 11.5px var(--f-ui);white-space:nowrap;background:var(--ok-soft);color:var(--ok-ink)}
.qv-age.warn{background:var(--warn-soft);color:var(--warn-ink)}
.qv-age.bad{background:var(--bad-soft);color:var(--bad-ink)}
.qv-empty{padding:24px 16px}
.qv-lf{display:flex;align-items:center;gap:6px;padding:10px 16px;border-top:1px solid var(--line-2);font-size:11.5px;color:var(--ink-3)}
.qv-card{display:flex;flex-direction:column;border-radius:var(--r-mod);background:var(--module);box-shadow:inset 0 0 0 1px var(--line-2),var(--shadow-mod);overflow:hidden;min-width:0}
.qv-h{display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid var(--line-2)}
.qv-h h2{margin:0;font:700 22px var(--f-display)}
.qv-meta{font-size:12.5px;color:var(--ink-3);line-height:1.7}
.qv-nav{display:flex;align-items:center;gap:4px;padding:4px;border-radius:var(--r-in);background:var(--well)}
.qv-nav a,.qv-nav>span[aria-hidden]{width:32px;height:32px;border-radius:var(--r-chip);display:flex;align-items:center;justify-content:center;color:var(--ink)}
.qv-nav a{background:var(--module);box-shadow:0 1px 0 var(--key-edge)}
.qv-nav>span[aria-hidden]{color:var(--line)}
.qv-nav .num{font-size:12.5px;color:var(--ink-2);padding:0 6px}
.qv-urg{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 24px;background:var(--warn-soft);color:var(--warn-ink);font-size:13px}
.qv-b{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.qv-copy{display:flex;flex-direction:column;padding:18px 24px;border-inline-end:1px solid var(--line-2)}
.qv-copy h3{margin:0;font:700 13px var(--f-ui);color:var(--ink-2)}
.qv-copy>.row{margin-bottom:6px}
.qv-kv{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:52px;border-bottom:1px solid var(--line-2)}
.qv-kv:last-child{border-bottom:0}
.qv-kv .l{font-size:12.5px;color:var(--ink-3)}
.qv-kv b{font:600 16px var(--f-ui);overflow-wrap:anywhere;justify-self:start}
.qv-cp{height:30px;padding:0 10px;border:0;border-radius:var(--r-chip);background:var(--well);font:600 12px var(--f-ui);color:var(--ink-2);display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.qv-cp:hover{background:var(--well-deep);color:var(--ink)}
.qv-kv.done .qv-cp{background:var(--ok-soft);color:var(--ok-ink)}
.qv-ex{display:flex;flex-direction:column;gap:16px;padding:18px 24px;background:var(--well)}
.qv-ex .fld label,.qv-pay legend{display:flex;align-items:center;gap:8px;font:700 12.5px var(--f-ui);color:var(--ink-2)}
.qv-pay{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.qv-seg{display:flex;gap:4px;padding:4px;border-radius:var(--r-in);background:var(--well-deep)}
.qv-seg label{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:var(--r-chip);cursor:pointer}
.qv-seg input{position:absolute;opacity:0;pointer-events:none}
.qv-seg b{font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.qv-seg small{font-size:11.5px;color:var(--ink-3)}
.qv-seg label.short small{color:var(--bad-ink)}
.qv-seg label:has(input:checked){background:var(--module);box-shadow:0 1px 0 var(--key-edge),0 0 0 1.5px var(--sig)}
.qv-seg label:has(input:focus-visible){outline:2px solid var(--sig);outline-offset:2px}
.qv-ord{height:52px;box-shadow:inset 0 0 0 1.5px var(--sig)}
.qv-ord input{font-size:16px}
.qv-gl{display:flex;flex-direction:column;gap:12px;margin-top:4px;padding:14px 16px;border-radius:var(--r-key);background:linear-gradient(180deg,var(--gl-bg-2),var(--gl-bg));color:var(--gl-fg)}
.qv-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.qv-sum div{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--gl-dim);min-width:0}
.qv-sum b{font:700 15px var(--f-display);color:var(--gl-fg)}
.qv-gl kbd{background:var(--dk-2);box-shadow:none;color:var(--on-sig)}
.qv-cx{gap:12px}
.qv-cxh{display:flex;align-items:center;gap:10px}
.qv-cxh b{flex:1;font-size:16px}
.qv-cx p{margin:0;font-size:13.5px}
@media (max-width:1280px){.qv-b{grid-template-columns:1fr}.qv-copy{border-inline-end:0;border-bottom:1px solid var(--line-2)}}
@media (max-width:980px){.qv{grid-template-columns:1fr}.qv-list{position:static;max-height:none}}
/* مبالغُ الانتظار (١١ أكتوبر ٢٠٢٦): لوحةُ «المفترض عند المركز» وشريطُ «ما عندك الآن» لموظّف المركز */
.ip-wait{grid-template-columns:minmax(220px,1fr) minmax(0,1fr) minmax(0,1.4fr);margin-block:12px}
.ip-hand .mod-b{align-items:center;padding-block:12px}
.ip-hand .col{gap:2px;padding-inline-start:16px;border-inline-start:1px solid var(--line-2)}
.ip-hand .col b{font:700 20px/1.1 var(--f-display)}
/* تفصيلُ ما على المركز (‎isp/_due.html‎): أجزاءٌ ثمّ مجموعٌ، ثمّ الانتظارُ ثمّ المفترض — ترتيبٌ واحدٌ في كلّ شاشة */
.ip-due{display:flex;flex-direction:column;gap:2px;margin:0;min-width:240px}
.ip-due>div{display:flex;justify-content:space-between;gap:16px;padding:5px 0;border-bottom:1px dashed var(--line-2)}
.ip-due dt{color:var(--ink-2);font-size:13.5px}
.ip-due dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}
.ip-due .tot{border-bottom:1px solid var(--line)}.ip-due .tot dt{color:var(--ink);font-weight:700}.ip-due .tot dd{font-weight:700}
.ip-due .wait dt,.ip-due .wait dd{color:var(--warn-ink)}
.ip-hand .ip-due{flex:1 1 320px;max-width:520px}

/* ما عند المراكز (١١ أكتوبر ٢٠٢٦ — التصوّرُ المعتمد): «ما عندك الآن» و«أين مالك الآن» (‎isp/hand.html‎ · ‎isp/holdings.html‎).
   ألوانُ الأنواع: نقديّ · بنك · تقسيط · عمولات · انتظار — وأجزاءُ المستحقّ: اشتراكات · شرائح · عمولات · عهدة */
.k-cash{background:var(--ink)}.k-bank{background:var(--info)}.k-bnpl{background:color-mix(in srgb,var(--info) 55%,var(--sig))}.k-com{background:var(--sig)}
.k-wait{background:repeating-linear-gradient(135deg,var(--warn) 0 6px,var(--warn-ink) 6px 12px)}
.p-sub{background:var(--ink)}.p-sim{background:var(--ink-3)}.p-com{background:var(--sig)}.p-cus{background:var(--line)}
.hd-hero{display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:space-between;padding:24px 26px;border-radius:var(--r-mod);
  color:var(--gl-fg);background:linear-gradient(180deg,var(--gl-bg-2),var(--gl-bg));box-shadow:inset 0 1px 0 var(--gl-sheen),0 0 0 1px var(--gl-edge)}
.hd-hero .ip-l{color:var(--gl-dim)}
.hd-lead{display:flex;flex-direction:column;gap:6px}
.hd-mixw{flex:1 1 480px;display:flex;flex-direction:column;gap:10px;min-width:0}
.hd-mix,.hd-bar{display:flex;gap:2px;overflow:hidden;border-radius:8px;height:14px;background:var(--well-deep)}
.hd-hero .hd-mix{background:var(--gl-rule)}.hd-hero .hd-mix .k-cash,.hd-hero .hd-keys .k-cash{background:var(--gl-fg)}
.hd-mix i,.hd-bar i{display:block;height:100%;flex:none}
.hd-keys{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px}
.hd-hero .hd-keys{color:var(--gl-dim)}.hd-hero .hd-keys b{color:var(--gl-fg)}
.hd-keys span{display:inline-flex;align-items:center;gap:6px}
.hd-keys i,.hd-dot{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none}
.hd-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hd-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hd-card .mod-b{display:flex;flex-direction:column;gap:10px;height:100%}
.hd-ch{display:flex;justify-content:space-between;align-items:center;gap:8px}
.hd-v{font:700 30px/1.1 var(--f-display);font-variant-numeric:tabular-nums}
.hd-card.wait{background:var(--warn-soft);box-shadow:inset 0 0 0 2px var(--warn)}
.hd-card.wait,.hd-card.wait .ip-l,.hd-card.wait dt{color:var(--warn-ink)}
.hd-card.gl{color:var(--gl-fg);background:linear-gradient(180deg,var(--gl-bg-2),var(--gl-bg));box-shadow:inset 0 1px 0 var(--gl-sheen),0 0 0 1px var(--gl-edge)}
.hd-card.gl .ip-l,.hd-card.gl .sm{color:var(--gl-dim)}
.hd-ls{display:flex;flex-direction:column;gap:7px;margin:0;padding-top:10px;border-top:1px solid var(--line-2);font-size:14px}
.hd-ls>div{display:flex;justify-content:space-between;gap:12px}
.hd-ls dt{color:var(--ink-2)}.hd-ls dd{margin:0;font-variant-numeric:tabular-nums;font-weight:600}
.hd-ls.lg{gap:0;border:0;padding:0}.hd-ls.lg>div{padding:9px 0;border-bottom:1px solid var(--line-2)}.hd-ls.lg>div:last-child{border:0}
.hd-ls .sub{display:block;font-size:12px;color:var(--ink-3)}
.hd-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:14px;align-items:start}
.hd-split.even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hd-split .ip-due{min-width:0}
.hd-match{display:flex;gap:10px;align-items:flex-start;margin:0;padding:12px 14px;border-radius:var(--r-key);font-size:13.5px;line-height:1.8}
.hd-match.ok{background:var(--ok-soft);color:var(--ok-ink)}.hd-match.bad{background:var(--bad-soft);color:var(--bad-ink)}
.hd-match .ic{flex:none;margin-top:4px}
.hd-tb{min-width:1040px}
.hd-tr{display:grid;grid-template-columns:minmax(150px,1.4fr) repeat(4,minmax(70px,.75fr)) minmax(150px,1.4fr) minmax(100px,.95fr) minmax(110px,1fr) minmax(110px,.95fr);
  align-items:center;gap:0 12px;padding:12px 22px;border-bottom:1px solid var(--line-2);font-size:14.5px}
.hd-tr>.e{text-align:end}
.hd-th{font-size:13px;color:var(--ink-3);padding-block:10px}
.hd-tr .im{font-weight:600}.hd-th .im{color:var(--ink)}
.hd-tr .wt{color:var(--warn-ink)}
.hd-tr .sub{display:block;font-size:12px;color:var(--ink-3)}
.hd-tr .hd-bar{height:7px;margin-top:6px;margin-inline-start:auto;background:transparent;border-radius:4px}
.hd-row>summary{list-style:none;cursor:pointer}.hd-row>summary::-webkit-details-marker{display:none}
.hd-row>summary:hover{background:var(--well)}
.hd-row[open]>summary{background:var(--well);border-bottom:0}
.hd-chev{transition:transform .15s;margin-inline-end:6px;vertical-align:-2px;transform:rotate(90deg)}
[dir="ltr"] .hd-chev{transform:rotate(-90deg)}
.hd-row[open] .hd-chev{transform:none}
.hd-open{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:4px 22px 18px;background:var(--well);border-bottom:1px solid var(--line-2)}
.hd-sub{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:var(--r-key);background:var(--module);box-shadow:inset 0 0 0 1px var(--line-2)}
.hd-sub .hd-ls{border:0;padding:0}
.hd-tf{font-weight:700;border-bottom:0}
.hd-none{display:block}
.hd-ls .hd-tot{border-top:1px solid var(--line-2);padding-top:7px;font-weight:700}.hd-ls .hd-tot dt{color:var(--ink)}
.hd-facts{display:flex;flex-wrap:wrap;gap:16px 0;align-items:flex-end}
.hd-facts>div{display:flex;flex-direction:column;gap:6px;padding-inline:22px;border-inline-start:1px solid var(--gl-rule)}
.hd-facts b{font:700 24px/1.1 var(--f-display);font-variant-numeric:tabular-nums}
.hd-facts .wt b,.hd-facts .wt .ip-l{color:var(--warn)}
.hd-cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.lst>.mod-h .seg{margin-inline-start:auto}
/* (١١ أكتوبر ٢٠٢٦) الشاشاتُ العريضة: المحتوى لا يتمدّد بلا حدّ — كان الجدولُ يمتدّ ٣٤٠٠ بكسل فيبدو فارغاً */
body[data-sec="isp"] .main>.pg{max-width:1680px;margin-inline:auto;width:100%}
@media (max-width:900px){.hd-cards,.hd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hd-split,.hd-split.even,.hd-open{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.hd-cards,.hd-kpis{grid-template-columns:minmax(0,1fr)}}