/* الخط مستضاف ذاتيًا — لا يُكشف عنوان المستفيد لطرف ثالث */
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-display:swap;font-weight:400;
  src:url(fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-display:swap;font-weight:400;
  src:url(fonts/ibm-plex-sans-arabic-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-display:swap;font-weight:600;
  src:url(fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-display:swap;font-weight:600;
  src:url(fonts/ibm-plex-sans-arabic-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-display:swap;font-weight:700;
  src:url(fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-display:swap;font-weight:700;
  src:url(fonts/ibm-plex-sans-arabic-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* ═══ شهاب · تجربة المستفيد — مبني على نظام تصميم شهاب (tokens + AppShell + StatusChip) ═══ */
:root,[data-theme=light]{--bg:#f4f6f8;--surface:#ffffff;--surface-raised:#ffffff;--surface-sunken:#edf1f5;--sidebar:#071d33;--sidebar-ink:#e9eef3;--sidebar-muted:#9fb2c6;--border:#d8dfe7;--border-strong:#74879b;--ink:#0b2b4a;--ink-muted:#566a7f;--action:#0b2b4a;--on-action:#ffffff;--action-hover:#14395f;--gold:#c2a063;--gold-ink:#8a6420;--focus:#8a6420;--success:#1d7a4a;--success-soft:#e6f4ec;--warning:#8f5d10;--warning-soft:#fbf1df;--danger:#b42318;--danger-soft:#fdecea;--info:#1f5fa8;--info-soft:#e8f0fa;--p-nursing:#1B4F8A;--p-nursing-tint:#e8edf3;--p-rostering:#0F4C4C;--p-rostering-tint:#e7eded;--p-workforce:#2E3A8C;--p-workforce-tint:#eaebf4;--p-quality:#7A2138;--p-quality-tint:#f2e9eb;--p-ipc:#157F72;--p-ipc-tint:#e8f2f1;--p-response:#A55A1B;--p-response-tint:#f6eee8;--p-px:#4A6B2A;--p-px-tint:#edf0ea;--p-innovation:#5B3A87;--p-innovation-tint:#efebf3;--shadow-1:0 1px 2px rgba(11,43,74,.06), 0 1px 3px rgba(11,43,74,.08);--shadow-2:0 12px 32px -12px rgba(11,43,74,.28);color-scheme:light}
[data-theme=dark]{--bg:#071d33;--surface:#0e2a47;--surface-raised:#13355a;--surface-sunken:#0a2139;--sidebar:#05172a;--sidebar-ink:#e9eef3;--sidebar-muted:#9fb2c6;--border:#24476b;--border-strong:#5a7ea3;--ink:#e9eef3;--ink-muted:#9fb2c6;--action:#e9eef3;--on-action:#0b2b4a;--action-hover:#ffffff;--gold:#c2a063;--gold-ink:#c2a063;--focus:#c2a063;--success:#4cc38a;--success-soft:#133f32;--warning:#e9b86a;--warning-soft:#3d3220;--danger:#f97066;--danger-soft:#4a2224;--info:#7cb4f0;--info-soft:#1a3557;--p-nursing:#5295e1;--p-nursing-tint:#1c3f66;--p-rostering:#1da4a4;--p-rostering-tint:#11425a;--p-workforce:#808bd8;--p-workforce-tint:#253d64;--p-quality:#dc728d;--p-quality-tint:#373855;--p-ipc:#18aa98;--p-ipc-tint:#104457;--p-response:#de761f;--p-response-tint:#38393f;--p-px:#70a43d;--p-px-tint:#224245;--p-innovation:#a383cc;--p-innovation-tint:#2c3c62;--shadow-1:0 1px 2px rgba(0,0,0,.35);--shadow-2:0 12px 32px -12px rgba(0,0,0,.6);color-scheme:dark}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#071d33;--surface:#0e2a47;--surface-raised:#13355a;--surface-sunken:#0a2139;--sidebar:#05172a;--sidebar-ink:#e9eef3;--sidebar-muted:#9fb2c6;--border:#24476b;--border-strong:#5a7ea3;--ink:#e9eef3;--ink-muted:#9fb2c6;--action:#e9eef3;--on-action:#0b2b4a;--action-hover:#ffffff;--gold:#c2a063;--gold-ink:#c2a063;--focus:#c2a063;--success:#4cc38a;--success-soft:#133f32;--warning:#e9b86a;--warning-soft:#3d3220;--danger:#f97066;--danger-soft:#4a2224;--info:#7cb4f0;--info-soft:#1a3557;--p-nursing:#5295e1;--p-nursing-tint:#1c3f66;--p-rostering:#1da4a4;--p-rostering-tint:#11425a;--p-workforce:#808bd8;--p-workforce-tint:#253d64;--p-quality:#dc728d;--p-quality-tint:#373855;--p-ipc:#18aa98;--p-ipc-tint:#104457;--p-response:#de761f;--p-response-tint:#38393f;--p-px:#70a43d;--p-px-tint:#224245;--p-innovation:#a383cc;--p-innovation-tint:#2c3c62;--shadow-1:0 1px 2px rgba(0,0,0,.35);--shadow-2:0 12px 32px -12px rgba(0,0,0,.6);color-scheme:dark}}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-pill:999px;--sidebar-width:248px;--topbar-height:56px;--stripe-height:3px;--control-height:38px;--font-sans:"IBM Plex Sans Arabic", "IBM Plex Sans", Tahoma, sans-serif;--font-latin:"IBM Plex Sans", "IBM Plex Sans Arabic", Arial, sans-serif}
/* أسماء المنصة القديمة مربوطة بمتغيرات النظام — لا ألوان خاصة بالمنصة بعد اليوم */
:root{
  --navy:var(--action); --ivory:var(--sidebar-ink);
  --ground:var(--bg); --surface-2:var(--surface-sunken); --line:var(--border); --line-2:var(--border-strong);
  --ink-2:color-mix(in srgb,var(--ink) 72%,var(--ink-muted)); --muted:var(--ink-muted);
  --brand:var(--p-px); --brand-soft:var(--p-px-tint); --brand-lite:var(--p-px); --pc:var(--p-px);
  --ok:var(--success); --warn:var(--warning); --bad:var(--danger);
  --ok-soft:var(--success-soft); --warn-soft:var(--warning-soft); --bad-soft:var(--danger-soft);
  --neutral:#8a9bad; --shadow:var(--shadow-1);
  --font:var(--font-sans);
}
[data-theme=dark]{--neutral:#5c7690}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--neutral:#5c7690}}
*{box-sizing:border-box}
html,body{margin:0}
html{background:var(--bg);min-height:100%}
body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);line-height:1.7;
  -webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
html[lang=en] body{font-family:var(--font-latin)}
button,input,select,textarea{font:inherit;color:inherit}
input::placeholder,textarea::placeholder{color:var(--ink-muted);opacity:1}
a{color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}
.hide{display:none!important}

/* شريط لون المنصة — 3px أعلى الشاشة */
body::before{content:"";position:fixed;inset:0 0 auto 0;height:var(--stripe-height);background:var(--pc);z-index:80}

/* ── التوقيع PlatformLockup ── */
.lockup{display:flex;align-items:center;gap:8px;color:var(--sidebar-ink);text-decoration:none;min-width:0}
.lockup .mark{height:24px;width:auto;display:block;flex:none}
.lockup .wm{font-weight:700;font-size:15px;white-space:nowrap}
.lockup .sep{width:1px;height:26px;background:var(--gold);flex:none}
.lockup .prod{line-height:1.3;min-width:0}
.lockup .prod b{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;white-space:nowrap}
.lockup .prod b::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pc);box-shadow:0 0 0 2px rgba(233,238,243,.22);flex:none}
.lockup .prod small{display:block;font-family:var(--font-latin);font-size:10px;color:var(--sidebar-muted);letter-spacing:0;white-space:nowrap}

/* ── الأزرار: إجراء رئيسي واحد بلون action، والبقية ثانوية ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;cursor:pointer;
  border-radius:var(--radius-md);min-height:var(--control-height);padding:9px 18px;font-weight:600;font-size:14px;line-height:1.2;
  background:var(--action);color:var(--on-action);text-decoration:none;transition:background .15s,transform .12s}
.btn:hover{background:var(--action-hover)}
.btn:active{transform:scale(.98)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn.gold{background:var(--action);color:var(--on-action)}
.btn.ghost{background:var(--surface);color:var(--ink);border-color:var(--border-strong)}
.btn.ghost:hover{background:var(--surface-sunken)}
.demo-flag{position:fixed;inset-inline-start:12px;bottom:12px;z-index:50;background:var(--surface-raised);color:var(--gold-ink);
  border:1px solid var(--gold);font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;box-shadow:var(--shadow-2)}

/* ── شارات الحالة: لون + أيقونة + كلمة ── */
.tag.ok,.tag.warn,.tag.bad,.ans span.no{display:inline-flex;align-items:center;gap:4px}
.tag.ok::before,.tag.warn::before,.tag.bad::before,.ans span.no::before{content:"";width:11px;height:11px;flex:none;background:currentColor;
  -webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.tag.ok{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E")}
.tag.warn{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.tag.bad{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E")}
.ans span.no{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6M9 9l6 6'/%3E%3C/svg%3E")}
.tag{font-weight:600}

/* ── الترويسة قبل الدخول (شاشة الدخول والبوابات) ── */
header{background:var(--sidebar);color:var(--sidebar-ink);padding:14px 22px}
.hbar{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hbar nav,.hbar .who{display:none}

/* ── AppShell: شريط جانبي داكن + شريط علوي ── */
.topbar{display:none}
body.app{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);grid-template-rows:var(--topbar-height) auto;min-height:100vh}
body.app>header{grid-column:1;grid-row:1/span 2;position:sticky;top:0;height:100vh;overflow:auto;padding:22px 12px 16px;display:flex;flex-direction:column}
body.app>.topbar{grid-column:2;grid-row:1;display:flex;align-items:center;gap:10px;height:var(--topbar-height);padding:0 24px;
  background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30;margin-top:var(--stripe-height)}
body.app>main{grid-column:2;grid-row:2;width:100%;padding:var(--space-6)!important}
body.app .hbar{display:flex;flex-direction:column;align-items:stretch;gap:22px;max-width:none;margin:0;flex:1}
body.app .hbar .lockup{padding:0 4px}
body.app .hbar nav{display:flex!important;flex-direction:column;gap:2px;margin:0!important;font-size:14px;width:auto;order:0}
.side-g{font-size:11px;font-weight:600;color:var(--sidebar-muted);letter-spacing:.02em;padding:14px 10px 6px}
.side-g:first-child{padding-top:0}
body.app .hbar nav a{display:flex;align-items:center;gap:10px;color:var(--sidebar-muted);text-decoration:none;padding:8px 10px;border-radius:var(--radius-md);position:relative;background:none;font-weight:500}
body.app .hbar nav a svg{width:18px;height:18px;flex:none}
body.app .hbar nav a:hover{color:var(--sidebar-ink);background:rgba(255,255,255,.05)}
body.app .hbar nav a[aria-current]{color:var(--sidebar-ink);background:rgba(255,255,255,.10);font-weight:700}
body.app .hbar nav a[aria-current]::before{content:"";position:absolute;inset-inline-start:-12px;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--pc)}
html[dir=ltr] body.app .hbar nav a[aria-current]::before{border-radius:0 3px 3px 0}
html[dir=rtl] body.app .hbar nav a[aria-current]::before{border-radius:3px 0 0 3px}
.side-foot a{color:inherit;text-decoration:none}
.side-foot a:hover{color:var(--sidebar-ink);text-decoration:underline}
.side-foot{margin-top:auto;font-size:11px;color:var(--sidebar-muted);padding:10px 6px 0;border-top:1px solid rgba(255,255,255,.08);font-family:var(--font-latin)}
.topbar .ttl{font-weight:600;font-size:14px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar .sp{flex:1}
.tb-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;min-width:34px;padding:0 10px;border-radius:var(--radius-md);
  border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;font-size:13px;font-weight:600}
.tb-btn:hover{background:var(--surface-sunken)}
.tb-btn svg{width:17px;height:17px}
.tb-btn.lang{font-family:var(--font-latin)}
html[lang=en] .tb-btn.lang{font-family:var(--font-sans)}
.topbar .who{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-muted);white-space:nowrap}
.topbar .who b{color:var(--ink)}
.topbar .who .av{width:30px;height:30px;border-radius:50%;background:var(--p-px-tint);color:var(--ink);display:inline-grid;place-items:center;font-weight:700;font-size:12px}
.topbar .who button{height:32px;padding:0 12px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:transparent;color:var(--ink);cursor:pointer;font-size:12.5px}
.menu-btn{display:none}
.scrim{display:none}
@media (max-width:900px){
  body.app{grid-template-columns:minmax(0,1fr)}
  body.app>header{position:fixed;inset-block:0;inset-inline-start:0;width:min(280px,84vw);z-index:90;transform:translateX(100%);transition:transform .2s;box-shadow:var(--shadow-2)}
  html[dir=ltr] body.app>header{transform:translateX(-100%)}
  body.app.nav-open>header{transform:none!important}
  body.app.nav-open .scrim{display:block;position:fixed;inset:0;background:rgba(5,23,42,.5);z-index:85}
  body.app>.topbar,body.app>main{grid-column:1}
  body.app>.topbar{padding:0 12px}
  body.app>main{padding:var(--space-4)!important}
  .menu-btn{display:inline-flex}
  .topbar .who .nm,.topbar .ttl{display:none}
}
@media (max-width:480px){.topbar .who .rl{display:none}}
@media print{body.app{display:block}body.app>header,.topbar,body::before{display:none}}
html[lang=en] .lockup .prod b{font-size:12.5px}
html[lang=en] .lockup .wm{font-size:14.5px}
html[lang=en] .lockup .prod small{display:none}
.pre-tools{margin-inline-start:auto;display:flex;gap:8px}
.pre-tools .tb-btn{background:transparent;color:var(--sidebar-ink);border-color:rgba(233,238,243,.22)}
.pre-tools .tb-btn:hover{background:rgba(255,255,255,.08)}
body.app .pre-tools{display:none}