/* ============================================================================
   Jazeel Pay — نظام التصميم (المرحلة 2)
   Premium Real Estate Operating System

   يُحمَّل بعد style.css فيغلبه عند التعارض. القاعدة: كل ما هو جديد يستخدم
   الرموز (tokens) أدناه، والقديم يُهاجَر تدريجيًا لا دفعة واحدة.

   الهوية: Ink يحمل الواجهة الوظيفية · الأحمر إشارة علامة وإجراء مهم فقط ·
   Mist والأسطح المحايدة تصنع التدرّج الهرمي.
   ============================================================================ */

:root{
  /* ---- الهوية ---- */
  --jz-ink:#152026;          /* Ink — لون الواجهة الوظيفي الأساسي */
  --jz-red:#D93D3D;          /* Jazeel Red — إشارة وإجراء مهم فقط */
  --jz-red-press:#B22F2F;
  --jz-mist:#BDCBD4;         /* Mist */
  --jz-deep:#11709C;         /* Deep */

  /* ---- الأسطح ---- */
  --s-canvas:#F2F4F5;        /* خلفية التطبيق */
  --s-raised:#FFFFFF;        /* البطاقات */
  --s-sunken:#EAEEF0;        /* الحقول والمناطق الغائرة */
  --s-inverse:#152026;       /* الأشرطة الداكنة */
  --s-inverse-2:#1E2C34;
  --s-hover:rgba(21,32,38,.04);
  --s-press:rgba(21,32,38,.08);

  /* ---- النص ---- */
  --t-strong:#152026;
  --t-body:#2E3D45;
  --t-muted:#647680;
  --t-faint:#8FA0A9;
  --t-on-dark:#FFFFFF;
  --t-on-dark-soft:rgba(255,255,255,.66);

  /* ---- الحدود ---- */
  --b-hair:#DFE5E8;
  --b-soft:#D2DBE0;
  --b-strong:#B6C3CA;

  /* ---- الحالات ---- */
  --ok:#1F6B45;      --ok-bg:#E7F2EC;   --ok-ln:#C4DFD1;
  --warn:#8A6212;    --warn-bg:#FBF2DF; --warn-ln:#EADCB8;
  --dang:#B3302F;    --dang-bg:#FBEAEA; --dang-ln:#EFC9C9;
  --info:#0F5F85;    --info-bg:#E6F1F7; --info-ln:#C3DCE9;
  --neutral:#5A6B75; --neutral-bg:#EDF1F3; --neutral-ln:#D8E0E4;

  /* ---- المسافات (4px شبكة) ---- */
  --sp-1:4px;  --sp-2:8px;  --sp-3:12px; --sp-4:16px;
  --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px;

  /* ---- الأنصاف ---- */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:20px; --r-pill:999px;

  /* ---- الظلال ---- */
  --sh-1:0 1px 2px rgba(21,32,38,.06);
  --sh-2:0 2px 8px rgba(21,32,38,.07);
  --sh-3:0 8px 24px rgba(21,32,38,.10);
  --sh-4:0 18px 48px rgba(21,32,38,.16);

  /* ---- الطباعة ---- */
  --f-ar:'Cairo',system-ui,-apple-system,'Segoe UI',Tahoma,Arial,sans-serif;
  --f-brand:'Literata',Georgia,serif;
  --fs-xs:11.5px; --fs-sm:12.5px; --fs-md:14px; --fs-lg:16px;
  --fs-xl:19px;   --fs-2xl:24px;  --fs-3xl:30px; --fs-4xl:38px;

  /* ---- الحركة ---- */
  --e-out:cubic-bezier(.22,.8,.3,1);
  --d-fast:120ms; --d-mid:200ms; --d-slow:320ms;

  /* ---- القياسات ---- */
  --touch:44px;              /* أصغر هدف لمس */
  --nav-h:60px;              /* شريط التنقل السفلي */
  --top-h:56px;
  --side-w:248px;
  --safe-b:env(safe-area-inset-bottom,0px);
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;}
}

/* ============================== أساسيات ================================== */
.jz *{box-sizing:border-box;}
.jz-num{font-family:var(--f-brand),var(--f-ar);font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;direction:ltr;unicode-bidi:isolate;display:inline-block;}
.jz-brand{font-family:var(--f-brand);font-weight:800;letter-spacing:.01em;}

:focus-visible{outline:2px solid var(--jz-deep);outline-offset:2px;border-radius:4px;}
.jz-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0;}

/* ============================ هيكل التطبيق =============================== */
/* الجوال أولًا: شريط علوي سياقي + محتوى + تنقل سفلي.
   ≥1024px: شريط جانبي ثابت (يمين لأن الواجهة RTL) بلا تنقل سفلي. */

body.jz-shell{background:var(--s-canvas);}
body.jz-shell .app{max-width:none;margin:0;}

.jz-top{position:sticky;top:0;z-index:40;height:var(--top-h);
  background:var(--s-inverse);color:var(--t-on-dark);
  display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-3);
  border-bottom:1px solid rgba(255,255,255,.08);}
.jz-top__back{flex:none;width:var(--touch);height:var(--touch);border:0;background:none;
  color:var(--t-on-dark);border-radius:var(--r-md);display:none;place-items:center;cursor:pointer;
  -webkit-tap-highlight-color:transparent;}
