/* ============================================================
   Y.L.M — שפת העיצוב של המערכת
   נגזר מהמותג: Light Edition · Heebo + JetBrains Mono
   ============================================================ */
:root{
  /* ── שפת העיצוב · תקפה בכל המערכת, כולל חלונות שנפתחים מחוץ למסך הראשי ──
     שבע דרגות טקסט, חמש דרגות ריווח, חמש דרגות עיגול.
     כל ערך קשיח מחוץ לסקאלות נחשב שגיאה ונתפס בבדיקה.                    */
  --t0:38px;   /* המספר הראשי בעמוד    */
  --t1:30px;   /* מספר ראשי בכרטיס-על  */
  --t2:21px;   /* מספר בבלוק           */
  --t3:17px;   /* כותרת אזור · המידה שהייתה חסרה */
  --t4:14px;   /* כותרת כרטיס · שם     */
  --t5:12.5px; /* טקסט רגיל · תא טבלה  */
  --t6:11px;   /* תווית · תת-כותרת     */
  --t7:10.5px; /* מיקרו · רצפת קריאות  */
  /* ── רצפת שדה במגע · 23.8.26 ──
     **לא החלטה עיצובית — אילוץ של ספארי בטלפון.** שדה קלט
     שגופנו קטן מ-16px גורם לדפדפן **לקרב את המסך מעצמו**
     ברגע שנוגעים בו, והמשתמש נשאר עם תצוגה מזוזה.
     ולכן זו מידה שמורה לשדות בלבד, בשכבת המגע. */
  --t-inp:16px;
  --s0:4px; --s1:8px; --s3:16px; --s2:12px; --s4:24px;
  /* ── כלל הקִרבה · הכלל שהעין קוראת בלי לדעת ──
     **מה שנמדד לפני התיקון:** המרווח בין שורה לשורה היה זהה
     למרווח בין קבוצה לקבוצה — שניהם 8px. **ולכן לא היו קבוצות,
     הייתה רשימה אחת ארוכה.** זו התחושה של «צפוף» גם כשיש מקום.

     המחקר (NN/G) אומר את זה חד: *«מרווח מוקטן בין כותרת לתוכן
     שלה, מרווח מוגדל בין קבוצה לקבוצה — זה מה שיוצר את
     ההיררכיה».* שני משתנים, ויחס קבוע של 1:3. */
  --in:var(--s1);      /* 8  · בתוך קבוצה  */
  --out:var(--s4);     /* 24 · בין קבוצות  */
  --rd0:3px; --rd1:7px; --rd2:11px; --rd3:14px; --rdp:99px;
  --bg:#F8F7FD; --bg-soft:#F2F0FB; --white:#FFFFFF;
  --ink:#17123A; --ink-sec:#5B5578; --ink-mut:#8B86A6;
  --teal:#00B894; --teal-deep:#009A7C; --teal-soft:rgba(0,184,148,.10);
  /* שתי דרגות ביניים · לשפת הסימון בעורך */
  --teal-2:rgba(0,184,148,.45); --teal-3:rgba(0,184,148,.22);
  --purple:#6E2AEA; --purple-soft:rgba(110,42,234,.09);
  --blue:#3D6BFF; --blue-soft:rgba(61,107,255,.09);
  --amber:#F2B33D; --amber-soft:rgba(242,179,61,.14);
  --coral:#F2555B; --coral-soft:rgba(242,85,91,.11);
  --navy:#171040;
  --line:rgba(23,18,58,.08);
  --sh-sm:0 1px 3px rgba(23,18,58,.04),0 6px 16px -8px rgba(23,18,58,.10);
  --sh:0 2px 6px rgba(23,18,58,.04),0 18px 44px -18px rgba(23,18,58,.14);
  --sh-hover:0 4px 10px rgba(23,18,58,.05),0 26px 54px -20px rgba(110,42,234,.20);
  --grad-btn:linear-gradient(115deg,#00C9A7,#00A98F);
  --grad:linear-gradient(105deg,#00B894 0%,#3D6BFF 52%,#6E2AEA 100%);
  --r-sm:12px; --r-md:20px; --r-lg:28px;
  --ease:cubic-bezier(.23,1,.32,1);
  --font:'Heebo',sans-serif; --mono:'JetBrains Mono',monospace;
  /* קיצורים שהיו בשימוש בכל הדשבורד אך מעולם לא הוגדרו —
     בלעדיהם צ׳יפים, פסי התקדמות ותגיות נותרו חסרי צבע.            */
  --pu:#6E2AEA; --te:#00B894; --co:#E03A41; --am:#B07E13;
  --ink-ter:#8B86A6;
  /* ── צבעי טקסט · עומדים ב-4.5:1 מול שני הרקעים ──
     הצבעים הבהירים למעלה נשארים לרקעים, למילויים ולגבולות —
     שם ניגודיות נמוכה היא בסדר. לטקסט יש גרסה כהה יותר,
     כי תקן 5568 מחייב 4.5:1 וטקסט אפור בהיר לא עומד בזה. */
  --tx-mut:#6E6A84;   /* טקסט משני · במקום ink-mut          */
  --tx-ok:#007C64;    /* טקסט ירוק · במקום teal / teal-deep */
  --tx-warn:#8C6724;  /* טקסט כתום · במקום amber            */
  --tx-bad:#BE4348;   /* טקסט אדום · במקום coral            */
}

/* ════════════════════════════════════════════════════════════
   שורה · רכיב אחד
   ────────────────────────────────────────────────────────────
   **מה שנמדד:** 57 מחלקות שורה שונות לאותה עבודה בדיוק —
   טקסט, אולי מספר, אולי פעולה. `edf-it` · `tnck-i` · `edp-r` ·
   `qr-i` · `rl-i`… **כל אחת עם ריפוד ורווח משלה.**

   שורת ההקמה: רווח 10, ריפוד 9/6. שורת העורך: 8, ו-8/12.
   **הן יושבות באותו זרימת עבודה, והפרש של 1–3 פיקסלים
   בכל מקום.** בשורה בודדת לא מורגש. בעשרים — נראה כאילו
   מישהו אחר בנה כל חלק.

   **`.row` הוא הבסיס.** כל שורה חדשה יורשת ממנו, וכל שורה
   קיימת יכולה לעבור אליו בלי לשנות HTML.
   ════════════════════════════════════════════════════════════ */
/* ════════════════════════════════════════════════════════════
   שדה על הבד · הכרטיס הוא משטח עבודה, לא תמונה
   ────────────────────────────────────────────────────────────
   **מה שנמדד:** 5 אזורי לחיצה על הבד, **ואף שדה בודד.**
   רואים את הכרטיס, ומי שרצה לשנות שדה חיפש אותו ברשימה בצד.

   ── למה מסגרת מקווקוות ולא רקע ──
   **רקע מלא היה משנה את איך הכרטיס נראה**, וזו בדיוק הנקודה:
   הבד אמור להראות ללקוח מה הוא יראה. מסגרת דקה שמופיעה
   רק בריחוף אומרת «אפשר ללחוץ» **בלי לשקר על התוצאה.**
   ════════════════════════════════════════════════════════════ */
.fld-ed{position:relative;border-radius:var(--rd1);
  outline:var(--px1) dashed transparent;outline-offset:2px;
  transition:outline-color .12s}
.fld-ed:hover{outline-color:var(--teal);cursor:pointer}
/* **המחלקה שהמנגנון כבר מוסיף** — `edReveal` מסמן `.ed-sel`.
   המצאת מחלקה שנייה הייתה יוצרת שני מקורות אמת לאותו מצב. */
.fld-ed.ed-sel{outline:var(--sx) solid var(--teal);outline-offset:2px}
.fld-ed:hover::after{content:'עריכה';position:absolute;
  inset-inline-end:var(--s0);top:50%;transform:translateY(-50%);
  font-size:var(--t7);color:var(--teal-ink,#0F6E56);
  background:var(--white);padding:0 var(--s0);border-radius:var(--rd0);
  pointer-events:none}
@media (prefers-reduced-motion:reduce){ .fld-ed{transition:none} }

.ln{display:flex;align-items:center;gap:var(--in);
  padding:var(--in) var(--s2);width:100%;text-align:start;
  border-radius:var(--rd1);background:transparent;border:0;
  color:var(--tx);cursor:default}
.ln.act{cursor:pointer}
.ln.act:hover{background:var(--bg-soft)}
.ln > .ln-x{flex:none}                 /* תיבה · אייקון · מתג */
.ln > .ln-b{flex:1;min-width:0}        /* הטקסט · תופס את השאר */
.ln > .ln-b b{display:block;font-size:var(--t4);font-weight:600}
.ln > .ln-b em{display:block;font-style:normal;font-size:var(--t7);
  color:var(--tx-mut);margin-top:2px}
.ln > .ln-e{flex:none;font-size:var(--t7);color:var(--tx-mut)}
.ln + .ln{border-top:var(--px1) solid var(--line)}

/* קבוצה · המרווח החיצוני הוא שמפריד, לא קו */
.grp + .grp{margin-top:var(--out)}
.grp-h{display:flex;align-items:baseline;gap:var(--in);
  padding:0 var(--s2) var(--s0)}
.grp-h b{font-size:var(--t3);font-weight:700}
.grp-h em{flex:1;font-style:normal;font-size:var(--t7);color:var(--tx-mut)}
.grp-h span{flex:none;font-family:var(--mono);font-size:var(--t7);
  color:var(--tx-mut)}

*{box-sizing:border-box;margin:0;padding:0}
/* רשת ביטחון: אייקון ללא גודל מפורש לא יתפח לכל המסך */
svg:not([width]){max-width:26px;max-height:26px;flex-shrink:0}
body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--t4);line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100vh}
::selection{background:rgba(0,184,148,.22)}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--teal),var(--purple));border-radius:99px}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
input, select, textarea{font-family:inherit;font-size:var(--t4)}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}

/* ─── סרגל עליון ─── */
.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:var(--s3) 28px;background:rgba(248,247,253,.85);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.brand{display:flex;align-items:center;gap:var(--s2)}
.brand-mark{width:36px;height:36px;border-radius:11px;background:var(--grad);display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:var(--t5);color:#fff;box-shadow:0 6px 16px -6px rgba(110,42,234,.5)}
.brand-name{font-weight:800;font-size:var(--m3);line-height:1.2}
.brand-sub{font-family:var(--mono);font-size:var(--t7);letter-spacing:.18em;text-transform:uppercase;color:var(--tx-mut)}
.tb-chip{display:inline-flex;align-items:center;gap:var(--s1);font-family:var(--mono);font-size:var(--t6);font-weight:600;color:var(--tx-ok);background:var(--teal-soft);padding:var(--s1) var(--s2);border-radius:99px}
.tb-dot{width:6px;height:6px;border-radius:99px;background:var(--teal);animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%, 100%{opacity:1}50%{opacity:.35}}
.avatar{width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:700;font-size:var(--t4)}
.tb-right{display:flex;align-items:center;gap:var(--s2)}

/* ─── פריסה ─── */
.shell{display:flex;align-items:flex-start;min-height:calc(100vh - 71px)}
.sidebar{width:248px;flex-shrink:0;padding:var(--s4) var(--s3);position:sticky;top:71px}
.side-label{font-family:var(--mono);font-size:var(--t7);letter-spacing:.18em;text-transform:uppercase;color:var(--tx-mut);padding:0 var(--s2) var(--s2)}
.nav{display:flex;align-items:center;gap:var(--s2);width:100%;padding:var(--s2) var(--s2);border-radius:14px;color:var(--ink-sec);font-size:var(--t4);font-weight:500;text-align:right;transition:all .2s var(--ease);margin-bottom:var(--s0)}
.nav svg{width:19px;height:19px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav:hover{background:var(--white);color:var(--ink);box-shadow:var(--sh-sm)}
.nav.active{background:var(--white);color:var(--ink);font-weight:700;box-shadow:var(--sh)}
.nav.active svg{stroke:var(--teal-deep)}
.nav .cnt{margin-inline-start:auto;font-family:var(--mono);font-size:var(--t6);font-weight:600;color:var(--tx-mut);background:var(--bg-soft);padding:var(--s0) var(--s1);border-radius:99px}
.nav.active .cnt{background:var(--teal-soft);color:var(--tx-ok)}
.nav.soon{opacity:.45;cursor:default}
.nav.soon:hover{background:none;box-shadow:none;color:var(--ink-sec)}
.main{flex:1;padding:28px 32px 60px;min-width:0;max-width:1240px;margin-inline:auto;width:100%}

/* ─── כותרות ─── */
.head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:var(--s4);flex-wrap:wrap}
.eyebrow{font-family:var(--mono);font-size:var(--t6);font-weight:700;letter-spacing:.22em;color:var(--tx-ok);margin-bottom:var(--s1)}
h1.title{font-size:var(--t1);font-weight:800;letter-spacing:-.03em;line-height:1.2}
.lede{font-size:var(--t4);color:var(--ink-sec);margin-top:var(--s0);font-weight:300}

/* ─── כפתורים ─── */
.btn{display:inline-flex;align-items:center;gap:var(--s1);background:var(--grad-btn);color:#fff;font-size:var(--t4);font-weight:700;padding:var(--s2) var(--s4);border-radius:99px;box-shadow:0 4px 14px -4px rgba(0,169,143,.45);transition:transform .18s var(--ease)}
.btn:hover{transform:translateY(-1px)}
.btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round}
/* ── שלוש דרגות של כפתור · הכלל שמארגן כל מסך ──
   פעולה ראשית אחת מלאה בצבע · השאר שקטים · הרסני אחרון.
   בלי הדרגות האלה כל הכפתורים נראים חשובים באותה מידה,
   והעין לא יודעת לאן ללכת. */
.btn-g{background:var(--white);color:var(--ink-sec);font-weight:600;font-size:var(--t5);
  padding:var(--s1) var(--s3);border-radius:99px;border:1px solid var(--line);
  transition:.14s var(--ease)}
.btn-g:hover{border-color:var(--purple);color:var(--purple);background:var(--purple-soft)}
.btn-g.pri{background:var(--grad-btn);color:#fff;font-weight:700;border-color:transparent;
  box-shadow:0 4px 14px -5px rgba(0,169,143,.5)}
.btn-g.pri:hover{background:var(--grad-btn);color:#fff;
  box-shadow:0 6px 18px -5px rgba(0,169,143,.6);transform:translateY(-1px)}
.win-btn{display:inline-flex;align-items:center;gap:var(--s1);background:var(--navy);color:#fff;font-weight:700;font-size:var(--t4);padding:var(--s2) var(--s4);border-radius:99px;box-shadow:0 6px 18px -6px rgba(23,16,64,.5);transition:transform .18s var(--ease)}
.win-btn:hover{transform:translateY(-1px)}

/* ─── כרטיסים ומספרים ─── */
.card{background:var(--white);border-radius:var(--r-md);box-shadow:var(--sh)}
/* מספר הכרטיסים משתנה לפי ההרשאות — נציג רואה שלושה, מנהל ארבעה.
   רשת קשיחה של ארבע עמודות השאירה חור בצד. */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:var(--s3);margin-bottom:var(--s4)}
.kpi{padding:var(--s4) var(--s4);position:relative;overflow:hidden;transition:box-shadow .3s var(--ease),transform .3s var(--ease)}
.kpi:hover{box-shadow:var(--sh-hover);transform:translateY(-2px)}
.kpi::after{content:'';position:absolute;inset-inline-start:0;top:20px;bottom:20px;width:3px;border-radius:99px;background:var(--accent-c,var(--teal))}
.kpi .l{font-size:var(--t4);color:var(--ink);margin-bottom:var(--s1);font-weight:600}
.kpi .v{font-family:var(--mono);font-size:var(--t1);font-weight:700;line-height:1}
.kpi .h{font-size:var(--t5);color:var(--tx-mut);margin-top:var(--s1);line-height:1.5}

/* ─── סינון וחיפוש ─── */
.toolbar{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s3);flex-wrap:wrap}
.chips{display:flex;gap:var(--s0);background:var(--white);padding:var(--s0);border-radius:99px;box-shadow:var(--sh-sm)}
.chip{padding:var(--s1) var(--s3);border-radius:99px;font-size:var(--t4);font-weight:600;color:var(--ink-sec);transition:all .2s var(--ease);white-space:nowrap}
.chip.on{background:var(--grad-btn);color:#fff}
.chip .n{font-family:var(--mono);font-size:var(--t6);opacity:.75;margin-inline-start:var(--s0)}
.search{flex:1;min-width:220px;position:relative}
.search svg{position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:var(--ink-mut);fill:none;stroke-width:2}
.search input{width:100%;background:var(--white);border:1px solid var(--line);border-radius:99px;padding:var(--s2) 46px var(--s2) var(--s3);color:var(--ink);box-shadow:var(--sh-sm)}
.search input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px var(--teal-soft)}

/* ─── טבלה ─── */
table{width:100%;border-collapse:collapse}
th{text-align:right;font-family:var(--mono);font-size:var(--t6);letter-spacing:.1em;color:var(--tx-mut);font-weight:600;padding:var(--s2) var(--s3);border-bottom:1px solid var(--line)}
td{padding:var(--s3) var(--s3);font-size:var(--t4);border-bottom:1px solid var(--line)}
tbody tr{cursor:pointer;transition:background .18s}
tbody tr:hover{background:var(--bg-soft)}
tbody tr:last-child td{border-bottom:none}
.name-cell{font-weight:600}
.sub-cell{color:var(--ink-sec);font-size:var(--t4)}
.chev{stroke:var(--ink-mut);fill:none;stroke-width:2;width:16px;height:16px}
.stale{display:inline-flex;align-items:center;gap:var(--s0);font-size:var(--t5);font-weight:600;color:var(--tx-bad);background:var(--coral-soft);padding:var(--s0) var(--s1);border-radius:99px;margin-inline-start:var(--s1)}

/* ─── תוויות סטטוס ─── */
.pill{font-size:var(--t5);font-weight:600;padding:var(--s0) var(--s2);border-radius:99px;display:inline-block;white-space:nowrap}
.p-new{background:var(--teal-soft);color:var(--tx-ok)}
.p-mid{background:var(--blue-soft);color:var(--blue)}
.p-warm{background:var(--amber-soft);color:#B07E13}
.p-won{background:var(--teal-soft);color:var(--tx-ok)}
.p-lost{background:var(--coral-soft);color:var(--tx-bad)}

/* ─── מצב ריק ─── */
.empty{padding:64px var(--s4);text-align:center}
.empty .ic{width:64px;height:64px;border-radius:20px;background:var(--bg-soft);display:grid;place-items:center;margin:0 auto var(--s3)}
.empty .ic svg{width:28px;height:28px;stroke:var(--ink-mut);fill:none;stroke-width:1.6}
.empty h4{font-size:var(--m3);font-weight:700;margin-bottom:var(--s0)}
.empty p{color:var(--ink-sec);font-size:var(--t4);margin-bottom:20px}

/* ─── סקשנים מתקפלים ─── */
details.sec{background:var(--white);border-radius:var(--r-md);box-shadow:var(--sh);margin-bottom:var(--s2);overflow:hidden}
details.sec>summary{list-style:none;cursor:pointer;padding:20px var(--s4);display:flex;align-items:center;gap:var(--s2);font-size:var(--m3);font-weight:700}
details.sec>summary::-webkit-details-marker{display:none}
details.sec>summary:hover{background:var(--bg-soft)}
details.sec>summary .arrow{margin-inline-start:auto;width:18px;height:18px;stroke:var(--ink-mut);fill:none;stroke-width:2.2;stroke-linecap:round;transition:transform .25s var(--ease)}
details.sec[open]>summary .arrow{transform:rotate(180deg)}
details.sec>summary .tagline{font-size:var(--t5);font-weight:400;color:var(--tx-mut)}
.sec-body{padding:var(--s0) var(--s4) var(--s4)}

/* ─── שדות ניתנים לעריכה ─── */
.efield{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) 0;border-bottom:1px solid var(--line)}
.efield:last-child{border-bottom:none}
.efield .k{flex:0 0 40%;color:var(--ink-sec);font-size:var(--t4)}
.efield .inp{flex:1;min-width:0}
.efield input, .efield select, .efield textarea{width:100%;background:transparent;border:1px solid transparent;border-radius:10px;padding:var(--s1) var(--s2);color:var(--ink);font-weight:600;transition:all .18s var(--ease)}
.efield input:hover, .efield select:hover, .efield textarea:hover{background:var(--bg);border-color:var(--line)}
.efield input:focus, .efield select:focus, .efield textarea:focus{outline:none;background:var(--white);border-color:var(--teal);box-shadow:0 0 0 4px var(--teal-soft);font-weight:400}
.efield input::placeholder, .efield textarea::placeholder{color:var(--tx-mut);font-weight:400}
.efield textarea{resize:vertical;line-height:1.6;font-weight:400}
.efield.stack{flex-direction:column;align-items:stretch;gap:var(--s1)}
.efield.stack .k{flex:none}
.add-act{padding:var(--s3) var(--s4) 20px;display:flex;gap:var(--s1);flex-wrap:wrap;align-items:center}
.add-act select{background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:var(--s2) var(--s3);color:var(--ink);font-size:var(--t4)}
.add-act input{flex:1;min-width:200px;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:var(--s2) var(--s3);color:var(--ink)}
.add-act input:focus, .add-act select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px var(--teal-soft)}
.add-act .go{background:var(--grad-btn);color:#fff;font-weight:700;padding:var(--s2) 20px;border-radius:99px;font-size:var(--t4)}
.timeline{padding:var(--s0) var(--s4) var(--s4)}
.tl{display:flex;gap:var(--s2);padding:var(--s2) 0;border-bottom:1px solid var(--line)}
.tl:last-child{border-bottom:none}
.tl-ic{width:36px;height:36px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;background:var(--bg-soft)}
.tl-ic svg{width:17px;height:17px;stroke:var(--ink-sec);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tl-body{flex:1;min-width:0}
.tl-top{display:flex;align-items:baseline;gap:var(--s1);flex-wrap:wrap}
.tl-type{font-size:var(--t5);font-weight:700}
.tl-date{font-family:var(--mono);font-size:var(--t6);color:var(--tx-mut)}
.tl-text{font-size:var(--t4);color:var(--ink-sec);margin-top:var(--s0);line-height:1.6}

/* ─── חלון ליד חדש ─── */
.overlay{position:fixed;inset:0;background:rgba(23,18,58,.42);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:90;padding:var(--s4)}
.overlay.open{display:flex}
.modal{background:var(--white);border-radius:var(--r-lg);width:100%;max-width:620px;max-height:90vh;overflow:auto;padding:34px;box-shadow:0 40px 90px -30px rgba(23,18,58,.4)}
.modal h3{font-size:var(--m1);font-weight:800}
.modal .sub{font-size:var(--t4);color:var(--ink-sec);margin:var(--s0) 0 var(--s4)}
.field{margin-bottom:var(--s3)}
.field label{display:block;font-size:var(--t5);font-weight:600;color:var(--ink-sec);margin-bottom:var(--s1)}
.field input, .field select, .field textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s2) var(--s3);color:var(--ink);resize:vertical}
.field input:focus, .field select:focus, .field textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px var(--teal-soft)}
.field .req{color:var(--tx-bad)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--s3)}
.modal-actions{display:flex;gap:var(--s2);margin-top:28px}

/* ─── עסקאות ─── */
.deal{background:var(--bg);border-radius:var(--r-sm);padding:var(--s3) var(--s3);margin-bottom:var(--s2)}
.deal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2)}
.deal-grid label{display:block;font-size:var(--t6);color:var(--tx-mut);font-weight:600}
.deal-grid input, .deal-grid select{width:100%;margin-top:var(--s0);background:var(--white);border:1px solid var(--line);border-radius:9px;padding:var(--s1) var(--s2);color:var(--ink);font-size:var(--t4)}
.deal-grid input:focus, .deal-grid select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}
.del{width:30px;height:30px;border-radius:9px;color:var(--tx-mut);font-size:var(--t4);flex-shrink:0;transition:all .18s}
.del:hover{background:var(--coral-soft);color:var(--tx-bad)}

/* ─── מסמכים ─── */
.doc{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) 0;border-bottom:1px solid var(--line)}
.doc:last-of-type{border-bottom:none}
.doc>svg{width:20px;height:20px;stroke:var(--ink-mut);fill:none;stroke-width:1.8;flex-shrink:0}
.doc-b{flex:1;min-width:0}
.doc-n{font-weight:600;font-size:var(--t4)}
.doc-d{font-size:var(--t5);color:var(--tx-mut)}
.doc-l{color:var(--purple);font-weight:600;font-size:var(--t4);text-decoration:none}
/* ═══ כרטיסייה — מבנה שלוש עמודות ═══ */
.crumb{display:flex;align-items:center;gap:var(--s1);font-size:var(--t4);color:var(--tx-mut);margin-bottom:var(--s3)}
.crumb button{color:var(--purple);font-weight:600;font-size:var(--t4)}
.crumb button:hover{text-decoration:underline}
.crumb b{color:var(--ink);font-weight:700}

.card-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:var(--s3)}
.hero-meta{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s1);font-size:var(--t4);color:var(--ink-sec)}
.hero-stat{font-family:var(--mono);font-size:var(--t5);color:var(--tx-mut);background:var(--bg-soft);padding:var(--s0) var(--s2);border-radius:99px}

.quickbar{display:flex;gap:var(--s1);flex-wrap:wrap}
.qa{display:inline-flex;align-items:center;gap:var(--s1);background:var(--white);border:1px solid var(--line);border-radius:99px;padding:var(--s2) var(--s3);font-size:var(--t4);font-weight:600;color:var(--ink);text-decoration:none;box-shadow:var(--sh-sm);transition:all .18s var(--ease)}
.qa svg{width:17px;height:17px;stroke:var(--teal-deep);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.qa:hover{box-shadow:var(--sh);transform:translateY(-1px)}
.qa.dis{opacity:.4;cursor:default;box-shadow:none}
.qa.dis:hover{transform:none;box-shadow:none}
.step{display:flex;align-items:center;gap:var(--s1);flex:1;min-width:110px;position:relative}
.step:not(:last-child)::after{content:'';flex:1;height:2px;background:var(--line);margin:0 var(--s2)}
.step .dot{width:11px;height:11px;border-radius:99px;background:var(--line);flex-shrink:0;transition:all .3s var(--ease)}
.step .lb{font-size:var(--t4);color:var(--tx-mut);white-space:nowrap}
.step.done .dot{background:var(--teal)}
.step.done .lb{color:var(--ink-sec)}
.step.now .dot{background:var(--teal);box-shadow:0 0 0 5px var(--teal-soft)}
.step.now .lb{color:var(--ink);font-weight:700}

.cols{display:grid;grid-template-columns:minmax(280px,1fr) minmax(380px,1.35fr) minmax(280px,1fr);gap:var(--s3);align-items:start}
.na-l{font-family:var(--mono);font-size:var(--t6);letter-spacing:.14em;color:var(--tx-mut);margin-bottom:var(--s0)}
.na-t{font-size:var(--t4);font-weight:700}

@media(max-width:1200px){
  .cols{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .cols{grid-template-columns:1fr}
  .step{min-width:80px}
  .step .lb{font-size:var(--t5)}
}
.ms{font-size:var(--t5);padding:var(--s0) var(--s2);border-radius:99px;background:var(--white);border:1px solid var(--line);color:var(--tx-mut);transition:all .18s var(--ease)}
.ms:hover{border-color:var(--teal);color:var(--ink)}
.ms.done{background:var(--teal-soft);color:var(--tx-ok);border-color:transparent}
.ms.now{background:var(--grad-btn);color:#fff;border-color:transparent;font-weight:700}

/* ══════════════════════════════════════════
   כרטיסייה — היררכיה, קצב וצפיפות
   ══════════════════════════════════════════ */
.crumb{display:flex;align-items:center;gap:var(--s1);font-size:var(--t5);color:var(--tx-mut);margin-bottom:var(--s2)}
.crumb button{color:var(--purple);font-weight:600;font-size:var(--t5)}
.crumb button:hover{text-decoration:underline}
.crumb b{color:var(--ink)}

.card-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.hero-meta{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap;margin-top:var(--s1);font-size:var(--t4);color:var(--ink-sec)}
.hero-stat{font-family:var(--mono);font-size:var(--t5);color:var(--tx-mut)}
.hero-rep{font-size:var(--t5);font-weight:600;color:var(--purple);background:var(--purple-soft);padding:var(--s0) var(--s2);border-radius:99px}

.quickbar{display:flex;gap:var(--s1);flex-wrap:wrap}
.qa{display:inline-flex;align-items:center;gap:var(--s1);background:var(--white);border:1px solid var(--line);border-radius:99px;padding:var(--s1) var(--s3);font-size:var(--t4);font-weight:600;color:var(--ink);text-decoration:none;box-shadow:var(--sh-sm);transition:all .18s var(--ease)}
.qa svg{width:17px;height:17px;stroke:var(--teal-deep);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.qa:hover{box-shadow:var(--sh);transform:translateY(-1px)}
.qa.dis{opacity:.35;cursor:default}
.qa.dis:hover{transform:none;box-shadow:none}

/* לשוניות */
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:var(--s3)}
.tab{padding:var(--s2) var(--s4);font-size:var(--t4);font-weight:600;color:var(--tx-mut);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .18s var(--ease)}
.tab:hover{color:var(--ink)}
.tab.on{color:var(--ink);font-weight:800;border-bottom-color:var(--teal)}

/* פריסה */
.cols2{display:grid;grid-template-columns:minmax(420px,1.5fr) minmax(300px,1fr);gap:var(--s3);align-items:start}
/* כשכל פאנלי הצד כבויים אין עמודה שנייה — והתוכן לא נדחס לחצי מסך */
.cols2.one-col{grid-template-columns:1fr}
/* ── מצב ריק · סטטוס לקוח ──
   לא הודעת שגיאה ולא אזהרה: זה מצב תקין שצריך הכוונה. */
.cs-empty{border:1px dashed var(--ln);border-radius:10px;padding:var(--s2) var(--s2);
  font-size:var(--fs-sm);line-height:1.7;color:var(--tx2);background:var(--bg2)}
.cs-empty b{color:var(--tx)}
.cs-blk{margin-top:var(--s4);padding-top:20px;border-top:1px solid var(--ln)}
.cs-blk-h{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);margin-bottom:var(--s0)}
.cs-blk-h h3{font-size:var(--fs-md);font-weight:700;margin:0}
.cs-blk-s{font-size:var(--fs-sm);color:var(--tx2);margin-bottom:var(--s2);line-height:1.6}
/* שורת הגשר בתיעוד · הרישום היחיד שמופיע בשתי הלשוניות */
.tl.tl-br .tl-text{font-weight:600}
.tl.tl-br .tl-ic{background:var(--okBg,var(--bg2));border-color:var(--ok,var(--ln))}
.col-work, .col-side{min-width:0;display:flex;flex-direction:column;gap:var(--s2)}
.full-row{margin:var(--s2)}

/* פאנל */
.panel{background:var(--white);border-radius:var(--r-md);box-shadow:var(--sh);overflow:hidden}
.ph{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);padding:var(--s3) var(--s4) var(--s2)}
.ph h3{font-size:var(--t4);font-weight:800;letter-spacing:-.01em}
.ph .cnt{font-family:var(--mono);font-size:var(--t6);color:var(--tx-mut)}
.p-foot{padding:var(--s0) var(--s4) var(--s3)}
.status-p .grp-b{padding:0 var(--s4) var(--s1)}

/* קבוצה ממוספרת */
details.grp{background:var(--white);border-radius:var(--r-md);box-shadow:var(--sh);overflow:hidden}
details.grp>summary{list-style:none;cursor:pointer;padding:var(--s3) var(--s4);display:flex;align-items:center;gap:var(--s2);transition:background .15s}
details.grp>summary::-webkit-details-marker{display:none}
details.grp>summary:hover{background:var(--bg-soft)}
.g-num{width:22px;height:22px;border-radius:7px;background:var(--bg-soft);color:var(--tx-mut);font-family:var(--mono);font-size:var(--t6);font-weight:700;display:grid;place-items:center;flex-shrink:0}
details.grp[open] .g-num{background:var(--teal-soft);color:var(--tx-ok)}
.g-t{font-size:var(--t4);font-weight:700}
.g-note{font-family:var(--mono);font-size:var(--t7);letter-spacing:.06em;color:var(--tx-mut);background:var(--bg-soft);padding:var(--s0) var(--s1);border-radius:99px}
details.grp>summary .arrow{margin-inline-start:auto;width:17px;height:17px;stroke:var(--ink-mut);fill:none;stroke-width:2.2;transition:transform .22s var(--ease)}
details.grp[open]>summary .arrow{transform:rotate(180deg)}
.grp-b{padding:2px var(--s4) var(--s3)}

/* שורת שדה */
.row{display:flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s1);margin:0 -8px;border-radius:8px;cursor:text;transition:background .14s;min-height:34px}
.row:hover{background:var(--bg-soft)}
.row.static{cursor:default}
.row.static:hover{background:none}
.rk{flex:0 0 36%;font-size:var(--t4);color:var(--tx-mut)}
.rv{flex:1;min-width:0;font-size:var(--t4);font-weight:600;word-break:break-word}
.rv-empty{color:var(--tx-mut);font-weight:400;font-size:var(--t4)}
.rv input, .rv select, .rv textarea{width:100%;background:var(--white);border:1px solid var(--teal);border-radius:8px;padding:var(--s0) var(--s1);color:var(--ink);font-size:var(--t4);box-shadow:0 0 0 3px var(--teal-soft)}
.rv input:focus, .rv select:focus, .rv textarea:focus{outline:none}
.rv textarea{resize:vertical;font-weight:400;line-height:1.6}

/* הפעולה הבאה */
.na{padding:var(--s3) var(--s4);border-bottom:1px solid var(--line)}
.na-l{font-family:var(--mono);font-size:var(--t7);letter-spacing:.14em;color:var(--tx-mut);margin-bottom:var(--s0)}
.na-t{font-size:var(--t4);font-weight:700;line-height:1.35}
.na-s{font-size:var(--t5);color:var(--ink-sec);margin-top:var(--s0)}
.na.na-missing{background:linear-gradient(100deg,var(--amber-soft),transparent)}
.na.na-missing .na-t{color:#9A6B0C}
.na.na-late{background:linear-gradient(100deg,var(--coral-soft),transparent)}
.na.na-late .na-t{color:var(--tx-bad)}
.na.na-ok{background:linear-gradient(100deg,var(--teal-soft),transparent)}

/* משימות */
.tk-list, .doc-list{padding:var(--s0) var(--s4)}
.tk{display:flex;align-items:center;gap:var(--s2);padding:var(--s1) 0;border-bottom:1px solid var(--line)}
.tk:last-child{border-bottom:none}
.tk input[type=checkbox]{width:17px;height:17px;accent-color:var(--teal);cursor:pointer;flex-shrink:0}
.tk-t{flex:1;font-size:var(--t4);min-width:0}
.tk.done .tk-t{text-decoration:line-through;color:var(--tx-mut)}
.tk-tag{display:inline-block;font-size:var(--t6);background:var(--blue-soft);color:var(--blue);padding:2px var(--s1);border-radius:99px;margin-inline-start:var(--s1);font-weight:600}
.tk-d{font-family:var(--mono);font-size:var(--t6);color:var(--tx-mut);white-space:nowrap}
.tk-d.late{color:var(--tx-bad);font-weight:700}

/* טופס הוספה מתקפל */
details.adder{border-top:1px solid var(--line);margin-top:var(--s0)}
details.adder>summary{list-style:none;cursor:pointer;padding:var(--s2) var(--s4);font-size:var(--t4);font-weight:600;color:var(--tx-ok);transition:background .15s}
details.adder>summary::-webkit-details-marker{display:none}
details.adder>summary:hover{background:var(--bg-soft)}
.add-body{padding:2px var(--s4) var(--s3);display:flex;flex-direction:column;gap:var(--s1)}
.add-body input, .add-body select{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:var(--s1) var(--s2);color:var(--ink);font-size:var(--t4)}
.add-body input:focus, .add-body select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}
.add-row{display:flex;gap:var(--s1);flex-wrap:wrap}
.add-row input, .add-row select{flex:1;min-width:110px}
.go{background:var(--grad-btn);color:#fff;font-weight:700;padding:var(--s1) 20px;border-radius:10px;font-size:var(--t4);white-space:nowrap}
.add-line{width:100%;margin-top:var(--s2);padding:var(--s2);border:1px dashed var(--line-strong,rgba(23,18,58,.16));border-radius:10px;color:var(--tx-ok);font-weight:600;font-size:var(--t4);transition:all .18s}
.add-line:hover{border-color:var(--teal);background:var(--teal-soft)}

/* תיעוד */
.add-act{display:flex;gap:var(--s1);padding:var(--s0) var(--s4) var(--s2);flex-wrap:wrap}
.add-act select{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:var(--s1) var(--s2);font-size:var(--t4);color:var(--ink)}
.add-act input{flex:1;min-width:180px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:var(--s1) var(--s2);color:var(--ink)}
.add-act input:focus, .add-act select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}
.timeline{padding:0 var(--s4) 20px}
.tl{display:flex;gap:var(--s2);padding:var(--s2) 0;border-bottom:1px solid var(--line)}
.tl:last-child{border-bottom:none}
.tl-ic{width:34px;height:34px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;background:var(--bg-soft)}
.tl-ic svg{width:16px;height:16px;stroke:var(--ink-sec);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tl-body{flex:1;min-width:0}
.tl-top{display:flex;align-items:baseline;gap:var(--s1);flex-wrap:wrap}
.tl-type{font-size:var(--t5);font-weight:700}
.tl-date{font-family:var(--mono);font-size:var(--t6);color:var(--tx-mut)}
.tl-text{font-size:var(--t4);color:var(--ink-sec);margin-top:var(--s0);line-height:1.6}
.empty-s{padding:var(--s4) 0;text-align:center;color:var(--tx-mut);font-size:var(--t4)}

/* ═══ סטטוס הלקוח — סרגלי שלבים גלויים ═══ */
.ct-body{padding:2px var(--s4) var(--s1)}
.dtrack{background:var(--bg);border-radius:var(--r-sm);padding:var(--s2) var(--s3);margin-top:var(--s2);border-inline-start:3px solid var(--line)}
.dtrack.bnd{border-inline-start-color:var(--blue)}
.dtrack.ong{border-inline-start-color:var(--teal)}
.dt-h{display:flex;align-items:center;gap:var(--s1);margin-bottom:var(--s2);flex-wrap:wrap}
.dt-name{font-size:var(--t4);font-weight:700}
.dt-kind{font-family:var(--mono);font-size:var(--t7);color:var(--tx-mut);background:var(--white);padding:var(--s0) var(--s1);border-radius:99px}
.dt-steps{display:flex;align-items:center;gap:0;flex-wrap:wrap}
.dstep{display:flex;align-items:center;gap:var(--s1);padding:var(--s0) var(--s2) var(--s0) var(--s0);border-radius:99px;transition:all .18s var(--ease)}
.dstep:hover{background:var(--white)}
.ds-dot{width:9px;height:9px;border-radius:99px;background:var(--line);flex-shrink:0;transition:all .25s var(--ease)}
.ds-lb{font-size:var(--t5);color:var(--tx-mut);white-space:nowrap}
.dstep.done .ds-dot{background:var(--teal)}
.dstep.done .ds-lb{color:var(--ink-sec)}
.dstep.now .ds-dot{background:var(--teal);box-shadow:0 0 0 4px var(--teal-soft)}
.dstep.now .ds-lb{color:var(--ink);font-weight:700}

/* התראות */
.alert{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;padding:var(--s2) var(--s4);background:linear-gradient(100deg,var(--amber-soft),transparent);border-top:1px solid var(--line);font-size:var(--t4);color:var(--ink-sec)}
.alert span{flex:1;min-width:200px}
.alert-b{background:var(--navy);color:#fff;font-weight:700;font-size:var(--t5);padding:var(--s1) var(--s3);border-radius:99px;white-space:nowrap}
.fin{background:var(--bg);border-radius:var(--r-sm);padding:var(--s2) var(--s3)}
.fl{display:block;font-size:var(--t6);color:var(--tx-mut);margin-bottom:var(--s0)}
.fvv{font-family:var(--mono);font-size:var(--m3);font-weight:700}
.fvv.ok{color:var(--tx-ok)} .fvv.warn{color:var(--tx-warn)}

/* שורות עסקאות */
.drow{background:var(--bg);border-radius:var(--r-sm);margin-bottom:var(--s1);overflow:hidden;border-inline-start:3px solid var(--line)}
.drow.ong{border-inline-start-color:var(--teal)}
.drow.bnd{border-inline-start-color:var(--blue)}
/* עסקה יחידה לא מקבלת חץ פתיחה, ולכן העמודה האחרונה חייבת
   להתכווץ ל-0 במקום לשמור 18 פיקסלים ריקים. */
.drow-h{display:grid;grid-template-columns:1.3fr auto 1.1fr auto auto;gap:var(--s2);align-items:center;padding:var(--s2) var(--s3);cursor:pointer;transition:background .15s}
.drow-h:hover{background:var(--bg-soft)}
.d-name{font-weight:700;font-size:var(--t4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d-val{font-family:var(--mono);font-size:var(--t4);font-weight:700;white-space:nowrap}
.d-stage{font-size:var(--t5);color:var(--ink-sec);min-width:0}
.d-bar{display:block;height:4px;background:var(--line);border-radius:99px;margin-top:var(--s0);overflow:hidden}
.d-bar i{display:block;height:100%;background:var(--teal);border-radius:99px;transition:width .35s var(--ease)}
.d-pay{font-size:var(--t6);font-weight:700;padding:var(--s0) var(--s1);border-radius:99px;white-space:nowrap}
.d-pay.ok{background:var(--teal-soft);color:var(--tx-ok)}
.d-pay.wait{background:var(--amber-soft);color:#9A6B0C}
.d-pay.bad{background:var(--coral-soft);color:var(--tx-bad)}
.d-arrow{width:17px;height:17px;stroke:var(--ink-mut);fill:none;stroke-width:2.2;transition:transform .22s var(--ease)}
.drow.open .d-arrow{transform:rotate(180deg)}
.d-detail{padding:2px var(--s3) var(--s3);border-top:1px solid var(--line)}
.deal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2);margin-top:var(--s2)}
.deal-grid label{display:block;font-size:var(--t6);color:var(--tx-mut);font-weight:600}
.deal-grid input, .deal-grid select{width:100%;margin-top:var(--s0);background:var(--white);border:1px solid var(--line);border-radius:9px;padding:var(--s1) var(--s2);color:var(--ink);font-size:var(--t4)}
.deal-grid input:focus, .deal-grid select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}
.del-deal{margin-top:var(--s2);font-size:var(--t5);color:var(--tx-bad);font-weight:600}
.del-deal:hover{text-decoration:underline}
.del{width:28px;height:28px;border-radius:8px;color:var(--tx-mut);font-size:var(--t4);flex-shrink:0;transition:all .16s}
.del:hover{background:var(--coral-soft);color:var(--tx-bad)}

/* מסמכים */
.doc{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) 0;border-bottom:1px solid var(--line)}
.doc:last-child{border-bottom:none}
.doc>svg{width:19px;height:19px;stroke:var(--ink-mut);fill:none;stroke-width:1.8;flex-shrink:0}
.doc-b{flex:1;min-width:0}
.doc-n{font-weight:600;font-size:var(--t4)}
.doc-d{font-size:var(--t6);color:var(--tx-mut)}
.doc-l{color:var(--purple);font-weight:600;font-size:var(--t5);text-decoration:none}

/* הסלמה */
.esc{display:flex;align-items:center;gap:var(--s2);padding:var(--s3) 20px;margin-bottom:var(--s3);background:linear-gradient(100deg,var(--coral-soft),transparent);border:1px solid rgba(242,85,91,.25);border-radius:var(--r-md);flex-wrap:wrap}
.esc>svg{width:23px;height:23px;stroke:var(--coral);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.esc div{flex:1;min-width:220px;font-size:var(--t4);color:var(--ink-sec);line-height:1.55}
.esc b{display:block;color:var(--tx-bad);font-size:var(--t4);margin-bottom:2px}
.esc-to{display:block;font-family:var(--mono);font-size:var(--t6);color:var(--tx-mut);margin-top:var(--s0)}
.esc-btn{background:var(--coral);color:#fff;font-weight:700;font-size:var(--t5);padding:var(--s1) var(--s3);border-radius:99px;white-space:nowrap}

.hist-note{background:var(--bg-soft);border-radius:var(--r-sm);padding:var(--s2) var(--s3);font-size:var(--t5);color:var(--tx-mut)}
.hint{font-size:var(--t5);color:var(--tx-mut);padding:var(--s1) 0 2px;line-height:1.55}

@media(max-width:1100px){.cols2{grid-template-columns:1fr}}
@media(max-width:900px){
  .deal-grid{grid-template-columns:1fr 1fr}
  .drow-h{grid-template-columns:1fr auto;gap:var(--s1)}
  .d-stage{display:none}
  .rk{flex:0 0 42%}
}
.cs-label{font-family:var(--mono);font-size:var(--t7);letter-spacing:.14em;color:var(--tx-mut);margin-bottom:var(--s1)}

/* ═══ סטטוס לקוח — פס התקדמות דק ═══ */
.mini-bar{display:flex;align-items:center;gap:var(--s0);padding:var(--s1) var(--s1) var(--s0);margin:0 -8px}
.mb-seg{flex:1;height:5px;background:var(--line);border-radius:99px;transition:background .3s var(--ease)}
.mb-seg.on{background:var(--teal)}
.mb-txt{font-family:var(--mono);font-size:var(--t6);color:var(--tx-ok);font-weight:600;white-space:nowrap;margin-inline-start:var(--s1)}

/* ═══ סיכום כספי מופרד ═══ */
.fin-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);margin-bottom:var(--s3)}
.fin.big{background:var(--bg);border-radius:var(--r-sm);padding:var(--s3) var(--s3);display:flex;flex-direction:column;gap:var(--s0)}
.fin.big .fvv{font-size:var(--t2)}
.fin.big .fvv small{font-size:var(--t5);font-weight:600;opacity:.6}
.fs{font-size:var(--t6);color:var(--tx-mut)}

/* קיבוץ עסקאות */
.dgroup{font-family:var(--mono);font-size:var(--t6);letter-spacing:.1em;color:var(--tx-mut);margin:var(--s3) 0 var(--s1);padding-bottom:var(--s0);border-bottom:1px solid var(--line)}
.dgroup.muted{opacity:.5}
@media(max-width:900px){.fin-grid{grid-template-columns:1fr}}

/* ═══════════════════════════════════════════
   עמוד הבית
   ═══════════════════════════════════════════ */
.home-head{align-items:flex-start}
.home-act{display:flex;align-items:center;gap:var(--s2)}
.vswitch{display:flex;background:var(--bg-soft);border:1px solid var(--line);border-radius:99px;padding:var(--s0)}
.vs{padding:var(--s1) var(--s3);border-radius:99px;font-size:var(--t5);font-weight:600;color:var(--tx-mut);transition:.2s var(--ease)}
.vs.on{background:var(--white);color:var(--ink);box-shadow:var(--sh-sm)}

/* מכל בלבד · המראה יושב על .fnd כדי שלא יהיו שתי מסגרות
   זו בתוך זו. הגודל הגדול יותר נשמר, כי זה מקום מרכזי במסך. */
.home-search{margin-bottom:var(--s4)}
.home-search .fnd{padding:var(--s2) var(--s3);border-radius:var(--r-md);box-shadow:var(--sh-sm)}
.home-search .fnd>svg{width:17px;height:17px}
.home-search .fnd input{font-size:var(--t4)}

.hb{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s4) var(--s4);margin-bottom:var(--s3);box-shadow:var(--sh-sm)}
.hb-h{display:flex;align-items:center;gap:var(--s1);margin-bottom:var(--s2)}
.hb-h h3{font-size:var(--t4);font-weight:800;letter-spacing:-.01em}
.hb-n{background:var(--coral);color:#fff;font-family:var(--mono);font-size:var(--t6);font-weight:700;padding:2px var(--s1);border-radius:99px}
.hb-date{margin-inline-start:auto;font-size:var(--t5);color:var(--tx-mut)}
.hb-link{margin-inline-start:auto;font-size:var(--t5);font-weight:600;color:var(--purple);cursor:pointer}

/* ─── שכבה 1 · דורש טיפול ─── */
.hb-att{border-color:rgba(242,85,91,.22)}
.at{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s2);border-radius:var(--r-sm);cursor:pointer;transition:.18s var(--ease);border:1px solid transparent}
.at:hover{background:var(--bg-soft);border-color:var(--line)}
.at-dept{flex-shrink:0;width:62px;font-size:var(--t6);font-weight:700;letter-spacing:.02em;color:var(--tx-mut);text-align:center;padding:var(--s0) 0;border-radius:6px;background:var(--bg-soft)}
.at.hot .at-dept{background:var(--coral-soft);color:var(--tx-bad)}
.at.warn .at-dept{background:var(--amber-soft);color:#B07E14}
.at.info .at-dept{background:var(--blue-soft);color:var(--blue)}
.at-body{flex:1;display:flex;flex-direction:column;min-width:0}
.at-body b{font-size:var(--t4);font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.at-body em{font-style:normal;font-size:var(--t5);color:var(--tx-mut)}
.at-go{flex-shrink:0;font-size:var(--t5);font-weight:600;color:var(--purple);opacity:0;transition:.18s}
.at:hover .at-go{opacity:1}
.hb-clear{border-color:rgba(0,184,148,.22)}
.clear-msg{display:flex;align-items:center;gap:var(--s2);padding:var(--s0) 2px}
.cm-ic{width:34px;height:34px;border-radius:11px;background:var(--teal-soft);color:var(--tx-ok);display:grid;place-items:center;font-size:var(--m3);font-weight:700}
.clear-msg b{display:block;font-size:var(--t4)}
.clear-msg span{font-size:var(--t5);color:var(--tx-mut)}

/* ─── שכבה 2 · היום שלי ─── */
.dy{display:flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s2);border-radius:var(--r-sm);transition:.18s var(--ease)}
.dy:hover{background:var(--bg-soft)}
.dy-meet{cursor:pointer}
.dy-t{flex-shrink:0;font-family:var(--mono);font-size:var(--t5);font-weight:700;color:var(--purple);background:var(--purple-soft);padding:var(--s0) var(--s1);border-radius:7px}
.dy-b{flex:1;display:flex;flex-direction:column;min-width:0}
.dy-b b{font-size:var(--t4);font-weight:600}
.dy-b em{font-style:normal;font-size:var(--t5);color:var(--tx-mut)}
.dy input[type=checkbox]{width:17px;height:17px;accent-color:var(--teal);cursor:pointer;flex-shrink:0}

.ins{display:flex;align-items:center;gap:var(--s2);padding:var(--s2);border-radius:var(--r-md);margin-bottom:var(--s1);cursor:pointer;border:1px solid var(--line);transition:.18s var(--ease)}
.ins:hover{box-shadow:var(--sh-sm);transform:translateY(-1px)}
.ins.up{background:var(--teal-soft);border-color:rgba(0,184,148,.20)}
.ins.down{background:var(--amber-soft);border-color:rgba(242,179,61,.28)}
.ins-ar{flex-shrink:0;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:var(--t6);font-weight:700;background:var(--white)}
.ins.up .ins-ar{color:var(--tx-ok)}
.ins.down .ins-ar{color:#B07E14}
.ins-b{flex:1;display:flex;flex-direction:column;min-width:0}
.ins-b b{font-size:var(--t4);font-weight:700;line-height:1.4}
.ins-b em{font-style:normal;font-size:var(--t5);color:var(--ink-sec)}
.ins-go{flex-shrink:0;font-size:var(--t5);font-weight:600;color:var(--purple);opacity:0;transition:.18s}
.ins:hover .ins-go{opacity:1}
.ins-none{padding:var(--s3);background:var(--bg-soft);border-radius:var(--r-md)}
.ins-none b{display:block;font-size:var(--t4);margin-bottom:var(--s0)}
.ins-none span{font-size:var(--t5);color:var(--tx-mut);line-height:1.6}

/* ─── פעילות אחרונה ─── */
.fa{display:flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s2);border-radius:var(--r-sm);transition:.18s var(--ease);cursor:pointer}
.fa:hover{background:var(--bg-soft)}
.fa-ic{flex-shrink:0;width:30px;height:30px;border-radius:9px;background:var(--purple-soft);display:grid;place-items:center}
.fa-ic svg{width:15px;height:15px;fill:none;stroke:var(--purple);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fa-b{flex:1;display:flex;flex-direction:column;min-width:0}
.fa-b b{font-size:var(--t4);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fa-b em{font-style:normal;font-size:var(--t5);color:var(--tx-mut)}

/* ─── מבט למחר ─── */
.dy-tom{display:flex;align-items:center;gap:var(--s1);margin-top:var(--s1);padding:var(--s1) var(--s2);border-top:1px solid var(--line);font-size:var(--t5);color:var(--ink-sec)}
.dy-tom-l{font-size:var(--t6);font-weight:700;letter-spacing:.03em;color:var(--tx-mut);background:var(--bg-soft);padding:var(--s0) var(--s1);border-radius:99px}

/* ─── הצעה יזומה ביום שקט ─── */
.cm-sug{margin-top:var(--s2);padding-top:var(--s2);border-top:1px solid var(--line)}
.cm-sug-t{font-size:var(--t5);color:var(--ink-sec);margin-bottom:var(--s1)}

/* ─── שכבה 5 · המספרים (בהיר) ─── */
.nm-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--s1)}
.nm{padding:var(--s2) var(--s3);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r-md);display:flex;flex-direction:column;gap:var(--s0);border-top:3px solid var(--nm-c,var(--teal))}
.nm-l{font-size:var(--t6);font-weight:700;letter-spacing:.02em;color:var(--tx-mut)}
.nm-v{font-family:var(--mono);font-size:var(--m1);font-weight:700;color:var(--nm-c,var(--ink));letter-spacing:-.02em}
.nm-s{font-size:var(--t6);color:var(--ink-sec)}

/* ═══════════════════════════════════════════
   מסנני חיפוש — רכיב מקצועי
   ═══════════════════════════════════════════ */
.filters{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap;background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-sm);padding:var(--s1) var(--s2);margin-bottom:var(--s2)}
.filters-lead{display:inline-flex;align-items:center;gap:var(--s1);font-size:var(--t5);font-weight:700;color:var(--tx-mut);padding-inline-end:var(--s0);margin-inline-end:2px;border-inline-end:1px solid var(--line)}
.filters-lead svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.filters-sp{flex:1}

/* פריט סינון */
.fdrop{position:relative}
.fhead{display:inline-flex;align-items:center;gap:var(--s1);height:36px;padding:0 var(--s2);border-radius:10px;border:1px solid var(--line);background:var(--white);font-size:var(--t5);font-weight:600;color:var(--ink-sec);cursor:pointer;user-select:none;transition:.16s var(--ease);white-space:nowrap}
.fhead:hover{border-color:var(--ink-mut);background:var(--bg-soft)}
.fdrop.on .fhead{background:var(--purple-soft);border-color:rgba(110,42,234,.30);color:var(--purple)}
.fh-val{font-weight:800;color:var(--purple)}
.fhead .fchev{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease);opacity:.7}
.fdrop.open .fhead .fchev{transform:rotate(180deg)}
.fh-x{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:rgba(110,42,234,.16);color:var(--purple);font-size:var(--t7);font-weight:700;transition:.14s var(--ease)}
.fh-x:hover{background:var(--purple);color:#fff}

/* תפריט נפתח */
.fmenu{display:none;position:absolute;top:calc(100% + 7px);inset-inline-start:0;z-index:40;min-width:196px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh);padding:var(--s1);max-height:300px;overflow:auto;animation:fpop .16s var(--ease)}
.fdrop.open .fmenu{display:block}
@keyframes fpop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.fo{display:flex;align-items:center;justify-content:space-between;gap:var(--s1);width:100%;text-align:right;padding:var(--s1) var(--s2);border-radius:9px;font-size:var(--t5);font-weight:500;color:var(--ink-sec);transition:.13s var(--ease)}
.fo:hover{background:var(--bg-soft);color:var(--ink)}
.fo.on{background:var(--purple-soft);color:var(--purple);font-weight:700}
.fo .fo-ck{width:15px;height:15px;fill:none;stroke:var(--purple);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.fo.on .fo-ck{opacity:1}
.fcust{border-top:1px solid var(--line);margin-top:var(--s1);padding:var(--s1) var(--s0) var(--s0);display:flex;flex-direction:column;gap:var(--s1)}
.fcust-l{font-size:var(--t6);font-weight:700;letter-spacing:.02em;color:var(--tx-mut)}
.fcust-row{display:flex;align-items:center;gap:var(--s1)}
.fcust input{flex:1;border:1px solid var(--line);border-radius:8px;padding:var(--s1) var(--s1);background:var(--white);font-size:var(--t5);color:var(--ink)}
.fcust input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-soft)}
.fcust span{font-size:var(--t5);color:var(--tx-mut)}

/* פעולות */
.f-clear{display:inline-flex;align-items:center;gap:var(--s0);height:36px;padding:0 var(--s2);border-radius:10px;background:transparent;color:var(--tx-mut);font-size:var(--t5);font-weight:600;transition:.16s var(--ease)}
.f-clear:hover{background:var(--coral-soft);color:var(--tx-bad)}
.f-save{display:inline-flex;align-items:center;gap:var(--s0);height:36px;padding:0 var(--s2);border-radius:10px;border:1px solid var(--line);background:var(--white);color:var(--ink-sec);font-size:var(--t5);font-weight:700;transition:.16s var(--ease)}
.f-save:hover{border-color:var(--amber);color:#B07E14}
.f-save svg, .f-clear svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* תצוגות שמורות */
.savedviews{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s1);margin-bottom:var(--s2);padding-inline-start:2px}
.sv-lead{display:inline-flex;align-items:center;gap:var(--s0);font-size:var(--t5);font-weight:700;color:var(--tx-mut)}
.sv-lead svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.schip{display:inline-flex;align-items:center;gap:var(--s1);height:32px;padding:0 var(--s0) 0 var(--s2);border-radius:99px;background:var(--bg-soft);border:1px solid var(--line);font-size:var(--t5);font-weight:600;color:var(--ink-sec);cursor:pointer;transition:.15s var(--ease)}
.schip:hover{border-color:var(--purple);color:var(--purple);background:var(--white)}
.schip .sv-x{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;color:var(--tx-mut);font-size:var(--t7);transition:.14s var(--ease)}
.schip .sv-x:hover{background:var(--coral);color:#fff}

.fcount{font-size:var(--t5);color:var(--tx-mut);margin:-4px 0 var(--s2);padding-inline-start:var(--s0)}
.fcount b{color:var(--ink);font-weight:700}
.note-line{padding:0 var(--s4) var(--s3);font-size:var(--t5);color:var(--tx-mut)}

/* איכות שותף */
.pq{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s1);padding:var(--s0) var(--s4) var(--s0)}
.pq-i{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s1) var(--s2);display:flex;flex-direction:column;gap:var(--s0);text-align:center}
.pq-v{font-family:var(--mono);font-size:var(--m1);font-weight:700;color:var(--ink);letter-spacing:-.02em}
.pq-l{font-size:var(--t6);color:var(--tx-mut);font-weight:600}

@media(max-width:860px){
  .pq{grid-template-columns:repeat(2,1fr)}
}

/* ═══ שותפים · כותרת, בורר זמן, ומדד דו-מספרי ═══ */
.head-r{display:flex;align-items:center;gap:var(--s1)}
.hero-r{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap;justify-content:flex-end}
.pper-d{min-width:186px}
/* הבהרות זמן — למה המספר הזה מתייחס */
.rc-note{margin-inline-start:auto;font-size:var(--t6);color:var(--tx-mut);font-weight:600;align-self:center}
.rp-note{display:block;font-size:var(--t6);color:var(--tx-mut);padding:0 0 var(--s2)}
.rp-note b{color:var(--ink)}
/* המדד שמציג שני מספרים · לידים מול לקוחות */
.kpi2 .v2{display:flex;align-items:flex-end;gap:var(--s2);margin:2px 0 1px}
.v2-i{display:flex;flex-direction:column;gap:1px}
.v2-i b{font-family:var(--mono);font-size:var(--m0);font-weight:700;line-height:1.05;
  letter-spacing:-.025em;color:var(--tx-mut)}
.v2-i b.lc-b{color:var(--ink)}
.v2-i em{font-style:normal;font-size:var(--t6);font-weight:600;color:var(--tx-mut);white-space:nowrap}
.v2-s{width:1px;align-self:stretch;background:var(--line);margin-bottom:2px}
.kpi-now{margin-inline-start:var(--s1);font-size:var(--t7);font-weight:700;padding:2px var(--s1);border-radius:99px;
  background:var(--bg-soft);color:var(--tx-mut);vertical-align:middle}

/* ═══ שורת הערך בראש כרטיס השותף · למנהל בלבד ═══ */
.pvs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;margin:0 0 var(--s2)}
.pvs-i{background:var(--white);padding:var(--s1) var(--s2);display:flex;flex-direction:column;gap:var(--s0)}
.pvs-v{font-family:var(--mono);font-size:var(--t2);font-weight:700;color:var(--ink);letter-spacing:-.02em}
.pvs-v.neg{color:var(--tx-mut)}
.pvs-v.net{color:var(--tx-ok)}
.pvs-v.bad{color:var(--tx-bad)}
.pvs-l{font-size:var(--t6);color:var(--tx-mut);font-weight:600}
.pvs-n{margin:-8px 0 var(--s2);font-size:var(--t5);color:var(--tx-mut)}
.pvs.empty-state{display:block;background:var(--bg-soft);padding:var(--s3) var(--s3)}
.pvs-e{display:block;font-size:var(--t4);font-weight:700;color:var(--ink);margin-bottom:var(--s0)}
.pvs-es{display:block;font-size:var(--t5);color:var(--tx-mut);line-height:1.5}

/* ═══ טבלת התחשבנות עמלות ═══ */
.rc-sum{display:grid;grid-template-columns:1fr 1fr;gap:var(--s1);padding:var(--s0) var(--s4) var(--s2)}
.rc-si{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s2) var(--s3);display:flex;flex-direction:column;gap:2px}
.rc-sv{font-family:var(--mono);font-size:var(--m2);font-weight:700;color:var(--ink);letter-spacing:-.02em}
.rc-sv.ok{color:var(--tx-ok)}
.rc-sl{font-size:var(--t6);color:var(--tx-mut);font-weight:600}
.rc-chips{display:flex;gap:var(--s0);padding:0 var(--s4) var(--s1)}
.rc-chips .chip{padding:var(--s1) var(--s3);font-size:var(--t5);background:var(--bg-soft)}
.rc-chips .chip.on{background:var(--grad-btn);color:#fff}
.rc-pending{margin:0 var(--s4) var(--s2);padding:var(--s1) var(--s2);background:var(--amber-soft);border-radius:var(--r-sm);font-size:var(--t5);color:#8a6410;font-weight:600}
.rc-table{padding:0 var(--s2) var(--s3)}
.rc-row{border:1px solid var(--line);border-radius:var(--r-md);margin:var(--s1);overflow:hidden;transition:.16s var(--ease)}
.rc-row.ok{background:var(--teal-soft);border-color:rgba(0,184,148,.22)}
.rc-head{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);cursor:pointer}
.rc-head:hover{background:rgba(23,18,58,.02)}
.rc-per{font-weight:700;font-size:var(--t4);min-width:90px}
.rc-cnt{font-size:var(--t5);color:var(--tx-mut)}
.rc-tot{font-family:var(--mono);font-weight:700;font-size:var(--t4)}
/* שלושת המספרים בשורת החודש · לנציג נשאר רק האמצעי (עמלה) */
.rc-nums{margin-inline-start:auto;display:flex;align-items:center;gap:20px}
.rc-m{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;gap:2px}
.rc-mv{font-family:var(--mono);font-weight:700;font-size:var(--t4);color:var(--ink);letter-spacing:-.01em}
.rc-mv.net{color:var(--tx-ok)}
.rc-mv.bad{color:var(--tx-bad)}
.rc-ref{font-size:var(--t6);font-weight:700;padding:var(--s0) var(--s1);border-radius:99px;background:var(--coral-soft);color:var(--tx-bad);white-space:nowrap}
.rc-ml{font-size:var(--t7);color:var(--tx-mut);font-weight:600;letter-spacing:.01em;white-space:nowrap}
.rc-badge{font-size:var(--t6);font-weight:700;padding:var(--s0) var(--s1);border-radius:99px;background:var(--amber-soft);color:#8a6410}
.rc-badge.ok{background:var(--teal);color:#fff}
.rc-chev{width:15px;height:15px;fill:none;stroke:var(--ink-mut);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease)}
.rc-row.open .rc-chev{transform:rotate(180deg)}
.rc-foot{display:flex;align-items:center;gap:var(--s2);padding:0 var(--s3) var(--s2);flex-wrap:wrap}
.rc-stamp{font-size:var(--t5);color:var(--tx-ok);font-weight:600}
/* ── ארבעה כפתורים ירוקים מלאים זה מתחת לזה הם אפס כפתורים ──
   בטבלת ההתחשבנות כל חודש פתוח הציג «סמן כשולם» מלא בצבע.
   היום הם שקטים, והראשון בלבד — התקופה הקרובה ביותר לתשלום —
   מקבל את הצבע. */
.rc-pay{margin-inline-start:auto;background:var(--white);color:var(--tx-ok);
  border:1px solid rgba(0,184,148,.35);font-weight:700;font-size:var(--t5);
  padding:var(--s1) var(--s3);border-radius:99px;transition:.14s var(--ease)}
.rc-pay:hover{background:var(--teal-soft)}
.rc-row.first-open .rc-pay{background:var(--grad-btn);color:#fff;border-color:transparent;
  box-shadow:0 4px 12px -4px rgba(0,169,143,.5)}
.rc-undo{margin-inline-start:auto;border:1px solid var(--line);background:var(--white);color:var(--tx-mut);font-weight:600;font-size:var(--t5);padding:var(--s1) var(--s2);border-radius:99px}
.rc-detail{border-top:1px solid var(--line);padding:var(--s0) var(--s3) var(--s2);background:rgba(255,255,255,.5)}
.rc-line{display:flex;align-items:center;gap:var(--s2);padding:var(--s1) 0;border-bottom:1px solid var(--line)}
.rc-line:last-child{border-bottom:none}
.rc-cl{font-weight:600;font-size:var(--t4);min-width:110px}
.rc-dl{font-size:var(--t5);color:var(--tx-mut)}
.rc-am{margin-inline-start:auto;font-family:var(--mono);font-weight:700;font-size:var(--t4)}

/* ═══ שותפים — כרטיס מורחב ═══ */
.p2{font-size:var(--t6);color:var(--tx-mut);margin-inline-start:var(--s0)}

.pdist-row{display:flex;flex-wrap:wrap;gap:var(--s1);padding:var(--s1) var(--s4) var(--s0)}
.pdist{font-size:var(--t5);color:var(--ink-sec);background:var(--bg-soft);border:1px solid var(--line);border-radius:99px;padding:var(--s0) var(--s2)}
.pdist b{color:var(--ink);font-weight:800}
.pcl-rev{padding:var(--s1) var(--s4) 2px;font-size:var(--t5);color:var(--ink-sec)}
.pcl-rev b{font-family:var(--mono);color:var(--ink);font-weight:700}

/* משימות — שורת הוספה */
.tk-add{display:flex;flex-wrap:wrap;gap:var(--s1);padding:var(--s2) var(--s4) var(--s0)}
.tk-add input, .tk-add select{border:1px solid var(--line);border-radius:10px;padding:var(--s1) var(--s2);background:var(--white);font-size:var(--t5);color:var(--ink)}
.tk-add input[placeholder]{flex:1;min-width:160px}
.tk-add input:focus, .tk-add select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}

/* מסמכים */
.dc-list{padding:var(--s0) var(--s4)}
.dc{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) 0;border-bottom:1px solid var(--line)}
.dc:last-child{border-bottom:none}
.dc-k{flex-shrink:0;font-size:var(--t6);font-weight:700;color:var(--purple);background:var(--purple-soft);padding:var(--s0) var(--s1);border-radius:7px}
.dc-n{flex:1;font-size:var(--t4);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-dt{font-size:var(--t5);color:var(--tx-mut)}
.grp-b > .dc-list + .btn-g, .grp-b > .btn-g{margin:var(--s1) var(--s4) var(--s0)}

/* דוח תקופתי */
.rp-chips{display:flex;gap:var(--s0);padding:var(--s0) var(--s4) var(--s1)}
.rp-chips .chip{padding:var(--s1) var(--s3);font-size:var(--t5);background:var(--bg-soft)}
.rp-chips .chip.on{background:var(--grad-btn);color:#fff}
.rp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s1);padding:0 var(--s4) var(--s2)}
.rp-i{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s1) var(--s2);text-align:center;display:flex;flex-direction:column;gap:2px}
.rp-v{font-family:var(--mono);font-size:var(--m2);font-weight:700;color:var(--ink);letter-spacing:-.02em}
.rp-l{font-size:var(--t6);color:var(--tx-mut);font-weight:600}
.rp-ins{padding:0 var(--s4)}
.rp-act{padding:var(--s1) var(--s4) var(--s0);font-size:var(--t5);color:var(--tx-mut)}
.grp-b > .rp-ins + .rp-act + .btn-g, .grp-b .rp-chips + .rp-stats{margin-top:0}
.grp-b > .btn-g{margin:var(--s2) var(--s4) var(--s0)}

/* קיזוז — סכום שלילי */
.rc-am.neg{color:var(--tx-bad)}

.hero-l{flex:1;min-width:0}

/* ═══════════════════════════════════════════
   משימות ויומן
   ═══════════════════════════════════════════ */
.cnt-alert{background:var(--coral)!important;color:#fff!important}

/* ─── סולם המסך ───
   הכלל: אין מספר קשיח בגוף הקובץ. כל גודל ורווח מגיע מכאן.
   בדיוק כמו שנעשה במסך «מבט על» — וזה מה שגורם לו להיראות מסודר. */
:root{
  /* ── דרגות ביניים · מספרים וכותרות בתוך כרטיס ──
     חסרו בסקאלה, ולכן 55 מקומות כתבו גודל קשיח. אלה
     המספרים שיושבים בין כותרת האזור לבין המספר הראשי. */
  --m0:26px;    /* מספר גדול בכרטיס   */
  --m1:21px;    /* מספר בשורת סיכום   */
  --m2:19px;    /* מספר בשורת נציג    */
  --m3:16.5px;  /* מספר קטן · כותרת   */    /* טקסט ראשי · שדה קלט */  /* כותרת שורה */    /* כותרת אזור */    /* פקדים ומשני */    /* מטא-מידע */  /* תוויות זעירות · מונו */
  /* ── שתי דרגות מתחת ל-s0 · 16.8.26 ──
     הסולם התחיל ב-4px, ולכן כל תגית-גלולה וכל קו-שיער נכתבו
     בערך קשיח. אלה שני הערכים שבאמת חוזרים, ומעכשיו יש להם שם. */
  --px1:1px;    /* קו שיער · מפריד ברשת */
  --sx:2px;     /* ריפוד זעיר · בתוך גלולה */
}
.rep-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;display:inline-block}

/* תור עבודה — ההגדרה המלאה יושבת בבלוק המאוחד בהמשך הקובץ.
   כאן רק מה שאין לו שם כפילות. */
.qh-s{font-size:var(--t5);color:var(--tx-mut);font-weight:500}
.qn{font-family:var(--mono);font-size:var(--t6);font-weight:700;background:var(--bg-soft);
  color:var(--tx-mut);padding:2px var(--s1);border-radius:var(--rdp)}
.q-act{font-size:var(--t6);font-weight:700;color:var(--tx-mut);background:var(--bg-soft);
  padding:var(--s0) var(--s1);border-radius:var(--rd1);white-space:nowrap}
.q-act:hover{background:var(--purple-soft);color:var(--purple)}
.qdone summary{font-weight:700;font-size:var(--t5);color:var(--tx-mut);cursor:pointer}
.qdone .qrow{opacity:.6}

/* סרגל יומן */
.calbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);margin-bottom:var(--s2);flex-wrap:wrap}
.cnav{display:flex;gap:var(--s0)}
.cnav button{width:36px;height:36px;border-radius:var(--rd2);border:1px solid var(--line);
  background:var(--white);font-size:var(--t4);color:var(--ink-sec);font-weight:700}
.cnav .ctoday{width:auto;padding:0 var(--s2);font-size:var(--t5)}
.cnav button:hover{border-color:var(--purple);color:var(--purple)}
.clabel{font-size:var(--t4);font-weight:800;letter-spacing:-.01em}
.cmodes{display:flex;gap:var(--s0);background:var(--bg-soft);padding:var(--s0);border-radius:var(--rd3)}
.cmode{padding:var(--s1) var(--s2);border-radius:var(--rd2);font-size:var(--t5);font-weight:600;color:var(--tx-mut)}
.cmode.on{background:var(--white);color:var(--ink);box-shadow:var(--sh-sm)}

/* יומן — חודש */
.mgrid-head{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--s0);margin-bottom:var(--s0)}
.mdow{text-align:center;font-size:var(--t6);font-weight:700;color:var(--tx-mut)}
.mgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--s0)}
.mcell{min-height:104px;background:var(--white);border:1px solid rgba(23,18,58,.07);border-radius:var(--rd3);
  padding:var(--s1);cursor:pointer;transition:.14s var(--ease);overflow:hidden}
.mcell.out{background:var(--bg-soft);opacity:.55}
.mcell.wknd{background:rgba(23,18,58,.03)}
.mcell.today{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal-soft)}
.mc-h{display:flex;align-items:center;gap:var(--s0);margin-bottom:var(--s0)}
.mc-n{font-family:var(--mono);font-size:var(--t5);font-weight:700;color:var(--ink-sec)}
.mcell.today .mc-n{color:var(--tx-ok)}
.cev{font-size:var(--t6);font-weight:700;padding:2px var(--s0);border-radius:var(--rd1);
  background:var(--amber-soft);color:#8a6410;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.cev.hol{background:var(--coral-soft);color:var(--tx-bad)}
.mc-items{display:flex;flex-direction:column;gap:2px}
.cchip{display:block;font-size:var(--t6);font-weight:600;padding:2px var(--s1);border-radius:var(--rd1);
  background:color-mix(in srgb,var(--cc) 12%,white);color:var(--ink);border-inline-start:2px solid var(--cc);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.cchip.cchip-m{background:color-mix(in srgb,var(--cc) 22%,white)}
.cchip b{font-family:var(--mono);font-weight:700}
.cchip.done{opacity:.5;text-decoration:line-through}
.cmore{font-size:var(--t6);color:var(--tx-mut);padding-inline-start:var(--s0)}

/* יומן — באנר תאריך מיוחד */
.dbanner{display:flex;flex-wrap:wrap;gap:var(--s1);margin-bottom:var(--s2)}

/* פעמון התראות */
.bell-wrap{position:relative}
.bell{position:relative;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--bg-soft);transition:.16s var(--ease)}
.bell:hover{background:var(--white);box-shadow:var(--sh-sm)}
.bell svg{width:19px;height:19px;fill:none;stroke:var(--ink-sec);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bell.has svg{stroke:var(--purple)}
.bell-b{position:absolute;top:5px;inset-inline-end:5px;min-width:16px;height:16px;padding:0 var(--s0);border-radius:99px;background:var(--coral);color:#fff;font-family:var(--mono);font-size:var(--t6);font-weight:700;display:grid;place-items:center}
.notif-panel{display:none;position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:60;width:340px;max-height:440px;overflow:auto;background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh)}
.notif-panel.open{display:block}
.np-h{display:flex;align-items:center;justify-content:space-between;padding:var(--s2) var(--s3);border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--white)}
.np-h b{font-size:var(--t4);font-weight:800}
.np-clear{font-size:var(--t5);font-weight:600;color:var(--purple)}
.np-empty{padding:var(--s4) var(--s3);text-align:center;color:var(--tx-mut);font-size:var(--t5)}
.nrow{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-bottom:1px solid var(--line)}
.nrow:last-child{border-bottom:none}
.nrow.late{background:var(--coral-soft)}
.nrow.meet{background:var(--purple-soft)}
.n-ic{width:30px;height:30px;border-radius:9px;background:var(--white);display:grid;place-items:center;flex-shrink:0;border:1px solid var(--line)}
.n-ic svg{width:15px;height:15px;fill:none;stroke:var(--ink-sec);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.n-body{flex:1;display:flex;flex-direction:column;min-width:0;cursor:pointer}
.n-body b{font-size:var(--t5);font-weight:600;line-height:1.35}
.n-body em{font-style:normal;font-size:var(--t5);color:var(--tx-mut)}
.n-acts{display:flex;gap:var(--s0);flex-shrink:0}
.n-acts button{width:26px;height:26px;border-radius:8px;background:var(--white);border:1px solid var(--line);font-size:var(--t5)}
.n-acts button:hover{background:var(--bg-soft)}

/* טוסטים */
.toast-wrap{position:fixed;bottom:22px;inset-inline-start:22px;z-index:200;display:flex;flex-direction:column;gap:var(--s1)}
.toast{display:flex;align-items:center;gap:var(--s2);background:var(--navy);color:#fff;padding:var(--s2) var(--s3);border-radius:14px;box-shadow:0 12px 32px -10px rgba(23,16,64,.55);max-width:340px;animation:tin .3s var(--ease)}
.toast.out{opacity:0;transform:translateY(8px);transition:.4s var(--ease)}
.toast .t-ic{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.12);display:grid;place-items:center;flex-shrink:0}
.toast .t-ic svg{width:16px;height:16px;fill:none;stroke:#9BE7D4;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.toast b{font-size:var(--t5);font-weight:700;display:block}
.toast em{font-style:normal;font-size:var(--t5);color:rgba(255,255,255,.6)}
@keyframes tin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.chkline{display:flex;align-items:center}.chkline label{display:flex;align-items:center;gap:var(--s1);font-size:var(--t5);cursor:pointer}
.mt-warn{color:var(--tx-bad);font-size:var(--t5);font-weight:600;padding:0 var(--s0) var(--s1);min-height:6px}

@media(max-width:820px){ .mcell{min-height:70px} .tb-nl{min-width:100%;order:3} }

/* ═══ שורת בקרה אחת ═══
   קודם: כותרת + שני מתגים · שורת כתיבה + שני כפתורים · שלושה תפריטים + מקרא · סרגל יומן.
   עכשיו: הכול בשורה אחת, והיומן שומר את הסרגל שלו בלבד. */
.tbar{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap;background:var(--white);
  border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-sm);
  padding:var(--s1) var(--s2);margin-bottom:var(--s2)}
.tb-mode{flex-shrink:0}
.tb-nl{flex:1;min-width:260px;display:flex;align-items:center;gap:var(--s1);
  background:var(--bg-soft);border-radius:var(--rdp);padding:var(--s0) var(--s0) var(--s0) var(--s2)}
.tb-nl>svg{width:17px;height:17px;fill:none;stroke:var(--purple);stroke-width:2;stroke-linecap:round;
  flex-shrink:0;margin-inline-start:var(--s2)}
.tb-nl input{flex:1;border:none;outline:none;background:none;font-size:var(--t5);color:var(--ink);min-width:0}
.tb-nl input::placeholder{color:var(--tx-mut)}
.tb-go{flex-shrink:0;background:var(--grad-btn);color:#fff;font-size:var(--t5);font-weight:700;
  padding:var(--s1) var(--s3);border-radius:var(--rdp)}
/* חיפוש · מובחן במכוון משורת הכתיבה — אפור, זכוכית מגדלת, בלי כפתור */
.tb-find{display:flex;align-items:center;gap:var(--s1);flex-shrink:0;width:170px;
  height:36px;padding:0 var(--s2);border-radius:var(--rd2);border:1px solid var(--line);
  background:var(--white);transition:.15s var(--ease)}
.tb-find:focus-within, .tb-find.on{border-color:var(--purple)}
.tb-find>svg{width:15px;height:15px;fill:none;stroke:var(--ink-mut);stroke-width:2.2;
  stroke-linecap:round;flex-shrink:0}
.tb-find.on>svg{stroke:var(--purple)}
.tb-find input{flex:1;min-width:0;border:none;outline:none;background:none;
  font-size:var(--t5);color:var(--ink)}
.tb-x{flex-shrink:0;font-size:var(--t5);color:var(--tx-mut);line-height:1}
.tb-x:hover{color:var(--tx-bad)}
.tfound{font-size:var(--t5);color:var(--ink-sec);padding:0 var(--s1) var(--s2)}
.tfound b{color:var(--ink);font-weight:800}
.tb-add .fhead{gap:var(--s0)}
.tb-plus{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.fsep{height:1px;background:var(--line);margin:var(--s0) 0}

/* עומס + ריטואל */
.wlstrip{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap;margin-bottom:0;
  background:var(--white);border:1px solid var(--line);border-radius:var(--rd3);padding:var(--s1) var(--s2)}
.wl-lb{font-size:var(--t5);font-weight:700;color:var(--tx-mut)}
.wl{display:inline-flex;align-items:center;gap:var(--s1);padding:var(--s1) var(--s2);
  border-radius:var(--rdp);border:1px solid var(--line);background:var(--white);font-size:var(--t5);font-weight:600;box-shadow:none}
.wl-v{font-family:var(--mono);color:var(--tx-mut)}
.wl.busy{border-color:rgba(242,179,61,.4)}.wl.busy .wl-v{color:var(--tx-warn)}
.wl.over{border-color:rgba(242,85,91,.4);background:var(--coral-soft)}.wl.over .wl-v{color:var(--tx-bad)}
.dfit{flex:1;min-width:260px;background:var(--white);border:1px solid var(--line);
  border-radius:var(--rd3);box-shadow:none;padding:var(--s2) var(--s3);margin-bottom:0}
.dfit-h{display:flex;align-items:baseline;gap:var(--s1);margin-bottom:var(--s1)}
.dfit-h b{font-size:var(--t4);font-weight:800}.dfit-h span{font-size:var(--t5);color:var(--tx-mut)}
.dfit-bar{height:7px;border-radius:var(--rdp);background:var(--bg-soft);overflow:hidden}
.dfit-bar i{display:block;height:100%;border-radius:var(--rdp);background:var(--grad-btn)}
.dfit.full .dfit-bar i{background:var(--amber)}
.dfit.over .dfit-bar i{background:var(--coral)}

/* רשת-זמן */
.hgwrap{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--sh-sm);overflow:auto;max-height:72vh}
.hgrid{display:grid;min-width:640px}
.hg-corner{position:sticky;top:0;background:var(--bg-soft);border-bottom:1px solid var(--line);
  border-inline-end:1px solid var(--line);z-index:2}
.hg-corner.sm{position:static;font-size:var(--t6);font-weight:700;color:var(--tx-mut);
  display:grid;place-items:center;padding:var(--s0)}
.hg-colh{position:sticky;top:0;background:var(--bg-soft);border-bottom:1px solid var(--line);
  border-inline-end:1px solid var(--line);padding:var(--s1) var(--s0);text-align:center;
  font-size:var(--t5);font-weight:700;color:var(--ink-sec);z-index:2;cursor:pointer}
.hg-colh.today{color:var(--tx-ok);background:var(--teal-soft)}
.hg-colh.wknd{background:rgba(23,18,58,.05)}
.hg-allday{border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line);
  padding:var(--s0);display:flex;flex-direction:column;gap:2px;min-height:26px}
.hg-hr{font-family:var(--mono);font-size:var(--t6);color:var(--tx-mut);text-align:center;
  padding:var(--s0) 2px;border-inline-end:1px solid var(--line);border-bottom:1px solid rgba(23,18,58,.04)}
.hg-cell{border-inline-end:1px solid var(--line);border-bottom:1px solid rgba(23,18,58,.04);
  min-height:40px;padding:2px;display:flex;flex-direction:column;gap:2px;cursor:pointer;transition:.12s}
.hg-cell:hover{background:var(--bg-soft)}
.hg-cell.wknd{background:rgba(23,18,58,.02)}
.hgi{font-size:var(--t6);font-weight:600;padding:2px var(--s1);border-radius:var(--rd1);
  background:color-mix(in srgb,var(--cc) 14%,white);border-inline-start:2px solid var(--cc);
  color:var(--ink);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hgi.cchip-m{background:color-mix(in srgb,var(--cc) 24%,white)}
.hgi b{font-family:var(--mono)}
/* המשך פגישה לתוך השעה הבאה — הבלוק נקרא כגוש אחד רציף */
.hgi.cont{min-height:14px;border-radius:0;opacity:.7;margin-top:-2px}
.hg-cell.busy{background:rgba(23,18,58,.02)}

/* שדות מוסתרים בטופס — קיימים, רק לא בפנים */
.more-f{grid-column:1/-1;border-top:1px solid var(--line);padding-top:var(--s2);margin-top:var(--s0)}
.more-f summary{font-size:var(--t5);font-weight:700;color:var(--purple);cursor:pointer;
  padding:var(--s0) 0;list-style:none}
.more-f summary::-webkit-details-marker{display:none}
.more-f summary::before{content:'+ ';font-weight:800}
.more-f[open] summary::before{content:'− '}
.more-f .grid2{margin-top:var(--s2)}

/* מצא זמן */
.findtime{display:inline-flex;align-items:center;gap:var(--s1);width:100%;justify-content:center;padding:var(--s2);border-radius:var(--rd3);border:1px dashed var(--line);background:var(--bg-soft);font-size:var(--t5);font-weight:700;color:var(--purple)}
.findtime:hover{border-color:var(--purple);background:var(--purple-soft)}
.findtime svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}

/* ═══════════════════════════════════════════
   משימות ויומן · שכבת ליטוש אחת ואחרונה
   קודם היו כאן ארבעה סבבים שנערמו זה על זה עם !important —
   כל אחד ביטל את קודמו, ולכן היו 14 גדלי טקסט ו-24 רדיוסים באותו מסך.
   הכול אוחד לכאן, על טוקנים בלבד.
   ═══════════════════════════════════════════ */
.qcol{max-width:860px;margin-inline:auto}

/* אזור — כותרת שקטה, בלי קופסה */
.qsec{background:transparent;border:none;box-shadow:none;padding:0;margin-bottom:var(--s4)}
.qsec.qs-far{border:none}
.qh{display:flex;align-items:center;gap:var(--s1);padding:0 var(--s1) var(--s1);border:none}
.qh h3{font-size:var(--t5);font-weight:800;letter-spacing:.04em;color:var(--tx-mut)}
.qs-late .qh h3{color:var(--tx-bad)}
.qs-today .qh h3{color:var(--tx-ok)}
.qs-late .qn{background:var(--coral);color:#fff}
.qs-today .qn{background:var(--teal-soft);color:var(--tx-ok)}

/* שורה — שלוש רמות: באיחור בולטת · היום רגילה · בהמשך רגועה */
/* ── צפיפות רשימה ──
   ריווח של var(--s2) מכל צד נתן שורה בגובה ~89 פיקסלים, ומתוך
   26 משימות נראו ארבע. רשימת עבודה צריכה שתראה את הערימה,
   לא שתגלול אליה. */
.qrow{display:flex;align-items:center;gap:var(--s2);
  padding:var(--s1) var(--s2);border-radius:var(--rd2);
  border:none;position:relative;cursor:pointer;transition:.14s var(--ease)}
.qrow+.qrow{border-top:1px solid rgba(23,18,58,.06)}
.qrow:hover{background:var(--white);box-shadow:var(--sh-sm);border-top-color:transparent}
.qrow.done{opacity:.6}
.qrow.done .q-body b{text-decoration:line-through}

.q-cb{width:19px;height:19px;accent-color:var(--teal);flex-shrink:0;cursor:pointer}
/* ── תיבת הבחירה · מופיעה רק כשצריך ──
   שני ריבועים לבנים זהים בשורה הם חידה, לא ממשק. התיבה הזו
   שקופה כברירת מחדל ומקבלת מסגרת רק במעבר עכבר, במיקוד
   מקלדת, או כשכבר יש בחירה פעילה בטבלה. */
.q-pick{width:17px;height:17px;border-radius:var(--rd0);border:1.5px solid transparent;
  background:none;display:grid;place-items:center;flex-shrink:0;cursor:pointer;
  font-size:var(--t6);font-weight:800;color:transparent;transition:.13s var(--ease)}
.qrow:hover .q-pick,
.q-pick:focus-visible,
.q-pick.live{border-color:var(--line);background:var(--white)}
.qrow:hover .q-pick:hover,
.q-pick.live:hover{border-color:var(--purple)}
.q-pick.on{background:var(--purple);border-color:var(--purple);color:#fff}
.q-pick.off{border-color:transparent;background:none;cursor:default}
.qh-pick{margin-inline-end:var(--s0)}
.qrow.row-sel{background:var(--purple-soft)}
.qblk{margin-bottom:var(--s2);position:sticky;top:var(--s1);z-index:5}
.q-mtg, .q-ic{width:28px;height:28px;border-radius:var(--rd2);display:grid;place-items:center;flex-shrink:0}
.q-mtg{background:color-mix(in srgb,var(--cc) 22%,white)}
.q-mtg svg{width:14px;height:14px;fill:none;stroke:var(--cc);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.q-ic{background:color-mix(in srgb,var(--cc) 13%,white)}
.q-ic svg{width:15px;height:15px;fill:none;stroke:color-mix(in srgb,var(--cc) 65%,var(--ink-sec));stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.q-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.q-body b{font-size:var(--t4);font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;display:flex;align-items:center;gap:var(--s1)}
.qrow.hi .q-body b::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--coral);flex-shrink:0}
.q-body em{font-style:normal;font-size:var(--t5);color:var(--tx-mut);display:flex;align-items:center;gap:var(--s0);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.q-ent{color:var(--purple);font-weight:600;cursor:pointer}
.q-ent:hover{text-decoration:underline}
.q-sep{font-style:normal;opacity:.4}

.q-side{display:flex;align-items:center;gap:var(--s2);flex-shrink:0}
.q-time{font-family:var(--mono);font-size:var(--t5);font-weight:700;color:var(--ink-sec);background:none;padding:0}
.q-owner{display:flex;align-items:center;gap:var(--s0);font-size:var(--t5);font-weight:600;color:var(--tx-mut);padding:0}
.q-late{font-size:var(--t6);font-weight:700;color:var(--tx-bad);background:var(--coral-soft);
  padding:var(--s0) var(--s1);border-radius:var(--rdp);white-space:nowrap}
.q-actions{position:absolute;inset-inline-start:var(--s1);top:50%;transform:translateY(-50%);
  display:flex;align-items:center;gap:var(--s0);opacity:0;background:var(--white);
  padding-inline:var(--s1);border-radius:var(--rd1);transition:opacity .14s}
.qrow:hover .q-actions{opacity:1}
.qdone{background:transparent;border:none;box-shadow:none;padding:0;margin-bottom:var(--s4)}
.qdone summary{padding:var(--s1)}

/* רצועה עליונה — היום שלך + עומס */
.qtop{display:flex;gap:var(--s2);flex-wrap:wrap;align-items:stretch;margin-bottom:var(--s4)}
.dfit-h b{font-size:var(--t5)}.dfit-h span{font-size:var(--t5)}

/* «הצג הכול» · חזרה · ובורר העימוד בתוך קבוצה פתוחה */
.qmore{display:block;width:100%;margin-top:var(--s1);padding:var(--s1);border-radius:var(--rd2);
  background:var(--bg-soft);color:var(--purple);font-size:var(--t5);font-weight:700;transition:.14s var(--ease)}
.qmore:hover{background:var(--purple-soft)}
.qless{margin-inline-start:auto;font-size:var(--t6);font-weight:700;color:var(--tx-mut);
  background:var(--bg-soft);padding:var(--s0) var(--s1);border-radius:var(--rdp)}
.qless:hover{color:var(--purple);background:var(--purple-soft)}
.qsec.q-open{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--sh-sm);padding:var(--s2) var(--s2) var(--s1)}
.qsec.q-open .qh{padding:0 var(--s1) var(--s1)}
.qsec.q-open .pgr{margin-top:var(--s1)}

/* העברת אחראי בלחיצה על שם הנציג */
.q-own-d{position:relative;display:inline-flex}
.q-own-d .q-owner{cursor:pointer;border-radius:var(--rdp);padding:2px var(--s1);transition:.14s var(--ease)}
.q-own-d .q-owner:hover{background:var(--bg-soft)}
.q-own-d .fmenu{min-width:150px}

/* פגישות שעברו ולא נסגרו */
.pmw{background:var(--amber-soft);border:1px solid rgba(242,179,61,.4);border-radius:var(--rd3);
  padding:var(--s2) var(--s3);margin-bottom:var(--s4)}
.pmw-h{display:flex;align-items:baseline;gap:var(--s1);flex-wrap:wrap;margin-bottom:var(--s1)}
.pmw-h b{font-size:var(--t5);font-weight:800;color:var(--tx-warn)}
.pmw-h span{font-size:var(--t5);color:var(--tx-mut)}
.pmw-r{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap;padding:var(--s1) 0}
.pmw-r+.pmw-r{border-top:1px solid rgba(242,179,61,.3)}
.pmw-d{font-family:var(--mono);font-size:var(--t5);font-weight:700;color:var(--ink-sec);flex-shrink:0}
.pmw-c{font-size:var(--t5);font-weight:700;color:var(--purple);cursor:pointer;flex-shrink:0}
.pmw-c:hover{text-decoration:underline}
.pmw-c.off{color:var(--tx-mut);font-weight:500;cursor:default}
.pmw-t{flex:1;min-width:120px;font-size:var(--t5);font-weight:600;color:var(--ink);cursor:pointer;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pmw-t:hover{text-decoration:underline;color:var(--purple)}
.pm-more{background:rgba(255,255,255,.6);margin-top:var(--s2)}
.pm-more:hover{background:var(--white)}
.pmw .pgr{border-top:1px solid rgba(242,179,61,.3);margin-top:var(--s1)}
.pmw-b{display:flex;gap:var(--s0);flex-shrink:0}
.pmw-b button{font-size:var(--t6);font-weight:700;padding:var(--s1) var(--s2);border-radius:var(--rdp);
  background:var(--white);border:1px solid var(--line);color:var(--ink-sec);transition:.14s var(--ease)}
.pmw-b button:hover{border-color:var(--purple);color:var(--purple)}

/* קפיצה לחודש ולשנה */
.cpick .fhead{border:none;background:none;padding:0 var(--s1);height:auto;font-size:var(--t4);font-weight:800}
.cpick .fhead:hover{background:var(--bg-soft);border-radius:var(--rd2)}
.cpick-m{min-width:250px;padding:var(--s2)}
.cpy{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s1)}
.cpy b{font-family:var(--mono);font-size:var(--t4);font-weight:700}
.cpy button{width:28px;height:28px;border-radius:var(--rd1);background:var(--bg-soft);
  color:var(--ink-sec);font-weight:700;font-size:var(--t5)}
.cpy button:hover{background:var(--purple-soft);color:var(--purple)}
.cpg{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s0)}
.cpm{padding:var(--s1) var(--s0);border-radius:var(--rd1);font-size:var(--t5);font-weight:600;
  color:var(--ink-sec);transition:.13s var(--ease)}
.cpm:hover{background:var(--bg-soft)}
.cpm.now{color:var(--tx-ok);font-weight:700}
.cpm.on{background:var(--grad-btn);color:#fff;font-weight:700}

/* התראת «הוקצה לך» */
.nrow.assign{background:var(--purple-soft)}
.nrow.assign .n-ic svg{stroke:var(--purple)}

/* קו «עכשיו» ברשת הזמן */
.hg-cell.now{box-shadow:inset 0 2px 0 var(--coral)}
.nowline{display:block;height:2px;background:var(--coral);border-radius:2px;margin:-2px -2px 2px}

/* יומן — צ׳יפים חדים ורשת שקטה */
.mcell:hover{box-shadow:none;border-color:var(--purple)}
.cmodes, .cnav button{box-shadow:none}
.cmode.on{box-shadow:var(--sh-sm)}

/* ═══════════════════════════════════════════════════════════
   דשבורד — יובא מילה-במילה מהקובץ הנפרד v12 (scoped ל-.dash)
   ═══════════════════════════════════════════════════════════ */
.dash{
  --money:#6E2AEA;--good:#00B894;--vol:#3D6BFF;--warn:#F2B33D;--bad:#F2555B;
--ink:#16123A;--ink2:#565073;--ink3:#8A85A4;--line:rgba(22,18,58,.10);--bg:#F4F4F9;--sf:#fff;
--r:10px}
.main.dash-wide{padding:var(--s3)}
.dash .ynav{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);border-bottom:1px solid var(--line);margin-bottom:var(--s3)}
.dash .ytabs{display:flex;gap:2px;overflow-x:auto}
.dash .ytab{padding:var(--s1) var(--s2);font-size:var(--t5);font-weight:600;color:var(--ink3);white-space:nowrap;border-bottom:2px solid transparent;cursor:pointer;transition:.15s}
.dash .ytab:hover{color:var(--ink)}
.dash .ytab.on{color:var(--ink);font-weight:700;border-bottom-color:var(--money)}
.dash .ytab.soon{opacity:.4}
.dash .per{display:flex;background:none;border:none;border-radius:0;overflow:visible;margin-bottom:var(--s0);flex-shrink:0}
.dash .per b{padding:var(--s1) var(--s2);font-size:var(--t6);font-weight:600;color:var(--ink3);border-inline-start:1px solid var(--line);cursor:pointer}
.dash .per b:first-child{border:none}
.dash .per b:hover{background:var(--bg)}
.dash .per b.on{background:var(--ink);color:#fff}
.dash /* שורת מדדים */
.kr{display:grid;grid-template-columns:1.3fr .95fr 1.15fr 3.2fr;gap:var(--s1);margin-bottom:var(--s1)}
@media(max-width:1400px){.dash .kr{grid-template-columns:1fr 1fr}
  .dash .kr>.m5{grid-column:1/-1}}
.dash .hero{border-radius:var(--rd3);padding:var(--s3) var(--s4);color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:146px;box-shadow:0 12px 30px -16px rgba(23,18,58,.45)}
.dash .hero::after{content:'';position:absolute;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.08);top:-96px;inset-inline-start:-46px}
.dash .hero.m{background:linear-gradient(140deg,#7B3BF0,#5A1EC3)}
.dash .hero.g{background:linear-gradient(140deg,#00C79E,#00997A)}
.dash .hero.v{background:linear-gradient(140deg,#4E7BFF,#2B4FD1)}
.dash .hero.w{background:linear-gradient(140deg,#F5B94E,#D68F16)}
.dash .hero.r{background:linear-gradient(140deg,#F4676D,#CE2F36)}
.dash .hl{font-size:var(--t6);font-weight:600;color:rgba(255,255,255,.85);position:relative;letter-spacing:.01em}
.dash .hv{font-weight:800;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums;position:relative;margin:var(--s0) 0}
.dash .hero.m .hv{font-size:var(--t0)}
.dash .hero.g .hv{font-size:var(--t1)}
.dash .hf{display:flex;align-items:center;justify-content:space-between;gap:var(--s1);position:relative}
.dash .hp{background:rgba(255,255,255,.2);border-radius:var(--rdp);padding:2px var(--s1);font-size:var(--t7);font-weight:700}
.dash .hs{font-size:var(--t6);color:rgba(255,255,255,.78)}
.dash .sp{width:70px;height:20px}
.dash /* מד בריאות */
.hc{background:var(--sf);border:1px solid var(--line);border-radius:var(--r);padding:var(--s2) var(--s2);display:flex;align-items:center;gap:var(--s2);min-height:112px}
.dash .gw{position:relative;flex-shrink:0;width:76px;cursor:help}
.dash .gsv{width:76px;height:76px;display:block}
.dash .gc{position:absolute;inset:0;display:grid;place-items:center}
.dash .gv{font-size:var(--t2);font-weight:800;font-variant-numeric:tabular-nums}
.dash .glg{flex:1;display:flex;flex-direction:column;gap:var(--s0);min-width:0}
.dash .gl{display:flex;justify-content:space-between;gap:var(--s1);font-size:var(--t7);color:var(--ink3);border-bottom:1px dashed var(--line);padding-bottom:2px}
.dash .gl b{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}
.dash /* 5 מדדים */
.m5{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.dash .mini{background:var(--sf);padding:var(--s2) var(--s2);display:flex;flex-direction:column;justify-content:center;border-top:2px solid transparent}
.dash .mini.v{border-top-color:var(--vol)}
.dash .mini.g{border-top-color:var(--good)}
.dash .mini.w{border-top-color:var(--warn)}
.dash .mini.m{border-top-color:var(--money)}
.dash .mini.r{border-top-color:var(--bad)}
.dash .ml{font-size:var(--t6);color:var(--ink3);font-weight:600;margin-bottom:var(--s0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash .mv{font-size:var(--t2);font-weight:800;letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums}
.dash .mf{display:flex;align-items:center;gap:var(--s0);margin-top:var(--s0);min-height:14px}
.dash .dl{font-size:var(--t7);font-weight:700}
.dash .dl.u{color:#008E73}
.dash .dl.d{color:var(--bad)}
.dash .yms{font-size:var(--t7);color:var(--ink3)}
.dash .ai{display:flex;gap:var(--s1);align-items:center;background:var(--sf);border:1px solid var(--line);border-inline-start:3px solid var(--money);border-radius:var(--r);padding:var(--s1) var(--s2);margin-bottom:var(--s1)}
.dash .ai .ic{width:19px;height:19px;border-radius:var(--rd1);background:rgba(110,42,234,.1);color:var(--money);display:grid;place-items:center;font-size:var(--t7);flex-shrink:0}
.dash .ai p{font-size:var(--t5);line-height:1.5;color:var(--ink2)}
.dash .ai b{color:var(--ink);font-weight:700}
.dash .g2{display:grid;grid-template-columns:2.15fr 1fr;gap:var(--s1);margin-bottom:var(--s1)}
.dash .gA{display:grid;grid-template-columns:1fr 1.55fr;gap:var(--s1);margin-bottom:var(--s1)}
.dash .gB{display:grid;grid-template-columns:1.75fr 1fr;gap:var(--s1);margin-bottom:var(--s1)}
@media(max-width:1100px){.dash .gA, .dash .gB{grid-template-columns:1fr}}
@media(max-width:1400px){.dash .g2{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.dash .g2{grid-template-columns:1fr}}
.dash .c{background:var(--sf);border:1px solid var(--line);border-radius:var(--rd3);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s;min-width:0}
.dash .c:hover{box-shadow:0 4px 14px -8px rgba(22,18,58,.2)}
.dash .ch{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2);padding:var(--s3) var(--s3) var(--s2);border-bottom:1px solid var(--line);flex-wrap:wrap}
.dash .ct{font-size:var(--t4);font-weight:700;color:var(--ink);letter-spacing:-.015em;line-height:1.3}
.dash .cs{font-size:var(--t6);color:var(--ink3);font-weight:500;line-height:1.45;flex:1;min-width:0;text-align:start}
.dash .cb{padding:var(--s3);flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0;min-width:0}
.dash .ytk{display:flex;gap:var(--s2);align-items:flex-start;background:#FAFAFC;border-top:1px solid var(--line);padding:var(--s2) var(--s3);font-size:var(--t6);color:var(--ink2);line-height:1.55}
.dash .ytk::before{content:'';width:2px;align-self:stretch;min-height:14px;background:var(--good);border-radius:var(--rd0);flex-shrink:0}
.dash .ytk b{color:var(--ink);font-weight:700}
.dash .yat{display:flex;align-items:center;gap:var(--s1);padding:var(--s1) 0;border-bottom:1px solid var(--line);font-size:var(--t5);cursor:pointer}
.dash .yat:last-of-type{border-bottom:none}
.dash .yat:hover .ax{color:var(--ink)}
.dash .an{width:25px;height:25px;border-radius:var(--rd1);display:grid;place-items:center;font-weight:800;font-size:var(--t6);flex-shrink:0}
.dash .yat.bad .an{background:rgba(242,85,91,.12);color:var(--bad)}
.dash .yat.warn .an{background:rgba(242,179,61,.17);color:#B27C0C}
.dash .yat.info .an{background:rgba(61,107,255,.1);color:var(--vol)}
.dash .ax{flex:1;color:var(--ink2);font-weight:600;line-height:1.35}
.dash .ag{font-size:var(--t6);color:var(--ink3)}
.dash .yfs{width:100%;height:186px;display:block}
.dash .fx{fill:#fff;font-size:var(--t6);font-weight:700;text-anchor:middle;font-family:'Heebo'}
.dash .fxv{fill:rgba(255,255,255,.95);font-size:var(--t5);font-weight:800;text-anchor:middle;font-family:'Heebo'}
.dash .fpc{fill:var(--ink3);font-size:var(--t7);font-weight:700;text-anchor:end;font-family:'Heebo'}
.dash .fpc.lo{fill:var(--bad)}
.dash /* רשימת ערוצים מדורגת */
.yrk{display:flex;flex-direction:column;gap:var(--s2)}
.dash .rkr{display:grid;grid-template-columns:74px 1fr 52px;align-items:center;gap:var(--s2);cursor:default}
.dash .rkc{font-size:var(--t7);font-weight:800;padding:2px var(--s1);border-radius:var(--rdp);font-variant-numeric:tabular-nums;min-width:36px;text-align:center}
.dash .rkc.g{background:rgba(0,184,148,.13);color:#008E73}
.dash .rkc.n{background:#F1F0F7;color:var(--ink3)}
.dash .rkr:hover .rkb i{filter:brightness(1.07)}
.dash .rkl{font-size:var(--t6);font-weight:600;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash .rkb{height:22px;background:#F4F3F9;border-radius:var(--rd1);overflow:hidden}
.dash .rkb i{display:block;height:100%;border-radius:var(--rd1);transition:width .7s cubic-bezier(.22,1,.32,1)}
.dash .rkv{font-size:var(--t5);font-weight:800;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;text-align:left}
.dash .rkv em{font-style:normal;font-weight:600;color:var(--ink3);font-size:var(--t7);margin-inline-start:var(--s0)}
.dash .rka{display:flex;justify-content:space-between;margin-top:var(--s1);padding-inline-start:96px;padding-inline-end:79px;font-size:var(--t7);color:var(--ink3);font-variant-numeric:tabular-nums}
.dash /* ערוצים · 5 עמודות */
.yrk{display:flex;flex-direction:column;gap:var(--s2)}
.dash .rkr{display:grid;grid-template-columns:82px 1fr 58px 44px 64px;align-items:center;gap:var(--s2);cursor:default}
.dash .rkr:hover .rkb i{filter:brightness(1.08)}
.dash .rkl{font-size:var(--t6);font-weight:600;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash .rkb{height:20px;background:#F4F3F9;border-radius:var(--rd1);overflow:hidden}
.dash .rkb i{display:block;height:100%;border-radius:var(--rd1);transition:width .7s cubic-bezier(.22,1,.32,1)}
.dash .rkv{font-size:var(--t5);font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;text-align:left}
.dash .rkc{font-size:var(--t7);font-weight:800;padding:2px 0;border-radius:var(--rdp);text-align:center;font-variant-numeric:tabular-nums}
.dash .rkc.g{background:rgba(0,184,148,.13);color:#008E73}
.dash .rkc.n{background:#F1F0F7;color:var(--ink3)}
.dash .rkn{font-size:var(--t7);color:var(--ink3);text-align:left;font-variant-numeric:tabular-nums}
.dash .rka{display:flex;justify-content:space-between;margin-top:var(--s1);padding-inline-start:92px;padding-inline-end:176px;font-size:var(--t7);color:var(--ink3);font-variant-numeric:tabular-nums}
.dash /* עקומה שעתית + רצועת ימים */
.hrw{width:100%}
.dash .dsl{display:flex;align-items:baseline;justify-content:space-between;margin:var(--s3) 0 var(--s1);padding-top:var(--s2);border-top:1px solid var(--line)}
.dash .dsl span{font-size:var(--t6);font-weight:700;color:var(--ink2)}
.dash .dsl em{font-style:normal;font-size:var(--t7);color:var(--ink3)}
.dash .dst{display:flex;gap:var(--s1);align-items:flex-end}
.dash .dsb{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--s0);cursor:default}
.dash .dsb b{font-size:var(--t7);font-weight:800;color:var(--ink2);font-variant-numeric:tabular-nums}
.dash .dsc{width:100%;height:30px;background:#F4F3F9;border-radius:var(--rd1);display:flex;align-items:flex-end;overflow:hidden}
.dash .dsc i{width:100%;background:var(--vol);border-radius:var(--rd1);transition:height .8s cubic-bezier(.22,1,.32,1)}
.dash .dsb em{font-style:normal;font-size:var(--t7);font-weight:700;color:var(--ink3)}
.dash .dsb.q b{color:var(--ink3)}
.dash .dsb.q .dsc i{background:#C9D6FF}
.dash /* מטריצה (לא בשימוש במסך זה) */
.wk{display:grid;grid-template-columns:78px repeat(7,1fr) 58px;gap:var(--s0);align-items:center}
.dash .dr{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s1)}
.dash .drc{background:var(--sf);border:1px solid var(--line);border-radius:var(--r);padding:var(--s2) var(--s2);cursor:pointer;transition:.18s;display:flex;align-items:center;gap:var(--s2)}
.dash .drc:hover{border-color:var(--money);transform:translateY(-2px)}
.dash .dri{width:29px;height:29px;border-radius:var(--rd1);background:var(--bg);display:grid;place-items:center;flex-shrink:0}
.dash .dri svg{width:15px;height:15px;fill:none;stroke:var(--money);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dash .drt{font-size:var(--t5);font-weight:700}
.dash .drs{font-size:var(--t7);color:var(--ink3);margin-top:1px}
.dash .yrv{opacity:0;animation:rise .5s cubic-bezier(.22,1,.32,1) forwards}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.dash .yrv{animation:none;opacity:1}}

/* ── התאמות שילוב במערכת ── */
.main.dash-wide{max-width:1560px;margin-inline:auto}
.dash svg{max-width:none;max-height:none;flex-shrink:1}
.dash canvas{max-width:100%}
.dash button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
.dash table{width:auto}
.dash tbody tr{cursor:default}
.dash tbody tr[onclick]{cursor:pointer}

/* ── רכיבים שאין ב-v12 (טבלה, שלבים, התקדמות, snapshot, רשתות נוספות) ── */
.dash .kr4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s1);margin-bottom:var(--s1)}
.dash .kr5{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s1);margin-bottom:var(--s1)}
.dash .g11{display:grid;grid-template-columns:1fr 1fr;gap:var(--s1);margin-bottom:var(--s1)}
.dash .g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--s1);margin-bottom:var(--s1)}
@media(max-width:1400px){.dash .kr5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.dash .g11, .dash .g3, .dash .kr4{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.dash .kr4, .dash .kr5, .dash .g11, .dash .g3{grid-template-columns:1fr}}
.dash .m5{display:grid;gap:1px;background:var(--line);border:1px solid rgba(22,18,58,.07);border-radius:var(--rd3);overflow:hidden}
/* טבלה */
.dash .tb-w{width:100%;overflow-x:auto}
.dash .tb{width:100%;border-collapse:collapse;min-width:520px}
.dash .tb th{text-align:right;font-size:var(--t7);font-weight:700;color:var(--ink3);padding:2px var(--s2) var(--s1);border-bottom:2px solid var(--line);white-space:nowrap;font-family:inherit;letter-spacing:0}
.dash .tb th.n{text-align:left}
.dash .tb td{padding:var(--s2);font-size:var(--t6);color:var(--ink2);border-bottom:1px solid var(--line);vertical-align:middle}
.dash .tb tbody tr:hover{background:#FAFAFC}
.dash .tb tr:last-child td{border-bottom:none}
.dash .tb .ynm{font-weight:700;color:var(--ink)}
.dash .tb .n{text-align:left;font-variant-numeric:tabular-nums}
.dash .tb .hero-n{font-size:var(--t5);font-weight:800;color:var(--ink);text-align:left;font-variant-numeric:tabular-nums}
.dash .tb .tot td{border-top:2px solid var(--line);border-bottom:none;font-weight:800;color:var(--ink);background:#FAFAFC}
.dash .mbar{display:inline-block;width:60px;height:7px;border-radius:var(--rdp);background:#F1F0F7;overflow:hidden;vertical-align:middle}
.dash .mbar i{display:block;height:100%;border-radius:var(--rdp)}
.dash .ychip{font-size:var(--t7);font-weight:800;padding:2px var(--s1);border-radius:var(--rdp)}
.dash .ychip.g{background:rgba(0,184,148,.13);color:#008E73}
.dash .ychip.w{background:rgba(242,179,61,.17);color:#B27C0C}
.dash .ychip.r{background:rgba(242,85,91,.12);color:var(--tx-bad)}
.dash .ychip.n{background:#F1F0F7;color:var(--ink3)}
/* פס התקדמות */
.dash .prg{margin-bottom:var(--s2)}.dash .prg:last-child{margin-bottom:0}
.dash .prg-h{display:flex;justify-content:space-between;font-size:var(--t6);color:var(--ink2);margin-bottom:var(--s0)}
.dash .prg-v{font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.dash .prg-t{height:9px;border-radius:var(--rdp);background:#F1F0F7;overflow:hidden}
.dash .prg-t i{display:block;height:100%;border-radius:var(--rdp);background:var(--vol);transition:width .7s cubic-bezier(.22,1,.32,1)}
.dash .prg.ok .prg-t i{background:var(--te)}
/* snapshot */
.dash .snp-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:var(--s1)}
.dash .snp{background:#F7F7FB;border-radius:var(--rd2);padding:var(--s2) var(--s2);border-inline-start:3px solid var(--sc,var(--pu))}
.dash .snp-v{font-size:var(--t2);font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.1}
.dash .snp-l{font-size:var(--t7);color:var(--ink3);margin-top:var(--s0);line-height:1.35}
/* מטריצה (שיווק) */
.dash .wk{display:grid;grid-template-columns:78px repeat(7,1fr) 58px;gap:var(--s0);align-items:center}
/* אירועים */
.dash .ev{display:flex;flex-direction:column}
.dash .ev-r{display:flex;align-items:center;gap:var(--s2);padding:var(--s1) 0;border-bottom:1px solid var(--line)}
.dash .ev-r:last-child{border-bottom:none}
.dash .ev-t{flex-shrink:0;font-size:var(--t7);font-weight:700;color:var(--pu);background:rgba(110,42,234,.09);padding:var(--s0) var(--s1);border-radius:var(--rd1)}
.dash .ev-b b{font-size:var(--t6);font-weight:700;color:var(--ink);display:block}
.dash .ev-b em{font-style:normal;font-size:var(--t7);color:var(--ink3)}
.dash .rkr.rk-clk{cursor:pointer}
.dash .rkr.rk-clk:hover .rkb i{filter:brightness(1.1)}
/* הגנה: מחלקות גלובליות לא יחלחלו לשורות הדשבורד */
.dash .rkr, .dash .rkr *{background-image:none}
.dash .rkr{background:none}
.dash .yempty-s{color:var(--ink3);font-size:var(--t6);text-align:center;padding:var(--s4) 0}
/* ── בורר תקופה מורחב + טווח מותאם אישית ── */
.dash .per-wrap{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap;margin-bottom:var(--s0)}
.dash .per{margin-bottom:0}
@media(max-width:900px){.dash .per-wrap{width:100%}.dash .per{flex-wrap:wrap}}
/* ── בורר טווח זמן בדשבורד (מבוסס סרגל הסינון) ── */
.dash .per-wrap{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap;margin-bottom:var(--s1)}
.dash .dper-d{position:relative}
.dash .dper-d .fhead{display:flex;align-items:center;gap:var(--s1);background:var(--sf);border:1px solid var(--line);border-radius:var(--rd2);padding:var(--s1) var(--s2);cursor:pointer;font-size:var(--t6);color:var(--ink-sec);white-space:nowrap;transition:.15s}
.dash .dper-d .fhead:hover{border-color:var(--pu)}
.dash .dper-d .fh-val{font-weight:700;color:var(--ink)}
.dash .dper-d .fchev{width:13px;height:13px;fill:none;stroke:var(--ink3);stroke-width:2.2;stroke-linecap:round;transition:transform .18s}
.dash .dper-d.open .fchev{transform:rotate(180deg)}
.dash .dper-d .fmenu{display:none;position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:40;min-width:230px;background:var(--sf);border:1px solid var(--line);border-radius:var(--rd2);box-shadow:0 18px 44px -14px rgba(22,18,58,.28);padding:var(--s1);flex-direction:column}
.dash .dper-d.open .fmenu{display:flex}
.dash .dper-d .fo{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);width:100%;padding:var(--s1) var(--s2);border-radius:var(--rd1);font-size:var(--t5);font-weight:600;color:var(--ink-sec);background:none;border:none;cursor:pointer;font-family:inherit;text-align:right}
.dash .dper-d .fo:hover{background:#F6F5FB;color:var(--ink)}
.dash .dper-d .fo.on{color:var(--ink);font-weight:700}
.dash .dper-d .fo-ck{width:14px;height:14px;fill:none;stroke:var(--te);stroke-width:2.6;stroke-linecap:round;opacity:0}
.dash .dper-d .fo.on .fo-ck{opacity:1}
.dash .dper-d .fcust{border-top:1px solid var(--line);margin-top:var(--s0);padding:var(--s1) var(--s2) var(--s0)}
.dash .dper-d .fcust-l{font-size:var(--t7);color:var(--ink3);font-weight:600;display:block;margin-bottom:var(--s1)}
.dash .dper-d .fcust-row{display:flex;align-items:center;gap:var(--s1)}
.dash .dper-d .fcust-row input{flex:1;min-width:0;font-family:inherit;font-size:var(--t7);color:var(--ink);background:#F7F6FB;border:1px solid var(--line);border-radius:var(--rd1);padding:var(--s1) var(--s1);cursor:pointer}
.dash .dper-d .fcust-row input:focus{outline:none;border-color:var(--pu)}
.dash .dper-d .fcust-row span{font-size:var(--t7);color:var(--ink3)}
/* ── הערת בסיס ── */
.dash .note-b{margin-top:var(--s2);padding-top:var(--s1);border-top:1px dashed var(--line);font-size:var(--t7);color:var(--ink3);line-height:1.6}
/* ── כותרת אזור בעמוד הפיננסי ── */
.dash .zh{display:flex;align-items:baseline;gap:var(--s2);margin:var(--s4) 0 var(--s2);padding-bottom:var(--s1);border-bottom:1px solid var(--line);flex-wrap:wrap}
.dash .zh span{font-size:var(--t4);font-weight:800;color:var(--ink);position:relative;padding-inline-start:var(--s2)}
.dash .zh span::before{content:'';position:absolute;inset-inline-start:0;top:52%;transform:translateY(-50%);width:3px;height:14px;border-radius:var(--rd0);background:var(--pu)}
.dash .zh em{font-style:normal;font-size:var(--t6);color:var(--ink3);font-weight:500}
/* תגית אומדן */
.dash .est{font-size:var(--t7);font-weight:700;color:var(--tx-warn);background:rgba(242,179,61,.16);padding:1px var(--s1);border-radius:var(--rdp);margin-inline-start:var(--s0);vertical-align:middle}
/* הזנת הוצאות שיווק */
.dash .spend-e{margin-top:var(--s2);padding-top:var(--s2);border-top:1px dashed var(--line)}
.dash .spend-t{font-size:var(--t7);color:var(--ink3);font-weight:600;margin-bottom:var(--s1)}
.dash .spend-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:var(--s1)}
.dash .spend-i{display:flex;flex-direction:column;gap:var(--s0)}
.dash .spend-i span{font-size:var(--t7);color:var(--ink2);font-weight:600}
.dash .spend-i input{font-family:inherit;font-size:var(--t6);font-weight:700;color:var(--ink);background:#F7F6FB;border:1px solid var(--line);border-radius:var(--rd1);padding:var(--s1) var(--s1);width:100%;font-variant-numeric:tabular-nums}
.dash .spend-i input:focus{outline:none;border-color:var(--pu);background:var(--sf)}
/* ── מהכנסה לרווח · תצוגה קריאה ── */
.dash .pnl{display:flex;flex-direction:column;gap:var(--s2)}
.dash .pnl-top, .dash .pnl-bot{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-radius:var(--rd2)}
.dash .pnl-top{background:rgba(0,184,148,.10);border-inline-start:3px solid var(--te)}
.dash .pnl-bot{background:rgba(110,42,234,.08);border-inline-start:3px solid var(--pu)}
.dash .pnl-lb{font-size:var(--t6);font-weight:700;color:var(--ink2)}
.dash .pnl-n{font-size:var(--t2);font-weight:800;color:var(--ink);margin-inline-start:auto;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.dash .pnl-pct{font-size:var(--t7);color:var(--ink3);font-weight:600;flex-basis:100%;text-align:left;margin-top:-2px}
.dash .pnl-list{display:flex;flex-direction:column;gap:var(--s1);padding:0 var(--s0)}
.dash .pnl-r{display:grid;grid-template-columns:9px 118px 1fr 66px 34px;align-items:center;gap:var(--s1)}
.dash .pnl-d{width:9px;height:9px;border-radius:var(--rd0)}
.dash .pnl-t{font-size:var(--t6);color:var(--ink2);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash .pnl-b{height:9px;background:#F4F3F9;border-radius:var(--rdp);overflow:hidden}
.dash .pnl-b i{display:block;height:100%;border-radius:var(--rdp);transition:width .7s cubic-bezier(.22,1,.32,1)}
.dash .pnl-v{font-size:var(--t6);font-weight:800;color:var(--tx-bad);text-align:left;font-variant-numeric:tabular-nums}
.dash .pnl-p{font-size:var(--t7);color:var(--ink3);text-align:left;font-variant-numeric:tabular-nums}
@media(max-width:900px){.dash .pnl-r{grid-template-columns:9px 1fr 62px}.dash .pnl-b, .dash .pnl-p{display:none}}
/* הזנת הוצאות — מקופל */
.dash details.spend-e summary{cursor:pointer;list-style:none;user-select:none}
.dash details.spend-e summary::-webkit-details-marker{display:none}
.dash details.spend-e summary::before{content:'+ ';font-weight:800;color:var(--pu)}
.dash details.spend-e[open] summary::before{content:'− '}
.dash details.spend-e[open] summary{margin-bottom:var(--s1)}
/* ── כסף שכבר מובטח · שני בלוקים עם ראיות ── */
.dash .sec-w{display:grid;grid-template-columns:1fr 1fr;gap:var(--s1)}
@media(max-width:900px){.dash .sec-w{grid-template-columns:1fr}}
.dash .sec-b{background:#FAFAFE;border:1px solid var(--line);border-radius:var(--rd2);padding:var(--s3) var(--s3) var(--s3);
  border-inline-start:3px solid var(--sc,var(--te));display:flex;flex-direction:column}
.dash .sec-t{display:flex;align-items:center;gap:var(--s1);margin-bottom:var(--s1)}
.dash .secH{font-size:var(--t6);font-weight:700;color:var(--ink);letter-spacing:-.01em}
.dash .sec-tag{font-size:var(--t7);font-weight:700;color:var(--sc);background:color-mix(in srgb,var(--sc) 12%,transparent);border-radius:var(--rd3);padding:2px var(--s1);white-space:nowrap}
.dash .sec-n{font-size:var(--t1);font-weight:800;color:var(--ink);letter-spacing:-.035em;line-height:1.05;font-variant-numeric:tabular-nums}
.dash .sec-n em{font-style:normal;font-size:var(--t7);font-weight:600;color:var(--ink3);margin-inline-start:var(--s1);letter-spacing:0}
.dash .sec-s{font-size:var(--t7);color:var(--ink3);line-height:1.6;margin:var(--s1) 0 var(--s2);padding-bottom:var(--s2);border-bottom:1px solid var(--line)}
.dash .sec-s b{color:var(--ink2);font-weight:700}
.dash .sec-rh, .dash .sec-r{display:grid;grid-template-columns:minmax(64px,auto) 1fr 58px 30px;align-items:center;gap:var(--s1)}
.dash .sec-rh{font-size:var(--t7);font-weight:700;color:var(--ink3);letter-spacing:.02em;margin-bottom:var(--s0)}
.dash .sec-rows{display:flex;flex-direction:column;gap:var(--s1)}
.dash .sec-r{font-size:var(--t7)}
.dash .sec-rl{color:var(--ink2);font-weight:600;white-space:nowrap}
.dash .sec-rb{height:7px;border-radius:var(--rd0);background:rgba(22,18,58,.06);overflow:hidden;display:block}
.dash .sec-rb i{display:block;height:100%;border-radius:var(--rd0);background:var(--sc);animation:sgw .55s cubic-bezier(.22,1,.36,1) both}
.dash .sec-rv{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;text-align:start}
.dash .sec-rn{font-size:var(--t7);font-weight:600;color:var(--ink3);text-align:start;font-variant-numeric:tabular-nums}
.dash .sec-f{margin-top:auto;padding-top:var(--s2);font-size:var(--t7);color:var(--ink3);line-height:1.6}
.dash .sec-f b{color:var(--ink2);font-weight:700}
.dash .sec-f.w b{color:#C9791E}
@keyframes sgw{from{transform:scaleX(0);transform-origin:right}to{transform:scaleX(1);transform-origin:right}}

/* חיווי לחיצות בתוך הדשבורד */
.dash .sec-r.clk{cursor:pointer;border-radius:var(--rd1);margin:-6px;padding:var(--s0);transition:background .14s}
.dash .sec-r.clk:hover{background:rgba(110,42,234,.05)}
.dash .sec-r.clk:hover .sec-rg{opacity:1;transform:translateX(-2px)}
.dash .sec-rg{font-size:var(--t5);color:var(--ink3);opacity:0;transition:.16s;margin-inline-start:-4px}
.dash .snp.clk{cursor:pointer;transition:background .14s,box-shadow .14s}
.dash .snp.clk:hover{background:#F7F5FE;box-shadow:0 2px 10px -4px rgba(23,18,58,.18)}
.dash .snp.clk:hover .sgo{opacity:1}
.dash .sgo{opacity:0;transition:.16s;font-size:var(--t5)}
.dash .tb tbody tr.clk{cursor:pointer;transition:background .14s}
.dash .tb tbody tr.clk:hover{background:#F7F5FE}
.dash .tb tbody tr.clk:hover .tgo{opacity:1;transform:translateX(-2px)}
.dash .tgo{opacity:0;transition:.16s;color:var(--ink3);font-size:var(--t5);margin-inline-start:var(--s1)}

/* ═══ טבלת ההחזר על ההשקעה ═══ */
.dash .roi-t .est{font-size:var(--t7);font-weight:700;color:var(--ink3);background:rgba(22,18,58,.06);border-radius:var(--rd3);padding:1px var(--s1);margin-inline-start:var(--s0)}
.dash .roi-t .est.ok{color:#0E8C79;background:rgba(0,184,148,.13)}
.dash .roi-t .miss{color:var(--ink3);font-weight:500;font-size:var(--t7)}
.dash .roi-b{margin-top:var(--s3);padding-top:var(--s2);border-top:1px solid var(--line)}
.dash .roi-l{color:var(--ink2);font-weight:600;white-space:nowrap}
.dash .roi-v{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;text-align:start}
.dash .spend-n{font-size:var(--t7);color:var(--ink3);line-height:1.6;margin:var(--s1) 0 var(--s2)}

/* ═══ מצב "עוד לא הזנת" ═══ */
.dash .setup-e{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:var(--s4) var(--s4);background:#FAFAFE;border:1px dashed var(--line);border-radius:var(--rd2);min-height:150px}
.dash .setup-i{width:34px;height:34px;border-radius:50%;background:rgba(110,42,234,.09);color:var(--tx-ok);
  display:flex;align-items:center;justify-content:center;font-size:var(--t4);margin:var(--s1)}
.dash .setup-t{font-size:var(--t6);font-weight:700;color:var(--ink);margin-bottom:var(--s0)}
.dash .setup-d{font-size:var(--t7);color:var(--ink3);line-height:1.65;max-width:330px}

/* ═══ רצועת אירועי שיווק מתחת לגרף המגמה ═══ */
.dash .evs-s{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s1);margin-top:var(--s2);padding-top:var(--s2);border-top:1px solid var(--line)}
.dash .evs-t{font-size:var(--t7);font-weight:700;color:var(--ink3);margin-inline-end:var(--s0)}
.dash .evs-i{font-size:var(--t7);color:var(--ink2);background:#F5F3FC;border-radius:var(--rd3);padding:var(--s0) var(--s2);line-height:1.5}
.dash .evs-i b{font-weight:700;color:var(--tx-ok);margin:var(--s0)}

/* ═══ עוטף גרפים · מונע מריחה של העמוד ═══ */
.dash .cvh{position:relative;width:100%;min-width:0;overflow:hidden}
.dash .cvh>canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important;display:block}
.dash .sec-b{min-width:0;overflow:hidden}
.dash .sec-rh, .dash .sec-r{grid-template-columns:minmax(50px,max-content) minmax(24px,1fr) 58px 30px}
.dash .roi-l, .dash .sec-rl{overflow:hidden;text-overflow:ellipsis}

/* ═══ הרכב של שלם · פס אחד ל-100% ═══ */
.dash .cmp-w{width:100%}
.dash .cmp-b{display:flex;height:34px;border-radius:var(--rd1);overflow:hidden;gap:2px;background:transparent}
.dash .cmp-s{display:block;height:100%;transition:filter .15s;animation:sgw .6s cubic-bezier(.22,1,.36,1) both}
.dash .cmp-s:first-child{border-start-start-radius:8px;border-end-start-radius:8px}
.dash .cmp-s:last-child{border-start-end-radius:8px;border-end-end-radius:8px}
.dash .cmp-s.clk{cursor:pointer}
.dash .cmp-s.clk:hover{filter:brightness(1.12)}
.dash .cmp-l{display:flex;flex-direction:column;gap:2px;margin-top:var(--s2)}
.dash .cmp-r{display:grid;grid-template-columns:11px 1fr 44px 34px;align-items:center;gap:var(--s1);
  font-size:var(--t7);padding:var(--s0) var(--s1);border-radius:var(--rd1);transition:background .14s}
.dash .cmp-r.clk{cursor:pointer}
.dash .cmp-r.clk:hover{background:#F7F5FE}
.dash .cmp-r>i{width:10px;height:10px;border-radius:var(--rd0)}
.dash .cmp-t{color:var(--ink2);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash .cmp-p{font-size:var(--t6);font-weight:800;color:var(--ink);text-align:start;font-variant-numeric:tabular-nums}
.dash .cmp-n{font-size:var(--t7);color:var(--ink3);text-align:start;font-variant-numeric:tabular-nums}
.dash .cmp-f{margin-top:var(--s2);padding-top:var(--s1);border-top:1px solid var(--line);font-size:var(--t7);color:var(--ink3)}
.dash .roi-t tr.grp td{background:#F6F4FC;font-size:var(--t6);font-weight:800;color:var(--ink2);
  padding:var(--s1) var(--s2);border-bottom:1px solid var(--line);letter-spacing:-.01em}
.dash .roi-t tr.grp em{font-style:normal;font-weight:500;color:var(--ink3);margin-inline-start:var(--s1);font-size:var(--t6)}
.dash .roi-t .miss{color:#C6C2D6;font-weight:500}

/* ═══ פס מקונן · אורך = גודל הקבוצה, מילוי = מי שנסגר ═══ */
.dash .nv{display:flex;flex-direction:column;gap:var(--s1)}
.dash .nv-r{display:grid;grid-template-columns:minmax(62px,88px) minmax(40px,1fr) 44px;align-items:center;gap:var(--s2)}
.dash .nv-r.clk{cursor:pointer;border-radius:var(--rd1);margin:-7px;padding:var(--s1);transition:background .14s}
.dash .nv-r.clk:hover{background:rgba(110,42,234,.045)}
.dash .nv-l{font-size:var(--t6);font-weight:600;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash .nv-t{position:relative;height:21px;min-width:0}
.dash .nv-t>u{position:absolute;top:0;inset-inline-end:0;height:100%;border-radius:var(--rd1);background:#EDEAF6;display:block;
  animation:sgw .55s cubic-bezier(.22,1,.36,1) both}
.dash .nv-t>i{position:absolute;top:0;inset-inline-end:0;height:100%;border-radius:var(--rd1);display:block;background:var(--te);
  animation:sgw .7s cubic-bezier(.22,1,.36,1) both;animation-delay:.1s}
.dash .nv-f{position:absolute;top:50%;transform:translateY(-50%);inset-inline-end:8px;z-index:2;
  font-size:var(--t6);font-weight:700;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
.dash .nv-o.in{inset-inline-start:var(--s1);color:var(--ink2)}
.dash .nv-o{position:absolute;top:50%;transform:translateY(-50%);font-size:var(--t6);font-weight:600;
  color:var(--ink3);white-space:nowrap;font-variant-numeric:tabular-nums}
.dash .nv-p{font-size:var(--t5);font-weight:800;font-variant-numeric:tabular-nums;text-align:start;color:var(--tx-ok)}
/* מדגם קטן — הצבע נשמר, הסימון עדין: הפס מעט שקוף ותגית קטנה ליד האחוז */
.dash .nv-r.th .nv-t>u{background:repeating-linear-gradient(135deg,#EDEAF6 0 5px,#E4E0F0 5px 10px)}
.dash .nv-r.th .nv-t>i{opacity:.55}
.dash .nv-r.th .nv-p{opacity:.72}
.dash .nv-r.th .nv-p::after{content:'•';color:#C9791E;font-size:var(--t5);margin:2px;vertical-align:2px}
.dash .nv-r.th .nv-l{color:var(--ink3)}
.dash .nv-lg{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3);margin-top:var(--s2);padding-top:var(--s2);border-top:1px solid var(--line);
  font-size:var(--t6);color:var(--ink3)}
.dash .nv-lg i{display:inline-block;width:15px;height:9px;border-radius:var(--rd0);vertical-align:-1px;margin-inline-end:var(--s0)}

/* בלוקי "מי באמת נסגר" */
.dash .sgw{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
@media(max-width:1100px){.dash .sgw{grid-template-columns:1fr}}
.dash .sgb{background:#FAFAFE;border:1px solid var(--line);border-radius:var(--rd2);padding:var(--s3) var(--s3);min-width:0;
  display:flex;flex-direction:column}
.dash .sgb .nv-r{margin:var(--s1)}
.dash .sgh{display:flex;align-items:center;gap:var(--s1);margin-bottom:var(--s2)}
.dash .sgn{font-size:var(--t6);font-weight:700;color:var(--ink)}
.dash .sgv{font-size:var(--t7);font-weight:700;border-radius:var(--rd3);padding:2px var(--s1);white-space:nowrap;cursor:help}
.dash .sgv.y{color:#0E8C79;background:rgba(0,184,148,.14)}
.dash .sgv.m{color:#C9791E;background:rgba(242,179,61,.16)}
.dash .sgv.n{color:var(--ink3);background:rgba(22,18,58,.05)}
.dash .sgf{margin-top:auto;padding-top:var(--s2);border-top:1px solid var(--line);font-size:var(--t7);color:var(--ink3);line-height:1.55}

/* רצועת הנשירה לצד המשפך */
.dash .fdp{display:flex;flex-direction:column;gap:var(--s0);margin-top:var(--s2);padding-top:var(--s2);border-top:1px solid var(--line)}
.dash .fdp-r{display:grid;grid-template-columns:1fr 44px 76px;align-items:center;gap:var(--s1);font-size:var(--t7)}
.dash .fdp-s{color:var(--ink2);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash .fdp-p{font-size:var(--t6);font-weight:800;color:#0E8C79;text-align:start;font-variant-numeric:tabular-nums}
.dash .fdp-r.lo .fdp-p{color:#D3323C}
.dash .fdp-l{color:var(--ink3);text-align:start;font-variant-numeric:tabular-nums}
/* כותרת סטטיסטית מעל גרף המגמה — המסקנה לפני הגרף */
.dash .trh{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--rd2);overflow:hidden;margin-bottom:var(--s3)}
@media(max-width:820px){.dash .trh{grid-template-columns:repeat(2,1fr)}}
.dash .trh-i{background:#FAFAFE;padding:var(--s2) var(--s3);display:flex;flex-direction:column;gap:2px;min-width:0}
.dash .trh-l{font-size:var(--t6);font-weight:600;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash .trh-v{font-size:var(--t2);font-weight:800;color:var(--ink);letter-spacing:-.035em;line-height:1.1;font-variant-numeric:tabular-nums}
.dash .trh-v.up{color:#0E8C79}
.dash .trh-v.dn{color:#D3323C}
.dash .trh-s{font-size:var(--t7);color:var(--ink3)}
.dash .nv-lg i.lg-t{background:#EDEAF6}
.dash .nv-lg i.lg-h{background:repeating-linear-gradient(135deg,#EDEAF6 0 4px,#E0DBEF 4px 8px);position:relative}
.dash .nv-lg i.lg-h::after{content:'•';position:absolute;inset-inline-start:-9px;top:-6px;color:#C9791E;font-size:var(--t5)}
.dash .mini[title]{cursor:help}
.dash .mq{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;
  background:rgba(22,18,58,.08);color:var(--ink3);font-size:var(--t7);font-weight:800;font-style:normal;
  margin-inline-start:var(--s0);vertical-align:1px}
.dash .mini:hover .mq{background:var(--money);color:#fff}

/* ═══ לוח צבעים · מהירות מענה מול סגירה ═══ */
.dash .ht{display:grid;gap:var(--s0);align-items:stretch}
@keyframes htin{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}

/* ═══ הרכב לכל נציג · פס ל-100% ═══ */
.dash .mx{display:flex;flex-direction:column;gap:var(--s1)}

/* ═══ מוקד תשומת הלב ═══ */
.dash .focw{display:grid;grid-template-columns:1fr;gap:var(--s1);margin-bottom:var(--s1)}
.dash .focw.two{grid-template-columns:1fr 1fr}
@media(max-width:1100px){.dash .focw.two{grid-template-columns:1fr}}
.dash .foc{display:grid;grid-template-columns:1fr auto;gap:var(--s4);align-items:start;padding:var(--s3) var(--s4);
  border-radius:0 12px 12px 0;margin-bottom:var(--s1);animation:rise .4s cubic-bezier(.22,1,.36,1) both}
.dash .foc.r{border-inline-start:3px solid var(--co);background:linear-gradient(105deg,rgba(224,58,65,.055),rgba(224,58,65,0) 62%)}
.dash .foc.w{border-inline-start:3px solid var(--am);background:linear-gradient(105deg,rgba(242,179,61,.075),rgba(242,179,61,0) 62%)}
@media(max-width:900px){.dash .foc{grid-template-columns:1fr}}
.dash .foc-l{min-width:0}
.dash .foc-h{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s1);flex-wrap:wrap}
.dash .foc-av{width:32px;height:32px;border-radius:50%;color:#fff;display:flex;align-items:center;
  justify-content:center;font-size:var(--t4);font-weight:800;flex:none}
.dash .foc-n{font-size:var(--t2);font-weight:800;letter-spacing:-.03em;color:var(--ink)}
.dash .foc-b{font-size:var(--t7);font-weight:700;border-radius:var(--rd3);padding:var(--s0) var(--s2)}
.dash .foc.r .foc-b{color:#C4404A;background:rgba(224,58,65,.11)}
.dash .foc.w .foc-b{color:#C9791E;background:rgba(242,179,61,.17)}
.dash .foc-t{font-size:var(--t4);color:var(--ink2);line-height:1.65;max-width:62ch}
.dash .foc-a{display:inline-flex;align-items:center;gap:var(--s1);margin-top:var(--s2);font-family:inherit;
  font-size:var(--t6);font-weight:700;color:var(--pu);background:rgba(110,42,234,.07);border:0;
  border-radius:var(--rd1);padding:var(--s1) var(--s2);cursor:pointer;transition:.15s}
.dash .foc-a:hover{background:rgba(110,42,234,.13)}
.dash .foc-r{display:flex;gap:1px;background:var(--line);border-radius:var(--rd2);overflow:hidden;flex:none}
.dash .foc-i{background:var(--sf);padding:var(--s2) var(--s3);text-align:start;min-width:92px}
.dash .foc-i>span{display:block;font-size:var(--t7);color:var(--ink3);white-space:nowrap}
.dash .foc-i>b{display:block;font-size:var(--t2);font-weight:800;letter-spacing:-.03em;line-height:1.25;
  color:var(--ink);font-variant-numeric:tabular-nums}
.dash .foc-i>b.bad{color:#C4404A}
.dash .foc-i>b.wrn{color:#C9791E}
.dash .foc-i>em{display:block;font-style:normal;font-size:var(--t7);font-weight:600;white-space:nowrap}
.dash .foc-i>em.bad{color:#C4404A}
.dash .foc-i>em.ok{color:#0E8C79}
.dash .foc-i>em.mu{color:var(--ink3);font-weight:500}
.dash .fok{display:flex;align-items:center;gap:var(--s1);font-size:var(--t4);color:var(--ink3);
  padding:var(--s2) var(--s4);margin-bottom:var(--s1)}
.dash .fok b{color:var(--ink2);font-weight:700}
.dash .fok-i{width:19px;height:19px;border-radius:50%;background:rgba(0,184,148,.14);color:#0E8C79;
  display:flex;align-items:center;justify-content:center;font-size:var(--t6);font-weight:800;flex:none}

/* ═══ הרכב לפי קטגוריה · מחולק לפי נציג ═══ */
.dash .ow{display:flex;flex-direction:column;gap:var(--s2)}
.dash .ow-r{display:grid;grid-template-columns:minmax(96px,150px) 1fr auto auto;align-items:center;gap:var(--s2)}
.dash .ow-l{font-size:var(--t6);font-weight:600;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash .ow-b{display:flex;height:20px;border-radius:var(--rd1);overflow:hidden;gap:1px;min-width:8px}
.dash .ow-b i{display:block;height:100%;transition:filter .14s;animation:sgw .55s cubic-bezier(.22,1,.36,1) both}
.dash .ow-b i.clk{cursor:pointer}
.dash .ow-b i.clk:hover{filter:brightness(1.16)}
.dash .ow-v{font-size:var(--t5);font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;
  text-align:start;min-width:44px}
.dash .ow-t{font-size:var(--t7);color:var(--ink3);white-space:nowrap;min-width:74px;text-align:start}

/* ═══ ניווט בין נציגים ═══ */
.dash .rnav{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;margin-bottom:var(--s1)}
.dash .rnav-b{font-family:inherit;font-size:var(--t6);font-weight:700;color:var(--ink2);background:var(--sf);
  border:1px solid var(--line);border-radius:var(--rd1);padding:var(--s1) var(--s2);cursor:pointer;transition:.15s}
.dash .rnav-b:hover{border-color:var(--pu);color:var(--pu)}
.dash .rnav-l{display:flex;gap:var(--s1);flex-wrap:wrap}
.dash .rnav-t{display:inline-flex;align-items:center;gap:var(--s1);font-family:inherit;font-size:var(--t6);
  font-weight:700;color:var(--ink3);background:transparent;border:1px solid transparent;border-radius:var(--rd3);
  padding:var(--s1) var(--s2);cursor:pointer;transition:.15s}
.dash .rnav-t i{width:8px;height:8px;border-radius:50%;background:var(--rc);flex:none;opacity:.5}
.dash .rnav-t:hover{background:var(--sf);color:var(--ink2);border-color:var(--line)}
.dash .rnav-t.on{background:var(--rc);color:#fff}
.dash .rnav-t.on i{background:#fff;opacity:.9}

/* ═══ כותרת עמוד הנציג ═══ */
.dash .rhd{display:grid;grid-template-columns:auto auto auto 1fr;align-items:center;gap:var(--s3);
  background:var(--sf);border:1px solid var(--line);border-inline-start:4px solid var(--rc);
  border-radius:var(--r);padding:var(--s3) var(--s4);margin-bottom:var(--s1)}
@media(max-width:900px){.dash .rhd{grid-template-columns:auto 1fr;row-gap:var(--s1)}
  .dash .rhd-x{grid-column:1/-1}}
.dash .rhd-av{width:42px;height:42px;border-radius:50%;background:var(--rc);color:#fff;display:flex;
  align-items:center;justify-content:center;font-size:var(--t2);font-weight:800}
.dash .rhd-n{display:block;font-size:var(--t2);font-weight:800;letter-spacing:-.035em;color:var(--ink);line-height:1.15}
.dash .rhd-r{display:block;font-size:var(--t7);color:var(--ink3)}
.dash .rhd-dg{font-size:var(--t7);font-weight:700;border-radius:var(--rd3);padding:var(--s0) var(--s2);white-space:nowrap}
.dash .rhd-dg.g{color:#0E8C79;background:rgba(0,184,148,.14)}
.dash .rhd-dg.w{color:#C9791E;background:rgba(242,179,61,.17)}
.dash .rhd-dg.r{color:#C4404A;background:rgba(224,58,65,.11)}
.dash .rhd-dg.n{color:var(--ink3);background:rgba(22,18,58,.05)}
.dash .rhd-x{font-size:var(--t6);color:var(--ink3);line-height:1.6}

/* ═══ פילוח אישי מול הצוות ═══ */
.dash .rr{display:flex;flex-direction:column;gap:var(--s2)}
.dash .rr-r{display:grid;grid-template-columns:minmax(88px,140px) 1fr 40px 52px auto;align-items:center;gap:var(--s2)}
.dash .rr-l{font-size:var(--t6);font-weight:600;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash .rr-b{position:relative;height:18px;border-radius:var(--rd1);background:rgba(22,18,58,.055);overflow:visible}
.dash .rr-b i{display:block;height:100%;border-radius:var(--rd1);animation:sgw .55s cubic-bezier(.22,1,.36,1) both}
.dash .rr-b u{position:absolute;top:-3px;width:2px;height:24px;background:var(--ink3);opacity:.55;border-radius:var(--rd0)}
.dash .rr-v{font-size:var(--t4);font-weight:800;color:var(--ink);text-align:start;font-variant-numeric:tabular-nums}
.dash .rr-n{font-size:var(--t7);color:var(--ink3);text-align:start;font-variant-numeric:tabular-nums}
.dash .rr-d{font-size:var(--t7);font-weight:700;border-radius:var(--rd3);padding:2px var(--s1);white-space:nowrap}
.dash .rr-d.u{color:#0E8C79;background:rgba(0,184,148,.13)}
.dash .rr-d.d{color:#C4404A;background:rgba(224,58,65,.10)}
.dash .rr-d.z{color:var(--ink3);background:rgba(22,18,58,.05)}
.dash .rr-lg{display:flex;flex-wrap:wrap;gap:var(--s0) var(--s3);margin-top:var(--s2);padding-top:var(--s2);border-top:1px solid var(--line)}
.dash .rr-lg span{display:inline-flex;align-items:center;gap:var(--s1);font-size:var(--t7);color:var(--ink3)}
.dash .rr-lg i.rr-k1{width:14px;height:9px;border-radius:var(--rd0);background:var(--pu)}
.dash .rr-lg i.rr-k2{width:2px;height:13px;background:var(--ink3);opacity:.55}
/* מקרא נציגים אחד לכל אזור הפילוחים */
.dash .rlg{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s3);margin-bottom:var(--s2)}
.dash .rlg-i{display:inline-flex;align-items:center;gap:var(--s0);font-size:var(--t6);font-weight:700;
  color:var(--ink2);background:var(--sf);border:1px solid var(--line);border-radius:var(--rdp);
  padding:var(--s0) var(--s2);cursor:pointer;transition:.15s}
.dash .rlg-i:hover{border-color:var(--pu);color:var(--pu)}
.dash .rlg-i i{width:9px;height:9px;border-radius:var(--rdp);flex:none}
.dash .rlg-n{font-size:var(--t7);color:var(--ink3);margin-inline-start:auto}
.dash .focw.two .foc{grid-template-columns:1fr}
.dash .focw.two .foc-r{margin:var(--s2)}
.dash .focw.two .foc-i{flex:1;min-width:0}

/* ═══ לוח הצוות · רשת עם עמודות מוגדרות במפורש ═══ */
.dash .tbd{--cols:minmax(150px,1.5fr) minmax(94px,.95fr) minmax(120px,1.15fr) minmax(112px,1.1fr) minmax(96px,.95fr) minmax(94px,.9fr) 72px 26px;
  display:flex;flex-direction:column;width:100%;min-width:0}
@media(max-width:1180px){.dash .tbd{--cols:minmax(120px,1.4fr) minmax(80px,1fr) minmax(96px,1fr) minmax(92px,1fr) minmax(78px,1fr) minmax(76px,1fr) 0 22px}
  .dash .tbd .tb-sp{display:none}}
.dash .tbd-h, .dash .tbd-r, .dash .tbd-f{display:grid;grid-template-columns:var(--cols);
  align-items:center;gap:var(--s2);min-width:0}
.dash .tbd-h{font-size:var(--t7);font-weight:700;color:var(--ink3);padding:0 var(--s2) var(--s1);
  border-bottom:1px solid var(--line)}
.dash .tbd-h span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash .tbd-r{padding:var(--s2);border-bottom:1px solid #F2F0F8;cursor:pointer;transition:background .14s;
  border-radius:var(--rd1)}
.dash .tbd-r:hover{background:#FAF9FE}
.dash .tbd-r.fl{background:rgba(242,179,61,.055)}
.dash .tbd-r.fl:hover{background:rgba(242,179,61,.10)}
.dash .tbd-f{padding:var(--s2);border-top:1px solid var(--line);margin-top:var(--s0)}
.dash .tbd-f .tb-c b{color:var(--ink2);font-size:var(--t5)}
.dash .tb-c{min-width:0;display:block}
.dash .tb-c>b{display:block;font-size:var(--t2);font-weight:800;color:var(--ink);letter-spacing:-.025em;
  line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash .tb-c>em{display:block;font-style:normal;font-size:var(--t7);color:var(--ink3);margin-top:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash .tb-c>em u{text-decoration:none;font-weight:700}
.dash .tb-c>em u.u{color:#0E8C79}
.dash .tb-c>em u.d{color:#C4404A}
.dash .tb-c.bad>b{color:#C4404A}
.dash .tb-c.good>b{color:#0E8C79}
.dash .tb-nm>b{display:flex;align-items:center;gap:var(--s1);font-size:var(--t4);font-weight:800}
.dash .tb-nm>b i{width:9px;height:9px;border-radius:var(--rdp);flex:none}
.dash .tb-nm>b u{text-decoration:none;font-size:var(--t7);font-weight:700;color:#C9791E;
  background:rgba(242,179,61,.16);border-radius:var(--rdp);padding:1px var(--s0);white-space:nowrap}
.dash .tb-sp svg{width:100%;height:22px;display:block}
.dash .tb-go{color:var(--ink3);font-size:var(--t4);font-weight:700;text-align:center}
.dash .tbd-r:hover .tb-go{color:var(--pu)}
.dash .tb-th{text-decoration:none;font-size:var(--t7);font-weight:700;color:#C9791E;
  background:rgba(242,179,61,.16);border-radius:var(--rdp);padding:1px var(--s0);
  margin-inline-start:var(--s0);white-space:nowrap;cursor:help}

/* ═══ השוואת אחוז סגירה לפי ערוץ · הנציג מול הצוות ═══ */
.dash .cmpr{margin-top:var(--s3);padding-top:var(--s2);border-top:1px solid var(--line)}
.dash .cmpr-h{font-size:var(--t7);font-weight:700;color:var(--ink3);margin-bottom:var(--s1)}
.dash .cmpr-r{display:grid;grid-template-columns:minmax(70px,1fr) 46px auto auto;align-items:center;
  gap:var(--s1);padding:var(--s0) 0;font-size:var(--t6)}
.dash .cmpr-l{color:var(--ink2);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash .cmpr-v{font-size:var(--t4);font-weight:800;color:var(--ink);text-align:start;font-variant-numeric:tabular-nums}
.dash .cmpr-v.u{color:#0E8C79}
.dash .cmpr-v.d{color:#C4404A}
.dash .cmpr-t{font-size:var(--t7);color:var(--ink3);white-space:nowrap}

/* ═══ פילוח מוצרים לנציג ═══ */
.dash .prd{display:flex;flex-direction:column;gap:var(--s1)}
.dash .prd-r{display:grid;grid-template-columns:minmax(74px,auto) minmax(40px,1fr) 56px 64px 82px auto;
  align-items:center;gap:var(--s1);padding:var(--s1) var(--s0);border-radius:var(--rd1);
  cursor:pointer;transition:background .14s;font-size:var(--t6)}
.dash .prd-r:hover{background:#FAF9FE}
.dash .prd-l{display:flex;align-items:center;gap:var(--s0);font-weight:700;color:var(--ink2);white-space:nowrap}
.dash .prd-l i{width:8px;height:8px;border-radius:var(--rd0);flex:none}
.dash .prd-b{height:14px;border-radius:var(--rd0);background:rgba(22,18,58,.05);overflow:hidden}
.dash .prd-b i{display:block;height:100%;border-radius:var(--rd0);animation:sgw .55s cubic-bezier(.22,1,.36,1) both}
.dash .prd-v{font-size:var(--t4);font-weight:800;color:var(--ink);text-align:start;font-variant-numeric:tabular-nums}
.dash .prd-n, .dash .prd-a, .dash .prd-s{font-size:var(--t7);color:var(--ink3);white-space:nowrap;text-align:start}
.dash .nv-dot{display:inline-block;width:8px;height:8px;border-radius:var(--rdp);margin-inline-end:var(--s0);flex:none}
.dash .nv-l{display:flex;align-items:center}

/* ═══ חלון צלילה · באותה שפה של המודאלים בשאר המערכת ═══ */
#doverlay{padding:var(--s4)}
.dmodal{background:var(--white);border-radius:var(--r-lg);width:100%;max-width:820px;max-height:88vh;
  display:flex;flex-direction:column;box-shadow:0 40px 90px -30px rgba(23,18,58,.4);
  animation:dmin .28s cubic-bezier(.22,1,.36,1) both;overflow:hidden;font-family:var(--font)}
@keyframes dmin{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.dm-h{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);padding:var(--s4) var(--s4) 0}
.dm-hl{min-width:0}
.dm-hl h3{font-size:var(--t2);font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.25}
.dm-sum{display:flex;align-items:baseline;gap:var(--s2);margin-top:var(--s1)}
.dm-big{font-size:var(--t1);font-weight:800;letter-spacing:-.035em;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums}
.dm-unit{font-size:var(--t5);font-weight:600;color:var(--tx-mut)}
.dm-x{flex:none;width:34px;height:34px;border:1px solid var(--line);background:var(--white);border-radius:var(--rd2);
  color:var(--tx-mut);font-size:var(--t4);cursor:pointer;transition:.16s;line-height:1;font-family:inherit}
.dm-x:hover{background:var(--bg-soft);color:var(--ink);border-color:var(--ink-mut)}
.dm-s{font-size:var(--t5);color:var(--ink-sec);line-height:1.7;padding:var(--s3) var(--s4) var(--s4)}
.dm-s b{color:var(--ink);font-weight:700}
.dm-list{overflow:auto;flex:1;min-height:0;padding:0 var(--s4)}
.dm-hd, .dm-row{display:grid;grid-template-columns:minmax(150px,1.6fr) repeat(3,minmax(72px,1fr)) 16px;
  align-items:center;gap:var(--s3)}
.dm-hd{font-size:var(--t6);font-weight:700;color:var(--tx-mut);padding:0 var(--s3) var(--s1);
  border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--white);z-index:1}
.dm-row{padding:var(--s1) var(--s2);border-radius:var(--rd2);transition:background .14s;font-size:var(--t5);color:var(--ink-sec)}
.dm-row:not(.nc){cursor:pointer}
.dm-row:not(.nc):hover{background:var(--bg-soft)}
.dm-row:not(.nc):hover .dm-a{opacity:1;transform:translateX(-2px)}
.dm-row + .dm-row{box-shadow:0 -1px 0 #F3F1FA}
.dm-c{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
.dm-c.w{font-weight:700;color:var(--ink);font-size:var(--t4);white-space:normal;line-height:1.35}
.dm-c.w em{display:block;font-style:normal;font-size:var(--t6);font-weight:500;color:var(--tx-mut);margin-top:2px}
.dm-c.e{font-weight:600}
.dm-c.e.w{color:#B07E13}
.dm-c.e.r{color:#D3323C;font-weight:700}
.dm-a{color:var(--tx-mut);font-size:var(--t4);opacity:0;transition:.16s;text-align:center}
.dm-f{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);
  padding:var(--s3) var(--s4);border-top:1px solid var(--line);background:#FCFCFE;font-size:var(--t5);color:var(--tx-mut)}
.dm-tot{font-size:var(--t4);font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.dm-emp{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:var(--s4) var(--s4)}
.dm-emp-i{width:46px;height:46px;border-radius:50%;background:var(--purple-soft);color:var(--purple);
  display:flex;align-items:center;justify-content:center;font-size:var(--t2);margin:var(--s2)}
.dm-emp-t{font-size:var(--t4);font-weight:800;color:var(--ink);margin-bottom:var(--s1)}
.dm-emp-d{font-size:var(--t5);color:var(--tx-mut);line-height:1.65;max-width:360px}
.est.ok{color:#0E8C79;background:rgba(0,184,148,.13);border-radius:var(--rdp);padding:1px var(--s1);font-size:var(--t7);font-weight:700}

/* ═══ לוח המוצרים · שמונה עמודות ═══ */
.dash .pbd{--cols:minmax(126px,1.25fr) minmax(88px,.9fr) minmax(110px,1.1fr) minmax(96px,.95fr)
  minmax(86px,.85fr) minmax(96px,.95fr) minmax(88px,.88fr) minmax(84px,.84fr) 72px}
@media(max-width:1180px){.dash .pbd{--cols:minmax(104px,1.25fr) minmax(72px,.95fr) minmax(90px,1fr)
  minmax(78px,.85fr) minmax(68px,.8fr) minmax(78px,.85fr) minmax(72px,.8fr) minmax(70px,.78fr) 0px}
  .dash .pbd .tb-sp{display:none}}
.dash .tbd-r.fl.r{background:rgba(224,58,65,.05)}
.dash .tbd-r.fl.r:hover{background:rgba(224,58,65,.09)}
.dash .tb-c.warn>b{color:#C9791E}
.dash .tb-sp em{display:block;font-style:normal;font-size:var(--t7);color:var(--ink3);margin-top:2px;white-space:nowrap}

/* ═══ הסבר שקוף · איך חושב מספר ═══ */
.dash .expl{display:flex;flex-direction:column;gap:var(--s2)}
.dash .expl-r{display:grid;grid-template-columns:22px 1fr;gap:var(--s2);align-items:start;
  font-size:var(--t5);color:var(--ink2);line-height:1.65}
.dash .expl-n{width:22px;height:22px;border-radius:var(--rdp);background:var(--purple-soft);
  color:var(--pu);font-size:var(--t6);font-weight:800;display:flex;align-items:center;justify-content:center}
.dash .expl-r b{color:var(--ink);font-weight:700}
.dash .expl-note{margin-top:var(--s0);padding:var(--s2) var(--s3);background:#FAFAFE;
  border:1px dashed var(--line);border-radius:var(--rd2);font-size:var(--t6);color:var(--ink3);line-height:1.65}
.dash .expl-note b{color:var(--ink2);font-weight:700}

/* ═══ חוזים מתמשכים ═══ */
.dash .rtn{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s3);margin-top:var(--s3)}
@media(max-width:1100px){.dash .rtn{grid-template-columns:1fr}}
.dash .rtn-b{background:#FAFAFE;border:1px solid var(--line);border-inline-start:3px solid var(--rc);
  border-radius:var(--rd2);padding:var(--s3);min-width:0}
.dash .rtn-h{display:flex;align-items:baseline;gap:var(--s1);margin-bottom:var(--s2);flex-wrap:wrap}
.dash .rtn-n{font-size:var(--t4);font-weight:800;color:var(--ink)}
.dash .rtn-c{font-size:var(--t7);color:var(--ink3)}
.dash .rtn-g{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--rd1);overflow:hidden}
.dash .rtn-i{background:var(--sf);padding:var(--s1) var(--s2);min-width:0}
.dash .rtn-i>span{display:block;font-size:var(--t7);color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash .rtn-i>b{display:block;font-size:var(--t2);font-weight:800;color:var(--ink);line-height:1.2;
  letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.dash .rtn-i>b.bad{color:#C4404A}
.dash .rtn-i>b.wrn{color:#C9791E}
.dash .rtn-i>em{display:block;font-style:normal;font-size:var(--t7);color:var(--ink3);margin-top:1px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash .rtn-l{margin-top:var(--s2);padding:var(--s2);background:var(--purple-soft);border-radius:var(--rd1)}
.dash .rtn-lh{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s1)}
.dash .rtn-lh span{font-size:var(--t6);font-weight:700;color:var(--ink2)}
.dash .rtn-lh b{font-size:var(--t2);font-weight:800;color:var(--pu);font-variant-numeric:tabular-nums}
.dash .rtn-ld{font-size:var(--t7);color:var(--ink3);margin-top:var(--s0);line-height:1.55}
.dash .rtn-ld b{color:var(--ink2);font-weight:700}
.dash .rtn-w{margin-top:var(--s1);padding:var(--s1) var(--s2);background:rgba(242,179,61,.13);
  border-radius:var(--rd1);font-size:var(--t7);color:#B07E13;font-weight:600;line-height:1.5}

/* ═══ לוח התהליכים ═══ */
.dash .obd{--cols:minmax(120px,1.2fr) minmax(96px,1fr) minmax(96px,1fr) minmax(88px,.9fr)
  minmax(96px,1fr) minmax(96px,1fr) minmax(78px,.8fr) minmax(84px,.85fr)}
@media(max-width:1180px){.dash .obd{--cols:minmax(100px,1.2fr) repeat(7,minmax(66px,1fr))}}
.dash .tb-c>em u{text-decoration:none;font-weight:700}

/* ═══ התור לפי שלב ═══ */
.dash .stk{display:grid;grid-template-columns:1fr;gap:var(--s2);margin-top:var(--s3)}
.dash .stk-b{background:#FAFAFE;border:1px solid var(--line);border-radius:var(--rd2);padding:var(--s2) var(--s3)}
.dash .stk-h{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s1);margin-bottom:var(--s1)}
.dash .stk-n{font-size:var(--t6);font-weight:700;color:var(--ink)}
.dash .stk-c{font-size:var(--t7);color:var(--ink3)}
.dash .stk-bar{display:flex;height:16px;border-radius:var(--rd1);overflow:hidden;gap:0}
.dash .stk-bar i{display:block;height:100%;animation:sgw .55s cubic-bezier(.22,1,.36,1) both}
.dash .stk-l{display:flex;flex-wrap:wrap;gap:var(--s0) var(--s2);margin-top:var(--s1);font-size:var(--t7);color:var(--ink3)}
.dash .stk-l b{color:var(--ink2);font-weight:700}
.dash .stk-f{margin-top:var(--s1);font-size:var(--t7);color:var(--ink3)}
.dash .stk-f b{color:var(--ink2);font-weight:700}

/* ═══ עמידה בזמנים ═══ */
.dash .sla{display:flex;flex-direction:column;gap:var(--s2);margin-top:var(--s3)}
.dash .sla-r{display:grid;grid-template-columns:minmax(88px,auto) minmax(60px,1fr) 46px minmax(96px,auto) minmax(96px,auto);
  align-items:center;gap:var(--s2);font-size:var(--t6)}
.dash .sla-n{font-weight:700;color:var(--ink);white-space:nowrap;display:flex;align-items:center;gap:var(--s0)}
/* מדגם קטן — האחוז מוצג אבל לא מתיימר להיות מסקנה */
.dash .sla-th{font-style:normal;font-size:var(--t7);font-weight:700;color:var(--ink3);
  background:var(--bg);border:1px solid var(--line);border-radius:var(--rdp);padding:1px var(--s1);white-space:nowrap}
.dash .sla-r.thin .sla-n{color:var(--ink2)}
.dash .sla-t{position:relative;height:12px;border-radius:var(--rd1);background:rgba(22,18,58,.06);overflow:visible}
.dash .sla-t i{display:block;height:100%;border-radius:var(--rd1);animation:sgw .6s cubic-bezier(.22,1,.36,1) both}
.dash .sla-t u{position:absolute;top:-3px;width:2px;height:18px;background:var(--ink3);opacity:.5;border-radius:2px}
.dash .sla-v{font-size:var(--t2);font-weight:800;text-align:start;font-variant-numeric:tabular-nums}
.dash .sla-d, .dash .sla-c{font-size:var(--t7);color:var(--ink3);white-space:nowrap;text-align:start}
.dash .sla-lg{margin-top:var(--s2);padding-top:var(--s2);border-top:1px solid var(--line);
  font-size:var(--t7);color:var(--ink3)}

/* ═══════════ עמוד האתר ═══════════ */
/* שורה ברוחב מלא */
.dash .g1{display:block;margin-bottom:var(--s1)}

/* לוח הערוצים · 7 עמודות{--cols:minmax(146px,1.45fr) minmax(88px,.9fr) minmax(86px,.85fr) minmax(108px,1.05fr)
  minmax(112px,1.1fr) minmax(104px,1fr) minmax(112px,1.1fr)}
/* השורה של העמוד הנוכחי — מסומנת כדי שלא צריך לחפש אותה */
.dash .tbd-r.me{background:rgba(110,42,234,.045);
  box-shadow:inset 2px 0 0 var(--pu),inset -2px 0 0 var(--pu)}
.dash .tbd-r.me:hover{background:rgba(110,42,234,.085)}
.dash .tbd-r.me .tb-nm>b u{color:#5B22C4;background:rgba(110,42,234,.13)}
.dash .pgp{direction:ltr;unicode-bidi:isolate;display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--t7);
  background:#F1EFF8;color:#5B5480;border-radius:var(--rd0);padding:0 var(--s0);letter-spacing:-.01em}
/* עמודה שמבוססת על אומדן — מסומנת גם בתוך הטבלה */
/* אומדן בתוך טבלה */
.dash .tb-c.est>b{color:var(--ink2);text-decoration:underline;text-decoration-style:dashed;
  text-decoration-color:#CFC8E6;text-underline-offset:3px}
.dash .tb-c.warn>b{color:#C9791E}

/* ═══════════ מכשירים ═══════════ */
.dash .dvc{margin-top:var(--s2)}
.dash .dvc-b{display:flex;height:8px;border-radius:var(--rdp);overflow:hidden;gap:2px}
.dash .dvc-b i{display:block;height:100%}
.dash .dvc.ste-est .dvc-b{opacity:.62}
.dash .dvc-l{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s1)}
.dash .dvc-l span{display:flex;align-items:center;gap:var(--s0);font-size:var(--t7);color:var(--ink3)}
.dash .dvc-l i{width:8px;height:8px;border-radius:var(--rdp);flex:none}
.dash .dvc-l b{color:var(--ink2);font-weight:800;font-variant-numeric:tabular-nums}

/* ═══════════ החזר על האתר ═══════════ */
.dash .roiw{display:flex;flex-direction:column;gap:var(--s1)}
.dash .roi-b{display:grid;grid-template-columns:104px 1fr auto;align-items:center;gap:var(--s2)}
.dash .roi-l{font-size:var(--t6);color:var(--ink2);font-weight:600}
.dash .roi-t{height:16px;border-radius:var(--rd1);background:#F4F3F9;overflow:hidden}
.dash .roi-t i{display:block;height:100%;border-radius:var(--rd1);
  transition:width .7s cubic-bezier(.22,1,.32,1)}
.dash .roi-t i.g{background:var(--good)}
.dash .roi-t i.w{background:var(--warn)}
.dash .roi-v{font-size:var(--t4);font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;
  white-space:nowrap}
.dash .roi-n{display:flex;align-items:baseline;gap:var(--s1);flex-wrap:wrap;
  padding-top:var(--s1);border-top:1px solid var(--line);margin-top:var(--s0)}
.dash .roi-n span{font-size:var(--t6);color:var(--ink2);font-weight:600}
.dash .roi-n b{font-size:var(--t1);font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.dash .roi-n.u b{color:#0E8C79}
.dash .roi-n.d b{color:#C4404A}
.dash .roi-n em{font-style:normal;font-size:var(--t7);color:var(--ink3);flex:1;min-width:130px}
.dash .roi-pb{margin-top:var(--s1);padding-top:var(--s1);border-top:1px solid var(--line)}
.dash .roi-pbh{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s1);margin-bottom:var(--s0)}
.dash .roi-pbh span{font-size:var(--t6);color:var(--ink2);font-weight:600}
.dash .roi-pbh b{font-size:var(--t4);font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.dash .roi-pbh b.u{color:#0E8C79}
.dash .roi-pbt{height:10px;border-radius:var(--rd1);background:#F4F3F9;overflow:hidden}
.dash .roi-pbt i{display:block;height:100%;border-radius:var(--rd1);background:var(--pu)}
.dash .roi-pb em{display:block;font-style:normal;font-size:var(--t7);color:var(--ink3);margin-top:var(--s0)}

/* ═══════════ מצב «עוד לא הזנת» ═══════════ */
.dash .yet{text-align:center;padding:var(--s3) var(--s2)}
.dash .yet-i{width:34px;height:34px;margin:0 auto var(--s1);border-radius:var(--rdp);display:grid;
  place-items:center;background:rgba(110,42,234,.09);color:var(--pu);font-size:var(--t2);font-weight:800}
.dash .yet-t{font-size:var(--t5);font-weight:800;color:var(--ink);margin-bottom:var(--s0)}
.dash .yet-d{font-size:var(--t6);color:var(--ink3);line-height:1.6;max-width:420px;margin:0 auto}
.dash .yet-d b{color:var(--ink2);font-weight:800}
.dash .yet-l{display:flex;gap:var(--s1);justify-content:center;flex-wrap:wrap;margin-top:var(--s2)}
.dash .yet-l span{font-size:var(--t7);font-weight:600;color:var(--ink3);border:1px dashed #D5CEEA;
  border-radius:var(--rdp);padding:var(--s0) var(--s2)}

/* ═══════════ השוואה מכווצת ═══════════ */
.dash .ccp{display:flex;flex-direction:column}
.dash .ccp-r{display:grid;grid-template-columns:1fr 92px 108px;align-items:baseline;gap:var(--s1);
  padding:var(--s1) 0;border-bottom:1px solid #F2F0F8}
.dash .ccp-hd{font-size:var(--t7);color:var(--ink3);font-weight:700;padding-bottom:var(--s0);
  border-bottom:1px solid var(--line)}
.dash .ccp-hd span{text-align:center}
.dash .ccp-hd span:first-child{text-align:start}
.dash .ccp-l{font-size:var(--t6);color:var(--ink2);font-weight:600}
.dash .ccp-m{font-size:var(--t2);font-weight:800;text-align:center;font-variant-numeric:tabular-nums}
.dash .ccp-m.u{color:#0E8C79}
.dash .ccp-m.d{color:#C4404A}
.dash .ccp-m.n{color:var(--ink)}
.dash .ccp-t{font-size:var(--t5);font-weight:700;color:var(--ink3);text-align:center;
  font-variant-numeric:tabular-nums}
.dash .ccp-f{font-size:var(--t7);color:var(--ink3);padding-top:var(--s1);line-height:1.5}
.dash .ccp-f b{color:var(--ink2);font-weight:800}
/* מצב תקין ברשימת «דורש טיפול» */
.dash .yat.ok .an{background:rgba(0,184,169,.13);color:#0E8C79}
/* עמודה של שני כרטיסים זה מעל זה */
.dash .stk{display:flex;flex-direction:column;gap:var(--s1);min-width:0}
.dash .stk>.c{flex:1}

/* ניגוד תג השינוי בתוך הבלוקים הצבעוניים */
.dash .hero .hp{background:rgba(0,0,0,.20)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.28)}
/* כותרת לרצועת הרכב */
.dash .dvc-h{font-size:var(--t7);color:var(--ink3);font-weight:700;margin-bottom:var(--s0)}
.dash .dvc+.dvc{margin-top:var(--s2)}
.dash .trh-v.dn{color:#C4404A}
/* אחוז שמבוסס על מדגם קטן — מוצג אך מעומעם */
.dash .tb-c.dim>b{color:var(--ink3);font-weight:700}
.dash .tb-c.dim{cursor:help}

/* ═══ תיקוני עמוד האתר · גרסה 62 ═══ */
/* לבלוקים הצבעוניים היו כללי גודל רק לסגול ולירוק — בכחול המספר נפל לגודל ברירת המחדל */
.dash .hero.v .hv, .dash .hero.w .hv, .dash .hero.r .hv{font-size:var(--t1)}

/* תווית משפך על צורה צרה — כהה עם הילה לבנה, קריאה על הצורה ועל הרקע */
.dash .fx.out{fill:#2A2350;paint-order:stroke;stroke:#fff;stroke-width:3.6;stroke-linejoin:round}
.dash .fxv.out{fill:#4B4470;paint-order:stroke;stroke:#fff;stroke-width:3.6;stroke-linejoin:round}

/* שורת העמודים שאין בהם טופס — מתחת לטבלה{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s2);
  padding:var(--s2);border-radius:var(--rd1);background:rgba(242,179,61,.07);
  border:1px dashed rgba(242,179,61,.45);cursor:pointer;transition:background .14s}

/* ═══════════ עמוד האתר · לוח העמודים (רכיב .tbd המערכתי) ═══════════ */
.dash .sitb{--cols:minmax(176px,1.5fr) minmax(104px,.95fr) minmax(110px,.95fr) minmax(96px,.9fr)
  minmax(148px,1.3fr) minmax(86px,.78fr) minmax(126px,1.1fr) 96px}
@media(max-width:1180px){.dash .sitb{--cols:minmax(136px,1.5fr) minmax(84px,.95fr) minmax(88px,.95fr)
  minmax(74px,.9fr) minmax(116px,1.3fr) minmax(66px,.78fr) minmax(100px,1.1fr) 0px}
  .dash .sitb .tb-sp{display:none}}
/* כותרת שניתן למיין לפיה */
.dash .sitb-s{cursor:pointer;user-select:none;transition:color .14s;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.dash .sitb-s:hover{color:var(--pu)}
.dash .sitb-s.on{color:var(--ink)}
.dash .sitb-s i{font-style:normal;font-size:var(--t7);margin-inline-start:2px;color:var(--pu)}
/* נתיב העמוד — תמיד משמאל לימין */
.dash .sitb .tb-nm>em code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:var(--t7);letter-spacing:-.02em;background:#F3F1FA;border-radius:var(--rd0);
  padding:0 var(--s0);direction:ltr;unicode-bidi:isolate;display:inline-block}
/* אומדן — מודגש בעדינות כדי להבדיל ממדוד */
.dash .sitb .tb-c.tb-est>b{color:var(--ink2);font-weight:700}

/* שורת העמודים ללא טופס */
.dash .ste-nf{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s2);padding:var(--s2);
  border-radius:var(--rd1);background:rgba(242,179,61,.07);
  border:1px dashed rgba(242,179,61,.45);cursor:pointer;transition:background .14s}
.dash .ste-nf:hover{background:rgba(242,179,61,.13)}
.dash .ste-nfn{flex:none;width:26px;height:26px;border-radius:var(--rd1);display:grid;place-items:center;
  background:rgba(242,179,61,.24);color:#9A6208;font-weight:800;font-size:var(--t5)}
.dash .ste-nfx{flex:1;font-size:var(--t6);color:var(--ink2);line-height:1.4}
.dash .ste-nfx b{color:var(--ink);font-weight:800}
.dash .ste-nfg{color:var(--ink3);font-size:var(--t5);font-weight:700}

/* ── כמה כסף הביא כל עמוד · טבלת מובילים ── */
.dash .ste-mn{display:flex;flex-direction:column;gap:var(--s0)}
.dash .ste-mr{display:flex;align-items:flex-start;gap:var(--s1);padding:var(--s1) var(--s2);
  border-radius:var(--rd1);transition:background .14s}
.dash .ste-mr.ste-clk{cursor:pointer}
.dash .ste-mr.ste-clk:hover{background:#FAF9FE}
.dash .ste-mrk{flex:none;width:22px;height:22px;border-radius:var(--rd0);display:grid;place-items:center;
  background:#EFEBFA;color:#5B22C4;font-size:var(--t6);font-weight:800;margin-top:2px}
.dash .ste-mbd{flex:1;min-width:0;display:block}
.dash .ste-mh{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s1)}
.dash .ste-mnm{font-size:var(--t5);font-weight:700;color:var(--ink);min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash .ste-mv{font-size:var(--t2);font-weight:800;color:var(--ink);letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.dash .ste-mb{display:block;height:6px;border-radius:var(--rdp);background:#EFEDF7;overflow:hidden;
  margin:var(--s0) 0}
.dash .ste-mb i{display:block;height:100%;border-radius:var(--rdp);background:var(--pu);
  margin-inline-start:auto;transition:width .7s cubic-bezier(.22,1,.32,1)}
.dash .ste-mf{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s0) var(--s1)}
.dash .ste-mfs, .dash .ste-mfd{font-size:var(--t7);color:var(--ink3)}
.dash .ste-mfd{font-weight:700;color:var(--ink2)}
.dash .ste-mf .ste-pc{font-size:var(--t7)}
.dash .ste-mz{margin-top:var(--s1);padding:var(--s1) var(--s2);border-radius:var(--rd1);
  background:#F7F6FC;font-size:var(--t7);color:var(--ink3)}
.dash .ste-mz b{color:var(--ink2);font-weight:800}

/* ═══ עמוד האתר · תוספות ═══ */
/* גוף הכרטיס ממרכז אנכית — בטבלה זה יצר חלל ריק מעל */
.dash .c.ste-top .cb{justify-content:flex-start}

/* שורת זמני המענה */
.dash .ste-rs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s1) var(--s2);
  margin-top:var(--s2);padding-top:var(--s2);border-top:1px solid var(--line)}
.dash .ste-rsl{font-size:var(--t7);color:var(--ink3);font-weight:700}
.dash .ste-rsi{display:flex;align-items:baseline;gap:var(--s0)}
.dash .ste-rsi em{font-style:normal;font-size:var(--t7);color:var(--ink3)}
.dash .ste-rsi b{font-size:var(--t4);font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.dash .ste-rsi.d b{color:#C4404A}
.dash .ste-rsi.u b{color:#0E8C79}
.dash .ste-rsi.n b{color:var(--ink3)}

/* ═══════════ עמוד השותפים ═══════════ */
.dash .ptb{--cols:minmax(170px,1.5fr) minmax(112px,1fr) minmax(96px,.85fr) minmax(146px,1.25fr)
  minmax(112px,1fr) minmax(126px,1.1fr) minmax(120px,1.05fr) 92px}
@media(max-width:1180px){.dash .ptb{--cols:minmax(132px,1.5fr) minmax(88px,1fr) minmax(74px,.85fr)
  minmax(112px,1.25fr) minmax(88px,1fr) minmax(98px,1.1fr) minmax(94px,1.05fr) 0px}
  .dash .ptb .tb-sp{display:none}}
/* מודלי עמלה ותשלום */
.dash .pmd{display:flex;flex-direction:column}
.dash .pmd-r{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--s2);
  padding:var(--s1) 0;border-bottom:1px solid #F2F0F8}
.dash .pmd-r:last-child{border-bottom:none}
.dash .pmd-n{display:flex;align-items:center;gap:var(--s1);font-size:var(--t5);font-weight:700;
  color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash .pmd-n i{width:8px;height:8px;border-radius:var(--rdp);flex:none}
.dash .pmd-m{font-size:var(--t5);font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;
  white-space:nowrap}
.dash .pmd-p{font-size:var(--t7);color:var(--ink3);background:#F3F1FA;border-radius:var(--rdp);
  padding:1px var(--s1);white-space:nowrap}

/* ═══════════════ דף הבית · בלוקים חדשים ═══════════════ */
/* שורת השורה התחתונה + מאז אתמול */
.bline{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s0) var(--s1);margin-top:var(--s1);
  font-size:var(--t6);color:var(--ink-sec)}
.bline b{font-weight:800;color:var(--ink)}
.bline b.bl-hot{color:#C4404A}
.bline b.bl-warn{color:#9A6208}
.bl-sep{color:var(--tx-mut)}
.snc{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s0) var(--s1);margin-top:var(--s0);
  font-size:var(--t7);color:var(--tx-mut)}
.snc b{font-weight:800;color:var(--ink-sec)}
.snc-i{display:inline-flex;align-items:center;gap:var(--s0);border-radius:var(--rdp);padding:1px var(--s1);
  background:var(--bg-soft);font-weight:700}
.snc-i.u{color:#0E8C79}
.snc-i.d{color:#C4404A}

/* ── הקצאת לידים ── */
.hb-asg{border:1px solid rgba(242,85,91,.28);background:linear-gradient(180deg,#FFF9F9,#FFFDFD)}
.hb-n.hot{background:rgba(242,85,91,.14);color:#C4404A}
.hb-sub{font-size:var(--t7);color:var(--tx-mut);font-weight:600}
.asg-note{font-size:var(--t6);color:var(--ink-sec);margin-bottom:var(--s1)}
.asg-r{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:var(--s1);
  padding:var(--s1) var(--s2);border-radius:var(--r-sm);transition:background .14s}
.asg-r:hover{background:#fff}
.asg-r.warm{background:rgba(242,179,61,.07)}
.asg-r.hot{background:rgba(242,85,91,.07)}
.asg-w{font-size:var(--t7);font-weight:800;color:var(--tx-mut);white-space:nowrap;
  font-variant-numeric:tabular-nums}
.asg-r.warm .asg-w{color:#9A6208}
.asg-r.hot .asg-w{color:#C4404A}
.asg-b{min-width:0;cursor:pointer}
.asg-b b{display:block;font-size:var(--t5);font-weight:800;color:var(--ink);line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asg-b em{display:block;font-style:normal;font-size:var(--t7);color:var(--tx-mut)}
.asg-u{display:flex;gap:var(--s0)}
.asg-p{width:28px;height:28px;border-radius:var(--rdp);border:1.5px solid var(--uc,var(--purple));
  background:#fff;color:var(--uc,var(--purple));font-weight:800;font-size:var(--t6);cursor:pointer;
  transition:background .14s,color .14s;font-family:inherit}
.asg-p:hover{background:var(--uc,var(--purple));color:#fff}
.asg-more{font-size:var(--t7);color:var(--tx-mut);padding:var(--s1) var(--s1) 0}

/* ── דורש טיפול · קבוצות ── */
.atg{border:1px solid var(--line);border-radius:var(--r-sm);margin-bottom:var(--s0);overflow:hidden;
  background:#fff}
.atg-h{display:grid;grid-template-columns:30px auto 1fr 20px;align-items:center;gap:var(--s1);
  padding:var(--s1) var(--s2);cursor:pointer;transition:background .14s}
.atg-h:hover{background:var(--bg)}
.atg.open .atg-h{background:var(--bg);border-bottom:1px solid var(--line)}
.atg-n{width:26px;height:26px;border-radius:var(--r-sm);display:grid;place-items:center;
  background:var(--bg-soft);color:var(--ink-sec);font-weight:800;font-size:var(--t6)}
.atg-n.hot{background:rgba(242,85,91,.13);color:#C4404A}
.atg-t{font-size:var(--t5);font-weight:800;color:var(--ink);white-space:nowrap}
.atg-s{font-size:var(--t7);color:var(--tx-mut);min-width:0;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.atg-c{color:var(--tx-mut);font-size:var(--t6);text-align:center}
.atg-b{padding:var(--s0) var(--s1) var(--s1)}

/* ── הדופק ── */
.pls-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:var(--s1)}
.pls{background:var(--bg);border-radius:var(--r-sm);padding:var(--s2);
  border-inline-start:3px solid var(--purple);display:flex;flex-direction:column;gap:2px}
.pls.good{border-inline-start-color:var(--teal)}
.pls.warn{border-inline-start-color:var(--amber)}
.pls.clk{cursor:pointer;transition:background .14s}
.pls.clk:hover{background:var(--bg-soft)}
.pls-l{font-size:var(--t7);color:var(--tx-mut);font-weight:600}
.pls-v{font-size:var(--t1);font-weight:800;color:var(--ink);letter-spacing:-.035em;line-height:1.05;
  font-variant-numeric:tabular-nums}
.pls-f{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s0);font-size:var(--t7);
  color:var(--tx-mut);min-height:15px}
.pls-f i{font-style:normal;font-weight:800;border-radius:var(--rdp);padding:0 var(--s0)}
.pls-f i.u{background:rgba(0,184,148,.14);color:#0E8C79}
.pls-f i.d{background:rgba(242,85,91,.12);color:#C4404A}
.pls-f em{font-style:normal}

/* ── קצב מול היעד ── */
.pcx{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--s1);
  margin-bottom:var(--s2);padding-bottom:var(--s2);border-bottom:1px solid var(--line)}
.pcx-b{display:flex;flex-direction:column;gap:2px}
.pcx-l{font-size:var(--t7);color:var(--tx-mut);font-weight:600}
.pcx-v{font-size:var(--t1);font-weight:800;color:var(--ink);letter-spacing:-.035em;line-height:1.05;
  font-variant-numeric:tabular-nums}
.pcx-v.g{color:#0E8C79}
.pcx-v.r{color:#C4404A}
.pcx-v.n{color:var(--tx-mut)}
.pcx-t{font-size:var(--t7);color:var(--tx-mut)}
.pcr{display:grid;grid-template-columns:110px 1fr 84px 52px minmax(140px,1.1fr);align-items:center;
  gap:var(--s1);padding:var(--s1) var(--s1);border-radius:var(--r-sm);cursor:pointer;
  transition:background .14s}
.pcr:hover{background:var(--bg)}
.pcr-n{display:flex;align-items:center;gap:var(--s0);font-size:var(--t5);font-weight:700;color:var(--ink);
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pcr-n i{width:8px;height:8px;border-radius:var(--rdp);flex:none}
.pcr-t{position:relative;height:10px;border-radius:var(--rdp);background:var(--bg-soft);overflow:visible}
.pcr-t i{display:block;height:100%;border-radius:var(--rdp);transition:width .7s cubic-bezier(.22,1,.32,1)}
.pcr-t u{position:absolute;top:-3px;width:2px;height:16px;background:var(--ink-sec);border-radius:var(--rd0);
  text-decoration:none}
.pcr-v{font-size:var(--t5);font-weight:800;color:var(--ink);text-align:end;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.pcr-p{font-size:var(--t5);font-weight:800;color:var(--ink-sec);text-align:end;
  font-variant-numeric:tabular-nums}
.pcr-p.g{color:#0E8C79}
.pcr-p.r{color:#C4404A}
.pcr-f{font-size:var(--t7);color:var(--tx-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:820px){.pcr{grid-template-columns:88px 1fr 70px 44px}
  .pcr-f{grid-column:1/-1;padding-inline-start:96px}}

/* ── מה מתקרב ── */
.upg{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--s1)}
.upc{display:flex;align-items:center;gap:var(--s1);padding:var(--s2);border-radius:var(--r-sm);
  background:var(--bg);cursor:pointer;transition:background .14s}
.upc:hover{background:var(--bg-soft)}
.upc-n{width:34px;height:34px;border-radius:var(--r-sm);display:grid;place-items:center;
  font-weight:800;font-size:var(--t4);flex:none}
.upc.g .upc-n{background:rgba(0,184,148,.14);color:#0E8C79}
.upc.w .upc-n{background:rgba(242,179,61,.18);color:#9A6208}
.upc.i .upc-n{background:rgba(61,107,255,.12);color:#2B4FD1}
.upc-b{min-width:0}
.upc-b b{display:block;font-size:var(--t6);font-weight:700;color:var(--ink);line-height:1.3}
.upc-b em{display:block;font-style:normal;font-size:var(--t7);color:var(--tx-mut)}

/* ═══ גבייה · דף הבית ═══ */
.hb-coll.hot{border-color:rgba(242,85,91,.24)}
.clr-bar{display:flex;height:10px;border-radius:var(--rdp);overflow:hidden;gap:2px;margin-bottom:var(--s1)}
.clr-bar i{display:block;height:100%;border-radius:var(--rdp)}
.clr-bar i.ok, .clr-lgi i.ok{background:var(--teal)}
.clr-bar i.warn, .clr-lgi i.warn{background:var(--amber)}
.clr-bar i.bad, .clr-lgi i.bad{background:var(--coral)}
.clr-lg{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s2);margin-bottom:var(--s2);
  padding-bottom:var(--s2);border-bottom:1px solid var(--line)}
.clr-lgi{display:flex;align-items:center;gap:var(--s0);font-size:var(--t7);color:var(--tx-mut)}
.clr-lgi.off{opacity:.45}
.clr-lgi i{width:9px;height:9px;border-radius:var(--rdp);flex:none}
.clr-lgi b{color:var(--ink);font-weight:800;font-variant-numeric:tabular-nums}
.clr-lgi em{font-style:normal;color:var(--tx-mut)}
.clr{display:grid;grid-template-columns:1fr 92px 82px 68px;align-items:center;gap:var(--s1);
  padding:var(--s1) var(--s1);border-radius:var(--r-sm);border-inline-start:3px solid transparent;
  transition:background .14s}
.clr:hover{background:var(--bg)}
.clr.ok{border-inline-start-color:var(--teal)}
.clr.warn{border-inline-start-color:var(--amber);background:rgba(242,179,61,.05)}
.clr.bad{border-inline-start-color:var(--coral);background:rgba(242,85,91,.05)}
.clr-n{min-width:0;cursor:pointer}
.clr-n b{display:block;font-size:var(--t5);font-weight:800;color:var(--ink);line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clr-n em{display:block;font-style:normal;font-size:var(--t7);color:var(--tx-mut)}
.clr-v{font-size:var(--t5);font-weight:800;color:var(--ink);text-align:end;
  font-variant-numeric:tabular-nums}
.clr-a{font-size:var(--t7);font-weight:700;color:var(--tx-mut);text-align:end;
  font-variant-numeric:tabular-nums}
.clr.bad .clr-a{color:#C4404A}
.clr.warn .clr-a{color:#9A6208}
.clr-b{text-align:end}
.clr-p{border:1px solid var(--line);background:#fff;border-radius:var(--rdp);
  padding:var(--s0) var(--s2);font-size:var(--t7);font-weight:700;color:var(--ink-sec);cursor:pointer;
  font-family:inherit;transition:.14s}
.clr-p:hover{background:var(--teal);border-color:var(--teal);color:#fff}
.clr-more{margin-top:var(--s1);font-size:var(--t7);color:var(--purple);font-weight:700;
  cursor:pointer;text-align:center;padding:var(--s1)}
.clr-more:hover{text-decoration:underline}
/* כפתור עריכת יעד */
.pcr-e{margin-inline-start:var(--s1);border:1px solid var(--line);background:#fff;
  border-radius:var(--rdp);padding:0 var(--s1);font-size:var(--t7);font-weight:700;
  color:var(--tx-mut);cursor:pointer;font-family:inherit;transition:.14s}
.pcr-e:hover{background:var(--purple);border-color:var(--purple);color:#fff}

/* ═══ יעד מול ביצוע · עמוד הנציג ═══ */
.dash .ghs{display:flex;flex-direction:column}
.dash .ghs-r{display:grid;grid-template-columns:44px 1fr 78px 54px minmax(96px,.9fr);
  align-items:center;gap:var(--s1);padding:var(--s1) 0;border-bottom:1px solid #F2F0F8}
.dash .ghs-r:last-of-type{border-bottom:none}
.dash .ghs-r.pt{opacity:.72}
.dash .ghs-m{font-size:var(--t6);font-weight:700;color:var(--ink2)}
.dash .ghs-t{position:relative;height:10px;border-radius:var(--rdp);background:#EFEDF7}
.dash .ghs-t i{display:block;height:100%;border-radius:var(--rdp);
  transition:width .7s cubic-bezier(.22,1,.32,1)}
.dash .ghs-t u{position:absolute;top:-3px;width:2px;height:16px;background:var(--ink2);
  border-radius:var(--rd0);text-decoration:none}
.dash .ghs-v{font-size:var(--t5);font-weight:800;color:var(--ink);text-align:end;
  font-variant-numeric:tabular-nums}
.dash .ghs-p{font-size:var(--t5);font-weight:800;color:var(--ink2);text-align:end;
  font-variant-numeric:tabular-nums}
.dash .ghs-p.g{color:#0E8C79}
.dash .ghs-p.r{color:#C4404A}
.dash .ghs-g{font-size:var(--t7);color:var(--ink3);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.dash .ghs-f{margin-top:var(--s1);padding-top:var(--s1);border-top:1px solid var(--line);
  font-size:var(--t7);color:var(--ink3)}
.dash .ghs-f b{color:var(--ink);font-weight:800}

/* ═══ היררכיה · פירמידה במקום תשעה בלוקים שווים ═══ */
/* ראש · פעולה דחופה — נוכחות חזקה */
.hb-asg, .hb-att{box-shadow:var(--sh);border-width:1px}
.hb-asg .hb-h h3, .hb-att .hb-h h3{font-size:var(--t2)}
/* אמצע · מדידה — נוכחות רגילה */
.hb-pulse, .hb-coll, .hb-pace, .hb-up{box-shadow:var(--sh-sm)}
/* בסיס · הקשר — נוכחות מופחתת */
.hb-ins{box-shadow:none;background:transparent;border-color:transparent;
  padding:0 var(--s0) var(--s3)}
.hb-ins .hb-h{margin-bottom:var(--s2)}
.hb-ins .ins{background:var(--white);border:1px solid var(--line)}
/* התובנות היו שורות ריקות ב-90% — שלוש בגובה של אחת */
.hb-ins .ins{padding:var(--s1) var(--s2)}
.hb-ins .ins-b b{font-size:var(--t4);line-height:1.3}
.hb-ins .ins-b em{font-size:var(--t6)}
/* «מה מתקרב» לא נמתח כשיש שני פריטים */
.upg{grid-template-columns:repeat(auto-fill,minmax(196px,240px))}
/* מספר היעד בשורת הנציג */
.pcr-v{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}
.pcr-v em{font-style:normal;font-size:var(--t7);color:var(--tx-mut);font-weight:600}

/* ═══ מתי נכנס הכסף · מבט על ═══ */
.dash .wmn{display:flex;flex-direction:column}
.dash .wmn-h, .dash .wmn-r{display:grid;
  grid-template-columns:minmax(104px,1fr) repeat(var(--wu,4),minmax(88px,1fr)) minmax(108px,1.1fr) 82px;
  align-items:center;gap:var(--s1)}
.dash .wmn-h{font-size:var(--t7);color:var(--ink3);font-weight:700;padding:0 var(--s2) var(--s1);
  border-bottom:1px solid var(--line)}
.dash .wmn-h span{display:flex;align-items:center;gap:var(--s0);justify-content:flex-end;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash .wmn-h span:first-child{justify-content:flex-start}
.dash .wmn-h i{width:8px;height:8px;border-radius:var(--rdp);flex:none}
.dash .wmn-r{padding:var(--s2);border-bottom:1px solid #F2F0F8;
  border-inline-start:3px solid transparent;border-radius:var(--rd1)}
.dash .wmn-r:last-child{border-bottom:none}
.dash .wmn-r.weak{background:rgba(224,58,65,.045);border-inline-start-color:var(--bad)}
.dash .wmn-w{font-size:var(--t4);font-weight:800;color:var(--ink);display:flex;flex-direction:column}
.dash .wmn-w em{font-style:normal;font-size:var(--t7);color:var(--ink3);font-weight:600;margin-top:2px}
.dash .wmn-c{display:flex;flex-direction:column;align-items:flex-end;gap:var(--s0)}
.dash .wmn-c b{font-size:var(--t5);font-weight:700;color:var(--ink2);font-variant-numeric:tabular-nums}
.dash .wmn-c i{display:block;height:4px;border-radius:var(--rdp);min-width:2px;
  transition:width .7s cubic-bezier(.22,1,.32,1)}
.dash .wmn-t{display:flex;flex-direction:column;align-items:flex-end;gap:var(--s0)}
.dash .wmn-t b{font-size:var(--t2);font-weight:800;color:var(--ink);letter-spacing:-.025em;
  font-variant-numeric:tabular-nums}
.dash .wmn-t u{display:block;height:5px;border-radius:var(--rdp);background:var(--money);
  text-decoration:none;transition:width .7s cubic-bezier(.22,1,.32,1)}
.dash .wmn-d{font-size:var(--t4);font-weight:800;color:var(--ink2);text-align:end;
  font-variant-numeric:tabular-nums}

/* ═══ בורר הזמן של דף הבית · אותה כרטיסייה של שאר המסכים ═══ */
.hper-d{min-width:186px}
.hper-d .fhead{border-radius:var(--r-sm)}
/* רצועת הפירוט · יחידה לפי הטווח */
.sls-w{display:flex;gap:var(--s1);align-items:flex-end;padding:var(--s2) 0 var(--s3);
  margin-bottom:var(--s2);border-bottom:1px solid var(--line);overflow-x:auto}
/* רוחב קבוע · פרוסה בודדת לא נמתחת על כל הכרטיס */
.sls{flex:0 0 auto;width:84px;display:flex;flex-direction:column;align-items:center;gap:var(--s0);
  cursor:default}
@media(max-width:820px){.sls{width:66px}}
.sls-b{width:100%;height:52px;display:flex;align-items:flex-end;background:var(--bg-soft);
  border-radius:var(--r-sm);overflow:hidden}
.sls-b i{display:block;width:100%;background:var(--purple);border-radius:var(--r-sm);
  transition:height .7s cubic-bezier(.22,1,.32,1)}
.sls.weak .sls-b i{background:var(--coral)}
.sls.strong .sls-b i{background:var(--teal)}
.sls-v{font-size:var(--t5);font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;
  white-space:nowrap}
.sls-l{font-size:var(--t7);color:var(--tx-mut);text-align:center;line-height:1.25;white-space:nowrap}
.sls-l em{display:block;font-style:normal;font-size:var(--t7);opacity:.8;
  direction:ltr;unicode-bidi:isolate}
/* כפתור פתיחה בלידים של הנציג */
.asg-go{border:1px solid var(--line);background:#fff;border-radius:var(--rdp);
  padding:var(--s0) var(--s2);font-size:var(--t7);font-weight:700;color:var(--ink-sec);
  cursor:pointer;font-family:inherit;transition:.14s;white-space:nowrap}
.asg-go:hover{background:var(--purple);border-color:var(--purple);color:#fff}
/* יעד הלקוחות בכרטיס הקצב */
.pcx-v u{text-decoration:none;font-size:var(--t4);color:var(--tx-mut);font-weight:700}

/* ═══ טבלת הלידים והלקוחות ═══ */
.ctb th{cursor:pointer;user-select:none;white-space:nowrap;transition:color .14s}
.ctb th:hover{color:var(--purple)}
.ctb th.n{text-align:end}
.th-ar{font-style:normal;font-size:var(--t7);margin-inline-start:var(--s0);color:var(--purple)}
.ctb td.n{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}
.ctb td.n.warn{color:#C4404A;font-weight:700}
.ctb tr.row-stale td:first-child{box-shadow:inset 3px 0 0 -1px var(--coral)}

/* ═══════════ רשימת לידים ולקוחות ═══════════ */
/* סרגל תצוגות וייצוא */
.vwb{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);
  flex-wrap:wrap;margin:var(--s2) 0 var(--t7)}
.vwb-l, .vwb-r{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap}
.vwb-e{font-size:var(--t5);color:var(--tx-mut)}
.vwb-c{font-size:var(--t5);color:var(--tx-mut);font-variant-numeric:tabular-nums}
.vw{display:inline-flex;align-items:center;gap:var(--s0);border:1px solid var(--line);background:var(--white);
  border-radius:var(--rdp);padding:var(--s0) var(--s2);font-size:var(--t5);font-weight:700;color:var(--ink-sec);
  cursor:pointer;font-family:inherit;transition:.14s}
.vw:hover{border-color:var(--purple);color:var(--purple)}
.vw i{font-style:normal;font-size:var(--t7);color:var(--tx-mut);padding:0 2px;border-radius:var(--rdp)}
.vw i:hover{color:var(--tx-bad)}
.vw.add{border-style:dashed;color:var(--purple)}
/* ── ייצוא אינו הפעולה הראשית ──
   הוא היה הכפתור הכהה ביותר במסך הרשימות — בולט יותר מ«ליד
   חדש», שהוא באמת מה שרוצים שיעשו. היום הוא כפתור שקט ככל
   האחרים, ומקבל צבע רק כשעוברים עליו. */
.vw.exp{background:var(--white);color:var(--ink-sec);border-color:var(--line)}
.vw.exp:hover{background:var(--purple-soft);border-color:var(--purple);color:var(--purple)}

/* בחירה מרובה */
.ctb td.sel-c, .ctb th.sel-c{width:40px;text-align:center;cursor:pointer}
.ckb{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:var(--rd0);
  border:1.var(--s0) solid var(--line);background:var(--white);font-size:var(--t6);color:#fff;
  font-weight:800;transition:.14s}
.ckb.on{background:var(--purple);border-color:var(--purple)}
.ctb tr.row-sel{background:var(--purple-soft)}
.blk{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap;padding:var(--t7) var(--t5);margin-bottom:var(--s1);
  background:var(--purple-soft);border:1px solid rgba(110,42,234,.2);border-radius:var(--r-sm)}
.blk-n{font-size:var(--t5);font-weight:800;color:var(--purple)}
.blk-b, .blk-x{border:1px solid var(--line);background:var(--white);border-radius:var(--rdp);
  padding:var(--s0) var(--s2);font-size:var(--t5);font-weight:700;color:var(--ink-sec);cursor:pointer;
  font-family:inherit;transition:.14s}
.blk-b:hover{background:var(--purple);border-color:var(--purple);color:#fff}
.blk-x{color:var(--tx-mut)}
.blk-x:hover{color:var(--tx-bad);border-color:var(--coral)}

/* הפעולה הבאה */
.ctb td.nx-c{max-width:190px}
.nx{display:flex;flex-direction:column;gap:0;min-width:0}
.nx b{font-size:var(--t5);font-weight:700;color:var(--ink);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.nx em{font-style:normal;font-size:var(--t6);color:var(--tx-mut)}
.nx.r b{color:#C4404A}
.nx.r em{color:#C4404A;font-weight:700}
.nx.w em{color:#9A6208;font-weight:700}
.nx.none{font-size:var(--t6);color:var(--tx-mut);font-style:italic}
.nx.off{color:var(--tx-mut)}

/* עימוד */
.pgr{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);
  flex-wrap:wrap;padding:var(--t5) var(--t7) var(--s0);border-top:1px solid var(--line);margin-top:var(--s0)}
.pgr-l{font-size:var(--t5);color:var(--tx-mut)}
.pgr-l b{color:var(--ink);font-weight:800;font-variant-numeric:tabular-nums}
.pgr-per{display:flex;align-items:center;gap:var(--s0);font-size:var(--t6);color:var(--tx-mut)}
.pgr-p, .pgr-b{border:1px solid var(--line);background:var(--white);border-radius:var(--rd1);
  min-width:28px;height:28px;padding:0 var(--s1);font-size:var(--t5);font-weight:700;color:var(--ink-sec);
  cursor:pointer;font-family:inherit;transition:.14s}
.pgr-p:hover, .pgr-b:hover:not([disabled]){border-color:var(--purple);color:var(--purple)}
.pgr-p.on, .pgr-b.on{background:var(--ink);border-color:var(--ink);color:#fff}
.pgr-b[disabled]{opacity:.35;cursor:default}
.pgr-nav{display:flex;gap:var(--s0)}

/* ═══ פגישות בכרטיס ═══ */
.mt-list{display:flex;flex-direction:column;gap:var(--s0);margin-top:var(--s2)}
.mt{display:flex;align-items:center;justify-content:space-between;gap:var(--s1);
  padding:var(--s1) var(--s2);border-radius:var(--r-sm);background:var(--bg);
  border-inline-start:3px solid var(--line)}
.mt.ok{border-inline-start-color:var(--blue)}
.mt.done{border-inline-start-color:var(--teal)}
.mt.cancel, .mt.no{border-inline-start-color:var(--coral)}
.mt.due{background:rgba(242,179,61,.09);border-inline-start-color:var(--amber)}
.mt-b{min-width:0}
.mt-b b{display:block;font-size:var(--t5);font-weight:700;color:var(--ink);line-height:1.3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-b em{display:block;font-style:normal;font-size:var(--t7);color:var(--tx-mut);margin-top:1px}
.mt-s{display:flex;align-items:center;gap:var(--s0);flex:none}
.mt-a{border:1px solid var(--line);background:var(--white);border-radius:var(--rdp);
  padding:2px var(--s1);font-size:var(--t7);font-weight:700;color:var(--ink-sec);
  cursor:pointer;font-family:inherit;transition:.14s;white-space:nowrap}
.mt-a:hover{background:var(--teal);border-color:var(--teal);color:#fff}
.mt-a.n:hover{background:var(--coral);border-color:var(--coral)}
.mt-tag{font-size:var(--t7);font-weight:700;border-radius:var(--rdp);padding:2px var(--s1);
  background:var(--bg-soft);color:var(--ink-sec);white-space:nowrap}
.mt-tag.done{background:var(--teal-soft);color:var(--tx-ok)}
.mt-tag.cancel, .mt-tag.no{background:var(--coral-soft);color:#C4404A}
.mt-x{border:none;background:none;color:var(--tx-mut);cursor:pointer;font-size:var(--t6);
  padding:0 2px;font-family:inherit}
.mt-x:hover{color:var(--tx-bad)}
.mt-add{display:grid;grid-template-columns:1fr 1fr;gap:var(--s0);margin-top:var(--s2);
  padding-top:var(--s2);border-top:1px solid var(--line)}
.mt-add input{border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s0) var(--s1);
  font-size:var(--t6);font-family:inherit;background:var(--white);color:var(--ink);min-width:0}
.mt-add input:focus{outline:none;border-color:var(--purple)}
.mt-add #mt-dur{max-width:70px}
/* ── שפה אחת לשלוש פעולות דומות ──
   בעמודה אחת של הכרטיס היו «קביעה» כהה, «+ משימה חדשה»
   כטקסט ירוק, ו«תיעוד» כגלולה ירוקה מלאה. שלוש פעולות
   מאותה משפחה, שלוש שפות. היום כולן ירוקות מלאות. */
.mt-save{grid-column:1/-1;border:none;background:var(--grad-btn);color:#fff;
  border-radius:var(--rdp);padding:var(--s1) var(--s3);font-size:var(--t5);font-weight:700;
  cursor:pointer;font-family:inherit;transition:.14s var(--ease)}
.mt-save:hover{box-shadow:0 4px 14px -5px rgba(0,169,143,.55);transform:translateY(-1px)}

/* ═══ שותפים · מסכים צרים ═══ */
@media(max-width:900px){
  .pvs{grid-template-columns:1fr 1fr}
  .rc-nums{gap:var(--s2)}
  .rc-mv{font-size:var(--t5)}
}
@media(max-width:700px){
  .rc-head{flex-wrap:wrap}
  .rc-nums{margin-inline-start:0;width:100%;justify-content:space-between;order:3}
}

/* ═══════════════════════════════════════════
   הרשאות, משתמשים והגדרות
   ═══════════════════════════════════════════ */
.gear{width:40px;height:40px;border-radius:var(--rd3);display:grid;place-items:center;
  background:var(--bg-soft);transition:.16s var(--ease)}
.gear:hover{background:var(--white);box-shadow:var(--sh-sm)}
.gear svg{width:19px;height:19px;fill:none;stroke:var(--ink-sec);stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .4s var(--ease)}
.gear:hover svg{stroke:var(--purple);transform:rotate(45deg)}

/* רצועת התצוגה המקדימה — חייבת להיות בלתי אפשרית לפספס */
.pvw{display:flex;align-items:center;gap:var(--s2);background:var(--navy);color:#fff;
  border-radius:var(--rd3);padding:var(--s2) var(--s3);margin-bottom:var(--s4)}
.pvw-i{font-size:var(--t4)}
.pvw-t{flex:1;font-size:var(--t5);color:rgba(255,255,255,.9)}
.pvw-t b{color:#fff;font-weight:800}
.pvw-x{flex-shrink:0;background:rgba(255,255,255,.15);color:#fff;font-size:var(--t5);
  font-weight:700;padding:var(--s1) var(--s2);border-radius:var(--rdp)}
.pvw-x:hover{background:rgba(255,255,255,.28)}

/* ── רצועת המצב · מחוץ לאזור המצטייר ──
   ריקה = תופסת אפס גובה, ולכן היא לא משנה שום מסך רגיל.
   מלאה = נדבקת לראש החלון, כי מי שנמצא בתצוגה צריך לראות
   את הדרך החוצה גם אחרי שגלל למטה. */
.modebar{position:sticky;top:0;z-index:60}
.modebar:empty{display:none}
.modebar.on{padding:var(--s3) var(--s4) 0;background:var(--bg)}
.modebar .pvw{margin-bottom:var(--s3);box-shadow:0 1px 0 rgba(0,0,0,.06)}

/* מסך ההגדרות */
.set-tabs{margin-bottom:var(--s4)}
/* .pn מנהל את הריווח שלו בעצמו — הכרטיס לא מוסיף עוד שכבה */
.set-card{padding:var(--s4);margin-bottom:var(--s4)}
.set-card.pn{padding:0}
.set-h{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);margin-bottom:var(--s2)}
.set-h h3{font-size:var(--t4);font-weight:800}
.set-note{margin-top:var(--s4);padding-top:var(--s2);border-top:1px solid var(--line);
  font-size:var(--t5);color:var(--tx-mut);line-height:1.6}
.set-note b{color:var(--ink-sec)}

/* ═══ חיפוש יכולת ═══ */
.cap-find{display:flex;align-items:center;gap:var(--s1);width:280px;height:36px;
  padding:0 var(--s2);border-radius:var(--rd2);border:1px solid var(--line);background:var(--white)}
.cap-find:focus-within{border-color:var(--purple)}
.cap-find svg{width:15px;height:15px;fill:none;stroke:var(--ink-mut);stroke-width:2.2;stroke-linecap:round;flex-shrink:0}
.cap-find input{flex:1;min-width:0;border:none;outline:none;background:none;font-size:var(--t5);color:var(--ink)}
.cap-none{padding:var(--s4);text-align:center;font-size:var(--t5);color:var(--tx-mut)}

/* עמודת השם נשארת גלויה בגלילה אופקית */

/* שדה שהוסתר בהרשאה — קיים, אבל תוכנו חסום */
.row.locked .rv{color:var(--tx-mut)}
.lockmk{font-style:normal;font-size:var(--t5);font-weight:600;color:var(--tx-mut);
  background:var(--bg-soft);border:1px dashed var(--line);padding:1px var(--s1);border-radius:var(--rd1)}
.blk-d{color:var(--tx-bad)!important}
.blk-d:hover{background:var(--coral-soft)!important}

/* ═══════════════════════════════════════════
   הרשאות · תפקיד אחד בכל פעם
   ═══════════════════════════════════════════ */
.rlay{display:grid;grid-template-columns:250px 1fr;gap:var(--s4);align-items:start}

/* ── ניווט התפקידים ── */
.rlay-s{position:sticky;top:var(--s2);background:var(--white);border:1px solid var(--line);
  border-radius:var(--r-md);box-shadow:var(--sh-sm);padding:var(--s1);display:flex;flex-direction:column;gap:2px}
.rl-h{font-family:var(--mono);font-size:var(--t6);color:var(--tx-mut);letter-spacing:.08em;
  padding:var(--s2) var(--s2) var(--s1)}
.rl-i{display:flex;align-items:center;gap:var(--s1);text-align:start;padding:var(--s1) var(--s2);
  border-radius:var(--rd2);transition:.15s var(--ease);position:relative}
.rl-i:hover{background:var(--bg-soft)}
.rl-i.on{background:var(--purple-soft)}
.rl-i.on::before{content:'';position:absolute;inset-inline-start:0;top:22%;bottom:22%;
  width:3px;border-radius:var(--rdp);background:var(--purple)}
.rl-i.on .rl-x{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.rl-n{font-size:var(--t4);font-weight:700;color:var(--ink);display:flex;align-items:center;gap:var(--s0)}
.rl-i.on .rl-n{color:var(--purple)}
.rl-lk{font-style:normal;font-size:var(--t6)}
.rl-m{font-family:var(--mono);font-size:var(--t6);color:var(--tx-mut)}
.rl-u{font-size:var(--t6);font-weight:700;color:var(--tx-mut);background:var(--bg-soft);
  min-width:20px;height:20px;border-radius:var(--rdp);display:grid;place-items:center;flex-shrink:0}
.rl-add{margin-top:var(--s1);padding:var(--s2);border-radius:var(--rd2);border:1.5px dashed var(--line);
  font-size:var(--t5);font-weight:700;color:var(--tx-mut);transition:.14s var(--ease)}
.rl-add:hover{border-color:var(--purple);color:var(--purple);background:var(--purple-soft)}
.rlay-m{display:flex;flex-direction:column;gap:var(--s4);min-width:0}

/* ── פרטי העסק ── */
.biz-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s2)}
.biz-g label{display:flex;flex-direction:column;gap:var(--s0);font-size:var(--t5);
  font-weight:700;color:var(--ink-sec)}
.biz-g input{font-size:var(--t5);font-weight:400;color:var(--ink);border:1px solid var(--line);
  border-radius:var(--rd1);padding:var(--s1) var(--s2);background:var(--white)}
.biz-g input:focus{outline:none;border-color:var(--purple)}

.pblk-n{font-size:var(--t5);color:var(--tx-mut);margin:calc(var(--s1) * -1) 0 0}

/* ── רמות ── */
.scps{display:flex;flex-direction:column;gap:var(--s1)}
.scp{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;padding:var(--s2);
  border-radius:var(--rd3);background:var(--bg-soft);transition:.14s var(--ease)}
.scp:hover{background:var(--purple-soft)}
.scp-i{width:34px;height:34px;border-radius:var(--rd2);background:var(--white);display:grid;
  place-items:center;flex-shrink:0;box-shadow:var(--sh-sm)}
.scp-i svg{width:17px;height:17px;fill:none;stroke:var(--purple);stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round}
.scp-l{flex:1;min-width:150px;display:flex;flex-direction:column;gap:1px}
.scp-l b{font-size:var(--t4);font-weight:700}
.scp-l em{font-style:normal;font-size:var(--t5);color:var(--tx-mut)}
.scp-r{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap}
.scp-o{display:inline-flex;background:var(--white);border-radius:var(--rdp);padding:var(--s0);gap:2px;
  flex-wrap:wrap;box-shadow:var(--sh-sm)}
.scp-b{font-size:var(--t5);font-weight:600;color:var(--tx-mut);padding:var(--s1) var(--s2);
  border-radius:var(--rdp);white-space:nowrap;transition:.14s var(--ease)}
.scp-b:hover:not(:disabled){color:var(--ink);background:var(--bg-soft)}
.scp-b.on{background:var(--grad-btn);color:#fff;font-weight:700}
.scp-b.on.none{background:var(--coral);color:#fff}
.scp-b:disabled{opacity:.55;cursor:default}
.scp-p{font-family:var(--mono);font-size:var(--t6);color:var(--tx-mut);min-width:96px}

/* ── מתגים ── */
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s2)}
.cgr{border:1px solid var(--line);border-radius:var(--rd3);padding:var(--s2) var(--s3);background:var(--white)}
.cgr.rk{border-color:rgba(242,85,91,.26);background:linear-gradient(180deg,rgba(242,85,91,.05),var(--white) 34%)}
.cgr-h{display:flex;align-items:center;gap:var(--s1);margin-bottom:var(--s2);
  padding-bottom:var(--s1);border-bottom:1px solid var(--line)}
.cgr-h b{font-size:var(--t5);font-weight:800}
.cgr-n{font-family:var(--mono);font-size:var(--t6);color:var(--tx-mut)}
.cgr-a{margin-inline-start:auto;font-size:var(--t6);font-weight:700;color:var(--tx-mut);
  background:var(--bg-soft);padding:2px var(--s1);border-radius:var(--rdp)}
.cgr-a:hover{color:var(--purple);background:var(--purple-soft)}
.cgr-b{display:flex;flex-direction:column;gap:2px}
.cw{display:flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s0);cursor:pointer;
  border-radius:var(--rd1);transition:.13s var(--ease)}
.cw:hover{background:var(--bg-soft)}
.cw-t{width:34px;height:19px;border-radius:var(--rdp);background:var(--line);flex-shrink:0;
  position:relative;transition:.18s var(--ease)}
.cw-t i{position:absolute;top:2px;inset-inline-start:2px;width:15px;height:15px;border-radius:50%;
  background:var(--white);box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.18s var(--ease)}
.cw.on .cw-t{background:var(--teal)}
.cw.on .cw-t i{inset-inline-start:17px}
.cgr.rk .cw.on .cw-t{background:var(--coral)}
.cw-l{font-size:var(--t5);color:var(--tx-mut)}
.cw.on .cw-l{color:var(--ink);font-weight:600}
.cw.lock{cursor:default;opacity:.7}

/* ═══════════════════════════════════════════
   העובדים — מתחילים מהאדם
   ───────────────────────────────────────────
   שורה אחת לאדם, נפתחת במקום. אין קפיצה למסך
   אחר וחזרה — כל מה שצריך לדעת עליו נמצא כאן.
   ═══════════════════════════════════════════ */
.svd{margin-inline-start:auto;display:inline-flex;align-items:center;gap:var(--s0);
  font-size:var(--t5);font-weight:700;color:var(--tx-ok);background:var(--teal-soft);
  padding:var(--s0) var(--s2);border-radius:var(--rdp);
  opacity:0;transform:translateY(-3px);transition:.22s var(--ease);pointer-events:none}
.svd.on{opacity:1;transform:none}
.svd svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.6;
  stroke-linecap:round;stroke-linejoin:round}

.prl{display:flex;flex-direction:column}
/* 25.8.26 · נוספה עמודת «כניסה» — השאלה הראשונה שמסתכלים עליה
   כשעובד חדש נכנס לרשימה היא **האם הוא בכלל יכול להיכנס.** */
.pr-hd, .pr-h{display:grid;
  grid-template-columns:36px minmax(140px,1.5fr) minmax(84px,.6fr) minmax(110px,1fr) 78px 70px 20px;
  gap:var(--s2);align-items:center}
.pr-hd{padding:0 var(--s2) var(--s1);font-family:var(--mono);font-size:var(--t6);
  color:var(--tx-mut);letter-spacing:.06em}
.pr{border-top:1px solid var(--line)}
.pr.off{opacity:.55}
.pr-h{width:100%;text-align:start;padding:var(--s2);border-radius:var(--rd2);
  transition:.14s var(--ease)}
.pr-h:hover{background:var(--bg-soft)}
.pr.opn>.pr-h{background:var(--purple-soft)}
.pr-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  color:#fff;font-weight:800;font-size:var(--t5)}
.pr-id{min-width:0;display:flex;flex-direction:column;gap:1px}
.pr-id b{font-size:var(--t4);font-weight:700;display:flex;align-items:center;gap:var(--s1)}
.pr-id b em{font-style:normal;font-size:var(--t6);font-weight:700;color:var(--purple);
  background:var(--purple-soft);padding:1px var(--s1);border-radius:var(--rdp)}
.pr-g{font-size:var(--t5);color:var(--tx-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-rl{font-size:var(--t5);font-weight:700;color:var(--ink-sec);background:var(--bg-soft);
  padding:var(--s0) var(--s2);border-radius:var(--rdp);text-align:center;white-space:nowrap}
.pr-rl.full{color:var(--purple);background:var(--purple-soft)}
.pr-rc{font-family:var(--mono);font-size:var(--t6);color:var(--tx-mut)}
.pr-st{font-size:var(--t6);font-weight:700;padding:var(--s0) var(--s2);border-radius:var(--rdp);
  background:var(--bg-soft);color:var(--tx-mut);text-align:center}
.pr-st.on{background:var(--teal-soft);color:var(--tx-ok)}
.pr-ch{width:16px;height:16px;fill:none;stroke:var(--ink-mut);stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease)}
.pr.opn .pr-ch{transform:rotate(180deg)}

/* ── פרטי העובד ── */
.pd{padding:var(--s2) var(--s2) var(--s4);display:flex;flex-direction:column;gap:var(--s2);
  animation:pdIn .2s var(--ease)}
@keyframes pdIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.pd-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--s2)}
.pd-f{display:flex;flex-direction:column;gap:var(--s0)}
.pd-f>i{font-style:normal;font-family:var(--mono);font-size:var(--t6);color:var(--tx-mut);
  letter-spacing:.05em}
.pd-f select, .pd-hr input{font-size:var(--t5);border:1px solid var(--line);
  border-radius:var(--rd1);padding:var(--s1) var(--s2);background:var(--white);
  color:var(--ink);width:100%}
.pd-nm{display:flex;align-items:center;justify-content:space-between;gap:var(--s1);
  font-size:var(--t5);font-weight:700;border:1px solid var(--line);border-radius:var(--rd1);
  padding:var(--s1) var(--s2);background:var(--white);text-align:start;transition:.14s var(--ease)}
.pd-nm:hover{border-color:var(--purple);color:var(--purple)}
.pd-nm svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;opacity:.6}
.pd-hr{display:flex;align-items:center;gap:var(--s0)}
.pd-hr em{font-style:normal;font-size:var(--t5);color:var(--tx-mut);flex-shrink:0}
.pd-act{font-size:var(--t5);font-weight:700;padding:var(--s1) var(--s2);border-radius:var(--rd1);
  border:1px solid var(--line);background:var(--bg-soft);color:var(--tx-mut)}
.pd-act.on{background:var(--teal-soft);color:var(--tx-ok);border-color:transparent}
.pd-chk{display:flex;align-items:flex-start;gap:var(--s2);cursor:pointer;padding:var(--s1) 0}
.pd-chk span{display:flex;flex-direction:column;gap:1px;font-size:var(--t5);color:var(--ink-sec)}
.pd-chk em{font-style:normal;font-size:var(--t5);color:var(--tx-mut)}

.pd-s{background:var(--bg-soft);border-radius:var(--rd3);padding:var(--s2)}
.pd-sh{display:flex;align-items:baseline;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s2)}
.pd-sh b{font-size:var(--t4);font-weight:800}
.pd-src{font-size:var(--t5);color:var(--tx-mut)}
.pd-q{display:flex;align-items:center;gap:var(--s2);padding:var(--s1) 0;
  border-top:1px solid var(--line)}
.pd-q:first-of-type{border-top:none}
.pd-qi{width:26px;height:26px;border-radius:var(--rd1);background:var(--white);display:grid;
  place-items:center;flex-shrink:0}
.pd-qi svg{width:14px;height:14px;fill:none;stroke:var(--purple);stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round}
.pd-qt{flex:1;min-width:0;font-size:var(--t5);color:var(--ink-sec)}
.pd-qv{font-size:var(--t5);color:var(--tx-mut);text-align:end;display:flex;
  align-items:center;gap:var(--s0);flex-wrap:wrap;justify-content:flex-end}
.pd-qv b{font-weight:800;color:var(--tx-ok)}
.pd-qv b.no{color:var(--tx-bad)}
.pd-qv i{font-style:normal;color:var(--ink-sec)}
.pd-qv .sep{color:var(--line)}
.pd-x{display:flex;gap:var(--s1);flex-wrap:wrap;margin-top:var(--s2)}
.pd-b{display:inline-flex;align-items:center;gap:var(--s0);font-size:var(--t5);font-weight:700;
  color:#fff;background:var(--grad-btn);padding:var(--s1) var(--s3);border-radius:var(--rdp);
  transition:.14s var(--ease)}
.pd-b:hover{filter:brightness(1.08)}
.pd-b.gh{background:var(--white);color:var(--ink-sec);box-shadow:var(--sh-sm)}
.pd-b.gh:hover{color:var(--purple)}
.pd-b svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.pd-w{margin-top:var(--s1);font-size:var(--t6);color:var(--tx-mut)}
.pd-r{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap;
  padding:var(--s1) var(--s2);border-top:1px solid var(--line)}
.pd-rr{display:inline-flex;align-items:baseline;gap:var(--s0);font-size:var(--t5);color:var(--tx-mut)}
.pd-rr b{font-family:var(--mono);font-size:var(--t5);font-weight:800;color:var(--ink)}
.pd-r em{font-style:normal;font-size:var(--t6);color:var(--tx-mut);margin:auto}

/* ═══════════════════════════════════════════
   כותרת התפקיד — בהירה, כמו כל שאר המערכת
   ═══════════════════════════════════════════ */
.rhd{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--sh-sm);padding:var(--s2) var(--s4);display:flex;align-items:center;
  gap:var(--s2);flex-wrap:wrap}
.rhd-l{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s0)}
.rhd-l h3{font-size:var(--t2,21px);font-weight:800;letter-spacing:-.02em;line-height:1.15}
.rhd-u{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap}
.rhd-uu{display:inline-flex;align-items:center;gap:var(--s0);font-size:var(--t5);font-weight:600;
  color:var(--ink-sec);background:var(--bg-soft);padding:2px var(--s1) 2px var(--s0);border-radius:var(--rdp)}
.rhd-uu i{width:15px;height:15px;border-radius:50%;display:inline-block}
.rhd-ue{font-size:var(--t5);color:var(--tx-mut)}
.rhd-a{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap}
.rhd-b{font-size:var(--t5);font-weight:700;color:var(--tx-mut);background:var(--bg-soft);
  padding:var(--s1) var(--s2);border-radius:var(--rdp);transition:.14s var(--ease)}
.rhd-b:hover{color:var(--ink);background:var(--line)}
.rhd-pv{display:inline-flex;align-items:center;gap:var(--s0);font-size:var(--t5);font-weight:700;
  color:#fff;background:var(--grad-btn);padding:var(--s1) var(--s3);border-radius:var(--rdp)}
.rhd-pv:hover{filter:brightness(1.08)}
.rhd-pv svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.rhd-lk{font-size:var(--t5);font-weight:700;color:var(--tx-ok);background:var(--teal-soft);
  padding:var(--s1) var(--s2);border-radius:var(--rdp)}
.rhd-n{font-size:var(--t5);color:var(--ink-sec);background:var(--teal-soft);
  border-radius:var(--rd3);padding:var(--s2);line-height:1.6}
.rhd-t{display:flex;align-items:center;gap:var(--s0);flex-wrap:wrap}
.rhd-t>span{font-size:var(--t6);font-weight:700;color:var(--tx-mut)}
.rhd-t button{font-size:var(--t6);font-weight:600;color:var(--ink-sec);background:var(--bg-soft);
  padding:var(--s0) var(--s1);border-radius:var(--rdp);transition:.14s var(--ease)}
.rhd-t button:hover{color:var(--purple);background:var(--purple-soft)}

/* ═══════════════════════════════════════════
   חמש השאלות
   ───────────────────────────────────────────
   סגורות כברירת מחדל · השורה עונה בלי לפתוח.
   ═══════════════════════════════════════════ */
.qrs{display:flex;flex-direction:column;gap:var(--s1)}
.qr{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--sh-sm);overflow:hidden;transition:.16s var(--ease)}
.qr.opn{box-shadow:var(--sh-hover)}
.qr-h{width:100%;display:grid;grid-template-columns:36px 1fr auto 18px;gap:var(--s2);
  align-items:center;text-align:start;padding:var(--s2) var(--s4);transition:.14s var(--ease)}
.qr-h:hover{background:var(--bg-soft)}
.qr.opn .qr-h{border-bottom:1px solid var(--line)}
.qr-i{width:36px;height:36px;border-radius:var(--rd2);background:var(--purple-soft);
  display:grid;place-items:center}
.qr-i svg{width:18px;height:18px;fill:none;stroke:var(--purple);stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round}
.qr.rk .qr-i{background:var(--coral-soft)}
.qr.rk .qr-i svg{stroke:var(--coral)}
.qr-t{min-width:0;display:flex;flex-direction:column;gap:1px}
.qr-t b{font-size:var(--t4);font-weight:800}
.qr-t em{font-style:normal;font-size:var(--t5);color:var(--tx-mut)}
.qr-v{display:flex;align-items:center;gap:var(--s0);flex-wrap:wrap;justify-content:flex-end;
  font-size:var(--t5);color:var(--tx-mut);max-width:340px}
.qr-v b{font-weight:800;color:var(--tx-ok)}
.qr-v b.no{color:var(--tx-bad)}
.qr.rk .qr-v b{color:var(--tx-bad)}
.qr-v i{font-style:normal;color:var(--ink-sec);background:var(--bg-soft);
  padding:2px var(--s1);border-radius:var(--rdp);white-space:nowrap}
.qr-v .sep{color:var(--line)}
.qr-ch{width:18px;height:18px;fill:none;stroke:var(--ink-mut);stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease)}
.qr.opn .qr-ch{transform:rotate(180deg)}
.qr-b{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s4);
  animation:pdIn .2s var(--ease)}

/* ═══════════════════════════════════════════
   מצבי חסימה
   ───────────────────────────────────────────
   הסטנדרט בשוק אחיד כאן: לא להעלים בשקט. בלוק
   שנחסם נשאר במקומו, מסביר מה דרוש כדי לפתוח
   אותו, ומציע לבקש. כך העובד לא מרים טלפון
   והמנהל רואה בקשה מסודרת.
   ═══════════════════════════════════════════ */
/* הצעת תאריך למשימה · מופיעה רק כשהשדה ריק */
.duehint{display:none;align-items:center;gap:var(--s0);flex-wrap:wrap;margin-top:var(--s1)}
.duehint.on{display:flex}
.duehint>span{font-size:var(--t6);color:var(--tx-mut)}
.duehint button{font-size:var(--t6);font-weight:700;color:var(--purple);
  background:var(--purple-soft);padding:2px var(--s1);border-radius:var(--rdp);
  transition:.14s var(--ease)}
.duehint button:hover{background:var(--purple);color:#fff}
.duehint button.gh{color:var(--tx-mut);background:var(--bg-soft)}
.duehint button.gh:hover{color:var(--ink);background:var(--line)}

/* ═══════════════════════════════════════════
   מסך ההגדרות · שתי קבוצות
   ───────────────────────────────────────────
   עשר לשוניות בשורה אחת הן קיר. סרגל מקובץ
   אומר גם מה יש וגם מי אמור לגעת בזה.
   ═══════════════════════════════════════════ */
.slay{display:grid;grid-template-columns:246px 1fr;gap:var(--s4);align-items:start}
.slay-s{position:sticky;top:var(--s2);display:flex;flex-direction:column;gap:var(--s2)}
.slay-m{min-width:0;display:flex;flex-direction:column;gap:var(--s2)}
.sg{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--sh-sm);padding:var(--s2);display:flex;flex-direction:column;gap:2px}
.sg-h{display:flex;align-items:flex-start;gap:var(--s1);padding:0 var(--s1) var(--s1);
  margin-bottom:var(--s0);border-bottom:1px solid var(--line)}
.sg-i{width:26px;height:26px;border-radius:var(--rd1);background:var(--purple-soft);
  display:grid;place-items:center;flex-shrink:0}
.sg-i svg{width:14px;height:14px;fill:none;stroke:var(--purple);stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round}
.sg-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.sg-t b{font-size:var(--t5);font-weight:800}
.sg-t em{font-style:normal;font-size:var(--t6);color:var(--tx-mut);line-height:1.4}
.sg-lk{font-size:var(--t6);flex-shrink:0;cursor:help}
.sp{display:flex;align-items:center;gap:var(--s1);width:100%;text-align:start;
  padding:var(--s1) var(--s2);border-radius:var(--rd1);font-size:var(--t5);
  color:var(--ink-sec);transition:.13s var(--ease)}
.sp:hover{background:var(--bg-soft)}
.sp.on{background:var(--purple-soft);color:var(--purple);font-weight:700}
.sp-t{flex:1;min-width:0}
.sp-n{font-style:normal;font-size:var(--t6);font-weight:800;color:#fff;background:var(--coral);
  padding:0 var(--s0);border-radius:var(--rdp);min-width:16px;text-align:center}
.spane-h{display:flex;align-items:baseline;gap:var(--s2);flex-wrap:wrap;
  padding-bottom:var(--s1);border-bottom:1px solid var(--line)}
.spane-h h2{font-size:var(--t2,21px);font-weight:800;letter-spacing:-.02em}
.spane-h span{font-size:var(--t5);color:var(--tx-mut)}

/* ── שמות הישויות ── */
.enl{display:flex;flex-direction:column;gap:var(--s1)}
.en{border:1px solid var(--line);border-radius:var(--rd3);padding:var(--s2);
  transition:.14s var(--ease)}
.en.ch{border-color:rgba(110,42,234,.3);background:var(--purple-soft)}
.en-h{display:flex;align-items:baseline;gap:var(--s1);flex-wrap:wrap;margin-bottom:var(--s2)}
.en-h b{font-size:var(--t4);font-weight:800}
.en-h em{font-style:normal;font-size:var(--t6);color:var(--tx-mut)}
.en-r{margin:auto;font-size:var(--t6);font-weight:700;color:var(--tx-mut);
  background:var(--white);padding:2px var(--s1);border-radius:var(--rdp);box-shadow:var(--sh-sm)}
.en-r:hover{color:var(--purple)}
.en-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--s1)}
.en-f{display:flex;flex-direction:column;gap:var(--s0)}
.en-f i{font-style:normal;font-family:var(--mono);font-size:var(--t6);color:var(--tx-mut)}
.en-f input{font-size:var(--t5);border:1px solid var(--line);border-radius:var(--rd1);
  padding:var(--s1) var(--s2);background:var(--white);color:var(--ink)}
.en-f input:focus{outline:none;border-color:var(--purple)}
.en-p{margin-top:var(--s1);font-size:var(--t6);color:var(--tx-mut)}

/* ── שלבים ── */
.stgl{display:flex;flex-direction:column;gap:var(--s1)}
.stg{border:1px solid var(--line);border-radius:var(--rd3);padding:var(--s1) var(--s2)}
.stg.off{opacity:.55;background:var(--bg-soft)}
.stg-h{display:flex;align-items:center;gap:var(--s2)}
.stg-n{flex:1;min-width:0;display:flex;align-items:baseline;gap:var(--s1)}
.stg-n b{font-size:var(--t5);font-weight:700}
.stg-n em{font-style:normal;font-size:var(--t6);color:var(--tx-mut)}
.stg-c{font-family:var(--mono);font-size:var(--t6);color:var(--tx-mut)}
.stg-d{margin-top:var(--s0);padding-inline-start:46px;font-size:var(--t6);color:var(--tx-mut)}
.stg-w{margin-top:var(--s0);padding:var(--s0) var(--s1);border-radius:var(--rd1);
  background:var(--amber-soft,var(--bg-soft));font-size:var(--t6);color:var(--ink-sec)}

/* ── התראות ── */
.alrl{display:flex;flex-direction:column;gap:2px}
.alr{display:flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s2);
  border-radius:var(--rd2);border-top:1px solid var(--line)}
.alr:first-child{border-top:none}
.alr:hover{background:var(--bg-soft)}
.alr:not(.on){opacity:.55}
.alr .cw{padding:0}
.alr-l{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.alr-l b{font-size:var(--t5);font-weight:700}
.alr-l em{font-style:normal;font-size:var(--t6);color:var(--tx-mut)}
.alr-d{display:flex;align-items:center;gap:var(--s0);flex-shrink:0}
.alr-d input{width:58px;font-size:var(--t5);font-family:var(--mono);text-align:center;
  border:1px solid var(--line);border-radius:var(--rd1);padding:var(--s0);background:var(--white)}
.alr-d input:disabled{opacity:.5}
.alr-d i{font-style:normal;font-size:var(--t6);color:var(--tx-mut)}

@media(max-width:900px){
  .slay{grid-template-columns:1fr}
  .slay-s{position:static}
}


/* ── מסך השדות · תוספות ── */
.fwrap{display:block}
.fwrap.pv{display:grid;grid-template-columns:1fr 300px;gap:var(--s4);align-items:start}
.fg-e{display:flex;align-items:flex-end;gap:var(--s2);flex-wrap:wrap;
  padding:var(--s1) var(--s2) var(--s2);margin-bottom:var(--s1);
  border-bottom:1px solid var(--line)}
.fg-e label{display:flex;flex-direction:column;gap:var(--s0);flex:1;min-width:150px;
  font-family:var(--mono);font-size:var(--t6);color:var(--tx-mut)}
.fg-e input{font-family:var(--body,inherit);font-size:var(--t5);color:var(--ink);
  border:1px solid var(--line);border-radius:var(--rd1);padding:var(--s1) var(--s2);
  background:var(--white)}
.fl.ch{background:rgba(110,42,234,.04)}
.fl-q,.fl-ch2{font-style:normal;font-size:var(--t6);font-weight:700;
  padding:0 var(--s0);border-radius:var(--rdp);flex-shrink:0}
.fl-q{color:var(--tx-bad);background:var(--coral-soft)}
.fl-ch2{color:var(--purple);background:var(--purple-soft)}
.fl-chks{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s2)}
.fl-hint{display:block;font-style:normal;font-size:var(--t6);color:var(--purple);margin-top:2px}
.fl-opt{font-size:var(--t5);text-align:start;border:1px solid var(--line);
  border-radius:var(--rd1);padding:var(--s1) var(--s2);background:var(--white);
  color:var(--ink-sec);transition:.14s var(--ease)}
.fl-opt:hover{border-color:var(--purple);color:var(--purple)}
.fl-btn:disabled{opacity:.35;cursor:default}
.fl-btn:disabled:hover{color:var(--ink-sec)}

/* ── תצוגה מקדימה של הכרטיס ── */
.fpv{position:sticky;top:var(--s2);background:var(--bg-soft);border:1px solid var(--line);
  border-radius:var(--rd3);padding:var(--s2);max-height:70vh;overflow:auto}
.fpv-h{font-family:var(--mono);font-size:var(--t6);color:var(--tx-mut);letter-spacing:.06em;
  margin-bottom:var(--s2)}
.fpv-g{margin-bottom:var(--s2)}
.fpv-g b{display:block;font-size:var(--t5);font-weight:800;margin-bottom:var(--s0)}
.fpv-r{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s1);
  padding:var(--s0) 0;border-top:1px solid var(--line);font-size:var(--t6)}
.fpv-r span{color:var(--ink-sec)}
.fpv-r em{font-style:normal;color:var(--tx-mut)}
.fpv-q{font-style:normal;color:var(--tx-bad);margin:2px}

/* ── שלבים · תוספות ── */
.stg-i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;
  font-family:var(--mono);font-size:var(--t6);font-weight:800;color:var(--purple);
  background:var(--purple-soft);flex-shrink:0}
.stg-x{display:flex;gap:var(--s0);flex-wrap:wrap}
.stg-s{display:flex;flex-wrap:wrap;gap:var(--s0);padding-inline-start:74px;margin-top:var(--s0)}
.stg-s i{font-style:normal;font-size:var(--t6);color:var(--tx-mut);background:var(--bg-soft);
  padding:1px var(--s0);border-radius:var(--rdp)}
.stg-d{padding-inline-start:74px}

@media(max-width:1100px){ .fwrap.pv{grid-template-columns:1fr} .fpv{position:static} }

/* ═══════════════════════════════════════════
   נגישות · תקן ישראלי 5568
   ───────────────────────────────────────────
   מסתתר עד שמגיעים אליו במקלדת · אז קופץ
   למקומו. משתמש עכבר לא יראה אותו לעולם.
   ═══════════════════════════════════════════ */
.skip-link{position:absolute;inset-inline-start:-9999px;top:var(--s1);z-index:999;
  background:var(--navy);color:#fff;font-size:var(--t5);font-weight:700;
  padding:var(--s1) var(--s3);border-radius:var(--rd2)}
.skip-link:focus{inset-inline-start:var(--s3)}
#main:focus{outline:none}

/* טבעת מיקוד אחידה · נראית רק בניווט מקלדת */
:focus-visible{outline:2px solid var(--purple);outline-offset:2px;border-radius:var(--rd1)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--purple);outline-offset:2px}
.pvw-x:focus-visible,.undo-b:focus-visible{outline-color:#fff}

/* מכבדים בקשת מערכת ההפעלה להפחתת תנועה */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;
    animation-iteration-count:1 !important;transition-duration:.01ms !important}
}

/* כפתור מחיקת רשומה · שקט עד ריחוף, אדום רק כשנוגעים */
/* הפח היה מבודד בפינת הכותרת · אלמנט בודד במרחב ריק מושך
   את העין יותר מכל דבר אחר, וזה בדיוק ההפך ממה שרוצים
   מפעולה הרסנית. היום הוא פריט בתפריט ⋯ */
.hero-del{width:34px;height:34px;border-radius:var(--rd2);display:grid;place-items:center;
  background:var(--bg-soft);flex-shrink:0;align-self:center;transition:.14s var(--ease)}
.hero-del svg{width:16px;height:16px;fill:none;stroke:var(--ink-mut);stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;transition:.14s var(--ease)}
.hero-del:hover{background:var(--coral-soft)}
.hero-del:hover svg{stroke:var(--coral)}

/* ═══════════════════════════════════════════
   מסך השדות
   ───────────────────────────────────────────
   אותה שפה של רשימת העובדים — קבוצה נפתחת, שורה נפתחת. מי שלמד את אחד יודע את השני.
   ═══════════════════════════════════════════ */
.set-sub2{font-size:var(--t5);color:var(--tx-mut)}
.fgs{display:flex;flex-direction:column;gap:var(--s1)}
.fg{border:1px solid var(--line);border-radius:var(--rd3);overflow:hidden;
  transition:.16s var(--ease)}
.fg.opn{box-shadow:var(--sh-sm)}
/* הרשת עברה לכפתור הפתיחה עצמו. השורה מכילה מהיום שני ילדים
   בלבד — מה שנפתח, ומה שעורכים — ולכן ארבע עמודות כאן דחסו
   את הכותרת לרוחב של 28 פיקסלים. */
.fg-h{width:100%;display:flex;align-items:center;gap:var(--s1);
  text-align:start;padding:var(--s2);transition:.14s var(--ease)}
.fg-h:hover{background:var(--bg-soft)}
.fg.opn .fg-h{background:var(--purple-soft);border-bottom:1px solid var(--line)}
.fg-n{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  font-family:var(--mono);font-size:var(--t5);font-weight:800;color:var(--purple);
  background:var(--white);box-shadow:var(--sh-sm)}
.fg-t{min-width:0;display:flex;flex-direction:column;gap:1px}
.fg-t b{font-size:var(--t4);font-weight:800}
.fg-t em{font-style:normal;font-size:var(--t6);color:var(--tx-mut)}
.fg-c{font-size:var(--t5);color:var(--tx-mut);white-space:nowrap}
.fg-ch{width:18px;height:18px;fill:none;stroke:var(--ink-mut);stroke-width:2.2;
  stroke-linecap:round;transition:transform .2s var(--ease)}
.fg.opn .fg-ch{transform:rotate(180deg)}
.fg-b{padding:var(--s2);display:flex;flex-direction:column;gap:2px;
  animation:pdIn .2s var(--ease)}
.fg-add{margin-top:var(--s1);padding:var(--s1);border-radius:var(--rd2);
  border:1.5px dashed var(--line);font-size:var(--t5);font-weight:700;color:var(--tx-mut);
  transition:.14s var(--ease)}
.fg-add:hover{border-color:var(--purple);color:var(--purple);background:var(--purple-soft)}

.fl{border-radius:var(--rd2);transition:.13s var(--ease)}
.fl.off{opacity:.5}
.fl.ed{background:var(--bg-soft)}
/* ── שורת השדה · חמש עמודות במקום שש ──
   «מוצג» היה זהה בכל שורה — עמודה שכל ערכיה שווים היא רעש.
   היום היא ירדה, ובמקומה תג «מוסתר» על החריגים בלבד.
   התיבה והשם צמודים, כי הם דבר אחד. */
.fl-h{width:100%;display:grid;
  grid-template-columns:minmax(110px,1.3fr) minmax(0,auto) 78px 64px 16px;
  gap:var(--s2);align-items:center;text-align:start;padding:var(--s1) var(--s2);
  border-radius:var(--rd2)}
.fl-h:hover{background:var(--bg-soft)}
.fl-n{font-size:var(--t5);font-weight:600;display:flex;align-items:center;gap:var(--s0);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fl-c, .fl-m, .fl-pi{font-style:normal;font-size:var(--t6);font-weight:700;
  padding:0 var(--s0);border-radius:var(--rdp);flex-shrink:0}
.fl-c{color:var(--tx-mut);background:var(--bg-soft)}
.fl-m{color:var(--purple);background:var(--purple-soft)}
.fl-pi{color:var(--amber-deep,var(--coral));background:var(--amber-soft,var(--coral-soft))}
.fl-t, .fl-u, .fl-s{font-size:var(--t6);color:var(--tx-mut)}
.fl-u{font-family:var(--mono)}
.fl-ch{width:16px;height:16px;fill:none;stroke:var(--ink-mut);stroke-width:2.2;
  stroke-linecap:round;transition:transform .2s var(--ease)}
.fl.ed .fl-ch{transform:rotate(180deg)}
.fl-b{padding:var(--s1) var(--s2) var(--s2);display:flex;flex-direction:column;gap:var(--s2);
  animation:pdIn .18s var(--ease)}
.fl-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--s2)}
.fl-f{display:flex;flex-direction:column;gap:var(--s0)}
.fl-f>i{font-style:normal;font-family:var(--mono);font-size:var(--t6);color:var(--tx-mut)}
.fl-f input, .fl-f select{font-size:var(--t5);border:1px solid var(--line);
  border-radius:var(--rd1);padding:var(--s1) var(--s2);background:var(--white);color:var(--ink)}
.fl-ro{font-size:var(--t5);color:var(--ink-sec);padding:var(--s1) 0}
.fl-ro.mono{font-family:var(--mono);font-size:var(--t5);color:var(--tx-mut)}
.fl-chk{display:flex;align-items:flex-start;gap:var(--s2);cursor:pointer}
.fl-chk span{display:flex;flex-direction:column;gap:1px;font-size:var(--t5);color:var(--ink-sec)}
.fl-chk em{font-style:normal;font-size:var(--t6);color:var(--tx-mut);line-height:1.5}
.fl-x{display:flex;gap:var(--s1);flex-wrap:wrap;align-items:center}
.fl-btn{font-size:var(--t5);font-weight:700;color:var(--ink-sec);background:var(--white);
  padding:var(--s0) var(--s2);border-radius:var(--rdp);box-shadow:var(--sh-sm);
  transition:.14s var(--ease)}
.fl-btn:hover{color:var(--purple)}
.fl-btn.del{color:var(--tx-bad)}
.fl-btn.del:hover{background:var(--coral);color:#fff}
.fl-note{font-size:var(--t6);color:var(--tx-mut)}

@media(max-width:820px){
  .fl-h{grid-template-columns:1fr auto 16px}
  .fl-t, .fl-u, .fl-p{display:none}
}

/* ═══════════════════════════════════════════
   השורה התחתונה של התפקיד
   ───────────────────────────────────────────
   אחרי 65 מתגים — משפט אחד שאומר מה יצא.
   ═══════════════════════════════════════════ */
.rfx{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--sh-sm);padding:var(--s2) var(--s4)}
.rfx-h{display:flex;align-items:baseline;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s2)}
.rfx-h b{font-size:var(--t4);font-weight:800}
.rfx-tp{font-size:var(--t5);color:var(--tx-mut)}
.rfx-tp i{font-style:normal;font-weight:700;color:var(--purple)}
/* שלוש בשורה · שש קופסאות מתחלקות ל-3×2 בלי חור בסוף */
.rfx-g{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s1)}
@media(max-width:900px){.rfx-g{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.rfx-g{grid-template-columns:1fr}}
.rfx-i{display:flex;flex-direction:column;gap:1px;padding:var(--s1) var(--s2);
  border-radius:var(--rd2);background:var(--bg-soft)}
.rfx-i b{font-family:var(--mono);font-size:var(--t4);font-weight:800;color:var(--ink);
  line-height:1.2}
.rfx-i b i{font-style:normal;font-size:var(--t6);font-weight:600;color:var(--tx-mut)}
.rfx-i em{font-style:normal;font-size:var(--t6);color:var(--tx-mut);line-height:1.4}
/* פס ההתקדמות · הופך יחס למשהו שרואים בלי לקרוא */
.rfx-bar{height:3px;border-radius:var(--rdp);background:var(--line);margin-top:var(--s0);overflow:hidden}
.rfx-bar i{display:block;height:100%;border-radius:var(--rdp);background:var(--ink-mut);
  transition:width .4s var(--ease)}
.rfx-i.warn{background:var(--amber-soft)}
.rfx-i.warn b{color:var(--tx-warn)}
.rfx-i.warn .rfx-bar i{background:var(--tx-warn)}
.rfx-i.warn em::after{content:' ⚠'}
.rfx-i.rk b{color:var(--tx-bad)}
.rfx-c{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap;margin-top:var(--s2);
  padding-top:var(--s2);border-top:1px solid var(--line)}
.rfx-c>span{font-size:var(--t5);font-weight:700;color:var(--tx-mut)}
.rfx-c select{font-size:var(--t5);border:1px solid var(--line);border-radius:var(--rd1);
  padding:var(--s0) var(--s1);background:var(--white);color:var(--ink)}

/* ── השוואה · רק ההבדלים ── */
.cmp{margin-top:var(--s2);border:1px solid var(--line);border-radius:var(--rd3);overflow:hidden}
.cmp-h{display:flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s2);
  background:var(--bg-soft)}
.cmp-h b{font-size:var(--t5);font-weight:800}
.cmp-h span{font-size:var(--t6);color:var(--tx-mut)}
.cmp-x{margin-inline-start:auto;font-size:var(--t6);font-weight:700;color:var(--tx-mut);
  background:var(--white);padding:2px var(--s1);border-radius:var(--rdp)}
.cmp-x:hover{color:var(--tx-bad)}
.cmp-hd, .cmp-r{display:grid;grid-template-columns:1fr 96px 96px;gap:var(--s2);align-items:center;
  padding:var(--s0) var(--s2)}
.cmp-hd{font-family:var(--mono);font-size:var(--t6);color:var(--tx-mut);
  border-bottom:1px solid var(--line);padding-block:var(--s1)}
.cmp-hd span+span, .cmp-r span+span{text-align:center}
.cmp-r{font-size:var(--t5);border-top:1px solid var(--line)}
.cmp-r:hover{background:var(--bg-soft)}
.cmp-l{color:var(--ink-sec)}
.cmp-l i{font-style:normal;font-size:var(--t6);color:var(--tx-mut);
  background:var(--bg-soft);padding:0 var(--s0);border-radius:var(--rdp);margin-inline-start:var(--s0)}
.cmp-a, .cmp-b{font-weight:700;color:var(--tx-ok)}
.cmp-a.no, .cmp-b.no{color:var(--tx-mut);font-weight:400}
.cmp-r.rk .cmp-a, .cmp-r.rk .cmp-b{color:var(--tx-bad)}
.cmp-z{padding:var(--s2);text-align:center;font-size:var(--t5);color:var(--tx-mut)}

/* ── מתגים מקוננים ── */
.cw-kids{margin-inline-start:var(--s2);padding-inline-start:var(--s2);
  border-inline-start:2px solid var(--line);display:flex;flex-direction:column;gap:2px;
  margin-block:2px}
.cw.kid .cw-l{font-size:var(--t5)}
.cw.kid .cw-t{width:30px;height:17px}
.cw.kid .cw-t i{width:13px;height:13px}
.cw.kid.on .cw-t i{inset-inline-start:15px}
.cw-hint{margin-inline-start:var(--s2);padding:var(--s0) var(--s2);font-size:var(--t6);
  color:var(--tx-mut);border-inline-start:2px dashed var(--line)}
.own-b{font-style:normal;font-size:var(--t6);font-weight:700;color:#fff;
  background:var(--navy);padding:0 var(--s0);border-radius:var(--rdp);
  margin-inline-start:var(--s0);cursor:help}
.dep-b{font-style:normal;font-size:var(--t6);font-weight:700;color:var(--blue,var(--purple));
  background:var(--blue-soft,var(--purple-soft));padding:0 var(--s0);border-radius:var(--rdp);
  margin-inline-start:var(--s0);cursor:help}

/* ── ביטול פעולה ── */
.undo{display:flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s2);
  border-radius:var(--rd2);background:var(--navy);color:#fff;
  animation:pdIn .2s var(--ease)}
.undo-t{flex:1;font-size:var(--t5);color:rgba(255,255,255,.9)}
.undo-b{font-size:var(--t5);font-weight:700;color:#fff;background:rgba(255,255,255,.18);
  padding:var(--s0) var(--s2);border-radius:var(--rdp);transition:.14s var(--ease)}
.undo-b:hover{background:rgba(255,255,255,.3)}

/* ═══════════════════════════════════════════
   הדשבורד האישי
   ───────────────────────────────────────────
   בלי לשוניות · כותרת אישית · בורר זמן אחד.
   מסך שלם משלו, לא מסך של העסק עם חורים.
   ═══════════════════════════════════════════ */
.pers-h{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s2);
  flex-wrap:wrap}
.pers-t{display:flex;flex-direction:column;gap:2px}
.pers-t h2{font-size:var(--t2,21px);font-weight:800;letter-spacing:-.02em;line-height:1.15}
.pers-s{font-size:var(--t5);color:var(--tx-mut)}

/* ── מה יש לי היום ── */
.tdy{margin-top:var(--s4)}
.tdy-g{margin-bottom:var(--s2)}
.tdy-g:last-of-type{margin-bottom:0}
.tdy-gh{font-family:var(--mono);font-size:var(--t6);color:var(--tx-mut);letter-spacing:.06em;
  margin-bottom:var(--s0)}
.tdy-g.late .tdy-gh{color:var(--tx-bad)}
.tdy-i{width:100%;display:grid;grid-template-columns:52px 1fr auto;gap:var(--s1);
  align-items:center;text-align:start;padding:var(--s1) var(--s2);border-radius:var(--rd1);
  border-top:1px solid var(--line);transition:.13s var(--ease)}
.tdy-i:first-of-type{border-top:none}
.tdy-i:hover{background:var(--bg-soft)}
.tdy-tm{font-family:var(--mono);font-size:var(--t5);font-weight:700;color:var(--ink-sec)}
.tdy-g.late .tdy-tm{color:var(--tx-bad)}
.tdy-x{font-size:var(--t5);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tdy-k{font-size:var(--t6);font-weight:700;color:var(--tx-mut);background:var(--bg-soft);
  padding:2px var(--s1);border-radius:var(--rdp)}
.tdy-i.m .tdy-k{color:var(--purple);background:var(--purple-soft)}
.tdy-z{padding:var(--s4) var(--s3);text-align:center;font-size:var(--t5);color:var(--tx-mut)}
.tdy-all{margin-top:var(--s2);width:100%;padding:var(--s1);border-radius:var(--rd1);
  font-size:var(--t5);font-weight:700;color:var(--tx-mut);background:var(--bg-soft);
  transition:.14s var(--ease)}
.tdy-all:hover{color:var(--purple);background:var(--purple-soft)}

/* ── שורת בקשת הגישה · אחת, בתחתית ── */
.askmore{margin-top:var(--s4);display:flex;align-items:center;justify-content:center;
  gap:var(--s2);flex-wrap:wrap;padding:var(--s2);border-radius:var(--rd3);
  border:1px dashed var(--line);font-size:var(--t5);color:var(--tx-mut)}
.askmore button{font-size:var(--t5);font-weight:700;color:var(--purple);
  background:var(--purple-soft);padding:var(--s0) var(--s2);border-radius:var(--rdp);
  transition:.14s var(--ease)}
.askmore button:hover{background:var(--purple);color:#fff}
.askmore button.dis{opacity:.5;cursor:default}
.askmore button.dis:hover{background:var(--purple-soft);color:var(--purple)}

/* נפילה חיננית כשאין אינטרנט — הגרפים לא נטענים */
.dfb{display:grid;place-items:center;min-height:90px;font-size:var(--t5);
  color:var(--tx-mut);background:var(--bg-soft);border-radius:var(--rd2);
  text-align:center;padding:var(--s2)}

.msk{font-family:var(--mono);letter-spacing:.14em;color:var(--tx-mut);
  background:var(--bg-soft);padding:0 var(--s0);border-radius:var(--rd0,4px);cursor:help}
.lkp-b{margin-top:var(--s1);font-size:var(--t5);font-weight:700;color:var(--purple);
  background:var(--purple-soft);padding:var(--s1) var(--s2);border-radius:var(--rdp);
  transition:.14s var(--ease)}
.lkp-b:hover{background:var(--purple);color:#fff}

.lkp{display:flex;flex-direction:column;align-items:center;gap:var(--s1);
  padding:var(--s4) var(--s3);text-align:center}
.lkp-i{width:52px;height:52px;border-radius:var(--rd3);background:var(--bg-soft);display:grid;
  place-items:center;margin:var(--s1)}
.lkp-i svg{width:24px;height:24px;fill:none;stroke:var(--ink-mut);stroke-width:1.8;stroke-linecap:round}
.lkp b{font-size:var(--t4);font-weight:800}
.lkp em{font-style:normal;font-size:var(--t5);color:var(--tx-mut);max-width:420px;line-height:1.6}
.quickbar.qb-lk .qa{width:100%;justify-content:center;font-size:var(--t5)}

/* ═══════════════════════════════════════════
   תוספות אישיות
   ═══════════════════════════════════════════ */
.pd-a{background:var(--white);border:1px solid var(--line);border-radius:var(--rd3);
  padding:var(--s2)}
.pd-ah{display:flex;align-items:baseline;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s2)}
.pd-ah b{font-size:var(--t4);font-weight:800}
.pd-ah em{font-style:normal;font-size:var(--t5);color:var(--tx-mut)}
.adl{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s1)}
.ad{display:flex;align-items:flex-start;gap:var(--s2);padding:var(--s1) var(--s1) var(--s1) var(--s2);
  border-radius:var(--rd2);cursor:pointer;border:1px solid transparent;transition:.14s var(--ease)}
.ad:hover{background:var(--bg-soft)}
.ad.on{background:var(--purple-soft);border-color:rgba(110,42,234,.16)}
.ad.lock{opacity:.5;cursor:default}
.ad .cw-t{margin-top:2px}
.ad.on .cw-t{background:var(--purple)}
.ad-l{display:flex;flex-direction:column;gap:1px;min-width:0}
.ad-l b{font-size:var(--t5);font-weight:700;color:var(--ink-sec)}
.ad.on .ad-l b{color:var(--purple)}
.ad-l em{font-style:normal;font-size:var(--t6);color:var(--tx-mut);line-height:1.5}
/* מה התוספת פותחת · נגזר מהנתונים, לא מהכיתוב */
.ad-g{display:flex;flex-wrap:wrap;gap:var(--s0);margin-top:var(--s0)}
.ad-g i{font-style:normal;font-size:var(--t6);color:var(--tx-mut);background:var(--bg-soft);
  padding:1px var(--s0);border-radius:var(--rdp);white-space:nowrap}
.ad.on .ad-g i{color:var(--purple);background:rgba(110,42,234,.10)}
.pr-rl i{font-style:normal;font-size:var(--t6);font-weight:800;color:var(--purple);
  margin-inline-start:var(--s0)}

/* תגית מידע אישי — חוק הגנת הפרטיות */
.pii-b{font-style:normal;font-size:var(--t6);font-weight:700;color:var(--amber-deep,var(--ink-mut));
  background:var(--amber-soft,var(--bg-soft));padding:0 var(--s0);border-radius:var(--rdp);
  margin-inline-start:var(--s0)}

/* ═══════════════════════════════════════════
   בקשות גישה
   ═══════════════════════════════════════════ */
.tab-n{font-style:normal;font-size:var(--t6);font-weight:800;color:#fff;background:var(--coral);
  padding:0 var(--s0);border-radius:var(--rdp);margin-inline-start:var(--s0);min-width:16px;
  display:inline-block;text-align:center}
.rql{display:flex;flex-direction:column}
.rq{display:grid;grid-template-columns:1fr auto auto;gap:var(--s2);align-items:center;
  padding:var(--s2) var(--s1);border-top:1px solid var(--line)}
.rq:first-child{border-top:none}
.rq.done{opacity:.6}
.rq-w{font-size:var(--t5);color:var(--ink-sec)}
.rq-w b{font-weight:700;color:var(--ink)}
.rq-t{font-family:var(--mono);font-size:var(--t6);color:var(--tx-mut)}
.rq-a{display:flex;gap:var(--s0)}
.rq-y, .rq-n{font-size:var(--t5);font-weight:700;padding:var(--s0) var(--s2);border-radius:var(--rdp)}
.rq-y{color:#fff;background:var(--grad-btn)}
.rq-n{color:var(--tx-mut);background:var(--bg-soft)}
.rq-n:hover{color:var(--tx-bad);background:var(--coral-soft)}
.rq-s{font-size:var(--t6);font-weight:700;color:var(--tx-mut);background:var(--bg-soft);
  padding:2px var(--s1);border-radius:var(--rdp)}
.rq-s.ok{color:var(--tx-ok);background:var(--teal-soft)}
.rq-past{margin-top:var(--s4);padding-top:var(--s2);border-top:1px solid var(--line)}
.rq-ph{font-family:var(--mono);font-size:var(--t6);color:var(--tx-mut);letter-spacing:.06em;
  margin-bottom:var(--s1)}

/* ═══════════════════════════════════════════
   יומן שינויים
   ═══════════════════════════════════════════ */
.lgl{display:flex;flex-direction:column;max-height:560px;overflow:auto}
.lg{display:grid;grid-template-columns:132px 88px minmax(160px,1fr) minmax(0,1.2fr);
  gap:var(--s2);align-items:baseline;padding:var(--s1) var(--s1);border-top:1px solid var(--line)}
.lg:first-child{border-top:none}
.lg:hover{background:var(--bg-soft)}
.lg-d{font-family:var(--mono);font-size:var(--t6);color:var(--tx-mut);white-space:nowrap}
.lg-b{font-size:var(--t5);font-weight:700;color:var(--ink)}
.lg-w{font-size:var(--t5);color:var(--ink-sec)}
.lg-w i{font-style:normal;color:var(--purple);font-weight:600}
.lg-x{font-size:var(--t5);color:var(--tx-mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* מצב ריק אחיד */
.zst{display:flex;flex-direction:column;align-items:center;gap:var(--s1);
  padding:var(--s4) var(--s3);text-align:center}
.zst-i{width:46px;height:46px;border-radius:var(--rd3);background:var(--teal-soft);display:grid;
  place-items:center;margin:var(--s0)}
.zst-i svg{width:22px;height:22px;fill:none;stroke:var(--teal-deep);stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round}
.zst b{font-size:var(--t4);font-weight:800}
.zst em{font-style:normal;font-size:var(--t5);color:var(--tx-mut);max-width:400px;line-height:1.6}

/* מונה הבלוקים המוסתרים ברצועת התצוגה המקדימה */
.pvw-i svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;display:block}
.pvw-t em{font-style:normal;opacity:.75}
.pvw-n{font-style:normal;font-size:var(--t6);font-weight:700;background:rgba(255,255,255,.18);
  padding:2px var(--s1);border-radius:var(--rdp);margin-inline-start:var(--s1)}
.qr-v i.no, .pd-qv i.no{color:var(--tx-bad);background:var(--coral-soft)}

@media(max-width:1000px){
  .rlay{grid-template-columns:1fr}
  .rlay-s{position:static;flex-direction:row;flex-wrap:wrap;align-items:stretch}
  .rl-h{width:100%}
  .rl-i{flex:1;min-width:150px}
}
@media(max-width:820px){
  .pr-hd{display:none}
  .pr-h{grid-template-columns:34px 1fr auto 18px}
  .pr-rl, .pr-rc{display:none}
  .qr-h{grid-template-columns:34px 1fr 18px}
  .qr-v{display:none}
}

/* ════════════════════════════════════════════════════════════
   שלד אחיד למסכי ההגדרות · .pn
   ──────────────────────────────────────────────────────────── */
.pn{padding:0;overflow:hidden}
.pn-i{padding:var(--s3) var(--s3) 0;font-size:var(--t4);line-height:1.65;color:var(--ink-sec);
  max-width:78ch}
.pn-i b{color:var(--ink);font-weight:600}
.pn-a{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap;
  padding:var(--s3);border-bottom:1px solid var(--line)}
.pn-a>.cap-find{flex:1 1 200px;max-width:300px}
.pn-btns{display:flex;align-items:center;gap:var(--s0);margin-inline-start:auto;flex-wrap:wrap}
.pn-b{padding:var(--s3)}
.pn-n{padding:var(--s3);border-top:1px solid var(--line);background:var(--bg-soft);
  font-size:var(--t5);line-height:1.7;color:var(--tx-mut)}
.pn-n b{color:var(--ink-sec);font-weight:600}
.btn-g.dngr{color:var(--tx-bad);border-color:color-mix(in srgb,var(--co) 30%,transparent)}
.btn-g.dngr:hover{background:color-mix(in srgb,var(--co) 8%,transparent)}

/* ── מה מופעל בעסק · חלקים ותת-חלקים ── */
.mdll{display:flex;flex-direction:column;gap:var(--s1)}
.mdl{border:1px solid var(--line);border-radius:var(--rd1);background:var(--white);
  transition:border-color .16s,box-shadow .16s}
.mdl.opn{border-color:var(--purple);box-shadow:0 1px 10px rgba(0,0,0,.05)}
.mdl:not(.on){background:var(--bg-soft)}
.mdl-h{display:flex;align-items:center;gap:var(--s1);padding:var(--s1) var(--s3)}
.mdl-t{flex:1;display:flex;align-items:center;gap:var(--s1);background:none;border:0;
  padding:0;cursor:pointer;text-align:start;font:inherit;color:inherit;min-width:0}
.mdl-n{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.mdl-n b{font-size:var(--t4);font-weight:600;color:var(--ink)}
.mdl-n em{font-size:var(--t5);color:var(--tx-mut);font-style:normal;line-height:1.5}
.mdl:not(.on) .mdl-n b{color:var(--tx-mut)}
.mdl-c{font-size:var(--t5);color:var(--tx-mut);white-space:nowrap;
  background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--rdp);padding:2px var(--s1)}
.mdl.on .mdl-c{color:var(--tx-ok);border-color:color-mix(in srgb,var(--teal) 25%,transparent)}
.mdl-ch{width:16px;height:16px;fill:none;stroke:var(--ink-mut);stroke-width:2;flex:none;
  transition:transform .18s}
.mdl.opn .mdl-ch{transform:rotate(180deg)}
.mdl-b{border-top:1px solid var(--line);padding:var(--s1) var(--s3) var(--s3);
  display:flex;flex-direction:column;gap:2px}
.prt{display:flex;align-items:center;gap:var(--s1);padding:var(--s1) var(--s0);border-radius:var(--rd0);cursor:pointer}
.prt:hover{background:var(--bg-soft)}
.prt.dis{opacity:.45;cursor:default}
.prt.dis:hover{background:none}
.prt-l{flex:1;font-size:var(--t4);color:var(--ink-sec);display:flex;align-items:center;gap:var(--s1)}
/* ── הבאג שהצילום חשף ──
   שורות תת-הפריטים נושאות class="prt", אבל הכלל שצובע מתג
   בירוק נכתב ל-.cw בלבד. התוצאה: החלק היה פעיל, התווית אמרה
   «3 מתוך 4 פעילים», וכל ארבעת המתגים נראו כבויים.
   הכלל הזה מחזיר את המתג לדבר את האמת. */
.prt.on .cw-t{background:var(--teal)}
.prt.on .cw-t i{inset-inline-start:17px}
.prt.on .prt-l{color:var(--ink)}
.prt-l i{font-size:var(--t6);color:var(--tx-mut);font-style:normal;
  background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--rdp);padding:1px var(--s0)}
.prt-w{margin-top:var(--s0);font-size:var(--t5);color:var(--tx-mut)}

/* ── מה שונה כאן · טבלת ההתאמות ── */
.dfa{margin-bottom:var(--s3)}
.dfa:last-child{margin-bottom:0}
.dfa-h{display:flex;align-items:center;gap:var(--s1);font-size:var(--t5);font-weight:600;
  color:var(--ink-sec);padding:0 2px var(--s0)}
.dfa-h i{font-style:normal;font-size:var(--t6);color:var(--tx-mut);
  background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--rdp);padding:1px var(--s0)}
.dfr{display:grid;grid-template-columns:minmax(120px,1.2fr) minmax(140px,1.4fr) auto;
  align-items:center;gap:var(--s1);padding:var(--s1) var(--s1);border:1px solid var(--line);
  border-radius:var(--rd0);background:var(--white);margin-bottom:var(--s0)}
.dfr:hover{border-color:var(--purple)}
.dfr-w{font-size:var(--t4);color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis}
.dfr-v{display:flex;align-items:center;gap:var(--s0);font-size:var(--t5);min-width:0}
.dfr-v .was{font-style:normal;color:var(--tx-mut);text-decoration:line-through;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dfr-v svg{width:13px;height:13px;fill:none;stroke:var(--ink-mut);stroke-width:2;flex:none}
.dfr-v b{color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dfr-x{display:flex;gap:var(--s0)}

/* ── כותרת אזור בשדות · פתיחה מול עריכה ── */
.fg-o{flex:1 1 auto;min-width:0;display:grid;
  grid-template-columns:28px minmax(0,1fr) auto 18px;gap:var(--s2);align-items:center;
  background:none;border:0;padding:0;cursor:pointer;text-align:start;font:inherit;color:inherit}
.fg-x{display:flex;align-items:center;gap:2px;flex:0 0 auto}
.fg-t b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fg-t em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:900px){
  .fg-h{flex-wrap:wrap}
  .fg-o{flex-basis:100%}
  .fg-x{margin-inline-start:auto}
}

/* ── בורר הכרטיס במסך השדות ──
   קודם בוחרים על מה מדובר, ואחר כך מה יש בו. */
.fcds{display:flex;gap:var(--s1);margin-bottom:var(--s3)}
.fcd{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;
  padding:var(--s1) var(--s3);border:1px solid var(--line);border-radius:var(--rd1);
  background:var(--white);cursor:pointer;text-align:start;
  transition:border-color .16s,background .16s,box-shadow .16s}
.fcd:hover{border-color:var(--purple)}
.fcd b{font-size:var(--t4);font-weight:600;color:var(--ink-sec)}
.fcd em{font-style:normal;font-size:var(--t5);color:var(--tx-mut)}
.fcd.on{border-color:var(--purple);background:var(--purple-soft);
  box-shadow:inset 0 -2px 0 var(--purple)}
.fcd.on b{color:var(--ink)}
.fcd.on em{color:var(--ink-sec)}

/* ── חיפוש רוחבי בהגדרות ── */
.sfind{display:flex;align-items:center;gap:var(--s1);padding:var(--s1) var(--s1);margin-bottom:var(--s1);
  background:var(--white);border:1px solid var(--line);border-radius:var(--rd1);
  transition:border-color .16s,box-shadow .16s}
.sfind:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}
.sfind.on{border-color:var(--purple)}
.sfind svg{width:15px;height:15px;fill:none;stroke:var(--ink-mut);stroke-width:2;flex:none}
.sfind input{flex:1;min-width:0;background:none;border:0;font:inherit;
  font-size:var(--t5);color:var(--ink)}
.sfind input:focus{outline:none}
.sres{display:flex;flex-direction:column;gap:2px}
.sr{display:flex;align-items:center;gap:var(--s1);width:100%;padding:var(--s1) var(--s1);background:none;
  border:1px solid transparent;border-radius:var(--rd0);cursor:pointer;text-align:start}
.sr:hover{background:var(--white);border-color:var(--line)}
.sr-k{font-size:var(--t6);color:var(--tx-mut);background:var(--bg-soft);
  border:1px solid var(--line);border-radius:var(--rdp);padding:1px var(--s1);flex:none}
.sr-t{display:flex;flex-direction:column;gap:1px;min-width:0}
.sr-t b{font-size:var(--t5);font-weight:600;color:var(--ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sr-t em{font-style:normal;font-size:var(--t6);color:var(--tx-mut);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sr-no{padding:var(--s1);font-size:var(--t5);color:var(--tx-mut);text-align:center}

/* מסך התפקידים בתוך השלד — הסרגל נשאר דבוק, בלי ריווח כפול */
.pn-b>.rlay{margin:0}
.pn-b>.rlay>.rlay-s{top:var(--s3)}

/* ── יישור סופי של שורת הפעולות ──
   כשיש רק חיפוש בלי כפתורים, השורה לא צריכה למתוח את עצמה. */
.pn-a:has(.pn-btns:empty){justify-content:flex-start}

/* ════════════════════════════════════════════════════════════
   חלונות שאלה · ask.js
   ────────────────────────────────────────────────────────────
   מחליף את החלונות האפורים של הדפדפן. אותה שפת עיצוב כמו
   שאר המערכת, מימין לשמאל, ועם אימות תוך כדי הקלדה.
   ════════════════════════════════════════════════════════════ */
.ask-ov{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;
  padding:var(--s4);background:rgba(23,18,58,.44);backdrop-filter:blur(6px);
  animation:askIn .16s var(--ease)}
.ask-ov.open{display:flex}
@keyframes askIn{from{opacity:0}to{opacity:1}}
@keyframes askUp{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
.ask-w{width:100%;max-width:470px;max-height:88vh;overflow:auto;background:var(--white);
  border-radius:var(--r-lg);box-shadow:0 40px 90px -30px rgba(23,18,58,.45);
  animation:askUp .2s var(--ease)}
.ask-h{padding:var(--s4) var(--s4) 0}
.ask-h h3{font-size:var(--t2);font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.ask-h p{margin-top:var(--s0);font-size:var(--t4);line-height:1.6;color:var(--ink-sec)}
.ask-b{padding:var(--s2) var(--s4);display:flex;flex-direction:column;gap:var(--s2)}
.ask-b:empty{padding:0}
.ask-f{display:flex;flex-direction:column;gap:var(--s0)}
.ask-l{font-size:var(--t5);font-weight:600;color:var(--ink-sec);display:flex;align-items:center;gap:var(--s0)}
.ask-l i{font-style:normal;font-size:var(--t6);color:var(--tx-bad);font-weight:600}
.ask-c{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);
  padding:var(--s2) var(--s2);font:inherit;font-size:var(--t4);color:var(--ink);
  transition:border-color .14s,box-shadow .14s,background .14s}
.ask-c:hover{border-color:var(--ink-mut)}
.ask-c:focus{outline:none;background:var(--white);border-color:var(--teal);
  box-shadow:0 0 0 4px var(--teal-soft)}
.ask-c::placeholder{color:var(--tx-mut)}
textarea.ask-c{resize:vertical;line-height:1.6}
.ask-f.bad .ask-c{border-color:var(--coral);background:var(--coral-soft)}
.ask-f.bad .ask-c:focus{box-shadow:0 0 0 4px rgba(242,85,91,.15)}
.ask-hint{font-size:var(--t5);color:var(--tx-mut);line-height:1.5}
.ask-e{font-style:normal;font-size:var(--t5);color:var(--tx-bad);font-weight:600;min-height:0}
.ask-e:empty{display:none}
.ask-chk{display:flex;align-items:flex-start;gap:var(--s1);cursor:pointer;padding:2px 0}
.ask-chk input{margin-top:var(--s0);width:16px;height:16px;accent-color:var(--teal);flex:none}
.ask-chk span{display:flex;flex-direction:column;gap:2px}
.ask-chk b{font-size:var(--t4);font-weight:600;color:var(--ink)}
.ask-chk em{font-style:normal;font-size:var(--t5);color:var(--tx-mut);line-height:1.5}
.ask-note{font-size:var(--t5);color:var(--ink-sec);line-height:1.7;background:var(--bg-soft);
  border-radius:var(--rd1);padding:var(--s1) var(--s3)}

/* תצוגה מקדימה חיה — רואים את התוצאה לפני שמאשרים */
.ask-pv{background:var(--bg-soft);border:1px dashed var(--line);border-radius:var(--rd1);
  padding:var(--s3);font-size:var(--t5);color:var(--ink-sec)}
.ask-pv:empty{display:none}
.ask-pv b{display:block;font-size:var(--t6);color:var(--tx-mut);font-weight:600;
  margin-bottom:var(--s0);letter-spacing:.04em}
.ask-pv .pvr{display:flex;justify-content:space-between;gap:var(--s3);
  padding:var(--s0) 0;border-bottom:1px solid var(--line)}
.ask-pv .pvr:last-child{border-bottom:0}
.ask-pv .pvr span{color:var(--ink);font-weight:600}
.ask-pv .pvr em{font-style:normal;color:var(--tx-mut)}

/* על מה זה משפיע — המשפט שהופך אישור למודע */
.ask-im{display:flex;align-items:flex-start;gap:var(--s1);margin:0 var(--s4) var(--s3);
  padding:var(--s1) var(--s3);background:var(--amber-soft);border-radius:var(--rd1);
  font-size:var(--t5);line-height:1.6;color:#7A5405}
.ask-im svg{width:16px;height:16px;fill:none;stroke:#B07E13;stroke-width:2;flex:none;margin-top:1px}
.ask-im b{font-weight:700}
.ask-w.dngr .ask-im{background:var(--coral-soft);color:#9E2429}
.ask-w.dngr .ask-im svg{stroke:var(--coral)}

.ask-a{display:flex;gap:var(--s1);padding:var(--s2) var(--s4) var(--s4);
  border-top:1px solid var(--line);margin-top:var(--s1)}
.ask-ok{flex:1;background:var(--grad-btn);color:#fff;font-weight:700;font-size:var(--t4);
  padding:var(--s2);border-radius:var(--r-sm);border:0;cursor:pointer;transition:.14s var(--ease)}
.ask-ok:hover:not(:disabled){box-shadow:var(--sh)}
.ask-ok:disabled{opacity:.4;cursor:not-allowed}
.ask-ok.dngr{background:var(--coral)}
.ask-x{padding:var(--s2) var(--s4);border-radius:var(--r-sm);border:1px solid var(--line);
  background:var(--white);color:var(--ink-sec);font-weight:600;font-size:var(--t4);cursor:pointer}
.ask-x:hover{background:var(--bg-soft);color:var(--ink)}
@media(max-width:560px){
  .ask-ov{padding:var(--s3);align-items:flex-end}
  .ask-w{max-width:100%;border-radius:var(--r-lg) var(--r-lg) 0 0}
  .ask-a{flex-direction:column-reverse}
  .ask-x{width:100%}
}

/* ── שורת הביטול ── */
.undo{display:flex;align-items:center;gap:var(--s1);padding:var(--s1) var(--s3);
  background:var(--navy);color:#fff;border-radius:var(--rd1);
  animation:askUp .18s var(--ease)}
.undo-i{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;flex:none;opacity:.75}
.undo-t{flex:1;font-size:var(--t5);font-weight:600}
.undo-b{background:rgba(255,255,255,.14);color:#fff;border:0;border-radius:var(--rdp);
  padding:var(--s0) var(--s3);font-size:var(--t5);font-weight:700;cursor:pointer;transition:.14s}
.undo-b:hover{background:rgba(255,255,255,.26)}

/* ── פח האשפה ── */
.trl{display:flex;flex-direction:column;gap:var(--s0)}
.tr{display:grid;grid-template-columns:58px minmax(0,1fr) auto auto;gap:var(--s3);
  align-items:center;padding:var(--s1) var(--s3);border:1px solid var(--line);
  border-radius:var(--rd1);background:var(--white)}
.tr:hover{border-color:var(--purple)}
.tr-k{font-size:var(--t6);color:var(--tx-mut);background:var(--bg-soft);
  border:1px solid var(--line);border-radius:var(--rdp);padding:2px 0;text-align:center}
.tr-n{display:flex;flex-direction:column;gap:1px;min-width:0}
.tr-n b{font-size:var(--t4);font-weight:600;color:var(--ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tr-n em{font-style:normal;font-size:var(--t5);color:var(--tx-mut)}
.tr-d{font-size:var(--t5);color:var(--tx-mut);white-space:nowrap}
.tr-d.soon{color:var(--tx-bad);font-weight:600}
.tr-a{display:flex;gap:var(--s0);flex:none}
@media(max-width:640px){
  .tr{grid-template-columns:58px 1fr;row-gap:var(--s1)}
  .tr-d,.tr-a{grid-column:1/-1}
}

/* ── בחירה מרובה בשדות ── */
.fl-ck{display:flex;align-items:center;padding:0 var(--s3) 0 0;flex:none;cursor:pointer}
.fl-ck input{width:15px;height:15px;accent-color:var(--purple);cursor:pointer}
.fl{display:flex;align-items:stretch}
.fl>.fl-h{flex:1;min-width:0}
.fl.sel{background:var(--purple-soft)}
.bsel{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;
  padding:var(--s1) var(--s3);margin-bottom:var(--s3);
  background:var(--navy);border-radius:var(--rd1);animation:askUp .16s var(--ease)}
.bsel-n{font-size:var(--t5);font-weight:700;color:#fff;white-space:nowrap}
.bsel-a{display:flex;gap:var(--s0);flex-wrap:wrap;flex:1}
.bsel-a .btn-g{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff}
.bsel-a .btn-g:hover{background:rgba(255,255,255,.24)}
.bsel-x{background:none;border:0;color:rgba(255,255,255,.7);font-size:var(--t4);
  cursor:pointer;padding:2px var(--s0);border-radius:var(--rd0)}
.bsel-x:hover{background:rgba(255,255,255,.14);color:#fff}

/* ── עלויות קבועות ── */
.cstl{display:flex;flex-direction:column;gap:var(--s0)}
.cst{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:var(--s3);
  align-items:center;padding:var(--s1) var(--s3);border:1px solid var(--line);
  border-radius:var(--rd1);background:var(--white)}
.cst:hover{border-color:var(--purple)}
.cst.off{opacity:.55;background:var(--bg-soft)}
.cst-n{display:flex;flex-direction:column;gap:1px;min-width:0}
.cst-n b{font-size:var(--t4);font-weight:600;color:var(--ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cst-n em{font-style:normal;font-size:var(--t5);color:var(--tx-mut)}
.cst-v{font-family:var(--mono);font-size:var(--t4);font-weight:700;color:var(--ink);
  white-space:nowrap;display:flex;align-items:baseline;gap:var(--s0)}
.cst-v i{font-style:normal;font-family:var(--font);font-size:var(--t6);
  font-weight:400;color:var(--tx-mut)}
.cst-a{display:flex;gap:var(--s0);flex:none}
.cst-sum{margin-top:var(--s3);padding:var(--s3);background:var(--bg-soft);
  border-radius:var(--rd1);display:flex;flex-direction:column;gap:var(--s1)}
.cst-sum b{font-size:var(--t5);color:var(--ink-sec)}
.cst-tot{font-family:var(--mono);font-size:var(--t2);font-weight:800;color:var(--ink)}
.cst-brk{display:flex;flex-direction:column;gap:0;font-size:var(--t5)}
.cst-brk .pvr{display:flex;justify-content:space-between;padding:var(--s0) 0;
  border-bottom:1px solid var(--line)}
.cst-brk .pvr:last-child{border-bottom:0}
.cst-brk .pvr span{color:var(--ink-sec)}
.cst-brk .pvr em{font-style:normal;font-family:var(--mono);color:var(--ink);font-weight:600}

/* ══ שלוש הצורות · 23.8.26 ═══════════════════════════════════
   הצורה של ההוצאה — קבועה, משתנה, חד-פעמית — היא המידע הראשון
   שהעין צריכה לקלוט בשורה. לכן היא צ'יפ צבעוני ולא טקסט אפור.
   הצבע נושא משמעות: סגול = קבוע ויציב · כחול = משתנה · ענבר =
   אירוע חד-פעמי. אותה שפה שכבר משמשת במערכת.
   ═══════════════════════════════════════════════════════════ */
.cst-md{display:inline-block;padding:1px var(--s1);border-radius:99px;
  font-size:var(--t7);font-weight:700;line-height:1.6}
.cst-md.md-fix{background:var(--purple-soft);color:var(--pu)}
.cst-md.md-var{background:var(--blue-soft);color:var(--blue)}
.cst-md.md-one{background:var(--amber-soft);color:var(--am)}
.cst-est{color:var(--tx-warn);font-weight:600}
.cst-gap{font-size:var(--t6);color:var(--tx-warn);font-weight:600;margin-top:2px}
.cst.has-gap{border-inline-start:3px solid var(--amber)}

/* ══ מי ביצע · 23.8.26 ═══════════════════════════════════════
   השם יושב בשורת הכותרת של הרישום, לא בשורה משלו — כדי
   שהציר יישאר באותו גובה ולא יתארך ב-30%.
   ═══════════════════════════════════════════════════════════ */
.tl-by{display:inline-flex;align-items:center;gap:var(--s0);
  font-size:var(--t6);color:var(--tx-mut);font-weight:600}
.tl-by.none{font-style:italic;opacity:.7}
/* המידה נגזרת מסולם הטקסט ולא מומצאת · שער 3 אוכף זאת,
   ובצדק: גודל שנכתב ידנית פעם אחת הופך למאה חריגים. */
.tl-av{width:18px;height:18px;border-radius:50%;flex:none;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--tx-mut);color:#fff;font-size:var(--t7);font-weight:700;
  font-style:normal;line-height:1}

/* שורת האמינות · המספר מצהיר עד כמה אפשר לסמוך עליו */
.cst-tr{margin-top:var(--s1);padding-top:var(--s1);border-top:1px solid var(--line);
  font-size:var(--t6);color:var(--tx-mut);line-height:1.6}
.cst-tr b{color:var(--ink-sec);font-weight:700}

/* קיבוץ לפי קטגוריה · הכסף מסודר כמו שבעל עסק חושב עליו */
.cstg{margin-bottom:var(--s4)}
.cstg-h{display:flex;align-items:baseline;gap:var(--s2);padding:0 var(--s1) var(--s1);
  border-bottom:1px solid var(--line);margin-bottom:var(--s2)}
.cstg-h b{font-size:var(--t4);font-weight:700;color:var(--ink)}
.cstg-n{font-size:var(--t6);color:var(--tx-mut)}
.cstg-s{margin-inline-start:auto;font-family:var(--mono);font-size:var(--t5);
  font-weight:700;color:var(--ink-sec)}

/* שורת החורים · מה שחסר, למעלה, עם דרך לתקן */
.cst-hole{display:flex;flex-direction:column;gap:var(--s1);padding:var(--s3);
  margin-bottom:var(--s3);border-radius:var(--rd1);
  background:var(--amber-soft);border:1px solid var(--amber)}
.cst-hole b{font-size:var(--t4);color:var(--ink)}
.cst-hole em{font-style:normal;font-size:var(--t5);color:var(--ink-sec)}
.cst-hole span{display:flex;gap:var(--s1);flex-wrap:wrap;margin-top:var(--s0)}

/* ── רצועת 12 חודשים ──
   שאלה אחת: החודש הזה חריג או רגיל? עמודה לכל חודש, החודש
   הנוכחי מודגש, ומתחת — מסקנה במילים. */
.cs12{margin-bottom:var(--s4);padding:var(--s3);border:1px solid var(--line);
  border-radius:var(--rd1);background:var(--white)}
.cs12-g{display:flex;align-items:flex-end;gap:var(--s0);height:76px}
.cs12-b{flex:1;display:flex;flex-direction:column;justify-content:flex-end;
  align-items:center;gap:var(--s0);height:100%;min-width:0}
.cs12-b i{width:100%;max-width:30px;border-radius:var(--rdp) var(--rdp) 2px 2px;
  background:var(--teal-3);transition:background .18s var(--ease)}
.cs12-b:hover i{background:var(--teal-2)}
.cs12-b.now i{background:var(--teal)}
.cs12-b.nil i{background:var(--line)}
.cs12-b em{font-style:normal;font-family:var(--mono);font-size:var(--t7);
  color:var(--tx-mut);flex:none}
.cs12-b.now em{color:var(--tx-ok);font-weight:700}
.cs12-bl{margin-top:var(--s2);padding-top:var(--s2);border-top:1px solid var(--line);
  font-size:var(--t5);color:var(--ink-sec)}
.cs12-bl b{color:var(--ink);font-weight:700}

/* ══ טבלת החודשים ════════════════════════════════════════════
   המסך שבו הצורה המשתנה מקבלת מספרים. כל שורה היא חודש,
   כל תא נשמר לחוד. הפס האופקי נותן תחושת גודל יחסי בלי
   להפוך את הטבלה לגרף.
   ═══════════════════════════════════════════════════════════ */
.fxm-hd{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;
  margin-bottom:var(--s3)}
.fxm-cat{font-size:var(--t5);font-weight:700;color:var(--ink)}
.fxm-src{padding:1px var(--s1);border-radius:99px;font-size:var(--t7);
  font-weight:700;background:var(--teal-soft);color:var(--tx-ok)}
.fxm-src.est{background:var(--amber-soft);color:var(--am)}
.fxm-at{margin-inline-start:auto;font-size:var(--t6);color:var(--tx-mut)}
.fxm-sum{display:flex;gap:var(--s4);flex-wrap:wrap;padding:var(--s3);
  margin-bottom:var(--s3);background:var(--bg-soft);border-radius:var(--rd1)}
.fxm-k{display:flex;flex-direction:column;gap:1px}
.fxm-k span{font-size:var(--t6);color:var(--tx-mut)}
.fxm-k b{font-family:var(--mono);font-size:var(--t3);font-weight:800;color:var(--ink)}
.fxm-k.warn b{color:var(--tx-warn)}
.fxm-l{display:flex;flex-direction:column;gap:var(--s0)}
.fxm-r{display:grid;grid-template-columns:96px minmax(0,1fr) 148px;gap:var(--s3);
  align-items:center;padding:var(--s1) var(--s2);border-radius:var(--rd1);
  border:1px solid transparent}
.fxm-r:hover{background:var(--bg-soft)}
.fxm-r.now{border-color:var(--teal);background:var(--teal-soft)}
.fxm-r.gap .fxm-b i{background:repeating-linear-gradient(45deg,
  var(--line) 0 4px,transparent 4px 8px)}
.fxm-m{font-family:var(--mono);font-size:var(--t4);font-weight:600;color:var(--ink);
  display:flex;align-items:baseline;gap:var(--s1)}
.fxm-m i{font-style:normal;font-family:var(--font);font-size:var(--t7);
  font-weight:700;color:var(--tx-ok)}
.fxm-b{height:10px;border-radius:99px;background:var(--bg-soft);overflow:hidden}
.fxm-b i{display:block;height:100%;border-radius:99px;background:var(--teal-3);
  transition:width .2s var(--ease)}
.fxm-r.now .fxm-b i{background:var(--teal)}
.fxm-i{display:flex;align-items:center;gap:var(--s1)}
.fxm-in{width:100px;padding:var(--s1) var(--s2);border:1px solid var(--line);
  border-radius:var(--rd1);background:var(--white);font-family:var(--mono);
  font-size:var(--t4);font-weight:600;color:var(--ink);text-align:start}
.fxm-in:focus{outline:2px solid var(--purple);outline-offset:1px;border-color:var(--purple)}
.fxm-r.gap .fxm-in{background:var(--bg-soft)}
.fxm-i .sv-t{font-style:normal;font-size:var(--t7);color:var(--tx-ok);font-weight:600;
  min-width:34px}
@media(max-width:640px){
  .fxm-r{grid-template-columns:72px minmax(0,1fr);gap:var(--s2)}
  .fxm-b{display:none}
  .cs12-b em{display:none}
}
@media(max-width:640px){
  .cst{grid-template-columns:auto 1fr;row-gap:var(--s1)}
  .cst-v,.cst-a{grid-column:2}
}

/* ── חיבורים ── */
.lnkl{display:flex;flex-direction:column;gap:var(--s0)}
.lnk{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:var(--s3);
  align-items:center;padding:var(--s2) var(--s3);border:1px solid var(--line);
  border-radius:var(--rd1);background:var(--white)}
.lnk-i{width:34px;height:34px;border-radius:var(--rd1);display:grid;place-items:center;
  background:var(--bg-soft)}
.lnk-i svg{width:17px;height:17px;fill:none;stroke:var(--ink-mut);stroke-width:1.9;
  stroke-linecap:round}
.lnk.on .lnk-i{background:var(--teal-soft)}
.lnk.on .lnk-i svg{stroke:var(--teal-deep)}
.lnk-n{display:flex;flex-direction:column;gap:1px;min-width:0}
.lnk-n b{font-size:var(--t4);font-weight:600;color:var(--ink)}
.lnk-n em{font-style:normal;font-size:var(--t5);color:var(--tx-mut)}
.lnk-s{font-size:var(--t6);color:var(--tx-mut);background:var(--bg-soft);
  border:1px solid var(--line);border-radius:var(--rdp);padding:2px var(--s1);white-space:nowrap}
.lnk.on .lnk-s{color:var(--tx-ok);border-color:rgba(0,184,148,.3)}
.lnk-w{grid-column:2/-1;font-size:var(--t5);color:var(--ink-sec);line-height:1.6;
  padding-top:2px}

/* ── תפריט שורה · ⋯ ── */
.rmn{position:relative;display:inline-flex;flex:none}
.rmn-b{width:28px;height:28px;border-radius:var(--rd0);border:0;background:none;
  color:var(--tx-mut);font-size:var(--m3);line-height:1;cursor:pointer;
  display:grid;place-items:center;transition:.14s var(--ease)}
.rmn-b:hover{background:var(--bg-soft);color:var(--ink)}
.rmn.on .rmn-b{background:var(--purple-soft);color:var(--purple)}
.rmn-p{position:absolute;top:calc(100% + 4px);inset-inline-end:0;z-index:40;
  min-width:170px;background:var(--white);border:1px solid var(--line);
  border-radius:var(--rd1);box-shadow:var(--sh);padding:var(--s0);
  display:flex;flex-direction:column;animation:askUp .13s var(--ease)}
.rmn-i{width:100%;text-align:start;padding:var(--s1) var(--s2);border:0;background:none;
  border-radius:var(--rd0);font:inherit;font-size:var(--t5);color:var(--ink-sec);
  cursor:pointer;white-space:nowrap}
.rmn-i:hover:not(:disabled){background:var(--bg-soft);color:var(--ink)}
.rmn-i:disabled{opacity:.4;cursor:default}
.rmn-i.dngr{color:var(--tx-bad)}
.rmn-i.dngr:hover:not(:disabled){background:var(--coral-soft)}
.rmn-s{height:1px;background:var(--line);margin:var(--s0) var(--s0)}

/* ── טבלת השדות · אחרי הניקוי ── */
.fl-hd{display:grid;grid-template-columns:26px minmax(110px,1.3fr) minmax(0,auto) 78px 64px 16px;
  gap:var(--s2);padding:0 var(--s2) var(--s0);font-family:var(--mono);font-size:var(--t6);
  color:var(--tx-mut);letter-spacing:.05em}
.fl-tags{display:flex;align-items:center;gap:var(--s0);flex-wrap:wrap;min-width:0}
.fl-off{font-style:normal;font-size:var(--t6);font-weight:700;color:var(--tx-mut);
  background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--rdp);padding:1px var(--s1)}
/* מספר רשומות · האפס הוא החריג המעניין, לא ה-185 */
.fl-u{font-family:var(--mono);font-size:var(--t5);color:var(--tx-mut);text-align:start}
.fl-u.zero{color:var(--tx-warn);font-weight:700}
.fl-ck{padding:0 var(--s1) 0 0}

/* ── «נשמר» ליד השדה ── */
.okmark{display:inline-flex;align-items:center;gap:var(--s0);margin-inline-start:var(--s0);
  font-style:normal;font-size:var(--t6);font-weight:700;color:var(--tx-ok);
  animation:okIn .2s var(--ease)}
.okmark svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:3;
  stroke-linecap:round;stroke-linejoin:round}
@keyframes okIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}

/* ── ההסבר שלא חוסם ── */
.pn-i{display:flex;align-items:flex-start;gap:var(--s1);flex-wrap:wrap}
.pn-i-t{flex:1;min-width:0}
.pn-i-q{width:22px;height:22px;flex:none;border-radius:50%;border:1px solid var(--line);
  background:var(--white);color:var(--tx-mut);font-size:var(--t5);font-weight:700;
  cursor:pointer;display:grid;place-items:center;line-height:1;transition:.14s var(--ease)}
.pn-i-q:hover{border-color:var(--purple);color:var(--purple);background:var(--purple-soft)}
.pn-i-q[aria-expanded="true"]{background:var(--purple-soft);color:var(--purple);border-color:var(--purple)}
.pn-i-m{flex-basis:100%;margin-top:var(--s1);padding:var(--s1) var(--s3);background:var(--bg-soft);
  border-radius:var(--rd1);font-size:var(--t5);line-height:1.75;color:var(--ink-sec);
  animation:okIn .16s var(--ease)}

/* ── קופסת ההקשר בסרגל ההגדרות ── */
.sctx{margin-top:var(--s2);background:var(--white);border:1px solid var(--line);
  border-radius:var(--rd3);overflow:hidden}
.sctx-h{padding:var(--s1) var(--s2) var(--s1);font-family:var(--mono);font-size:var(--t6);
  color:var(--tx-mut);letter-spacing:.06em;border-bottom:1px solid var(--line)}
.sctx-r{width:100%;display:flex;align-items:center;gap:var(--s1);padding:var(--s1) var(--s2);
  background:none;border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:start}
.sctx-r:hover{background:var(--bg-soft)}
.sctx-n{min-width:26px;font-family:var(--mono);font-size:var(--t4);font-weight:800;
  color:var(--tx-mut);flex:none}
.sctx-n.on{color:var(--purple)}
.sctx-n.sm{font-size:var(--t5);font-weight:700;min-width:auto;white-space:nowrap}
.sctx-l{font-size:var(--t5);color:var(--ink-sec);line-height:1.4;min-width:0;
  overflow:hidden;text-overflow:ellipsis}
.sctx-f{padding:var(--s1) var(--s2);font-size:var(--t6);color:var(--tx-mut);line-height:1.6}

/* ── «חדש» כפעולה ראשית בסרגל המשימות ── */
.tb-add.pri>.fhead{background:var(--grad-btn);color:#fff;border-color:transparent;
  font-weight:700;box-shadow:0 4px 12px -5px rgba(0,169,143,.5)}
.tb-add.pri>.fhead:hover{transform:translateY(-1px)}
.tb-add.pri .tb-plus{stroke:#fff}
.tb-add.pri>.fhead .fchev{stroke:#fff}
/* שורת הכתיבה החופשית · כלי עזר, לא הכוכב */
.tb-nl{flex:1 1 220px;max-width:420px}
.tb-go{background:var(--white);color:var(--tx-ok);border:1px solid rgba(0,184,148,.35)}
.tb-go:hover{background:var(--teal-soft)}

/* מי שפנוי נספר במילים · גלולה של «0 · 0ש׳» אינה מידע */
.wl-free{font-size:var(--t5);color:var(--tx-mut);align-self:center}

/* עמודה בודדת אינה גרף · עד שיש מה להשוות, מוצג משפט */
.sls-none{padding:var(--s2) var(--s3);background:var(--bg-soft);border-radius:var(--rd1);
  font-size:var(--t5);color:var(--tx-mut);line-height:1.7;text-align:center}

/* ── מה שמעבר ליעד נראה אחרת ממה שעד אליו ──
   פס אחיד לא מבחין בין «הגעת ליעד» לבין «עברת אותו פי ארבע».
   החלק שמעבר מסומן בפסים אלכסוניים — כמות שרואים, לא קוראים. */
.pcr-over{position:absolute;top:0;height:100%;border-radius:0 var(--rdp) var(--rdp) 0;
  background:repeating-linear-gradient(115deg,var(--teal) 0 4px,rgba(0,184,148,.45) 4px 8px)}
.pcr-t.over{overflow:hidden}

/* ════════ אשף ההקמה ════════
   רצף אחד שכותב את כל הגדרות המבנה. הסרגל למעלה הוא גם
   מפה וגם ניווט — לוחצים על שלב וקופצים אליו. */
.wzi{padding:2px 0}
.wzi-hd{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);
  padding:var(--s3);background:var(--bg-soft);border-radius:var(--rd2);margin-bottom:var(--s3)}
.wzi-hd-t b{display:block;font-size:var(--m2);font-weight:800;letter-spacing:-.02em}
.wzi-hd-t em{display:block;font-style:normal;font-size:var(--t6);color:var(--tx-mut);margin-top:var(--s0)}
.wzi-pr{height:5px;border-radius:99px;background:var(--bg-soft);overflow:hidden;margin-bottom:var(--s3)}
.wzi-pr b{display:block;height:100%;background:var(--grad-btn);border-radius:99px;
  transition:width .4s var(--ease)}
.wzi-l{list-style:none;display:grid;gap:var(--s0)}
.wzi-s{display:flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s2);
  border-radius:var(--rd1);border:1px solid var(--line)}
.wzi-s.ok{border-color:var(--teal-soft);background:var(--teal-soft)}
.wzi-s.sk{opacity:.62}
.wzi-n{width:24px;height:24px;flex:none;display:grid;place-items:center;border-radius:99px;
  background:var(--white);border:1px solid var(--line);font-family:var(--mono);
  font-size:var(--t7);font-weight:700;color:var(--tx-mut)}
.wzi-s.ok .wzi-n{background:var(--teal);border-color:var(--teal);color:#fff}
.wzi-t b{font-size:var(--t5);font-weight:700}
.wzi-t em{font-style:normal;font-size:var(--t6);color:var(--tx-mut);margin-inline-start:var(--s1)}
.wzi-b{margin-inline-start:auto;font-size:var(--t7);font-weight:700;color:var(--tx-warn);
  background:var(--amber-soft);padding:2px var(--s1);border-radius:99px}

/* ── האשף בריצה ── */
.wz{padding:0;overflow:hidden}
.wz-top{display:flex;align-items:center;gap:var(--s1);padding:var(--s2) var(--s3);
  background:var(--bg-soft);border-bottom:1px solid var(--line)}
.wz-rail{display:flex;align-items:center;gap:var(--s0);flex:1;overflow-x:auto;scrollbar-width:none}
.wz-rail::-webkit-scrollbar{display:none}
.wz-st{display:flex;align-items:center;gap:var(--s1);padding:var(--s0) var(--s2);border-radius:99px;
  white-space:nowrap;font-size:var(--t6);font-weight:600;color:var(--tx-mut);
  transition:all .2s var(--ease)}
.wz-st:hover{background:var(--white)}
.wz-st.on{background:var(--white);color:var(--ink);font-weight:800;box-shadow:var(--sh-sm)}
.wz-st.sk{opacity:.55}
.wz-st-n{width:19px;height:19px;flex:none;display:grid;place-items:center;border-radius:99px;
  background:var(--white);border:1px solid var(--line);font-family:var(--mono);
  font-size:var(--t7);font-weight:700}
.wz-st.ok .wz-st-n{background:var(--teal);border-color:var(--teal);color:#fff}
.wz-st.on .wz-st-n{background:var(--navy);border-color:var(--navy);color:#fff}
.wz-x{width:28px;height:28px;flex:none;border-radius:99px;display:grid;place-items:center;
  color:var(--tx-mut);font-size:var(--t5)}
.wz-x:hover{background:var(--white);color:var(--ink)}

.wz-hd{padding:var(--s3) var(--s3) var(--s2)}
.wz-hd-n{font-family:var(--mono);font-size:var(--t7);font-weight:700;letter-spacing:.18em;
  color:var(--tx-ok);text-transform:uppercase}
.wz-hd h3{font-size:var(--m1);font-weight:800;letter-spacing:-.025em;margin-top:var(--s0)}
.wz-hd p{font-size:var(--t5);color:var(--ink-sec);margin-top:var(--s0);max-width:64ch;font-weight:300}
.wz-b{padding:0 var(--s3) var(--s3)}

.wz-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);
  padding:var(--s2) var(--s3);background:var(--bg-soft);border-top:1px solid var(--line)}
.wz-nav-r{display:flex;align-items:center;gap:var(--s1)}
.wz-skip{font-size:var(--t6);font-weight:600;color:var(--tx-mut);padding:var(--s1) var(--s2);border-radius:var(--rd1)}
.wz-skip:hover{background:var(--white);color:var(--ink)}

.wz-hint{margin-top:var(--s2);padding:var(--s2);border-radius:var(--rd1);
  background:var(--bg-soft);font-size:var(--t6);color:var(--ink-sec);line-height:1.65}
.wz-hint.warn{background:var(--amber-soft);color:var(--tx-warn)}
.wz-hint b{font-weight:700;color:var(--ink)}
.wz-hint.warn b{color:var(--tx-warn)}
.wz-none{padding:var(--s2);font-size:var(--t6);color:var(--tx-mut);text-align:center}

.wz-more{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);
  margin-top:var(--s2);padding:var(--s2);border-radius:var(--rd1);border:1px dashed var(--line)}
.wz-more b{display:block;font-size:var(--t5);font-weight:700}
.wz-more em{display:block;font-style:normal;font-size:var(--t6);color:var(--tx-mut);margin-top:2px}

/* ── שלב 1 · פרטי העסק ── */
.wz-f{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s3)}
.wz-in{display:block;font-size:var(--t6);font-weight:700;color:var(--tx-mut)}
.wz-in input{display:block;width:100%;margin-top:var(--s0);padding:var(--s1) var(--s2);border-radius:var(--rd1);
  border:1px solid var(--line);background:var(--white);font-size:var(--t4);font-weight:600;color:var(--ink)}
.wz-in input:focus{border-color:var(--teal);outline:none}
.wz-in em{display:block;font-style:normal;font-weight:400;font-size:var(--t7);
  color:var(--tx-mut);margin-top:var(--s0)}

/* ── שלב 2 · מה יש לעסק ── */
.wz-mods{display:grid;gap:var(--s1)}
.wz-mod{display:flex;align-items:center;gap:var(--s2);width:100%;text-align:start;
  padding:var(--s2);border-radius:var(--rd1);border:1px solid var(--line);
  transition:all .2s var(--ease)}
.wz-mod:hover{box-shadow:var(--sh-sm)}
.wz-mod.on{border-color:var(--teal-soft);background:var(--teal-soft)}
.wz-mod-s{width:36px;height:20px;flex:none;border-radius:99px;background:var(--bg-soft);
  border:1px solid var(--line);position:relative;transition:all .2s var(--ease)}
.wz-mod-s i{position:absolute;top:2px;inset-inline-start:2px;width:14px;height:14px;
  border-radius:99px;background:var(--ink-mut);transition:all .2s var(--ease)}
.wz-mod.on .wz-mod-s{background:var(--teal);border-color:var(--teal)}
.wz-mod.on .wz-mod-s i{inset-inline-start:18px;background:#fff}
.wz-mod-t{flex:1}
.wz-mod-t b{display:block;font-size:var(--t5);font-weight:700}
.wz-mod-t em{display:block;font-style:normal;font-size:var(--t6);color:var(--tx-mut);margin-top:2px}
.wz-mod-n{font-family:var(--mono);font-size:var(--t7);color:var(--tx-mut);white-space:nowrap}

/* ── שלב 3 · שמות הישויות ── */
.wz-ents{display:grid;gap:var(--s0)}
.wz-ent{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:var(--s1);align-items:center;
  padding:var(--s1) var(--s2);border-radius:var(--rd1)}
.wz-ent.hd{font-size:var(--t7);font-weight:700;color:var(--tx-mut);text-transform:uppercase;
  letter-spacing:.1em;padding-bottom:0}
.wz-ent.chg{background:var(--teal-soft)}
.wz-ent-l{font-size:var(--t6);color:var(--ink-sec)}
.wz-ent input{width:100%;padding:var(--s1) var(--s1);border-radius:var(--rd0);border:1px solid var(--line);
  background:var(--white);font-size:var(--t5);font-weight:600}
.wz-ent input:focus{border-color:var(--teal);outline:none}

/* ── שלב 4 · שלבי התהליך ── */
.wz-stgs{display:grid;gap:var(--s0)}
.wz-stg{display:flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s2);
  border-radius:var(--rd1);border:1px solid var(--line)}
.wz-stg.off{opacity:.55}
.wz-stg-n{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:99px;
  background:var(--bg-soft);font-family:var(--mono);font-size:var(--t7);font-weight:700;color:var(--tx-mut)}
.wz-stg-t{flex:1;font-size:var(--t5);font-weight:600}
.wz-stg-t i{font-style:normal;font-size:var(--t7);color:var(--tx-mut);font-weight:400}
.wz-stg-c{font-family:var(--mono);font-size:var(--t6);color:var(--tx-mut)}

/* ── שלב 5 · השדות ── */
.wz-fcs{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--s1)}
.wz-fc{padding:var(--s2);border-radius:var(--rd1);background:var(--bg-soft)}
.wz-fc b{display:block;font-size:var(--t4);font-weight:800}
.wz-fc em{display:block;font-style:normal;font-family:var(--mono);font-size:var(--t6);
  color:var(--tx-mut);margin-top:var(--s0)}

/* ── שלב 6 · עובדים ── */
.wz-us{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--s1)}
.wz-u{display:flex;align-items:center;gap:var(--s1);padding:var(--s1) var(--s2);
  border-radius:var(--rd1);border:1px solid var(--line)}
.wz-u-a{width:28px;height:28px;flex:none;border-radius:99px;background:var(--navy);color:#fff;
  display:grid;place-items:center;font-size:var(--t6);font-weight:700}
.wz-u-t b{display:block;font-size:var(--t5);font-weight:700}
.wz-u-t em{display:block;font-style:normal;font-size:var(--t7);color:var(--tx-mut)}

/* ── שלב 7 · התראות ── */
.wz-als{display:grid;gap:var(--s0)}
.wz-al{display:flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s2);
  border-radius:var(--rd1);border:1px solid var(--line)}
.wz-al.on{border-color:var(--teal-soft)}
.wz-al-s{width:34px;height:19px;flex:none;border-radius:99px;background:var(--bg-soft);
  border:1px solid var(--line);position:relative}
.wz-al-s i{position:absolute;top:2px;inset-inline-start:2px;width:13px;height:13px;
  border-radius:99px;background:var(--ink-mut);transition:all .2s var(--ease)}
.wz-al.on .wz-al-s{background:var(--teal);border-color:var(--teal)}
.wz-al.on .wz-al-s i{inset-inline-start:17px;background:#fff}
.wz-al-t{flex:1}
.wz-al-t b{display:block;font-size:var(--t5);font-weight:700}
.wz-al-t em{display:block;font-style:normal;font-size:var(--t6);color:var(--tx-mut)}
.wz-al-d{display:flex;align-items:center;gap:var(--s0)}
.wz-al-d input{width:56px;padding:var(--s0) var(--s1);border-radius:var(--rd0);border:1px solid var(--line);
  background:var(--white);font-family:var(--mono);font-size:var(--t5);font-weight:700;text-align:center}
.wz-al-d i{font-style:normal;font-size:var(--t7);color:var(--tx-mut)}

/* ── הסיכום ── */
.wz-sm{display:grid;gap:1px;background:var(--line);border-radius:var(--rd1);overflow:hidden}
.wz-sm-r{display:grid;grid-template-columns:150px 1fr;gap:var(--s3);align-items:baseline;
  padding:var(--s1) var(--s2);background:var(--white)}
.wz-sm-r.warn{background:var(--amber-soft)}
.wz-sm-k{font-size:var(--t6);font-weight:700;color:var(--tx-mut)}
.wz-sm-v{font-size:var(--t5);color:var(--ink)}
.wz-sm-v em{font-style:normal;font-size:var(--t6);color:var(--tx-mut)}
.wz-fin{margin-top:var(--s2);padding:var(--s3);border-radius:var(--rd1);background:var(--teal-soft)}
.wz-fin b{display:block;font-size:var(--t4);font-weight:800;color:var(--tx-ok)}
.wz-fin em{display:block;font-style:normal;font-size:var(--t6);color:var(--ink-sec);
  margin-top:var(--s0);line-height:1.65;max-width:70ch}

/* ════════ נתונים וגיבוי ════════
   האזור המסוכן מופרד ויזואלית — «התחלה נקייה» היא הפעולה
   היחידה במערכת שמוחקת הכול, והיא לא צריכה להיראות כמו
   שאר הכפתורים. */
.bkw{padding:var(--s2);border-radius:var(--rd1);background:var(--amber-soft);
  color:var(--tx-warn);font-size:var(--t6);line-height:1.65;margin-bottom:var(--s3)}
.bkw b{font-weight:700}
.bkok{padding:var(--s1) var(--s2);border-radius:var(--rd1);background:var(--teal-soft);
  color:var(--tx-ok);font-size:var(--t6);margin-bottom:var(--s3)}
.bkok b{font-weight:700}
.bkg{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:var(--s1)}
.bkc{padding:var(--s2);border-radius:var(--rd1);background:var(--bg-soft);text-align:center}
.bkc b{display:block;font-size:var(--m1);font-weight:800;letter-spacing:-.02em}
.bkc em{display:block;font-style:normal;font-size:var(--t6);color:var(--tx-mut);margin-top:2px}
.bk-none{padding:var(--s3);font-size:var(--t6);color:var(--tx-mut);text-align:center}
.bk-sum{margin-top:var(--s1);font-size:var(--t6);color:var(--tx-mut);text-align:center}
.bk-sum b{font-weight:700;color:var(--ink)}
.bkz{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);
  margin-top:var(--s4);padding:var(--s3);border-radius:var(--rd2);
  border:1px solid var(--border-coral,rgba(242,85,91,.3))}
.bkz-t b{display:block;font-size:var(--t4);font-weight:800;color:var(--tx-bad)}
.bkz-t em{display:block;font-style:normal;font-size:var(--t6);color:var(--ink-sec);
  margin-top:var(--s0);line-height:1.65;max-width:62ch}
.bkz-b{flex:none;padding:var(--s1) var(--s3);border-radius:var(--rd1);white-space:nowrap;
  font-size:var(--t5);font-weight:700;color:var(--tx-bad);
  border:1px solid var(--coral);transition:all .2s var(--ease)}
.bkz-b:hover{background:var(--coral);color:#fff}

/* ════════ חיפוש כללי ════════
   יושב במרכז הסרגל העליון — הנקודה היחידה שנגישה מכל מסך.
   הרשימה נפתחת מתחתיו ולא דוחפת את התוכן. */
.fnd{position:relative;display:flex;align-items:center;gap:var(--s1);width:100%;
  padding:var(--s1) var(--s2);border-radius:var(--rdp);background:var(--white);
  border:1px solid var(--line);transition:all .2s var(--ease)}
.fnd:focus-within{border-color:var(--teal);box-shadow:var(--sh-sm)}
.fnd>svg{width:15px;height:15px;flex:none;fill:none;stroke:var(--tx-mut);
  stroke-width:2;stroke-linecap:round}
.fnd input{flex:1;border:0;background:none;outline:none;font-size:var(--t5);
  color:var(--ink);min-width:0}
.fnd input::placeholder{color:var(--tx-mut)}
.fnd-k{flex:none;font-family:var(--mono);font-size:var(--t7);color:var(--tx-mut);
  background:var(--bg-soft);padding:2px var(--s1);border-radius:var(--rd0);letter-spacing:.04em}
.fnd-x{flex:none;width:19px;height:19px;border-radius:99px;display:grid;place-items:center;
  font-size:var(--t7);color:var(--tx-mut)}
.fnd-x:hover{background:var(--bg-soft);color:var(--ink)}

.fnd-r{position:absolute;top:calc(100% + 7px);inset-inline-start:0;inset-inline-end:0;
  z-index:60;max-height:60vh;overflow-y:auto;padding:var(--s1) var(--s2);
  background:var(--white);border:1px solid var(--line);border-radius:var(--rd2);
  box-shadow:var(--sh)}
.fnd-i{display:flex;align-items:center;gap:var(--s1);width:100%;text-align:start;
  padding:var(--s1) var(--s2);border-radius:var(--rd1)}
.fnd-i:hover,.fnd-i.on{background:var(--bg-soft)}
.fnd-i-k{flex:none;min-width:52px;font-size:var(--t7);font-weight:700;color:var(--tx-mut);
  background:var(--bg-soft);padding:var(--s0) var(--s1);border-radius:99px;text-align:center}
.fnd-i.on .fnd-i-k{background:var(--teal-soft);color:var(--tx-ok)}
.fnd-i-t{flex:1;min-width:0}
.fnd-i-t b{display:block;font-size:var(--t5);font-weight:700;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fnd-i-t em{display:block;font-style:normal;font-size:var(--t6);color:var(--tx-mut);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fnd-no{padding:var(--s2);font-size:var(--t6);color:var(--tx-mut);text-align:center}

/* ════════ ייבוא נתונים ════════
   ארבעה שלבים על אותו שלד כמו האשף — מי שעבר את אחד
   מכיר כבר את השני. */
.imhow{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--s1)}
.imhow-s{display:flex;align-items:center;gap:var(--s1);padding:var(--s2);
  border-radius:var(--rd1);background:var(--bg-soft)}
.imhow-s b{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:99px;
  background:var(--white);font-family:var(--mono);font-size:var(--t7);font-weight:700;color:var(--tx-mut)}
.imhow-s span{font-size:var(--t6);color:var(--ink-sec)}

.imh-w{margin-top:var(--s3)}
.imh-h,.imprev-h{font-size:var(--t6);font-weight:700;color:var(--tx-mut);
  margin-bottom:var(--s1)}
.imh{display:flex;align-items:center;gap:var(--s1);padding:var(--s1) var(--s2);
  border-radius:var(--rd1);border:1px solid var(--line);margin-bottom:var(--s0)}
.imh-t{flex:1;min-width:0}
.imh-t b{display:block;font-size:var(--t5);font-weight:700;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.imh-t em{display:block;font-style:normal;font-size:var(--t6);color:var(--tx-mut)}

/* ── בחירת ישות ומדיניות כפילות ── */
.imsel,.imdup{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap;
  padding:var(--s2);border-radius:var(--rd1);background:var(--bg-soft);margin-bottom:var(--s3)}
.imsel>span,.imdup>span{font-size:var(--t6);color:var(--ink-sec);margin-inline-end:var(--s0)}
.imdup>span i{font-style:normal;color:var(--tx-mut)}
.imsel-b{padding:var(--s0) var(--s2);border-radius:99px;font-size:var(--t6);font-weight:600;
  color:var(--ink-sec);background:var(--white);border:1px solid var(--line);
  transition:all .2s var(--ease)}
.imsel-b:hover{border-color:var(--teal)}
.imsel-b.on{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:700}

/* ── התאמת עמודות ── */
.imms{display:grid;gap:var(--s0)}
.imm{display:grid;grid-template-columns:1fr 22px 1fr auto;gap:var(--s1);align-items:center;
  padding:var(--s1) var(--s2);border-radius:var(--rd1);border:1px solid var(--line)}
.imm.on{border-color:var(--teal-soft);background:var(--teal-soft)}
.imm.dupe{border-color:var(--amber);background:var(--amber-soft)}
.imm-h{min-width:0}
.imm-h b{display:block;font-size:var(--t5);font-weight:700;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.imm-h em{display:block;font-style:normal;font-family:var(--mono);font-size:var(--t7);
  color:var(--tx-mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.imm-a{text-align:center;color:var(--tx-mut);font-size:var(--t5)}
.imm select{width:100%;padding:var(--s1) var(--s1);border-radius:var(--rd0);border:1px solid var(--line);
  background:var(--white);font-size:var(--t6);color:var(--ink)}
.imm-w{font-style:normal;font-size:var(--t7);font-weight:700;color:var(--tx-warn);
  background:var(--white);padding:2px var(--s1);border-radius:99px;white-space:nowrap}

/* ── ההרצה היבשה ── */
.imnum{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:var(--s1);
  margin-bottom:var(--s3)}
.imn{padding:var(--s2);border-radius:var(--rd1);background:var(--bg-soft);text-align:center}
.imn b{display:block;font-size:var(--m0);font-weight:800;letter-spacing:-.02em}
.imn em{display:block;font-style:normal;font-size:var(--t6);color:var(--tx-mut);margin-top:2px}
.imn.ok{background:var(--teal-soft)} .imn.ok b{color:var(--tx-ok)}
.imn.up b{color:var(--tx-mut)}
.imn.er b{color:var(--tx-bad)}
.imprev{margin-top:var(--s3)}
.imtbl{width:100%;border-collapse:collapse;font-size:var(--t6)}
.imtbl th{text-align:start;padding:var(--s1) var(--s1);font-weight:700;color:var(--tx-mut);
  border-bottom:1px solid var(--line);white-space:nowrap}
.imtbl td{padding:var(--s1) var(--s1);border-bottom:1px solid var(--line);
  max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.imprev-m{padding:var(--s1);font-size:var(--t6);color:var(--tx-mut);text-align:center}
.imers{margin-top:var(--s3)}
.imer{display:flex;gap:var(--s1);align-items:baseline;padding:var(--s0) var(--s2);
  border-radius:var(--rd0);background:var(--coral-soft);margin-bottom:2px}
.imer.sk{background:var(--bg-soft)}
.imer b{font-family:var(--mono);font-size:var(--t7);color:var(--tx-bad);flex:none}
.imer.sk b{color:var(--tx-mut)}
.imer span{font-size:var(--t6);color:var(--ink-sec)}

/* ════════ גרסת הבסיס ════════
   הדפוס של Shopify: עץ בצד, תצוגה חיה בצד השני, ולחיצה
   בתצוגה מסמנת בעץ. שתי שורות בראש — איזו התקנה ורואה כמי. */
.bv{padding:0;overflow:hidden}
.bv-top{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;
  padding:var(--s2) var(--s3);background:var(--bg-soft);border-bottom:1px solid var(--line)}
.bv-top-g{display:flex;align-items:center;gap:var(--s1)}
.bv-top-g>i{font-style:normal;font-size:var(--t6);font-weight:700;color:var(--tx-mut)}
.bv-top-g select{padding:var(--s0) var(--s2);border-radius:var(--rd1);border:1px solid var(--line);
  background:var(--white);font-size:var(--t5);font-weight:600;color:var(--ink)}
.bv-soon{font-style:normal;font-size:var(--t7);color:var(--tx-mut)}

.bv-body{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,1.45fr);
  gap:var(--s3);padding:var(--s3);align-items:start}
@media(max-width:1100px){.bv-body{grid-template-columns:1fr}}

/* ── העץ ── */
.bv-tree{display:grid;gap:var(--s0);max-height:66vh;overflow-y:auto}
/* ── כותרת קבוצה ──
   הגבול העליון הוא מה שיוצר את התחושה של «כאן מתחיל נושא
   חדש». בלי זה 22 שורות זהות נראות כמו רשימה אחת ארוכה. */
.bvg{padding:var(--s2) 2px var(--s0);margin-top:var(--s3);
  border-top:1px solid var(--line);display:flex;align-items:baseline;gap:var(--s3)}
.bvg:first-child{margin-top:0;border-top:0;padding-top:2px}
.bvg b{font-size:var(--t6);font-weight:700;color:var(--tx);letter-spacing:.01em}
.bvg em{font-style:normal;font-size:var(--t7);color:var(--tx-mut);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.bvb{border:1px solid var(--line);border-radius:var(--rd1);overflow:hidden;
  margin-bottom:var(--s0);background:var(--white)}
.bvb.cur{border-color:var(--teal);box-shadow:var(--sh-sm)}
/* ── כבוי · חיוור ולא נעלם ──
   שקיפות לבדה הפכה את הכיבוי לקשה לזיהוי מול שורה רגילה.
   פס צדדי אומר את זה בלי לצעוק. */
.bvb.off{background:var(--bg-soft)}
.bvb.off .bvb-t b{color:var(--tx-mut)}
.bvb.off .bvb-t b::after{content:' · כבוי';font-weight:400;font-size:var(--t7);
  color:var(--tx-mut)}
.bvb-h{display:flex;align-items:center;gap:var(--s1);padding:var(--s1) var(--s2)}
.bvb.cur .bvb-h{background:var(--teal-soft)}
.bvb-x{width:18px;flex:none;color:var(--tx-mut);font-size:var(--t6)}
.bvb-t{flex:1;text-align:start;min-width:0}
.bvb-t b{display:block;font-size:var(--t5);font-weight:700}
.bvb-t em{display:block;font-style:normal;font-size:var(--t7);color:var(--tx-mut);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvb-n{font-family:var(--mono);font-size:var(--t7);color:var(--tx-mut);white-space:nowrap}
/* ── «שינית כאן» ──
   נקודה בודדת לא אמרה מה היא. עכשיו: נקודה + מספר, ובענף
   גם רקע עדין — כדי שסריקה מהירה של הרשימה תראה מיד
   איפה סטית מברירת המחדל. */
.bvb-c,.bvi-c{width:6px;height:6px;flex:none;border-radius:99px;background:var(--amber)}
.bvb-cn{display:inline-flex;align-items:center;gap:var(--s0);flex:none;
  font-size:var(--t7);color:var(--amber-ink,#854F0B);background:var(--amber-soft,#FAEEDA);
  border-radius:99px;padding:1px var(--s1);white-space:nowrap}
.bvb-cn i{width:5px;height:5px;border-radius:99px;background:var(--amber)}
.bvb-s{width:32px;height:18px;flex:none;border-radius:99px;background:var(--bg-soft);
  border:1px solid var(--line);position:relative}
.bvb-s i{position:absolute;top:2px;inset-inline-start:2px;width:12px;height:12px;
  border-radius:99px;background:var(--ink-mut);transition:all .2s var(--ease)}
.bvb-s.on{background:var(--teal);border-color:var(--teal)}
.bvb-s.on i{inset-inline-start:16px;background:#fff}
.bvb-i{border-top:1px solid var(--line);background:var(--bg-soft)}
.bvi{display:flex;align-items:center;gap:var(--s1);padding:var(--s0) var(--s2) var(--s0) var(--s4);
  border-bottom:1px solid var(--white)}
.bvi:last-child{border-bottom:0}
.bvi.off{opacity:.55}
.bvi.sel{background:var(--teal-soft)}
.bvi-t{flex:1;min-width:0}
.bvi-t b{font-size:var(--t6);font-weight:600}
.bvi-t em{font-style:normal;font-size:var(--t7);color:var(--tx-mut);margin-inline-start:var(--s1)}
.bvi-v{font-size:var(--t7);color:var(--tx-mut);white-space:nowrap}
.bvi-go{font-size:var(--t7);font-weight:700;color:var(--tx-ok);padding:2px var(--s1);
  border-radius:99px;background:var(--white)}

/* ── התצוגה ── */
.bv-view{border:1px solid var(--line);border-radius:var(--rd2);overflow:hidden;
  background:var(--bg-soft)}
.bv-view-h{display:flex;align-items:center;justify-content:space-between;gap:var(--s1);
  padding:var(--s1) var(--s2);border-bottom:1px solid var(--line);background:var(--white)}
.bv-view-t{font-size:var(--t5);font-weight:700}
.bv-dev{display:flex;gap:var(--s0)}
.bv-dev-b{padding:var(--s0) var(--s1);border-radius:99px;font-size:var(--t7);font-weight:600;
  color:var(--tx-mut)}
.bv-dev-b.on{background:var(--navy);color:#fff}
/* מסגרת התצוגה · המסך האמיתי מוקטן, בלי אינטראקציה */
.bv-frame{height:60vh;overflow:hidden;position:relative;background:var(--bg)}
.bv-scale{width:var(--bvw);transform:scale(.42);transform-origin:top right;
  pointer-events:none;padding:var(--s3)}
.bv-scale *{animation:none!important;transition:none!important}
.bv-view-n{padding:var(--s1) var(--s2);font-size:var(--t7);color:var(--tx-mut);
  text-align:center;border-top:1px solid var(--line);background:var(--white)}
.bv-err{padding:var(--s3);font-size:var(--t5);color:var(--tx-bad)}

/* ── התחתית ── */
.bv-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);
  flex-wrap:wrap;padding:var(--s2) var(--s3);background:var(--bg-soft);
  border-top:1px solid var(--line)}
.bv-foot-t{font-size:var(--t6);color:var(--ink-sec)}
.bv-foot-b{display:flex;gap:var(--s1)}

/* ════════ לקוחות המערכת ════════ */
.tns{display:grid;gap:var(--s0)}
.tn{display:flex;align-items:center;gap:var(--s2);padding:var(--s2);
  border-radius:var(--rd1);border:1px solid var(--line);transition:all .2s var(--ease)}
.tn:hover{box-shadow:var(--sh-sm)}
.tn.base{background:var(--bg-soft);border-color:var(--teal-soft)}
.tn-i{width:34px;height:34px;flex:none;border-radius:var(--rd1);display:grid;place-items:center;
  background:var(--white);border:1px solid var(--line)}
.tn.base .tn-i{background:var(--teal);border-color:var(--teal)}
.tn-i svg{width:17px;height:17px;fill:none;stroke:var(--ink-sec);stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round}
.tn.base .tn-i svg{stroke:#fff}
.tn-t{flex:1;min-width:0}
.tn-t b{display:block;font-size:var(--t4);font-weight:700}
.tn-t em{display:block;font-style:normal;font-size:var(--t6);color:var(--tx-mut);margin-top:2px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tn-n{font-size:var(--t6);color:var(--tx-mut);white-space:nowrap}
.tn.base .tn-n{color:var(--tx-ok);font-weight:600}

/* ── הסרגל בתוך לקוח ── */
.tn-bar{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;
  padding:var(--s2) var(--s3);margin-bottom:var(--s3);border-radius:var(--rd2);
  background:var(--navy);color:#fff}
.tn-back{font-size:var(--t6);font-weight:600;color:rgba(255,255,255,.8);
  padding:var(--s0) var(--s2);border-radius:99px}
.tn-back:hover{background:rgba(255,255,255,.12);color:#fff}
.tn-bar-t{flex:1;min-width:0}
.tn-bar-t b{display:block;font-size:var(--t4);font-weight:800}
.tn-bar-t em{display:block;font-style:normal;font-size:var(--t6);color:rgba(255,255,255,.65)}
.tn-bar-a{display:flex;gap:var(--s1)}
.tn-bar-a .btn-g{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff}
.tn-bar-a .btn-g:hover{background:rgba(255,255,255,.2)}
.bv-who{font-size:var(--t5);font-weight:800}

/* ── חלונות שהעסק מקים בעצמו ──
   מחלקות משלהם, אבל אותם צבעים ומרווחים כמו שאר הדשבורד —
   כדי שחלון שהוקם לא ייראה כמו גוף זר. */
.wbars{display:flex;align-items:flex-end;gap:var(--s0);height:150px;padding:var(--s1) 0}
.wbar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:var(--s0)}
.wbar i{width:100%;background:var(--purple,#6E2AEA);border-radius:3px 3px 0 0;min-height:2px;
  transition:height .5s cubic-bezier(.22,1,.36,1)}
.wbar u{font-size:var(--fs-xs,10px);color:var(--tx2);text-decoration:none;white-space:nowrap}
.wtbl{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.wtbl th{text-align:right;font-weight:500;color:var(--tx2);padding:var(--s0) var(--s1);border-bottom:1px solid var(--ln)}
.wtbl td{padding:var(--s1) var(--s1);border-bottom:1px solid var(--ln)}
.wtbl tr:last-child td{border-bottom:0}
.wtbl .n{text-align:left;font-variant-numeric:tabular-nums}
.wfun{display:flex;flex-direction:column;gap:var(--s1);padding:var(--s0) 0}
.wfun-r{display:grid;grid-template-columns:minmax(80px,1.2fr) 3fr auto auto;align-items:center;gap:var(--s1)}
.wfun-l{font-size:var(--fs-sm);color:var(--tx)}
.wfun-b{height:14px;background:var(--bg2);border-radius:7px;overflow:hidden}
.wfun-b i{display:block;height:100%;background:var(--purple,#6E2AEA);border-radius:7px;
  transition:width .5s cubic-bezier(.22,1,.36,1)}
.wfun-v{font-size:var(--fs-sm);font-variant-numeric:tabular-nums;min-width:56px;text-align:left}
.wfun-d{font-size:var(--fs-xs,10px);color:var(--bad,#E24B4A);min-width:38px;text-align:left}
.wlist{display:flex;flex-direction:column}
.wlist-r{display:flex;justify-content:space-between;gap:var(--s1);padding:var(--s1) 2px;border-bottom:1px solid var(--ln)}
.wlist-r:last-child{border-bottom:0}
.wlist-n{font-size:var(--fs-sm);color:var(--tx);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wlist-m{font-size:var(--fs-sm);color:var(--tx2);font-variant-numeric:tabular-nums;flex:none}

/* ── דף הפתיחה של ההגדרות ── */
.shome-h{margin:0 0 var(--s3)}
.shome-h h2{font-size:var(--fs-lg);font-weight:600;margin:0 0 var(--s0)}
.shome-h p{font-size:var(--fs-sm);color:var(--tx2);margin:0;line-height:1.7}
.shome-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s2)}
.shome-c{display:flex;flex-direction:column;align-items:stretch;gap:var(--s1);text-align:right;
  background:var(--bg1);border:1px solid var(--ln);border-radius:12px;padding:var(--s3) var(--s3);
  cursor:pointer;transition:border-color .15s,transform .15s}
.shome-c:hover{border-color:var(--ac);transform:translateY(-1px)}
.shome-i{width:34px;height:34px;border-radius:9px;background:var(--bg2);
  display:flex;align-items:center;justify-content:center}
.shome-i svg{width:18px;height:18px;fill:none;stroke:var(--ac);stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.shome-t b{display:block;font-size:var(--fs-md);font-weight:600;margin-bottom:var(--s0)}
.shome-t em{display:block;font-style:normal;font-size:var(--fs-sm);color:var(--tx2);line-height:1.6}
.shome-n{display:flex;flex-wrap:wrap;gap:var(--s0);margin-top:2px}
.shome-n i{font-style:normal;font-size:var(--fs-xs,10px);color:var(--tx2);
  background:var(--bg2);border-radius:6px;padding:var(--s0) var(--s1)}
.shome-n i b{color:var(--tx);font-weight:600}
.shome-p{font-size:var(--fs-xs,10px);color:var(--tx3,var(--tx2));opacity:.8;
  border-top:1px solid var(--ln);padding-top:var(--s1);margin-top:2px;line-height:1.6}
.spane-back{background:none;border:0;color:var(--ac);font-size:var(--fs-sm);
  cursor:pointer;padding:0 0 var(--s0);display:block}
.spane-back:hover{text-decoration:underline}
.head-a{display:flex;align-items:center;gap:var(--s1)}
/* ── «רואה כ…» ── */
.va-d .fhead{display:flex;align-items:center;gap:var(--s1)}
.va-i{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}
.va-d.on .fhead{border-color:var(--ac);color:var(--ac)}
.bv-live{background:none;border:1px solid var(--ln);border-radius:var(--r,8px);
  color:var(--ac);font-size:var(--fs-sm);padding:var(--s0) var(--s1);cursor:pointer;margin-inline-start:var(--s1)}
.bv-live:hover{border-color:var(--ac);background:var(--bg2)}

/* ── גרסת הבסיס כנקודת התחלה ── */
.tn-hero{background:var(--bg1);border:1px solid var(--ln);border-radius:12px;padding:var(--s3) 20px;margin:0 0 var(--s0)}
.tn-hero-t{display:flex;align-items:center;gap:var(--s2);margin:0 0 var(--s2)}
.tn-hero-i{width:38px;height:38px;border-radius:10px;background:var(--bg2);
  display:flex;align-items:center;justify-content:center;flex:none}
.tn-hero-i svg{width:19px;height:19px;fill:none;stroke:var(--ac);stroke-width:1.7}
.tn-hero-t b{display:block;font-size:var(--fs-md);font-weight:600}
.tn-hero-t em{display:block;font-style:normal;font-size:var(--fs-sm);color:var(--tx2);margin-top:2px}
.tn-hero-n{display:flex;flex-wrap:wrap;gap:var(--s1);margin:0 0 var(--s3)}
.tn-hero-n i{font-style:normal;display:flex;flex-direction:column;gap:2px;
  background:var(--bg2);border-radius:8px;padding:var(--s1) var(--s2);min-width:82px}
.tn-hero-n i span{font-size:var(--fs-xs,10px);color:var(--tx2)}
.tn-hero-n i b{font-size:var(--fs-sm);font-weight:600;color:var(--tx)}
.tn-hero-a{display:flex;flex-wrap:wrap;gap:var(--s1)}
.tn-st{font-size:var(--fs-xs,10px);border-radius:20px;padding:var(--s0) var(--s1);white-space:nowrap}
.tn-st-setup{background:var(--amberBg,var(--bg2));color:var(--amber,var(--tx2))}
.tn-st-live{background:var(--okBg,var(--bg2));color:var(--ok,var(--tx2))}
.tn-saved{font-style:normal;color:var(--tx2);opacity:.75}
.cs-cnt{font-size:var(--fs-sm);color:var(--tx2)}
.pvw-tn{background:var(--acBg,var(--bg2));border-color:var(--ac)}

/* ── רמה שלישית בעץ · השדות בתוך האזור ── */
.bvk{padding:2px var(--s4) var(--s0) 0;display:flex;flex-direction:column;gap:1px}
.bvk-r{display:flex;align-items:center;gap:var(--s1);padding:var(--s1) var(--s2);border-radius:6px}
.bvk-r:hover{background:var(--bg2)}
.bvk-r.off{opacity:.5}
.bvk-t{flex:1;min-width:0;display:flex;align-items:baseline;gap:var(--s1)}
.bvk-t b{font-size:var(--fs-sm);font-weight:400}
.bvk-t em{font-style:normal;font-size:var(--fs-xs,10px);color:var(--tx2)}
.bvi-x{background:none;border:0;color:var(--tx2);cursor:pointer;padding:0 2px;
  font-size:var(--fs-xs,10px);line-height:1;flex:none}

/* ── חיפוש בעץ גרסת הבסיס ── */
.bv-find{display:flex;align-items:center;gap:var(--s1);padding:var(--s1) var(--s1);margin:0 0 var(--s1);
  background:var(--bg2);border:1px solid transparent;border-radius:var(--r,8px)}
.bv-find.on{border-color:var(--ac);background:var(--bg1)}
.bv-find svg{width:14px;height:14px;fill:none;stroke:var(--tx2);stroke-width:1.9;flex:none}
.bv-find input{flex:1;min-width:0;border:0;background:none;font-size:var(--fs-sm);
  color:var(--tx);outline:none;font-family:inherit}
.bvb-all{background:none;border:0;color:var(--ac);font-size:var(--fs-xs,10px);
  cursor:pointer;padding:2px var(--s0);border-radius:5px;white-space:nowrap}
.bvb-all:hover{background:var(--bg2)}
.pvw-warn{background:var(--amberBg,var(--bg2));border-color:var(--amber,var(--ln))}

/* ── שלב הרשימות באשף ── */
.wz-lists{display:flex;flex-direction:column;gap:var(--s2)}
.wz-l-h{display:flex;align-items:baseline;gap:var(--s1);font-size:var(--fs-sm);font-weight:600;margin-bottom:var(--s1)}
.wz-l-h em{font-style:normal;font-weight:400;color:var(--tx2);font-size:var(--fs-xs,10px)}
.wz-l-b{display:flex;flex-wrap:wrap;gap:var(--s0)}
.wz-chip{font-style:normal;font-size:var(--fs-sm);background:var(--bg2);
  border-radius:20px;padding:var(--s0) var(--s0) var(--s0) var(--s2);color:var(--tx);
  display:inline-flex;align-items:center;gap:2px}
.wz-chip.off{opacity:.45;text-decoration:line-through}
/* תפריט ה⋯ בתוך צ'יפ — קטן, ומופיע רק כשמרחפים או במיקוד מקלדת */
.wz-chip .rmn-b{opacity:0;transition:opacity .12s;width:20px;height:20px;
  border-radius:99px;padding:0}
.wz-chip:hover .rmn-b,.wz-chip:focus-within .rmn-b,.wz-chip .rmn.on .rmn-b{opacity:1}
/* «הוספה» בסוף רשימה — פעולה משנית, לא מתחרה עם «הבא» */
.wz-add{margin-top:var(--s1);font-size:var(--fs-sm)}
.wz-stg .rmn{margin-inline-start:auto}

/* ── אזורי ההגדרות · רמה מעל הקבוצות ── */
.sz{margin:0 0 var(--s3)}
.sz-h{font-size:var(--fs-xs,10px);font-weight:600;color:var(--tx2);
  text-transform:none;letter-spacing:.02em;padding:0 var(--s0) var(--s1);
  border-bottom:1px solid var(--ln);margin:0 0 var(--s1);display:flex;
  align-items:baseline;gap:var(--s1)}
.sz-h em{font-style:normal;font-weight:400;opacity:.75}
.shome-z{margin:0 0 var(--s4)}
.shome-zh{font-size:var(--fs-sm);font-weight:600;color:var(--tx);margin:0 0 var(--s1);
  display:flex;align-items:baseline;gap:var(--s1)}
.shome-zh em{font-style:normal;font-weight:400;font-size:var(--fs-xs,10px);color:var(--tx2)}
.bvb-add{color:var(--ac);font-weight:500}

/* ════════ רשימת ההקמה ════════
   הבחירה במחקר: רשימה קצרה ולא אשף מסכים. ולכן היא צריכה
   להיראות כמו רשימה שאפשר להתקדם בה, לא כמו עוד טופס. */
/* ── «הדבר הבא» ──
   **הדבר הבולט ביותר באזור, ובכוונה.** הרשימה מתחתיו היא
   ההקשר; הוא התשובה. פס טורקיז בקצה במקום מסגרת מלאה —
   נוכחות בלי לצעוק, ובלי להתחרות בכרטיס הלקוח שמעליו. */
.tn-next{display:flex;align-items:center;gap:var(--s3);
  padding:var(--s3);margin:var(--s1) 0 calc(var(--s1) * -1);
  background:var(--white);border:1px solid var(--line);
  border-inline-start:3px solid var(--teal);
  border-radius:var(--rd2)}
.tn-next-k{flex:none;font-size:var(--t7);font-weight:700;color:var(--teal-ink,#0F6E56);
  align-self:flex-start;padding-top:var(--px1)}
.tn-next-b{flex:1;min-width:0}
.tn-next-b b{display:block;font-size:var(--t4);font-weight:700;line-height:1.3}
.tn-next-b em{display:block;font-style:normal;font-size:var(--t7);
  color:var(--tx-mut);margin-top:var(--s0)}
.tn-next-a{flex:none;background:var(--teal);color:var(--white);border:0;
  border-radius:var(--rd1);padding:var(--s1) var(--s3);
  font-size:var(--t6);font-weight:600;cursor:pointer;white-space:nowrap}
.tn-next-a:hover{filter:brightness(.94)}
@media (max-width:640px){
  .tn-next{flex-wrap:wrap}
  .tn-next-a{width:100%}
}

/* ── סדר ההקמה · שמונה תחנות ──
   **התחנה הנוכחית היא היחידה שמסבירה את עצמה.** השאר שורות
   שקטות עם שם ומשפט. זה מה שהופך רשימה של שמונה לדבר אחד
   שאפשר להסתכל עליו בלי להתעייף. */
/* ── שורה מצומצמת · לקוח שלא פתחת ──
   **שורה אחת במקום לוח של שמונה.** מה שצריך כדי להחליט אם
   לפתוח: איפה הוא עומד, מה הבא, וכמה נשאר. */
/* ── ראש מסך הלקוחות · שורה אחת ──
   **המספרים אופקיים ולא בכרטיסיות.** כרטיסייה לכל מספר
   לוקחת שורה שלמה ומכריזה על עצמה; מספר בשורה נקרא במבט
   אחד ולא גונב מקום מהרשימה. */
.tnhd{margin-bottom:var(--s2)}
.tnhd-r{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;
  padding:var(--s1) var(--s2);background:var(--white);
  border:var(--px1) solid var(--line);border-radius:var(--rd2)}
.tnhd-c{display:flex;align-items:baseline;gap:var(--s0)}
.tnhd-c b{font-size:var(--t3);font-weight:700;font-family:var(--mono)}
.tnhd-c em{font-style:normal;font-size:var(--t7);color:var(--tx-mut)}
.tnhd-c.warn b{color:var(--red-ink,#A32D2D)}
.tnhd-x{margin-inline-start:auto;background:transparent;border:0;
  font-size:var(--t7);color:var(--tx-mut);cursor:pointer;
  padding:var(--s0) var(--s1);border-radius:var(--rd0)}
.tnhd-x:hover{color:var(--teal-ink,#0F6E56);background:var(--bg-soft)}
.tnhd-n{font-size:var(--t7);color:var(--tx-mut);padding:var(--s1) var(--s2) 0}
.tnhd-d{margin-top:var(--s1)}

/* ── הצעד הבא · בתוך שורת הלקוח ──
   **שם התחנה בולט, ההסבר שקט לידו.** שורה אחת, שתי רמות. */
.tnc-s.nx{display:flex;align-items:baseline;gap:var(--s1);min-width:0}
.tnc-nx{font-size:var(--t6);font-weight:700;color:var(--teal-ink,#0F6E56);
  white-space:nowrap}
.tnc-nxw{font-size:var(--t7);color:var(--tx-mut);overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;min-width:0}
/* המונה · פותח את סדר ההקמה */
.tnc-fl{flex:none;display:inline-flex;align-items:center;gap:var(--s0);
  background:transparent;border:var(--px1) solid var(--line);
  border-radius:var(--rdp);padding:2px var(--s1);
  font-family:var(--mono);font-size:var(--t7);color:var(--tx-mut);cursor:pointer}
.tnc-fl:hover{border-color:var(--teal);color:var(--teal-ink,#0F6E56)}
.tnc-fl i{font-style:normal;font-size:var(--t7)}

.tnmi{display:flex;align-items:center;gap:var(--s2);width:100%;
  text-align:start;background:var(--white);border:var(--px1) solid var(--line);
  border-radius:var(--rd2);padding:var(--s2);margin:var(--s1) 0;cursor:pointer}
.tnmi:hover{border-color:var(--teal)}
.tnmi-pr{flex:none;width:44px;height:3px;background:var(--bg-soft);
  border-radius:99px;overflow:hidden}
.tnmi-pr b{display:block;height:3px;width:var(--w);background:var(--teal)}
.tnmi-b{flex:1;min-width:0}
.tnmi-b b{display:block;font-size:var(--t4);font-weight:600}
.tnmi-b em{display:block;font-style:normal;font-size:var(--t7);
  color:var(--tx-mut);margin-top:2px;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.tnmi-n{flex:none;font-family:var(--mono);font-size:var(--t7);color:var(--tx-mut)}
.tnmi-x{flex:none;font-size:var(--t3);color:var(--tx-mut)}
.tnmi:hover .tnmi-x{color:var(--teal)}

.tnfl{border:var(--px1) solid var(--line);border-radius:var(--rd2);
  background:var(--white);padding:var(--s2);margin:var(--s1) 0}
.tnfl-h{display:flex;align-items:baseline;justify-content:space-between;
  margin-bottom:var(--s1)}
.tnfl-t{font-size:var(--t3);font-weight:700}
.tnfl-n{font-family:var(--mono);font-size:var(--t7);color:var(--tx-mut)}
.tnfl-pr{height:3px;background:var(--bg-soft);border-radius:99px;
  margin-bottom:var(--s2)}
.tnfl-pr b{display:block;height:3px;width:var(--w);background:var(--teal);
  border-radius:99px;transition:width .3s}
.tnfl-i{display:flex;align-items:center;gap:var(--s1);
  padding:var(--s1) 0;border-top:var(--px1) solid var(--line)}
.tnfl-i:first-of-type{border-top:0}
.tnfl-num{flex:none;width:22px;height:22px;border-radius:99px;
  display:grid;place-items:center;font-family:var(--mono);font-size:var(--t7);
  border:var(--px1) solid var(--line);color:var(--tx-mut)}
.tnfl-i.ok .tnfl-num{background:var(--teal);border-color:var(--teal);
  color:var(--white)}
.tnfl-i.now .tnfl-num{border-color:var(--teal);color:var(--teal-ink,#0F6E56);
  border-width:var(--sx)}
.tnfl-b{flex:1;min-width:0}
.tnfl-b b{display:block;font-size:var(--t4);font-weight:600}
.tnfl-b em{display:block;font-style:normal;font-size:var(--t7);
  color:var(--tx-mut);margin-top:2px}
.tnfl-i.now{background:var(--bg-soft);border-radius:var(--rd1);
  padding-inline:var(--s1);margin-inline:calc(var(--s1) * -1)}
.tnfl-i.now .tnfl-b b{font-size:var(--t3)}
.tnfl-i.ok .tnfl-b b{color:var(--tx-mut)}
.tnfl-i.off,.tnfl-i.soon{opacity:.55}
.tnfl-go{flex:none;background:transparent;border:var(--px1) solid var(--line);
  border-radius:var(--rd1);padding:var(--s0) var(--s2);font-size:var(--t6);
  color:var(--tx);cursor:pointer;white-space:nowrap}
.tnfl-go:hover{border-color:var(--teal);color:var(--teal-ink,#0F6E56)}
.tnfl-go.pri{background:var(--teal);border-color:var(--teal);color:var(--white);
  font-weight:600}
.tnfl-a{flex:none;font-size:var(--t7);color:var(--tx-mut)}
.tnfl-f{font-size:var(--t7);color:var(--tx-mut);padding-top:var(--s1);
  border-top:var(--px1) solid var(--line);margin-top:var(--s1)}
/* חיבורים · חמישה שמחכים */
.tnconn{display:grid;gap:var(--s1)}
.tnconn-i{display:flex;align-items:center;gap:var(--s1);
  padding:var(--s1) var(--s2);border:var(--px1) solid var(--line);border-radius:var(--rd1)}
.tnconn-i b{font-size:var(--t4);font-weight:600}
.tnconn-i em{flex:1;font-style:normal;font-size:var(--t7);color:var(--tx-mut)}
.tnconn-i span{flex:none;font-size:var(--t7);color:var(--tx-mut);
  background:var(--bg-soft);padding:2px var(--s1);border-radius:var(--rdp)}

.tnck{border:1px solid var(--line);border-radius:var(--rd2);background:var(--white);
  padding:var(--s2);margin:var(--s3) 0 var(--s4)}
.tnck-h{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--s1)}
.tnck-t{font-size:var(--t5);font-weight:700}
.tnck-n{font-family:var(--mono);font-size:var(--t7);color:var(--tx-mut)}
.tnck-pr{height:4px;background:var(--bg-soft);border-radius:99px;margin-bottom:var(--s3)}
.tnck-pr b{display:block;height:4px;width:var(--w);background:var(--teal);border-radius:99px;
  transition:width .3s var(--ease)}
.tnck-i{display:flex;align-items:center;gap:var(--s1);width:100%;text-align:start;
  padding:var(--s1) var(--s2);border-radius:var(--rd1);border-bottom:1px solid var(--bg-soft)}
.tnck-i:last-child{border-bottom:0}
.tnck-i:hover{background:var(--bg-soft)}
.tnck-c{width:16px;height:16px;flex:none;border-radius:99px;
  border:1.5px solid var(--ln-mid,#B4B2A9)}
.tnck-i.ok .tnck-c{background:var(--teal);border-color:var(--teal);position:relative}
.tnck-i.ok .tnck-c::after{content:'';position:absolute;inset-inline-start:var(--s0);top:1px;
  width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.tnck-l{flex:1;min-width:0}
.tnck-l b{display:block;font-size:var(--t5);font-weight:600}
.tnck-i.ok .tnck-l b{color:var(--tx-mut)}
.tnck-l em{display:block;font-style:normal;font-size:var(--t7);color:var(--tx-mut);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tnck-a{flex:none;font-size:var(--t7);color:var(--tx-mut)}
/* ── שתי הקבוצות · הצורה מסבירה את הכלל ──
   כותרת דקה מפרידה, וההסבר יושב לידה ולא בשורה נפרדת.
   **מה שהמערכת מסמנת** נראה כמו שהיה — עיגול קטן, לא לחיץ
   בפני עצמו. **מה שאתה מסמן** מקבל ריבוע — צורה אחרת, כי
   זו פעולה אחרת. הריבוע הוא השפה של «אני מתקתק» בכל המערכת. */
.tnck-g{display:flex;align-items:baseline;gap:var(--s1);
  padding:var(--s3) 0 var(--s0);border-top:var(--px1) solid var(--line);
  margin-top:var(--s1)}
.tnck-g:first-of-type{border-top:0;margin-top:0;padding-top:var(--s0)}
.tnck-gt{font-size:var(--t6);font-weight:700;color:var(--tx)}
.tnck-gh{flex:1;font-size:var(--t7);color:var(--tx-mut);min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tnck-gn{flex:none;font-family:var(--mono);font-size:var(--t7);color:var(--tx-mut)}

/* שורה ידנית · תיבה + טקסט + קישור. שלושה אזורים, שתי פעולות. */
.tnck-hand{gap:var(--s1);padding:var(--s1) var(--s0)}
.tnck-hand:hover{background:transparent}   /* אין פעולה על כל השורה */
.tnck-cb{width:16px;height:16px;flex:none;border-radius:var(--rd0);
  border:var(--sx) solid var(--line-str,var(--line));background:var(--white);
  cursor:pointer;position:relative;padding:0}
.tnck-cb:hover{border-color:var(--teal)}
.tnck-hand.ok .tnck-cb{background:var(--teal);border-color:var(--teal)}
.tnck-hand.ok .tnck-cb::after{content:'';position:absolute;
  inset-inline-start:4px;top:1px;width:4px;height:8px;
  border:solid var(--white);border-width:0 var(--sx) var(--sx) 0;
  transform:rotate(45deg)}
.tnck-hand.ok .tnck-l b{color:var(--tx-mut)}
/* **נסגר לבד** נראה אחרת מ**סימנת ידנית** — מילוי חלול במקום מלא.
   אותו סטטוס, מקור אחר, וזה נראה לעין בלי שורת הסבר. */
.tnck-hand.auto .tnck-cb{background:var(--bg-soft);border-color:var(--teal)}
.tnck-hand.auto .tnck-cb::after{border-color:var(--teal)}
.tnck-go{flex:none;font-size:var(--t7);color:var(--teal-ink,#0F6E56);
  background:transparent;border:0;cursor:pointer;padding:var(--s0) var(--s1);
  border-radius:var(--rd0)}
.tnck-go:hover{background:var(--bg-soft)}
.tnck-i.ok .tnck-a{color:var(--teal-ink,#0F6E56)}

/* ── מרווח לכותרת משנה בכרטיס · היה תיקון בשורת קוד ── */
.cs-label-sp{margin-top:var(--s2)}
/* סרגל סטטוס הלקוח · אותה שפה כמו שלבי העסקה, בלי מסגרת נפרדת */
.cs-steps{margin:2px 0 var(--s1)}

/* ── מצב «אין עדיין» · החלטה, לא תקלה ──
   אורי: «נראה שבור וכאילו העמוד בבנייה». טקסט אפור מרחף
   באמצע שטח ריק קורא כמו משהו שלא נטען. מסגרת רכה וקו
   מרוסק אומרים: **המקום הזה קיים, והוא ריק כי כך זה כרגע.** */
.empty-s{padding:var(--s3);text-align:center;color:var(--tx-mut);font-size:var(--t5);
  background:var(--bg-soft);border:1px dashed var(--line);border-radius:var(--rd1);
  margin:2px 0}

/* ── כרטיס מצומצם · הסבר, לא קיר ── */
.lim-note .ct-body{padding:var(--s3) var(--s4)}
.lim-note p{margin:var(--s0) 0 var(--s2);color:var(--tx-mut);font-size:var(--t5);line-height:1.6}

/* ── לשוניות הכרטיס · מתחת לכותרת, לא בתוך העמודה ──
   קודם הן ישבו בתוך העמודה השמאלית ונראו תלושות, כאילו
   שייכות לאזור מסוים ולא לכרטיס כולו. */
.card-hero + .tabs{margin:0 0 var(--s2)}
.d-bar-f{width:var(--w)}

/* ── נקודות במקום פס אחוזים ──
   פס אחוזים ושלבים בדידים הם שתי טענות שונות על אותו דבר.
   הנקודות הן הצורה המוקטנת של אותם שלבים — שפה אחת. */
.d-dots{display:inline-flex;gap:var(--s0);align-items:center;margin-inline-start:var(--s1)}
.d-dots i{width:5px;height:5px;border-radius:99px;background:var(--line)}
.d-dots i.on{background:var(--teal)}

/* ════════════════════════════════════════════════════════════
   עורך ישיר · הבד באמצע
   ────────────────────────────────────────────────────────────
   הצורה הקודמת נתנה חצי מסך לעץ וחצי לתמונה מוקטנת שאי אפשר
   לערוך בה. כאן הבד מקבל את הרוב, ולוח המאפיינים יושב בצד
   ברוחב קבוע — כמו בכל כלי חזותי.
   ════════════════════════════════════════════════════════════ */
.edw-nav{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;
  padding:var(--s3) var(--s2);border-bottom:1px solid var(--line)}
.edw-scr{display:flex;gap:var(--s0);flex:1;flex-wrap:wrap}
.edw-s{font-size:var(--t6);padding:var(--s0) var(--s2);border-radius:var(--rdp);color:var(--tx-mut)}
.edw-s:hover{background:var(--bg-soft)}
.edw-s.on{background:var(--ink);color:#fff}
.edw-tools{display:flex;align-items:center;gap:var(--s3)}
.edw-lb{font-size:var(--t7);padding:var(--s0) var(--s1);border-radius:var(--rdp);
  border:1px solid var(--line);color:var(--tx-mut)}
.edw-lb.on{background:var(--bg-soft);color:var(--tx)}

.edw-body{display:flex;align-items:stretch;min-height:420px}
.edw-canvas{flex:1;min-width:0;background:var(--bg);padding:var(--s2);
  overflow:auto;max-height:70vh}
.edw-page{max-width:var(--bvw);margin:0 auto;background:var(--white);
  border-radius:var(--rd2);padding:var(--s2);box-shadow:var(--sh-sm)}
.edw-side{width:290px;flex:none;border-inline-start:1px solid var(--line);
  background:var(--white);max-height:70vh;overflow:auto}

/* ════════════════════════════════════════════════════════════
   העורך · לבן ואוורירי · 13.8.26
   ────────────────────────────────────────────────────────────
   **מה שראיתי בצילומים של אורי, ולא יכולתי לראות בקוד:**

   *«הכלי והתוכן באותו צבע».* פס הסבר ירוק · כפתור ירוק ·
   מתגים ירוקים · פס גלילה בגרדיאנט — **והבד עצמו צבעוני.**
   העין לא ידעה מה כלי ומה עבודה, ולכן הכול הרגיש רועש גם
   כשכל פריט בנפרד היה נכון.

   *«שלושה קצבים».* סרגל גבוה, שורות לוח בינוניות, עמודה
   צפופה — שלוש מערכות מרווחים על מסך אחד. זה נקרא
   «לא מסודר» עוד לפני שקוראים מילה.

   ── שלושת הכללים ──
   **1 · המסגרת שקטה, הבד צבעוני.** אפור־לבן בכל הכלי;
       צבע רק כשיש לו משמעות — נבחר · ממתין · אזהרה.
   **2 · קצב אחד.** אותו גובה שורה ואותו ריפוד בשלושת האזורים.
   **3 · כרטיסים ואוויר** — כמו מסך ההגדרות שאורי אמר שעובד.
   ════════════════════════════════════════════════════════════ */
.edroot{display:none}
body.ed-full .edroot{display:block;position:fixed;inset:0;z-index:80;
  background:var(--bg);animation:edfIn .2s var(--ease)}
body.ed-full .shell,body.ed-full .topbar,body.ed-full .modebar,
body.ed-full .stamp{display:none}
body.ed-full{overflow:hidden}
/* פס הגלילה בגרדיאנט הוא קישוט · בכלי עבודה הוא רעש */
body.ed-full ::-webkit-scrollbar{width:8px;height:8px}
body.ed-full ::-webkit-scrollbar-thumb{background:var(--ln-mid,#D6D4CE)}
@keyframes edfIn{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){body.ed-full .edroot{animation:none}}

.edf{display:flex;flex-direction:column;height:100%;min-height:0;--edf-row:32px}

/* ════════ הסרגל · ארבעה ════════ */
.edf-bar{position:relative;display:flex;align-items:center;gap:var(--s3);flex:none;
  padding:var(--s3);background:var(--white);border-bottom:1px solid var(--line)}
/* קו הזהות · הצבע היחיד בסרגל. הטעות המסוכנת ביותר כאן היא
   לערוך את גרסת הבסיס ולחשוב שאתה עורך את עצמך. */
.edf-bar::before{content:'';position:absolute;inset-inline:0;top:0;height:2px;
  background:var(--edf-c,var(--teal))}
.edf-bar.ed-mine{--edf-c:var(--teal)}
.edf-bar.ed-base{--edf-c:var(--purple,#6C5CE7)}
.edf-bar.ed-cust{--edf-c:var(--amber,#F6A609)}
.edf-exit{display:inline-flex;align-items:center;gap:var(--s0);flex:none;
  height:var(--edf-row);font-size:var(--t5);font-weight:600;color:var(--tx);
  padding:0 var(--s2);border-radius:var(--rd1);
  border:1px solid var(--line);background:var(--white)}
.edf-exit:hover{background:var(--bg-soft)}
.edf-who{display:inline-flex;align-items:center;gap:var(--s1);min-width:0}
.edf-who em{font-size:var(--t6);color:var(--tx-mut);font-style:normal;flex:none}
.ed-pick{height:var(--edf-row);font-size:var(--t5);font-weight:700;color:var(--ink);
  border:1px solid var(--line);border-radius:var(--rd1);
  padding:0 var(--s2);background:var(--white);max-width:220px}
.ed-pick:focus{outline:none;border-color:var(--edf-c);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--edf-c) 18%,transparent)}
.edf-eff{font-size:var(--t6);color:var(--tx-mut);white-space:nowrap}
.edf-gap{flex:1}
.edf-tools{display:inline-flex;align-items:center;gap:var(--s1);flex:none}
.edf-add{height:var(--edf-row);font-size:var(--t5);padding:0 var(--s3);white-space:nowrap}
.edf-tools .btn,.edf-tools .btn-g{height:var(--edf-row);font-size:var(--t5);
  padding:0 var(--s3);white-space:nowrap}

/* ── «תצוגה» · ארבעה פקדים בכפתור אחד ── */
.edf-vw{position:relative;display:inline-flex}
.edf-vb{height:var(--edf-row);font-size:var(--t5);padding:0 var(--s2);
  border-radius:var(--rd1);border:1px solid var(--line);
  background:var(--white);color:var(--tx-mut)}
.edf-vb:hover{background:var(--bg-soft);color:var(--tx)}
.edf-vb.on{background:var(--bg-soft);color:var(--tx);border-color:var(--ln-mid,#B4B2A9)}
/* מצב לא־רגיל · הדבר היחיד שמצדיק צבע כאן */
.edf-vb.alt{border-color:var(--amber,#F6A609);color:var(--tx-warn,#B26A00);
  background:var(--amber-soft,rgba(246,166,9,.10))}
.edf-vp{position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:6;
  width:252px;background:var(--white);border:1px solid var(--line);
  border-radius:var(--rd2);box-shadow:var(--sh-md);padding:var(--s2)}
.edf-vp-h{font-family:var(--mono);font-size:var(--t7);letter-spacing:.06em;
  color:var(--tx-mut);padding:var(--s3) 0 var(--s0)}
.edf-vp-h:first-child{padding-top:0}
.edf-vp-s{width:100%;font-size:var(--t5);border:1px solid var(--line);
  border-radius:var(--rd1);padding:var(--s1) var(--s2);background:var(--white)}
.edf-vp-d{display:flex;gap:var(--s0)}
.edf-vp-r{display:flex;align-items:center;gap:var(--s1);width:100%;text-align:start;
  font-size:var(--t5);padding:var(--s1) var(--s2);border-radius:var(--rd1);color:var(--tx)}
.edf-vp-r:hover{background:var(--bg-soft)}
.edf-vp-r i{width:22px;height:12px;flex:none;border-radius:99px;
  background:var(--ln-mid,#B4B2A9);position:relative}
.edf-vp-r i.on{background:var(--teal)}
.edf-vp-r i::after{content:'';position:absolute;top:2px;inset-inline-start:2px;
  width:8px;height:8px;border-radius:99px;background:#fff;
  transition:inset-inline-start .16s var(--ease)}
.edf-vp-r i.on::after{inset-inline-start:12px}
.edf-vp-k{display:flex;flex-wrap:wrap;gap:var(--s0) var(--s3);
  margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--line);
  font-size:var(--t7);color:var(--tx-mut)}
.edf-vp-k kbd{font-family:var(--mono);background:var(--bg-soft);
  border-radius:var(--rd0);padding:0 var(--s0);margin-inline-end:var(--s0)}

/* ── שורת ההסבר · נסגרת אחרי שקראת ── */
.edf-hint{display:flex;align-items:center;gap:var(--s1);flex:none;
  padding:var(--s1) var(--s3);font-size:var(--t6);color:var(--tx-mut);
  background:var(--bg-soft);border-bottom:1px solid var(--line)}
.edf-hint b{color:var(--tx)}
.edf-hint-i{width:5px;height:5px;border-radius:99px;
  background:var(--ln-mid,#B4B2A9);flex:none}
.edf-hint-x{margin-inline-start:auto;color:var(--tx-mut);font-size:var(--t6);
  padding:0 var(--s1);border-radius:var(--rd0)}
.edf-hint-x:hover{background:var(--white);color:var(--tx)}

/* ════════ שלוש העמודות ════════ */
.edf-body{display:flex;align-items:stretch;flex:1;min-height:0}
.edf-rail{width:212px;flex:none;overflow:auto;background:var(--white);
  border-inline-end:1px solid var(--line);padding-bottom:var(--s3)}
.edf-rq{display:flex;align-items:center;gap:var(--s0);
  padding:var(--s3) var(--s2);border-bottom:1px solid var(--line);
  position:sticky;top:0;background:var(--white);z-index:2}
.edf-railx{font-size:var(--t6);color:var(--tx-mut);padding:2px var(--s1);
  border-radius:var(--rd0);flex:none}
.edf-railx:hover{background:var(--bg-soft);color:var(--tx)}
.edf-railx.closed{width:28px;flex:none;writing-mode:vertical-rl;
  padding:var(--s3) var(--s0);border-inline-end:1px solid var(--line);
  background:var(--white);font-weight:600}
.edf-rh{font-family:var(--mono);font-size:var(--t7);letter-spacing:.06em;
  color:var(--tx-mut);padding:var(--s3) var(--s2) var(--s0)}
.edf-scr,.edf-boxes,.edf-dev{display:flex;flex-direction:column;gap:0;
  padding:0 var(--s1)}
.edf-dev{flex-direction:row;gap:var(--s0)}
.edf-s,.edf-b{display:flex;align-items:center;min-height:var(--edf-row);
  text-align:start;font-size:var(--t5);color:var(--tx);
  padding:0 var(--s2);border-radius:var(--rd1);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  transition:background .12s var(--ease)}
.edf-s:hover,.edf-b:hover{background:var(--bg-soft)}
.edf-s.on{background:var(--bg-soft);color:var(--ink);font-weight:600;
  box-shadow:inset 2px 0 0 var(--ink)}
.edf-b{color:var(--tx-mut);font-size:var(--t6);
  padding-inline-start:var(--s4);position:relative}
.edf-b::before{content:'';position:absolute;inset-inline-start:var(--s2);
  top:50%;width:4px;height:4px;margin-top:-2px;border-radius:99px;
  background:var(--ln-mid,#D6D4CE)}
.edf-b.on{background:var(--teal-soft);color:var(--tx-ok);font-weight:600}
.edf-b.on::before{background:var(--teal)}
.edf-be{font-size:var(--t7);color:var(--tx-mut);padding:var(--s1) var(--s2)}
.edf-d{flex:1;min-height:26px;font-size:var(--t7);text-align:center;
  border:1px solid var(--line);border-radius:var(--rd1);color:var(--tx-mut)}
.edf-d.on{background:var(--ink);color:#fff;border-color:var(--ink)}

.edf-canvas{flex:1;min-width:0;overflow:auto;background:var(--bg);padding:var(--s3)}
.edf-page{max-width:var(--bvw);margin:0 auto;background:var(--white);
  border-radius:var(--rd2);padding:var(--s2);box-shadow:var(--sh-sm)}
.edf-side{width:312px;flex:none;overflow:auto;background:var(--white);
  border-inline-start:1px solid var(--line)}

/* ════════ שורת התחתית ════════ */
.edf-foot{display:flex;align-items:center;gap:var(--s3);flex:none;
  padding:var(--s1) var(--s3);background:var(--white);
  border-top:1px solid var(--line);font-size:var(--t6);color:var(--tx-mut)}
.edf-undo{margin-inline-start:auto}
.edf-save{display:inline-flex;align-items:center;gap:var(--s0);
  margin-inline-start:auto;color:var(--tx-mut)}
.edf-save i{width:5px;height:5px;border-radius:99px;background:var(--teal)}
.edf-hb{font-size:var(--t6);color:var(--tx-mut);padding:2px var(--s2);
  border-radius:var(--rd1);border:1px solid var(--line)}
.edf-hb:hover,.edf-hb.on{background:var(--bg-soft);color:var(--tx)}
.edf-histw{position:relative;display:inline-flex}
.edf-hist{position:absolute;bottom:calc(100% + 6px);inset-inline-start:0;z-index:6;
  width:300px;max-height:320px;overflow:auto;background:var(--white);
  border:1px solid var(--line);border-radius:var(--rd2);box-shadow:var(--sh-md);
  padding:var(--s1)}
.edf-hist-h{font-family:var(--mono);font-size:var(--t7);letter-spacing:.06em;
  color:var(--tx-mut);padding:var(--s0) var(--s2) var(--s1)}
.edf-hi{display:flex;align-items:center;gap:var(--s1);width:100%;text-align:start;
  min-height:var(--edf-row);padding:0 var(--s2);border-radius:var(--rd1);
  font-size:var(--t6)}
.edf-hi:hover{background:var(--bg-soft)}
.edf-hi-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.edf-hi em{font-family:var(--mono);font-size:var(--t7);color:var(--tx-mut);
  font-style:normal}
.edf-hi i{font-style:normal;font-size:var(--t7);color:var(--tx-ok);opacity:0;
  transition:opacity .12s}
.edf-hi:hover i,.edf-hi:focus-visible i{opacity:1}
.edf-hist-n{font-size:var(--t7);color:var(--tx-mut);line-height:1.5;
  padding:var(--s1) var(--s2) var(--s0);border-top:1px solid var(--line);
  margin-top:var(--s1)}

/* רשת ביטחון · אם המסך המלא לא נטען */
/* שורת סיכום שקטה בתחתית הלוח */
.edp-meta{font-size:var(--t7);color:var(--tx-mut);
  padding:var(--s3) var(--s2) 0;border-top:1px solid var(--line);margin-top:var(--s3)}

.edstub{text-align:center;padding:var(--s4)}
.edstub-t{font-size:var(--fh);font-weight:700;color:var(--ink)}
.edstub-s{font-size:var(--t5);color:var(--tx-mut);margin:var(--s0) 0 var(--s3)}

/* ── רשימת ההטמעה ── */
.tnck-impl .tnck-i{display:flex;align-items:center;gap:var(--s1);width:100%}
.tnck-c2{width:16px;height:16px;flex:none;border-radius:var(--rd0);
  border:1.5px solid var(--line);background:var(--white);position:relative}
.tnck-c2[aria-checked="true"]{background:var(--teal);border-color:var(--teal)}
.tnck-c2[aria-checked="true"]::after{content:'';position:absolute;
  inset-inline-start:var(--s0);top:1px;width:4px;height:8px;
  border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.tnck-c2:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.tnck-go{font-size:var(--t7);color:var(--tx-mut);margin-inline-start:auto;
  padding:2px var(--s1);border-radius:var(--rdp);border:1px solid var(--line)}
.tnck-go:hover{background:var(--bg-soft);color:var(--tx)}

/* ════════════════════════════════════════════════════════════
   הדלת האחת · «מה אפשר להוסיף»
   ────────────────────────────────────────────────────────────
   אורי: *«איך יכול להיות שיש משהו שאני יכול להשתמש בו ואני
   לא מכיר?»* כאן הכול במקום אחד, עם משפט שמסביר מה כל דבר
   נותן — כי שם לבד לא מספיק כדי להחליט.
   ════════════════════════════════════════════════════════════ */
.edf-add{font-size:var(--t6);padding:var(--s0) var(--s2);white-space:nowrap}
.edf-add.on{box-shadow:0 0 0 3px var(--teal-soft)}
.eda{display:flex;flex-direction:column;gap:0;padding:var(--s1) 0}
.eda-g{font-family:var(--mono);font-size:var(--t7);letter-spacing:.06em;
  color:var(--tx-mut);padding:var(--s3) var(--s0) var(--s0)}
.eda-g:first-child{padding-top:0}
.eda-i{display:flex;align-items:flex-start;gap:var(--s1);width:100%;
  text-align:start;padding:var(--s1) var(--s2);border-radius:var(--rd1);
  border:1px solid transparent;transition:background .14s var(--ease),
  border-color .14s var(--ease)}
.eda-i:hover{background:var(--teal-soft);border-color:var(--teal-3,#9FE1CB)}
.eda-i:focus-visible{outline:2px solid var(--teal);outline-offset:1px}
.eda-p{width:18px;height:18px;flex:none;border-radius:var(--rd1);
  background:var(--bg-soft);color:var(--tx-mut);font-weight:700;
  display:flex;align-items:center;justify-content:center;line-height:1}
.eda-i:hover .eda-p{background:var(--teal);color:#fff}
.eda-t{display:flex;flex-direction:column;gap:0;min-width:0}
.eda-t b{font-size:var(--t5);font-weight:600;color:var(--tx)}
.eda-t em{font-size:var(--t7);font-style:normal;color:var(--tx-mut);line-height:1.5}
/* הכי חזק, והכי נסתר עד היום · לכן מסומן */
.eda-i.star .eda-p{background:var(--teal-soft);color:var(--tx-ok)}
.eda-i.star .eda-t b::after{content:'הכי שימושי';font-family:var(--mono);
  font-size:var(--t7);font-weight:500;color:var(--tx-ok);
  background:var(--teal-soft);border-radius:var(--rdp);
  padding:0 var(--s0);margin:var(--s0)}

/* ── כלי הרשימות · חיפוש, סינון ומיון ──
   הופיעו כי ב-40 לקוחות גוללים ומחפשים בעיניים. **מוצגים
   רק מ-6 לקוחות ומעלה** — מתחת לזה הם רעש. */
.tn-tools{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap;
  padding:var(--s1) 0 var(--s3)}
.tn-find{position:relative;display:inline-flex;align-items:center}
.tn-find svg{position:absolute;inset-inline-start:var(--s2);width:14px;height:14px;
  stroke:var(--tx-mut);fill:none;stroke-width:2;pointer-events:none}
.tn-find input{width:170px;font-size:var(--t5);
  padding:var(--s1) var(--s2) var(--s1) 32px;
  border:1px solid var(--line);border-radius:var(--rdp);background:var(--white)}
.tn-find input:focus{outline:none;border-color:var(--teal);
  box-shadow:0 0 0 3px var(--teal-soft)}
.tn-find .tb-x{position:absolute;inset-inline-end:var(--s0)}
.tn-fl{display:inline-flex;gap:var(--s0);flex-wrap:wrap}
.tn-fb{display:inline-flex;align-items:center;gap:var(--s0);
  font-size:var(--t6);padding:var(--s0) var(--s2);border-radius:var(--rdp);
  border:1px solid var(--line);color:var(--tx-mut);
  transition:background .14s var(--ease),border-color .14s var(--ease)}
.tn-fb i{font-style:normal;font-family:var(--mono);font-size:var(--t7);
  color:var(--tx-mut);background:var(--bg-soft);border-radius:var(--rdp);
  padding:0 var(--s0)}
.tn-fb:hover{border-color:var(--teal)}
.tn-fb.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.tn-fb.on i{background:rgba(255,255,255,.2);color:#fff}
.tn-sort{font-size:var(--t6);border:1px solid var(--line);border-radius:var(--rdp);
  padding:var(--s0) var(--s2);background:var(--white);margin-inline-start:auto}

/* ── מצב המסירה ──
   שלושה מצבים, ולכל אחד משמעות אחרת בפעולה הבאה. */
.tn-pub{display:inline-flex;align-items:center;gap:var(--s0);
  font-size:var(--t7);font-weight:600;padding:1px var(--s2);
  border-radius:var(--rdp);white-space:nowrap;margin-inline-start:var(--s0)}
.tn-pub::before{content:'';width:5px;height:5px;border-radius:99px;background:currentColor}
.tn-pub.new{color:var(--tx-mut);background:var(--bg-soft)}
.tn-pub.ok{color:var(--tx-ok);background:var(--teal-soft)}
.tn-pub.wait{color:var(--tx-warn,#B26A00);background:var(--amber-soft,rgba(246,166,9,.12))}

/* ── היסטוריה · «מה שיניתי» ── */
.edf-histw{position:relative;display:inline-flex}
.edf-hist{position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:5;
  width:300px;max-height:340px;overflow:auto;background:var(--white);
  border:1px solid var(--line);border-radius:var(--rd2);box-shadow:var(--sh-md);
  padding:var(--s1)}
.edf-hist-h{font-family:var(--mono);font-size:var(--t7);letter-spacing:.06em;
  color:var(--tx-mut);padding:var(--s0) var(--s1) var(--s1)}
.edf-hi{display:flex;align-items:center;gap:var(--s1);width:100%;text-align:start;
  padding:var(--s1) var(--s2);border-radius:var(--rd1);font-size:var(--t6);
  transition:background .14s var(--ease)}
.edf-hi:hover{background:var(--teal-soft)}
.edf-hi-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.edf-hi em{font-family:var(--mono);font-size:var(--t7);color:var(--tx-mut);font-style:normal}
.edf-hi i{font-style:normal;font-size:var(--t7);color:var(--tx-ok);opacity:0;
  transition:opacity .14s var(--ease)}
.edf-hi:hover i,.edf-hi:focus-visible i{opacity:1}
.edf-hist-n{font-size:var(--t7);color:var(--tx-mut);line-height:1.5;
  padding:var(--s1) var(--s2) var(--s0);border-top:1px solid var(--line);
  margin-top:var(--s1)}

/* ── נקודת מבט · חזרה לסרגל ── */
.edf-role{display:inline-flex;align-items:center;gap:var(--s0);flex:none;
  padding:2px var(--s1);border-radius:var(--rdp);border:1px solid transparent}
.edf-role.on{background:var(--amber-soft,rgba(246,166,9,.12));
  border-color:var(--amber,#F6A609)}
.edf-role em{font-size:var(--t7);font-style:normal;color:var(--tx-mut)}
.edf-role select{font-size:var(--t6);border:1px solid var(--line);
  border-radius:var(--rdp);padding:1px var(--s1);background:var(--white)}

/* ── מקרא שפת הסימון · במצב הריק ──
   **זו ההזדמנות היחידה ללמד לפני שנוגעים.** אורי: «אם אני
   צריך בכלל לשאול איך עורכים — זה לא מספיק טוב». שורת טקסט
   אחת לא הספיקה; המקרא מראה את שלוש הרמות בצורתן האמיתית. */
.edp-key{display:flex;flex-direction:column;gap:var(--s1);
  margin:var(--s3) 0;text-align:start}
.edp-key-r{display:flex;align-items:center;gap:var(--s1);
  font-size:var(--t6);color:var(--tx-mut)}
.edp-key-r i{width:26px;height:14px;flex:none;border-radius:var(--rd0)}
.edp-key-r .k-h{box-shadow:0 1px 0 var(--teal-2,#5DCAA5)}
.edp-key-r .k-b{box-shadow:0 0 0 1px var(--teal-3,#9FE1CB)}
.edp-key-r .k-o{background:var(--teal-soft);box-shadow:0 0 0 1.5px var(--teal)}

/* ── תנועה · לרשת את מה שהמערכת כבר עושה ──
   מדדתי בעורך הקודם: 3 מעברים מול 179 בשאר המערכת, ואפס
   הנפשות מול 40. זו הייתה הסיבה שהעורך הרגיש כמו מסך
   הגדרות ולא ככלי — לא חוסר צבע, אלא חוסר תגובה. */
@keyframes edfSlideIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
@keyframes edfPop{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
.edf-side .edp{animation:edfSlideIn .18s var(--ease)}
.edp-bank-b .edp-bi{animation:edfPop .16s var(--ease) backwards}
.edp-bank-b .edp-bi:nth-child(2){animation-delay:.02s}
.edp-bank-b .edp-bi:nth-child(3){animation-delay:.04s}
.edp-bank-b .edp-bi:nth-child(4){animation-delay:.06s}
.edf-b,.edf-s{transition:background .14s var(--ease),color .14s var(--ease)}
.edf-exit,.edf-t,.edf-d{transition:background .14s var(--ease),
  border-color .14s var(--ease),color .14s var(--ease)}
.edf-find input{transition:width .18s var(--ease),background .14s var(--ease),
  box-shadow .14s var(--ease)}
@media (prefers-reduced-motion:reduce){
  .edf-side .edp,.edp-bank-b .edp-bi{animation:none}
  .edf-page{transition:none}
}

/* ════════════════════════════════════════════════════════════
   מה הלקוח משנה לבד · השכבה השלישית
   ────────────────────────────────────────────────────────────
   אורי: *«דברים שקשורים למבנה המערכת, אפילו אם זה שם של
   שדה, זה יעבור דרכי.»* המתג פתוח = שלו · סגור = עובר דרכך.
   ════════════════════════════════════════════════════════════ */
.edf-vn{display:flex;flex-direction:column;gap:var(--s0);
  padding:0 var(--s1) var(--s1)}
.edf-vni{display:flex;align-items:flex-start;gap:var(--s1);
  padding:var(--s1) var(--s2);border-radius:var(--rd1);
  background:var(--bg-soft);transition:background .14s var(--ease)}
.edf-vni.on{background:var(--teal-soft)}
.edf-vnb{width:24px;height:var(--s2);flex:none;margin-top:2px;border-radius:var(--rdp);
  background:var(--ln-mid,#B4B2A9);position:relative;
  transition:background .16s var(--ease)}
.edf-vni.on .edf-vnb{background:var(--teal)}
.edf-vnb i{position:absolute;top:2px;inset-inline-start:2px;
  width:var(--s1);height:var(--s1);border-radius:99px;background:#fff;
  transition:inset-inline-start .16s var(--ease)}
.edf-vni.on .edf-vnb i{inset-inline-start:var(--s2)}
.edf-vnb:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.edf-vnt{display:flex;flex-direction:column;gap:0;min-width:0}
.edf-vnt b{font-size:var(--t6);font-weight:600;color:var(--tx)}
.edf-vnt em{font-size:var(--t7);font-style:normal;color:var(--tx-mut)}
.edf-vnt u{font-size:var(--t7);text-decoration:none;color:var(--tx-mut);
  opacity:.75;line-height:1.45}
@media (prefers-reduced-motion:reduce){
  .edf-vnb,.edf-vnb i,.edf-vni{transition:none}
}

/* ── מצב ריק בעמודת המבנה ── */
.edf-topics .bvg{padding:var(--s1) var(--s2) 2px;border:0;background:none}
.edf-topics .bvg b{font-size:var(--t7);font-family:var(--mono);
  letter-spacing:.06em;color:var(--tx-mut);font-weight:600}
.edf-topics .bvg em{display:none}

/* ════════════════════════════════════════════════════════════
   שני מסכים לאותו אדם · הקישור
   ────────────────────────────────────────────────────────────
   אורי: *«זה אותו אחד בתכל'ס.»* שני הכפתורים כאן הם אותו
   קשר משני הכיוונים — ולכן הם נראים אותו דבר.
   ════════════════════════════════════════════════════════════ */
.tn-lk{font-size:var(--t7);flex:none;padding:2px var(--s1);
  border-radius:var(--rdp);border:1px solid var(--teal-3,#9FE1CB);
  color:var(--tx-ok);background:var(--teal-soft);
  transition:background .14s var(--ease),border-color .14s var(--ease)}
.tn-lk:hover{background:var(--white);border-color:var(--teal)}
/* לא מקושר · נאמר במילה, לא רק בהיעדר */
.tn-lk.off{border-style:dashed;border-color:var(--line);
  color:var(--tx-mut);background:none}
.tn-lk.off:hover{border-style:solid;border-color:var(--teal);color:var(--tx-ok)}

/* הצ'יפ בכרטיס · הכיוון ההפוך */
.hero-sys{display:inline-flex;align-items:center;gap:var(--s0);
  font-size:var(--t6);font-weight:600;color:var(--tx-ok);
  background:var(--teal-soft);border:1px solid var(--teal-3,#9FE1CB);
  border-radius:var(--rdp);padding:2px var(--s2);
  transition:background .14s var(--ease),border-color .14s var(--ease)}
.hero-sys:hover{background:var(--white);border-color:var(--teal)}
.hero-sys svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2}

/* ── העובדות על השורה ──
   קודם ישבו כאן שם, תאריך ומספר התאמות — שלושתם עליך, אף
   אחד מהם על העסק של הלקוח. */
.tn-f{display:block;font-size:var(--t7);color:var(--tx-mut);margin-top:2px}
.tn-f-a{color:var(--tx-warn,#B26A00);font-weight:600}

/* ── חלון ההצצה ──
   מהגדרות → חלון קטן, כי אתה באמצע עבודה על המבנה שלו.
   מעבר מלא היה מאבד לך את המקום. */
.tnpk{display:flex;flex-direction:column;gap:var(--s0);margin:var(--s3) 0}
.tnpk-r{display:flex;align-items:center;justify-content:space-between;
  gap:var(--s3);font-size:var(--t5);padding:var(--s0) 0;
  border-bottom:1px solid var(--bg-soft)}
.tnpk-r:last-child{border-bottom:0}
.tnpk-r span{color:var(--tx-mut)}
.tnpk-r b{font-weight:600;color:var(--tx)}
.tnpk-a{display:flex;justify-content:flex-start;margin-top:var(--s1)}

/* ── מסכים צרים · העמודות מתקפלות במקום להימחץ ── */
@media (max-width:1100px){
  .edf-rail{width:150px}
  .edf-side{width:260px}
  .edf-find input{width:120px}
}
@media (max-width:860px){
  .edf-rail{display:none}
  .edf-side{width:240px}
}
/* המדף השני · יצירה, לא הדלקה — ולכן מופרד בקו */
.edp-bank-n{display:flex;align-items:center;gap:var(--s1);margin-top:var(--s3);
  padding-top:var(--s3);border-top:1px dashed var(--line)}
.edp-bank-n span{font-size:var(--t7);color:var(--tx-mut);flex:1}

/* ── קופסה מסומנת על הבד ── */
#ed-canvas [data-box]:hover,#ed-canvas [data-w]:hover{
  outline:1px solid var(--teal-soft);outline-offset:2px;border-radius:var(--rd1)}
#ed-canvas [data-box].ed-on,#ed-canvas [data-w].ed-on{
  outline:1.5px solid var(--teal);outline-offset:2px;border-radius:var(--rd1)}

/* ════════════════════════════════════════════════════════════
   שורת ההסבר · הדבר הראשון שרואים
   ────────────────────────────────────────────────────────────
   אורי: «אם אני צריך בכלל לשאול — זה לא מספיק טוב».
   ההסבר ישב בלוח הצד, ואף אחד לא קורא לוח צד. כאן הוא
   רוחב מלא, מעל הכול, ואי אפשר לפספס אותו.
   ════════════════════════════════════════════════════════════ */
.edw-hint{display:flex;align-items:center;gap:var(--s1);
  padding:var(--s1) var(--s2);background:var(--teal-soft);
  border-bottom:1px solid var(--line);font-size:var(--t6);color:var(--tx)}
.edw-hint-i{width:8px;height:8px;flex:none;border-radius:99px;background:var(--teal);
  box-shadow:0 0 0 3px var(--teal-soft);animation:edPulse 2.4s var(--ease) infinite}
@keyframes edPulse{0%,100%{box-shadow:0 0 0 3px var(--teal-soft)}
  50%{box-shadow:0 0 0 6px var(--teal-soft)}}
.edw-hint b{font-weight:700}
.edw-hint-a{margin-inline-start:auto;flex:none}
.edw-t{font-size:var(--t7);padding:var(--s0) var(--s2);border-radius:var(--rdp);
  border:1px solid var(--line);background:var(--white);color:var(--tx-mut)}
.edw-t.on{background:var(--teal);border-color:var(--teal);color:#fff}

/* ── חיפוש על הבד ── */
.edw-find{display:flex;align-items:center;gap:var(--s0);background:var(--bg-soft);
  border:1px solid var(--line);border-radius:var(--rdp);padding:0 var(--s1);max-width:190px}
.edw-find svg{width:13px;height:13px;flex:none;stroke:var(--tx-mut);fill:none;stroke-width:2}
.edw-find input{border:0;background:transparent;font-size:var(--t7);padding:var(--s0) 0;
  width:100%;color:var(--tx)}
.edw-find input:focus{outline:none}
.edw-fr{display:flex;flex-wrap:wrap;gap:var(--s0);padding:var(--s1) var(--s2);
  background:var(--bg-soft);border-bottom:1px solid var(--line)}
.edw-fi{display:inline-flex;align-items:center;gap:var(--s0);font-size:var(--t7);
  background:var(--white);border:1px solid var(--line);border-radius:var(--rdp);
  padding:var(--s0) var(--s2);color:var(--tx)}
.edw-fi:hover{border-color:var(--teal);background:var(--teal-soft)}
.edw-fk{font-size:var(--t7);color:var(--tx-mut)}
.edw-fr-e{color:var(--tx-mut);font-size:var(--t7)}

/* ── כשמצב העריכה כבוי · המסך נקי לגמרי ── */
.edw-body.ed-off .ed-h{box-shadow:none;cursor:default}
.edw-body.ed-off [data-box],.edw-body.ed-off [data-w]{box-shadow:none}

/* ── חיווי שמירה · צמוד למקום שעורכים בו ── */
.edp-save{display:flex;align-items:center;gap:var(--s1);
  padding:var(--s1) var(--s2);border-top:1px solid var(--line);
  font-size:var(--t7);color:var(--tx-mut)}
.edp-save-i{width:6px;height:6px;flex:none;border-radius:99px;background:var(--teal)}

/* ════════════════════════════════════════════════════════════
   תנועה · מה שהמערכת כבר עושה, והעורך לא ירש
   ────────────────────────────────────────────────────────────
   מדדתי: **179 מעברים ו-40 הנפשות במערכת — ובעורך 3 ו-0.**
   בניתי אותו כמנגנון ולא כמסך, ולכן הוא הרגיש סטטי גם
   כשהכול עבד.

   הכלל כאן: **תנועה מסבירה, לא מקשטת.** כל אחת עונה על
   שאלה — מה נבחר, מה השתנה, לאן זה הלך.
   ════════════════════════════════════════════════════════════ */

/* הלוח נפתח · אומר «נבחר משהו» */
@keyframes edSlide{from{opacity:0;transform:translateX(8px)}
  to{opacity:1;transform:none}}
.edp{animation:edSlide .22s var(--ease)}

/* שורה בקופסה · נכנסת ברצף, כדי שהעין תקלוט שזו רשימה */
@keyframes edRow{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
.edb-i{animation:edRow .18s var(--ease) both}
.edb-i:nth-child(1){animation-delay:.01s} .edb-i:nth-child(2){animation-delay:.03s}
.edb-i:nth-child(3){animation-delay:.05s} .edb-i:nth-child(4){animation-delay:.07s}
.edb-i:nth-child(5){animation-delay:.09s} .edb-i:nth-child(6){animation-delay:.11s}

/* פריט מהבנק · נכנס פנימה */
.edp-bi{transition:border-color .16s var(--ease), background .16s var(--ease),
  transform .12s var(--ease)}
.edp-bi:active{transform:scale(.96)}

/* גרירה · המקום שאליו תיפול נפתח */
.edb-i.over{box-shadow:inset 0 2px 0 var(--teal)}
.edb-i{transition:background .14s var(--ease), box-shadow .14s var(--ease),
  opacity .14s var(--ease)}

/* מעבר בין מסכים בעורך */
.edw-page{transition:max-width .24s var(--ease)}
.edw-s,.bv-dev-b,.edw-lb,.edw-t{transition:background .14s var(--ease),
  color .14s var(--ease), border-color .14s var(--ease)}

/* מי שביקש פחות תנועה — מקבל פחות */
@media (prefers-reduced-motion:reduce){
  .edp,.edb-i,.ed-land{animation:none}
  .edw-hint-i{animation:none}
}

/* ── מצבי ריק בעורך · היום אפס, ובמערכת שישה ── */
.edp-e{text-align:center;padding:var(--s4) var(--s3)}
.edp-e-i{width:36px;height:36px;margin:0 auto var(--s2);border-radius:var(--rd2);
  background:var(--teal-soft);display:grid;place-items:center}
.edp-e-i::after{content:'';width:14px;height:14px;border-radius:var(--rd0);
  border:1.5px solid var(--teal)}

/* ════════════════════════════════════════════════════════════
   שפת סימון אחת · שלוש רמות
   ────────────────────────────────────────────────────────────
   **מה שמדדתי, ולמה אורי אמר «לא ראיתי שינוי»:** הסימון היה
   קו של פיקסל אחד בירוק הבהיר ביותר, **שמופיע רק בריחוף**.
   התוצאה: שום דבר לא נראה לחיץ, והמסך היה זהה בית-בית
   לגרסה הקודמת.

   ── הכלל, ואין בלתו ──
   **מסגרת = קופסה · קו תחתון = ניתן לשינוי · מלא = נבחר.**
   שלוש רמות, גלויות תמיד, ואותו טיפול בכל מקום.

   *למה שלוש ולא אחת:* סימון אחיד ורועש הופך את המסך למרוח —
   ההפך ממסודר. ההיררכיה היא מה שמאפשר לסמן הכול **ועדיין**
   לקרוא את המסך.
   ════════════════════════════════════════════════════════════ */
/* רמה 2 · ניתן לשינוי — קו תחתון עדין, תמיד גלוי */
.ed-h{border-radius:var(--rd0);cursor:pointer;
  box-shadow:0 1px 0 var(--teal-2,#5DCAA5);
  transition:background .16s var(--ease), box-shadow .16s var(--ease)}
.ed-h:hover{background:var(--teal-soft);box-shadow:0 1px 0 var(--teal)}
/* רמה 3 · נבחר — מלא */
.ed-h.on{background:var(--teal-soft);box-shadow:0 0 0 1.5px var(--teal)}
.ed-h:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
/* רמה 1 · קופסה — מסגרת עדינה שמתמלאת בריחוף */
#ed-canvas [data-box],#ed-canvas [data-w]{
  border-radius:var(--rd1);
  box-shadow:0 0 0 1px var(--teal-3,#9FE1CB);
  transition:box-shadow .16s var(--ease), background .16s var(--ease)}
#ed-canvas [data-box]:hover,#ed-canvas [data-w]:hover{
  box-shadow:0 0 0 1.5px var(--teal)}
#ed-canvas [data-box].ed-on,#ed-canvas [data-w].ed-on{
  box-shadow:0 0 0 2px var(--teal);background:var(--teal-soft)}
#ed-canvas [data-box]{position:relative}
#ed-canvas [data-box]::before{content:attr(data-name);position:absolute;
  top:-9px;inset-inline-start:10px;font-size:var(--t7);line-height:1.4;
  background:var(--teal);color:#fff;border-radius:var(--rd0);padding:0 var(--s0);
  opacity:0;transition:opacity .16s var(--ease);pointer-events:none;z-index:2}
#ed-canvas [data-box]:hover::before,
#ed-canvas [data-box].ed-on::before{opacity:1}
/* ── הפריט שערכת · נוחת ומהבהב ── */
@keyframes edLand{
  0%{box-shadow:0 0 0 3px var(--teal-soft);background:var(--teal-soft)}
  100%{box-shadow:0 1px 0 var(--teal-2,#5DCAA5);background:transparent}
}
.ed-land{animation:edLand .7s var(--ease)}
@keyframes edSlide{from{opacity:0;transform:translateX(6px)}to{opacity:1;transform:none}}
@keyframes edRow{from{opacity:0}to{opacity:1}}
@keyframes edPulse{0%,100%{opacity:1}50%{opacity:.55}}
/* ── המתג בלוח המאפיינים ── */
.edp-sw{width:34px;height:18px;flex:none;border-radius:99px;
  background:var(--ln-mid,#B4B2A9);position:relative;
  transition:background .16s var(--ease)}
.edp-sw.on{background:var(--teal)}
.edp-sw i{position:absolute;top:2px;inset-inline-start:2px;
  width:14px;height:14px;border-radius:99px;background:#fff;
  transition:inset-inline-start .16s var(--ease)}
.edp-sw.on i{inset-inline-start:18px}
.edp-sw:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  .ed-h,.ed-land,.edp-sw,.edp-sw i,#ed-canvas [data-box],#ed-canvas [data-w]{
    transition:none;animation:none}
}

/* ════════════════════════════════════════════════════════════
   שוחזר · 13.8.26
   ────────────────────────────────────────────────────────────
   **טעות שלי:** בסיבוב העיצובי מחקתי בלוק CSS שלם, ובתוכו
   ישבו גם מחלקות שעדיין בשימוש — לוח המאפיינים, רשימת
   הפריטים, שדה החיפוש ורשימת הכבויים.

   התוצאה בצילום של אורי: שמות שדות נשפכו כטקסט רץ בלי
   רווחים, ועיגול שחור ענק במקום איקון החיפוש.

   **הבדיקה שהייתה חסרה:** «כל מחלקה בשימוש — יש לה כלל CSS?»
   היא נוספה כשער 41, ולכן זה לא יכול לחזור.

   הסגנונות כאן נכתבו **בשפה החדשה** — קצב אחד, אפור שקט,
   וצבע רק כשיש לו משמעות. לא הודבקו בחזרה כפי שהיו.
   ════════════════════════════════════════════════════════════ */

/* ── שדה החיפוש · בראש עמודת הניווט ── */
.edf-find{position:relative;display:flex;align-items:center;flex:1;min-width:0}
.edf-find svg{position:absolute;inset-inline-start:var(--s1);width:14px;height:14px;
  stroke:var(--tx-mut);fill:none;stroke-width:2;pointer-events:none}
.edf-find input{width:100%;min-width:0;height:var(--edf-row);font-size:var(--t6);
  padding:0 var(--s2) 0 var(--s4);border:1px solid var(--line);
  border-radius:var(--rd1);background:var(--bg-soft);color:var(--tx)}
.edf-find input:focus{outline:none;background:var(--white);
  border-color:var(--ln-mid,#B4B2A9);box-shadow:0 0 0 3px var(--bg-soft)}
.edf-find .tb-x{position:absolute;inset-inline-end:var(--s0);color:var(--tx-mut)}
.edw-fr{position:absolute;top:calc(100% + 4px);inset-inline:0;z-index:8;
  background:var(--white);border:1px solid var(--line);border-radius:var(--rd2);
  box-shadow:var(--sh-md);padding:var(--s0);max-height:300px;overflow:auto}
.edw-fi{display:flex;align-items:center;gap:var(--s1);width:100%;text-align:start;
  min-height:var(--edf-row);padding:0 var(--s2);border-radius:var(--rd1);
  font-size:var(--t6);color:var(--tx)}
.edw-fi:hover{background:var(--bg-soft)}
.edw-fk{font-family:var(--mono);font-size:var(--t7);color:var(--tx-mut);
  background:var(--bg-soft);border-radius:var(--rdp);padding:0 var(--s0);flex:none}
.edw-fr-e{font-size:var(--t7);color:var(--tx-mut);padding:var(--s1) var(--s2)}
.edf-diff{color:var(--tx-mut)}

/* ════════ לוח המאפיינים ════════
   הסדר שנקבע: מה זה · מה אפשר לשנות · מה אפשר להוסיף. */
.edp{padding:var(--s2)}
.edp-h{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap;
  padding-bottom:var(--s3);border-bottom:1px solid var(--line);margin-bottom:var(--s3)}
.edp-h b{font-size:var(--t4);font-weight:700;color:var(--ink);
  min-width:0;overflow:hidden;text-overflow:ellipsis}
.edp-h em{font-size:var(--t7);color:var(--tx-mut);font-style:normal;
  width:100%;order:3}
.edp-k{font-family:var(--mono);font-size:var(--t7);letter-spacing:.04em;
  color:var(--tx-mut);background:var(--bg-soft);border-radius:var(--rdp);
  padding:1px var(--s1);flex:none}
.edp-x{margin-inline-start:auto;color:var(--tx-mut);font-size:var(--t5);
  width:22px;height:22px;border-radius:var(--rd1);flex:none}
.edp-x:hover{background:var(--bg-soft);color:var(--tx)}

/* שורת עריכה · תווית מעל, פקד מתחת — הכי קריא בעברית */
.edp-r{display:flex;flex-direction:column;gap:var(--s0);margin:var(--s3)}
.edp-l{font-size:var(--t6);color:var(--tx-mut)}
.edp-i{width:100%;height:var(--edf-row);font-size:var(--t5);color:var(--tx);
  border:1px solid var(--line);border-radius:var(--rd1);
  padding:0 var(--s2);background:var(--white)}
.edp-i:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}
.edp-hint{font-size:var(--t7);color:var(--tx-mut);line-height:1.5}
/* שורה עם מתג · הפקד לצד התווית ולא מתחתיה */
.edp-r:has(.edp-sw){flex-direction:row;align-items:center;gap:var(--s1)}
.edp-r:has(.edp-sw) .edp-l{flex:1}
.edp-r:has(.edp-sw) .edp-hint{width:100%;order:3}

.edp-ord{display:flex;align-items:center;gap:var(--s1);margin-bottom:var(--s3);
  font-size:var(--t6);color:var(--tx-mut)}
.edp-ord span{flex:1}
.edp-b{min-height:26px;font-size:var(--t6);padding:0 var(--s2);
  border:1px solid var(--line);border-radius:var(--rd1);
  color:var(--tx);background:var(--white)}
.edp-b:hover:not(:disabled){background:var(--bg-soft)}
.edp-b:disabled{opacity:.35}
.edp-b.dngr{color:var(--tx-bad,#C0392B);border-color:var(--line)}
.edp-b.dngr:hover{background:var(--bad-soft,rgba(192,57,43,.08))}
.edp-del{display:flex;gap:var(--s1);margin-bottom:var(--s3)}
.edp-n{font-size:var(--t7);color:var(--tx-mut);line-height:1.6;
  background:var(--bg-soft);border-radius:var(--rd1);padding:var(--s1) var(--s2)}
.edp-pv{font-size:var(--t6);color:var(--tx-mut);margin-bottom:var(--s3)}
.edp-pv b{color:var(--tx)}
.edp-crumb{display:flex;align-items:center;gap:var(--s0);font-size:var(--t7);
  color:var(--tx-mut);margin-bottom:var(--s1)}
.edp-crumb button{color:var(--tx-mut);text-decoration:underline;text-underline-offset:2px}
.edp-crumb button:hover{color:var(--tx)}
.edp-crumb b{color:var(--tx);font-weight:600}

/* ── מצב ריק · ההזדמנות היחידה ללמד לפני שנוגעים ── */
.edp-e{text-align:center;padding:var(--s4) var(--s3)}
.edp-e-t{font-size:var(--t4);font-weight:600;color:var(--ink);margin-bottom:var(--s0)}
.edp-e-s{font-size:var(--t7);color:var(--tx-mut);line-height:1.6}
.edp-e-i{width:34px;height:34px;margin:0 auto var(--s3);border-radius:var(--rd2);
  background:var(--bg-soft);border:1px dashed var(--ln-mid,#D6D4CE)}

/* ── מה שכבוי · בלי הרשימה הזו אין דרך להחזיר ── */
.edp-off{margin-top:var(--s2);padding-top:var(--s3);border-top:1px solid var(--line)}
.edp-off-h{font-family:var(--mono);font-size:var(--t7);letter-spacing:.06em;
  color:var(--tx-mut);margin-bottom:var(--s1)}
.edp-offi{display:flex;align-items:center;gap:var(--s1);width:100%;text-align:start;
  min-height:var(--edf-row);padding:0 var(--s2);border-radius:var(--rd1);
  font-size:var(--t6);color:var(--tx-mut)}
.edp-offi:hover{background:var(--bg-soft);color:var(--tx)}
.edp-offk{font-family:var(--mono);font-size:var(--t7);color:var(--tx-mut);
  background:var(--bg-soft);border-radius:var(--rdp);padding:0 var(--s0);flex:none}
.edp-meta{font-size:var(--t7);color:var(--tx-mut);
  padding:var(--s3) 0 0;border-top:1px solid var(--line);margin-top:var(--s3)}

/* ════════ רשימת הפריטים שבקופסה ════════ */
.edb{display:flex;flex-direction:column;margin-bottom:var(--s3)}
.edb-i{display:flex;align-items:center;gap:var(--s1);min-height:var(--edf-row);
  padding:0 var(--s0);border-radius:var(--rd1)}
.edb-i:hover{background:var(--bg-soft)}
.edb-i.drag{opacity:.4}
.edb-i.over{box-shadow:inset 0 -2px 0 var(--teal)}
.edb-i.off .edb-l{color:var(--tx-mut)}
.edb-h{color:var(--ln-mid,#D6D4CE);cursor:grab;font-size:var(--t6);flex:none;
  letter-spacing:-2px}
.edb-i:active .edb-h{cursor:grabbing}
.edb-l{flex:1;text-align:start;font-size:var(--t6);min-width:0;color:var(--tx);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.edb-l:hover{text-decoration:underline;text-underline-offset:2px}
.edb-k{font-family:var(--mono);font-size:var(--t7);color:var(--tx-mut);
  background:var(--bg-soft);border-radius:var(--rdp);padding:0 var(--s0);flex:none}
/* חצים · הנתיב השווה לגרירה, לפי התקן */
.edb-mv{display:flex;gap:0;flex:none;opacity:0;transition:opacity .12s}
.edb-i:hover .edb-mv,.edb-i:focus-within .edb-mv{opacity:1}
.edb-b{width:20px;height:20px;border-radius:var(--rd1);color:var(--tx-mut);
  font-size:var(--t6);line-height:1}
.edb-b:hover:not(:disabled){background:var(--white);color:var(--tx)}
.edb-b:disabled{opacity:.25}

/* ════════ הבנק ════════ */
.edp-bank{border-top:1px solid var(--line);padding-top:var(--s3);margin-top:var(--s3)}
.edp-bank-h{display:flex;align-items:center;gap:var(--s1);
  font-family:var(--mono);font-size:var(--t7);letter-spacing:.06em;
  color:var(--tx-mut);margin-bottom:var(--s1)}
.edp-bank-b{display:flex;flex-wrap:wrap;gap:var(--s0)}
.edp-bi{display:inline-flex;align-items:center;font-size:var(--t6);
  border:1px dashed var(--ln-mid,#D6D4CE);border-radius:var(--rd1);
  padding:var(--s0) var(--s1);color:var(--tx-mut);max-width:100%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.edp-bi:hover{border-style:solid;border-color:var(--teal);color:var(--tx-ok);
  background:var(--teal-soft)}
.edp-bik{font-family:var(--mono);font-size:var(--t7);
  background:var(--bg-soft);border-radius:var(--rdp);
  padding:0 var(--s0);margin-inline-end:var(--s0);color:var(--tx-mut)}
.edp-bank-e{font-size:var(--t7);color:var(--tx-mut)}
.edp-bank-q{font-size:var(--t7);width:80px;margin:auto;
  border:1px solid var(--line);border-radius:var(--rd1);
  padding:1px var(--s1);background:var(--white)}
.edp-bank-q:focus{outline:none;border-color:var(--ln-mid,#B4B2A9)}
/* המדף השני · יצירה, לא הדלקה — ולכן מופרד בקו */
.edp-bank-n{display:flex;align-items:center;gap:var(--s1);margin-top:var(--s3);
  padding-top:var(--s3);border-top:1px dashed var(--line)}
.edp-bank-n span{font-size:var(--t7);color:var(--tx-mut);flex:1}

/* ════════ רשימת הגרסאות ════════ */
.tn-sep{font-family:var(--mono);font-size:var(--t7);letter-spacing:.06em;
  color:var(--tx-mut);padding:var(--s2) 0 var(--s1);
  border-top:1px solid var(--line);margin-top:var(--s3)}
.tn-v{display:flex;align-items:center;gap:var(--s3);padding:var(--s3);
  border:1px solid var(--line);border-radius:var(--rd2);
  background:var(--white);margin-bottom:var(--s1);
  transition:border-color .14s var(--ease),box-shadow .14s var(--ease)}
.tn-v:hover{border-color:var(--ln-mid,#B4B2A9);box-shadow:var(--sh-sm)}
.tn-i{width:34px;height:34px;flex:none;border-radius:var(--rd1);
  display:flex;align-items:center;justify-content:center;background:var(--bg-soft)}
.tn-i svg{width:16px;height:16px;fill:none;stroke:var(--tx-mut);stroke-width:1.8}
/* שלוש הזהויות · הצבע היחיד בשורה, וגם הוא רק ברמז */
.tn-v-mine .tn-i{background:var(--teal-soft)}
.tn-v-mine .tn-i svg{stroke:var(--tx-ok)}
.tn-v-base .tn-i{background:var(--purple-soft,rgba(108,92,231,.10))}
.tn-v-base .tn-i svg{stroke:var(--purple,#6C5CE7)}
.tn-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.tn-t b{font-size:var(--t4);font-weight:600;color:var(--ink)}
.tn-t em{font-size:var(--t7);color:var(--tx-mut);font-style:normal}
.tn-n{font-size:var(--t7);color:var(--tx-mut);flex:none;white-space:nowrap}
.tn-st{font-size:var(--t7);font-weight:600;flex:none;white-space:nowrap;
  padding:1px var(--s2);border-radius:var(--rdp);
  background:var(--bg-soft);color:var(--tx-mut)}
.tn-st-impl{background:var(--amber-soft,rgba(246,166,9,.12));color:var(--tx-warn,#B26A00)}
.tn-st-live{background:var(--teal-soft);color:var(--tx-ok)}

/* ════════ הבקשות ════════ */
.rq-via{font-family:var(--mono);font-size:var(--t7);color:var(--tx-mut);
  background:var(--bg-soft);border-radius:var(--rdp);
  padding:0 var(--s0);margin-inline-start:var(--s0);font-style:normal}
.rq-hot{font-size:var(--t7);color:var(--tx-warn,#B26A00);
  background:var(--amber-soft,rgba(246,166,9,.12));
  border-radius:var(--rd1);padding:var(--s0) var(--s2);margin-bottom:var(--s1)}
.rq-go,.rq-p{font-size:var(--t7);color:var(--tx-mut);
  padding:2px var(--s1);border-radius:var(--rd1);border:1px solid var(--line)}
.rq-go:hover,.rq-p:hover{background:var(--bg-soft);color:var(--tx)}

/* קישור בתוך טקסט · שימש במצבי ריק ולא היה מוגדר */
button.lk{color:var(--tx-ok);text-decoration:underline;text-underline-offset:2px;
  font-size:inherit}
button.lk:hover{color:var(--teal-deep)}

/* ════════════════════════════════════════════════════════════
   עמודה אחת · הרשימה היא הכלי · 13.8.26
   ────────────────────────────────────────────────────────────
   אורי, אחרי שראה את הצילומים: *«התצוגה של איך העמוד נראה
   דווקא עוזרת לעבודה ויזואלית, חבל לבטל.»* — והוא צדק.

   **ולכן היא לא רק נשארה, היא גדלה.** היו כאן שתי עמודות
   צד — ניווט 212 ומאפיינים 312 — ושתיהן הציגו את אותה
   רשימה. איחוד שלהן לאחת נותן לבד **164 פיקסלים נוספים**,
   ומבטל את הכפילות מעצם המבנה.
   ════════════════════════════════════════════════════════════ */
.edf-rail{width:360px}
.edf-scrw{padding:var(--s3) var(--s2) var(--s1)}
.edf-scrs{width:100%;height:var(--edf-row);font-size:var(--t5);font-weight:600;
  color:var(--ink);border:1px solid var(--line);border-radius:var(--rd1);
  padding:0 var(--s2);background:var(--white)}
.edf-scrs:focus{outline:none;border-color:var(--ln-mid,#B4B2A9)}

/* כותרת העמוד · «2 / 13» הוא המספר שאומר הכול */
.edf-ph{display:flex;align-items:center;gap:var(--s1);
  padding:var(--s1) var(--s2) var(--s0)}
.edf-ph b{font-size:var(--t4);font-weight:700;color:var(--ink)}
.edf-pn{font-family:var(--mono);font-size:var(--t7);color:var(--tx-mut);
  background:var(--bg-soft);border-radius:99px;padding:1px var(--s1)}
.edf-prec{font-size:var(--t7);color:var(--tx-ok);background:var(--teal-soft);
  border-radius:var(--rd1);margin:0 var(--s2) var(--s1);padding:var(--s0) var(--s2)}

/* ── שורה ברשימה ──
   ✓/○ מדליק · שאר השורה בוחר. שתי פעולות, שני אזורי לחיצה. */
.edf-list{display:flex;flex-direction:column;padding:0 var(--s1) var(--s1)}
.edf-it{display:flex;align-items:flex-start;gap:var(--s1);
  padding:var(--s1) var(--s2);border-radius:var(--rd1);
  border:1px solid transparent;transition:background .12s var(--ease)}
.edf-it:hover{background:var(--bg-soft)}
.edf-it.sel{background:var(--bg-soft);border-color:var(--ln-mid,#D6D4CE)}
.edf-mk{width:17px;height:17px;flex:none;margin-top:var(--s0);border-radius:99px;
  border:1.5px solid var(--ln-mid,#D6D4CE);background:var(--white);
  position:relative;transition:background .14s var(--ease),border-color .14s var(--ease)}
.edf-mk:hover{border-color:var(--teal)}
.edf-it.on .edf-mk{background:var(--teal);border-color:var(--teal)}
.edf-it.on .edf-mk::after{content:'';position:absolute;inset-inline-start:5px;top:2px;
  width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.edf-mk:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.edf-itx{flex:1;min-width:0;text-align:start;display:flex;flex-direction:column;gap:0}
.edf-itx b{font-size:var(--t5);font-weight:600;color:var(--tx-mut);
  display:flex;align-items:center;gap:var(--s0)}
.edf-it.on .edf-itx b{color:var(--ink)}
.edf-itx em{font-size:var(--t7);font-style:normal;color:var(--tx-mut);
  line-height:1.5;overflow:hidden;text-overflow:ellipsis}
/* השם שונה · נקודה קטנה, בלי להסביר */
.edf-rn{font-style:normal;color:var(--teal);font-size:var(--t4);line-height:0}
.edf-rec{font-size:var(--t7);font-weight:600;flex:none;margin-top:var(--s0);
  padding:1px var(--s1);border-radius:99px;
  background:var(--teal-soft);color:var(--tx-ok)}

/* הלוח נפתח בתוך הרשימה */
.edf-inl{background:var(--white);border:1px solid var(--line);
  border-radius:var(--rd2);margin:var(--s0) 0 var(--s1);
  box-shadow:var(--sh-sm);animation:edfSlideIn .16s var(--ease)}
.edf-inl .edp{padding:var(--s2)}
@keyframes edfSlideIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.edf-inl{animation:none}}

.edf-addp{display:flex;align-items:center;gap:var(--s0);width:100%;
  min-height:var(--edf-row);margin:var(--s1) var(--s1) 0;
  padding:0 var(--s2);border-radius:var(--rd1);
  border:1px dashed var(--ln-mid,#D6D4CE);
  font-size:var(--t6);font-weight:600;color:var(--tx-ok);background:none}
.edf-addp:hover{border-style:solid;border-color:var(--teal);background:var(--teal-soft)}

/* «נושאים» · מתקפל, כי אלה הגדרות שלא יושבות על אף עמוד */
.edf-topics{max-height:220px;overflow:auto}

@media(max-width:1100px){.edf-rail{width:300px}}
@media(max-width:860px){.edf-rail{width:260px}}
/* «הגדרות שלא על המסך» · מקופל */
.edf-tg{display:flex;align-items:center;gap:var(--s1);width:100%;
  min-height:var(--edf-row);margin-top:var(--s3);padding:0 var(--s2);
  border-top:1px solid var(--line);font-size:var(--t6);color:var(--tx-mut);
  text-align:start}
.edf-tg:hover{color:var(--tx)}
.edf-tg.on{color:var(--tx);font-weight:600}
.edf-tg span{font-family:var(--mono);font-size:var(--t7);
  background:var(--bg-soft);border-radius:99px;padding:0 var(--s1);
  margin-inline-start:auto}
/* «איפה זה ינחת» · לפני שלוחצים, לא אחרי */
.eda-w{display:block;font-size:var(--t7);color:var(--tx-mut);
  text-decoration:none;margin-top:2px}
.eda-i.fit{border-color:var(--teal-3,#9FE1CB);background:var(--teal-soft)}
.eda-i.fit .eda-p{background:var(--teal);color:#fff}
.eda-i.fit .eda-w{color:var(--tx-ok)}



/* ════════════════════════════════════════════════════════════
   שלוש תוספות · 13.8.26
   ════════════════════════════════════════════════════════════ */

/* ── בורר מצב המסך · ליד/לקוח · תור עבודה/יומן ──
   אורי: *«כשלחצתי על הכרטיס נפתח רק כרטיס לקוח».*
   שתי אפשרויות בלבד, ולכן מתג ולא רשימה. יושב מתחת לבורר
   המסך כי הוא **מקנן** בתוכו: קודם איזה מסך, אחר כך איזה מצב. */
.edf-stw{margin:0 var(--s2) var(--s2)}
/* הכותרת שאומרת מה הבורר עושה · «איזו לשונית» */
.edf-stt{margin-block-end:var(--s0);font-size:var(--t7);
  font-weight:600;color:var(--tx-mut)}
/* ── רשת ולא שורה · 18.8.26 ──
   שתי אפשרויות נכנסו בשורה. **שמונה לא.** רשת שנשברת לבד
   מחזיקה גם שתיים וגם שמונה, ובלי גלילה אופקית. */
.edf-st{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));
  gap:var(--px1);overflow:hidden;
  background:var(--line);border:1px solid var(--line);border-radius:var(--rd1)}
.edf-sb{padding:var(--s0) var(--s1);border:0;
  background:var(--bg-soft);
  font:inherit;font-size:var(--t6);text-align:center;
  font-weight:600;color:var(--tx-mut);cursor:pointer;
  transition:background .12s var(--ease),color .12s var(--ease)}
.edf-sb:hover{color:var(--ink);background:var(--white)}
.edf-sb.on{background:var(--white);color:var(--ink)}
/* הפעיל נושא קו תחתון · כדי שגם בלי צבע רואים איפה אתה */
.edf-sb.on{box-shadow:inset 0 -2px 0 var(--teal)}
/* שם המצב בכותרת העמוד · «הדשבורד · שיווק» */
.edf-pst{margin-inline-start:var(--s1);font-weight:600;color:var(--teal-deep)}
.edf-pst::before{content:'· ';color:var(--tx-mut);font-weight:400}

/* ── הרמה השלישית · «חסר בסיס» ──
   אורי: *«שהמערכת לא תיתן להוסיף מידע סותר או לא הגיוני».*
   עד כאן היו שתי רמות — דלוק וכבוי. פריט שחסר לו הבסיס
   נראה בדיוק כמו כבוי רגיל, ולכן אפשר היה להדליק אותו
   ולקבל גרף ריק. **עכשיו הוא נראה אחרת לפני שלוחצים.** */
.edf-it.blk{background:var(--bg-soft)}
.edf-it.blk .edf-mk{opacity:.45}
.edf-it.blk .edf-itx b{color:var(--tx-mut)}
.edf-blk{flex:none;align-self:flex-start;
  padding:0 var(--s0);border-radius:var(--rdp);
  font-size:var(--t7);font-weight:700;white-space:nowrap;
  color:var(--tx-warn);background:var(--amber-soft)}
.edf-why{flex-basis:100%;margin-inline-end:var(--s4);
  display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap;
  font-size:var(--t7);color:var(--tx-mut);line-height:1.45}
/* ── «להשלים» · הדרך לתקן, לצד ההסבר ──
   שקוף ורזה בכוונה: הוא לא הפעולה הראשית של המסך אלא מוצא
   מקומי לשורה אחת. הצבע מגיע מהמסגרת, לא ממילוי. */
.edf-fix{flex:none;padding:1px var(--s1);
  border:1px solid var(--line);border-radius:var(--rdp);
  background:none;color:var(--ink-sec);font-size:var(--t7);
  font-weight:600;cursor:pointer;white-space:nowrap;
  transition:background .12s var(--ease),color .12s var(--ease)}
.edf-fix:hover{background:var(--bg-soft);color:var(--ink)}
.edf-fix:active{transform:scale(.97)}

/* ── נקודות שמירה ──
   יושבות באותו לוח כמו «מה שיניתי» — אותו נושא, לחזור אחורה. */
.edf-spp{width:400px}
.edf-sph{display:flex;align-items:center;gap:var(--s1);
  padding:var(--s0) var(--s2) var(--s1);border-block-end:1px solid var(--line)}
.edf-sph b{flex:1;font-size:var(--t6)}
.edf-spn{padding:var(--s0) var(--s2);font-size:var(--t6)}
.edf-sp{display:flex;align-items:center;gap:var(--s1);
  padding:var(--s1) var(--s2);border-block-end:1px solid var(--line)}
.edf-sp:last-child{border-block-end:0}
.edf-spt{flex:1;min-width:0}
.edf-spt b{display:block;font-size:var(--t5);font-weight:600;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.edf-spt em{display:block;font-style:normal;font-family:var(--mono);
  font-size:var(--t7);color:var(--tx-mut)}
.edf-spd{flex:none;font-size:var(--t7);font-weight:700;color:var(--tx-warn)}
.edf-spd.same{color:var(--tx-mut);font-weight:400}
.edf-spb{flex:none;padding:var(--s0) var(--s2);border:1px solid var(--line);
  background:var(--white);border-radius:var(--rd1);font:inherit;
  font-size:var(--t6);font-weight:600;color:var(--ink);cursor:pointer}
.edf-spb:hover:not(:disabled){background:var(--bg-soft)}
.edf-spb:disabled{opacity:.4;cursor:default}
.edf-spx{flex:none;width:22px;height:22px;border:0;background:none;
  border-radius:var(--rd1);color:var(--tx-mut);cursor:pointer;line-height:1}
.edf-spx:hover{background:var(--bg-soft);color:var(--tx-bad)}
.edf-spe{padding:var(--s3) var(--s2);font-size:var(--t6);
  color:var(--tx-mut);line-height:1.6;text-align:center}

/* ── כותרת קבוצה בתוך הרשימה ──
   ברגע שהשדות חזרו לעמודה, הכרטיס מחזיק 51 פריטים. רשימה
   שטוחה באורך כזה היא בדיוק «לא מסודר». הכותרת דביקה כדי
   שתמיד יידעו על מה מסתכלים בזמן גלילה. */
.edf-gh{position:sticky;top:0;z-index:2;display:flex;align-items:baseline;
  gap:var(--s1);padding:var(--s1) var(--s2) var(--s0);
  background:var(--white);border-block-end:1px solid var(--line)}
.edf-gh b{font-family:var(--mono);font-size:var(--t7);letter-spacing:.06em;
  color:var(--tx-mut);font-weight:600}
.edf-gh em{margin-inline-start:auto;font-style:normal;font-family:var(--mono);
  font-size:var(--t7);color:var(--tx-mut)}

/* ── «רק אצלך» ──
   אורי: *«רציתי לייחד אותם».* «מומלץ» הוא **הצעה** —
   דלוק אצלך וכבוי כאן. «רק אצלך» הוא **אזהרה** — הפריט
   לא קיים במערכת המקורית, והלקוח לא יקבל אותו.
   שני דברים שונים, ולכן שני צבעים. */
.edf-only{flex:none;align-self:flex-start;padding:0 var(--s0);
  border-radius:var(--rdp);font-size:var(--t7);font-weight:700;
  white-space:nowrap;color:var(--pu);background:var(--purple-soft)}

/* ── מסנן הרשימה ──
   43 מתוך 52 שורות בגרסת הבסיס מקבלות «מומלץ». התגית עצמה
   נשארת — היא מידע לכל שורה — אבל **תגית שיושבת על הרוב
   היא רעש**, ולכן צריך דרך לצמצם. שלוש שאלות שבאמת שואלים:
   מה דלוק · מה מומלץ · מה קיים רק אצלי. */
.edf-fl{display:flex;flex-wrap:wrap;gap:var(--s0);
  padding:0 var(--s2) var(--s1)}
.edf-fb{display:inline-flex;align-items:center;gap:var(--s0);
  padding:2px var(--s1);border:1px solid var(--line);background:var(--white);
  border-radius:var(--rdp);font:inherit;font-size:var(--t7);font-weight:600;
  color:var(--tx-mut);cursor:pointer;transition:background .12s var(--ease)}
.edf-fb i{font-style:normal;font-family:var(--mono);opacity:.75}
.edf-fb:hover{background:var(--bg-soft);color:var(--ink)}
.edf-fb.on{background:var(--ink);border-color:var(--ink);color:var(--white)}
.edf-fb.f-rec.on{background:var(--tx-ok);border-color:var(--tx-ok)}
.edf-fb.f-only.on{background:var(--pu);border-color:var(--pu)}
.edf-fx{margin-inline-start:auto;border:0;background:none;font:inherit;
  font-size:var(--t7);color:var(--tx-mut);cursor:pointer;text-decoration:underline}
.edf-fx:hover{color:var(--ink)}

/* ── «העמודים שלך» ──
   אורי: *«שיהיה מקום מסודר בצד להוספת עמודים קיימים ובהמשך
   חדשים».* עמוד הוא הרמה שמעל שדה וערוץ, ולכן הוא יושב
   בראש העמודה ולא בתוך חלון קופץ ביחד איתם. */
.edf-pgt{display:flex;align-items:center;justify-content:space-between;gap:var(--s1);
  width:100%;padding:var(--s1) var(--s2);border:0;background:none;font:inherit;
  font-family:var(--mono);font-size:var(--t7);letter-spacing:.06em;
  color:var(--tx-mut);cursor:pointer;text-align:start}
.edf-pgt span{font-family:var(--mono);opacity:.8}
.edf-pgt:hover{color:var(--ink)}
.edf-pgt.on{color:var(--ink)}
.edf-pgl{padding:0 var(--s1) var(--s1)}
.edf-pg{display:flex;align-items:center;gap:var(--s1);border-radius:var(--rd1)}
.edf-pg.here{background:var(--bg-soft)}
.edf-pgm{flex:none;width:16px;height:16px;margin-inline-start:var(--s1);
  border:1.5px solid var(--line);border-radius:var(--rdp);
  background:var(--white);cursor:pointer;position:relative}
.edf-pg.on .edf-pgm{background:var(--teal);border-color:var(--teal)}
.edf-pg.on .edf-pgm::after{content:'';position:absolute;inset-inline-start:4px;top:1px;
  width:4px;height:8px;border:solid var(--white);border-width:0 1.5px 1.5px 0;
  transform:rotate(45deg)}
.edf-pgn{flex:1;min-width:0;display:block;padding:var(--s0) var(--s1);
  border:0;background:none;font:inherit;text-align:start;cursor:pointer;color:var(--ink)}
.edf-pgn b{display:block;font-size:var(--t5);font-weight:500}
.edf-pg.here .edf-pgn b{font-weight:700}
.edf-pg:not(.on) .edf-pgn b{color:var(--tx-mut)}
.edf-pgn em{display:block;font-style:normal;font-size:var(--t7);color:var(--tx-mut)}
.edf-pgnew{width:100%;margin-block-start:var(--s0);padding:var(--s0) var(--s2);
  border:1px dashed var(--line);border-radius:var(--rd1);background:none;
  font:inherit;font-size:var(--t6);color:var(--tx-mut);cursor:pointer;text-align:start}
.edf-pgnew:hover{border-color:var(--pu);color:var(--pu)}
.eda-none{padding:var(--s3) var(--s2);font-size:var(--t6);
  color:var(--tx-mut);line-height:1.6}

/* ── ✎ · «אפשר לשנות את השם» ──
   אורי, 13.8.26: *«לשנות שם של כותרת אני יכול אבל לא של
   שדות ודברים כאלו».* היכולת הייתה בנויה במלואה — **מה
   שחסר היה סימן שהיא קיימת.** מופיע עמום, מתחדד בריחוף. */
.edf-pen{margin-inline-start:var(--s0);font-style:normal;font-size:var(--t7);
  color:var(--tx-mut);opacity:.45;transition:opacity .12s var(--ease)}
.edf-it:hover .edf-pen,.edf-it.sel .edf-pen{opacity:1;color:var(--pu)}

/* ── כמה רשומות מחזיקות ערך בשדה ──
   אורי ביקש בקרה שלא תיתן מידע לא הגיוני. המנוע ידע להזהיר
   על חלונות שיישברו — **לא על נתונים שכבר קיימים.** המספר
   הזה הופך «לכבות את הטלפון?» מניחוש למדידה. */
.edp-use{margin:0 var(--s2) var(--s3);padding:var(--s1) var(--s2);
  border-radius:var(--rd1);background:var(--bg-soft);
  font-size:var(--t6);color:var(--ink);line-height:1.5}
.edp-use b{font-family:var(--mono);font-weight:700}
.edp-use em{font-style:normal;font-weight:600;color:var(--tx-warn)}
.edp-use.zero{color:var(--tx-mut)}

/* ── תוצאת חיפוש · אומרת לאן היא שייכת ──
   **מדידה:** עומדים בדף הבית, מחפשים «טלפון» — והשדה לא
   נמצא. החיפוש סרק נכון, אבל לחיצה בחרה פריט שיושב בעמוד
   אחר **בלי לעבור אליו.** מי שמקים לקוח זוכר את השם, לא
   את העמוד — ולכן כל תוצאה אומרת לאן, ולוקחת לשם. */
.edw-ft{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.edw-fw{flex:none;font-size:var(--t7);color:var(--tx-mut);
  padding-inline-start:var(--s1);border-inline-start:1px solid var(--line)}
.edw-fi:hover .edw-fw{color:var(--pu)}

/* ── קיפול קבוצה + בחירה מרובה ──
   60 שורות בכרטיס. הכותרות עשו סדר אבל לא קיצרו את הגלילה,
   ו«כבה את שישה שדות הפגישה» היה שש לחיצות ושש פעולות ביומן.
   קבוצה שיש בה הפריט הנבחר **נפתחת לבד** — קיפול לא מסתיר
   את מה שעובדים עליו. */
.edf-gh{display:flex;align-items:center;gap:var(--s0);
  padding-inline-start:var(--s1)}
.edf-ghb{flex:1;display:flex;align-items:baseline;gap:var(--s1);
  padding:var(--s1) var(--s2) var(--s0) 0;border:0;background:none;
  font:inherit;cursor:pointer;text-align:start}
.edf-ghb i{margin-inline-start:auto;font-style:normal;font-size:var(--t7);
  color:var(--tx-mut)}
.edf-ghb:hover b{color:var(--ink)}
.edf-gh.shut{border-block-end:0}
.edf-gmk{flex:none;width:13px;height:13px;border:1.5px solid var(--line);
  border-radius:3px;background:var(--white);cursor:pointer}
.edf-gmk.on{background:var(--pu);border-color:var(--pu)}
.edf-cb{flex:none;width:13px;height:13px;margin-inline-end:calc(var(--s0) * -1);
  border:1.5px solid var(--line);border-radius:3px;background:var(--white);
  cursor:pointer;opacity:0;transition:opacity .12s var(--ease)}
.edf-it:hover .edf-cb,.edf-cb.on,.edf-it.mk .edf-cb{opacity:1}
.edf-cb.on{background:var(--pu);border-color:var(--pu)}
.edf-it.mk{background:var(--purple-soft)}
/* שורת הפעולה · יושבת מעל הרשימה ונשארת בזמן גלילה */
.edf-mb{position:sticky;top:0;z-index:3;display:flex;align-items:center;
  gap:var(--s1);margin:0 var(--s2) var(--s1);padding:var(--s1) var(--s2);
  border-radius:var(--rd1);background:var(--pu);color:var(--white)}
.edf-mb b{flex:1;font-size:var(--t6);font-weight:600}
.edf-mbb{padding:2px var(--s2);border:1px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.12);border-radius:var(--rd1);
  font:inherit;font-size:var(--t7);font-weight:600;color:var(--white);cursor:pointer}
.edf-mbb:hover{background:rgba(255,255,255,.24)}
.edf-mbx{border:0;background:none;font:inherit;font-size:var(--t7);
  color:rgba(255,255,255,.8);cursor:pointer;text-decoration:underline}

/* ── מה שנבחר בעמודה · מואר על הבד ──
   אורי התעקש לשמור את התצוגה כי הוא עובד ויזואלית — וצדק.
   אבל היא הייתה **חד-כיוונית**: לחיצה על הבד בחרה שורה,
   לחיצה בעמודה לא עשתה כלום. בעמוד עם 60 פריטים זה אומר
   שבחרת משהו שנמצא 900 פיקסלים מחוץ למסך. */
#ed-canvas [data-box].ed-sel,#ed-canvas [data-w].ed-sel{
  outline:2px solid var(--pu);outline-offset:3px;
  border-radius:var(--rd1);animation:edPulse 1.1s var(--ease) 1}
@keyframes edPulse{
  0%{box-shadow:0 0 0 0 var(--purple-soft)}
  40%{box-shadow:0 0 0 10px var(--purple-soft)}
  100%{box-shadow:0 0 0 0 rgba(110,42,234,0)}
}
@media (prefers-reduced-motion: reduce){
  #ed-canvas [data-box].ed-sel,#ed-canvas [data-w].ed-sel{animation:none}
}

/* ── «+ לספרייה» ──
   הרעיון של אורי: אם הרבה לקוחות מבקשים אותו דבר — שיהיה
   אפשר להרחיב את הבנק. הכפתור יושב **בכותרת הלוח** ולא
   בתפריט נפרד: הרגע שבו מחליטים לשמור הוא הרגע שבו
   מסתכלים על הפריט. */
.edp-lib{flex:none;margin-inline-start:auto;padding:2px var(--s2);
  border:1px solid var(--pu);border-radius:var(--rdp);background:var(--white);
  font:inherit;font-size:var(--t7);font-weight:700;color:var(--pu);cursor:pointer;
  transition:background .12s var(--ease),color .12s var(--ease)}
.edp-lib:hover{background:var(--pu);color:var(--white)}
.edp-lib.in{border-color:var(--line);background:var(--bg-soft);
  color:var(--tx-mut);font-weight:600;cursor:default}
.edf-mbb.pack{background:var(--white);color:var(--pu);border-color:var(--white)}
.edf-mbb.pack:hover{background:var(--bg-soft)}

/* ── מדף «מהספרייה שלך» ──
   ראשון בכוונה: מה שכבר בנית ועבד עדיף על מה שצריך לבנות
   מאפס. הצבע הסגול הוא אותו צבע של «רק אצלך» — **שניהם
   אומרים «זה שלך, לא של המערכת».** */
.eda-g.lib{display:flex;align-items:center;gap:var(--s1);color:var(--pu)}
.eda-g.lib span{font-family:var(--mono);font-size:var(--t7);
  background:var(--purple-soft);border-radius:var(--rdp);padding:0 var(--s0)}
.eda-i.lib{border-color:var(--purple-soft)}
.eda-i.lib:hover{border-color:var(--pu);background:var(--purple-soft)}
.eda-p.lib{color:var(--pu);background:var(--purple-soft);font-size:var(--t5)}
.eda-i.lib.used{opacity:.55}
.eda-i.lib.used:hover{border-color:var(--line);background:var(--bg-soft)}
.eda-n{margin-inline-start:var(--s1);font-style:normal;font-family:var(--mono);
  font-size:var(--t7);font-weight:600;color:var(--pu)}
.eda-i.lib .eda-w{color:var(--pu)}

/* ════════════════════════════════════════════════════════════
   הספרייה · 13.8.26
   ────────────────────────────────────────────────────────────
   הרעיון של אורי. הצבע הסגול הוא אותו סגול של «רק אצלך»
   ו«+ לספרייה» — **בכל המערכת הוא אומר דבר אחד: זה שלך,
   לא של המערכת.**
   ════════════════════════════════════════════════════════════ */
.lib-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);
  margin-block-end:var(--s3)}
.lib-k{padding:var(--s3) var(--s2);border:1px solid var(--line);
  border-radius:var(--rd2);background:var(--white)}
.lib-k b{display:block;font-size:var(--m1);font-weight:700;color:var(--pu);
  line-height:1.1}
.lib-k span{display:block;margin-block-start:2px;font-size:var(--t6);color:var(--tx-mut)}

.lib-tabs{display:flex;flex-wrap:wrap;gap:var(--s0);margin-block-end:var(--s3)}
.lib-tb{display:inline-flex;align-items:center;gap:var(--s0);
  padding:var(--s0) var(--s2);border:1px solid var(--line);background:var(--white);
  border-radius:var(--rdp);font:inherit;font-size:var(--t6);font-weight:600;
  color:var(--tx-mut);cursor:pointer;transition:background .12s var(--ease)}
.lib-tb i{font-style:normal;font-family:var(--mono);font-size:var(--t7);opacity:.7}
.lib-tb:hover{background:var(--bg-soft);color:var(--ink)}
.lib-tb.on{background:var(--pu);border-color:var(--pu);color:var(--white)}

.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:var(--s3)}
.lib-c{display:flex;flex-direction:column;gap:var(--s1);
  padding:var(--s3) var(--s2);border:1px solid var(--line);border-radius:var(--rd2);
  background:var(--white);transition:box-shadow .15s var(--ease),border-color .15s var(--ease)}
.lib-c:hover{border-color:var(--purple-soft);box-shadow:var(--sh-sm)}
.lib-c.pack{background:linear-gradient(180deg,var(--purple-soft),var(--white) 46%)}
.lib-c-h{display:flex;align-items:flex-start;gap:var(--s1)}
.lib-c-i{flex:none;width:26px;height:26px;display:grid;place-items:center;
  border-radius:var(--rd1);background:var(--purple-soft);color:var(--pu);
  font-size:var(--t4)}
.lib-c-t{flex:1;min-width:0}
.lib-c-t b{display:block;font-size:var(--t4);font-weight:600;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lib-c-t em{display:block;font-style:normal;font-size:var(--t7);color:var(--tx-mut)}
.lib-c-n{flex:none;min-width:22px;height:22px;display:grid;place-items:center;
  border-radius:var(--rdp);background:var(--pu);color:var(--white);
  font-family:var(--mono);font-size:var(--t7);font-weight:700;padding:0 var(--s0)}
.lib-c-n.zero{background:var(--bg-soft);color:var(--tx-mut)}
.lib-c-d{margin:0;font-size:var(--t6);color:var(--tx-mut);line-height:1.5}
.lib-pk{display:flex;flex-wrap:wrap;gap:var(--s0)}
.lib-pkc{font-size:var(--t7);color:var(--tx-mut);background:var(--bg-soft);
  border-radius:var(--rdp);padding:1px var(--s1)}
.lib-pkc.more{color:var(--pu);font-weight:700}
.lib-c-f{display:flex;align-items:center;gap:var(--s1);
  margin-block-start:auto;padding-block-start:var(--s1);
  border-block-start:1px solid var(--line)}
.lib-c-m{flex:1;min-width:0;font-family:var(--mono);font-size:var(--t7);
  color:var(--tx-mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lib-b{flex:none;padding:2px var(--s2);border:1px solid var(--line);
  background:var(--white);border-radius:var(--rd1);font:inherit;font-size:var(--t7);
  font-weight:600;color:var(--ink);cursor:pointer}
.lib-b:hover{background:var(--bg-soft)}
.lib-b.dngr{color:var(--tx-bad)}
.lib-b.dngr:hover{background:var(--coral-soft)}

/* ── מצב ריק · מלמד את הכלי, לא מודיע שאין כלום ── */
.lib-e{text-align:center;padding:var(--s4) var(--s2)}
.lib-e-i{font-size:var(--t0);color:var(--pu);opacity:.35;line-height:1}
.lib-e h4{margin:var(--s3) 0 var(--s1);font-size:var(--t4)}
.lib-e p{margin:0 auto;max-width:44ch;font-size:var(--t5);color:var(--tx-mut);
  line-height:1.7}
.lib-e-s{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s3);
  margin-block-start:var(--s4)}
.lib-e-s span{display:inline-flex;align-items:center;gap:var(--s1);
  padding:var(--s1) var(--s2);border:1px solid var(--line);border-radius:var(--rdp);
  font-size:var(--t6);color:var(--tx-mut)}
.lib-e-s i{width:18px;height:18px;display:grid;place-items:center;flex:none;
  border-radius:var(--rdp);background:var(--purple-soft);color:var(--pu);
  font-style:normal;font-family:var(--mono);font-size:var(--t7);font-weight:700}
.lib-e-s b{color:var(--pu)}

/* ── «כל הבנק» ──
   אורי: *«חשוב שגם פה תמיד תהיה לי גישה לבנק המלא, וזה נכון
   לכל עמוד — אבל שעדיין יופיע רק מה שרלוונטי».*
   **הסינון מציע. הוא לא חוסם.** */
.eda-all{display:flex;align-items:center;gap:var(--s1);width:100%;
  margin-block-start:var(--s1);padding:var(--s3) var(--s2);
  border:1px solid var(--purple-soft);border-radius:var(--rd2);
  background:var(--white);font:inherit;text-align:start;cursor:pointer;
  transition:background .12s var(--ease),border-color .12s var(--ease)}
.eda-all:hover{border-color:var(--pu);background:var(--purple-soft)}
.eda-all span{font-size:var(--t5);font-weight:600;color:var(--pu)}
.eda-all em{flex:1;font-style:normal;font-size:var(--t7);color:var(--tx-mut)}
.eda-all i{font-style:normal;color:var(--pu);font-size:var(--t4)}
.eda-back{width:100%;padding:var(--s1) var(--s2);border:0;background:none;
  font:inherit;font-size:var(--t6);color:var(--tx-mut);cursor:pointer;text-align:start}
.eda-back:hover{color:var(--pu)}
.eda-tabs{display:flex;flex-wrap:wrap;gap:var(--s0);padding:0 var(--s2) var(--s1)}
.eda-tb{display:inline-flex;align-items:center;gap:var(--s0);
  padding:2px var(--s2);border:1px solid var(--line);background:var(--white);
  border-radius:var(--rdp);font:inherit;font-size:var(--t7);font-weight:600;
  color:var(--tx-mut);cursor:pointer}
.eda-tb i{font-style:normal;font-family:var(--mono);opacity:.7}
.eda-tb:hover{background:var(--bg-soft);color:var(--ink)}
.eda-tb.on{background:var(--pu);border-color:var(--pu);color:var(--white)}
.eda-g.arch{color:var(--tx-mut)}
.eda-g.arch span{background:var(--bg-soft);border-radius:var(--rdp);
  padding:0 var(--s0);font-family:var(--mono);font-size:var(--t7)}
.eda-i.arch{opacity:.6}

/* ── שיוך וארכיון בכרטיס הספרייה ── */
.lib-c-w{font-size:var(--t7);color:var(--tx-mut)}
.lib-c-wt{font-family:var(--mono);letter-spacing:.04em;opacity:.8}
.lib-c-ar{margin-inline-start:var(--s1);padding:0 var(--s0);border-radius:var(--rdp);
  background:var(--bg-soft);color:var(--tx-mut);font-weight:600}
.lib-tb.clean{border-color:var(--amber);color:var(--tx-warn)}
.lib-tb.clean:hover{background:var(--amber-soft)}

/* ── הפעולה השלישית בחלון ──
   אורי ביקש יציאה מהעורך «עם שמירה או בלי». זו שאלה עם
   **שלוש תשובות**, וחלון של שני כפתורים היה מכריח לוותר
   על אחת מהן. הכפתור השלישי יושב **בין** הביטול לאישור,
   כי הוא פעולה אמיתית — אבל לא הראשית. */
.ask-alt{padding:var(--s2) var(--s4);border-radius:var(--r-sm);
  border:1px solid var(--line);background:var(--white);
  color:var(--ink-sec);font-weight:600;font-size:var(--t4);cursor:pointer}
.ask-alt:hover{background:var(--bg-soft);color:var(--ink)}
.ask-alt.dngr{border-color:var(--coral);color:var(--tx-bad)}
.ask-alt.dngr:hover{background:var(--coral-soft)}

/* ── מונה השינויים על כפתור היציאה ──
   אורי ביקש יציאה עם שמירה או בלי. **המספר שייך לכפתור
   ולא לשורה נפרדת** — הוא מעניין בדיוק ברגע שעומדים לצאת. */
.edf-exit.dirty{border-color:var(--amber)}
.edf-exn{margin-inline-start:var(--s0);padding:0 var(--s0);
  border-radius:var(--rdp);background:var(--amber-soft);color:var(--tx-warn);
  font-style:normal;font-family:var(--mono);font-size:var(--t7);font-weight:700}

/* ── «המערכת שלו» · השלב, על הכרטיס ──
   אורי: *«דרך המסך הזה עובדים יותר».* הכרטיס נפתח עשר פעמים
   ביום; ההגדרות פעם בשבוע. **להסתיר שם את «איפה ההקמה
   עומדת» זה להסתיר אותה.** */
.hero-sysd{margin-inline-start:var(--s0);padding:0 var(--s0);
  border-radius:var(--rdp);background:var(--bg-soft);
  font-style:normal;font-family:var(--mono);font-size:var(--t7)}
.hero-sys.slow{border-color:var(--amber);color:var(--tx-warn)}
.hero-sys.slow .hero-sysd{background:var(--amber-soft);color:var(--tx-warn)}

/* ── «מי רואה מה» · בעורך ──
   אורי ביקש מסך הרשאות לכל לקוח. הדלת יושבת בעמודה, והלוח
   **מחליף את הבד** — כי זו עבודה על טבלה ולא על מסך, ומצב
   ביניים היה מבלבל. */
.edf-rh{font-family:var(--mono);font-size:var(--t7);letter-spacing:.06em;
  color:var(--tx-mut);padding:var(--s3) var(--s2) var(--s0)}
.edf-pm{display:grid;grid-template-columns:1fr 1fr;gap:var(--s0);
  padding:0 var(--s2) var(--s3)}
.edf-pmb{padding:var(--s1) var(--s2);border:1px solid var(--line);
  background:var(--white);border-radius:var(--rd1);font:inherit;
  text-align:start;cursor:pointer;
  transition:border-color .12s var(--ease),background .12s var(--ease)}
.edf-pmb b{display:block;font-size:var(--t5);font-weight:600;color:var(--ink)}
.edf-pmb em{display:block;font-style:normal;font-size:var(--t7);color:var(--tx-mut)}
.edf-pmb:hover{border-color:var(--pu)}
.edf-pmb.on{border-color:var(--pu);background:var(--purple-soft)}
.edf-canvas.perm{overflow:auto;padding:var(--s3)}
.edf-pw{max-width:1180px;margin:0 auto}
.edf-pwx{margin-block-end:var(--s3);padding:var(--s1) var(--s2);
  border:1px solid var(--line);background:var(--white);border-radius:var(--rd1);
  font:inherit;font-size:var(--t6);color:var(--tx-mut);cursor:pointer}
.edf-pwx:hover{color:var(--pu);border-color:var(--pu)}

/* ════════════════════════════════════════════════════════════
   רשימת לקוחות המערכת · 13.8.26
   ────────────────────────────────────────────────────────────
   אורי: *«אין עדיין אף מקום שבו אפשר לראות רשימת לקוחות
   מערכת ולנהל אותם.»* רשימה אחת ולא לוח עמודות — כי עם 12
   לקוחות לוח נראה ריק, **ובעיקר הוא מסתיר את מי שתקוע.**
   ════════════════════════════════════════════════════════════ */
.tnks{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3);
  margin-block-end:var(--s3)}
.tnk{padding:var(--s3) var(--s2);border-radius:var(--rd2);background:var(--bg-soft)}
.tnk b{display:block;font-size:var(--m1);font-weight:700;line-height:1.1}
.tnk span{display:block;margin-block-start:2px;font-size:var(--t6);color:var(--tx-mut)}
.tnk.warn{background:var(--amber-soft)}
.tnk.warn b,.tnk.warn span{color:var(--tx-warn)}

.tnc-g{display:flex;align-items:center;gap:var(--s1);
  padding:var(--s3) var(--s1) var(--s0);
  font-family:var(--mono);font-size:var(--t7);letter-spacing:.05em;color:var(--tx-mut)}
.tnc-g.warn{color:var(--tx-warn)}
.tnc-g span{font-family:var(--mono);background:var(--bg-soft);
  border-radius:var(--rdp);padding:0 var(--s0)}
.tnc-g.warn span{background:var(--amber-soft)}

.tnc{display:flex;align-items:center;gap:var(--s3);
  padding:var(--s3) var(--s2);margin-block-end:var(--s1);
  border:1px solid var(--line);border-radius:var(--rd2);background:var(--white);
  transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}
.tnc:hover{border-color:var(--ln-mid,var(--line));box-shadow:var(--sh-sm)}
.tnc.warn{border-color:var(--amber)}
.tnc-m{flex:1;min-width:0}
.tnc-h{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap}
.tnc-h b{font-size:var(--t4);font-weight:600}
.tnc-st{padding:0 var(--s1);border-radius:var(--rdp);background:var(--bg-soft);
  font-size:var(--t7);font-weight:600;color:var(--tx-mut);white-space:nowrap}
.tnc.warn .tnc-st{background:var(--amber-soft);color:var(--tx-warn)}
.tnc-v{font-family:var(--mono);font-size:var(--t7);color:var(--tx-mut)}
.tnc-s{margin-block-start:var(--s0);font-size:var(--t6);color:var(--tx-mut)}
.tnc-s.warn{color:var(--tx-warn)}
.tnc-d{flex:none;font-family:var(--mono);font-size:var(--t6);
  color:var(--tx-mut);letter-spacing:.1em}
.tnc-lk{flex:none;padding:2px var(--s2);border:1px solid var(--line);
  background:var(--white);border-radius:var(--rd1);font:inherit;
  font-size:var(--t6);color:var(--tx-mut);cursor:pointer;white-space:nowrap}
.tnc-lk:hover{color:var(--ink);border-color:var(--ln-mid,var(--line))}
.tnc-lk.off{border-style:dashed}
.tnc-go{flex:none;white-space:nowrap}

/* ── «בכל סדר» · אמירה, לא קישוט ──
   המחקר אומר שרצף כפוי הוא הדרך המהירה לנטישה. השורה הזו
   אומרת למשתמש שמותר לו לעצור — **לפני שהוא מרגיש שנכשל.** */
.tnck-f{padding:var(--s1) var(--s2) 0;font-size:var(--t7);color:var(--tx-mut)}

/* ── «הלקוחות» · מסך משלו ──
   אורי: *«פשוט תוסיף עוד קטגוריה... לא יותר פשוט?»* — כן.
   «הגרסאות» ערבב שני מקורות ורשימה. עכשיו הם נפרדים. */
.tn-toc{width:100%;margin-block-start:var(--s3);padding:var(--s3) var(--s2);
  border:1px dashed var(--line);border-radius:var(--rd2);background:none;
  font:inherit;font-size:var(--t6);color:var(--tx-mut);cursor:pointer;text-align:start}
.tn-toc:hover{border-color:var(--pu);color:var(--pu)}
.tn-e{text-align:center;padding:var(--s4) var(--s2)}
.tn-e-i{font-size:var(--t0);color:var(--pu);opacity:.3;line-height:1}
.tn-e h4{margin:var(--s3) 0 var(--s1);font-size:var(--t4)}
.tn-e p{margin:0 auto;max-width:48ch;font-size:var(--t5);color:var(--tx-mut);line-height:1.7}
.tn-e-s{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s3);
  margin-block-start:var(--s4)}
.tn-e-s span{display:inline-flex;align-items:center;gap:var(--s1);
  padding:var(--s1) var(--s2);border:1px solid var(--line);border-radius:var(--rdp);
  font-size:var(--t6);color:var(--tx-mut)}
.tn-e-s i{width:18px;height:18px;display:grid;place-items:center;flex:none;
  border-radius:var(--rdp);background:var(--purple-soft);color:var(--pu);
  font-style:normal;font-family:var(--mono);font-size:var(--t7);font-weight:700}

/* ════════════════════════════════════════════════════════════
   תיק הלקוח · 16.8.26
   ────────────────────────────────────────────────────────────
   עמוד קריאה, לא עמוד עבודה. ולכן: **רוחב שורה מוגבל,
   כותרות שקטות, והמידע עצמו בולט.** הצבע נשמר לשלושה
   מקרים בלבד — כבוי, רגיש, ומה שהוא הוסיף בעצמו.
   ════════════════════════════════════════════════════════════ */

/* ── הכותרת ── */
.dos-h{padding:var(--s3) 0 var(--s2);border-bottom:1px solid var(--line)}
.dos-back{background:none;border:0;padding:0 0 var(--s1);cursor:pointer;
  color:var(--tx-mut);font:inherit;font-size:var(--t5)}
.dos-back:hover{color:var(--pu)}
.dos-ht{display:flex;align-items:baseline;gap:var(--s1);flex-wrap:wrap}
.dos-ht h2{margin:0;font-size:var(--t2);font-weight:800;color:var(--ink)}
.dos-tag,.dos-ver,.dos-biz{font-size:var(--t6);border-radius:var(--rdp);
  padding:2px var(--s1);white-space:nowrap}
.dos-tag{background:var(--purple-soft);color:var(--pu);font-weight:700}
.dos-ver{background:var(--bg-soft);color:var(--tx-mut);font-family:var(--mono);
  font-size:var(--t7)}
.dos-biz{color:var(--tx-mut)}
.dos-why{margin-top:var(--s1);font-size:var(--t5);color:var(--tx-warn)}
.dos-ha{display:flex;gap:var(--s1);flex-wrap:wrap;margin-top:var(--s2)}
.dos-see{display:inline-flex;align-items:center;gap:var(--s0)}
.dos-see svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}

/* ── שורת המספרים ── */
.dos-k{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));
  gap:var(--px1);background:var(--line);border:1px solid var(--line);
  border-radius:var(--rd2);overflow:hidden;margin:var(--s3) 0}
.dos-ki{background:var(--white);padding:var(--s2) var(--s1);text-align:center}
.dos-ki b{display:block;font-size:var(--m3);font-weight:800;color:var(--ink)}
.dos-ki b i{font-style:normal;font-size:var(--t7);font-weight:500;
  color:var(--tx-mut)}
.dos-ki span{display:block;margin-top:2px;font-size:var(--t7);
  color:var(--tx-mut)}

/* ── הניווט הפנימי ── */
.dos-toc{display:flex;gap:var(--s0);flex-wrap:wrap;
  padding-bottom:var(--s3);border-bottom:1px solid var(--line)}
.dos-toc a{font-size:var(--t6);color:var(--tx-mut);text-decoration:none;
  padding:var(--s0) var(--s1);border-radius:var(--rdp);background:var(--bg-soft)}
.dos-toc a:hover{background:var(--purple-soft);color:var(--pu)}

/* ── האזורים ── */
.dos-body{max-width:860px}
.dos-s{padding:var(--s4) 0;border-bottom:1px solid var(--line)}
.dos-s:last-child{border-bottom:0}
.dos-sh{display:flex;align-items:baseline;gap:var(--s1);
  margin-bottom:var(--s2);flex-wrap:wrap}
.dos-sh h3{margin:0;font-size:var(--t4);font-weight:800;color:var(--ink)}
.dos-sh em{font-style:normal;font-size:var(--t6);color:var(--tx-mut)}
.dos-n{font-family:var(--mono);font-size:var(--t7);color:var(--tx-mut);
  background:var(--bg-soft);border-radius:var(--rdp);padding:1px var(--s1)}
.dos-e{font-size:var(--t5);color:var(--tx-mut);padding:var(--s2);
  background:var(--bg-soft);border-radius:var(--rd1)}

/* צ'יפים · המטבע החוזר של התיק */
.dos-ch{display:flex;gap:var(--s0);flex-wrap:wrap}
.dos-c{font-size:var(--t6);color:var(--ink-sec);background:var(--bg-soft);
  border-radius:var(--rd0);padding:2px var(--s1)}
.dos-c.own{background:var(--purple-soft);color:var(--pu)}
.dos-c i{font-style:normal;font-size:var(--t7);color:var(--pu)}

/* 1 · השפה */
.dos-lg{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
  gap:var(--s1)}
.dos-lgi{border:1px solid var(--line);border-radius:var(--rd1);
  padding:var(--s1) var(--s2)}
.dos-lgi.ch{border-color:var(--teal-3);background:var(--teal-soft)}
.dos-lgi b{display:block;font-size:var(--t4);color:var(--ink)}
.dos-lgi span{display:block;font-size:var(--t6);color:var(--tx-mut)}
.dos-lgi i{display:block;margin-top:2px;font-style:normal;
  font-size:var(--t7);color:var(--tx-ok)}

/* 2 · העמודים */
.dos-pg{display:grid;gap:var(--s1)}
.dos-pgi{border:1px solid var(--line);border-radius:var(--rd1);
  padding:var(--s2)}
.dos-pgi.off{background:var(--bg-soft);opacity:.72}
.dos-pgh{display:flex;align-items:center;gap:var(--s1)}
.dos-pgh b{font-size:var(--t4);color:var(--ink)}
.dos-dot{width:7px;height:7px;border-radius:var(--rdp);flex:none;
  background:var(--teal)}
.dos-pgi.off .dos-dot{background:var(--ink-mut)}
.dos-pgn{margin-inline-start:auto;font-family:var(--mono);
  font-size:var(--t7);color:var(--tx-mut)}
.dos-pgd{display:block;margin:2px 0 var(--s1);font-style:normal;
  font-size:var(--t6);color:var(--tx-mut)}

/* 3 · הדשבורד */
.dos-tb{display:grid;gap:var(--s2)}
.dos-tbh{display:flex;align-items:center;gap:var(--s1);margin-bottom:var(--s0)}
.dos-tbh b{font-size:var(--t5);color:var(--ink)}

/* 4 · הכרטיס */
.dos-fg{margin-bottom:var(--s4)}
.dos-fg:last-child{margin-bottom:0}
.dos-fg h4{margin:0 0 var(--s1);font-size:var(--t5);font-weight:700;
  color:var(--pu)}
.dos-fgi{border:1px solid var(--line);border-radius:var(--rd1);
  padding:var(--s2);margin-bottom:var(--s1)}
.dos-fgh{display:flex;align-items:center;gap:var(--s1);margin-bottom:var(--s1)}
.dos-fgh b{font-size:var(--t5);color:var(--ink)}
.dos-fl{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
  gap:var(--s0) var(--s1)}
.dos-f{display:flex;align-items:baseline;gap:var(--s0);flex-wrap:wrap;
  padding:var(--s0) 0;border-bottom:1px dashed var(--line)}
.dos-f b{font-size:var(--t5);font-weight:600;color:var(--ink)}
.dos-ft{font-size:var(--t7);color:var(--tx-mut)}
.dos-fr,.dos-fp{font-style:normal;font-size:var(--t7);border-radius:var(--rd0);
  padding:0 var(--s0)}
.dos-fr{background:var(--bg-soft);color:var(--tx-mut)}
.dos-fp{background:var(--amber-soft);color:var(--tx-warn)}
.dos-f.own b{color:var(--pu)}
.dos-fo{flex-basis:100%;font-style:normal;font-size:var(--t7);
  color:var(--tx-mut)}

/* 5 · התהליך */
.dos-fw{margin-bottom:var(--s2)}
.dos-fwh{display:flex;align-items:baseline;gap:var(--s1);margin-bottom:var(--s0)}
.dos-fwh b{font-size:var(--t5);color:var(--ink)}
.dos-fwh em{font-style:normal;font-size:var(--t6);color:var(--tx-mut)}

/* 6 · האנשים */
.dos-rl{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
  gap:var(--s1);margin-bottom:var(--s1)}
.dos-rli{display:flex;align-items:center;gap:var(--s0);
  border:1px solid var(--line);border-radius:var(--rd1);padding:var(--s1) var(--s2)}
.dos-rli b{font-size:var(--t5);color:var(--ink)}
.dos-rall{font-size:var(--t7);background:var(--purple-soft);color:var(--pu);
  border-radius:var(--rdp);padding:1px var(--s1)}
.dos-ux{font-style:normal}

/* 7 · ההתראות */
.dos-al{display:grid;gap:var(--s0)}
.dos-ali{display:flex;align-items:baseline;gap:var(--s1);
  padding:var(--s1) 0;border-bottom:1px dashed var(--line)}
.dos-ali:last-child{border-bottom:0}
.dos-ali b{font-size:var(--t5);color:var(--ink)}
.dos-ad{font-family:var(--mono);font-size:var(--t7);color:var(--tx-mut);
  background:var(--bg-soft);border-radius:var(--rdp);padding:1px var(--s1)}
.dos-ali em{font-style:normal;font-size:var(--t6);color:var(--tx-mut);
  margin-inline-start:auto;text-align:end}

/* 8 · מה חריג */
.dos-df{display:grid;gap:var(--s2)}
.dos-dfi{border-inline-start:2px solid var(--teal-2);padding-inline-start:var(--s2)}
.dos-dfi b{display:block;font-size:var(--t5);color:var(--ink);
  margin-bottom:var(--s0)}
.dos-dfr{display:flex;gap:var(--s1);font-size:var(--t5);padding:var(--sx) 0}
.dos-dfr span{color:var(--ink-sec)}
.dos-dfr em{font-style:normal;color:var(--tx-ok)}

/* 9 · מה פתוח */
.dos-tk{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:var(--s1)}
.dos-tki{border:1px solid var(--amber-soft);background:var(--amber-soft);
  border-radius:var(--rd1);padding:var(--s2)}
.dos-tki b{display:block;font-size:var(--t5);color:var(--tx-warn)}
.dos-tki em{font-style:normal;font-size:var(--t6);color:var(--tx-mut)}

/* «התיק» · הכפתור בכרטיס הלקוח ברשימה */
.tnc-dos{color:var(--pu)}

/* ── הדפסה ──
   התיק נועד להישלח ללקוח. הכל נשאר; רק מה שאי אפשר
   ללחוץ עליו על נייר יורד. */
@media print{
  .sidebar,.topbar,.slay-s,.modebar,.dos-ha,.dos-back,.dos-toc,
  .pn-a,.pn-i-q,.rowmenu,.head-a{display:none!important}
  .dos-body{max-width:none}
  .dos-s{break-inside:avoid;page-break-inside:avoid}
  .dos-k{break-inside:avoid}
  body{background:#fff}
  .card,.set-card,.pn{box-shadow:none;border:0}
}

/* שתי מחלקות שהשער תפס בלי עיצוב · 16.8.26 */
.dos-tbi{border-inline-start:var(--px1) solid var(--line);
  padding-inline-start:var(--s2)}
.dos-prn{margin-inline-start:auto}

/* ── שאלות האפיון בתיק · 16.8.26 ──
   השאלות עצמן, לא מספר. לחיצה = «קיבלתי תשובה». */
.dos-sp{display:grid;gap:var(--s2);margin-top:var(--s2)}
.dos-spg b{display:block;font-size:var(--t6);color:var(--tx-mut);
  margin-bottom:var(--s0)}
.dos-spq{display:block;width:100%;text-align:start;cursor:pointer;
  font:inherit;font-size:var(--t5);color:var(--ink);
  background:var(--white);border:var(--px1) solid var(--line);
  border-radius:var(--rd1);padding:var(--s1) var(--s2);
  margin-bottom:var(--s0);transition:border-color .15s var(--ease),
  background .15s var(--ease)}
.dos-spq:hover{border-color:var(--teal-2);background:var(--teal-soft)}
.dos-spq::before{content:'○';color:var(--tx-mut);margin-inline-end:var(--s1)}
.dos-spq:hover::before{content:'✓';color:var(--tx-ok)}
.dos-lnk{background:none;border:0;padding:0;cursor:pointer;font:inherit;
  font-size:var(--t5);color:var(--pu);text-decoration:underline}

/* ── בחירה בהקלדה · 16.8.26 ──
   רשימה נפתחת של 80 שמות הוחלפה בתיבה שמסננת.
   הרשימה יושבת מעל התוכן, ולכן `position:absolute` + z. */
.ask-pk{position:relative}
.ask-pk-q{width:100%}
.ask-pk-l{position:absolute;inset-inline:0;top:calc(100% + var(--s0));
  z-index:9;max-height:232px;overflow:auto;background:var(--white);
  border:var(--px1) solid var(--line);border-radius:var(--rd1);
  box-shadow:var(--sh-sm);padding:var(--s0)}
.ask-pk-l[hidden]{display:none}
.ask-pk-i{display:block;width:100%;text-align:start;cursor:pointer;
  font:inherit;font-size:var(--t5);color:var(--ink);background:none;
  border:0;border-radius:var(--rd0);padding:var(--s1) var(--s2)}
.ask-pk-i:hover,.ask-pk-i.on{background:var(--purple-soft);color:var(--pu)}
.ask-pk-no{font-size:var(--t5);color:var(--tx-mut);padding:var(--s1) var(--s2)}

/* ── תבנית הקמה בספרייה · 16.8.26 ──
   שלושה מספרים שאומרים אם היא שווה משהו:
   כמה החלטות · ממי נולדה · כמה נולדו ממנה. */
.lib-tp{display:flex;gap:var(--s0);flex-wrap:wrap;margin:var(--s1) 0}
.lib-tp span{font-size:var(--t6);border-radius:var(--rd0);
  padding:var(--sx) var(--s1)}
.lib-tpn{background:var(--purple-soft);color:var(--pu);font-weight:700}
.lib-tpf{background:var(--bg-soft);color:var(--tx-mut)}
.lib-tpu{background:var(--teal-soft);color:var(--tx-ok)}
.lib-tpu.zero{background:var(--bg-soft);color:var(--tx-mut)}

/* ── כמה זמן ההקמה לוקחת · 16.8.26 ──
   מספר אחד גדול, פסים לשלבים, ושורה תחתונה. */
.tnt{border:var(--px1) solid var(--line);border-radius:var(--rd2);
  padding:var(--s2);margin-bottom:var(--s3);background:var(--white)}
.tnt-k{display:flex;align-items:baseline;gap:var(--s1);flex-wrap:wrap}
.tnt-k b{font-size:var(--m0);font-weight:800;color:var(--pu);line-height:1}
.tnt-k.few b{color:var(--tx-mut)}
.tnt-k span{font-size:var(--t5);color:var(--ink)}
.tnt-k em{font-style:normal;font-size:var(--t6);color:var(--tx-mut);
  margin-inline-start:auto;text-align:end}
.tnt-b{display:grid;gap:var(--s0);margin:var(--s2) 0}
.tnt-bi{display:grid;grid-template-columns:96px 1fr 44px;align-items:center;
  gap:var(--s1)}
.tnt-bl{font-size:var(--t6);color:var(--tx-mut);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.tnt-bt{height:7px;border-radius:var(--rdp);background:var(--bg-soft);
  overflow:hidden}
.tnt-bt i{display:block;height:100%;width:var(--w);border-radius:var(--rdp);
  background:var(--grad-btn)}
.tnt-bn{font-family:var(--mono);font-size:var(--t7);color:var(--tx-mut);
  text-align:end}
.tnt-l{display:grid;gap:var(--s0);margin-bottom:var(--s2)}
.tnt-r{display:flex;align-items:baseline;gap:var(--s1);flex-wrap:wrap;
  padding:var(--s1) var(--s2);border-radius:var(--rd1);background:var(--bg-soft)}
.tnt-r.slow{background:var(--amber-soft)}
/* מי שסיים · 20.8.26 · אותה שורה בדיוק, ירוק במקום סגול —
   «עלה לאוויר» הוא מצב, לא שלב, ולכן צבע אחר ולא צורה אחרת. */
.tnt-l.done{margin-bottom:var(--s2)}
.tnt-h{font-size:var(--t6);color:var(--tx-mut);margin-bottom:var(--s0)}
/* `--gr` לא קיים · השתמשתי ב-`--ok` כמו `.tn-st-live`,
   שאומרת «עלה לאוויר» במקום אחר במערכת — אותה משמעות,
   אותו צבע. */
.tnt-r.ok .tnt-rs{background:var(--green-soft);color:var(--ok,var(--tx2))}
.tnt-r b{font-size:var(--t5);color:var(--ink)}
.tnt-rs{font-size:var(--t6);background:var(--purple-soft);color:var(--pu);
  border-radius:var(--rdp);padding:var(--sx) var(--s1)}
.tnt-rd{font-size:var(--t6);color:var(--tx-mut)}
.tnt-r em{font-style:normal;font-size:var(--t7);color:var(--tx-mut);
  margin:auto}
.tnt-f{font-size:var(--t5);color:var(--ink-sec);padding-top:var(--s2);
  border-top:var(--px1) solid var(--line)}

/* ── שער איכות בין שלבים · 16.8.26 ──
   כל שורה היא כפתור שמוביל לתיקון — לא רשימה שקוראים. */
.tng{display:grid;gap:var(--s0);margin-top:var(--s1)}
.tng-i{display:flex;align-items:baseline;gap:var(--s1);flex-wrap:wrap;
  width:100%;text-align:start;cursor:pointer;font:inherit;
  background:var(--amber-soft);border:var(--px1) solid transparent;
  border-radius:var(--rd1);padding:var(--s1) var(--s2);
  transition:border-color .15s var(--ease)}
.tng-i:hover{border-color:var(--amber)}
.tng-i b{font-size:var(--t5);color:var(--ink)}
.tng-i em{font-style:normal;font-size:var(--t6);color:var(--tx-mut)}
.tng-i span{margin:auto;font-size:var(--t6);color:var(--tx-warn);
  font-weight:700;white-space:nowrap}

/* ════════════════════════════════════════════════════════════
   העורך · שלוש עמודות, שכבה אחת · 16.8.26
   ────────────────────────────────────────────────────────────
   **הבאג שגרם לזה:** רשימת ההקמה חנקה את שטח העבודה, כי היא
   הייתה הילד היחיד בעמודת ה-flex בלי גובה מוגדר.

   **הכלל שנקבע כאן, ושער 59 אוכף:** כל ילד ישיר של `.edf`
   חייב `flex:none` — **חוץ מ-`.edf-body` שהוא היחיד שגדל.**
   ════════════════════════════════════════════════════════════ */
.edf > *{flex:none}
.edf > .edf-body{flex:1;min-height:0}

/* ── סרגל השלב · מה שהחליף רשימה של 500 פיקסל ── */
.edf-stg{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap;
  padding:var(--s1) var(--s3);background:var(--bg-soft);
  border-bottom:var(--px1) solid var(--line);font-size:var(--t6)}
.edf-stg-b{background:var(--purple-soft);color:var(--pu);font-weight:700;
  border-radius:var(--rdp);padding:var(--sx) var(--s1)}
.edf-stg-n{cursor:pointer;font:inherit;font-weight:700;color:var(--tx-ok);
  background:var(--teal-soft);border:0;border-radius:var(--rdp);
  padding:var(--sx) var(--s1)}
.edf-stg-n:hover{background:var(--teal-3)}
.edf-stg-o{color:var(--tx-warn)}
.edf-stg-t{margin-inline-start:auto;cursor:pointer;font:inherit;
  background:none;border:0;color:var(--tx-mut);text-decoration:underline}
.edf-stg-t:hover{color:var(--pu)}

/* ── הלשוניות · הניווט התכוף, קבוע ולמעלה ── */
.edf-tabs{display:flex;gap:var(--s0);overflow-x:auto;
  padding:var(--s1) var(--s3);background:var(--white);
  border-bottom:var(--px1) solid var(--line)}
/* «עמוד אחר?» · שאלה, לא עמוד. גבול מקווקו מפריד אותה
   מהשישה האמיתיים בלי להוסיף עוד קו או כותרת. */
.edf-tab.edf-tabq{border:var(--px1) dashed var(--line);color:var(--tx-mut);
  margin-inline-start:var(--s1)}
.edf-tab.edf-tabq:hover{color:var(--teal-ink,#0F6E56);border-color:var(--teal)}
.edf-tab{cursor:pointer;font:inherit;font-size:var(--t5);white-space:nowrap;
  color:var(--ink-sec);background:none;border:0;border-radius:var(--rd1);
  padding:var(--s1) var(--s2);transition:background .15s var(--ease),
  color .15s var(--ease)}
.edf-tab:hover{background:var(--bg-soft);color:var(--ink)}
.edf-tab.on{background:var(--purple-soft);color:var(--pu);font-weight:700}
.edf-tab.off{color:var(--tx-mut);opacity:.7}
.edf-tab.off i{font-style:normal;margin-inline-start:var(--s0);font-size:var(--t7)}
/* ── «אילו עמודים» · לפני הלשוניות, לא ביניהן ──
   הוא לא עמוד — הוא הבורר שקובע אילו עמודים יש. ולכן הוא
   נראה אחרת ומופרד בקו, כדי שלא ייקרא כלשונית שביעית. */
.edf-tabp{display:flex;align-items:baseline;gap:var(--s1);
  cursor:pointer;font:inherit;white-space:nowrap;
  margin-inline-end:var(--s2);padding:var(--s1) var(--s2);
  border:1px solid var(--line);border-radius:var(--rd1);
  border-inline-end:0;background:none;color:var(--ink-sec);
  transition:background .15s var(--ease),color .15s var(--ease)}
.edf-tabs{position:relative}
.edf-tabp::after{content:'';position:absolute;inset-block:var(--s1);
  inset-inline-start:auto;width:1px;background:var(--line);
  margin-inline-start:var(--s1)}
.edf-tabp b{font-size:var(--t5);font-weight:600}
.edf-tabp em{font-style:normal;font-size:var(--t7);color:var(--tx-mut)}
.edf-tabp:hover{background:var(--bg-soft);color:var(--ink)}
.edf-tabp.on{background:var(--teal-soft);color:var(--teal-deep);
  border-color:var(--teal)}
.edf-tabp.on em{color:var(--teal-deep)}

/* ── העמודה השלישית · מקום לעבוד בו ── */
/* ── המפה ── */
/* ── «מהאפיון» ── **פס דק בין הלשוניות לשטח העבודה.**
   הוא הקשר, לא כותרת — ולכן צהוב רך ולא טורקיז, שלא יתחרה
   ב«הדבר הבא». `flex:none` כי `.edf > *` דורש את זה. */
.dos-spq u{display:block;text-decoration:none;font-size:var(--t6);
  font-weight:600;color:var(--tx);margin-top:var(--s0)}
.dos-spq.ok{opacity:.82}
.dos-spq.ok::before{content:'✓ ';color:var(--teal)}
.dos-spq i{display:block;font-style:normal;font-size:var(--t7);
  color:var(--teal-ink,#0F6E56);margin-top:var(--s0)}
.edf-spec{display:flex;align-items:flex-start;gap:var(--s1);
  padding:var(--s1) var(--s3);background:var(--amber-bg,#FAEEDA);
  border-block:var(--px1) solid var(--line)}
.edf-speck{flex:none;font-size:var(--t7);font-weight:700;color:#854F0B;
  padding-top:var(--px1)}
.edf-specl{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:var(--s0) var(--s2)}
.edf-speci b{font-size:var(--t6);font-weight:600;color:#412402}
.edf-speci em{font-style:normal;font-size:var(--t7);color:#854F0B;
  margin-inline-start:var(--s0)}
.edf-allg{display:block;width:100%;background:transparent;border:0;
  font-size:var(--t7);color:var(--tx-mut);cursor:pointer;text-align:start;
  padding:var(--s0) var(--s1)}
.edf-allg:hover{color:var(--teal-ink,#0F6E56)}
/* «חזרה» · הפעולה הנפוצה, ולכן ראשונה וברורה מ«מפה» */
.edf-back{flex:none;display:inline-flex;align-items:center;gap:var(--s0);
  background:var(--white);border:var(--px1) solid var(--line-str,var(--line));
  border-radius:var(--rd1);padding:var(--s0) var(--s3);font-size:var(--t6);
  font-weight:600;color:var(--tx);cursor:pointer;white-space:nowrap;
  max-width:170px;overflow:hidden;text-overflow:ellipsis}
.edf-back:hover{border-color:var(--teal);color:var(--teal-ink,#0F6E56)}
.edf-back span{font-size:var(--t4);line-height:1}
.edf-map-b{flex:none;background:transparent;border:var(--px1) solid var(--line);
  border-radius:var(--rd1);padding:var(--s0) var(--s3);font-size:var(--t6);
  color:var(--tx);cursor:pointer}
.edf-map-b:hover{border-color:var(--teal);color:var(--teal-ink,#0F6E56)}
.edf-map-b.on{background:var(--teal);border-color:var(--teal);color:var(--white)}
/* ── בחירת עמודים · כרטיסייה לכל עמוד ──
   **המתג הוא הדבר היחיד שנראה כמו מתג.** כרטיסייה כבויה
   דהויה אבל לא נעלמת — כי «מה שאפשר להחזיר» חייב להיראות. */
.edpk{flex:1;min-height:0;overflow:auto;padding:var(--s3);
  max-width:900px;margin-inline:auto;width:100%}
.edpk-h{margin-bottom:var(--s2);position:relative}
.edpk-h b{display:block;font-size:var(--t2);font-weight:700}
.edpk-h em{display:block;font-style:normal;font-size:var(--t6);
  color:var(--tx-mut);margin-top:var(--s0)}
.edpk-n{position:absolute;inset-inline-end:0;top:0;
  font-family:var(--mono);font-size:var(--t6);color:var(--tx-mut)}
.edpk-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:var(--s2)}
.edpk-c{border:var(--px1) solid var(--line);border-radius:var(--rd2);
  padding:var(--s2);background:var(--white);display:flex;flex-direction:column;
  gap:var(--s1)}
.edpk-c.on{border-color:var(--teal)}
.edpk-c:not(.on){opacity:.7;background:var(--bg-soft)}
.edpk-t b{display:block;font-size:var(--t3);font-weight:700}
.edpk-t em{display:block;font-style:normal;font-size:var(--t6);
  color:var(--tx-mut);margin-top:2px}
.edpk-m{display:flex;align-items:center;justify-content:space-between;gap:var(--s1)}
.edpk-i{font-family:var(--mono);font-size:var(--t7);color:var(--tx-mut)}
.edpk-sw{flex:none;width:38px;height:21px;border-radius:99px;
  background:var(--line);border:0;cursor:pointer;position:relative;padding:0}
.edpk-sw i{position:absolute;top:2px;inset-inline-start:2px;width:17px;height:17px;
  border-radius:99px;background:var(--white);transition:inset-inline-start .16s}
.edpk-c.on .edpk-sw{background:var(--teal)}
.edpk-c.on .edpk-sw i{inset-inline-start:19px}
.edpk-go{background:transparent;border:var(--px1) solid var(--line);
  border-radius:var(--rd1);padding:var(--s0) var(--s2);font-size:var(--t6);
  color:var(--tx);cursor:pointer}
.edpk-go:hover{border-color:var(--teal);color:var(--teal-ink,#0F6E56)}
.edpk-off{font-size:var(--t7);color:var(--tx-mut)}
.edpk-f{margin-top:var(--s3);padding-top:var(--s2);
  border-top:var(--px1) solid var(--line);font-size:var(--t6);color:var(--tx-mut)}
@media (prefers-reduced-motion:reduce){ .edpk-sw i{transition:none} }

.edf-map{flex:1;min-height:0;overflow:auto;padding:var(--s2);
  max-width:860px;margin-inline:auto;width:100%}
.edf-maph{margin-bottom:var(--s3)}
.edf-maph b{display:block;font-size:var(--t2);font-weight:700;color:var(--tx)}
.edf-maph em{display:block;font-style:normal;font-size:var(--t7);
  color:var(--tx-mut);margin-top:var(--s0)}
.edf-mapq{margin-bottom:var(--s3);position:relative}
.edf-mapq .edf-find{display:flex;width:100%}
.edf-mapq .edf-find input{flex:1;min-width:0}
.edf-mapg{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:var(--s1)}
.edf-mapc{display:flex;align-items:flex-start;gap:var(--s1);text-align:start;
  background:var(--white);border:var(--px1) solid var(--line);
  border-radius:var(--rd2);padding:var(--s3);cursor:pointer;width:100%}
.edf-mapc:hover{border-color:var(--teal);background:var(--bg-soft)}
.edf-mapi{flex:none;font-size:var(--t4);color:var(--tx-mut);line-height:1.2}
.edf-mapc:hover .edf-mapi{color:var(--teal)}
.edf-mapt{flex:1;min-width:0}
.edf-mapt b{display:block;font-size:var(--t5);font-weight:600;color:var(--tx)}
.edf-mapt em{display:block;font-style:normal;font-size:var(--t7);
  color:var(--tx-mut);margin-top:var(--s0)}
.edf-mapn{flex:none;font-family:var(--mono);font-size:var(--t7);
  color:var(--tx-mut);white-space:nowrap}
.edf.ismap .edf-body{display:block;overflow:auto}
@media (max-width:640px){ .edf-mapg{grid-template-columns:1fr} }

.edf-pane{width:340px;flex:none;overflow:auto;background:var(--white);
  border-inline-start:var(--px1) solid var(--line);
  animation:edPaneIn .18s var(--ease)}
@keyframes edPaneIn{from{opacity:0;transform:translateX(-8px)}
  to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.edf-pane{animation:none}}
/* כשהלוח פתוח הבד מצטמצם · הוא התצוגה, לא העבודה */
.edf.haspane .edf-canvas{min-width:0}
@media (max-width:1200px){
  .edf-pane{width:300px}
  .edf.haspane .edf-canvas{display:none}   /* מסך צר · הלוח גובר */
}

/* ── «סימון מרובה» · כפתור אחד במקום תיבה בכל שורה ── */
.edf-mkm{display:block;width:100%;cursor:pointer;font:inherit;
  font-size:var(--t6);color:var(--tx-mut);background:none;border:0;
  padding:var(--s1) var(--s2);text-align:start}
.edf-mkm:hover{color:var(--pu);background:var(--bg-soft)}

/* ── «מה הוא משנה לבד» בתיק · 16.8.26 ── */
.dos-vn{display:grid;gap:var(--s1)}
.dos-vni{display:flex;align-items:flex-start;gap:var(--s2);width:100%;
  text-align:start;cursor:pointer;font:inherit;background:var(--white);
  border:var(--px1) solid var(--line);border-radius:var(--rd1);
  padding:var(--s2);transition:border-color .15s var(--ease)}
.dos-vni:hover{border-color:var(--teal-2)}
.dos-vni.on{background:var(--teal-soft);border-color:var(--teal-3)}
.dos-vnb{width:34px;height:19px;flex:none;border-radius:var(--rdp);
  background:var(--ink-mut);position:relative;transition:background .15s var(--ease)}
.dos-vnb::after{content:'';position:absolute;top:2px;inset-inline-start:2px;
  width:15px;height:15px;border-radius:var(--rdp);background:var(--white);
  transition:transform .15s var(--ease)}
.dos-vni.on .dos-vnb{background:var(--teal)}
.dos-vni.on .dos-vnb::after{transform:translateX(-15px)}
.dos-vnt b{display:block;font-size:var(--t5);color:var(--ink)}
.dos-vnt em{display:block;font-style:normal;font-size:var(--t6);color:var(--tx-mut)}
.dos-vnt i{display:block;margin-top:var(--s0);font-style:normal;
  font-size:var(--t7);color:var(--tx-mut)}

/* ════════════════════════════════════════════════════════════
   «מה לא מסתדר» · 19.8.26
   ────────────────────────────────────────────────────────────
   רשימה, לא קיר. שלוש רמות חומרה בצבע — ורק הן צבועות,
   כדי שהעין תלך לסתירה ולא לרשימה כולה.
   ════════════════════════════════════════════════════════════ */
.chk-top{display:grid;grid-template-columns:repeat(3,1fr);
  gap:var(--s2);margin-block-end:var(--s3)}
.chk-k{padding:var(--s2);border-radius:var(--rd1);
  background:var(--bg-soft);text-align:center}
.chk-k b{display:block;font-size:var(--t2);font-weight:700;color:var(--tx-mut)}
.chk-k em{font-style:normal;font-size:var(--t6);color:var(--tx-mut)}
.chk-k.on.bad{background:var(--coral-soft)}
.chk-k.on.bad b{color:var(--tx-bad)}
.chk-k.on.warn{background:var(--amber-soft)}
.chk-k.on.warn b{color:var(--tx-warn)}
.chk-k.on.info b{color:var(--ink)}

.chk-l{display:flex;flex-direction:column;gap:var(--s1)}
.chk-g{border:1px solid var(--line);border-radius:var(--rd1);overflow:hidden}
.chk-g.open{border-color:var(--line);background:var(--bg-soft)}
.chk-gh{display:flex;align-items:center;gap:var(--s2);width:100%;
  padding:var(--s1) var(--s2);border:0;background:none;
  font:inherit;text-align:start;cursor:pointer}
.chk-gh:hover{background:var(--bg-soft)}
.chk-gh b{font-size:var(--t5);font-weight:600;white-space:nowrap}
.chk-gh em{flex:1;font-style:normal;font-size:var(--t6);
  color:var(--tx-mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chk-gh i{font-style:normal;color:var(--tx-mut)}
.chk-n{min-width:26px;padding:0 var(--s0);border-radius:var(--rdp);
  background:var(--bg);font-size:var(--t6);font-weight:700;text-align:center}
/* רמת החומרה · המילה עצמה נושאת את הצבע */
.chk-lv{flex:none;padding:0 var(--s1);border-radius:var(--rdp);
  font-size:var(--t7);font-weight:700;white-space:nowrap}
.chk-lv.bad{background:var(--coral-soft);color:var(--tx-bad)}
.chk-lv.warn{background:var(--amber-soft);color:var(--tx-warn)}
.chk-lv.info{background:var(--bg);color:var(--tx-mut)}
/* הרשומות עצמן · לחיצה פותחת את הכרטיס, כי שם מתקנים */
.chk-rows{display:flex;flex-wrap:wrap;gap:var(--s1);
  padding:0 var(--s2) var(--s2)}
.chk-r{padding:var(--s0) var(--s2);border:1px solid var(--line);
  border-radius:var(--rdp);background:var(--white);
  font:inherit;font-size:var(--t6);cursor:pointer}
.chk-r:hover{border-color:var(--teal);color:var(--teal-deep)}
.chk-r.off{cursor:default;color:var(--tx-mut);background:none}
.chk-more{align-self:center;font-size:var(--t6);color:var(--tx-mut)}

/* ── להשלים מתבנית · 23.8.26 ──
   שתי קבוצות, ולא טבלה: **«מה ייכנס» ו«מה יישאר שלך»**
   הן שתי תשובות שונות לשאלה אחת, ולכן הן נפרדות ולא
   שתי עמודות באותה רשימה. */
.tnm{display:grid;gap:var(--s2)}
.tnm-g{border:1px solid var(--ln);border-radius:var(--r2);padding:var(--s1)}
.tnm-g.add{background:var(--green-soft);border-color:transparent}
.tnm-g.keep{background:var(--bg-soft)}
.tnm-h{font-size:var(--t6);color:var(--tx-mut);margin-bottom:var(--s0)}
.tnm-r{display:flex;justify-content:space-between;align-items:baseline;
  gap:var(--s1);padding:var(--s0) 0}
.tnm-r + .tnm-r{border-top:1px solid var(--ln-soft,var(--ln))}
.tnm-r b{font-size:var(--t5);color:var(--ink);font-weight:500}
.tnm-r span{font-size:var(--t6);color:var(--tx-mut);font-variant-numeric:tabular-nums}

/* ══════════════════════════════════════════════════════════
   תיק הלקוח · נושא נפתח בלחיצה · 23.8.26
   ──────────────────────────────────────────────────────────
   **אותה שפה בדיוק כמו הקבוצות בעמודת העורך** — חץ שמסתובב,
   מספר לימין הכותרת, ורקע שקט כשסגור. לא המצאה שנייה.
   ══════════════════════════════════════════════════════════ */
.dos-s{border:1px solid var(--ln);border-radius:var(--r2);
  margin-bottom:var(--s2);overflow:hidden}
.dos-sh{display:flex;align-items:center;gap:var(--s1);width:100%;
  padding:var(--s2);background:none;border:0;cursor:pointer;text-align:start;
  font:inherit;color:inherit}
.dos-sh:hover{background:var(--bg-soft)}
.dos-sh:focus-visible{outline:2px solid var(--fo);outline-offset:-2px}
.dos-sh h3{margin:0;font-size:var(--t4)}
.dos-cv{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;
  stroke-width:2;color:var(--tx-mut);transform:rotate(-90deg);
  transition:transform var(--dur) var(--ease)}
.dos-s.shut .dos-cv{transform:rotate(180deg)}
.dos-sh em{font-size:var(--t6);color:var(--tx-mut);font-style:normal;
  margin-inline-start:auto;text-align:end}
.dos-n{font-size:var(--t6);color:var(--tx-mut);background:var(--bg-soft);
  border-radius:999px;padding:1px var(--s1);font-variant-numeric:tabular-nums}
.dos-sb{padding:0 var(--s2) var(--s2)}
.dos-s.shut{background:var(--bg-soft)}

/* המפתח הראשי · שורה אחת מעל הכול */
.dos-all{display:flex;align-items:baseline;gap:var(--s2);margin-bottom:var(--s2)}
.dos-allb{font-size:var(--t6);background:none;border:1px solid var(--ln);
  border-radius:var(--r1);padding:var(--s0) var(--s1);cursor:pointer;color:var(--tx2)}
.dos-allb:hover{background:var(--bg-soft)}
.dos-allh{font-size:var(--t6);color:var(--tx-mut)}

/* ╔══════════════════════════════════════════════════════════╗
   ║  פריסת מגע · 23.8.26                                     ║
   ╚══════════════════════════════════════════════════════════╝

   **אורי:** *«בסטנדרט מאוד מאוד גבוה ומאוד נוח לשימוש»* —
   והמשתמשים הם **העובדים שלו, לקוחות המערכת, והעובדים
   שלהם.** כלומר: זה חלק מהמוצר, לא נוחות פרטית.

   ── מה שנמדד לפני ──
   **נקודת השבירה הצרה ביותר הייתה 560px.** אייפון הוא 390.
   כלומר: המערכת התכווצה למסך קטן, אבל **אף כלל לא נכתב
   בשביל טלפון.** ושבע הצהרות גובה בלבד הגיעו ל-44px.

   ── שלוש שכבות, בכוונה נפרדות ──
   1 · `pointer:coarse` — **אצבע, בכל גודל מסך.**
       גם טאבלט גדול נוגעים בו באצבע. הרוחב לא אומר כלום
       על אופן המגע, ולכן ההרחבה תלויה במגע ולא בגודל.
   2 · `max-width:600px` — **פריסה של טלפון.** עמודה אחת,
       תפריט למטה, טבלאות שנשברות.
   3 · `max-width:400px` — **מסך צר במיוחד.** ליטוש אחרון.

   ── והכלל שמנחה את הכול ──
   **מרחיבים את שטח הנגיעה, לא את המראה.** כפתור שנראה
   אותו דבר אבל תופס 44px זה מה שהופך מערכת «שאפשר
   ללחוץ עליה בטלפון» למערכת **שנעים ללחוץ עליה.**
   ══════════════════════════════════════════════════════════ */

/* ── שכבה 1 · אצבע · לא תלוי ברוחב המסך ─────────────────── */
@media (pointer: coarse){
  /* התקן: 44×44. ההרחבה נעשית ב-`min-height` ולא בריפוד,
     כדי שהמראה לא ישתנה — רק שטח הנגיעה. */
  .btn-g, .btn, button.go, .mt-save, .tab, .chip,
  .rmn-i, .fl-btn, .pn-i-q, .dos-allb, .fxm-in, .ask-c{
    min-height:44px }
  .btn-g, .btn, .tab, .chip{ padding-inline:var(--s3) }

  /* מתג · הידית נשארת קטנה, שטח הלחיצה גדל */
  .cw{ min-height:44px; padding-block:var(--s1) }
  .cw-t{ width:44px; height:26px }
  .cw-t i{ width:20px; height:20px; top:3px; inset-inline-start:3px }
  .cw.on .cw-t i{ inset-inline-start:21px }

  /* תיבת סימון · 16px היא מטרה בלתי אפשרית לאגודל */
  input[type="checkbox"], input[type="radio"]{
    width:22px; height:22px; accent-color:var(--purple) }

  /* שורות שנוגעים בהן כדי לפתוח משהו */
  .nav, .tk, .cst, .fxm-r, .ln, .row-a{ min-height:44px }

  /* שדות · מתחת לרצפה הזו ספארי מקרב את המסך מעצמו */
  input, select, textarea{ font-size:var(--t-inp); min-height:44px }

  /* ריחוף אינו קיים באצבע · הוא רק משאיר מצב תקוע */
  .cst:hover, .fxm-r:hover, .cw:hover{ background:inherit }
}

/* ── שכבה 2 · פריסת טלפון ───────────────────────────────── */
@media (max-width:600px){
  /* הסרגל הצדדי יורד · הניווט עובר לתחתית */
  .shell{ display:block }
  .sidebar{ display:none }
  .main{
    padding:var(--s3) var(--s3) calc(64px + env(safe-area-inset-bottom, 0px));
    max-width:100% }

  /* עמודה אחת · אין מקום לשתיים */
  .cols2, .grid2, .g2, .g3, .g4{ display:block }
  .cols2 > .col-side{ margin-top:var(--s4) }

  /* כותרת הכרטיס · נושמת במקום להידחס */
  .card-hero{ flex-direction:column; align-items:stretch; gap:var(--s2) }
  .hero-meta{ flex-wrap:wrap; gap:var(--s1) }
  .title{ font-size:var(--t2) }

  /* הפעולות הראשיות · לרוחב מלא, במרחק אגודל */
  .pn-a{ flex-direction:column; align-items:stretch; gap:var(--s2) }
  .pn-btns{ display:flex; gap:var(--s1) }
  .pn-btns > .btn-g{ flex:1; justify-content:center }
}

/* ── שכבה 3 · מסך צר במיוחד ─────────────────────────────── */
@media (max-width:400px){
  .main{ padding-inline:var(--s2) }
  .card, .set-card, .panel{ border-radius:var(--rd2) }
  .fxm-sum{ gap:var(--s3) }
}

/* ── התפריט התחתון ─────────────────────────────────────────
   מוסתר לגמרי במחשב — `display:none` ולא `visibility`, כדי
   שלא יתפוס גובה ולא ייסרק על ידי קורא מסך.
   ────────────────────────────────────────────────────────── */
.botnav{ display:none }

@media (max-width:600px){
  .botnav{
    display:flex; position:fixed; inset-inline:0; bottom:0; z-index:60;
    background:var(--white);
    border-top:1px solid var(--line);
    padding-bottom:env(safe-area-inset-bottom, 0px);
    box-shadow:0 -1px 3px rgba(23,18,58,.05), 0 -8px 24px -12px rgba(23,18,58,.12) }
  .botnav[hidden]{ display:none }

  .bn{
    flex:1; display:flex; flex-direction:column; align-items:center;
    justify-content:center; gap:var(--s0); position:relative;
    min-height:56px; padding:var(--s1) var(--s0);
    background:none; border:0; cursor:pointer;
    color:var(--tx-mut); font-family:var(--font);
    -webkit-tap-highlight-color:transparent }
  .bn svg{
    width:22px; height:22px; flex:none;
    fill:none; stroke:currentColor; stroke-width:1.8;
    stroke-linecap:round; stroke-linejoin:round;
    transition:transform .18s var(--ease) }
  .bn em{ font-style:normal; font-size:var(--t7); font-weight:600; line-height:1 }

  /* המסך הנוכחי · צבע ומשקל, בלי רקע שצועק */
  .bn.on{ color:var(--purple) }
  .bn.on svg{ transform:translateY(-1px) }
  .bn.on em{ font-weight:800 }
  /* קו דק מעל הפריט הפעיל · מספיק כדי לדעת איפה אתה */
  .bn.on::before{
    content:""; position:absolute; top:-1px; inset-inline:22%;
    height:2px; border-radius:0 0 var(--rdp) var(--rdp);
    background:var(--purple) }

  /* נקודה על «משימות» · יש מה לעשות. מספר בכפתור ברוחב
     רבע מסך נקרא כרעש; נקודה נקראת כתזכורת. */
  .bn-d{
    position:absolute; top:9px; inset-inline-end:calc(50% - 15px);
    width:7px; height:7px; border-radius:50%;
    background:var(--coral); border:1.5px solid var(--white) }

  .bn:focus-visible{ outline:2px solid var(--purple); outline-offset:-3px;
    border-radius:var(--rd1) }
}

/* ── טבלאות נשברות לכרטיסים ─────────────────────────────────
   **הכלל:** בטלפון אין טבלאות. יש כרטיסים.

   טבלה של שבע עמודות ב-390 פיקסלים נותנת 55 פיקסלים לעמודה —
   כלומר גלילה אופקית, שהיא **הדבר הכי לא נעים שיש במגע**:
   העין מאבדת את השורה, והאצבע לא יודעת אם היא גוללת את
   הטבלה או את הדף.

   ── ולמה לא תבנית שנייה ב-JS ──
   כי אז יש שתי אמיתות לתחזק, ואחת מהן תישכח. אותה טבלה
   בדיוק, פריסה אחרת. **התווית מגיעה מ-`data-l` שהתא נושא.**
   ────────────────────────────────────────────────────────── */
@media (max-width:600px){
  .tbl-wrap, .tbl-sc{ overflow-x:visible }
  table.tbl, table.list, .tbl{ display:block; width:100% }
  table.tbl thead, table.list thead{
    position:absolute; width:1px; height:1px;
    overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap }

  table.tbl tbody, table.list tbody{ display:block }

  table.tbl tr, table.list tr{
    display:block; position:relative;
    margin-bottom:var(--s2); padding:var(--s3);
    border:1px solid var(--line); border-radius:var(--rd2);
    background:var(--white); box-shadow:var(--sh-sm) }
  table.tbl tr:active, table.list tr:active{ background:var(--bg-soft) }

  table.tbl td, table.list td{
    display:flex; align-items:baseline; justify-content:space-between;
    gap:var(--s2); padding:var(--s0) 0; border:0; text-align:start }

  /* התווית · מגיעה מהתא ולא משורת כותרת שנעלמה */
  table.tbl td::before, table.list td::before{
    content:attr(data-l);
    flex:none; font-size:var(--t6); font-weight:600;
    color:var(--tx-mut) }
  table.tbl td[data-l=""]::before, table.list td[data-l=""]::before{ content:none }

  /* השם הופך לכותרת הכרטיס · לא עוד שדה ברשימה */
  table.tbl td.name-cell, table.list td.name-cell{
    display:block; font-size:var(--t3); font-weight:700; color:var(--ink);
    padding-bottom:var(--s1); margin-bottom:var(--s1);
    border-bottom:1px solid var(--line) }
  table.tbl td.name-cell::before, table.list td.name-cell::before{ content:none }

  /* החץ מיותר · הכרטיס כולו נלחץ */
  table.tbl td:last-child .chev, table.list td:last-child .chev{ display:none }
  table.tbl td:last-child:empty, table.list td:last-child:empty{ display:none }

  /* שורה שדורשת תשומת לב · פס בצד, לא רקע שצועק */
  table.tbl tr.row-stale, table.list tr.row-stale{
    border-inline-start:3px solid var(--amber) }
  table.tbl tr.row-sel, table.list tr.row-sel{
    border-color:var(--purple); background:var(--purple-soft) }

  /* תיבת הסימון · חוזרת לפינה במקום להיות שורה */
  table.tbl td.sel-c, table.list td.sel-c{
    position:absolute; top:var(--s2); inset-inline-end:var(--s2);
    padding:0; display:block }
  table.tbl td.sel-c::before, table.list td.sel-c::before{ content:none }

  /* העימוד · שורה אחת, כפתורים גדולים */
  .pgr{ flex-direction:column; gap:var(--s2); align-items:stretch }
  .pgr-per{ justify-content:center }
}

/* ── רשימות שאינן טבלאות · אותו כלל, בלי `data-l` ────────
   השותפים, המשימות, ההוצאות והחודשים בנויים כרשת CSS ולא
   כטבלה. הן לא צריכות תוויות — **הן צריכות לוותר על הרשת**
   ולהיערם לעמודה אחת.
   ────────────────────────────────────────────────────────── */
@media (max-width:600px){
  /* שורת שותף · חמש עמודות ב-390 פיקסלים זה 78 לכל אחת */
  .pcr, .pcx{
    grid-template-columns:1fr; gap:var(--s1);
    padding:var(--s3); border-radius:var(--rd2);
    border:1px solid var(--line); margin-bottom:var(--s2) }
  .pcr > *, .pcx > *{ text-align:start }

  /* הוצאה · המתג והשם בשורה, הסכום והפעולות מתחת */
  .cst{
    grid-template-columns:auto minmax(0,1fr);
    row-gap:var(--s2); padding:var(--s3) }
  .cst-v{ grid-column:1 / -1 }
  .cst-a{ grid-column:1 / -1; display:flex; gap:var(--s1) }
  .cst-a > .btn-g{ flex:1; justify-content:center }

  /* חודש בטבלת ההוצאה · הפס יורד, נשארים חודש וסכום */
  .fxm-r{ grid-template-columns:1fr auto; gap:var(--s2) }
  .fxm-b{ display:none }
  .fxm-in{ width:120px }

  /* משימה · הטקסט מקבל שורה משלו במקום להיחתך */
  .tk{ flex-wrap:wrap; row-gap:var(--s1); padding:var(--s2) 0 }
  .tk-t{ flex:1 1 100%; order:2 }
  .tk input[type="checkbox"]{ order:1 }
  .tk-d{ order:3 }

  /* רשתות מדדים · שתיים בשורה במקום ארבע */
  .kpis, .nm-row{ grid-template-columns:repeat(2,1fr); gap:var(--s2) }
  .pq, .pvs, .rp-stats, .m5, .cpg, .deal-grid{
    grid-template-columns:repeat(2,1fr); gap:var(--s2) }
  .fin-grid, .rc-sum, .grid2{ grid-template-columns:1fr }

  /* רצועת 12 חודשים · נשארת, אבל בלי תוויות שנדחסות */
  .cs12-g{ height:60px }

  /* לוח שבועי · הדבר היחיד שגלילה אופקית בו נכונה, כי
     שבוע הוא שבוע ואי אפשר לשבור אותו לעמודה */
  .wk, .mgrid, .mgrid-head{ min-width:640px }
  .wk-wrap, .mgrid-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch }
}

/* ── מה שנשאר למחשב · מוסבר, לא שבור ───────────────────────
   **החלטת אורי:** 8 עמודי הדשבורד וההגדרות לא נכנסים
   לאפליקציה. *«הכול בלי דשבורד והגדרות.»*

   ── ולמה לא לחסום ──
   מי שיגיע לשם מקישור או מהיסטוריה יקבל מסך תקין —
   **פשוט מסודר לעמודה אחת**, עם שורה שמסבירה שהוא נועד
   למסך גדול. חסימה הייתה יוצרת מבוי סתום; הסבר לא.

   הגרפים עצמם מקבלים גובה קטן יותר, כדי שגלילה בעמוד
   הדשבורד בטלפון לא תהפוך למסע.
   ────────────────────────────────────────────────────────── */
@media (max-width:600px){
  .dash-wide{ max-width:100% }
  .cols{ grid-template-columns:1fr; gap:var(--s3) }
  .chart, .chart-box, .cbox{ height:auto; min-height:180px }
  .chart svg, .cbox svg{ width:100%; height:auto }

  /* העץ בהגדרות · נפתח לרוחב מלא במקום עמודה צרה */
  .slay, .en-g{ grid-template-columns:1fr }
  .edroot{ display:none }
}

/* השורה שמסבירה · מוצגת רק בטלפון, ורק במסכים שנועדו למחשב */
.big-only{ display:none }
@media (max-width:600px){
  .big-only{
    display:flex; align-items:flex-start; gap:var(--s2);
    padding:var(--s3); margin-bottom:var(--s3);
    background:var(--blue-soft); border:1px solid var(--blue);
    border-radius:var(--rd2);
    font-size:var(--t5); color:var(--ink-sec); line-height:1.6 }
  .big-only b{ color:var(--ink) }
  .big-only svg{
    width:20px; height:20px; flex:none; margin-top:1px;
    fill:none; stroke:var(--blue); stroke-width:1.8;
    stroke-linecap:round; stroke-linejoin:round }
}

/* ════════════════════════════════════════════════════════════
   חומת ההתחברות · 24.8.26
   ────────────────────────────────────────────────────────────
   **המסך הראשון שרואים — ולכן הוא לא מקום להתחכם בו.**
   כרטיס אחד במרכז, שני שדות, כפתור. אותם טוקנים של כל
   המערכת, ולכן הוא נראה כמו המשך שלה ולא כמו דלת זרה.

   `position:fixed` + `inset:0` — מכסה הכול, כולל הסרגל
   והתפריט התחתון. כשאין הרשאה, אין גם הצצה.
   ════════════════════════════════════════════════════════════ */
.lg-root{
  position:fixed; inset:0; z-index:100000;
  display:none; align-items:center; justify-content:center;
  background:var(--bg); padding:var(--s4);
  /* מכשירים עם מסך עד הקצוות */
  padding-block-start:calc(var(--s4) + env(safe-area-inset-top));
}
.lg-box{
  width:100%; max-width:380px;
  background:var(--white); border:1px solid var(--line);
  border-radius:var(--r-md); box-shadow:var(--sh);
  padding:var(--s4); text-align:center;
}
.lg-mark{
  width:52px; height:52px; margin:0 auto var(--s3);
  border-radius:var(--rd3); background:var(--grad);
  color:#fff; font-weight:800; font-size:var(--t4);
  display:flex; align-items:center; justify-content:center;
  letter-spacing:.5px;
}
.lg-h{ margin:0; font-size:var(--t2); color:var(--ink); font-weight:700 }
.lg-sub{ margin:var(--s0) 0 var(--s4); font-size:var(--t5); color:var(--ink-mut) }

.lg-lb{
  display:block; text-align:start;
  font-size:var(--t6); color:var(--ink-sec);
  margin-block-end:var(--s0); font-weight:500;
}
.lg-in{
  width:100%; box-sizing:border-box;
  font:inherit; font-size:var(--t-inp);   /* מונע זום באייפון */
  min-height:44px; padding:0 var(--s2);
  border:1px solid var(--line); border-radius:var(--rd1);
  background:var(--white); color:var(--ink);
  margin-block-end:var(--s3);
}
.lg-in:focus{ outline:2px solid var(--purple); outline-offset:1px; border-color:transparent }

.lg-rm{
  display:flex; align-items:center; gap:var(--s1);
  font-size:var(--t6); color:var(--ink-sec);
  min-height:44px; cursor:pointer; text-align:start;
}
.lg-rm input{ width:22px; height:22px; accent-color:var(--purple) }

/* ההודעה תופסת מקום גם כשהיא ריקה · אחרת הכפתור קופץ */
.lg-err{
  min-height:20px; font-size:var(--t6); color:var(--co);
  text-align:start; margin-block-end:var(--s1);
}
.lg-btn{
  width:100%; min-height:44px; font:inherit; font-weight:700;
  font-size:var(--t4); color:#fff; cursor:pointer;
  background:var(--grad-btn); border:0; border-radius:var(--rd1);
  transition:filter .18s var(--ease);
}
.lg-btn:hover:not(:disabled){ filter:brightness(1.06) }
.lg-btn:disabled{ opacity:.6; cursor:default }
.lg-btn:focus-visible{ outline:2px solid var(--purple); outline-offset:2px }

.lg-note{
  margin:var(--s3) 0 0; font-size:var(--t7);
  color:var(--ink-mut); line-height:1.5;
}

/* ── החסימה · 25.8.26 ──
   הסיסמה נכונה אבל אין עובד מקושר. **לא מסך שגיאה** —
   מסך שמסביר מה חסר ומי מתקן, כמו `noPerm` בשאר המערכת. */
.lg-mark.lg-stop{
  background:var(--co-bg, #FDECEC); color:var(--co);
  font-size:var(--t2); font-weight:400;
}
.lg-deny{
  margin:var(--s2) 0 var(--s4); font-size:var(--t5);
  color:var(--ink-sec); line-height:1.6; text-align:start;
}

/* ── מסך ההשבתה · 25.8.26 ── */
.ofl{ display:flex; flex-wrap:wrap; gap:var(--s1); margin:var(--s2) 0 }
.ofr{
  display:flex; align-items:baseline; gap:var(--s0);
  padding:var(--s1) var(--s2); border-radius:var(--rd1);
  background:var(--wash); font-size:var(--t6); color:var(--ink-sec);
}
.ofr b{ font-size:var(--t4); color:var(--ink); font-weight:700 }
.ofm{ font-size:var(--t5); color:var(--ink-sec); line-height:1.6 }
.ofw{
  margin-block-start:var(--s2); padding:var(--s2);
  border-radius:var(--rd1); background:var(--am-bg, #FDF6E3);
  font-size:var(--t6); color:var(--ink-sec); line-height:1.6;
}

/* ── עמודת הכניסה במסך העובדים · 25.8.26 ── */
.pr-se{
  font-size:var(--t7); color:var(--ink-mut);
  direction:ltr; text-align:start;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.pr-se.none{ direction:rtl; color:var(--co) }
.pd-se{ display:flex; align-items:center; gap:var(--s1); flex-wrap:wrap }
.pd-se em{ font-style:normal; direction:ltr; color:var(--ink-sec); font-size:var(--t6) }
.pd-se .pd-b{ min-height:36px }
.seat-w{
  margin-block-start:var(--s2); padding:var(--s2);
  border-radius:var(--rd1); background:var(--co-bg, #FDECEC);
  font-size:var(--t6); color:var(--ink-sec); line-height:1.6;
}