.jz-top__back:hover{background:rgba(255,255,255,.10);}
.jz-top__back:active{transform:scale(.94);}
.jz-top.has-back .jz-top__back{display:grid;}
.jz-top__titles{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;line-height:1.25;}
.jz-top__t{font-size:var(--fs-lg);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.jz-top__s{font-size:var(--fs-xs);color:var(--t-on-dark-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.jz-top__acts{flex:none;display:flex;align-items:center;gap:2px;}

.jz-iconbtn{width:var(--touch);height:var(--touch);border:0;background:none;border-radius:var(--r-md);
  display:grid;place-items:center;cursor:pointer;color:inherit;position:relative;flex:none;
  -webkit-tap-highlight-color:transparent;transition:background var(--d-fast);}
.jz-iconbtn:hover{background:rgba(255,255,255,.10);}
.jz-iconbtn:active{transform:scale(.94);}
.jz-iconbtn--ink{color:var(--t-strong);}
.jz-iconbtn--ink:hover{background:var(--s-hover);}
.jz-dot{position:absolute;top:7px;inset-inline-end:7px;min-width:17px;height:17px;padding:0 4px;
  border-radius:var(--r-pill);background:var(--jz-red);color:#fff;font-size:10px;font-weight:800;
  display:none;place-items:center;line-height:1;border:2px solid var(--s-inverse);
  font-family:var(--f-brand);font-variant-numeric:tabular-nums;}
.jz-dot.on{display:grid;}

.jz-main{padding:var(--sp-4) var(--sp-4) calc(var(--nav-h) + var(--safe-b) + var(--sp-8));
  max-width:760px;margin:0 auto;}

.jz-bottom{position:fixed;left:0;right:0;bottom:0;z-index:45;
  height:calc(var(--nav-h) + var(--safe-b));padding-bottom:var(--safe-b);
  background:rgba(255,255,255,.94);backdrop-filter:saturate(1.6) blur(12px);
  border-top:1px solid var(--b-hair);display:flex;}
.jz-bottom__i{flex:1;border:0;background:none;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:3px;cursor:pointer;color:var(--t-muted);
  font-family:var(--f-ar);font-size:10.5px;font-weight:700;min-height:var(--touch);
  -webkit-tap-highlight-color:transparent;position:relative;transition:color var(--d-fast);}
.jz-bottom__i svg{width:22px;height:22px;stroke-width:1.7;}
.jz-bottom__i.on{color:var(--jz-ink);}
.jz-bottom__i.on::before{content:'';position:absolute;top:0;width:26px;height:3px;
  border-radius:0 0 3px 3px;background:var(--jz-red);}
.jz-bottom__i:active{transform:scale(.95);}

.jz-side{display:none;}

/* ⚠️ الشريط الجانبي يُثبَّت بخصائص **فيزيائية** عمدًا (right/padding-right).
   الواجهة RTL، وفيها `inset-inline-end` يُحسم إلى **اليسار** — وهذا بالضبط سبب
   ظهور الشريط على اليسار سابقًا. الخصائص المنطقية صحيحة للمحتوى داخل السطر،
   وخاطئة هنا لأن المطلوب جهة ثابتة من الشاشة لا جهة تتبع اتجاه النص. */
@media (min-width:1024px){
  .jz-bottom{display:none;}
  .jz-side{display:flex;flex-direction:column;position:fixed;top:0;bottom:0;
    right:0;left:auto;
    width:var(--side-w);background:var(--s-inverse);color:var(--t-on-dark);z-index:50;
    padding:var(--sp-4) var(--sp-3);gap:var(--sp-1);overflow-y:auto;}
  .jz-side__brand{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-2) var(--sp-5);}
  .jz-side__brand img{height:34px;width:auto;}
  .jz-side__brand .n{font-family:var(--f-brand);font-weight:800;font-size:17px;line-height:1.15;}
  .jz-side__brand .s{font-size:var(--fs-xs);color:var(--t-on-dark-soft);}
  .jz-side__i{display:flex;align-items:center;gap:var(--sp-3);width:100%;border:0;background:none;
    color:var(--t-on-dark-soft);font-family:var(--f-ar);font-size:var(--fs-md);font-weight:700;
    padding:11px var(--sp-3);border-radius:var(--r-md);cursor:pointer;text-align:start;
    min-height:var(--touch);transition:background var(--d-fast),color var(--d-fast);}
  .jz-side__i svg{width:20px;height:20px;flex:none;stroke-width:1.7;}
  .jz-side__i:hover{background:rgba(255,255,255,.08);color:#fff;}
  .jz-side__i.on{background:rgba(255,255,255,.12);color:#fff;}
  .jz-side__i.on svg{color:var(--jz-red);}
  .jz-side__i .c{margin-inline-start:auto;font-family:var(--f-brand);font-size:11.5px;
    background:rgba(255,255,255,.16);border-radius:var(--r-pill);padding:1px 7px;}
  .jz-side__sp{flex:1;}
  .jz-side__foot{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--sp-3);margin-top:var(--sp-3);}

  /* مساحة العمل تبدأ من حافة الشاشة اليسرى وتنتهي عند الشريط الجانبي يمينًا.
     لا فراغ بعرض الشريط على اليسار، ولا محتوى تحت الشريط على اليمين. */
  body.jz-shell{padding-inline:0;padding-right:var(--side-w);padding-left:0;}
  .jz-main{padding:var(--sp-6) var(--sp-6) var(--sp-10);max-width:1080px;}
  .jz-main--wide{max-width:1320px;}
  /* الحوارات تتمركز في مساحة العمل الفعلية، لا في الشاشة كاملةً.
     التمركز بحدود صريحة + margin تلقائي لا بـ left:50%: النسبة المئوية تُحسم
     على حاوية قد لا تكون الشاشة، وقد رُصد فعلًا حوار ينزلق نصفه خارج الشاشة
     عند 1024px. الحدود الصريحة لا تحتمل هذا الالتباس. */
  body.jz-shell .jz-dialog{
    left:0; right:var(--side-w); margin-inline:auto;
    width:min(520px, calc(100vw - var(--side-w) - var(--sp-10)));
    transform:translateY(-46%) scale(.98);}
  body.jz-shell .jz-dialog.on{transform:translateY(-50%) scale(1);}
  body.jz-shell .jz-dialog--quick{
    width:min(560px, calc(100vw - var(--side-w) - var(--sp-10)));}
}

/* ============================== الأزرار ================================== */
.jz-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);
  min-height:var(--touch);padding:0 var(--sp-5);border-radius:var(--r-md);
  font-family:var(--f-ar);font-size:var(--fs-md);font-weight:800;cursor:pointer;
  border:1.5px solid transparent;background:var(--s-raised);color:var(--t-strong);
  border-color:var(--b-soft);-webkit-tap-highlight-color:transparent;
  transition:background var(--d-fast),border-color var(--d-fast),transform var(--d-fast);}
.jz-btn svg{width:18px;height:18px;flex:none;stroke-width:1.8;}
.jz-btn:hover{background:var(--s-sunken);}
.jz-btn:active{transform:scale(.98);}
.jz-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;}
.jz-btn--primary{background:var(--jz-ink);border-color:var(--jz-ink);color:#fff;}
.jz-btn--primary:hover{background:#0E181D;}
.jz-btn--accent{background:var(--jz-red);border-color:var(--jz-red);color:#fff;}
.jz-btn--accent:hover{background:var(--jz-red-press);}
.jz-btn--ghost{background:transparent;border-color:transparent;color:var(--t-body);}
.jz-btn--ghost:hover{background:var(--s-hover);}
.jz-btn--danger{background:var(--dang-bg);border-color:var(--dang-ln);color:var(--dang);}
.jz-btn--danger:hover{background:#F7DEDE;}
.jz-btn--block{width:100%;}
.jz-btn--sm{min-height:34px;padding:0 var(--sp-3);font-size:var(--fs-sm);border-radius:var(--r-sm);}
.jz-btn--sm svg{width:15px;height:15px;}

/* ============================== الحقول =================================== */
.jz-field{display:block;margin-bottom:var(--sp-4);}
.jz-label{display:block;font-size:var(--fs-sm);font-weight:700;color:var(--t-muted);
  margin-bottom:var(--sp-2);}
.jz-input,.jz-select,.jz-textarea{
  width:100%;min-height:var(--touch);background:var(--s-raised);
  border:1.5px solid var(--b-soft);border-radius:var(--r-md);
  padding:10px var(--sp-3);color:var(--t-strong);font-family:var(--f-ar);
  /* 16px يمنع تكبير Safari التلقائي عند التركيز على iPhone */
  font-size:16px;font-weight:600;outline:none;
  transition:border-color var(--d-fast),box-shadow var(--d-fast);}
.jz-textarea{min-height:88px;resize:vertical;padding-top:var(--sp-3);}
.jz-input:focus,.jz-select:focus,.jz-textarea:focus{
  border-color:var(--jz-deep);box-shadow:0 0 0 3px rgba(17,112,156,.14);}
.jz-input[aria-invalid="true"]{border-color:var(--dang);box-shadow:0 0 0 3px rgba(179,48,47,.12);}
.jz-input::placeholder,.jz-textarea::placeholder{color:var(--t-faint);font-weight:500;}
.jz-select{appearance:none;background-image:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23647680' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:left var(--sp-3) center;padding-inline-start:var(--sp-3);
  padding-inline-end:var(--sp-8);}
.jz-err{font-size:var(--fs-sm);color:var(--dang);font-weight:700;margin-top:var(--sp-1);display:none;}
.jz-err.on{display:block;}

.jz-search{position:relative;}
.jz-search svg{position:absolute;inset-inline-start:var(--sp-3);top:50%;transform:translateY(-50%);
  width:18px;height:18px;color:var(--t-faint);pointer-events:none;}
.jz-search .jz-input{padding-inline-start:var(--sp-10);}

/* ============================== الأسطح =================================== */
.jz-card{background:var(--s-raised);border:1px solid var(--b-hair);border-radius:var(--r-lg);
  box-shadow:var(--sh-1);}
.jz-card--pad{padding:var(--sp-4);}
.jz-card__h{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);
  border-bottom:1px solid var(--b-hair);}
.jz-card__t{font-size:var(--fs-md);font-weight:800;color:var(--t-strong);}
.jz-card__x{margin-inline-start:auto;}

.jz-sec{margin-bottom:var(--sp-6);}
.jz-sec__h{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);}
.jz-sec__t{font-size:var(--fs-lg);font-weight:800;color:var(--t-strong);}
.jz-sec__x{margin-inline-start:auto;}

/* صف قائمة قابل للنقر — العنصر الأساسي في كل الشاشات */
.jz-row{display:flex;align-items:center;gap:var(--sp-3);width:100%;text-align:start;
  background:var(--s-raised);border:0;border-bottom:1px solid var(--b-hair);
  padding:var(--sp-3) var(--sp-4);min-height:var(--touch);cursor:pointer;
  font-family:var(--f-ar);color:var(--t-strong);
  -webkit-tap-highlight-color:transparent;transition:background var(--d-fast);}
.jz-row:hover{background:var(--s-hover);}
.jz-row:active{background:var(--s-press);}
.jz-row:last-child{border-bottom:0;}
.jz-row__m{min-width:0;flex:1;}
.jz-row__t{font-size:var(--fs-md);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.jz-row__s{font-size:var(--fs-sm);color:var(--t-muted);white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;margin-top:1px;}
.jz-row__e{flex:none;display:flex;align-items:center;gap:var(--sp-2);}
.jz-row__chev{color:var(--t-faint);flex:none;}
.jz-list{background:var(--s-raised);border:1px solid var(--b-hair);border-radius:var(--r-lg);
  overflow:hidden;box-shadow:var(--sh-1);}

/* ============================== الشارات ================================== */
.jz-badge{display:inline-flex;align-items:center;gap:5px;border-radius:var(--r-pill);
  padding:3px 10px;font-size:var(--fs-xs);font-weight:800;line-height:1.6;white-space:nowrap;
  background:var(--neutral-bg);color:var(--neutral);border:1px solid var(--neutral-ln);}
.jz-badge svg{width:12px;height:12px;stroke-width:2.2;}
.jz-badge--ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-ln);}
.jz-badge--warn{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-ln);}
.jz-badge--dang{background:var(--dang-bg);color:var(--dang);border-color:var(--dang-ln);}
.jz-badge--info{background:var(--info-bg);color:var(--info);border-color:var(--info-ln);}
.jz-badge--solid{background:var(--jz-ink);color:#fff;border-color:var(--jz-ink);}

/* نقطة حالة صغيرة */
.jz-sdot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--neutral);}
.jz-sdot--ok{background:var(--ok);} .jz-sdot--warn{background:var(--warn);}
.jz-sdot--dang{background:var(--dang);} .jz-sdot--info{background:var(--info);}

/* ============================== KPI ===================================== */
.jz-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--sp-3);}
.jz-kpi{background:var(--s-raised);border:1px solid var(--b-hair);border-radius:var(--r-lg);
  padding:var(--sp-4);text-align:start;cursor:pointer;font-family:var(--f-ar);
  box-shadow:var(--sh-1);transition:transform var(--d-fast),box-shadow var(--d-fast),border-color var(--d-fast);
  display:flex;flex-direction:column;gap:2px;min-height:96px;position:relative;}
.jz-kpi:hover{transform:translateY(-2px);box-shadow:var(--sh-2);border-color:var(--b-soft);}
.jz-kpi:active{transform:translateY(0);}
.jz-kpi[aria-disabled="true"]{cursor:default;}
.jz-kpi[aria-disabled="true"]:hover{transform:none;box-shadow:var(--sh-1);}
.jz-kpi__k{font-size:var(--fs-sm);font-weight:700;color:var(--t-muted);}
.jz-kpi__v{font-size:var(--fs-2xl);font-weight:800;color:var(--t-strong);line-height:1.15;margin-top:2px;}
.jz-kpi__s{font-size:var(--fs-xs);color:var(--t-faint);font-weight:600;}
.jz-kpi__go{position:absolute;top:var(--sp-3);inset-inline-start:var(--sp-3);color:var(--b-strong);
  opacity:0;transition:opacity var(--d-fast);}
.jz-kpi:hover .jz-kpi__go{opacity:1;}
.jz-kpi--accent .jz-kpi__v{color:var(--jz-red);}
.jz-kpi--ok .jz-kpi__v{color:var(--ok);}
.jz-kpi--warn .jz-kpi__v{color:var(--warn);}

/* ======================== شريط النتيجة الرئيسي =========================== */
/* ست قيم يجب أن تُقرأ في لمحة: القائمة · النهائي · الفرق · المقدم · القسط · المدة */
.jz-result{background:var(--s-inverse);color:var(--t-on-dark);border-radius:var(--r-xl);
  padding:var(--sp-5);box-shadow:var(--sh-3);position:relative;overflow:hidden;}
.jz-result::after{content:'';position:absolute;inset-inline-end:-40px;top:-40px;width:160px;height:160px;
  background:radial-gradient(circle,rgba(217,61,61,.18),transparent 70%);pointer-events:none;}
.jz-result__c{font-size:var(--fs-sm);color:var(--t-on-dark-soft);font-weight:700;}
.jz-result__k{font-size:var(--fs-sm);color:var(--t-on-dark-soft);font-weight:700;margin-top:var(--sp-3);}
.jz-result__v{font-size:var(--fs-4xl);font-weight:800;line-height:1.05;margin-top:2px;}
.jz-result__u{font-size:var(--fs-md);color:var(--t-on-dark-soft);font-weight:700;margin-inline-start:6px;}
.jz-result__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:var(--sp-5);
  background:rgba(255,255,255,.12);border-radius:var(--r-md);overflow:hidden;}
.jz-result__cell{background:var(--s-inverse-2);padding:var(--sp-3);text-align:center;}
.jz-result__ck{font-size:10.5px;color:var(--t-on-dark-soft);font-weight:700;}
.jz-result__cv{font-size:var(--fs-lg);font-weight:800;margin-top:2px;}
.jz-result__cu{font-size:10px;color:var(--t-on-dark-soft);}
.jz-delta{display:inline-flex;align-items:center;gap:5px;border-radius:var(--r-pill);padding:4px 11px;
  font-size:var(--fs-sm);font-weight:800;margin-top:var(--sp-3);}
.jz-delta--ok{background:rgba(31,107,69,.26);color:#9FE3BF;}
.jz-delta--dang{background:rgba(217,61,61,.24);color:#FFC0C0;}
.jz-delta--flat{background:rgba(255,255,255,.14);color:var(--t-on-dark-soft);}

@media (min-width:700px){
  .jz-result{display:grid;grid-template-columns:1fr 1.15fr;gap:var(--sp-6);align-items:center;}
  .jz-result__grid{margin-top:0;}
}

/* ============================== الجداول ================================== */
.jz-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-lg);
  border:1px solid var(--b-hair);background:var(--s-raised);box-shadow:var(--sh-1);}
.jz-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);min-width:520px;}
.jz-table th{background:var(--s-sunken);color:var(--t-muted);font-weight:800;font-size:var(--fs-xs);
  text-align:start;padding:10px var(--sp-3);white-space:nowrap;border-bottom:1px solid var(--b-hair);
  position:sticky;top:0;z-index:1;}
.jz-table td{padding:11px var(--sp-3);border-bottom:1px solid var(--b-hair);color:var(--t-body);}
.jz-table tbody tr:last-child td{border-bottom:0;}
.jz-table tbody tr.clickable{cursor:pointer;}
.jz-table tbody tr.clickable:hover{background:var(--s-hover);}
.jz-table th.num,.jz-table td.num{text-align:end;}

/* ====================== تبويبات ومقاطع وفلاتر ============================= */
.jz-seg{display:inline-flex;background:var(--s-sunken);border:1px solid var(--b-hair);
  border-radius:var(--r-md);padding:3px;gap:2px;max-width:100%;overflow-x:auto;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;}
.jz-seg::-webkit-scrollbar{display:none;}
.jz-seg__i{border:0;background:none;border-radius:var(--r-sm);padding:8px var(--sp-4);
  font-family:var(--f-ar);font-size:var(--fs-sm);font-weight:800;color:var(--t-muted);
  cursor:pointer;white-space:nowrap;min-height:36px;transition:all var(--d-fast);}
.jz-seg__i.on{background:var(--s-raised);color:var(--t-strong);box-shadow:var(--sh-1);}
.jz-seg--block{display:flex;width:100%;}
.jz-seg--block .jz-seg__i{flex:1;text-align:center;}

.jz-chips{display:flex;gap:var(--sp-2);overflow-x:auto;-webkit-overflow-scrolling:touch;
  padding-bottom:2px;scrollbar-width:none;}
.jz-chips::-webkit-scrollbar{display:none;}
.jz-chip{flex:none;border:1px solid var(--b-soft);background:var(--s-raised);border-radius:var(--r-pill);
  padding:7px var(--sp-3);font-family:var(--f-ar);font-size:var(--fs-sm);font-weight:700;
  color:var(--t-body);cursor:pointer;white-space:nowrap;min-height:36px;
  display:inline-flex;align-items:center;gap:5px;transition:all var(--d-fast);}
.jz-chip:hover{border-color:var(--b-strong);}
.jz-chip.on{background:var(--jz-ink);border-color:var(--jz-ink);color:#fff;}
.jz-chip svg{width:14px;height:14px;}

/* ============================ حالات فارغة ================================ */
.jz-empty{text-align:center;padding:var(--sp-10) var(--sp-5);color:var(--t-muted);}
.jz-empty__i{width:56px;height:56px;border-radius:var(--r-lg);background:var(--s-sunken);
  display:grid;place-items:center;margin:0 auto var(--sp-4);color:var(--t-faint);}
.jz-empty__i svg{width:26px;height:26px;}
.jz-empty__t{font-size:var(--fs-lg);font-weight:800;color:var(--t-strong);margin-bottom:var(--sp-2);}
.jz-empty__s{font-size:var(--fs-md);max-width:44ch;margin:0 auto var(--sp-5);line-height:1.7;}

/* ============================== هياكل التحميل ============================ */
@keyframes jz-shimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}
.jz-skel{background:linear-gradient(90deg,var(--s-sunken) 25%,#F4F7F8 50%,var(--s-sunken) 75%);
  background-size:200% 100%;animation:jz-shimmer 1.4s linear infinite;border-radius:var(--r-sm);}
.jz-skel--row{height:56px;margin-bottom:1px;border-radius:0;}
.jz-skel--line{height:12px;margin-bottom:var(--sp-2);}
.jz-skel--card{height:96px;border-radius:var(--r-lg);}

/* ============================== الحوارات ================================= */
.jz-scrim{position:fixed;inset:0;background:rgba(12,20,25,.55);z-index:1000;opacity:0;
  transition:opacity var(--d-mid) var(--e-out);backdrop-filter:blur(2px);}
.jz-scrim.on{opacity:1;}

.jz-dialog{position:fixed;z-index:1001;background:var(--s-raised);box-shadow:var(--sh-4);
  display:flex;flex-direction:column;max-height:88vh;}
/* الجوال: ورقة سفلية */
.jz-dialog{inset-inline:0;bottom:0;border-radius:var(--r-xl) var(--r-xl) 0 0;
  padding-bottom:var(--safe-b);transform:translateY(100%);
  transition:transform var(--d-slow) var(--e-out);}
.jz-dialog.on{transform:translateY(0);}
.jz-dialog__grab{width:38px;height:4px;border-radius:var(--r-pill);background:var(--b-strong);
  margin:var(--sp-3) auto var(--sp-1);flex:none;}
@media (min-width:700px){
  /* الشاشات الأكبر: حوار مركزي */
  .jz-dialog{inset:auto;top:50%;left:50%;transform:translate(-50%,-46%) scale(.98);
    inset-inline:auto;width:min(520px,92vw);border-radius:var(--r-xl);opacity:0;
    transition:opacity var(--d-mid) var(--e-out),transform var(--d-mid) var(--e-out);}
  .jz-dialog.on{transform:translate(-50%,-50%) scale(1);opacity:1;}
  .jz-dialog__grab{display:none;}
}
.jz-dialog__h{padding:var(--sp-4) var(--sp-5) var(--sp-2);flex:none;}
.jz-dialog__t{font-size:var(--fs-xl);font-weight:800;color:var(--t-strong);line-height:1.35;}
.jz-dialog__b{padding:var(--sp-2) var(--sp-5) var(--sp-4);overflow-y:auto;flex:1;
  font-size:var(--fs-md);color:var(--t-body);line-height:1.75;}
.jz-dialog__f{padding:var(--sp-3) var(--sp-5) var(--sp-5);display:flex;gap:var(--sp-2);flex:none;
  border-top:1px solid var(--b-hair);}
.jz-dialog__f .jz-btn{flex:1;}
.jz-dialog--danger .jz-dialog__t{color:var(--dang);}

/* شرح ما سيحدث فعليًا قبل إجراء مهم */
.jz-impact{background:var(--s-sunken);border:1px solid var(--b-hair);border-radius:var(--r-md);
  padding:var(--sp-3);margin-top:var(--sp-3);font-size:var(--fs-sm);}
.jz-impact li{margin-inline-start:var(--sp-4);margin-bottom:4px;}
.jz-impact--danger{background:var(--dang-bg);border-color:var(--dang-ln);color:var(--dang);}

/* ============================== التنبيهات ================================ */
.jz-toasts{position:fixed;z-index:1100;inset-inline:var(--sp-3);
  bottom:calc(var(--nav-h) + var(--safe-b) + var(--sp-3));
  display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none;}
@media (min-width:1024px){
  /* الجهة المقابلة للشريط الجانبي (اليسار) — لا تزاحمه ولا تختفي تحته */
  .jz-toasts{inset-inline:auto;left:var(--sp-5);right:auto;
    bottom:var(--sp-5);width:min(380px,calc(100vw - var(--side-w) - var(--sp-8)));}
}
.jz-toast{background:var(--s-inverse);color:#fff;border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);
  box-shadow:var(--sh-3);display:flex;align-items:flex-start;gap:var(--sp-3);pointer-events:auto;
  font-size:var(--fs-sm);font-weight:700;line-height:1.6;
  transform:translateY(12px);opacity:0;transition:all var(--d-mid) var(--e-out);}
.jz-toast.on{transform:translateY(0);opacity:1;}
.jz-toast svg{width:18px;height:18px;flex:none;margin-top:1px;}
.jz-toast--ok svg{color:#7FDCAE;} .jz-toast--dang svg{color:#FF9C9C;}
.jz-toast--warn svg{color:#F3D08A;}
.jz-toast__m{flex:1;min-width:0;}
.jz-toast__x{background:none;border:0;color:var(--t-on-dark-soft);cursor:pointer;padding:0;
  font-size:18px;line-height:1;flex:none;}

/* ============================== الخط الزمني ============================== */
.jz-tl{position:relative;padding-inline-start:var(--sp-6);}
.jz-tl::before{content:'';position:absolute;inset-inline-start:9px;top:6px;bottom:6px;width:2px;
  background:var(--b-hair);border-radius:2px;}
.jz-tl__i{position:relative;padding-bottom:var(--sp-5);}
.jz-tl__i:last-child{padding-bottom:0;}
.jz-tl__d{position:absolute;inset-inline-start:calc(-1 * var(--sp-6) + 3px);top:3px;
  width:16px;height:16px;border-radius:50%;background:var(--s-raised);
  border:2.5px solid var(--b-strong);display:grid;place-items:center;}
.jz-tl__d svg{width:9px;height:9px;stroke-width:3.2;}
.jz-tl__i--ok .jz-tl__d{border-color:var(--ok);color:var(--ok);}
.jz-tl__i--dang .jz-tl__d{border-color:var(--dang);color:var(--dang);}
.jz-tl__i--warn .jz-tl__d{border-color:var(--warn);color:var(--warn);}
.jz-tl__i--info .jz-tl__d{border-color:var(--info);color:var(--info);}
.jz-tl__t{font-size:var(--fs-md);font-weight:800;color:var(--t-strong);}
.jz-tl__m{font-size:var(--fs-sm);color:var(--t-muted);margin-top:2px;}
.jz-tl__x{margin-top:var(--sp-2);background:var(--s-sunken);border:1px solid var(--b-hair);
  border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);color:var(--t-body);}
.jz-tl__x b{color:var(--t-strong);}
.jz-tl__ba{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);}
.jz-tl__ba .o{color:var(--t-faint);text-decoration:line-through;}
.jz-tl__ba .n{color:var(--t-strong);font-weight:800;}

/* ============================ مراحل الاعتماد ============================= */
.jz-steps{display:flex;align-items:center;gap:var(--sp-1);}
.jz-step{flex:1;height:5px;border-radius:var(--r-pill);background:var(--b-hair);}
.jz-step.done{background:var(--ok);}
.jz-step.now{background:var(--jz-red);}
.jz-steplbl{display:flex;justify-content:space-between;font-size:10.5px;color:var(--t-muted);
  font-weight:700;margin-top:5px;}

/* ============================== أدوات ==================================== */
.jz-stack>*+*{margin-top:var(--sp-3);}
.jz-stack--lg>*+*{margin-top:var(--sp-5);}
.jz-inline{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;}
.jz-spread{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);}
.jz-muted{color:var(--t-muted);font-size:var(--fs-sm);line-height:1.7;}
.jz-hide{display:none!important;}
.jz-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.jz-grid2{display:grid;grid-template-columns:1fr;gap:var(--sp-3);}
@media (min-width:640px){.jz-grid2{grid-template-columns:1fr 1fr;}}

/* صف بيانات: مفتاح ← قيمة */
.jz-dl{display:flex;justify-content:space-between;gap:var(--sp-4);padding:9px 0;
  border-bottom:1px solid var(--b-hair);font-size:var(--fs-md);}
.jz-dl:last-child{border-bottom:0;}
.jz-dl__k{color:var(--t-muted);font-weight:600;flex:none;}
.jz-dl__v{font-weight:800;color:var(--t-strong);text-align:end;min-width:0;word-break:break-word;}

/* تخطيط سيد/تفصيل لسطح المكتب */
@media (min-width:1024px){
  .jz-split{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:var(--sp-5);
    align-items:start;}
  .jz-split__side{position:sticky;top:calc(var(--top-h) + var(--sp-6));}
}

/* الطباعة: لا هيكل تطبيق */
@media print{
  .jz-top,.jz-bottom,.jz-side,.jz-toasts{display:none!important;}
  body.jz-shell{padding:0!important;}
  .jz-main{padding:0!important;max-width:none!important;}
}

/* ============================================================================
   جسر التوافق مع شاشات المرحلة 1
   الشاشات القديمة (العرض/النتيجة/المقارنة/اللوحات) تبقى كما هي وظيفيًا،
   وتستعير المظهر الجديد. الهدف: تناسق بصري بلا إعادة كتابة مدمّرة.
   ============================================================================ */

body.jz-shell .tabpanel{padding:0;}
body.jz-shell .tabbar{display:none;}
body.jz-shell .verline{color:var(--t-faint);font-size:var(--fs-xs);padding:var(--sp-6) 0 var(--sp-4);}

/* البطاقات القديمة */
body.jz-shell .sec{background:var(--s-raised);border:1px solid var(--b-hair);
  border-radius:var(--r-lg);padding:var(--sp-4);margin-bottom:var(--sp-4);box-shadow:var(--sh-1);}
body.jz-shell .sec-title{font-size:var(--fs-md);font-weight:800;color:var(--t-strong);
  margin-bottom:var(--sp-3);}
body.jz-shell .lbl{font-size:var(--fs-sm);font-weight:700;color:var(--t-muted);}
body.jz-shell .mini{font-size:var(--fs-sm);color:var(--t-muted);}

/* الحقول القديمة — 16px يمنع تكبير Safari */
body.jz-shell input:not(.jz-input):not([type=range]),
body.jz-shell select:not(.jz-select),
body.jz-shell textarea:not(.jz-textarea){
  font-size:16px;border-radius:var(--r-md);border:1.5px solid var(--b-soft);
  min-height:var(--touch);background:var(--s-raised);color:var(--t-strong);}
body.jz-shell input:not(.jz-input):focus,
body.jz-shell select:not(.jz-select):focus,
body.jz-shell textarea:not(.jz-textarea):focus{
  border-color:var(--jz-deep);box-shadow:0 0 0 3px rgba(17,112,156,.14);outline:none;}
body.jz-shell .pricecard input{font-size:22px;min-height:auto;border:none;box-shadow:none;}
body.jz-shell .pricecard{border-radius:var(--r-lg);border-color:var(--b-hair);}
body.jz-shell .mile-row input{min-height:38px;}

/* الأزرار القديمة */
body.jz-shell .btn{min-height:var(--touch);border-radius:var(--r-md);font-weight:800;
  border:1.5px solid var(--b-soft);background:var(--s-raised);color:var(--t-strong);}
body.jz-shell .btn.solid{background:var(--jz-ink);border-color:var(--jz-ink);color:#fff;}
body.jz-shell .btn:active{transform:scale(.99);}
body.jz-shell .seg.active{background:var(--jz-ink);}
body.jz-shell .tabbtn.active{background:var(--jz-ink);border-color:var(--jz-ink);}

/* النتيجة: الكتلة الجديدة تحلّ محل العنوان والأشرطة القديمة */
body.jz-shell #tabResult .headline,
body.jz-shell #tabResult .instbar,
body.jz-shell #tabResult #addCmpBtn{display:none!important;}
body.jz-shell #tabResult #dlSec .btn{font-size:var(--fs-sm);}

/* الشريط الحيّ فوق التنقل السفلي */
body.jz-shell #liveBar{bottom:calc(var(--nav-h) + var(--safe-b) + 10px);
  border-radius:var(--r-lg);box-shadow:var(--sh-3);}
@media (min-width:1024px){
  /* style.css يمركز الشريط الحيّ بـ left:50% + translateX(-50%) على الشاشات
     العريضة. نُلغي التحويل هنا وإلا انزاح الشريط بنصف عرضه عن مكانه. */
  body.jz-shell #liveBar{inset-inline:auto;bottom:var(--sp-5);left:var(--sp-5);right:auto;
    width:360px;max-width:360px;transform:none;margin:0;}
}
/* زر المساعد لا يزاحم التنقل */
body.jz-shell .ai-fab{bottom:calc(var(--nav-h) + var(--safe-b) + 74px);}
@media (min-width:1024px){body.jz-shell .ai-fab{inset-inline:auto;bottom:var(--sp-5);
  left:var(--sp-5);right:auto;}}

/* اللوحات المنبثقة القديمة (العملاء/حسابي/الإدارة) */
body.jz-shell #adminPanel .ap-box,
body.jz-shell #clPanel .ap-box,
body.jz-shell #mePanel .ap-box{border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--sh-4);}
body.jz-shell .ap-tab{border-radius:var(--r-md);min-height:38px;}
body.jz-shell .ap-tab.active{background:var(--jz-ink);border-color:var(--jz-ink);}
body.jz-shell .utbl th{background:var(--s-sunken);color:var(--t-muted);font-weight:800;}
body.jz-shell .utbl td,body.jz-shell .utbl th{padding:10px 12px;}
body.jz-shell .req-card{border-radius:var(--r-lg);border:1px solid var(--b-hair);
  box-shadow:var(--sh-1);}

/* شبكة المشاريع والوحدات القديمة */
body.jz-shell .pcards{gap:var(--sp-3);}
body.jz-shell .pcard{border-radius:var(--r-lg);border:1px solid var(--b-hair);
  box-shadow:var(--sh-1);transition:transform var(--d-fast),box-shadow var(--d-fast);}
body.jz-shell .pcard:hover{transform:translateY(-2px);box-shadow:var(--sh-2);}
body.jz-shell .ucard{border-radius:var(--r-md);}
body.jz-shell .kpis{gap:var(--sp-3);}

/* سطح المكتب: المشاريع والوحدات تستفيد من العرض */
@media (min-width:1024px){
  body.jz-shell .pcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));}
  body.jz-shell .two{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);}
}

/* شاشة الدخول تبقى توقيع الهوية كما هي — لا تُبسَّط */

/* --- تصحيحات بعد أول تشغيل على staging --- */

/* المساعد الذكي معطّل بقرار المالك — لا يزاحم الواجهة */
body.jz-shell .ai-fab,body.jz-shell .ai-panel{display:none!important;}

/* بحث المشاريع القديم مكرّر مع بحث شريط الأدوات الجديد */
body.jz-shell #jzInvBar ~ .sec .inv-filters{display:none;}

/* لوحة المؤشرات القديمة تصبح شبكة لا عمودًا */
body.jz-shell .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:var(--sp-3);border:0;background:none;padding:0;}
body.jz-shell .kpis>*{background:var(--s-raised);border:1px solid var(--b-hair);
  border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--sh-1);text-align:start;}
body.jz-shell .kpis .k,body.jz-shell .kpis .kt{font-size:var(--fs-sm);color:var(--t-muted);font-weight:700;}
body.jz-shell .kpis .v,body.jz-shell .kpis .kv{font-size:var(--fs-2xl);font-weight:800;}

/* عناوين الأقسام القديمة داخل الهيكل الجديد */
body.jz-shell .sec>.sec-title:first-child{font-size:var(--fs-lg);}

/* عناصر الصف كتل مستقلة، وإلا انكسر السطر وتعطّل الاقتطاع بالنقاط */
.jz-row__t,.jz-row__s{display:block;}
.jz-row__e{white-space:nowrap;}
.jz-unit-area{white-space:nowrap;}

/* style.css يجعل #tabResult شبكة على الشاشات العريضة، فتنقسم بطاقاتنا لعمودين
   بعرض نصفي. داخل هيكل المرحلة 2 التخطيط ملك الشاشة الجديدة. */
body.jz-shell .tabpanel.show{display:block;}

/* أهداف اللمس الثانوية (المقاطع والرقائق) كانت 40px — تُرفع إلى 44px */
.jz-seg__i{min-height:38px;}
.jz-chip{min-height:38px;padding-top:9px;padding-bottom:9px;}
@media (pointer:coarse){
  .jz-seg__i{min-height:44px;}
  .jz-chip{min-height:44px;}
}

/* Safari على iPhone يكبّر الصفحة تلقائيًا عند التركيز على حقل أصغر من 16px.
   بعض الحقول القديمة تحمل font-size ضمن style المضمّن، وهو يغلب أي قاعدة
   عادية — لذا !important هنا مقصودة ومحصورة في الحقول. */
body.jz-shell input:not([type=range]):not(#price),
body.jz-shell select,
body.jz-shell textarea{font-size:16px!important;}
body.jz-shell #price{font-size:22px!important;}

/* رابط داخل الخط الزمني إلى الحالة التي أنتجت الحدث */
.jz-tl__link{border:0;background:none;padding:0;font:inherit;font-weight:800;
  color:var(--jz-deep);cursor:pointer;text-decoration:underline;text-underline-offset:2px;}
.jz-tl__link:hover{color:var(--jz-ink);}

/* ============================================================================
   جولة مراجعة المالك — مكوّنات جديدة وتصحيحات مقاسات
   ============================================================================ */

/* ---------------------------- كروت المشاريع ---------------------------- */
.jz-pcards{display:grid;grid-template-columns:1fr;gap:var(--sp-3);}
@media (min-width:560px){.jz-pcards{grid-template-columns:1fr 1fr;}}
@media (min-width:1024px){.jz-pcards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));}}
.jz-pcard{display:flex;flex-direction:column;gap:var(--sp-3);width:100%;text-align:start;
  background:var(--s-raised);border:1px solid var(--b-hair);border-radius:var(--r-lg);
  padding:var(--sp-4);cursor:pointer;font-family:var(--f-ar);color:var(--t-strong);
  box-shadow:var(--sh-1);-webkit-tap-highlight-color:transparent;
  transition:transform var(--d-fast),box-shadow var(--d-fast),border-color var(--d-fast);}
.jz-pcard:hover{transform:translateY(-2px);box-shadow:var(--sh-2);border-color:var(--b-soft);}
.jz-pcard:active{transform:translateY(0);}
.jz-pcard__h{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);}
.jz-pcard__id{min-width:0;display:block;}
.jz-pcard__c{display:block;font-size:var(--fs-xl);font-weight:800;line-height:1.15;}
.jz-pcard__n{display:block;font-size:var(--fs-sm);color:var(--t-muted);font-weight:700;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.jz-pcard__k{flex:none;font-size:var(--fs-xs);color:var(--t-muted);font-weight:700;
  background:var(--s-sunken);border-radius:var(--r-pill);padding:3px 9px;}
.jz-pcard__f{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);
  font-size:var(--fs-sm);color:var(--t-muted);font-weight:700;}
.jz-pcard__f .ok{color:var(--ok);}
.jz-pcard__f b{color:var(--t-strong);}
.jz-pbar{display:flex;height:6px;border-radius:var(--r-pill);overflow:hidden;background:var(--s-sunken);}
.jz-pbar i{display:block;height:100%;}
.jz-pbar .av{background:var(--ok);} .jz-pbar .rs{background:var(--warn);}
.jz-pbar .sd{background:var(--dang);}

/* ------------------------- مخطط أدوار المشروع -------------------------- */
.jz-stackplan{background:var(--s-raised);border:1px solid var(--b-hair);border-radius:var(--r-lg);
  padding:var(--sp-3);box-shadow:var(--sh-1);}
.jz-stackplan__h{display:flex;justify-content:space-between;align-items:center;
  font-size:var(--fs-xs);color:var(--t-muted);font-weight:700;padding:0 var(--sp-1) var(--sp-2);}
.jz-frow{display:grid;grid-template-columns:1fr 56px 1fr;gap:var(--sp-2);align-items:stretch;
  margin-bottom:var(--sp-2);}
.jz-frow__l{display:grid;place-items:center;font-size:var(--fs-xs);font-weight:800;
  color:var(--t-muted);background:var(--s-sunken);border-radius:var(--r-sm);}
.jz-cell{display:flex;flex-direction:column;gap:2px;text-align:start;border:1.5px solid var(--b-hair);
  border-radius:var(--r-md);padding:9px 10px;background:var(--s-raised);cursor:pointer;
  font-family:var(--f-ar);color:var(--t-strong);min-height:var(--touch);
  -webkit-tap-highlight-color:transparent;transition:border-color var(--d-fast),background var(--d-fast);}
.jz-cell:hover{border-color:var(--b-strong);background:var(--s-hover);}
.jz-cell__c{font-size:var(--fs-md);font-weight:800;}
.jz-cell__m{font-size:var(--fs-xs);color:var(--t-muted);}
.jz-cell__p{font-size:var(--fs-sm);font-weight:800;}
.jz-cell__s{font-size:10.5px;font-weight:800;}
.jz-cell--available{border-color:var(--ok-ln);background:var(--ok-bg);}
.jz-cell--available .jz-cell__s{color:var(--ok);}
.jz-cell--reserved{border-color:var(--warn-ln);background:var(--warn-bg);}
.jz-cell--reserved .jz-cell__s{color:var(--warn);}
.jz-cell--sold{border-color:var(--dang-ln);background:var(--dang-bg);}
.jz-cell--sold .jz-cell__s{color:var(--dang);}
.jz-cell--none{display:grid;place-items:center;color:var(--t-faint);border-style:dashed;
  border-color:var(--b-hair);background:transparent;cursor:default;}

/* --------------------- سياق العرض ومقارنة الخطة ------------------------ */
.jz-octx{background:var(--s-raised);border:1px solid var(--b-hair);border-radius:var(--r-lg);
  padding:var(--sp-3);margin-bottom:var(--sp-3);box-shadow:var(--sh-1);}
.jz-octx__r{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);}
.jz-octx__i{display:flex;flex-direction:column;gap:1px;align-items:flex-start;text-align:start;
  border:0;background:var(--s-sunken);border-radius:var(--r-md);padding:8px 10px;min-width:0;
  font-family:var(--f-ar);color:var(--t-strong);cursor:pointer;min-height:var(--touch);
  justify-content:center;-webkit-tap-highlight-color:transparent;}
.jz-octx__i[aria-disabled="true"]{cursor:default;}
.jz-octx__i .k{font-size:10.5px;color:var(--t-muted);font-weight:700;}
.jz-octx__i .v{font-size:var(--fs-sm);font-weight:800;max-width:100%;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;}
.jz-octx__i.is-empty .v{color:var(--t-faint);font-weight:700;}
.jz-octx__f{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-2);
  font-size:var(--fs-sm);color:var(--t-muted);}
.jz-octx__f b{color:var(--t-strong);}

.jz-plan{padding:var(--sp-3);margin-bottom:var(--sp-4);}
.jz-plan__h{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);
  font-weight:800;color:var(--t-strong);margin-bottom:var(--sp-2);}
.jz-plan__h svg{color:var(--jz-deep);}
.jz-plan__t{width:100%;border-collapse:collapse;font-size:var(--fs-sm);}
.jz-plan__t th{text-align:start;font-weight:800;color:var(--t-muted);font-size:var(--fs-xs);
  padding:6px 8px;border-bottom:1px solid var(--b-hair);}
.jz-plan__t td{padding:7px 8px;border-bottom:1px solid var(--b-hair);color:var(--t-body);}
.jz-plan__t tbody th{color:var(--t-muted);font-weight:700;white-space:nowrap;}
.jz-plan__t tr:last-child td,.jz-plan__t tr:last-child th{border-bottom:0;}
.jz-plan__t tr.diff td:last-child{background:var(--warn-bg);color:var(--warn);font-weight:800;}
.jz-pill{display:inline-block;font-size:10px;font-weight:800;border-radius:var(--r-pill);
  padding:1px 7px;background:var(--warn);color:#fff;margin-inline-start:4px;}
.jz-plan__n{font-size:var(--fs-xs);color:var(--t-faint);line-height:1.6;margin-top:var(--sp-2);}

/* شريحة الوحدة القديمة صارت مكرَّرة مع سياق العرض الجديد */
body.jz-shell .unit-chip{display:none!important;}

/* --------------------- سياق النتيجة وجدول السداد ----------------------- */
.jz-rctx{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-top:var(--sp-3);}
.jz-rchip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--b-soft);
  background:var(--s-raised);border-radius:var(--r-pill);padding:7px var(--sp-3);
  font-family:var(--f-ar);font-size:var(--fs-sm);font-weight:700;color:var(--t-body);
  cursor:pointer;min-height:38px;-webkit-tap-highlight-color:transparent;}
.jz-rchip:hover{border-color:var(--b-strong);background:var(--s-hover);}
.jz-rchip svg{width:15px;height:15px;color:var(--t-faint);}
@media (pointer:coarse){.jz-rchip{min-height:44px;}}

.jz-sched{position:relative;margin-bottom:var(--sp-5);}
.jz-sched__more{margin-top:var(--sp-2);}
@media (max-width:1023px){
  body.jz-shell .jz-sched:not(.open) .tablecard .scroll{max-height:300px;overflow-y:hidden;}
  body.jz-shell .jz-sched:not(.open)::after{content:'';position:absolute;left:0;right:0;
    bottom:56px;height:64px;pointer-events:none;
    background:linear-gradient(to bottom,rgba(242,244,245,0),var(--s-canvas));}
}
@media (min-width:1024px){ body.jz-shell .jz-sched__more{display:none;} }

.jz-adv{background:var(--s-raised);border:1px solid var(--b-hair);border-radius:var(--r-lg);
  box-shadow:var(--sh-1);margin-bottom:var(--sp-5);overflow:hidden;}
.jz-adv__s{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4);cursor:pointer;
  font-weight:800;font-size:var(--fs-md);color:var(--t-strong);min-height:var(--touch);
  list-style:none;}
.jz-adv__s::-webkit-details-marker{display:none;}
.jz-adv__s svg{flex:none;color:var(--jz-deep);}
.jz-adv__b{padding:0 var(--sp-3) var(--sp-3);}
.jz-adv__b>*{margin-bottom:var(--sp-3);}

/* ------------------------- نماذج داخل الهيكل --------------------------- */
.jz-clform{padding-bottom:var(--sp-10);}
.jz-fsec{background:var(--s-raised);border:1px solid var(--b-hair);border-radius:var(--r-lg);
  box-shadow:var(--sh-1);margin-bottom:var(--sp-3);overflow:hidden;}
.jz-fsec__s{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);
  cursor:pointer;font-weight:800;font-size:var(--fs-md);color:var(--t-strong);
  min-height:var(--touch);list-style:none;}
.jz-fsec__s::-webkit-details-marker{display:none;}
.jz-fsec__s>svg:last-child{margin-inline-start:auto;flex:none;color:var(--t-faint);
  transition:transform var(--d-fast);}
.jz-fsec[open]>.jz-fsec__s>svg:last-child{transform:rotate(180deg);}
.jz-fsec__n{flex:none;width:24px;height:24px;border-radius:50%;background:var(--s-sunken);
  color:var(--t-muted);display:grid;place-items:center;font-size:var(--fs-xs);font-weight:800;}
.jz-fsec[open] .jz-fsec__n{background:var(--jz-ink);color:#fff;}
.jz-fsec__b{padding:0 var(--sp-4) var(--sp-4);}
@media (min-width:900px){ .jz-fsec__b .jz-field{display:inline-block;width:calc(50% - 8px);
  vertical-align:top;margin-inline-end:8px;} }
.jz-medrow{display:grid;grid-template-columns:1fr 1.4fr auto;gap:var(--sp-2);
  align-items:center;margin-bottom:var(--sp-2);}
@media (max-width:600px){.jz-medrow{grid-template-columns:1fr auto;}
  .jz-medrow>[data-mu]{grid-column:1 / -1;}}
.jz-formbar{position:sticky;bottom:calc(var(--nav-h) + var(--safe-b));z-index:20;
  display:flex;gap:var(--sp-2);padding:var(--sp-3) 0;background:var(--s-canvas);
  border-top:1px solid var(--b-hair);}
.jz-formbar .jz-btn{flex:1;}
@media (min-width:1024px){.jz-formbar{bottom:0;}}

/* ---------------------- مخزون الإدارة على الجوال ----------------------- */
.jz-mgi-table{display:none;}
@media (min-width:1024px){
  .jz-mgi-cards{display:none;}
  .jz-mgi-table{display:block;}
}
.jz-mgi{background:var(--s-raised);border:1px solid var(--b-hair);border-radius:var(--r-md);
  padding:var(--sp-3);margin-bottom:var(--sp-2);box-shadow:var(--sh-1);}
.jz-mgi__h{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);}
.jz-mgi__c{font-size:var(--fs-md);font-weight:800;}
.jz-mgi__m{font-size:var(--fs-sm);color:var(--t-muted);margin-top:2px;}
.jz-mgi__p{font-size:var(--fs-lg);font-weight:800;margin-top:4px;}
.jz-mgi__a{margin-top:var(--sp-2);}

/* ------------------------ رأس التصفية المضغوط -------------------------- */
/* العيب الأصلي: <svg> بلا مقاس داخل summary مرن أخذ 100% من العرض فظهر قمعًا
   عملاقًا على iPhone. المقاس صار صريحًا في icon()، وهنا نثبّته مرة أخرى. */
.jz-filter__s{display:flex;align-items:center;gap:var(--sp-2);cursor:pointer;
  min-height:var(--touch);font-weight:800;font-size:var(--fs-md);list-style:none;}
.jz-filter__s::-webkit-details-marker{display:none;}
.jz-filter__i{flex:0 0 auto;display:grid;place-items:center;width:20px;height:20px;
  color:var(--t-muted);}
.jz-filter__i svg,.jz-filter__c svg{width:18px;height:18px;flex:none;}
.jz-filter__t{flex:0 1 auto;}
.jz-filter__c{margin-inline-start:auto;flex:none;color:var(--t-faint);display:grid;
  place-items:center;transition:transform var(--d-fast);}
.jz-filter[open] .jz-filter__c{transform:rotate(180deg);}

/* ------------------------------ QR والرابط ----------------------------- */
.jz-qr{display:grid;place-items:center;padding:var(--sp-3);background:#fff;
  border:1px solid var(--b-hair);border-radius:var(--r-lg);}
.jz-qr svg{max-width:100%;height:auto;}
.jz-urlbox{margin-top:var(--sp-3);background:var(--s-sunken);border:1px solid var(--b-hair);
  border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);
  word-break:break-all;text-align:left;}

/* ------------------- قسم مطابقة الميزانية داخل وضعه -------------------- */
body.jz-shell #matchSec .acc-head{display:none;}
body.jz-shell #matchSec .acc-body{display:block;max-height:none;overflow:visible;padding:0;}
body.jz-shell #matchSec{margin-top:0;}

/* ===================== كثافة رأسية أعلى على الجوال ===================== */
/* ملاحظة المالك من استخدام فعلي على iPhone: مساحة رأسية ضائعة كثيرة.
   الأهداف اللمسية تبقى 44px — المضغوط ليس المزدحم. */
@media (max-width:767px){
  .jz-main{padding:var(--sp-3) var(--sp-3) calc(var(--nav-h) + var(--safe-b) + var(--sp-6));}
  .jz-sec{margin-bottom:var(--sp-5);}
  .jz-sec__h{margin-bottom:var(--sp-2);}
  /* ملاحظة المالك: بطاقات المخزون الثلاث كانت تبتلع نصف الشاشة قبل أن تظهر
     كروت المشاريع، وبعرض 375px يعطي minmax(150px) عمودين فتتدلّى الثالثة
     وحدها — تخطيط متعرّج. على الجوال تصير صفوفًا أفقية نحيفة: العنوان
     والتفصيل يمينًا والرقم يسارًا، سطران بدل أربعة. */
  .jz-kpis{gap:var(--sp-2);grid-template-columns:1fr;}
  .jz-kpi{min-height:auto;padding:var(--sp-3) var(--sp-4);
    display:grid;grid-template-columns:1fr auto;align-items:center;
    column-gap:var(--sp-3);row-gap:0;}
  .jz-kpi__k{grid-column:1;grid-row:1;}
  .jz-kpi__s{grid-column:1;grid-row:2;}
  .jz-kpi__v{grid-column:2;grid-row:1 / span 2;font-size:var(--fs-xl);
    text-align:end;white-space:nowrap;}
  /* السهم كان يعلو البطاقة؛ في الصف الأفقي مكانه بجانب الرقم */
  .jz-kpi__go{position:static;opacity:.5;grid-column:2;grid-row:1 / span 2;
    align-self:center;margin-inline-end:calc(var(--sp-2) * -1);}
  .jz-kpi[data-kpi]{grid-template-columns:1fr auto auto;}
  .jz-kpi[data-kpi] .jz-kpi__v{grid-column:2;}
  .jz-kpi[data-kpi] .jz-kpi__go{grid-column:3;}
  .jz-empty{padding:var(--sp-8) var(--sp-4);}
  .jz-empty__i{width:44px;height:44px;margin-bottom:var(--sp-3);}
  .jz-empty__i svg{width:20px;height:20px;}
  .jz-empty__s{margin-bottom:var(--sp-4);}
  .jz-card--pad{padding:var(--sp-3);}
  .jz-result{padding:var(--sp-4);}
  .jz-result__v{font-size:var(--fs-3xl);}
  body.jz-shell .sec{padding:var(--sp-3);margin-bottom:var(--sp-3);}
  /* بطاقة داخل بطاقة تُنتج إطارين وحشوتين بلا فائدة */
  .jz-card .jz-card{border:0;box-shadow:none;padding-inline:0;}
}

/* عدّاد فارغ في الشريط الجانبي كان يظهر شريطًا صغيرًا بلا معنى */
.jz-side__i .c:empty{display:none;}

/* سياق العرض يمتد بعرض مساحة العمل كلها — style.css يجعل #tabData شبكة
   عمودين على الشاشات العريضة، فبلا هذا يسقط السياق في عمود واحد. */
body.jz-shell #jzOfferCtx{grid-column:1 / -1;}

/* style.css يجعل #tabResult شبكةَ عمودين على الشاشات العريضة بمُحدِّد يحمل
   معرّفًا (#tabResult.show)، وهو أقوى من القاعدة العامة في المرحلة 2 — فظلّ
   التخطيطان يتنازعان وتوزّعت البطاقات على أعمدة لا تخدم الترتيب المطلوب.
   التسلسل الهرمي للنتيجة رأسي بالكامل: ملخّص ← سياق ← إجراءات ← جدول السداد
   ← التحليل المتقدم ← التصدير. لذا نغلبه بمُحدِّد أقوى منه صراحةً. */
body.jz-shell #tabResult.show{display:block;}

/* النماذج القديمة المُستعارة داخل الإدارة تأخذ مظهر بطاقات الأقسام الجديدة */
/* العقدة المُستعارة تعيش داخل غلاف [data-keep]، فلا تُستخدم مُحدِّدات الابن
   المباشر هنا — استخدامها سابقًا هو سبب بقاء العنوان بمقاس 30px. */
body.jz-shell #jzInvForms details{background:var(--s-raised);border:1px solid var(--b-hair);
  border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:0 var(--sp-4);margin-bottom:var(--sp-3);}
body.jz-shell #jzInvForms details summary{min-height:var(--touch);display:flex;align-items:center;
  font-weight:800;font-size:var(--fs-md);color:var(--t-strong);cursor:pointer;}
body.jz-shell #jzInvForms details>div{padding-bottom:var(--sp-4);}

/* زر «عرض جديد» القديم داخل شاشة العرض يستدعي confirm() الأصلي ويكرّر الإجراء
   الموجود في شاشة النتيجة. مساره الوحيد الآن هو الزر الجديد بحواره الشارح. */
body.jz-shell #tabData button[onclick*="newOffer"]{display:none;}

/* ===== أهداف اللمس على الأجهزة اللمسية: 44px بلا استثناء ===== */
/* الأزرار الصغيرة والمقاطع القديمة كانت 34–37px. المقاس المريح على iPhone
   هو 44px، وهو ما يفرضه الدليل — والصغر ليس «مضغوطًا» بل صعب الإصابة. */
@media (pointer:coarse){
  .jz-btn--sm{min-height:44px;}
  .jz-rchip{min-height:44px;}
  body.jz-shell .seg,
  body.jz-shell .tabbtn,
  body.jz-shell .fchip,
  body.jz-shell .add-mile,
  body.jz-shell .mile-x,
  body.jz-shell .term-sel button,
  body.jz-shell .why-btn,
  body.jz-shell .acc-head,
  body.jz-shell .lb-go{min-height:44px;}
  body.jz-shell .mile-x{min-width:44px;}
}

/* ===== جولة قبول المالك الثانية ===== */

/* خلاصة «لماذا ظهر السعر بهذا الشكل» — النتيجة لا مكوّناتها */
.wnet{margin-top:var(--sp-3);border-radius:var(--r-md);padding:10px var(--sp-3);
  font-size:var(--fs-md);font-weight:700;border:1px solid var(--b-hair);background:var(--s-sunken);}
.wnet b{font-family:var(--f-brand);font-variant-numeric:tabular-nums;}
.wnet--ok{background:var(--ok-bg);border-color:var(--ok-ln);color:var(--ok);}
.wnet--dang{background:var(--dang-bg);border-color:var(--dang-ln);color:var(--dang);}
.wnet--flat{color:var(--t-muted);}

/* صفّا السعر في مقارنة الخطة — أهمّ صفّين فيها */
.jz-plan__t tr.jz-plan__price th,.jz-plan__t tr.jz-plan__price td{
  background:var(--s-sunken);font-size:var(--fs-md);}
.jz-plan__t tr.jz-plan__price td:last-child{color:var(--t-strong);}
.jz-diff{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;border-radius:var(--r-pill);
  padding:2px 9px;font-size:var(--fs-sm);font-weight:800;}
.jz-diff--ok{background:var(--ok-bg);color:var(--ok);}
.jz-diff--dang{background:var(--dang-bg);color:var(--dang);}
.jz-diff--flat{background:var(--neutral-bg);color:var(--neutral);}

/* مرشّحات المخزون الثلاثة: الحي · المشروع · الترتيب */
.jz-invfilters{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);}
.jz-invfilters .jz-select{min-width:0;width:100%;}
.jz-invfilters .jz-select:last-child{grid-column:1 / -1;}
@media (min-width:700px){
  .jz-invfilters{grid-template-columns:1fr 1fr 1fr;}
  .jz-invfilters .jz-select:last-child{grid-column:auto;}
}

/* ==================== النظرة السريعة على المشروع ==================== */
/* المبدأ: طبقة فوق الشاشة لا انتقال. لأنها لا تُنقّل، تبقى المرشّحات
   والتبويب وموضع التمرير كما هي بلا أي حفظ أو استعادة. */
.jz-scrim{backdrop-filter:blur(4px) saturate(.9);}

.jz-dialog--quick{max-height:92vh;}
@media (min-width:700px){ .jz-dialog--quick{width:min(560px,94vw);} }
.jz-dialog--quick .jz-dialog__h{display:none;}
.jz-dialog--quick .jz-dialog__b{padding-top:var(--sp-3);}

.jz-qv__h{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);}
.jz-qv__c{font-size:var(--fs-3xl);font-weight:800;line-height:1.05;}
.jz-qv__n{display:flex;align-items:center;gap:6px;color:var(--t-muted);
  font-size:var(--fs-md);font-weight:700;margin-top:2px;}
.jz-qv__n svg{width:16px;height:16px;color:var(--t-faint);}
.jz-qv__k{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--b-hair);
  border:1px solid var(--b-hair);border-radius:var(--r-md);overflow:hidden;margin-bottom:var(--sp-3);}
.jz-qv__k>div{background:var(--s-raised);padding:10px 6px;text-align:center;}
.jz-qv__k .k{display:block;font-size:10.5px;color:var(--t-muted);font-weight:700;}
.jz-qv__k b{font-size:var(--fs-xl);font-weight:800;}
.jz-qv__k .ok{color:var(--ok);} .jz-qv__k .warn{color:var(--warn);} .jz-qv__k .dang{color:var(--dang);}
.jz-qv__a{margin-top:var(--sp-4);}

/* الجوال: ورقة تكاد تملأ الشاشة، لا حوار صغير مركزي */
@media (max-width:699px){
  .jz-dialog--quick{max-height:88vh;}
  .jz-dialog--quick .jz-dialog__b{max-height:calc(88vh - 40px);}
}

/* ==================== التصدير والمشاركة — منطقة مضغوطة ==================== */
/* كانت خمسة صناديق بعرض الشاشة. الآن صفّان: ما يذهب للعميل، ثم ما يخصّ الداخل. */
body.jz-shell #dlSec>*:not(#jzExport){display:none!important;}
body.jz-shell #dlSec{background:none;border:0;box-shadow:none;padding:0;}
.jz-xgrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);}
@media (min-width:560px){.jz-xgrid{grid-template-columns:repeat(3,1fr);}}
.jz-xrow{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-top:var(--sp-2);}
.jz-xrow .jz-xbtn{flex:1;min-width:150px;background:none;border-style:dashed;}
.jz-xbtn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:var(--touch);
  padding:10px var(--sp-3);border-radius:var(--r-md);border:1.5px solid var(--b-soft);
  background:var(--s-raised);color:var(--t-strong);font-family:var(--f-ar);
  font-size:var(--fs-sm);font-weight:800;cursor:pointer;text-align:center;
  -webkit-tap-highlight-color:transparent;transition:background var(--d-fast),border-color var(--d-fast);}
.jz-xbtn svg{width:17px;height:17px;flex:none;color:var(--t-muted);}
.jz-xbtn:hover{background:var(--s-sunken);border-color:var(--b-strong);}
.jz-xbtn:active{transform:scale(.98);}
.jz-xbtn.is-primary{background:var(--jz-ink);border-color:var(--jz-ink);color:#fff;}
.jz-xbtn.is-primary svg{color:#fff;}
.jz-xbtn.is-primary:hover{background:#0E181D;}
.jz-xrow .jz-xbtn{color:var(--t-muted);font-weight:700;}
@media (max-width:400px){.jz-xbtn{font-size:var(--fs-xs);padding:10px 8px;}}

/* ============================ حسابي والصورة ============================ */
.jz-av{width:26px;height:26px;border-radius:50%;object-fit:cover;display:block;
  border:1.5px solid rgba(255,255,255,.35);}
.jz-side__i .jz-av{width:22px;height:22px;flex:none;}
.jz-acc__top{display:flex;align-items:center;gap:var(--sp-4);}
.jz-acc__ph{width:72px;height:72px;border-radius:50%;flex:none;overflow:hidden;
  background:var(--s-sunken);display:grid;place-items:center;color:var(--t-faint);
  border:1px solid var(--b-hair);}
.jz-acc__ph img{width:100%;height:100%;object-fit:cover;}
.jz-acc__ph svg{width:32px;height:32px;}
.jz-acc__id{min-width:0;}
.jz-acc__id .n{font-size:var(--fs-xl);font-weight:800;line-height:1.2;}
.jz-acc__id .e{font-size:var(--fs-sm);color:var(--t-muted);word-break:break-all;}
.jz-acc__id .r{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap;}
.jz-acc label.jz-btn{cursor:pointer;}

/* أزرار «طبّق» في التوصيات كانت 36px — تُرفع إلى هدف اللمس المريح */
@media (pointer:coarse){
  body.jz-shell .fixbtn{min-height:44px;padding-inline:14px;}
}
/* صفّ التوصية يتنفّس على الهاتف: النص فوق والزر تحته بعرض كامل */
@media (max-width:520px){
  body.jz-shell .fixrow{flex-direction:column;align-items:stretch;gap:8px;}
  body.jz-shell .fixrow .fixbtn{width:100%;}
}

/* ===== ملكية الوحدة ومنتقي العميل (القسم د6 وو6) ===== */
/* تلميح داخل الزر: يفسّر أن هذا استبدال لا بداية جديدة، بلا أن يغيّر نصّه */
.jz-btn__hint{display:block;font-size:11.5px;font-weight:600;opacity:.82;margin-top:2px;}
.jz-btn--accent .jz-btn__hint{color:#fff;}

/* قائمة الاختيار داخل الحوار: ارتفاع محدود وتمرير داخلي، فلا يطول الحوار
   حتى يخرج عن الشاشة عند خمسة وعشرين عميلًا */
.jz-dialog--pick .jz-dialog__b{max-height:min(56vh, 420px);overflow-y:auto;}
.jz-picklist{min-height:120px;}
@media (max-width:600px){
  .jz-dialog--pick .jz-dialog__b{max-height:62vh;}
}

/* ===== (المرحلة 5) دفتر التحصيل ===== */
.jz-meter{height:10px;background:var(--bg-sunken,#eef2f4);border-radius:6px;overflow:hidden;}
.jz-meter__fl{height:100%;background:var(--deep,#11709C);border-radius:6px;transition:width .3s;}
.jz-link{background:none;border:0;padding:0;color:var(--deep,#11709C);cursor:pointer;font:inherit;text-decoration:underline;}

/* ===== (المرحلة 6) لوحة الإدارة ===== */
.jz-execfilters{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;}
.jz-execfilters .jz-field{flex:1;min-width:130px;}
.jz-execgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;}
.jz-execgrid--4{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px;}
@media(max-width:700px){.jz-execgrid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .jz-execgrid--4{grid-template-columns:repeat(2,minmax(0,1fr));}}
.jz-tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.jz-xtable{width:100%;border-collapse:collapse;font-size:12.5px;min-width:520px;}
.jz-xtable th{color:var(--t-faint,#68767e);font-weight:700;text-align:right;
  padding:7px 8px;border-bottom:2px solid var(--b-hair,#e5eaee);white-space:nowrap;}
.jz-xtable td{padding:7px 8px;border-bottom:1px solid var(--b-hair,#eef2f4);white-space:nowrap;}
.jz-xtable tbody tr:hover{background:var(--bg-sunken,#f6f8fa);}
.jz-legend{display:flex;gap:16px;font-size:12px;color:var(--t-faint,#68767e);margin-bottom:8px;}
.jz-legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-inline-end:5px;}
.jz-agerow{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.jz-agerow__k{width:110px;flex:none;font-size:12.5px;}
.jz-agerow__v{width:110px;flex:none;text-align:left;font-weight:700;}

/* ===================== Strategy Cockpit — UX rebuild ===================== */
.jz-strat-projectbar{display:flex;justify-content:flex-end;margin-bottom:10px}
.jz-strat-projectbar label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--t-muted)}
.jz-strat-projectbar select{min-width:110px;height:38px;border:1px solid var(--b-soft);border-radius:10px;background:#fff;
  color:var(--t-strong);font:800 13px var(--f-brand);padding:0 10px;outline:0}
.jz-strat-projectbar select:focus{border-color:var(--jz-deep);box-shadow:0 0 0 3px rgba(17,112,156,.09)}

.jz-strat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.jz-strat-head>div{min-width:0}.jz-strat-eyebrow{font-size:11.5px;font-weight:900;color:var(--jz-deep);margin-bottom:2px}
.jz-strat-head h1{margin:0;font-family:var(--f-brand);font-size:27px;line-height:1.12;color:var(--t-strong)}
.jz-strat-head p{margin:5px 0 0;color:var(--t-muted);font-size:12.5px;line-height:1.65}
.jz-strat-status{flex:none;border:1px solid var(--b-soft);border-radius:999px;padding:5px 10px;font-size:11.5px;font-weight:900;background:#fff;color:var(--t-muted)}
.jz-strat-status.is-live{background:var(--ok-bg);border-color:var(--ok-ln);color:var(--ok)}

.jz-strat-active{background:var(--s-inverse);color:#fff;border-radius:16px;padding:14px;margin-bottom:14px;box-shadow:var(--sh-1)}
.jz-strat-active__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.jz-strat-active__top b{font-size:14px}.jz-strat-active__top span{font-size:11px;color:var(--t-on-dark-soft)}
.jz-strat-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.jz-strat-kpi{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:9px 10px;min-width:0}
.jz-strat-kpi span{display:block;color:rgba(255,255,255,.62);font-size:10.5px;font-weight:700}
.jz-strat-kpi b{display:block;font-size:17px;line-height:1.25;margin-top:1px;color:#fff;overflow:hidden;text-overflow:ellipsis}
.jz-strat-kpi small{display:block;color:rgba(255,255,255,.48);font-size:9.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jz-strat-active__foot{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px;font-size:10.5px;color:rgba(255,255,255,.65)}
.jz-strat-active__foot span{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:3px 8px}

.jz-strat-step{position:relative;background:#fff;border:1px solid var(--b-hair);border-radius:16px;padding:15px;margin-bottom:12px;box-shadow:var(--sh-1)}
.jz-strat-step__no{position:absolute;top:14px;inset-inline-start:14px;width:27px;height:27px;border-radius:9px;background:var(--s-inverse);color:#fff;display:grid;place-items:center;font:800 13px var(--f-brand)}
.jz-strat-step__head{padding-inline-start:38px;margin-bottom:13px}.jz-strat-step__head h2{margin:0;font-size:16px;color:var(--t-strong)}
.jz-strat-step__head p{margin:2px 0 0;font-size:11.5px;color:var(--t-muted);line-height:1.6}
.jz-strat-step--action{border-color:var(--b-soft);background:linear-gradient(180deg,#fff,#fafbfb)}

.jz-strat-targetlayout{display:grid;gap:12px}.jz-strat-targets{display:grid;gap:7px}
.jz-strat-target{border:1px solid var(--b-hair);border-radius:12px;padding:10px;background:#fff;transition:border-color var(--d-fast),box-shadow var(--d-fast)}
.jz-strat-target:focus-within{border-color:var(--jz-deep);box-shadow:0 0 0 3px rgba(17,112,156,.06)}
.jz-strat-target.is-delivery{border-inline-start:3px solid var(--jz-red)}
.jz-strat-target__main{display:flex;align-items:center;gap:10px;justify-content:space-between}
.jz-strat-target__label{min-width:0;flex:1;border:0;background:transparent;font:800 13px var(--f-ar);color:var(--t-strong);outline:0;padding:3px 0}
.jz-strat-target__pct{display:flex;align-items:center;direction:ltr;gap:2px;background:var(--s-sunken);border-radius:9px;padding:4px 8px;flex:none}
.jz-strat-target__pct input{width:52px;border:0;background:transparent;outline:0;text-align:center;font:800 18px var(--f-brand);color:var(--t-strong)}
.jz-strat-target__pct span{font-weight:900;color:var(--jz-deep)}
.jz-strat-target__meta{display:flex;align-items:center;gap:8px;margin-top:7px;color:var(--t-muted);font-size:10.5px;flex-wrap:wrap}
.jz-strat-target__meta>label:first-child{display:flex;align-items:center;gap:5px}.jz-strat-target__meta>label:first-child input{width:48px;height:28px;border:1px solid var(--b-hair);border-radius:7px;background:#fff;text-align:center;font-size:11px;color:var(--t-strong)}
.jz-strat-hard{display:flex;align-items:center;gap:5px;cursor:pointer}.jz-strat-hard input{accent-color:var(--jz-red)}
.jz-strat-remove{margin-inline-start:auto;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--t-faint);font-size:18px;cursor:pointer}
.jz-strat-remove:hover{background:var(--dang-bg);color:var(--dang)}
.jz-strat-add{margin-top:8px;border:0;background:none;color:var(--jz-deep);font:800 12px var(--f-ar);cursor:pointer;padding:7px 2px}

.jz-strat-chart{border:1px solid var(--b-hair);border-radius:12px;background:linear-gradient(180deg,#fbfcfc,#fff);padding:9px 9px 3px;overflow:hidden}
.jz-strat-chart__head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:1px 4px 3px}
.jz-strat-chart__head b{font-size:11.5px}.jz-strat-chart__head span{font-size:9.5px;color:var(--t-muted)}
.jz-strat-svggrid{stroke:#e8edef;stroke-width:1}.jz-strat-svgarea{fill:rgba(17,112,156,.06)}.jz-strat-svgline{fill:none;stroke:var(--jz-deep);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.jz-strat-svgdot{fill:#fff;stroke:var(--jz-deep);stroke-width:3}.jz-strat-svgdot.is-hard{stroke:var(--jz-red)}
.jz-strat-svglabel,.jz-strat-svgaxis{font:10px var(--f-brand);fill:var(--t-faint)}

.jz-strat-ranges{display:grid;gap:9px}.jz-strat-range{border:1px solid var(--b-hair);border-radius:12px;padding:10px}
.jz-strat-range__title{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:7px}.jz-strat-range__title b{font-size:12.5px}.jz-strat-range__title span{font-size:10px;color:var(--t-faint)}
.jz-strat-range__inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.jz-strat-range__inputs label{display:flex;flex-direction:column;gap:3px;font-size:9.5px;color:var(--t-muted);font-weight:700}
.jz-strat-range__inputs .jz-input{height:38px;padding:0 7px;text-align:center;font-size:13px}
.jz-strat-choicegroup{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--b-hair)}
.jz-strat-choicegroup>span{font-size:11.5px;font-weight:800;color:var(--t-muted);flex:none}.jz-strat-choicegroup>div{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.jz-strat-choice{position:relative;cursor:pointer}.jz-strat-choice input{position:absolute;opacity:0;pointer-events:none}.jz-strat-choice span{display:block;border:1px solid var(--b-soft);background:#fff;border-radius:9px;padding:7px 10px;font-size:11px;font-weight:800;color:var(--t-muted);transition:.15s}
.jz-strat-choice input:checked+span{background:var(--s-inverse);border-color:var(--s-inverse);color:#fff;box-shadow:inset 0 -2px 0 var(--jz-red)}
.jz-strat-advanced{margin-top:11px;border-top:1px solid var(--b-hair);padding-top:9px}.jz-strat-advanced summary{cursor:pointer;color:var(--jz-deep);font-size:11.5px;font-weight:800;list-style:none}
.jz-strat-advanced summary::-webkit-details-marker{display:none}.jz-strat-advanced summary::before{content:'＋';margin-inline-end:5px}.jz-strat-advanced[open] summary::before{content:'−'}
.jz-strat-advanced__body{padding-top:10px}.jz-strat-advgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.jz-strat-suffix{display:flex;align-items:center;position:relative}.jz-strat-suffix .jz-input{padding-inline-end:45px}.jz-strat-suffix span{position:absolute;inset-inline-end:9px;font-size:9.5px;color:var(--t-faint);pointer-events:none}
.jz-strat-choicegroup.is-compact{margin:0 0 10px;padding:0;border:0}

.jz-strat-generate{min-height:50px;font-size:14px}.jz-strat-draftacts{display:flex;gap:7px;margin-top:8px}.jz-strat-draftacts .jz-btn{flex:1;min-height:39px;font-size:11.5px}

.jz-strat-results{margin:14px 0}.jz-strat-candgrid{display:grid;gap:10px}.jz-strat-cand{background:#fff;border:1px solid var(--b-hair);border-radius:15px;padding:13px;box-shadow:var(--sh-1);min-width:0}
.jz-strat-cand.is-good{border-color:#cbded4}.jz-strat-cand__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.jz-strat-cand__eyebrow{display:block;color:var(--jz-deep);font-size:10.5px;font-weight:900;margin-bottom:2px}.jz-strat-cand__head h3{margin:0;font-size:16px;color:var(--t-strong)}.jz-strat-cand__head p{margin:3px 0 0;font-size:10.5px;color:var(--t-muted)}
.jz-strat-refstatus{border-radius:999px;padding:4px 8px;font-size:9.5px;font-weight:900;white-space:nowrap}.jz-strat-refstatus.is-ok{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-ln)}.jz-strat-refstatus.is-bad{background:var(--dang-bg);color:var(--dang);border:1px solid var(--dang-ln)}
.jz-strat-cand__kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:11px}.jz-strat-cand__kpis>div{background:var(--s-canvas);border-radius:9px;padding:8px;min-width:0}.jz-strat-cand__kpis span{display:block;font-size:9.5px;color:var(--t-muted)}.jz-strat-cand__kpis b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jz-strat-cand__kpis small{display:block;font-size:8.5px;color:var(--t-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jz-strat-milestones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:9px}.jz-strat-mile{border:1px solid var(--b-hair);border-radius:9px;padding:7px 8px;min-width:0}.jz-strat-mile span{display:block;font-size:9px;color:var(--t-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jz-strat-mile b{display:block;font-size:13px}.jz-strat-mile small{display:block;font-size:8.5px;color:var(--t-faint)}.jz-strat-mile.is-ok{background:var(--ok-bg);border-color:var(--ok-ln)}.jz-strat-mile.is-bad{background:var(--dang-bg);border-color:var(--dang-ln)}
.jz-strat-cand__note{margin-top:8px;font-size:10px;color:var(--t-muted);padding:6px 8px;background:var(--info-bg);border-radius:8px}.jz-strat-cand__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--b-hair)}.jz-strat-cand__foot>label{font-size:10.5px;color:var(--t-muted);display:flex;align-items:center;gap:5px}.jz-strat-cand__foot>div{display:flex;gap:6px}.jz-strat-cand__foot .jz-btn{min-height:36px;padding:0 10px;font-size:10.5px}

.jz-strat-refcard{background:#fff;border:1px solid var(--b-hair);border-radius:15px;padding:13px;margin-bottom:12px}.jz-strat-refcard__head{display:flex;justify-content:space-between;gap:10px;align-items:center}.jz-strat-refcard__head>div span{display:block;font-size:9.5px;color:var(--t-muted)}.jz-strat-refcard__head>div b{display:block;font-size:14px;margin-top:1px}.jz-strat-refmetrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px}.jz-strat-refmetrics>span{background:var(--s-canvas);border-radius:8px;padding:7px;font-size:9.5px;color:var(--t-muted)}.jz-strat-refmetrics b{font-size:12.5px;color:var(--t-strong);margin-inline-end:3px}
.jz-strat-refcard__action{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px;padding-top:10px;border-top:1px solid var(--b-hair)}
.jz-strat-refcard__action span{font-size:10.5px;line-height:1.6;color:var(--t-muted);min-width:0}
.jz-strat-refcard__action .jz-btn{flex:none}

.jz-strat-planmanager{background:#fff;border:1px solid var(--b-hair);border-radius:16px;padding:14px;margin:12px 0;box-shadow:var(--sh-1);min-width:0}
.jz-strat-planmanager__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}
.jz-strat-planmanager__head>div{min-width:0}.jz-strat-planmanager__head h2{margin:0;font-size:16px}.jz-strat-planmanager__head p{margin:3px 0 0;font-size:10.5px;line-height:1.6;color:var(--t-muted)}
.jz-strat-planmanager__head .jz-btn{flex:none}.jz-strat-planlist{display:grid;gap:8px}
.jz-strat-planrow{border:1px solid var(--b-hair);border-radius:12px;padding:11px;min-width:0}
.jz-strat-planrow__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.jz-strat-planrow__top>div{min-width:0}
.jz-strat-planrow__top b{display:block;font-size:13.5px;overflow:hidden;text-overflow:ellipsis}.jz-strat-planrow__top small{display:block;margin-top:2px;font-size:9.5px;color:var(--t-faint)}
.jz-strat-planstate{flex:none;border:1px solid var(--b-soft);border-radius:999px;padding:3px 7px;font-size:9.5px;font-weight:900;color:var(--t-muted);white-space:nowrap}
.jz-strat-planstate.is-live{background:var(--ok-bg);border-color:var(--ok-ln);color:var(--ok)}.jz-strat-planstate.is-warn{background:var(--warn-bg);color:var(--warn)}.jz-strat-planstate.is-bad{background:var(--dang-bg);border-color:var(--dang-ln);color:var(--dang)}
.jz-strat-planrow__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:9px}
.jz-strat-planrow__facts span{background:var(--s-canvas);border-radius:8px;padding:7px;font-size:10px;color:var(--t-muted);min-width:0}.jz-strat-planrow__facts .is-wide{grid-column:1/-1}
.jz-strat-planrow__facts b{color:var(--t-strong);font-size:12px}.jz-strat-planrow__actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px;padding-top:9px;border-top:1px solid var(--b-hair)}
.jz-strat-planrow__actions .jz-btn{min-height:36px;font-size:10.5px}.jz-strat-planmanager__empty{display:flex;flex-direction:column;gap:2px;padding:16px;border:1px dashed var(--b-strong);border-radius:12px;text-align:center}.jz-strat-planmanager__empty b{font-size:12px}.jz-strat-planmanager__empty span{font-size:10px;color:var(--t-muted)}
.rp-apply-now{display:flex;align-items:flex-start;gap:9px;border:1px solid var(--ok-ln);background:var(--ok-bg);border-radius:11px;padding:10px;margin:10px 0;cursor:pointer}
.rp-apply-now input{flex:0 0 auto;width:18px;height:18px;margin:1px 0;accent-color:var(--ok)}.rp-apply-now span{display:flex;flex-direction:column;gap:2px;min-width:0}.rp-apply-now b{font-size:12px}.rp-apply-now small{font-size:10px;line-height:1.6;color:var(--t-muted)}
.jz-strat-noresult{border:1px solid var(--dang-ln);background:var(--dang-bg);border-radius:12px;padding:12px;margin-bottom:10px}.jz-strat-noresult b{display:block;color:var(--dang);font-size:12.5px}.jz-strat-noresult>span{display:block;color:var(--t-muted);font-size:10.5px;margin-top:2px}.jz-strat-noresult ul{font-size:10px;color:var(--t-muted);margin-bottom:0}
.jz-strat-empty{display:flex;flex-direction:column;gap:2px;text-align:center;padding:22px 12px;background:#fff;border:1px dashed var(--b-strong);border-radius:14px}.jz-strat-empty b{font-size:13px}.jz-strat-empty span{font-size:10.5px;color:var(--t-muted)}
.jz-strat-history{background:#fff;border:1px solid var(--b-hair);border-radius:12px;margin-top:12px;overflow:hidden}.jz-strat-history summary{padding:11px 12px;cursor:pointer;font-size:11.5px;font-weight:800}.jz-strat-history summary span{color:var(--t-faint);margin-inline-start:4px}.jz-strat-history>div{border-top:1px solid var(--b-hair)}.jz-strat-history__row{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:9px 12px;border-bottom:1px solid var(--b-hair);font-size:10.5px}.jz-strat-history__row:last-child{border-bottom:0}.jz-strat-history__row span{color:var(--t-muted)}.jz-strat-history__row small{grid-column:1/-1;color:var(--t-faint)}

@media(min-width:700px){
  .jz-strat-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
  .jz-strat-targetlayout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start}
  .jz-strat-ranges{grid-template-columns:1fr 1fr}
  .jz-strat-candgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jz-strat-refmetrics{grid-template-columns:repeat(4,minmax(0,1fr))}
  .jz-strat-milestones{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:520px){
  .jz-strat-head h1{font-size:23px}.jz-strat-head p{max-width:250px}.jz-strat-status{padding:4px 8px;font-size:10px}
  .jz-strat-step{padding:13px}.jz-strat-step__no{top:12px;inset-inline-start:12px}.jz-strat-step__head{padding-inline-start:36px}
  .jz-strat-choicegroup{align-items:flex-start;flex-direction:column}.jz-strat-choicegroup>div{justify-content:flex-start;width:100%}
  .jz-strat-choice{flex:1}.jz-strat-choice span{text-align:center;padding:7px 6px}
  .jz-strat-advgrid{grid-template-columns:1fr}.jz-strat-cand__foot{align-items:stretch;flex-direction:column}.jz-strat-cand__foot>div{display:grid;grid-template-columns:1fr 1fr}.jz-strat-cand__foot .jz-btn{width:100%}
  .jz-strat-refcard__action,.jz-strat-planmanager__head{align-items:stretch;flex-direction:column}.jz-strat-refcard__action .jz-btn,.jz-strat-planmanager__head .jz-btn{width:100%}
  .jz-strat-planrow__actions{display:grid;grid-template-columns:1fr 1fr}.jz-strat-planrow__actions .jz-btn:first-child{grid-column:1/-1}
}
/* إنشاء الحساب صار دعوة بريدية؛ لا اسم ولا كلمة مرور مؤقتة في الشاشة القديمة. */
.login-forgot{display:block;margin:0 0 12px auto;border:0;background:none;color:var(--accent);font:700 13px inherit;cursor:pointer;padding:2px}
.login-forgot:disabled{opacity:.55;cursor:wait}
.login-err.ok{color:var(--green,#0a7d43)}
#jzAuthLinkForm .login-sub{margin:4px 0 14px}
.jz-strat-live-title{display:flex;align-items:center;justify-content:space-between;margin:22px 0 8px}
.jz-strat-live-title b{display:block;font-size:18px}.jz-strat-live-title span{display:block;color:var(--muted);font-size:13px;margin-top:3px}
.jz-strat-builder{margin:20px 0;border:1px solid var(--b-hair,var(--line));border-radius:16px;background:#fff;overflow:hidden}
.jz-strat-builder>summary{list-style:none;cursor:pointer;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--soft)}
.jz-strat-builder>summary::-webkit-details-marker{display:none}.jz-strat-builder>summary b{display:block;font-size:18px}.jz-strat-builder>summary span{display:block;color:var(--muted);font-size:12.5px;margin-top:3px}
.jz-strat-builder>summary .jz-strat-builder__action{flex:none;color:var(--accent);font-weight:800;margin:0}
.jz-strat-builder[open]>summary .jz-strat-builder__action{font-size:0}.jz-strat-builder[open]>summary .jz-strat-builder__action:after{content:'إغلاق الإعداد';font-size:12.5px}
.jz-strat-builder__body{padding:0 14px 14px}
@media(max-width:600px){.jz-strat-builder>summary{align-items:flex-start;padding:15px}.jz-strat-builder__body{padding:0 8px 8px}.jz-strat-live-title{margin-top:16px}.jz-strat-live-title b{font-size:16px}}