/* =====================================================================
   visit2israel — מערכת העיצוב המשותפת (_ds.css)
   ---------------------------------------------------------------------
   כל דף טוען את הקובץ הזה ומוחק את בלוק ה-style המקומי שלו.
   כל ערך כאן נמדד מהעיצובים שנתיב שלח (PIL על ה-PNG) או נלקח
   מ-design-system/tokens.json. הפירוט המלא, עם הפיקסל שממנו נדגם
   כל צבע:  phase-09-live/31-ux-redesign/DESIGN_SYSTEM.md
   =====================================================================

   ██ כללי הכתיבה על המסך — כלל 9.2, מחייב ואין עליו ויכוח ██

   1. כותרת כרטיס = 2 עד 4 מילים. לא יותר.
   2. מתחתיה משפט אחד קצר בעברית של בן-אדם
      («לקוחות שסגרו ועדיין אין להם תאריך טיסה»), לא הגדרת שדה ולא נוסחה.
   3. כפתור = פועל בשתי מילים: «להתקשר היום» · «לרשימה» · «לשלוח הצעה».
   4. אסור על המסך: שמות עמודות · שמות טבלאות · שמות פונקציות ·
      אנגלית טכנית · ראשי-תיבות פנימיים · סוגריים שמסבירים הסבר ·
      כל טקסט שנכתב במקור למפתח.
   5. «מתוך כמה» (המכנה) חייב להישאר זמין, אבל מקומו במגירה שנפתחת
      בלחיצה — לא על פני הכרטיס.
   6. כרטיס ברצועת «מה דורש טיפול היום» נגמר בחץ דק. לעולם לא בכפתור
      צבעוני מלא. כל הכרטיס לחיץ.
   7. פחות טקסט. תווית קצרה, והפריסה עושה את העבודה.
      בלי משפט הסבר מתחת לכל מספר.
   8. חוסר נתון נאמר במילים: «לא ידוע». לעולם לא NaN, לא undefined,
      ולא [object Object]. יש שומר ב-_ds.js שדואג לזה.

   ██ כללי מבנה ██
   9. הסרגל מימין וכהה בכל דף (כלל 9.2).
  10. שורת ה-KPI חופפת לתחתית הקאבר ב-35 פיקסל. זה חלק גדול מלמה
      שהעיצוב נראה טוב — לא לערום את הכרטיסים מתחת לתמונה.
  11. סדר המקטעים זהה בכל דף: סרגל · פס עליון · קאבר · שורת KPI ·
      רצועת טיפול · רצועת ניתוח · טבלה · רצועת תובנות.
  12. אין כאן שום כלל ספציפי-לדף. דף שצריך משהו משלו — מוסיף אותו
      בקובץ שלו, לא כאן.
   ===================================================================== */

/* ---------- 1. טוקנים ---------- */
:root{
  /* צבעי בסיס */
  --v-bg:#F3F7FC;            /* רקע הדף. נמדד: מלונות (400,610) #F4F6FB · CRM (195,1000) #F4F8FC · תכנון (100,1060) #F1F7FD */
  --v-surface:#FFFFFF;       /* רקע כרטיס. נמדד: מלונות (300,215) #FEFEFE */
  --v-surface-2:#F4F6FA;     /* פס כותרות הטבלה. נמדד: מלונות (600,680)-(1100,706) */
  --v-tint:#E7F0FD;          /* רקע רצועה מגוונת. נמדד: מלונות, סרגל המשימות (1200,350) #E1EDFD */
  --v-border:#E6EDF6;        /* קו מסגרת 1px. נמדד: CRM (200,600) #EEF3FA · tokens.json #E2EAF3 */
  --v-line:#EDF1F7;          /* מפריד שורות בטבלה */

  /* טקסט */
  --v-ink:#0E1F3A;           /* כותרות ומספרים. נמדד: מלונות, «$48,320» (330,245) גרעין #000319 */
  --v-ink-2:#22304A;         /* תא טבלה */
  --v-muted:#6C7890;         /* שורת הקשר אפורה. נמדד: מלונות (350,296) #696C73 */
  --v-on-dark:#EAF1FA;

  /* כחול ראשי */
  --v-blue:#0A58DE;          /* נמדד: CRM (1130,26) #075AE1 · CRM (1310,922) #0557DF · מלונות (1210,550) #0C57D7 */
  --v-blue-ink:#0845B2;      /* מצב ריחוף. נגזר מהכחול (כהה ב-12%), לא נמדד */
  --v-blue-soft:#EBF3FE;     /* נמדד: CRM, שורת רשימה פעילה (225,492) */

  /* חמש משפחות הפסטל של עיגולי האייקונים (שורת ה-KPI במלונות) */
  --v-green:#12925A;   --v-green-soft:#E1F8EC;   /* נמדד: טבעת (231,226) · אייקון (237,232) #198A4C */
  --v-sky:#1C6FD0;     --v-sky-soft:#E8F2FE;     /* נמדד: טבעת (494,228) · אייקון (500,232) #105BCE */
  --v-teal:#12925A;    --v-teal-soft:#EBF8F1;    /* נמדד: טבעת (755,228) */
  --v-purple:#6D3FD1;  --v-purple-soft:#F3ECFF;  /* נמדד: טבעת (1013,228) #F5ECFF · אייקון #5018C4 */
  --v-amber:#C77A14;   --v-amber-soft:#FFEFE2;   /* נמדד: טבעת (1281,228) · אייקון #88470F */

  /* משמעות */
  --v-good:#12925A;    --v-good-soft:#DEF6E9;    /* נמדד: גלולת «מאושר» (440,730) */
  --v-warn:#C77A14;    --v-warn-soft:#FEECD6;    /* נמדד: גלולת «בהמתנה» (440,780) */
  --v-bad:#D93A47;     --v-bad-soft:#FDDEDC;     /* נמדד: גלולת «ללא אישור» (437,882) */
  --v-info:#1C6FD0;    --v-info-soft:#E5F1FF;    /* נמדד: גלולת «הצעה נשלחה» (430,830) */

  /* הסרגל הכהה */
  --v-nav-top:#11294A;       /* נמדד: sidebar_desktop (250,10) #112C48 */
  --v-nav-bottom:#0B1E36;    /* נמדד: תכנון, גבול הסרגל (1266,400) #0B1E36 */
  --v-nav-active:#112F59;    /* נמדד: תכנון, שורה פעילה (1300,160) */
  --v-nav-edge:#0862F7;      /* נמדד: תכנון, פס הסימון (1266,171) רוחב 4px */
  --v-nav-item:#C4D3E6;
  --v-nav-divider:rgba(255,255,255,.10);

  /* צורה ועומק */
  --v-r-chip:999px;
  --v-r-input:10px;
  --v-r-card:16px;
  --v-r-panel:20px;
  --v-r-thumb:8px;           /* נמדד: תמונת יעד בטבלה, מלונות (947..984,718) 38×38 */
  --v-bw:1px;
  --v-sh-card:0 8px 28px rgba(25,58,96,.08);
  --v-sh-float:0 16px 40px rgba(13,43,77,.14);

  /* פריסה */
  --v-side:192px;            /* נמדד: מלונות y=600 → 0..191 · תכנון 182px ב-1448 ⇒ 193 ב-1536 */
  --v-top:64px;
  --v-cover-h:180px;         /* נמדד: מלונות, הקאבר נגמר ב-y=243, הפס העליון 64 ⇒ 179 */
  --v-kpi-lift:35px;         /* נמדד: קצה הקאבר 243 פחות ראש כרטיסי ה-KPI 208 */
  --v-gutter:22px;           /* נמדד: מלונות, 192→214 וגם 1513→1536 */
  --v-gap:18px;              /* נמדד: מלונות, מרווח בין כרטיסי KPI (459..476) */
  --v-gap-lg:22px;
  --v-band:20px;             /* מרווח בין מקטעים. נמדד: סוף שורת ה-KPI 316 → ראש כרטיס הגרף 335 */
  --v-max:1344px;            /* נמדד: מלונות, רוחב התוכן 214..1513 = 1300, ועוד 2×22 שוליים */
  --v-pad-card:18px;         /* נמדד: מלונות, 209→226 מעל התווית */
  --v-row:52px;              /* נמדד: מלונות, מרווח שורות הטבלה 866→918→970 */

  /* טיפוגרפיה (tokens.json; גובה הספרות של «$48,320» נמדד 23px ⇒ 30-32px) */
  --v-font:"Heebo",Arial,sans-serif;
  --v-script:"Caveat",cursive;
  --v-fs-cap:12px; --v-fs-body:14px; --v-fs-strong:15px;
  --v-fs-sec:20px; --v-fs-kpi:30px; --v-fs-title:56px;
  /* כותרת הדף: «מלונות» ב-hotels_desktop.png תופס 44px גובה-אות (y 76..119);
     אותה מילה אצלנו ב-40px תופסת 30px ⟹ הייחוס הוא ~58px. tokens.json אומר 40.
     נבחרה המדידה. הסתירה רשומה ב-DESIGN_SYSTEM.md. */

  /* תנועה */
  --v-fast:140ms; --v-norm:220ms; --v-ease:cubic-bezier(.2,.8,.2,1);

  /* שכבות (z-index) כטוקנים, 7.10 (גל 2, משותף). כל שכבה מעל 9 יושבת כאן ורק כאן: אף דף וקובץ לא כותב מספר z-index בעצמו.
     הסדר מלמטה למעלה: סרגלים דביקים · צפים · סרגל מהיר · מסך כהה · מגירה · חלון · תפריט · פופאפ הסבר · כלי סימון ·
     שאלת מילוי (מעל כל מגירה) · חלון שאלה · הודעה קופצת · בועית «?».
     z-index של 1 עד 9 נשאר מקומי בתוך כרטיס (שכבת-על פנימית), לא שכבת-דף. הבדיקה tests/shared_layers.py נופלת על מספר ≥10 שנכנס שוב. */
  --v-z-bar:20; --v-z-float:30; --v-z-float-up:31;
  --v-z-dock:38; --v-z-dock-pop:39;
  --v-z-scrim:40; --v-z-drawer:41; --v-z-modal:42; --v-z-menu-lo:43; --v-z-sheet-scrim:44; --v-z-sheet:45; --v-z-overlay:50;
  --v-z-menu:60; --v-z-pop:62;
  --v-z-mark:70; --v-z-mark-area:71; --v-z-mark-pin:72; --v-z-mark-bar:73;
  --v-z-ask-scrim:590; --v-z-ask:591; --v-z-dialog:600;
  --v-z-toast:9999; --v-z-tip:10000;
}

/* ---------- 2. בסיס ---------- */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body.v-body{
  font-family:var(--v-font);
  font-size:var(--v-fs-body);
  color:var(--v-ink);
  background:var(--v-bg);
  direction:rtl;
  -webkit-font-smoothing:antialiased;
}
.v-body img{max-width:100%}
[hidden]{display:none!important}
/* דף שמשתמש ב-Alpine: אלמנט עם x-cloak מוסתר עד שהמצב נטען, כדי שלא יהבהב ביטוי גולמי */
[x-cloak]{display:none!important}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
a{color:inherit;text-decoration:none}
/* מספר בתוך משפט עברי. isolate שומר על ₪12,345 ועל +12% בסדר הנכון,
   ונשאר inline כדי לא לנפח את גובה השורה. */
.v-num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.v-tnum{font-variant-numeric:tabular-nums}
.v-ltr{direction:ltr;unicode-bidi:embed;display:inline-block}
.v-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- 3. מעטפת: סרגל מימין (כלל 9.2) ---------- */
/* בעברית עמודה 1 יושבת מימין, ולכן הסרגל הוא העמודה הראשונה. */
.v-app{display:grid;grid-template-columns:var(--v-side) 1fr;min-height:100vh}
.v-main{grid-column:2;min-width:0;display:flex;flex-direction:column}
.v-wrap{width:100%;max-width:var(--v-max);margin:0 auto;padding:0 var(--v-gutter)}

/* ---------- 4. הסרגל ---------- */
.v-side{
  grid-column:1;position:sticky;top:0;align-self:start;height:100vh;
  background:linear-gradient(180deg,var(--v-nav-top) 0%,var(--v-nav-bottom) 100%);
  color:var(--v-on-dark);display:flex;flex-direction:column;overflow:hidden;
}
.v-side__logo{padding:20px 20px 14px;text-align:center}
.v-side__logo img{height:30px}
.v-side__logo b{font-size:19px;font-weight:700;letter-spacing:.2px;color:#fff}
.v-side__logo span{display:block;font-size:9px;letter-spacing:2px;color:#93A9C6;margin-top:3px}
.v-side__user{
  display:flex;align-items:center;gap:9px;padding:10px 16px;margin:0 12px;
  border-top:1px solid var(--v-nav-divider);border-bottom:1px solid var(--v-nav-divider);
}
.v-side__user img,.v-side__ava{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none;
  background:#1E3A5F;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff}
.v-side__user b{display:block;font-size:13px;font-weight:600;color:#fff;line-height:1.3}
.v-side__user small{display:block;font-size:11px;color:#8FA6C4}
.v-side__team{
  display:flex;align-items:center;gap:7px;margin:12px 16px 4px;padding:7px 11px;
  background:rgba(255,255,255,.07);border:1px solid var(--v-nav-divider);
  border-radius:var(--v-r-chip);font-size:12px;font-weight:600;color:#fff;
}
.v-side__team .v-side__chev{margin-inline-start:auto;color:#8FA6C4}
.v-side__nav{padding:12px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1}
.v-side__item{
  position:relative;display:flex;align-items:center;gap:11px;height:44px;padding:0 13px;
  border-radius:12px;color:var(--v-nav-item);font-size:14px;font-weight:500;
  text-decoration:none;cursor:pointer;transition:background var(--v-fast) var(--v-ease);
}
.v-side__item svg{width:19px;height:19px;flex:none;opacity:.9}
.v-side__item:hover{background:rgba(255,255,255,.06);color:#fff}
.v-side__item.is-active{background:var(--v-nav-active);color:#fff;font-weight:600}
.v-side__item.is-active::after{
  content:"";position:absolute;left:-10px;right:auto;top:8px;bottom:8px;
  width:4px;border-radius:0 3px 3px 0;background:var(--v-nav-edge);
}
.v-side__sep{height:1px;background:var(--v-nav-divider);margin:10px 4px}
.v-side__art{position:relative;height:200px;flex:none;background-size:cover;background-position:center}
.v-side__art::before{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,var(--v-nav-bottom) 0%,rgba(11,30,54,.35) 45%,rgba(11,30,54,.85) 100%)}
.v-side__art b{position:absolute;inset-inline:16px;bottom:34px;font-size:20px;font-weight:700;color:#fff;letter-spacing:1px}
.v-side__art small{position:absolute;inset-inline:16px;bottom:14px;font-size:11px;color:#B9CAE0}

/* ---------- 5. הפס העליון ---------- */
.v-top{
  height:var(--v-top);display:flex;align-items:center;gap:12px;
  padding:0 var(--v-gutter);position:relative;z-index:6;
}
.v-top.is-onCover{margin-bottom:calc(var(--v-top) * -1)}
.v-search{
  /* נמדד: hotels_desktop.png ‏1112..1412 בגובה 16..50 ⟹ 300×34.
     ב-planning_desktop.png הוא רחב יותר (539). נבחר 320, קרוב לתבנית המלונות. */
  flex:1;max-width:320px;display:flex;align-items:center;gap:9px;height:40px;padding:0 14px;
  background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-chip);
  box-shadow:0 2px 8px rgba(25,58,96,.05);
}
.v-search input{flex:1;border:0;outline:0;background:transparent;font:500 13px var(--v-font);color:var(--v-ink)}
.v-search input::placeholder{color:#9AA6BC;font-weight:400}
.v-search svg{width:17px;height:17px;color:#9AA6BC;flex:none;order:9}  /* הזכוכית בצד שמאל, כמו בייחוס */
.v-top__spacer{flex:1}
.v-top__btn{
  width:38px;height:38px;flex:none;display:grid;place-items:center;position:relative;cursor:pointer;
  background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:50%;color:#5B6880;
}
.v-top__btn .v-dot{position:absolute;top:5px;inset-inline-end:5px;min-width:15px;height:15px;padding:0 3px;
  border-radius:999px;background:var(--v-bad);color:#fff;font-size:9px;font-weight:700;display:grid;place-items:center}
/* בלוק המשתמש (כלל 9.9.4). נתיב: «איפה שאמור להיות בפרופיל של המשתמש, משהו שם שבור».
   🔴 מה היה שבור, נמדד: ל-b ול-small לא היה מכל משלהם, ולכן הם נעשו שני פריטי-flex
   אחים של העיגול — השם והתפקיד ישבו זה לצד זה ודחפו את העיגול, ועם שם ארוך הם נחתכו
   עליו. עכשיו יש מכל (.v-top__me__t) שמחזיק את שתי השורות, והעיגול הוא פריט נפרד. */
.v-top__me{display:flex;align-items:center;gap:9px;min-width:0;max-width:230px}
.v-top__me img,.v-top__me .v-side__ava,.v-top__me .v-ava{width:36px;height:36px;flex:none;border-radius:50%}
.v-top__me > div,.v-top__me__t{display:flex;flex-direction:column;justify-content:center;min-width:0;line-height:1.25}
.v-top__me b{display:block;font-size:13px;font-weight:600;line-height:1.25;color:var(--v-ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-top__me small{display:block;font-size:11px;color:var(--v-muted);line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-top__me svg{flex:none;color:#8FA6C4}

/* ---------- 6. בורר התאריכים ---------- */
.v-datepill{
  display:inline-flex;align-items:center;gap:9px;height:38px;padding:0 13px;cursor:pointer;
  background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-input);
  font-size:13px;font-weight:600;color:var(--v-ink);box-shadow:0 2px 8px rgba(25,58,96,.06);
}
.v-datepill svg{width:16px;height:16px;color:var(--v-blue)}
.v-datepill .v-datepill__nav{
  width:22px;height:22px;display:grid;place-items:center;border-radius:6px;color:#7C889E;
}
.v-datepill .v-datepill__nav:hover{background:var(--v-blue-soft);color:var(--v-blue)}

/* ---------- 7. הקאבר ---------- */
.v-cover{
  position:relative;height:calc(var(--v-cover-h) + var(--v-top));overflow:hidden;
  background:#20364F;color:#fff;
}
.v-cover__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v-cover::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(270deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.62) 34%,rgba(255,255,255,0) 66%);
}
.v-cover__in{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:center;
  padding-top:var(--v-top);padding-bottom:var(--v-kpi-lift)}
.v-cover__hello{font-size:15px;font-weight:600;color:#33465F;margin:0 0 2px}
.v-cover__title{font-size:var(--v-fs-title);font-weight:700;color:var(--v-ink);margin:0;line-height:1.08}
.v-cover__sub{font-size:14px;color:#44566F;margin:6px 0 0;max-width:560px}
.v-cover__script{
  position:absolute;z-index:3;left:30px;right:auto;bottom:calc(var(--v-kpi-lift) + 22px);
  font-family:var(--v-script);font-size:27px;line-height:1.08;color:#123153;text-align:center;
  text-shadow:0 1px 12px rgba(255,255,255,.95),0 0 26px rgba(255,255,255,.85);
}
/* הלוחית «USA» — הגרסה של תכנון ומכירות */
.v-cover__plate{
  position:absolute;z-index:3;left:30px;right:auto;top:18px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5);
}
.v-cover__plate b{display:block;font-size:26px;font-weight:700;letter-spacing:2px;line-height:1}
.v-cover__plate small{display:block;font-size:10px;letter-spacing:2.4px;margin-top:5px;opacity:.92}

/* ---------- 8. כרטיסי ה-KPI ---------- */
.v-kpis{
  display:grid;grid-template-columns:repeat(5,1fr);gap:var(--v-gap);
  margin-top:calc(var(--v-kpi-lift) * -1);position:relative;z-index:4;
}
.v-kpis.is-4{grid-template-columns:repeat(4,1fr)}
.v-kpis.is-6{grid-template-columns:repeat(6,1fr)}
.v-kpi{
  min-height:110px;background:var(--v-surface);border:var(--v-bw) solid var(--v-border);
  border-radius:var(--v-r-card);box-shadow:var(--v-sh-card);
  padding:14px 16px 12px;display:flex;gap:12px;align-items:flex-start;cursor:pointer;
  transition:transform var(--v-fast) var(--v-ease),box-shadow var(--v-fast) var(--v-ease);
}
.v-kpi:hover{transform:translateY(-2px);box-shadow:var(--v-sh-float)}
.v-kpi__icon{
  width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:var(--v-sky-soft);color:var(--v-sky);order:9;
}
.v-kpi__icon svg{width:20px;height:20px}
.v-kpi__body{flex:1;min-width:0;text-align:start;display:flex;flex-direction:column;align-self:stretch}
/* ---- אחידות בין כרטיסי ה-KPI (נתיב 22.9: «אין אחידות בעיצוב… אחוז אפסייל המרחק מהיעד
   הוא לא באותה גובה ושורה כמו שאר המרחקים») ----
   שלושה כללים, וכולם מכניים: (1) התווית תמיד שורה אחת; (2) השורה התחתונה (יעד או הסבר)
   נצמדת לתחתית הכרטיס, ולכן היא באותו גובה בכל הכרטיסים בשורה; (3) שורת ההשוואה לא
   נשברת ולא דוחפת. כך כרטיס עם יעד וכרטיס בלי יעד נראים אותו דבר. */
.v-kpi__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-kpi__goal,.v-kpi__vs{margin-top:auto;padding-top:4px}
.v-kpi__goaltxt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-kpi__vs{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* «לעומת התקופה הקודמת» לא נכנס בכרטיס צר (186px במחשב, חצי מסך בטלפון) והוא היה
   שובר את הכרטיס לשתי שורות, כך שכרטיס אחד בשורה גבוה מהשכן. ההסבר יושב בריחוף ובמגירה. */
.v-kpis.is-6 .v-kpi__delta em{display:none}
@media (max-width:900px){ .v-kpi__delta em{display:none} }
.v-kpi__label{font-size:14px;font-weight:600;color:var(--v-ink);line-height:1.15;margin:0}
.v-kpi__value{font-size:var(--v-fs-kpi);font-weight:700;color:var(--v-ink);line-height:1;margin:2px 0 0}
.v-kpi__delta{display:flex;align-items:center;gap:4px;font-size:13px;line-height:1;font-weight:700;margin-top:5px}
.v-kpi__delta.is-good{color:var(--v-good)}
.v-kpi__delta.is-bad{color:var(--v-bad)}
/* 🔴 שלוש השורות שמתחת למספר, ואיפה יושב חוסר-ידיעה (הוכרע 20.9):
   · שורת ההשוואה (כאן) — **רק כשיש אחוז אמיתי**, בירוק או באדום, כמו בייחוס.
   · שורת היעד (.v-kpi__goal) — **רק כשיש יעד רשום** (כלל 9.5).
   · שורת ההסבר האנושית (.v-kpi__vs) — מה המספר אומר, במילים.
   **שתי הראשונות אינן תלויות זו בזו** ואף אחת לא מסתירה את השנייה. עד 20.9 הן היו
   מקושרות ב-VDS.goals.paint, וזה מה שהפיל את שורת ההשוואה מארבעה כרטיסים מתוך חמישה.
   🚫 **«אין השוואה» לא נכתב כאן.** כלל 9.7 קובע שסייג יושב בפופאפ-הריחוף והכרטיס
   נשאר נקי — ולכן מדד בלי השוואה פשוט לא מציג את השורה, והסיבה נאמרת בריחוף
   (שורת הסייגים) ובמגירה. כלל 90 מכובד: הסירוב נאמר במפורש, רק במקום הנכון. */
.v-kpi__delta svg{width:13px;height:13px;order:9}
.v-kpi__vs{font-size:var(--v-fs-cap);line-height:1;color:var(--v-muted);margin:4px 0 0;font-weight:400}
/* ---- היעד על פני הכרטיס (כלל 9.5, מתוקן ב-9.9.1) ----
   🔴 נתיב, 20.9 11:25: «ב-kpi חסר לך השוואה לעומת התקופה הקודמת גם».
   לכן שורת היעד **כבר לא מחליפה** את ההשוואה: שתיהן על הכרטיס.
   הסדר: תווית · מספר · שורת שינוי (חץ + אחוז + «לעומת קודם» באותה שורה)
   · שורת היעד (פס 4px + «N% מתוך X»). הכרטיס נשאר 246×110 כי «לעומת
   התקופה הקודמת» עבר מהשורה שלו אל שורת השינוי, וההסבר עבר לפופאפ-ההובר.
   כשאין יעד: אין פס ואין שורה, ושורת ההשוואה נשארת לבדה. לעולם לא «0%». */
.v-kpi__goal{display:flex;align-items:center;gap:8px;margin:4px 0 0;line-height:1;min-width:0}
/* «לעומת קודם» נצמד לשורת השינוי ולכן לא גוזל שורה משלו */
.v-kpi__delta em{font-style:normal;font-weight:400;font-size:11px;line-height:1;color:var(--v-muted);margin-inline-start:3px;
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* הפס מתכווץ ראשון בכרטיס צר (עד 28px), ורק אז הטקסט נשבר לשתי שורות. */
.v-kpi__bar{flex:0 1 56px;min-width:28px;height:4px;border-radius:3px;background:#E3E9F2;overflow:hidden}
.v-kpi__bar i{display:block;height:100%;border-radius:3px;background:var(--v-blue)}
.v-kpi__goal.is-hit .v-kpi__bar i{background:var(--v-good)}
.v-kpi__goal.is-low .v-kpi__bar i{background:var(--v-bad)}
/* לעולם לא נחתך: בכרטיס צר הוא נשבר לשתי שורות קצרות («61%» ואז «מתוך ₪1.1M»). */
.v-kpi__goaltxt{font-size:11px;color:var(--v-muted);line-height:1.05;min-width:0;flex:0 1 auto}
.v-kpi__goaltxt b{font-weight:700;color:var(--v-ink-2)}
.v-kpi__goal.is-hit .v-kpi__goaltxt b{color:var(--v-good)}
.v-kpi__goal.is-low .v-kpi__goaltxt b{color:var(--v-bad)}
/* כשיש יעד, תקופת ההשוואה נצמדת לשורת השינוי כדי לא לגזול שורה */
.v-kpi__delta small{font-weight:400;font-size:11px;color:var(--v-muted);margin-inline-start:2px}
/* גוון האייקון לפי משפחה */
.v-kpi.t-green .v-kpi__icon{background:var(--v-green-soft);color:var(--v-green)}
.v-kpi.t-sky   .v-kpi__icon{background:var(--v-sky-soft);color:var(--v-sky)}
.v-kpi.t-teal  .v-kpi__icon{background:var(--v-teal-soft);color:var(--v-teal)}
.v-kpi.t-purple .v-kpi__icon{background:var(--v-purple-soft);color:var(--v-purple)}
.v-kpi.t-amber .v-kpi__icon{background:var(--v-amber-soft);color:var(--v-amber)}
/* גוון אדום לכרטיס מדד — נוסף 21.9 לכרטיס «זמן תגובה לליד חדש», שנצבע לפי ה-SLA. */
.v-kpi.t-red   .v-kpi__icon{background:var(--v-bad-soft);color:var(--v-bad)}

/* ---- שישה כרטיסים בשורה (דף המכירות): הכרטיס צר ב-40 פיקסל מחמשה ----
   נמדד 21.9 (הערה 1 של נתיב, «הגופן לא ממוקם טוב»): בשישה-בשורה גוף-הכרטיס הוא 116 פיקסל,
   והמספר ב-30px גדש ממנו (₪36,917 נחתך) וגם שורת היעד נחתכה («מתוך ₪89K · 41%»).
   התיקון: המספר מתכווץ לפי רוחב הכרטיס, שורת היעד נשברת לשתי שורות במקום להיחתך,
   והאייקון קטן ב-4 פיקסל כדי לפנות רוחב למספר. חמשה-בשורה לא משתנה. */
.v-kpis.is-6 .v-kpi{padding:13px 12px 11px;gap:8px}
/* גודל המספר של שישה-בשורה **אינו** נכתב כאן: הוא בא מהטוקן --v-fs-kpi שהדף מגדיר,
   כדי שכרטיסי המדד וכרטיסי «מה דורש טיפול היום» יישארו באותו גודל תמיד. */
.v-kpis.is-6 .v-kpi__label{font-size:13px}
/* מידות האייקון של שישה-בשורה מוגדרות **במקום אחד בלבד**, בבלוק «נמדד מול הייחוס» למטה.
   כאן היו 34px, שם 36px, ובאמצע עוד עותק — שלושה רישומים לאותה מידה, והאחרון שקבע. */
.v-kpis.is-6 .v-kpi__delta{font-size:12px;margin-top:4px}
.v-kpis.is-6 .v-kpi__bar{flex:0 1 26px;min-width:20px}
.v-kpis.is-6 .v-kpi__goal{gap:5px}
/* שורת היעד נשארת בשורה אחת (הערה 5 של נתיב מ-20.9). כדי שלא תיחתך בשישה-בשורה, הפס מתקצר (למטה). */
.v-kpis.is-6 .v-kpi__goaltxt{font-size:10.5px;line-height:1.15}
/* המספר לעולם לא גולש מהכרטיס */
.v-kpi__value{min-width:0;overflow-wrap:anywhere}
/* בטלפון שני כרטיסים בשורה: אותה מחלה, אותו תיקון */
@media (max-width:900px){
  .v-kpi__goaltxt{font-size:10.5px;line-height:1.15}
  .v-kpi__delta{flex-wrap:wrap}
}

/* ---------- 9. רצועת «מה דורש טיפול היום?» ---------- */
.v-strip{
  margin-top:var(--v-band);background:var(--v-surface);border:var(--v-bw) solid var(--v-border);
  border-radius:var(--v-r-panel);box-shadow:var(--v-sh-card);padding:16px 18px 18px;
}
.v-strip.is-tint{background:linear-gradient(180deg,var(--v-tint) 0%,var(--v-surface) 62%)}
.v-strip__head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.v-strip__head h2{font-size:var(--v-fs-sec);font-weight:700;margin:0;color:var(--v-ink)}
.v-strip__mark{width:24px;height:24px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:var(--v-bad);color:#fff}
.v-strip__mark svg{width:14px;height:14px}
.v-strip__sub{font-size:13px;color:var(--v-muted);margin:0}
.v-strip__more{margin-inline-start:auto}
.v-strip__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--v-gap)}
.v-strip__cards.is-4{grid-template-columns:repeat(4,1fr)}
.v-strip__cards.is-5{grid-template-columns:repeat(5,1fr)}

/* כרטיס פעולה: עיגול אייקון בקצה האחד, חץ דק בקצה השני. לעולם לא כפתור מלא. */
/* 🔴 20.9: הכרטיס הוא <button>, והדפדפן ממרכז את תוכנו אנכית. כרטיס עם שורת-הסבר קצרה
   יותר התחיל נמוך יותר, ולכן המספר הגדול שלו לא ישב על אותו קו כמו השאר (נמדד 464 מול 473).
   flex-start מצמיד את כל הכרטיסים לראש, בלי תלות באורך הטקסט. */
.v-act{
  position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
  width:100%;text-align:start;cursor:pointer;
  background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-card);
  padding:16px 18px;box-shadow:0 3px 12px rgba(25,58,96,.05);
  transition:border-color var(--v-fast) var(--v-ease),box-shadow var(--v-fast) var(--v-ease),transform var(--v-fast) var(--v-ease);
}
.v-act:hover{border-color:#CCDDF3;box-shadow:var(--v-sh-card);transform:translateY(-2px)}
.v-act:hover .v-act__chev{color:var(--v-blue);transform:translateX(-3px)}
.v-act__top{display:flex;align-items:flex-start;gap:12px}
.v-act__icon{
  width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:var(--v-sky-soft);color:var(--v-sky);order:9;   /* בקצה הלוגי האחרון = שמאל בעברית */
}
.v-act__icon svg{width:21px;height:21px}
.v-act__chev{
  order:-1;flex:none;color:#93A0B6;margin-top:11px;
  transition:color var(--v-fast) var(--v-ease),transform var(--v-fast) var(--v-ease);
}
.v-act__chev svg{width:18px;height:18px}
/* ---- 🔴 20.9, אנטומיית כרטיס-הדאגה לפי הייחוס (crm_desktop.png, זום) ----
   בעיצוב של נתיב הסדר הוא: אייקון וחץ למעלה · **המספר הגדול** · הכותרת בשתי שורות ·
   שורת-הקשר קטנה. אצלנו הסדר היה הפוך (כותרת ואז מספר), ובודק עצמאי מדד את זה.
   הסדר נקבע כאן ב-CSS ולא בכל דף בנפרד, כך שחמשת הדפים מקבלים אותו יחד.
   כלל 9.5: «הייחוס קובע הרכב ואנטומיה». */
.v-act__mid{flex:1;min-width:0;text-align:start;display:flex;flex-direction:column}
.v-act__num{order:1}
.v-act__title{order:2}
.v-act__sub{order:3}
/* 🔴 20.9: כותרת שנשברה לשתי שורות דחפה את המספר שלה 11 פיקסל מתחת לכל השאר, ושני אודיטים
   מדדו בדיוק את אותו דבר (453 · 464). גובה קבוע לשתי שורות ⟹ כל המספרים ברצועה על קו אחד,
   בלי קשר לאורך הכותרת. זה מבני, לא תלוי בכך שמישהו יקצר טקסט. */
.v-act__title{font-size:16px;font-weight:700;color:var(--v-ink);margin:0;line-height:1.3;
  min-height:calc(2 * 1.3em);margin-top:4px}
/* גובה קבוע: כרטיס מושבת מציג מילה ולא מספר, ובלי זה הכותרת שלו קופצת למעלה */
/* מספר גדול אחד לכל הדף: אותו טוקן כמו כרטיס-המדד, כדי שלא ייראה «טיפה שונה» (הערת נתיב 21.9) */
.v-act__num{font-size:var(--v-fs-kpi);font-weight:700;line-height:1.1;margin:2px 0 0;color:var(--v-ink);min-height:31px;display:flex;align-items:flex-end;font-variant-numeric:tabular-nums}
.v-act__num.is-now{color:var(--v-bad)}
.v-act__num.is-soon{color:var(--v-warn)}
.v-act__num.is-chance{color:var(--v-good)}
.v-act__sub{font-size:13px;color:var(--v-muted);margin:6px 0 0;line-height:1.45}
.v-act.t-green .v-act__icon{background:var(--v-green-soft);color:var(--v-green)}
.v-act.t-amber .v-act__icon{background:var(--v-amber-soft);color:var(--v-amber)}
.v-act.t-red   .v-act__icon{background:var(--v-bad-soft);color:var(--v-bad)}
.v-act.t-purple .v-act__icon{background:var(--v-purple-soft);color:var(--v-purple)}

/* ---------- 10. סרגל צד קומפקטי (הגרסה של המלונות) ---------- */
.v-rail{background:var(--v-tint);border-radius:var(--v-r-panel);padding:16px}
.v-rail__head{display:flex;align-items:center;margin-bottom:12px}
.v-rail__head h3{font-size:17px;font-weight:700;margin:0}
.v-rail__row{
  display:flex;align-items:center;gap:12px;background:var(--v-surface);border-radius:12px;
  padding:11px 14px;margin-bottom:9px;cursor:pointer;
  transition:box-shadow var(--v-fast) var(--v-ease);
}
.v-rail__row:hover{box-shadow:var(--v-sh-card)}
.v-rail__row:hover .v-act__chev{color:var(--v-blue)}
.v-rail__badge{
  width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;order:9;
  font-size:13px;font-weight:700;background:var(--v-bad-soft);color:var(--v-bad);
}
.v-rail__badge.is-warn{background:var(--v-warn-soft);color:var(--v-warn)}
.v-rail__badge.is-good{background:var(--v-good-soft);color:var(--v-good)}
.v-rail__txt{flex:1;min-width:0;text-align:start}
.v-rail__cta{display:flex;width:100%;margin-top:12px}
.v-rail__cta .v-btn{flex:1}
.v-rail__txt b{display:block;font-size:14px;font-weight:700;line-height:1.35}
.v-rail__txt small{display:block;font-size:12px;color:var(--v-muted);margin-top:2px}

/* ---------- 11. כרטיס כללי ---------- */
.v-card{
  background:var(--v-surface);border:var(--v-bw) solid var(--v-border);
  border-radius:var(--v-r-panel);box-shadow:var(--v-sh-card);padding:16px 18px;
}
.v-card__head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.v-card__head h3{font-size:17px;font-weight:700;margin:0;color:var(--v-ink)}
.v-card__head .v-card__mark{width:20px;height:20px;color:var(--v-blue);flex:none}
.v-card__ctrl{margin-inline-start:auto;display:flex;align-items:center;gap:8px}
.v-card__sub{font-size:12px;color:var(--v-muted);margin:-8px 0 12px}
/* כל כרטיס לוקח את הגובה שלו; טור לא נמתח בגלל שכנו (כמו בייחוס). */
.v-band{display:grid;gap:var(--v-gap);margin-top:var(--v-band);align-items:start}
/* פריט ברשת לא מרחיב את הטור בגלל תוכן רחב (זה מקור הגלישה במובייל). */
.v-band>*,.v-kpis>*,.v-strip__cards>*,.v-insights>*,.v-donutwrap>*{min-width:0}
.v-band.is-2{grid-template-columns:2fr 1fr}
.v-band.is-3{grid-template-columns:1.6fr 1fr 1fr}
.v-band.is-rail{grid-template-columns:1.9fr 1.15fr 304px}
/* הפריסה של הייחוס מתחת לשורת המדדים: עמודה ראשית 946 + רווח 20 + סרגל 334.
   נמדד ב-hotels_desktop.png, y=690: התוכן 211..1156, הרווח 1157..1179, הסרגל 1180..1512. */
/* הסרגל הוא טור אמיתי שרץ לאורך כל האזור, לצד הגרף, הטבעת והטבלה גם יחד.
   נמדד שוב בתוך פס הטבלה: y=800 · y=900 · y=960 נותנים את אותם גבולות
   (תוכן 210..1156 · רווח 22 · סרגל 1178..1512), ולכן הטור אינו נגמר מעל הטבלה. */
.v-band.is-main{grid-template-columns:1fr 333px;gap:22px;align-items:stretch}
.v-col.is-fill > :last-child{flex:1}
.v-band.is-split{grid-template-columns:1.23fr 1fr;gap:14px;align-items:stretch}  /* גרף 515 : טבעת 418, רווח 14. שני הכרטיסים באותו גובה, כמו בייחוס (336..604). */
.v-col{display:flex;flex-direction:column;gap:var(--v-gap);min-width:0}
/* ---- וריאנט שלד: טבלה רחבה ----
   ברירת המחדל: הטבלה יושבת בתוך העמודה הראשית (945px), מתחת לגרפים, והסרגל
   רץ לצד שניהם. כשהטבלה צריכה יותר מ-945px ב-1536 (למשל תכנון: 10 עמודות,
   983px נמדד) משתמשים בווריאנט הזה: האזור הדו-טורי מחזיק **רק** את שורת
   הניתוח והסרגל, והלשוניות + הטבלה באות אחריו ברוחב התוכן המלא (1300).
   זה שם בשלד, לא חריג של דף. */
.v-band.is-main.is-table-wide{align-items:stretch}
.v-band.is-main.is-table-wide + .v-tablecard{margin-top:var(--v-gap)}

/* ---------- 12. כפתורים, קישורים, שבבים ---------- */
.v-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 18px;
  border:0;border-radius:var(--v-r-input);font:700 14px var(--v-font);cursor:pointer;
  background:var(--v-blue);color:#fff;transition:background var(--v-fast) var(--v-ease);
}
.v-btn:hover{background:var(--v-blue-ink)}
.v-btn svg{width:16px;height:16px}
.v-btn.is-ghost{background:transparent;color:var(--v-blue);border:var(--v-bw) solid var(--v-border)}
.v-btn.is-ghost:hover{background:var(--v-blue-soft)}
.v-btn.is-quiet{background:var(--v-surface-2);color:var(--v-ink-2)}
.v-btn.is-sm{height:32px;padding:0 13px;font-size:13px;border-radius:8px}
.v-btn[disabled]{opacity:.5;cursor:not-allowed}
.v-link{
  display:inline-flex;align-items:center;gap:6px;color:var(--v-blue);font-size:13px;font-weight:600;
  text-decoration:none;cursor:pointer;background:none;border:0;font-family:var(--v-font);
}
.v-link:hover{color:var(--v-blue-ink)}
.v-link svg{width:15px;height:15px}
.v-chip{
  display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;cursor:pointer;
  background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-chip);
  font-size:13px;font-weight:600;color:var(--v-ink-2);
}
.v-chip:hover{border-color:#C9DBF2}
.v-chip.is-on{background:var(--v-blue-soft);border-color:#C6DCFB;color:var(--v-blue)}

/* לשוניות: טקסט עם קו תחתון לפעילה, לא גלולות */
/* ---- בורר תקופת היעד: חודשי · שנתי · מה שנשאר היום ---- */
.v-segment{display:inline-flex;padding:3px;gap:2px;background:#F1F5FA;border-radius:10px}
.v-segment button{
  height:28px;padding:0 12px;border:0;border-radius:8px;cursor:pointer;background:transparent;
  font:600 12.5px var(--v-font);color:#5B6880;
}
.v-segment button:hover{color:var(--v-ink)}
.v-segment button.is-on{background:var(--v-surface);color:var(--v-blue);box-shadow:0 1px 3px rgba(25,58,96,.12)}
/* בורר בתוך כרטיס צר (המצפן של השיווק, 374 פיקסל): ארבעה כפתורים חייבים להיכנס בשורה אחת */
.v-segment.is-tight{display:flex;width:100%}
.v-segment.is-tight button{flex:1 1 0;min-width:0;padding:0 4px;height:26px;font-size:11.5px;white-space:nowrap}
/* «מה שנשאר היום» אינו יעד רשום אלא גזירה מהחודשי — וזה נאמר במילים, לא ברמז. */
.v-note{
  display:flex;align-items:flex-start;gap:7px;margin-top:10px;padding:9px 11px;
  background:var(--v-surface-2);border-radius:10px;font-size:11.5px;color:#55627A;line-height:1.5;
}
.v-note svg{width:14px;height:14px;flex:none;margin-top:1px;color:#8A97AD}

/* ---- מגירת היעד: שלוש הדרגות, המכנה והתקופה ---- */
.v-tiers{display:flex;flex-direction:column;gap:8px;margin:4px 0 14px}
.v-tier{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:12px;
  border:var(--v-bw) solid var(--v-border);background:var(--v-surface)}
.v-tier.is-on{border-color:#C6DCFB;background:var(--v-blue-soft)}
.v-tier b{flex:1;font-size:13px;font-weight:600;color:var(--v-ink)}
.v-tier span{font-size:14px;font-weight:700;color:var(--v-ink)}
.v-tier small{font-size:11px;color:var(--v-muted)}
.v-facts{display:flex;flex-direction:column;gap:0;margin-top:6px}
.v-facts div{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 2px;border-top:var(--v-bw) solid var(--v-line);font-size:13px}
.v-facts div b{font-weight:400;color:var(--v-muted)}
.v-facts div span{font-weight:700;color:var(--v-ink)}
.v-explain{display:flex;flex-direction:column;gap:12px}
.v-explain__lead{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:var(--v-blue-soft);border:1px solid #c6dcfb}
.v-explain__lead b{font-size:12px;color:var(--v-blue);text-transform:none}
.v-explain__lead span{font-size:15px;line-height:1.55;font-weight:650;color:var(--v-ink)}
.v-explain__key{display:grid;gap:8px}
.v-explain__key>div{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--v-border);border-radius:12px;background:#fff}
.v-explain__key b,.v-explain__details b{font-size:13px;color:var(--v-ink)}
.v-explain__key span,.v-explain__details span{font-size:13px;line-height:1.55;color:var(--v-ink-2)}
.v-explain__more{border-top:1px solid var(--v-border);padding-top:10px}
.v-explain__more summary{cursor:pointer;color:var(--v-blue);font-size:13px;font-weight:700}
.v-explain__details{display:flex;flex-direction:column;gap:12px;padding-top:12px}
.v-explain__details>div{display:flex;flex-direction:column;gap:3px}

/* לשוניות: גלולות. נמדד ב-hotels_desktop.png — גובה 34, רווח 8,
   רקע לא-פעיל #F3F7FA, רקע פעיל #E7F0FF עם קו כחול בתחתית הגלולה. */
.v-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.v-tab{
  position:relative;height:34px;padding:0 15px;border:0;cursor:pointer;border-radius:10px;
  background:#F3F7FA;font:600 13.5px var(--v-font);color:#5B6880;
}
.v-tab:hover{background:#EDF3F9;color:var(--v-ink)}
.v-tab.is-on{background:#E7F0FF;color:var(--v-blue);font-weight:700}
.v-tab.is-on::after{content:"";position:absolute;inset-inline:16px;bottom:5px;height:2px;border-radius:2px;background:var(--v-blue)}

/* ---------- 13. טבלה ---------- */
.v-tablecard{background:var(--v-surface);border:var(--v-bw) solid var(--v-border);
  border-radius:var(--v-r-panel);box-shadow:var(--v-sh-card);overflow:hidden;margin-top:var(--v-band)}
.v-tablecard__head{display:flex;align-items:center;gap:12px;padding:14px 18px 0;flex-wrap:wrap}
.v-tablecard__head h3{font-size:17px;font-weight:700;margin:0}
.v-tablecard__tools{display:flex;align-items:center;gap:10px;margin-inline-start:auto}
.v-tablecard .v-tabs{padding:0 18px;margin-top:10px}
.v-table{width:100%;border-collapse:collapse;font-size:13px}
.v-table th{
  height:44px;padding:0 18px;background:var(--v-surface-2);color:#59667E;
  font-size:12px;font-weight:600;text-align:start;white-space:nowrap;position:relative;
}
.v-table th.is-sortable{cursor:pointer;user-select:none}
/* חץ המיון יושב צמוד לכותרת ולא בקצה התא, כדי שלא ייראה כמו סימן של עמודה אחרת.
   הוא גם לא מזיז את טקסט הכותרת (כלל 8.4). */
.v-table th .v-sort{width:10px;height:10px;vertical-align:middle;margin-inline-start:5px;opacity:0;transition:opacity var(--v-fast) var(--v-ease)}
/* 🔴 width/height חובה: svg בלי מידה הוא 300×150, וכותרת-הטבלה תפחה ל-150 פיקסל (נמדד 20.9). */
.v-table th.is-sortable:hover .v-sort,.v-table th[data-dir] .v-sort{opacity:.5}
.v-table td{
  height:var(--v-row);padding:0 18px;border-top:var(--v-bw) solid var(--v-line);
  color:var(--v-ink-2);text-align:start;vertical-align:middle;
}
/* כלל 8.4: כותרת ותא באותה עמודה נושאים את אותו יישור ואותו ריווח.
   🔴 האודיט של התכנון מצא שלוש עמודות שבהן הכותרת והתא לא הסכימו («ימי טיול» · «מלון» ·
   «פעולות»), אחרי שדוח קודם טען «10 מתוך 10 מיושרות». המחלקות למטה נכונות, אבל הן תלויות
   בכך שמי שכותב את הדף ישים אותן **גם** על ה-th וגם על ה-td. לכן נוסף ב-_ds.js
   `VDS.table.align()`: הוא מעתיק את מחלקת-היישור לאורך כל העמודה, ולכן ההתאמה מובטחת
   במבנה ולא במשמעת של הכותב. עמודת הפעולות נכללת. */
.v-table th.a-num,.v-table td.a-num{text-align:end;font-variant-numeric:tabular-nums}
.v-table th.a-mid,.v-table td.a-mid{text-align:center}
.v-table th.a-start,.v-table td.a-start{text-align:start}
.v-table td.a-mid{white-space:nowrap}
/* ---- 🔴 20.9, כלל 8.4: «גלולות לא דוחפות טקסט» ----
   שני אודיטים עיוורים מדדו את אותו פער בדיוק: קצה הטקסט בכותרת מול קצה הטקסט בתא.
   «שלב» 11 פיקסל (הריפוד הפנימי של הגלולה) · «לקוח» 7 · «מה עושים עכשיו» 26 (אייקון + רווח).
   היישור המוגדר היה זהה בכל העמודות — ובכל זאת העין רואה שתי עמודות שלא מתחילות באותו מקום.
   התיקון: הקישוט שבתחילת התא (גלולה, עיגול ראשי-תיבות) לא נכנס לחשבון הטקסט.
   הגלולה נמשכת החוצה בדיוק ברוחב הריפוד שלה, ולכן הטקסט שבתוכה יושב על אותו קו כמו הכותרת. */
.v-table td > .v-pill:only-child{margin-inline-start:-11px}
/* עמודה שמתחילה בעיגול ראשי-תיבות: הכותרת יושבת מעל השם, לא מעל העיגול. הערך נמדד
   מהרוחב של העיגול ומהרווח שאחריו, ולא נוחש. */
.v-table th.a-ava{padding-inline-start:calc(18px + 32px + 10px)}
.v-cellact{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;row-gap:4px}
.v-cellact a.v-kebab{color:inherit}
.v-table tbody tr{transition:background var(--v-fast) var(--v-ease)}
.v-table tbody tr:hover{background:#FAFCFF}
.v-table .v-name{font-weight:700;color:var(--v-ink);cursor:pointer}
.v-table .v-name:hover{color:var(--v-blue)}
.v-table .v-sub{display:block;font-size:11px;color:var(--v-muted);margin-top:2px}
.v-table td .v-ltr{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.v-thumb{width:38px;height:38px;border-radius:var(--v-r-thumb);object-fit:cover;flex:none;background:var(--v-surface-2)}
.v-cellflex{display:flex;align-items:center;gap:10px}
.v-pill{
  display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 11px;border-radius:var(--v-r-chip);
  font-size:12px;font-weight:600;white-space:nowrap;
}
.v-pill.is-ok{background:var(--v-good-soft);color:var(--v-good)}
.v-pill.is-warn{background:var(--v-warn-soft);color:var(--v-warn)}
.v-pill.is-bad{background:var(--v-bad-soft);color:var(--v-bad)}
.v-pill.is-info{background:var(--v-info-soft);color:var(--v-info)}
.v-pill.is-muted{background:var(--v-surface-2);color:var(--v-muted)}
.v-actpill{
  display:inline-flex;align-items:center;justify-content:center;height:30px;min-width:58px;padding:0 14px;cursor:pointer;
  background:var(--v-surface);border:var(--v-bw) solid #E8E9EC;border-radius:8px;
  font:600 12px var(--v-font);color:var(--v-blue);
}
.v-actpill:hover:not([disabled]){background:var(--v-blue-soft);border-color:#D5E5FB}
.v-actpill.is-soft{background:var(--v-blue-soft);border-color:#D5E5FB}
/* פעולה שאינה יכולה לעבוד נראית כמו שאינה יכולה לעבוד, והסיבה יושבת בריחוף. */
.v-actpill[disabled]{color:var(--v-muted);border-color:var(--v-border);background:var(--v-surface-2);cursor:not-allowed}
.v-kebab{width:30px;height:30px;display:grid;place-items:center;border:0;background:none;cursor:pointer;
  color:#9AA6BC;border-radius:6px}
.v-kebab:hover{background:var(--v-surface-2);color:var(--v-ink)}

/* ---------- 14. גרפים ---------- */
.v-chart{position:relative;height:250px}
/* מה שמופיע במקום הגרף כשאין מה לצייר. משפט אחד, בעברית, במרכז. */
.v-chartempty{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;
  text-align:center;padding:0 12px;font-size:13px;font-weight:600;color:var(--v-muted)}
.v-chartempty[hidden]{display:none}
.v-chart canvas{width:100%!important;height:100%!important}
.v-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}
.v-legend span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#5A6880;font-weight:500}
.v-legend i{width:9px;height:9px;border-radius:50%;flex:none}
.v-tip{
  position:absolute;pointer-events:none;background:var(--v-surface);border:var(--v-bw) solid var(--v-border);
  border-radius:10px;box-shadow:var(--v-sh-float);padding:8px 11px;font-size:12px;min-width:104px;z-index:9;
}
.v-tip b{display:block;font-size:11px;color:var(--v-muted);font-weight:600}
.v-tip strong{display:block;font-size:17px;font-weight:700;color:var(--v-ink);margin:2px 0}
.v-tip em{display:flex;align-items:center;gap:5px;font-style:normal;font-size:11px;color:#5A6880}
.v-tip em i{width:8px;height:8px;border-radius:2px;background:var(--v-blue)}

/* ---------- 14ב. פופאפ ההסבר בריחוף (כלל 9.7) ----------
   נתיב: «כאשר עוברים עם עכבר אז שיציג בפופאפ את הנתונים האלה…
   אבל בלי הרבה טקסט, קו נקי.»
   אותו כרטיס לבן קטן של פופאפ הגרף (כלל 8.3): אותו רדיוס, אותה מסגרת,
   אותו צל ואותו קנה-מידה של טקסט. עד ארבע שורות, כל אחת שורה אחת.
   הוא לעולם לא מכסה את המספר שהוא מסביר, והוא לא גונב את הלחיצה. */
.v-pop{
  position:fixed;z-index:var(--v-z-pop);max-width:286px;pointer-events:none;
  background:var(--v-surface);border:var(--v-bw) solid var(--v-border);
  border-radius:10px;box-shadow:var(--v-sh-float);padding:10px 12px;
  text-align:start;opacity:0;transform:translateY(3px);
  transition:opacity var(--v-fast) var(--v-ease),transform var(--v-fast) var(--v-ease);
}
.v-pop.is-open{opacity:1;transform:none}
.v-pop b{display:block;font-size:12.5px;font-weight:700;color:var(--v-ink);line-height:1.35}
/* 🔴 שורות הפופאפ היו `white-space:nowrap` עם שלוש-נקודות, כלומר **הסייג נחתך**.
   זה סותר את כלל 9.7 מהיסוד: הפופאפ קיים כדי לשאת את הסייגים, וסייג קטום אינו סייג.
   נמדד 20.9 בדף התכנון: «תהיה השוואה כשיירשם תאריך לכל ...» — בדיוק המילים שנחתכו
   הן הסיבה שבגללה השורה נכתבה. עכשיו השורה נשברת, עד שתי שורות קצרות, ולא נחתכת.
   התקרה של שתיים שומרת על «בלי פסקאות» שכלל 9.7 דורש. */
.v-pop span{font-size:11.5px;color:var(--v-muted);line-height:1.5;margin-top:3px;
  white-space:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;
  -webkit-line-clamp:2;line-clamp:2}
.v-pop i{
  position:absolute;width:10px;height:10px;background:var(--v-surface);
  border-inline-start:var(--v-bw) solid var(--v-border);border-block-start:var(--v-bw) solid var(--v-border);
  transform:rotate(45deg);
}
.v-pop.is-below i{top:-6px;border-radius:2px 0 0 0}
.v-pop.is-above i{bottom:-6px;transform:rotate(225deg);border-radius:2px 0 0 0}
@media (prefers-reduced-motion:reduce){.v-pop{transition:none}}

/* טבעת + מקרא אנכי */
.v-donutwrap{display:flex;align-items:center;gap:18px}
.v-donut{position:relative;width:170px;height:170px;flex:none}
.v-donut__mid{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.v-donut__mid b{display:block;font-size:26px;font-weight:700;color:var(--v-ink);line-height:1}
.v-donut__mid small{display:block;font-size:11px;color:var(--v-muted);margin-top:3px}
.v-donut__legend{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px}
.v-donut__legend li{display:flex;align-items:center;gap:9px;list-style:none;font-size:13px}
.v-donut__legend i{width:9px;height:9px;border-radius:50%;flex:none}
.v-donut__legend span{flex:1;min-width:0;color:var(--v-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-donut__legend b{font-weight:700;font-variant-numeric:tabular-nums;color:var(--v-ink)}
.v-donut__legend ul{margin:0;padding:0}

/* ---------- 15. כרטיס תמונה מקודם + תובנות ---------- */
.v-promo{position:relative;border-radius:var(--v-r-panel);overflow:hidden;min-height:160px;
  display:flex;align-items:flex-end;color:#fff;box-shadow:var(--v-sh-card)}
.v-promo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* 🔴 נתיב, 21.9: «התמונה בתובנה… אז לא רואים את הטקסט טוב». נמדד ונכון: עם הצעיף הקודם
   (.12 למעלה) תמונה בהירה הורידה את «שימו לב» ל-3.3:1 מול הרקע — מתחת למינימום הקריא (4.5).
   הצעיף מתחיל עכשיו ב-.45, ונמדד מחדש על שלוש התמונות הבהירות ביותר שיש: הגרוע ביותר
   עלה ל-6.2:1, והתמונה הכהה לא נפגעה (17.0). כך הקריאוּת אינה תלויה בתמונה שתיבחר. */
.v-promo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,24,44,.45) 0%,rgba(9,24,44,.88) 100%)}
.v-promo__in{position:relative;z-index:2;padding:16px 18px;width:100%}
.v-promo__script{display:block;font-family:var(--v-script);font-size:25px;line-height:1.1;margin:0 0 8px;color:#fff;opacity:.95}
.v-promo__in p{margin:0 0 12px;font-size:14px;font-weight:600;line-height:1.45}
.v-promo__in .v-btn{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(3px)}
.v-promo__in .v-btn:hover{background:rgba(255,255,255,.22)}

.v-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--v-gap)}
.v-ins{display:flex;align-items:flex-start;gap:11px;background:var(--v-surface);
  border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-card);padding:14px 16px;cursor:pointer}
.v-ins:hover{border-color:#CCDDF3}
.v-ins__icon{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;
  background:var(--v-blue-soft);color:var(--v-blue);order:9}
.v-ins__icon svg{width:17px;height:17px}
.v-ins__txt{flex:1;min-width:0;text-align:start}
.v-ins__txt b{display:block;font-size:14px;font-weight:700;line-height:1.35}
.v-ins__txt small{display:block;font-size:12px;color:var(--v-muted);margin-top:3px;line-height:1.45}
.v-ins .v-act__chev{order:-1;margin-top:8px}

/* ---------- 16. רשימות חכמות (עמודת CRM) ---------- */
.v-lists{display:flex;flex-direction:column;gap:2px}
.v-listitem{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;border-radius:10px;
  cursor:pointer;font-size:13px;font-weight:600;color:var(--v-ink-2)}
.v-listitem:hover{background:var(--v-surface-2)}
.v-listitem.is-on{background:var(--v-blue-soft);color:var(--v-blue)}
.v-listitem svg{width:16px;height:16px;flex:none;opacity:.75}
.v-listitem span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v-listitem b{font-variant-numeric:tabular-nums;font-weight:700;color:var(--v-muted)}
.v-listitem.is-on b{color:var(--v-blue)}

/* ---------- 17. מגירה, חלון, שכבת כיסוי ---------- */
.v-scrim{position:fixed;inset:0;background:rgba(10,26,46,.34);opacity:0;pointer-events:none;
  transition:opacity var(--v-norm) var(--v-ease);z-index:var(--v-z-scrim)}
.v-scrim.is-open{opacity:1;pointer-events:auto}
.v-drawer{
  position:fixed;inset-block:0;left:0;right:auto;width:min(400px,92vw);background:var(--v-surface);
  box-shadow:var(--v-sh-float);z-index:var(--v-z-drawer);transform:translateX(-102%);
  transition:transform var(--v-norm) var(--v-ease);display:flex;flex-direction:column;
}
.v-drawer.is-open{transform:none}
/* 🔴 אלמנט מוחלף (iframe) לא נמתח מ-inset-block:0 כמו שהמגירה מניחה, ולכן כרטיס-הלקוח
   האמיתי הצטייר כקופסה של ~560×150 בפינה במקום למלא את המגירה. גובה מפורש + מכל גמיש. */
.v-drawer{top:0;bottom:0;height:100%}
.v-drawer__body.is-frame{padding:0;display:flex;flex-direction:column;min-height:0}
.v-drawer__body.is-frame > iframe,.v-drawer > iframe{flex:1 1 auto;width:100%;height:100%;border:0;display:block;background:var(--v-bg)}
.v-drawer__head{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:var(--v-bw) solid var(--v-border)}
.v-drawer__head h3{margin:0;font-size:17px;font-weight:700;flex:1}
.v-drawer__body{padding:16px 18px;overflow-y:auto;flex:1}
.v-drawer__foot{padding:14px 18px;border-top:var(--v-bw) solid var(--v-border);display:flex;gap:10px}
.v-x{width:32px;height:32px;display:grid;place-items:center;border:0;background:none;cursor:pointer;
  border-radius:8px;color:#7B879D}
.v-x:hover{background:var(--v-surface-2);color:var(--v-ink)}
.v-modal{
  position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:var(--v-z-modal);padding:24px;
}
.v-modal.is-open{display:flex}
.v-modal__box{background:var(--v-surface);border-radius:var(--v-r-panel);box-shadow:var(--v-sh-float);
  width:min(880px,96vw);max-height:86vh;display:flex;flex-direction:column;overflow:hidden}
.v-field{margin-bottom:13px}
.v-field label{display:block;font-size:12px;font-weight:600;color:#54617A;margin-bottom:5px}
.v-field.is-req label::after{content:" *";color:var(--v-bad)}
.v-field input,.v-field select,.v-field textarea{
  width:100%;height:40px;padding:0 12px;border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-input);
  font:400 13px var(--v-font);color:var(--v-ink);background:var(--v-surface);outline:0;
}
.v-field textarea{height:76px;padding:9px 12px;resize:vertical}
.v-field input:focus,.v-field select:focus,.v-field textarea:focus{border-color:var(--v-blue);box-shadow:0 0 0 3px var(--v-blue-soft)}

/* ---------- 18. קרוסלה ---------- */
.v-carousel{position:relative}
.v-carousel__track{display:flex;gap:var(--v-gap);overflow:hidden;scroll-behavior:smooth}
.v-carousel__track>*{flex:0 0 calc((100% - var(--v-gap) * 2) / 3)}
.v-carousel__nav{display:flex;align-items:center;gap:8px}
.v-carousel__btn{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;cursor:pointer;
  border:var(--v-bw) solid var(--v-border);background:var(--v-surface);color:#5B6880}
.v-carousel__btn:hover{border-color:var(--v-blue);color:var(--v-blue)}
.v-carousel__btn[disabled]{opacity:.4;cursor:not-allowed}
.v-carousel__dots{display:flex;gap:5px;align-items:center}
.v-carousel__dots i{width:6px;height:6px;border-radius:50%;background:#C8D3E4;cursor:pointer}
.v-carousel__dots i.is-on{background:var(--v-blue);width:16px;border-radius:3px}
.v-carousel__count{font-size:11px;color:var(--v-muted);font-variant-numeric:tabular-nums}

/* ---------- 19. מצב ריק ---------- */
.v-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;
  padding:34px 18px;text-align:center;color:var(--v-muted)}
.v-empty__icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  background:var(--v-surface-2);color:#9AA6BC}
.v-empty b{font-size:15px;font-weight:700;color:var(--v-ink)}
.v-empty p{margin:0;font-size:13px;max-width:330px;line-height:1.5}

/* ---------- 20. מובייל: קומפוזיציה נפרדת, לא העתק צר ---------- */
/* 🔴 ההגדרה הבסיסית של הניווט התחתון יושבת כאן, **לפני** שאילתת-המדיה שמדליקה אותו.
   ארבעה בונים תיקנו את זה כל אחד בענף שלו עם override בסוף הקובץ; זה השורש, ולכן ה-overrides נמחקו. */
.v-bottomnav{
  display:none;position:fixed;inset-inline:0;bottom:0;height:62px;z-index:var(--v-z-float);
  background:var(--v-surface);border-top:var(--v-bw) solid var(--v-border);
  align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom,0px);
}
.v-bottomnav a{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:44px;min-height:44px;
  justify-content:center;font-size:11px;font-weight:600;color:var(--v-muted);text-decoration:none}
/* ---- 🔴 20.9: הכפתור העגול ישב בדיוק על פריט בניווט ----
   הכפתור מרוכז (left:50%) והניווט פרס את הפריטים ב-space-around. עם מספר אי-זוגי של פריטים,
   הפריט האמצעי יושב בדיוק מתחת לכפתור והלחיצה נופלת על הכפתור במקום עליו. נמדד ב-390 וב-375.
   בעיצוב של נתיב (crm_mobile_home.png) יש ארבעה פריטים והכפתור יושב באמצע ביניהם.
   לכן: דף שיש בו כפתור עגול מסמן את הניווט ב-has-fab, והעמודה האמצעית נשמרת ריקה לכפתור.
   זו הגנה מכנית, לא חישוב שנכון רק ברוחב אחד. */
.v-bottomnav.has-fab{display:grid;grid-template-columns:1fr 1fr 76px 1fr 1fr;justify-content:stretch}
.v-bottomnav.has-fab > a:nth-child(1){grid-column:1}
.v-bottomnav.has-fab > a:nth-child(2){grid-column:2}
.v-bottomnav.has-fab > a:nth-child(3){grid-column:4}
.v-bottomnav.has-fab > a:nth-child(4){grid-column:5}
.v-bottomnav.has-fab > a:nth-child(n+5){display:none} /* חמישי ומעלה אינו נכנס: מקומו בגיליון «עוד» */
.v-bottomnav a.is-on{color:var(--v-blue)}
.v-bottomnav svg{width:20px;height:20px}

@media (max-width:900px){
  :root{--v-gutter:16px;--v-gap:16px;--v-band:22px;--v-cover-h:146px}
  .v-app{grid-template-columns:1fr}
  .v-side{display:none}
  .v-band.is-2,.v-band.is-3,.v-band.is-rail,.v-band.is-main,.v-band.is-split{grid-template-columns:1fr}
  .v-kpis,.v-kpis.is-4,.v-kpis.is-6{grid-template-columns:1fr 1fr}
  .v-kpi{min-height:112px}
  .v-strip__cards,.v-strip__cards.is-4,.v-strip__cards.is-5{grid-template-columns:1fr}
  .v-insights{grid-template-columns:1fr}
  .v-carousel__track>*{flex:0 0 100%}
  .v-cover__script{display:none}

  /* 🔴 הקאבר בטלפון: הכותרת נשארה 56 פיקסל כמו במחשב, נכנסה לתוך לוחית ה-USA,
     והשורה המסבירה ישבה על הגשר עצמו בלי רקע — קשה לקריאה (נמדד 390 פיקסל).
     שלושה תיקונים: כותרת קטנה יותר · שורת-התגית של הלוחית יורדת · הלבן
     שמאחורי הטקסט מכסה את כל רוחב המסך במקום שני שלישים. */
  :root{--v-fs-title:34px}
  .v-cover__plate small{display:none}
  .v-cover__plate b{font-size:20px}
  .v-cover::after{background:linear-gradient(270deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.86) 52%,rgba(255,255,255,.34) 100%)}
  .v-cover__sub{font-size:13px;margin-top:4px}
  /* כותרת-כרטיס ובקרות בטלפון: הבקרות יורדות לשורה משלהן במקום להידחס לצד
     הכותרת. «מה שנשאר היום» נשבר שם לשלוש שורות ודחף את הכותרת (נמדד 390). */
  .v-card__head{flex-wrap:wrap;row-gap:10px}
  .v-card__ctrl{margin-inline-start:0;flex:1 1 100%;flex-wrap:wrap}
  .v-segment button{white-space:nowrap;padding:0 9px;font-size:12px}
  .v-top__me small{display:none}
  /* 🔴 גלישה אופקית ב-430 פיקסל: בפריסת שני-הטורים של הטלפון הרחב נשארו למקרא
     19 פיקסל ליד הטבעת (שרוחבה קבוע 152), והשורות ברחו אל מחוץ למסך — נמדד
     רוחב-גלילה 526 מול חלון 430. עכשיו המקרא יורד לשורה משלו מתחת לטבעת
     כשאין לו לפחות 150 פיקסל, במקום לגלוש. */
  .v-donutwrap{flex-wrap:wrap;row-gap:12px}
  .v-donut__legend{flex:1 1 150px}
  .v-tablecard{overflow-x:auto}
  .v-tablecard__head{flex-wrap:wrap}
  .v-tablecard__tools{flex-wrap:wrap;width:100%;margin-inline-start:0}
  .v-tabs{overflow-x:auto;white-space:nowrap}
  /* הפס העליון נשבר לשתי שורות במקום לגלוש */
  .v-top{flex-wrap:wrap;height:auto;min-height:var(--v-top);padding-top:10px;padding-bottom:10px;gap:8px}
  .v-top.is-onCover{margin-bottom:0}
  .v-top__spacer{display:none}
  .v-search{flex:1 1 100%;max-width:none;order:-1}
  .v-datepill{flex:1 1 auto;justify-content:center}
  .v-cover__in{padding-top:8px}
  .g-wrap{padding:22px 16px 80px}
  .v-bottomnav{display:flex}
  .v-main{padding-bottom:70px}
}
/* הגרף והתובנות זה לצד זה, בשני טורים — גובר על כלל החבילה שאוסר זאת מתחת ל-430.
   🔴 תוקן 20.9: הסף היה min-width:430px, כלומר בדיוק הרוחבים שהכלל בא לעקוף (375 ו-390)
   קיבלו טור אחד. אין סף תחתון: מ-900 ומטה תמיד שני טורים. */
@media (max-width:900px){
  /* 🔴 שני כרטיסים בשורה בטלפון — רק כשבאמת נכנסים. כשהכרטיס נושא שורות של
     «איפה הלידים עומדים», הרוחב יורד ל-171 פיקסל, ונמדד שם: «נשלחה הצעת מחיר» נחתך
     והפס היחסי מתכווץ ל-0 — כלומר ההשוואה שהכרטיס קיים בשבילה נעלמת. לכן בטלפון
     הזוג הזה נפרס לשתי שורות מלאות. בייחוס הם אחד ליד השני, אבל שם הכרטיס הוא
     גרף-עמודות בלבד. */
  .v-band.is-pairmobile{grid-template-columns:1fr}
}


/* =====================================================================
   22. הרכיבים שנוספו כשחמשת הדפים עברו למערכת (20.9.2026) — גרסה מאוחדת
   ---------------------------------------------------------------------
   חמישה בונים עבדו במקביל, וכל אחד הוסיף לקובץ הזה בענף שלו. ארבעה מהם
   תיקנו לבד את אותו באג (הניווט התחתון), שלושה בנו כרטיס-רשימה למובייל,
   וחמישה הגדירו .v-menu. כאן נשאר **מימוש אחד** לכל רכיב.

   🔴 איך קוראים את הבלוק הזה:
   · לכל רכיב יש **שם קנוני אחד** (הראשון ברשימת-הבוררים). שמות נוספים
     באותה שורה הם **כינויים** שדפים קיימים עדיין משתמשים בהם. דף חדש
     כותב רק את השם הקנוני. הטבלה המלאה: DESIGN_SYSTEM.md §22.
   · אותו שם עם **אנטומיה שונה** בשני דפים (v-bars, v-funnel, v-mrow)
     הופרד לפי מבנה (ul מול div) ולא לפי דף.
   · מה שאף דף לא משתמש בו — נמחק.
   ===================================================================== */

/* ---- 22.0 איפוסים קטנים שכל דף המציא לעצמו ---- */
[x-cloak]{display:none!important}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
a{color:inherit;text-decoration:none}
.v-main__body{padding-bottom:44px}
.v-band.is-flush{margin-top:0}
.v-carousel__nav.is-end{justify-content:flex-end;margin-top:12px}
.v-tablecard.is-band{margin-top:var(--v-band)}
.v-tablecard .v-chips{padding:0 18px;margin-top:10px}
.v-tablecard .v-mlist{padding:12px 14px}
.v-cellflex__t{flex:1;min-width:0}
.v-table a.v-name{text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v-table th.is-sortable .v-sort{opacity:.35}
.v-table th.is-sortable.is-active .v-sort{opacity:1;color:var(--v-blue)}
.v-side__user .v-side__chev{margin-inline-start:auto;color:#8FA6C4}
.v-datepill button.v-datepill__nav,.v-datepill .v-datepill__nav{border:0;background:none;font:inherit;padding:0;cursor:pointer}
.v-datepill .v-datepill__nav[disabled]{opacity:.35;cursor:default}
.v-datepill .v-datepill__nav[disabled]:hover{background:none;color:#7C889E}
.v-datepill{flex:none;white-space:nowrap;flex-wrap:nowrap;line-height:1}
.v-datepill > i{flex:none;color:var(--v-blue);font-size:14px;line-height:1}
.v-cover__plate.is-low{top:calc(var(--v-top) + 16px)}
.v-top.is-onCover ~ .v-cover .v-cover__plate{top:calc(var(--v-top) + 8px)}
.v-cover__script.is-mid{left:31%}
.v-strip__mark.is-idea{background:var(--v-amber-soft);color:var(--v-amber)}
.v-strip__nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}
.v-strip__nav .v-carousel__dots i.is-on{background:var(--v-bad)}
.v-strip__empty{padding:8px 2px;font-size:13px;color:var(--v-muted)}
button.v-ins{width:100%;font:inherit;text-align:start;cursor:pointer}
.v-ins.t-green .v-ins__icon{background:var(--v-green-soft);color:var(--v-green)}
.v-ins.t-teal  .v-ins__icon{background:var(--v-teal-soft);color:var(--v-teal)}
.v-ins.t-sky   .v-ins__icon{background:var(--v-sky-soft);color:var(--v-sky)}
.v-ins.t-amber .v-ins__icon{background:var(--v-amber-soft);color:var(--v-amber)}
.v-ins.t-purple .v-ins__icon{background:var(--v-purple-soft);color:var(--v-purple)}
.v-ins.t-red   .v-ins__icon{background:var(--v-bad-soft);color:var(--v-bad)}
.v-ins.is-plain{border:0;background:none;padding:7px 0;cursor:default;align-items:flex-start}
.v-ins.is-plain .v-ins__mark{width:auto;height:auto;background:none;font-size:12px;margin-top:3px;order:9;flex:none}
.v-ins.is-plain.t-up .v-ins__mark{color:var(--v-good)}
.v-ins.is-plain.t-down .v-ins__mark{color:var(--v-bad)}
.v-ins.is-plain.t-flat .v-ins__mark{color:var(--v-blue)}
.v-rows a{color:var(--v-blue);text-decoration:none;border-bottom:1px dotted #9DB8DE}
.v-bottomnav button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:3px;
  min-width:44px;min-height:44px;justify-content:center;font:600 11px var(--v-font);color:var(--v-muted);cursor:pointer}
.v-bottomnav button svg{width:20px;height:20px}
.v-search input{min-width:0}
.v-donut.is-sm{width:152px;height:152px}
.v-donut__legend li{cursor:pointer;border-radius:8px;padding:0 6px;margin:0 -6px;height:26px}
.v-donut__legend li:hover{background:var(--v-surface-2)}
.v-donut__legend li.is-on{background:var(--v-blue-soft);font-weight:600}
.v-promo__in b{display:block;font-size:15px;font-weight:700;line-height:1.35}
.v-promo__in small{display:block;font-size:12px;opacity:.9;margin-top:2px;margin-bottom:10px}
.v-chip{white-space:nowrap;gap:6px}
/* ---- 🔴 20.9: שטח מגע בטלפון ----
   שני אודיטים ספרו את אותו דבר: שבבים בגובה 36 וכפתורי-סרגל בגובה 38, בזמן שהתבנית דורשת 44.
   הגובה הנראה נשאר כפי שהוא; מה שגדל הוא שטח הלחיצה, דרך ריפוד אנכי. ככה העיצוב לא זז והאצבע כן פוגעת. */
@media (max-width:900px){
  .v-chip{min-height:44px}
  .v-top__btn{width:44px;height:44px}
  .v-tab{min-height:44px}
  .v-listitem{min-height:44px}
  .v-search{min-height:44px}
}
.v-pill.is-purple{background:var(--v-purple-soft);color:var(--v-purple)}
.v-ok{color:var(--v-good)} .v-warn{color:var(--v-warn)} .v-bad{color:var(--v-bad)}
.v-segment button svg{width:15px;height:15px;display:block}
.v-xref__big{display:flex;align-items:baseline;gap:6px}
.v-xref__big b{font-size:26px;font-weight:700;color:var(--v-warn)}
.v-xref__big span{font-size:12px;color:var(--v-muted)}
/* כרטיס פעולה שאין לו נתון: אפור, לא לחיץ, ולא מוסתר (כלל 90) */
.v-act[disabled]{cursor:default;opacity:.92;box-shadow:none;background:var(--v-surface-2)}
.v-act[disabled]:hover{transform:none;border-color:var(--v-border);box-shadow:none}
.v-act[disabled] .v-act__num{font-size:17px;color:var(--v-muted);font-weight:600}
.v-act[disabled] .v-act__icon{background:var(--v-surface-2);color:#9AA6BC}
/* שורות הכרטיס הן בלוקים גם כשנכתבו כ-span (בתוך <button> אסור <p>) */
.v-kpi__label,.v-kpi__value,.v-kpi__vs,.v-act__title,.v-act__num,.v-act__sub{display:block}
.v-kpi__body{display:flex;flex-direction:column;height:100%}
.v-kpi__delta i{order:9;font-size:11px;line-height:1;flex:none}
.v-kpi__delta.is-flat{color:var(--v-muted);font-weight:500}
/* שורת-שינוי עם שורה שנייה בתוכה (המלונות) — רק כשיש .v-kpi__row בפנים */
.v-kpi__delta:has(.v-kpi__row){flex-direction:column;align-items:flex-start;gap:3px;margin-top:auto}
.v-kpi__delta .v-kpi__row{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;line-height:1}
/* שישה כרטיסים בשורה (מכירות): 201 ולא 246, ולכן האייקון והפס מתכווצים מעט.
   🔴 21.9 — נמדד מול תמונת-הייחוס (`references/sales_desktop.png`, אותו רוחב 1440):
   שם העיגול הוא **52 פיקסל** בכרטיס של 187, ואצלנו הוא היה 36. זה מה שנתיב ראה
   כ«שונה מהעיצוב המקורי». הועלה ל-44: הכרטיס שלנו נושא גם שורת-יעד שאין בייחוס,
   ו-52 היה דוחף אותה לשורה שנייה ומגביה את הכרטיס מ-110 ל-141 פיקסל.
   הפס והטקסט של שורת-היעד התכווצו בהתאם, ונמדד שאף אחד מהם לא נחתך. */
.v-kpis.is-6 .v-kpi{padding:14px 12px 12px;gap:8px}
/* (המידות עצמן יושבות בבלוק «נמדד מול הייחוס» למטה — רישום אחד, לא שלושה.) */
/* כרטיס KPI קטן (הבית במובייל של ה-CRM) */
.v-kpis.is-mini{grid-template-columns:1fr 1fr}
.v-kpi.is-mini{min-height:104px;flex-direction:column;align-items:flex-start;gap:0;padding:13px 14px}
.v-kpi.is-mini .v-kpi__icon{width:36px;height:36px;order:0;margin-bottom:8px}
.v-kpi.is-mini .v-kpi__icon svg{width:18px;height:18px}
.v-kpi.is-mini .v-kpi__value{font-size:24px}
.v-kpi.is-mini .v-kpi__label{font-size:13px;font-weight:500;color:var(--v-muted);margin-top:2px}

/* ---- 22.1 ריבוע-אות במקום תמונה ממוזערת, ואריח נייטרלי ----
   כשאין מקור תמונות מציגים ריבוע צבעוני עם שתי אותיות — ולא תמונה מומצאת. */
.v-sq{width:38px;height:38px;flex:none;border-radius:var(--v-r-thumb);display:grid;place-items:center;
  color:#fff;font-size:11px;font-weight:700;letter-spacing:.2px;line-height:1;background:#B7C1D2}
.v-thumb.is-tile{display:grid;place-items:center;color:#fff;font-size:14px;background:linear-gradient(135deg,#2E5C8E,#7BA6D6)}
.v-thumb.is-tile.t2{background:linear-gradient(135deg,#6D3FD1,#B8A8F0)}
.v-thumb.is-tile.t3{background:linear-gradient(135deg,#12925A,#8ED9B8)}
.v-thumb.is-tile.t4{background:linear-gradient(135deg,#C77A14,#F8CF86)}
.v-ava{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;
  font-size:12.5px;font-weight:700;color:#fff;background:linear-gradient(135deg,#123A62,#1B4E86)}
.v-badge{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center}
.v-badge svg{width:15px;height:15px}
.v-badge.is-bad{background:var(--v-bad-soft);color:var(--v-bad)}
.v-badge.is-warn{background:var(--v-warn-soft);color:var(--v-warn)}
.v-badge.is-good{background:var(--v-good-soft);color:var(--v-good)}
.v-badge.is-muted{background:var(--v-surface-2);color:var(--v-muted)}
.v-bignum{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}

/* ---- 22.2 הצגה לפי מכשיר — מימוש אחד, חמישה שמות ----
   🔴 המחלקות האלה **מסתירות בלבד** ולעולם לא קובעות display חיובי. גרסאות
   שכתבו display:block דרסו את ה-flex/grid של הרכיב שעליו ישבו (שדה החיפוש
   ובורר-התאריכים איבדו את הסידור הפנימי). הגבול הוא 900 בכל המערכת.
   קנוני: .v-desktop / .v-mobile. השאר כינויים. */
@media (min-width:901px){
  .v-mobile,.v-mob,.v-mb-only,.v-mobonly,.v-only-mobile{display:none!important}
}
@media (max-width:900px){
  .v-desktop,.v-desk,.v-dt-only,.v-deskonly,.v-only-desktop{display:none!important}
}

/* ---- 22.3 מונה בתוך גלולת-לשונית — מימוש אחד, ארבעה שמות ----
   🔴 הרווח בא מ-gap על הגלולה ולא מ-margin על המונה: המונה נושא .v-num
   (direction:ltr), ולכן margin-inline-start נפל בצד הלא-נכון והמספר נדבק לתווית.
   קנוני: .v-tab__n. */
.v-tab{display:inline-flex;align-items:center;gap:6px}
.v-tab__n,.v-tab .v-cnt,.v-tab .v-count,.v-tab > b{
  display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 6px;
  border-radius:999px;background:rgba(14,31,58,.08);color:#5B6880;font-size:11px;font-weight:700;
  font-variant-numeric:tabular-nums;direction:ltr;margin:0;
}
.v-tab.is-on .v-tab__n,.v-tab.is-on .v-cnt,.v-tab.is-on .v-count,.v-tab.is-on > b{background:var(--v-blue);color:#fff}
.v-cnt{font-variant-numeric:tabular-nums;font-weight:700}
/* מונה ליד כותרת («לקוחות לטיפול (482)») */
.v-count{font-size:15px;font-weight:600;color:var(--v-muted);font-variant-numeric:tabular-nums}
/* לשוניות צפופות: שבע לשוניות ומונים בשורה אחת (נמדד: 1,023 פיקסל במידה הרגילה מול כרטיס 943) */
.v-tabs.is-dense .v-tab{padding:0 10px;font-size:12.5px}
.v-tabs.is-dense .v-tab__n{margin-inline-start:4px;min-width:17px;height:17px;font-size:10.5px}
.v-tabs.is-dense .v-tab.is-on::after{inset-inline:11px}

/* ---- 22.4 שורת שבבים ושבב-סינון פעיל ---- */
.v-chips{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.v-chips::-webkit-scrollbar{display:none}
.v-chips>*{flex:none}
.v-chips.is-wrap{flex-wrap:wrap;overflow:visible}
.v-filtertag{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 6px 0 11px;
  border-radius:var(--v-r-chip);background:var(--v-blue-soft);color:var(--v-blue);font-size:12px;font-weight:600}
.v-filtertag button{width:20px;height:20px;display:grid;place-items:center;border:0;background:none;
  cursor:pointer;border-radius:50%;color:inherit;font-size:11px}
.v-filtertag button:hover{background:#D8E7FC}
.v-filtertag svg{width:11px;height:11px}

/* ---- 22.5 בוררים: רשימה נפתחת שנראית כמו שבב, תיבת-סימון, מתג ----
   קנוני: .v-select. כינויים: .v-pick, .v-selectwrap. */
.v-select,.v-pick,.v-selectwrap{position:relative;display:inline-flex;align-items:center;gap:7px;height:32px;
  padding-inline:12px 28px;border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-input);
  background:var(--v-surface);font-size:13px;font-weight:600;color:var(--v-ink);cursor:pointer;white-space:nowrap}
.v-select:hover,.v-pick:hover,.v-selectwrap:hover{border-color:#C9DBF2}
.v-select select,.v-pick select,.v-selectwrap select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font:inherit;border:0}
.v-select > i,.v-select > svg{position:absolute;inset-inline-end:10px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--v-muted)}
.v-select > svg{width:12px;height:12px}
.v-select.is-plain{border-color:transparent;background:transparent}
.v-select.is-plain:hover{background:var(--v-surface-2)}
.v-select.is-field{padding-inline:12px}
.v-select.is-field input{position:static;opacity:1;width:auto;height:auto;border:0;background:transparent;
  outline:0;font:inherit;font-size:12px;color:var(--v-ink)}
.v-cb{display:inline-flex;align-items:center;gap:7px;height:32px;cursor:pointer;
  font-size:12px;font-weight:500;color:var(--v-ink-2);white-space:nowrap}
.v-cb input{width:16px;height:16px;margin:0;accent-color:var(--v-blue)}
.v-toggle{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 13px;cursor:pointer;
  background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-input);
  font-size:13px;font-weight:600;color:var(--v-ink-2);box-shadow:0 2px 8px rgba(25,58,96,.06)}
.v-toggle input{accent-color:var(--v-blue);width:15px;height:15px;margin:0}
.v-switch{position:relative;width:40px;height:22px;flex:none;border:0;border-radius:999px;background:#D5DEEA;cursor:pointer}
.v-switch.is-on{background:var(--v-blue)}
.v-switch::after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:50%;
  background:#fff;transition:inset-inline-start var(--v-fast) var(--v-ease)}
.v-switch.is-on::after{inset-inline-start:20px}
.v-switchrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;font-size:13px;font-weight:600}
.v-iconbtn{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;cursor:pointer;
  border:var(--v-bw) solid var(--v-border);background:var(--v-surface);color:#5B6880}
.v-iconbtn:hover{border-color:var(--v-blue);color:var(--v-blue)}
.v-iconbtn svg{width:14px;height:14px}
.v-del{width:26px;height:26px;flex:none;border-radius:7px;border:0;background:none;cursor:pointer;color:#9AA6BA;display:grid;place-items:center}
.v-del:hover{background:var(--v-bad-soft);color:var(--v-bad)}
.v-del svg{width:12px;height:12px}

/* ---- 22.6 חיפוש קטן בתוך כרטיס — מימוש אחד, שני שמות (.v-search.is-sm קנוני) ---- */
.v-search.is-sm,.v-searchsm{display:inline-flex;align-items:center;gap:6px;height:34px;max-width:200px;width:200px;
  padding:0 10px;border-radius:10px;background:var(--v-surface-2);border:var(--v-bw) solid var(--v-border);
  box-shadow:none;font-size:13px}
.v-search.is-sm input,.v-searchsm input{flex:1;min-width:0;border:0;background:transparent;outline:0;font:400 13px var(--v-font);color:var(--v-ink)}
.v-searchsm input::placeholder{color:#8E9AB0}
.v-searchsm svg{width:14px;height:14px;color:var(--v-muted);flex:none;order:9}
.v-search.is-sm:focus-within,.v-searchsm:focus-within{border-color:var(--v-blue);box-shadow:0 0 0 3px var(--v-blue-soft);background:var(--v-surface)}
.v-search.is-wide{max-width:none}
.v-search .v-clr,.v-searchsm .v-x{width:26px;height:26px;flex:none;border:0;background:none;cursor:pointer;border-radius:6px;
  display:grid;place-items:center;color:var(--v-muted);font-size:12px}
.v-search .v-clr:hover{background:#E8EFF8;color:var(--v-ink)}
.v-search > i{flex:none;color:#9AA6BC;font-size:13px;order:9}

/* ---- 22.7 הפס העליון: שקוף מעל הקאבר, לבן כשגוללים; לוגו למובייל ---- */
.v-top{position:sticky;top:0}
.v-top.is-scrolled{background:rgba(255,255,255,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:var(--v-bw) solid rgba(226,234,243,.9)}
.v-top:not(.is-scrolled) .v-top__btn{background:rgba(255,255,255,.88);border-color:transparent;box-shadow:0 2px 10px rgba(13,43,77,.12)}
.v-top:not(.is-scrolled) .v-search:not(.is-sm){background:rgba(255,255,255,.92);border-color:rgba(255,255,255,.6);box-shadow:0 2px 10px rgba(13,43,77,.12)}
.v-top__logo{display:none;flex-direction:column;align-items:center;gap:2px;direction:ltr}
.v-top__logo b{font-size:19px;font-weight:600;color:var(--v-ink)}
.v-top__logo b i{font-style:normal;color:var(--v-blue)}
.v-top__logo small{font-size:7px;letter-spacing:1.8px;color:var(--v-muted)}
/* בורר התקופה על הקאבר, בשורה שמתחת לחיפוש (נמדד: הפס נגמר ב-64, הבורר מתחיל ב-78) */
.v-cover__ctl{position:absolute;z-index:5;top:calc(var(--v-top) + 14px);left:var(--v-gutter);right:auto}
/* קאבר של כלי — בלי תמונת יעד (כלל 7: «חוץ מהכלים כמו crm»). אותו גובה, אותה חפיפה. */
.v-cover.is-plain{background:linear-gradient(180deg,#C7DCF2 0%,#D9E8F8 52%,#E4EEF9 100%);color:var(--v-ink)}
.v-cover.is-plain::after{background:radial-gradient(70% 120% at 82% 0%,rgba(255,255,255,.55),transparent 62%)}
.v-cover__flag{display:flex;align-items:center;gap:8px;margin:11px 0 0;font-size:14px;font-weight:500;color:#3B4D6B}
.v-cover__flag svg{width:24px;height:16px;border-radius:2px;flex:none;box-shadow:0 0 0 1px rgba(13,43,77,.12)}
.v-cover__flag span{direction:ltr;unicode-bidi:isolate}
/* רצועה מגוונת שנגמרת בפעולה אחת («למה הרשימה הזו?») */
.v-callout{display:flex;align-items:center;gap:14px;margin-top:var(--v-band);padding:14px 18px;
  border-radius:var(--v-r-card);background:var(--v-blue-soft);border:var(--v-bw) solid #D9E8FC}
.v-callout__icon{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--v-blue)}
.v-callout__icon svg{width:18px;height:18px}
.v-callout__txt{flex:1;min-width:0;text-align:start}
.v-callout__txt b{display:block;font-size:15px;font-weight:700;color:#12305E;line-height:1.4}
.v-callout__txt span{display:block;font-size:13px;color:#31507F;margin-top:2px;line-height:1.45}
.v-callout .v-btn{flex:none}

/* ---- 22.8 הסרגל: תווית, מונה, ומצב מכווץ (72px) — מימוש אחד ----
   קנוני: .v-app.is-collapsed. כינוי: body.is-collapsed (מלונות, תכנון). */
.v-side__item .v-lbl,.v-side__item > span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}
.v-side__item .v-cnt,.v-side__badge{flex:none;min-width:20px;height:20px;padding:0 6px;border-radius:999px;
  background:var(--v-bad);color:#fff;font-size:11px;font-weight:700;line-height:20px;text-align:center}
.v-side__item i.ico{width:20px;font-size:18px;text-align:center;flex:none;opacity:.95}
.v-side__nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.v-side__item.is-sm{height:36px;font-size:13px}
.v-app.is-collapsed,body.is-collapsed .v-app{grid-template-columns:72px 1fr}
.v-app.is-collapsed .v-side__logo span,body.is-collapsed .v-side__logo span,
.v-app.is-collapsed .v-side__user div,body.is-collapsed .v-side__user div,
.v-app.is-collapsed .v-side__user .v-side__chev,body.is-collapsed .v-side__user .v-side__chev,
.v-app.is-collapsed .v-side__team,body.is-collapsed .v-side__team,
.v-app.is-collapsed .v-side__item .v-lbl,body.is-collapsed .v-side__item .v-lbl,
.v-app.is-collapsed .v-side__item > span,body.is-collapsed .v-side__item > span,
.v-app.is-collapsed .v-side__badge,body.is-collapsed .v-side__badge,
.v-app.is-collapsed .v-side__item .v-cnt,body.is-collapsed .v-side__item .v-cnt,
.v-app.is-collapsed .v-side__art b,body.is-collapsed .v-side__art b,
.v-app.is-collapsed .v-side__art small,body.is-collapsed .v-side__art small{display:none}
.v-app.is-collapsed .v-side__logo,body.is-collapsed .v-side__logo{padding:18px 4px 12px}
/* בסרגל מכווץ נשארות שתי אותיות, אחרת השם נחתך באמצע */
.v-app.is-collapsed .v-side__logo b,body.is-collapsed .v-side__logo b{font-size:0;letter-spacing:0}
.v-app.is-collapsed .v-side__logo b::before,body.is-collapsed .v-side__logo b::before{content:"V2I";font-size:15px;letter-spacing:1px}
.v-app.is-collapsed .v-side__user,body.is-collapsed .v-side__user{justify-content:center;margin:0 8px;padding:10px 0}
.v-app.is-collapsed .v-side__nav,body.is-collapsed .v-side__nav{padding:12px 8px}
.v-app.is-collapsed .v-side__item,body.is-collapsed .v-side__item{justify-content:center;padding:0;position:relative}
.v-app.is-collapsed .v-side__art,body.is-collapsed .v-side__art{height:96px}
/* התווית מופיעה בריחוף, כדי שסרגל מכווץ לא יהפוך לניחוש לפי אייקון */
.v-app.is-collapsed .v-side__item[data-label]::before,body.is-collapsed .v-side__item[data-label]::before{
  content:attr(data-label);position:absolute;inset-inline-end:calc(100% + 12px);top:50%;
  transform:translateY(-50%) translateX(4px);white-space:nowrap;font-size:13px;font-weight:500;color:#fff;
  background:var(--v-nav-top);padding:6px 10px;border-radius:8px;box-shadow:var(--v-sh-float);
  opacity:0;pointer-events:none;transition:opacity var(--v-fast) var(--v-ease),transform var(--v-fast) var(--v-ease);z-index:5}
.v-app.is-collapsed .v-side__item[data-label]:hover::before,body.is-collapsed .v-side__item[data-label]:hover::before,
.v-app.is-collapsed .v-side__item[data-label]:focus-visible::before,body.is-collapsed .v-side__item[data-label]:focus-visible::before{opacity:1;transform:translateY(-50%)}
/* תצוגה משובצת (כרטיס לקוח בתוך מסגרת): בלי סרגל */
body.is-embed .v-side,.v-body.is-embed .v-side,body.is-embed .v-phoneband{display:none}
body.is-embed .v-app,.v-body.is-embed .v-app{grid-template-columns:1fr}

/* ---- 22.9 רשימות חכמות: כותרת מתקפלת, שורה בלי נתון ---- */
.v-lists__head{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;
  padding:2px 2px 8px;border:0;background:none;cursor:pointer;font:700 15px var(--v-font);color:var(--v-ink);text-align:start}
.v-lists__head svg{width:14px;height:14px;color:var(--v-muted);transition:transform var(--v-fast) var(--v-ease)}
.v-lists__head[aria-expanded="false"] svg{transform:rotate(-90deg)}
.v-listitem{width:100%;border:0;background:none;font-family:var(--v-font)}
.v-listitem.is-na{cursor:default;opacity:.8}
.v-listitem.is-na:hover{background:transparent}
.v-listitem.is-na b{font-size:11px;font-weight:600;background:var(--v-surface-2);color:var(--v-muted);border-radius:999px;padding:2px 8px}

/* ---- 22.10 התפלגות בשורות אופקיות (כשהטבעת לא מתאימה) — מימוש אחד, שני שמות ----
   קנוני: .v-barlist. כינוי: ul.v-bars (מלונות). */
.v-barlist,ul.v-bars{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:2px;font-size:13px}
.v-barlist li,ul.v-bars li{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 62px;align-items:center;gap:10px;
  height:30px;padding:0 6px;margin:0 -6px;border-radius:8px;cursor:pointer}
.v-barlist li:hover,ul.v-bars li:hover{background:var(--v-surface-2)}
.v-barlist li.is-on,ul.v-bars li.is-on{background:var(--v-blue-soft);font-weight:600}
.v-barlist__n,.v-barlist .v-nm,.v-bars__nm{text-align:end;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--v-ink-2);font-weight:500}
.v-bars__nm{direction:ltr}
.v-barlist__b,.v-barlist .v-track,.v-bars__bar{height:8px;border-radius:4px;background:#EEF2F8;overflow:hidden}
.v-barlist__b i,.v-barlist .v-track i,.v-bars__bar i{display:block;height:100%;border-radius:4px;background:var(--v-blue)}
.v-barlist__v,.v-barlist .v-val,.v-bars__v{text-align:end;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.v-bars__v small{font-weight:400;color:var(--v-muted);font-size:11px}

/* ---- 22.11 עמודות אנכיות להשוואה בין אנשים (ביצועי נציגים) ----
   קנוני: .v-cols. כינוי: div.v-bars (מכירות). אותו שם כמו 22.10 אבל מבנה אחר,
   ולכן ההפרדה היא לפי תגית: ul = שורות אופקיות, div = עמודות אנכיות. */
.v-cols,div.v-bars{flex:1 1 auto;min-height:0;display:flex;align-items:flex-end;justify-content:space-around;gap:10px;padding:22px 4px 0}
.v-bars__item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;
  height:100%;flex:1 1 0;min-width:0;border:0;background:none;cursor:pointer;padding:0;font-family:var(--v-font)}
.v-bars__col{flex:1 1 auto;width:100%;max-width:58px;display:flex;align-items:flex-end;min-height:0}
.v-bars__col i{position:relative;display:block;width:100%;border-radius:6px 6px 0 0;background:var(--v-blue)}
.v-bars__item:nth-of-type(2) .v-bars__col i{background:#5AA2F2}
.v-bars__item:nth-of-type(3) .v-bars__col i{background:#8FC0F7}
.v-bars__item:nth-of-type(4) .v-bars__col i{background:#BCD8F9}
.v-bars__item:hover .v-bars__col i{filter:brightness(.94)}
.v-bars__n{position:absolute;bottom:100%;inset-inline:0;text-align:center;font-size:15px;font-weight:700;color:var(--v-ink);line-height:20px;font-variant-numeric:tabular-nums}
.v-bars__l{font-size:12px;font-weight:600;color:#3B4D6B;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-cardfoot{margin-top:8px;padding-top:9px;border-top:1px dashed var(--v-border);display:flex;align-items:center;justify-content:space-between;gap:8px}
.v-cardfoot b{font-size:12.5px;font-weight:600;color:#3B4D6B;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---- 22.12 משפך — מימוש אחד עם שתי צורות ----
   ul.v-funnel  = שורות: תווית ומספר · פס מעוגל · אחוז (אטרקציות; נמדד ב-attractions_desktop.png).
   div.v-funnel = טרפזים שמצטמצמים (מכירות; הייחוס של המכירות).
   שני הדפים משתמשים באותו שם עם ילדים שונים, ולכן ההפרדה לפי תגית. */
.v-funnel{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}
div.v-funnel,.v-funnel.is-shape{gap:12px}
.v-funnel li{display:flex;align-items:center;gap:12px;padding:11px 2px;border-top:var(--v-bw) solid var(--v-line)}
.v-funnel li:first-child{border-top:0}
.v-funnel li.is-click{cursor:pointer;border-radius:10px;padding-inline:8px;margin-inline:-8px}
.v-funnel li.is-click:hover{background:var(--v-blue-soft)}
.v-funnel__txt{flex:none;min-width:108px;max-width:150px;text-align:start}
.v-funnel__txt span{display:block;font-size:12px;color:var(--v-muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-funnel__txt b{display:block;font-size:21px;font-weight:700;color:var(--v-ink);line-height:1.15;font-variant-numeric:tabular-nums;direction:ltr;text-align:start}
.v-funnel__bar{flex:1;min-width:0;height:13px;border-radius:999px;background:#E9EEF6;overflow:hidden}
.v-funnel__bar i{display:block;height:100%;border-radius:999px;background:var(--v-blue)}
.v-funnel__pct{flex:none;width:42px;text-align:end;font-size:13px;font-weight:600;color:#5B6880;font-variant-numeric:tabular-nums;direction:ltr}
.v-funnel__row{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;align-items:center;cursor:pointer;border:0;background:none;padding:0;font-family:var(--v-font);text-align:start;width:100%}
.v-funnel__row:hover .v-funnel__step{filter:brightness(.94)}
.v-funnel__lbl b{display:block;font-size:13px;font-weight:700;color:var(--v-ink);line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-funnel__lbl span{display:block;font-size:12px;color:var(--v-muted);font-weight:500;line-height:16px}
.v-funnel__shape{display:flex;justify-content:center;height:36px}
.v-funnel__step{width:var(--w,100%);height:36px;display:grid;place-items:center;color:#fff;font-size:16px;font-weight:700;
  background:var(--c,var(--v-blue));clip-path:polygon(0 0,100% 0,89% 100%,11% 100%);transition:filter var(--v-fast) var(--v-ease)}
.v-funnel__step.s0{--c:#0B4FC0} .v-funnel__step.s1{--c:#5A9BF2} .v-funnel__step.s2{--c:#B4D5FD;color:var(--v-ink)}
.v-funnel__note{margin-top:10px;padding-top:9px;border-top:1px dashed var(--v-border);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--v-muted)}
.v-funnel__note b{color:var(--v-ink-2);font-weight:600}

/* ---- 22.13 כרטיס ממוצעים / שבבי-נתון — מימוש אחד עם שתי צורות ----
   .v-stats עם .v-stat__v = שלושה תאים עם מפריד (תכנון, «נתוני לקוחות» בייחוס).
   .v-stats בלי .v-stat__v = אריחים (מכירות, «קול הלקוח»). */
.v-stats{display:grid;grid-template-columns:repeat(3,1fr);align-items:start}
.v-stats:not(:has(.v-stat__v)){grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:10px}
.v-stat{text-align:center;padding:2px 8px;position:relative;min-width:0}
.v-stat+.v-stat::after{content:"";position:absolute;inset-inline-end:-1px;top:4px;bottom:4px;width:1px;background:var(--v-line)}
.v-stat__l{display:block;font-size:12px;font-weight:600;color:#59667E}
.v-stat__i{display:grid;place-items:center;width:30px;height:30px;margin:7px auto 4px;color:var(--v-sky)}
.v-stat__i svg{width:20px;height:20px}
.v-stat__v{display:block;font-size:24px;font-weight:700;color:var(--v-ink);line-height:1}
.v-stat__u{display:block;font-size:11.5px;color:var(--v-muted);margin-top:3px}
.v-stat__of{display:block;font-size:11px;color:#8A97AD;margin-top:2px;font-variant-numeric:tabular-nums}
.v-stats:not(:has(.v-stat__v)) .v-stat{background:#F2F7FE;border:var(--v-bw) solid #E3EDFA;border-radius:12px;padding:10px 6px}
.v-stats:not(:has(.v-stat__v)) .v-stat::after{display:none}
.v-stat > b{display:block;font-size:20px;font-weight:700;color:var(--v-ink);line-height:24px}
.v-stat > span{display:block;font-size:11px;color:#3B4D6B;line-height:14px;margin-top:2px;overflow:hidden;text-overflow:ellipsis}
.v-den{margin:10px 0 0;font-size:11px;color:var(--v-muted);line-height:1.5}
/* תובנות בטורים עם קו-מפריד (הגרסה הצרה של .v-insights) */
.v-inscols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.v-inscols>div{padding:0 12px;text-align:center;border-inline-start:var(--v-bw) solid var(--v-line)}
.v-inscols>div:first-child{border-inline-start:0}
.v-inscols .v-ins__icon{margin:0 auto 7px;order:0}
.v-inscols b{display:block;font-size:13px;font-weight:700;color:var(--v-ink);line-height:17px}
.v-inscols em{display:block;font-style:normal;font-size:12px;font-weight:600;color:#3B4D6B;line-height:16px}
.v-inscols span{display:block;font-size:11.5px;color:var(--v-muted);line-height:15px;margin-top:2px}
/* כותרת + תת-כותרת של כרטיס, כבלוק אחד ליד הבורר */
.v-card__titles{min-width:0}
.v-card__titles h3{font-size:17px;font-weight:700;margin:0;color:var(--v-ink)}
.v-card__titles p{margin:3px 0 0;font-size:12.5px;color:var(--v-muted);line-height:1.4}

/* ---- 22.14 תפריט פעולות של שורה — מימוש אחד (היו חמישה) ---- */
.v-menu{position:fixed;z-index:var(--v-z-menu);min-width:212px;padding:6px;background:var(--v-surface);
  border:var(--v-bw) solid var(--v-border);border-radius:14px;box-shadow:var(--v-sh-float);font-size:13px}
.v-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:0 10px;border:0;background:none;
  border-radius:9px;cursor:pointer;text-align:start;white-space:nowrap;font:600 13px var(--v-font);color:var(--v-ink-2)}
.v-menu button:hover:not([disabled]){background:var(--v-blue-soft);color:var(--v-blue)}
.v-menu button[disabled]{opacity:.55;cursor:not-allowed}
.v-menu button svg{width:16px;height:16px;flex:none;color:#8A97AD}
.v-menu button i{width:16px;text-align:center;color:var(--v-muted);font-size:13px}
.v-menu button span{flex:1;min-width:0}
.v-menu button small{margin-inline-start:auto;font-size:10.5px;font-weight:400;color:#A5AFC0}
.v-rowchev{width:12px;height:12px;color:#B3BFD2;margin-inline-end:6px;vertical-align:-1px}

/* ---- 22.14ב תא תאריכים בטבלה (כלל 9.9.3) ----
   נתיב: «בטבלה לעמודה של התאריכים, שהטקסטים שם לא יושבים טוב ומיושרים».
   תאריך ראשי בשורה אחת · שורת-משנה מתחתיו · שניהם מיושרים לאותו קצה כמו
   הכותרת (יורש text-align מה-td, ולכן a-num/a-mid עובדים גם כאן).
   טווח «12.07 ⟵ 18.07» אף פעם לא נשבר לשתי שורות. */
/* שתי השורות יורשות את היישור של התא, ולכן הן תמיד על אותו קצה כמו הכותרת */
.v-date{display:block;min-width:0;text-align:inherit}
.v-table th.is-date,.v-table td.is-date{min-width:140px}
/* 🔴 בורר-ילדים ישיר בלבד: `.v-date span` תפס גם את ה-<span> שבתוך .v-range,
   הפך אותו ל-block, והטווח נשבר לשתי שורות («12.07» מעל «18.07»). */
.v-date > b{display:block;font-weight:500;color:var(--v-ink);line-height:1.3;
  font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-date > span{display:block;font-size:11.5px;color:var(--v-muted);line-height:1.3;margin-top:2px;
  font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-date > span.is-soon{color:var(--v-warn);font-weight:600}
.v-date > span.is-now{color:var(--v-bad);font-weight:600}
/* טווח בין שני תאריכים: כיוון קבוע, בלי שבירה, והחץ לא נדבק לספרה */
.v-range{display:inline-flex;flex-wrap:nowrap;align-items:baseline;gap:5px;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.v-range > span{flex:none}
.v-range i{font-style:normal;color:#9AA6BC;font-size:11px;flex:none}
.v-table th.is-date,.v-table td.is-date{white-space:nowrap}

/* ---- 22.15 טבלה רחבה: גלילה, עמודות קבועות, צפיפות, עמודת-פעולות דבוקה, תא דו-שורתי ---- */
.v-tablescroll{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#C7D3E4 transparent}
.v-tablescroll::-webkit-scrollbar{height:8px}
.v-tablescroll::-webkit-scrollbar-thumb{background:#C7D3E4;border-radius:4px}
.v-tablescroll::-webkit-scrollbar-track{background:transparent}
.v-tablescroll>table{min-width:100%}
.v-tablescroll .v-table .v-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 🔴 .v-table לבדה היא table-layout:auto, ולכן רוחבי ה-<col> הם בקשה ולא הוראה. בטבלה עם 10
   עמודות התוכן הרחיב אותה מעבר לטור, הכרטיס חתך את הגלישה, וכפתורי-הפעולה יצאו מהמסך.
   is-fixed הופך את ה-<col> למחייב, והתאים חותכים בשלוש נקודות במקום להרחיב. */
.v-table.is-fixed{table-layout:fixed}
.v-table.is-fixed th,.v-table.is-fixed td{overflow:hidden}
.v-table.is-fixed td{white-space:nowrap;text-overflow:ellipsis}
.v-table.is-fixed td.a-mid{overflow:visible;text-overflow:clip}
.v-table.is-fixed td>span:not(.v-cellact):not(.v-pill){display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v-table.is-fixed td>.v-pill{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block;line-height:24px}
/* שתי דרגות צפיפות: compact (12) לשמונה עמודות, dense (9) לעשר ומעלה. tight = שורה 40. */
.v-table.is-compact th,.v-table.is-compact td{padding:0 12px}
.v-table.is-dense th,.v-table.is-dense td{padding:0 9px;font-size:12.5px}
.v-table.is-dense .v-actpill{min-width:0;padding:0 9px;height:28px}
.v-table.is-dense .v-kebab{width:24px}
.v-table.is-dense .v-cellact{gap:2px}
.v-table.is-dense .v-pill{padding:0 8px;font-size:11.5px}
.v-table.is-tight td{height:40px}
/* border-collapse:collapse מבטל position:sticky בכרום, ולכן עמודת-פעולות דבוקה עוברת ל-separate */
.v-table.is-stickyact{border-collapse:separate;border-spacing:0}
.v-table.is-stickyact th.a-mid,.v-table.is-stickyact td.a-mid{position:sticky;inset-inline-end:0;z-index:2}
.v-table.is-stickyact th.a-mid{background:var(--v-surface-2)}
.v-table.is-stickyact td.a-mid{background:var(--v-surface)}
.v-table.is-stickyact tbody tr:hover td.a-mid{background:#FAFCFF}
.v-tablescroll.is-scrollable .v-table td.a-mid::after,
.v-tablescroll.is-scrollable .v-table th.a-mid::after{content:"";position:absolute;top:0;bottom:0;inset-inline-start:0;width:1px;background:var(--v-border)}
/* כותרת ותא באותו יישור, וחץ-המיון לא מזיז את הכותרת (כלל 8.4) */
.v-th{display:flex;align-items:center;justify-content:flex-start;gap:4px;width:100%}
.v-table th.a-mid .v-th{justify-content:center}
.v-table th i{font-size:10px;color:var(--v-muted);flex:none}
.v-table td.is-two b{display:block;font-weight:500;color:var(--v-ink)}
.v-table td.is-two span{display:block;font-size:12px;color:var(--v-muted)}
.v-table td.is-cust b{display:flex;align-items:center;gap:6px;font-weight:600;min-width:0}
.v-table td.is-cust b > a,.v-table td.is-cust b > span:not(.v-pill){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v-table td.is-cust b .v-pill{flex:none;height:20px;padding:0 8px;font-size:11px}
.v-table td.is-cust span{display:block;font-size:12px;color:var(--v-muted);overflow:hidden;text-overflow:ellipsis}
.v-table td.is-cust a{color:var(--v-ink);border-bottom:1px dotted #9DB8DE;cursor:pointer}
.v-table td.is-cust a:hover{color:var(--v-blue);border-bottom-style:solid}
.v-table td.v-amt{font-weight:700;font-size:14px;color:var(--v-ink)}
.v-table .v-hotelcell{display:flex;align-items:center;gap:10px;justify-content:flex-start}
.v-table .v-hotelcell .nm{direction:ltr;text-align:start;min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.v-kebab{width:34px;height:34px}
.v-tablecard__tools{flex-wrap:wrap}
/* שורת תחתית של כרטיס-טבלה («מציג N מתוך M») — מימוש אחד, שלושה שמות (.v-tablecard__foot קנוני) */
.v-tablecard__foot,.v-tblfoot,.v-tablefoot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:11px 18px;border-top:var(--v-bw) solid var(--v-line);font-size:11.5px;color:var(--v-muted);font-variant-numeric:tabular-nums}
.v-tablefoot span:last-child{margin-inline-start:auto}
/* כותרת-מקטע בתוך כרטיס-טבלה, ושורת-סיכום דקה מעל הטבלה */
.v-tablecard__title{display:flex;align-items:center;gap:10px;padding:14px 18px 12px;border-bottom:var(--v-bw) solid var(--v-line)}
.v-tablecard__title h3{margin:0;font-size:17px;font-weight:700;flex:1;min-width:0;display:flex;align-items:center;gap:8px}
.v-tablecard__title h3 svg{width:18px;height:18px;color:var(--v-blue);flex:none}
.v-repsum{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 18px 0;padding:8px 11px;
  background:var(--v-surface-2);border-radius:10px;font-size:12px;color:var(--v-ink-2)}
.v-repsum b{font-weight:700;color:var(--v-muted)}
.v-repsum span{font-variant-numeric:tabular-nums}
/* הפופאפ של הגרף כשהוא מרחף מעל הדף: fixed ולא absolute */
.v-tip.is-float{position:fixed;opacity:0;transition:opacity var(--v-fast) var(--v-ease)}

/* ---- 22.16 מגירה: רחבה · זוג תווית-ערך · רשימת פריטים · קבוצה · הערה · פעולות ----
   רשימת הפריטים (.v-dlist) הייתה בארבע גרסאות עם ילדים בשמות שונים. מימוש אחד;
   קנוני: .v-dlist__txt / .v-dlist__v. כינויים: .t/.v (מלונות) · .v-txt/.v-val (מכירות) · __t (CRM). */
.v-drawer.is-wide{width:min(760px,96vw)}
.v-drawer__sub{font-size:13px;color:var(--v-muted);margin:-6px 0 14px}
.v-dl{display:grid;grid-template-columns:1fr auto;gap:0 12px;margin:0;font-size:13px}
.v-dl dt{padding:9px 0;border-top:var(--v-bw) solid var(--v-line);font-size:12.5px;color:var(--v-muted)}
.v-dl dd{padding:9px 0;border-top:var(--v-bw) solid var(--v-line);margin:0;font-weight:600;text-align:end;color:var(--v-ink)}
.v-dlist{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;font-size:13px}
.v-dlist li{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 2px;border-top:var(--v-bw) solid var(--v-line)}
.v-dlist li:first-child{border-top:0}
.v-dlist__txt,.v-dlist .t,.v-dlist .v-txt,.v-dlist__t,.v-rows__t{flex:1;min-width:0;text-align:start}
.v-dlist__txt b,.v-dlist .t b,.v-dlist .v-txt b,.v-dlist__t b,.v-rows__t b{display:block;font-weight:700;color:var(--v-ink);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-dlist__txt b a,.v-dlist .t b a,.v-dlist .v-txt b a{color:inherit;text-decoration:none;border-bottom:1px dotted #9DB8DE;cursor:pointer}
.v-dlist__txt b a:hover,.v-dlist .t b a:hover,.v-dlist .v-txt b a:hover{color:var(--v-blue);border-bottom-color:var(--v-blue)}
.v-dlist__txt span,.v-dlist .t span,.v-dlist .v-txt span,.v-dlist__t small,.v-rows__t span{display:block;font-size:11.5px;color:var(--v-muted);margin-top:2px;line-height:1.45}
.v-dlist__v,.v-dlist .v,.v-dlist .v-val,.v-rows__v{flex:none;font-weight:700;color:var(--v-ink);font-variant-numeric:tabular-nums;direction:ltr;white-space:nowrap}
.v-rows{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column}
.v-rows li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--v-line);font-size:13px}
.v-rows li:last-child{border-bottom:0}
.v-rows__v{font-weight:400;font-size:11.5px;color:var(--v-muted)}
/* קבוצת-פריטים בתוך מגירה — מימוש אחד, שני שמות (.v-group קנוני, .v-tg כינוי) */
.v-group,.v-tg{margin-top:14px;border:var(--v-bw) solid var(--v-border);border-radius:12px;overflow:hidden}
.v-group__head,.v-tg__head{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--v-surface-2)}
.v-group__head b,.v-tg__head b{flex:1;min-width:0;font-size:14px;font-weight:700}
.v-group__head .v-group__n{font-weight:700;font-variant-numeric:tabular-nums}
.v-tg__head .m{font-size:12px;color:var(--v-muted);white-space:nowrap}
.v-tg__head .n{font-size:18px;font-weight:700}
.v-tg__head .n.is-now{color:var(--v-bad)} .v-tg__head .n.is-soon{color:var(--v-warn)}
.v-tg__head .n.is-chance{color:var(--v-good)} .v-tg__head .n.is-none{color:var(--v-muted);font-size:14px}
.v-group .v-dlist,.v-tg .v-dlist{margin:0;padding:0 12px}
.v-group__more,.v-tg__more{padding:8px 12px;font-size:12px;color:var(--v-muted);border-top:var(--v-bw) solid var(--v-border)}
/* הערה במגירה: הבסיס אפור (מקטע 9.5), וכאן שני גוונים לפי משמעות */
.v-note.is-info{background:var(--v-info-soft);color:#2B4A74}
.v-note.is-warn{background:var(--v-warn-soft);color:#7A5210}
.v-actions,.v-acts{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.v-actions .v-actpill,.v-acts .v-actpill{height:36px}
/* מסגרת (iframe) של כרטיס-הלקוח שנפתחת כמגירה — מימוש אחד, שני שמות (.v-frame קנוני) */
.v-frame,.v-cciframe{position:fixed;inset-block:0;left:0;right:auto;width:min(940px,100vw);height:100%;border:0;
  z-index:var(--v-z-sheet);background:var(--v-surface);box-shadow:var(--v-sh-float);display:flex;flex-direction:column}
.v-frame iframe,.v-cciframe iframe{flex:1;width:100%;height:100%;border:0;display:block;background:var(--v-bg)}
.v-frame .v-x,.v-cciframe .v-x{position:absolute;top:12px;inset-inline-end:12px;z-index:2;width:36px;height:36px;border-radius:50%;
  background:var(--v-surface);border:var(--v-bw) solid var(--v-border);box-shadow:0 2px 10px rgba(13,43,77,.22)}

/* ---- 22.16ב בורר תצוגות של כרטיס-גרף (כלל 9.9.2) ----
   נתיב: «האם זה יכנס איפה שהיעדים, פשוט יהיה אפשרות לבחור תצוגות?»
   «מול היעד» נשאר ברירת המחדל, וכל גרף שיש בעיצוב של הדף נרשם כתצוגה נוספת.
   מקום לשלוש עד חמש תצוגות; מעבר לזה הן נגללות ולא נשברות לשתי שורות. */
.v-views{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-bottom:12px}
.v-views::-webkit-scrollbar{display:none}
.v-views>*{flex:none}
.v-view{position:relative;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px;border:0;cursor:pointer;
  border-radius:9px;background:#F3F7FA;font:600 12.5px var(--v-font);color:#5B6880;white-space:nowrap}
.v-view:hover{background:#EDF3F9;color:var(--v-ink)}
.v-view.is-on{background:#E7F0FF;color:var(--v-blue);font-weight:700}
.v-view.is-on::after{content:"";position:absolute;inset-inline:12px;bottom:4px;height:2px;border-radius:2px;background:var(--v-blue)}
.v-view svg{width:14px;height:14px}
.v-view[disabled]{opacity:.45;cursor:not-allowed}

/* ---- 22.17 מובייל: כותרת הדף, הבאנר, ברכה ---- */
.v-mhead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px;padding:14px var(--v-gutter) 0}
.v-mhead h1{margin:0;order:1;font-size:28px;line-height:1.14;font-weight:700;color:var(--v-ink)}
.v-mhead .v-datepill{order:2;height:40px}
.v-mhead p{order:3;flex:1 1 100%;margin:0;font-size:13px;color:#3B4D6B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-mhero{position:relative;height:150px;margin:12px var(--v-gutter) 0;border-radius:var(--v-r-card);overflow:hidden;background:#0D2B4D;color:#fff}
.v-mhero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%}
.v-mhero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,33,58,.6),rgba(8,33,58,.08) 48%,rgba(8,33,58,.42))}
.v-mhero .tl{position:absolute;left:16px;top:14px;z-index:1;direction:ltr;text-align:left;color:#fff}
.v-mhero .tl b{display:block;font-size:26px;line-height:1;font-weight:700;letter-spacing:1px}
.v-mhero .tl span{display:block;font-size:9px;letter-spacing:1.4px;font-weight:600;opacity:.9;margin-top:4px;line-height:1.3}
.v-mhero .br{position:absolute;right:14px;bottom:12px;z-index:1;direction:ltr;text-align:right;color:#fff}
.v-mhero .br b{display:block;font-size:16px;font-weight:700}
.v-mhero .br span{font-size:10px;opacity:.9}
.v-greet{margin-top:14px;padding:16px 14px;border-radius:var(--v-r-card);background:linear-gradient(180deg,#D7E6F6,#EAF2FB);border:var(--v-bw) solid #DCE7F3}
.v-greet b{display:block;font-size:18px;font-weight:700;color:var(--v-ink)}
.v-greet span{display:block;font-size:12.5px;color:#3B4D6B;margin-top:3px}
.v-mbig.t-red{background:var(--v-bad-soft);color:var(--v-bad)}
.v-mbig.t-amber{background:var(--v-warn-soft);color:var(--v-warn)}
.v-mbig.t-green{background:var(--v-good-soft);color:var(--v-good)}
.v-mbig.t-purple{background:var(--v-purple-soft);color:var(--v-purple)}
.v-msort{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;color:var(--v-muted)}
.v-fab{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(36px + env(safe-area-inset-bottom));
  width:52px;height:52px;border-radius:50%;border:4px solid #fff;background:var(--v-blue);color:#fff;
  display:none;place-items:center;cursor:pointer;box-shadow:0 8px 20px rgba(10,88,222,.35);z-index:var(--v-z-float-up)}
.v-fab svg{width:22px;height:22px}

/* ---- 22.18 כרטיס-רשימה למובייל — הקנוני הוא .v-mcard של התכנון ----
   הטבלה בטלפון הופכת לכרטיסים (hotels_mobile.png), לא נגללת לצדדים. שטח לחיצה 44.
   סוגר את הפריט שהיה פתוח ב-DESIGN_SYSTEM §7 סעיף 6. */
.v-mlist{display:flex;flex-direction:column;gap:10px}
.v-mcard{background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-card);
  box-shadow:0 3px 12px rgba(25,58,96,.05);padding:11px 12px}
.v-mcard__row{display:flex;align-items:center;gap:10px}
.v-mcard__t{flex:1;min-width:0}
.v-mcard__t b{display:block;font-size:14px;font-weight:700;color:var(--v-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v-mcard__t b a{color:inherit;text-decoration:none}
.v-mcard__t span{display:block;font-size:11.5px;color:var(--v-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v-mcard__a{flex:none;text-align:end;min-width:64px}
.v-mcard__a b{display:block;font-size:14px;font-weight:700;color:var(--v-ink);font-variant-numeric:tabular-nums}
.v-mcard__a span{display:block;font-size:10.5px;color:var(--v-muted)}
.v-mcard__pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.v-mcard__more,.v-mrow__more,.v-mcard .more{width:44px;height:44px;flex:none;display:grid;place-items:center;border:0;background:none;
  cursor:pointer;color:#8A97AD;border-radius:10px}
.v-mcard__more:hover,.v-mrow__more:hover{background:var(--v-surface-2);color:var(--v-ink)}
.v-mcard__open,.v-mrow__open{margin-top:10px;padding-top:10px;border-top:1px solid var(--v-line)}
.v-mcard__open .v-facts div{padding:6px 0}
.v-mrow__open .v-facts div:first-child{border-top:0}
.v-mcard__acts,.v-mrow__acts{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.v-mrow__acts .v-actpill{min-height:38px}
/* שורת-פעולה / שורת-רשימה במובייל (אותה אנטומיה כמו הכרטיס, בלי מסגרת, עם קו מפריד).
   קנוני: .v-mrow עם ילדי __top/__main/__v (אטרקציות). כינויים: .t/.a (מלונות) · .v-txt/.v-verb/.v-big/.v-sq (מכירות) · .v-listrow (CRM). */
.v-mrow,.v-listrow{display:flex;align-items:center;gap:10px;width:100%;min-height:58px;padding:9px 0;
  border:0;background:none;cursor:pointer;border-top:var(--v-bw) solid var(--v-line);font-family:var(--v-font);text-align:start;color:inherit}
.v-mrow:first-of-type,.v-listrow:first-of-type{border-top:0}
.v-mcard .v-mrow{border-top:0}
.v-mrow:active,.v-listrow:active{background:var(--v-surface-2)}
div.v-mrow:has(.v-mrow__top){flex-direction:column;align-items:stretch;background:var(--v-surface);border:var(--v-bw) solid var(--v-border);
  border-radius:var(--v-r-card);padding:12px 14px;box-shadow:0 2px 10px rgba(25,58,96,.05);cursor:default;border-top-width:1px}
.v-mrow__top{display:flex;align-items:flex-start;gap:10px}
.v-mrow__main,.v-mrow .t,.v-mrow .v-txt,.v-listrow__t{flex:1;min-width:0;text-align:start}
.v-mrow__main b,.v-mrow .t b,.v-mrow .v-txt b,.v-listrow__t b{display:block;font-size:14px;font-weight:700;color:var(--v-ink);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-mrow .t b a{border-bottom:1px dotted #9DB8DE;cursor:pointer}
.v-mrow__main span,.v-mrow .t span,.v-mrow .v-txt span,.v-listrow__t small{display:block;font-size:11.5px;color:var(--v-muted);margin-top:2px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-mrow__v,.v-mrow .a,.v-mcard .v-amt{flex:none;text-align:end;font-size:14px;font-weight:700;color:var(--v-ink);font-variant-numeric:tabular-nums;direction:ltr}
.v-mrow .a b,.v-mcard .v-amt b{display:block;font-size:15px;font-weight:700;white-space:nowrap}
.v-mrow .a span,.v-mcard .v-amt span{display:block;font-size:11px;color:var(--v-muted);font-weight:400;white-space:nowrap}
.v-mrow .v-thumb{width:48px;height:48px;border-radius:12px;font-size:17px}
.v-mrow .v-pill{flex:none;padding:0 8px}
.v-mrow>.v-chev{flex:none;color:#93A0B6;order:-1}
.v-mrow>.v-chev svg{width:15px;height:15px}
.v-mrow .v-verb{flex:none;height:30px;padding:0 12px;border-radius:9px;background:var(--v-blue-soft);color:var(--v-blue);font-size:12.5px;font-weight:700;display:inline-flex;align-items:center}
.v-mrow .v-big{flex:none;min-width:34px;text-align:center;font-size:22px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--v-ink)}
.v-mrow .v-big.is-now{color:var(--v-bad)} .v-mrow .v-big.is-soon{color:var(--v-warn)} .v-mrow .v-big.is-chance{color:var(--v-good)}
.v-mrow .v-sq{flex:none;order:9;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--v-sky-soft);color:var(--v-sky)}
.v-mrow .v-sq svg{width:18px;height:18px}
.v-mrow .v-sq.is-now{background:var(--v-bad-soft);color:var(--v-bad)}
.v-mrow .v-sq.is-soon{background:var(--v-warn-soft);color:var(--v-warn)}
.v-mrow .v-sq.is-chance{background:var(--v-good-soft);color:var(--v-good)}
.v-listrow{min-height:74px;padding:11px 0;border-top:0;border-bottom:var(--v-bw) solid var(--v-line)}
.v-listrow:last-of-type{border-bottom:0}
.v-listrow__a{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.v-listrow .v-act__chev{flex:none;margin:0}
.v-mmore{padding:0 0 10px;font-size:12px}
.v-mmore .v-dl,.v-mmore dl{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin:0;padding:10px 12px;background:var(--v-surface-2);border-radius:10px}
.v-mmore dt{color:var(--v-muted)} .v-mmore dd{margin:0;font-weight:600;text-align:end}
.v-mmore .v-actions,.v-mmore .v-acts{margin-top:8px}
.v-mmore .v-actpill{height:40px}

/* ---- 22.19 גיליון תחתון («עוד» בניווט) — מימוש אחד, שלושה מנגנוני-פתיחה ----
   קנוני: .v-sheet.is-open. כינויים: body.sheet-open.sheet-in (מלונות, תכנון) · .v-body.is-sheet-in (CRM).
   סגור = גם display:none, אחרת הוא נכנס לצילום-עמוד-מלא של המחשב ולסדר-הטאב. */
.v-sheet__scrim{display:none;position:fixed;inset:0;z-index:var(--v-z-sheet-scrim);background:rgba(10,26,46,.34);opacity:0;pointer-events:none;transition:opacity var(--v-norm) var(--v-ease)}
/* 🔴 הבאג שנמצא באודיט התכנון: `.v-sheet{display:block}` נדלק בטלפון **בלי תנאי**,
   ולכן תפריט-ניווט שלם ישב באמצע כל דף ב-390. עכשיו display נשאר none, ונדלק
   **רק** כשהגיליון פתוח — בכל אחד משלושת מנגנוני-הפתיחה. */
.v-sheet{display:none;visibility:hidden;position:fixed;inset-inline:0;bottom:0;z-index:var(--v-z-sheet);max-height:76vh;overflow-y:auto;
  background:var(--v-surface);border-radius:var(--v-r-panel) var(--v-r-panel) 0 0;box-shadow:0 -16px 40px rgba(13,43,77,.14);
  padding:8px 16px calc(16px + env(safe-area-inset-bottom,0px));transform:translateY(102%);transition:transform var(--v-norm) var(--v-ease)}
.v-sheet.is-open,body.sheet-open .v-sheet,.v-body.is-sheet .v-sheet,body.is-sheet .v-sheet{visibility:visible}
.v-sheet.is-open,body.sheet-in .v-sheet,.v-body.is-sheet-in .v-sheet,body.is-sheet-in .v-sheet{transform:none}
body.sheet-open .v-sheet__scrim,.v-body.is-sheet .v-sheet__scrim,.v-sheet.is-open ~ .v-sheet__scrim,.v-sheet__scrim.is-open{display:block}
body.sheet-in .v-sheet__scrim,.v-body.is-sheet-in .v-sheet__scrim,.v-sheet__scrim.is-open{opacity:1;pointer-events:auto}
.v-sheet__grip{width:42px;height:4px;border-radius:3px;background:#D5DEEB;margin:4px auto 10px}
.v-sheet ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.v-sheet a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:68px;padding:6px 4px;
  border-radius:12px;font-size:12px;font-weight:500;color:var(--v-ink-2);text-decoration:none;text-align:center}
.v-sheet a:hover,.v-sheet a:active{background:var(--v-surface-2)}
.v-sheet a .ico,.v-sheet a i{width:40px;height:40px;border-radius:50%;background:var(--v-blue-soft);color:var(--v-blue);display:grid;place-items:center;font-size:17px;font-style:normal}
.v-sheet a svg{width:18px;height:18px;color:var(--v-blue)}

/* ---- 22.20 מסגרת-טלפון ותצוגת-מובייל בחלון רחב: כלי בדיקה של הפרוטוטייפים ---- */
.v-phoneband{margin-top:34px;padding:24px 0 10px;border-top:1px dashed #C9D6EA;display:flex;flex-direction:column;align-items:center;gap:14px}
.v-phoneband h2{margin:0;font-size:13px;font-weight:700;color:#4A5A75;text-align:center}
.v-phone{width:434px;height:888px;margin:0 auto;background:#fff;border-radius:44px;padding:12px;border:10px solid #1B1F26;box-shadow:0 30px 80px rgba(0,0,0,.28)}
.v-phone iframe{width:390px;height:844px;border:0;border-radius:32px;background:var(--v-bg);display:block}
.v-mobileview{display:none}
body.is-mobileview .v-side,body.is-mobileview .v-top,body.is-mobileview .v-bottomnav,
body.is-mobileview .v-desktop,body.is-mobileview .v-mobile{display:none!important}
body.is-mobileview{background:#E9EEF6}
body.is-mobileview .v-app{grid-template-columns:1fr}
body.is-mobileview .v-mobileview{display:flex;justify-content:center;min-height:100vh}
body.is-mobileview .v-mobileview iframe{width:390px;height:100vh;border:0;background:var(--v-bg);display:block}

/* ---- 22.21 מובייל: כל הכללים שנוגעים לרכיבי המקטע הזה, במדיה-קוורי אחד ---- */
@media (max-width:900px){
  .v-cover__ctl{display:none}
  .v-app.is-collapsed,body.is-collapsed .v-app{grid-template-columns:1fr}
  /* הפס העליון בטלפון: פעמון · לוגו · משתמש, כמו ב-hotels_mobile.png */
  .v-top:has(.v-top__logo){display:grid;grid-template-columns:44px 1fr 44px;align-items:center;justify-items:center;
    height:56px;min-height:0;padding:0 16px;gap:8px;background:var(--v-bg);border-bottom:0;direction:ltr}
  .v-top:has(.v-top__logo) .v-search,.v-top:has(.v-top__logo) .v-datepill,.v-top:has(.v-top__logo) .v-top__spacer{display:none}
  .v-top__logo{display:flex;justify-self:center}
  .v-top:has(.v-top__logo) .v-top__btn{justify-self:start;background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--v-ink);width:44px;height:44px}
  .v-top:has(.v-top__logo) .v-top__me{justify-self:end}
  .v-top:has(.v-top__logo) .v-top__me b,.v-top:has(.v-top__logo) .v-top__me small{display:none}
  /* כרטיסי KPI 2 על 2 (≈171 כל אחד): אותו כיווץ כמו בשורה של שישה; כרטיס חמישי נפרש על שני הטורים */
  .v-kpi{padding:14px 12px 12px;gap:8px}
  .v-kpi__icon{width:36px;height:36px}
  .v-kpi__icon svg{width:18px;height:18px}
  /* 🔴 סכום כסף מלא לא נכנס בכרטיס-חצי-מסך: «₪692,009» ב-30px רוצה 139 פיקסל
     ויש לו 101 (נמדד 390 פיקסל, דף התכנון). חיתוך או שלוש-נקודות אסורים כאן —
     זה בדיוק המספר של הכרטיס. לכן המספר מתכווץ עם רוחב המסך ונשאר שלם בשורה אחת.
     נמדד אחרי התיקון: 375→87 · 390→90 · 430→99, בכל שלושתם קטן מהמקום שיש. */
  .v-kpi__value{font-size:clamp(17px,5vw,24px);white-space:nowrap}
  .v-kpi__bar{flex-basis:34px}
  /* בכרטיס צר הפס יורד לשורה משלו ברוחב מלא, והטקסט נשאר בשורה אחת — במקום להיחתך */
  .v-kpi__goal{gap:5px;flex-wrap:wrap;row-gap:4px}
  .v-kpi__bar{flex:1 0 100%;order:2}
  .v-kpi__goaltxt{font-size:10.5px;flex:1 1 100%}
  /* בטלפון «לעומת קודם» יורד לשורה משלו במקום לדחוס את שורת השינוי לשלוש שורות */
  .v-kpi__delta em{font-size:10.5px;flex:1 1 100%;margin-inline-start:0;white-space:normal}
  /* שורת ההסבר האנושית נשברת לשתי שורות קצרות ואינה נחתכת */
  .v-kpi__vs{white-space:normal;line-height:1.25}
  .v-kpis > .v-kpi:last-of-type:nth-of-type(odd){grid-column:1 / -1}
  .v-stats{grid-template-columns:repeat(3,1fr)}
  .v-table.is-compact th,.v-table.is-compact td{padding:0 10px}
  .v-kebab,.v-actpill{min-height:44px}
  .v-kebab{width:44px;height:44px}
  .v-tabs{flex-wrap:nowrap;overflow-x:auto}
  .v-menu{min-width:min(280px,92vw);inset-inline:12px!important;top:auto!important;bottom:calc(80px + env(safe-area-inset-bottom,0px))}
  /* מגירה בטלפון עולה מלמטה */
  .v-drawer,.v-drawer.is-wide{inset-block:auto 0;inset-inline:0;width:auto;max-height:88vh;
    border-radius:var(--v-r-panel) var(--v-r-panel) 0 0;transform:translateY(100%)}
  .v-drawer.is-open{transform:none}
  .v-frame,.v-cciframe{width:100vw}
  .v-fab{display:grid}
  .v-sheet.is-open,body.sheet-open .v-sheet,.v-body.is-sheet .v-sheet,body.is-sheet .v-sheet{display:block}
  .v-sheet__scrim.is-open,body.sheet-open .v-sheet__scrim,.v-body.is-sheet .v-sheet__scrim,body.is-sheet .v-sheet__scrim{display:block}
  .v-mrow .v-txt b{white-space:normal;line-height:1.2}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* =====================================================================
   22. רכיבים שנוספו כשדף המלונות עבר למערכת (20.9.2026)
   ---------------------------------------------------------------------
   כל מה שכאן היה חסר כדי שדף שלם יוכל לרוץ בלי בלוק style משלו.
   שום דבר כאן אינו של דף מסוים: טבלה רחבה, מגירה עם פרטים, תפריט-שורה,
   רשימת-עמודות, כרטיס-רשימה למובייל וגיליון תחתון קיימים בכל דף.
   📌 זה גם סוגר את הפריט הפתוח ב-DESIGN_SYSTEM §7.6 («רכיב כרטיס-הרשימה
   למובייל עדיין לא נבנה») ואת יעד-המגע 44 של כפתור שלוש-הנקודות.
   ===================================================================== */

/* ---- 22.1 הסרגל במצב מכווץ ---- */
body.is-collapsed .v-app{grid-template-columns:72px 1fr}
body.is-collapsed .v-app .v-side__logo span,
body.is-collapsed .v-app .v-side__user div,
body.is-collapsed .v-app .v-side__user .v-side__chev,
body.is-collapsed .v-app .v-side__team,
body.is-collapsed .v-app .v-side__item .v-lbl,
body.is-collapsed .v-app .v-side__art b,
body.is-collapsed .v-app .v-side__art small{display:none}
/* בסרגל מכווץ נשארות רק שתי האותיות של הלוגו, אחרת השם נחתך באמצע */
body.is-collapsed .v-app .v-side__logo{padding:18px 4px 12px}
body.is-collapsed .v-app .v-side__logo b{font-size:0}
body.is-collapsed .v-app .v-side__logo b::before{content:"V2I";font-size:15px;letter-spacing:1px}
body.is-collapsed .v-app .v-side__user{justify-content:center;padding-inline:0}
body.is-collapsed .v-app .v-side__item{justify-content:center;padding:0;margin-inline:10px}
body.is-collapsed .v-app .v-side__art{height:110px}
/* התווית מופיעה בריחוף, כדי שסרגל מכווץ לא יהפוך לניחוש לפי אייקון */
body.is-collapsed .v-app .v-side__item::before{
  content:attr(data-label);position:absolute;inset-inline-end:calc(100% + 12px);top:50%;
  transform:translateY(-50%) translateX(4px);white-space:nowrap;font-size:13px;font-weight:500;color:#fff;
  background:var(--v-nav-top);padding:6px 10px;border-radius:8px;box-shadow:var(--v-sh-float);
  opacity:0;pointer-events:none;transition:opacity var(--v-fast) var(--v-ease),transform var(--v-fast) var(--v-ease);z-index:5;
}
body.is-collapsed .v-app .v-side__item:hover::before,
body.is-collapsed .v-app .v-side__item:focus-visible::before{opacity:1;transform:translateY(-50%)}
.v-side__item .v-lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}
.v-side__item .v-cnt{flex:none;min-width:20px;height:20px;padding:0 6px;border-radius:999px;
  background:var(--v-bad);color:#fff;font-size:11px;font-weight:700;line-height:20px;text-align:center}
.v-side__item i.ico{width:20px;font-size:18px;text-align:center;flex:none;opacity:.95}
.v-side__nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.v-side__item.is-sm{height:36px;font-size:13px}

/* ---- 22.2 הפס העליון: שקוף מעל הקאבר, לבן כשגוללים ---- */
.v-top{position:sticky;top:0}
/* בורר התאריכים לא נשבר לשתי שורות כשהפס צפוף */
.v-datepill{flex:none;white-space:nowrap;flex-wrap:nowrap;line-height:1}
/* 🔴 נמצא במיזוג 21.9: הכלל הזה הגיע משני ענפים, והוא ביטל את `flex:1 1 auto`
   של הטלפון שהגיע מענף אחר — ולכן בורר-התאריך לא התכווץ ונוצרה גלילה לרוחב
   של 66 פיקסל. שני הכללים נכונים, הם פשוט לא נפגשו קודם. */
@media (max-width:900px){ .v-datepill{flex:1 1 auto;min-width:0} .v-datepill .v-pick{min-width:0} }
.v-datepill .v-datepill__nav{flex:none;cursor:pointer}
.v-datepill > i{flex:none;color:var(--v-blue);font-size:14px;line-height:1}
/* בייחוס בורר התקופה יושב על הקאבר, בשורה שמתחת לחיפוש, באותו צד.
   נמדד ב-hotels_desktop.png: הפס העליון נגמר ב-64, הבורר מתחיל ב-78. */
.v-cover__ctl{position:absolute;z-index:5;top:calc(var(--v-top) + 14px);left:var(--v-gutter);right:auto}
.v-top.is-scrolled{background:rgba(255,255,255,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:var(--v-bw) solid rgba(226,234,243,.9)}
.v-top:not(.is-scrolled) .v-top__btn{background:rgba(255,255,255,.88);border-color:transparent;box-shadow:0 2px 10px rgba(13,43,77,.12)}
.v-top:not(.is-scrolled) .v-search{background:rgba(255,255,255,.92);border-color:rgba(255,255,255,.6);box-shadow:0 2px 10px rgba(13,43,77,.12)}
.v-top__logo{display:none;flex-direction:column;align-items:center;gap:2px;direction:ltr}
.v-top__logo b{font-size:19px;font-weight:600;color:var(--v-ink)}
.v-top__logo b i{font-style:normal;color:var(--v-blue)}
.v-top__logo small{font-size:7px;letter-spacing:1.8px;color:var(--v-muted)}
.v-search input{min-width:0}
.v-search.is-sm{height:34px;max-width:200px;padding:0 10px;box-shadow:none;background:var(--v-surface-2)}
.v-search.is-sm input{font-size:13px}
.v-search.is-sm:focus-within{border-color:var(--v-blue);box-shadow:0 0 0 3px var(--v-blue-soft);background:var(--v-surface)}
.v-search .v-clr{width:26px;height:26px;flex:none;border:0;background:none;cursor:pointer;border-radius:6px;
  display:grid;place-items:center;color:var(--v-muted);font-size:12px}
.v-search .v-clr:hover{background:#E8EFF8;color:var(--v-ink)}
/* הזכוכית בקצה השמאלי של השדה, כמו בייחוס. היא האחרונה בסדר-הכתיבה, ולכן שמאלה בעברית. */
.v-search > i{flex:none;color:#9AA6BC;font-size:13px}
/* המספר הגדול בכרטיס-טיפול במובייל: רקע רך בצבע הדחיפות */
.v-mbig.t-red{background:var(--v-bad-soft);color:var(--v-bad)}
.v-mbig.t-amber{background:var(--v-warn-soft);color:var(--v-warn)}
.v-mbig.t-green{background:var(--v-good-soft);color:var(--v-good)}
.v-mbig.t-purple{background:var(--v-purple-soft);color:var(--v-purple)}

/* ---- 22.3 בורר עם רשימה נפתחת (שדה-מערכת מוסתר מעל שבב מעוצב) ---- */
.v-select{position:relative;display:inline-flex;align-items:center;gap:7px;height:32px;
  padding-inline:12px 28px;border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-input);
  background:var(--v-surface);font-size:13px;font-weight:600;color:var(--v-ink);cursor:pointer;white-space:nowrap}
.v-select:hover{border-color:#C9DBF2}
.v-select select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font:inherit}
.v-select > i{position:absolute;inset-inline-end:10px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--v-muted)}
.v-select.is-plain{border-color:transparent;background:transparent}
.v-select.is-plain:hover{background:var(--v-surface-2)}
/* גרסה שבה השדה עצמו נראה (למשל בחירת חודש מלוח שנה) */
.v-select.is-field{padding-inline:12px}
.v-select.is-field input{position:static;opacity:1;width:auto;height:auto;border:0;background:transparent;
  outline:0;font:inherit;font-size:12px;color:var(--v-ink)}
.v-cb{display:inline-flex;align-items:center;gap:7px;height:32px;cursor:pointer;
  font-size:12px;font-weight:500;color:var(--v-ink-2);white-space:nowrap}
.v-cb input{width:16px;height:16px;margin:0;accent-color:var(--v-blue)}

/* ---- 22.4 שורת-מדד: תמיכה באייקון-פונט, ובמצב «אין השוואה» ---- */
.v-kpi__delta i{order:9;font-size:11px;line-height:1;flex:none}
.v-kpi__delta.is-flat{color:var(--v-muted);font-weight:500}
/* 🔴 תוקן 21.9 (הערת נתיב על דף הביקורת: «יש מצב שבעיצוב זה שונה מהעיצוב המקורי של ג'יפיטי»):
   השורה הזאת הייתה **בלי סייג** והפכה כל שורת-שינוי לטור — החץ ירד מתחת לאחוז. בייחוס של נתיב
   (design-handoff/nativ-screens/17.webp) זה «▲ +4.8%» בשורה אחת. הסייג `:has(.v-kpi__row)` קיים
   כבר בשורה 952 ונכון; כאן הוא נשמט במיזוג, ולכן הוא מוחזר. */
.v-kpi__delta:has(.v-kpi__row){flex-direction:column;align-items:flex-start;gap:3px;margin-top:auto}
.v-kpi__delta .v-kpi__row{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;line-height:1}
.v-kpi__body{display:flex;flex-direction:column;height:100%}

/* ---- 22.5 הרצועה: קרוסלה כשיש יותר משלושה כרטיסים ---- */
.v-strip__nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}
.v-strip__nav .v-carousel__dots i.is-on{background:var(--v-bad)}
.v-strip__empty{padding:8px 2px;font-size:13px;color:var(--v-muted)}

/* ---- 22.6 רשימת-עמודות (למשל «המלונות המובילים בעמלה») ---- */
.v-bars{list-style:none;margin:8px 0 0;padding:0;font-size:13px}
.v-bars li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 78px;align-items:center;gap:10px;
  height:30px;cursor:pointer;border-radius:8px;padding:0 6px;margin:0 -6px}
.v-bars li:hover{background:var(--v-surface-2)}
.v-bars li.is-on{background:var(--v-blue-soft)}
.v-bars .v-bars__nm{direction:ltr;text-align:end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.v-bars .v-bars__bar{height:8px;border-radius:4px;background:#EEF2F8;overflow:hidden}
.v-bars .v-bars__bar i{display:block;height:100%;border-radius:4px;background:var(--v-blue)}
.v-bars .v-bars__v{text-align:end;font-weight:600;white-space:nowrap}
.v-bars .v-bars__v small{font-weight:400;color:var(--v-muted);font-size:11px}
/* שורת-מקרא של הטבעת, כשאפשר ללחוץ עליה כדי לסנן */
.v-donut__legend li{cursor:pointer;border-radius:8px;padding:0 6px;margin:0 -6px;height:26px}
.v-donut__legend li:hover{background:var(--v-surface-2)}
.v-donut__legend li.is-on{background:var(--v-blue-soft);font-weight:600}

/* ---- 22.7 לשונית עם מונה ---- */
.v-tab .v-cnt{margin-inline-start:6px;font-size:11px;font-weight:600;color:var(--v-muted);
  background:var(--v-surface);border-radius:999px;padding:0 6px;line-height:18px;display:inline-block}
.v-tab.is-on .v-cnt{color:var(--v-blue);background:#fff}

/* ---- 22.8 טבלה רחבה: גלילה אופקית ועמודת-פעולות דבוקה ----
   border-collapse:collapse מבטל position:sticky בכרום, ולכן טבלה שצריכה
   עמודת-פעולות דבוקה עוברת ל-separate + spacing 0 (נראה זהה, ועובד). */
.v-tablescroll{overflow-x:auto;overflow-y:visible;scrollbar-width:thin;scrollbar-color:#C7D3E4 transparent}
.v-tablescroll::-webkit-scrollbar{height:8px}
.v-tablescroll::-webkit-scrollbar-thumb{background:#C7D3E4;border-radius:4px}
.v-tablescroll::-webkit-scrollbar-track{background:transparent}
.v-table.is-fixed{table-layout:fixed}
.v-table.is-fixed td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-table.is-fixed td.a-mid{overflow:visible;text-overflow:clip}
/* תג או כפתור בתוך עמודה ברוחב קבוע: הטקסט בתוכו נחתך באמצע מילה («לשייך ללק»),
   כי ‎text-overflow‎ של התא לא חל על ילד ‎inline-flex‎. עכשיו התג עצמו מתקצר בנקודות. */
.v-table.is-fixed td > .v-pill,.v-table.is-fixed td > .v-actpill{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block;line-height:24px}
/* עמודה שתוכנה אנגלית (שם יעד, שם מלון): בלי בידוד היא נחתכה **בהתחלה**
   («…hington» במקום «Washi…»). כאן הכיוון פנימי-LTR, והיישור נשאר עם הכותרת. */
.v-table.is-fixed td.is-ltr{direction:ltr;text-align:right}
/* עמודות רבות (מעל שבע, כמו בייחוס) צריכות ריפוד קטן יותר, אחרת שם נשבר לשתי שורות */
.v-table.is-compact th,.v-table.is-compact td{padding:0 12px}
.v-table.is-stickyact{border-collapse:separate;border-spacing:0}
.v-table.is-stickyact th.a-mid,.v-table.is-stickyact td.a-mid{position:sticky;inset-inline-end:0;z-index:2}
.v-table.is-stickyact th.a-mid{background:var(--v-surface-2)}
.v-table.is-stickyact td.a-mid{background:var(--v-surface)}
.v-table.is-stickyact tbody tr:hover td.a-mid{background:#FAFCFF}
.v-tablescroll.is-scrollable .v-table td.a-mid::after,
.v-tablescroll.is-scrollable .v-table th.a-mid::after{content:"";position:absolute;top:0;bottom:0;
  inset-inline-start:0;width:1px;background:var(--v-border)}
/* כותרת ותא באותו יישור, וחץ-המיון לא מזיז את הכותרת (כלל 8.4) */
.v-th{display:flex;align-items:center;justify-content:flex-start;gap:4px;width:100%}
.v-table th.a-mid .v-th{justify-content:center}
.v-table th i{font-size:10px;color:var(--v-muted);flex:none}
/* תא בן שתי שורות, ותא-שם עם תג באותה שורה */
.v-table td.is-two b{display:block;font-weight:500;color:var(--v-ink)}
.v-table td.is-two span{display:block;font-size:12px;color:var(--v-muted)}
/* 🔴 כלל 9.9 סעיף 3 (נתיב 20.9 11:25: «בטבלה לעמודה של התאריכים, שהטקסטים שם לא
   יושבים טוב ומיושרים»). הסיבה נמדדה: ‎.v-num‎ מוסיף ‎direction:ltr‎, וכשהוא יושב על
   אלמנט-בלוק הוא הופך גם את היישור — ולכן התאריך «2.10–4.10.26» נדבק לקצה השמאלי
   בזמן שהכותרת «תאריכים» ושורת-המשנה «2 לילות» יושבות בימין. עכשיו שתי השורות
   והכותרת על אותו קצה, והתאריך עדיין נקרא משמאל לימין (הבידוד נשמר). */
/* ‎justify-content:right‎ ולא ‎flex-end‎: ‎flex-end‎ נמדד לפי הכיוון של האלמנט עצמו,
   ולכן שורה ראשית ב-LTR ושורת-משנה בעברית נפלו לשני קצוות שונים (נמדד: 855 מול 804). */
.v-table td.is-two > b,.v-table td.is-two > span{display:flex;justify-content:right;align-items:baseline;gap:4px}
.v-table td.is-two > b.v-num,.v-table td.is-two > span.v-num{direction:ltr}
/* חץ «⟵» בין שני תאריכים לא שובר שורה */
.v-table td.is-two > b{white-space:nowrap}
.v-table td.is-cust b{display:flex;align-items:center;gap:6px;font-weight:600;min-width:0}
.v-table td.is-cust b > a,.v-table td.is-cust b > span:not(.v-pill){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v-table td.is-cust b .v-pill{flex:none;height:20px;padding:0 8px;font-size:11px}
.v-table td.is-cust span{display:block;font-size:12px;color:var(--v-muted);overflow:hidden;text-overflow:ellipsis}
.v-table td.is-cust a{color:var(--v-ink);border-bottom:1px dotted #9DB8DE;cursor:pointer}
.v-table td.is-cust a:hover{color:var(--v-blue);border-bottom-style:solid}
.v-table td.v-amt{font-weight:700;font-size:14px;color:var(--v-ink)}
.v-table .v-hotelcell{display:flex;align-items:center;gap:10px;justify-content:flex-start}
.v-table .v-hotelcell .nm{direction:ltr;text-align:start;min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:500}
/* אין תמונת מלון אצלנו, ולכן אריח נייטרלי בארבעה גוונים במקום ריבוע ריק */
.v-thumb.is-tile{display:grid;place-items:center;color:#fff;font-size:14px;background:linear-gradient(135deg,#2E5C8E,#7BA6D6)}
.v-thumb.is-tile.t2{background:linear-gradient(135deg,#6D3FD1,#B8A8F0)}
.v-thumb.is-tile.t3{background:linear-gradient(135deg,#12925A,#8ED9B8)}
.v-thumb.is-tile.t4{background:linear-gradient(135deg,#C77A14,#F8CF86)}
.v-kebab{width:34px;height:34px}
.v-tablecard__foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
  font-size:12px;color:var(--v-muted);padding:10px 18px 12px}
.v-tablecard__tools{flex-wrap:wrap}
.v-filtertag{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;
  background:var(--v-purple-soft);color:var(--v-purple);font-size:12px;font-weight:600}
.v-filtertag button{border:0;background:none;cursor:pointer;color:inherit;font-size:11px}

/* ---- 22.9 תפריט-שורה ---- */
.v-menu{position:fixed;z-index:var(--v-z-menu);min-width:210px;background:var(--v-surface);border:var(--v-bw) solid var(--v-border);
  border-radius:12px;box-shadow:var(--v-sh-float);padding:6px;font-size:13px}
.v-menu button{display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 10px;border:0;
  background:none;border-radius:8px;text-align:start;white-space:nowrap;cursor:pointer;font:inherit;color:var(--v-ink)}
.v-menu button:hover:not(:disabled){background:var(--v-surface-2)}
.v-menu button:disabled{color:#A5AFC0;cursor:default}
.v-menu button i{width:16px;text-align:center;color:var(--v-muted);font-size:13px}
.v-menu button small{margin-inline-start:auto;font-size:11px;color:#A5AFC0}

/* ---- 22.10 מגירה: רשימת פרטים, רשימת שורות, הערה, קבוצת-משימות ---- */
.v-drawer.is-wide{width:min(760px,96vw)}
.v-drawer__sub{font-size:13px;color:var(--v-muted);margin:-6px 0 14px}
.v-dl{display:grid;grid-template-columns:1fr auto;gap:8px 14px;margin:0;font-size:13px}
.v-dl dt{color:var(--v-muted)}
.v-dl dd{margin:0;font-weight:600;text-align:end}
.v-dlist{list-style:none;margin:10px 0 0;padding:0;font-size:13px}
.v-dlist li{display:flex;align-items:center;gap:10px;min-height:44px;border-top:var(--v-bw) solid var(--v-border)}
.v-dlist li .t{flex:1;min-width:0}
.v-dlist li .t b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-dlist li .t b a{color:var(--v-ink);border-bottom:1px dotted #9DB8DE;cursor:pointer}
.v-dlist li .t span{font-size:12px;color:var(--v-muted)}
.v-dlist li .v{font-weight:600;white-space:nowrap}
.v-note{margin-top:16px;padding:10px 12px;border-radius:10px;background:var(--v-warn-soft);
  font-size:12px;color:#7A4B00;line-height:1.5}
.v-note.is-info{background:var(--v-blue-soft);color:#1B4B8A}
.v-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.v-actions .v-actpill{height:36px}
.v-tg{margin-top:14px;border:var(--v-bw) solid var(--v-border);border-radius:12px;overflow:hidden}
.v-tg__head{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--v-surface-2)}
.v-tg__head b{font-size:14px;flex:1}
.v-tg__head .m{font-size:12px;color:var(--v-muted);white-space:nowrap}
.v-tg__head .n{font-size:18px;font-weight:700}
.v-tg__head .n.is-now{color:var(--v-bad)} .v-tg__head .n.is-soon{color:var(--v-warn)}
.v-tg__head .n.is-chance{color:var(--v-good)} .v-tg__head .n.is-none{color:var(--v-muted);font-size:14px}
.v-tg .v-dlist{margin:0;padding:0 12px}
.v-tg .v-dlist li:first-child{border-top:0}
.v-tg__more{padding:8px 12px;font-size:12px;color:var(--v-muted);border-top:var(--v-bw) solid var(--v-border)}
/* עמוד שנפתח בתוך מסגרת (כרטיס לקוח), בגיאומטריה של מגירה */
.v-frame{position:fixed;top:0;bottom:0;left:0;right:auto;width:min(940px,100vw);height:100%;border:0;
  z-index:var(--v-z-drawer);background:var(--v-surface);box-shadow:var(--v-sh-float)}

/* ---- 22.11 כרטיס מקודם: כיתוב-יד ותוכן בשתי שורות ---- */
.v-promo__in b{display:block;font-size:15px;font-weight:700;line-height:1.35}
.v-promo__in small{display:block;font-size:12px;opacity:.9;margin-top:2px;margin-bottom:10px}
.v-ins.is-plain{border:0;background:none;padding:7px 0;cursor:default;align-items:flex-start}
.v-ins.is-plain .v-ins__mark{width:auto;height:auto;background:none;font-size:12px;margin-top:3px;order:9;flex:none}
.v-ins.is-plain.t-up .v-ins__mark{color:var(--v-good)}
.v-ins.is-plain.t-down .v-ins__mark{color:var(--v-bad)}
.v-ins.is-plain.t-flat .v-ins__mark{color:var(--v-blue)}
.v-xref__big{display:flex;align-items:baseline;gap:6px}
.v-xref__big b{font-size:26px;font-weight:700;color:var(--v-warn)}
.v-xref__big span{font-size:12px;color:var(--v-muted)}

/* ---- 22.12 מובייל: כותרת, קאבר-רצועה, כרטיס-רשימה, גיליון תחתון ----
   הטבלה במובייל הופכת לכרטיסי-רשימה, כפי שהייחוס מראה. */
/* 🔴 מחלקות «רק במחשב» / «רק במובייל» מסתירות בלבד, ולעולם לא קובעות display חיובי.
   קודם הן כתבו display:block, וזה דרס את ה-flex/grid של הרכיב שעליו הן ישבו
   (שדה החיפוש ובורר-התאריכים איבדו את הסידור הפנימי שלהם). ההסתרה יושבת במדיה-קוורי. */
@media (min-width:901px){ .v-mobile{display:none!important} }
@media (max-width:900px){ .v-desktop{display:none!important} }
.v-mhead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px}
.v-mhead h1{margin:0;order:1;font-size:30px;line-height:1.14;font-weight:700;color:var(--v-ink)}
.v-mhead .v-datepill{order:2;height:40px}
.v-mhead p{order:3;flex:1 1 100%;margin:0;font-size:13px;color:#3B4D6B;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-mhero{position:relative;height:150px;border-radius:var(--v-r-card);overflow:hidden;margin-top:12px;background:#0D2B4D}
.v-mhero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%}
.v-mhero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(8,33,58,.55),rgba(8,33,58,.05) 45%,rgba(8,33,58,.45))}
.v-mhero .tl{position:absolute;left:16px;top:14px;z-index:1;direction:ltr;text-align:left;color:#fff}
.v-mhero .tl b{display:block;font-size:26px;line-height:1;font-weight:700;letter-spacing:1px}
.v-mhero .tl span{display:block;font-size:9px;letter-spacing:1.4px;font-weight:600;opacity:.9;margin-top:4px;line-height:1.3}
.v-mhero .br{position:absolute;right:14px;bottom:12px;z-index:1;direction:ltr;text-align:right;color:#fff}
.v-mhero .br b{display:block;font-size:16px;font-weight:700}
.v-mhero .br span{font-size:10px;opacity:.9}
.v-mcard{border-bottom:var(--v-bw) solid var(--v-border)}
.v-mcard:last-of-type{border-bottom:0}
.v-mrow{display:flex;align-items:center;gap:8px;min-height:84px;width:100%;text-align:start;
  padding:8px 0;border:0;background:none;cursor:pointer;font:inherit;color:inherit}
.v-mrow .v-thumb{width:48px;height:48px;border-radius:12px;font-size:17px}
.v-mrow .v-pill{flex:none;padding:0 8px}
.v-mrow .t{flex:1;min-width:0;direction:ltr;text-align:left}
.v-mrow .t b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-mrow .t b a{border-bottom:1px dotted #9DB8DE;cursor:pointer}
.v-mrow .t span{display:block;font-size:12px;color:var(--v-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-mrow .a{flex:none;text-align:left;direction:ltr}
.v-mrow .a b{display:block;font-size:16px;font-weight:700}
.v-mrow .a span{font-size:12px;color:var(--v-muted)}
.v-mrow .more{width:36px;height:44px;flex:none;display:grid;place-items:center;border-radius:10px;
  color:#3B4D6B;font-size:14px}
.v-mmore{padding:0 0 10px;font-size:12px}
.v-mmore .v-dl{padding:10px 12px;background:var(--v-surface-2);border-radius:10px;gap:6px 12px}
.v-mmore .v-actions{margin-top:8px}
.v-mmore .v-actpill{height:40px}
.v-msort{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;color:var(--v-muted)}
.v-sheet__scrim{position:fixed;inset:0;z-index:var(--v-z-scrim);background:rgba(13,43,77,.35);opacity:0;
  display:none;transition:opacity var(--v-norm) var(--v-ease)}
.v-sheet{position:fixed;inset-inline:0;bottom:0;z-index:var(--v-z-drawer);display:none;background:var(--v-surface);
  border-radius:var(--v-r-panel) var(--v-r-panel) 0 0;padding:8px 16px calc(16px + env(safe-area-inset-bottom,0px));
  box-shadow:0 -16px 40px rgba(13,43,77,.14);transform:translateY(100%);transition:transform var(--v-norm) var(--v-ease)}
body.sheet-open .v-sheet,body.sheet-open .v-sheet__scrim{display:block}
body.sheet-open.sheet-in .v-sheet{transform:none}
body.sheet-open.sheet-in .v-sheet__scrim{opacity:1}
.v-sheet__grip{width:40px;height:4px;border-radius:2px;background:#D5DEEA;margin:0 auto 10px}
.v-sheet ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.v-sheet li a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  min-height:68px;border-radius:12px;font-size:12px;font-weight:500;color:var(--v-ink);text-decoration:none}
.v-sheet li .ico{width:40px;height:40px;border-radius:50%;background:var(--v-blue-soft);color:var(--v-blue);
  display:grid;place-items:center;font-size:17px}
/* תצוגת-מובייל בחלון רחב: רק הקומפוזיציה של המובייל, בלי מסגרת-טלפון */
.v-mobileview{display:none}
body.is-mobileview .v-side,body.is-mobileview .v-top,body.is-mobileview .v-bottomnav,
body.is-mobileview .v-desktop,body.is-mobileview .v-mobile{display:none!important}
body.is-mobileview{background:#E9EEF6}
body.is-mobileview .v-app{grid-template-columns:1fr}
body.is-mobileview .v-mobileview{display:flex;justify-content:center;min-height:100vh}
body.is-mobileview .v-mobileview iframe{width:390px;height:100vh;border:0;background:var(--v-bg);display:block}
body.is-embed .v-side{display:none}
body.is-embed .v-app{grid-template-columns:1fr}

@media (max-width:900px){
  .v-cover__ctl{display:none}
  body.is-collapsed .v-app{grid-template-columns:1fr}
  /* במובייל הפס העליון הוא פעמון · לוגו · משתמש, משמאל לימין כמו בייחוס.
     🔴 נמצא במיזוג 21.9: הכלל הזה נכתב בענף אחד **בלי הסייג** `:has(.v-top__logo)`
     שנכתב בענף אחר. בדף שאין בו לוגו (תכנון) הוא הפך את הפס לשלוש עמודות בלי
     להסתיר את החיפוש ואת בורר-התאריך — ונוצרה גלילה לרוחב של 66 פיקסל בטלפון.
     הוחזר לסייג המקורי, כך ששני הכללים חיים יחד. */
  .v-top:has(.v-top__logo){display:grid;grid-template-columns:44px 1fr 44px;align-items:center;justify-items:center;
    height:56px;min-height:0;padding:0 16px;gap:8px;background:var(--v-bg);border-bottom:0;direction:ltr}
  .v-top.is-onCover{margin-bottom:0}
  .v-top__logo{display:flex;justify-self:center}
  .v-top__btn{justify-self:start;background:transparent!important;border-color:transparent!important;
    box-shadow:none!important;color:var(--v-ink);width:44px;height:44px}
  .v-top__me{justify-self:end}
  .v-top__me b,.v-top__me small{display:none}
  .v-table.is-compact th,.v-table.is-compact td{padding:0 10px}
  .v-kebab{width:44px;height:44px}
  .v-drawer{inset-block:auto 0;inset-inline:0;width:auto;max-height:84vh;
    border-radius:var(--v-r-panel) var(--v-r-panel) 0 0;transform:translateY(100%)}
  .v-drawer.is-wide{width:auto}
  .v-drawer.is-open{transform:none}
  .v-menu{inset-inline:12px!important;bottom:calc(80px + env(safe-area-inset-bottom,0px));top:auto!important}
  .v-frame{width:100vw}
  .v-tabs{flex-wrap:nowrap}
  /* 🔴 באג במערכת (נמצא 20.9, פוגע בכל דף): הכלל «‎.v-bottomnav{display:flex}‎» במקטע 20 יושב
     *לפני* ההגדרה הבסיסית «‎display:none‎», ובאותה רמת-דיוק — ולכן הניווט התחתון היה מוסתר
     במובייל בכל הדפים. הכלל חוזר כאן, אחרי הבסיס, ולכן הוא זה שקובע. */
  .v-bottomnav{display:flex}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.v-bottomnav a{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:44px;min-height:44px;
  justify-content:center;font-size:11px;font-weight:600;color:var(--v-muted);text-decoration:none}
.v-bottomnav a.is-on{color:var(--v-blue)}
.v-bottomnav svg{width:20px;height:20px}
/* 🔴 תוקן 20.9.2026. הכלל `.v-bottomnav{display:none}` שלמעלה נכתב **אחרי** ה-@media
   שמדליק אותו, ובאותה דרגת-ספציפיות — ולכן הוא ניצח תמיד, וניווט-המובייל התחתון
   לא הופיע באף דף, בשום רוחב. נמדד ב-390: display היה 'none' וגובה 0.
   השורה הזאת חייבת להישאר **אחרי** ההגדרה שמעליה. */
@media (max-width:900px){ .v-bottomnav{display:flex} }

/* ---------- 21. גלריית הרכיבים בלבד ---------- */
.g-wrap{max-width:1300px;margin:0 auto;padding:26px 22px 80px}
.g-sec{margin-bottom:34px}
.g-sec>h2{font-size:15px;font-weight:700;color:#4A5A75;margin:0 0 4px;letter-spacing:.2px}
.g-sec>p{margin:0 0 14px;font-size:12px;color:var(--v-muted)}
.g-box{background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-panel);padding:18px}
.g-box.is-plain{background:transparent;border:0;padding:0}
.g-skel{background:var(--v-surface-2);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;font-size:11px;color:#55627A;text-align:center}
.g-skel__strip{background:var(--v-blue-soft);border:1px solid #C6DCFB;border-radius:8px;padding:8px;color:var(--v-blue);font-weight:600}
.g-skel__two{display:grid;grid-template-columns:1fr 26%;gap:8px}
.g-skel__main{display:flex;flex-direction:column;gap:8px}
.g-skel__row{display:grid;grid-template-columns:1.23fr 1fr;gap:8px}
.g-skel__row span,.g-skel__tbl,.g-skel__rail{background:var(--v-surface);border:1px solid var(--v-border);border-radius:8px;padding:14px 8px}
.g-skel__tbl{padding:26px 8px;font-weight:600}
.g-skel__rail{display:grid;place-items:center}
.g-split{grid-template-columns:340px 1fr}
.g-split2{grid-template-columns:270px 1fr;gap:22px}
@media (max-width:900px){.g-split,.g-split2{grid-template-columns:1fr}}

/* =====================================================================
   22. מה שנוסף כשדף המכירות עבר למערכת (20.9.2026)
   ---------------------------------------------------------------------
   דף המכירות הוא הדף הראשון שנבנה **רק** מהקובץ הזה. בדרך התברר ש-18
   חלקים שהוא צריך אין להם רכיב במערכת: המשפך, עמודות-הנציגים, שבבי
   «קול הלקוח», תפריט-השורה, ארבעת חלקי-המובייל ועוד. במקום לפתוח בלוק
   style בדף, הם נוספו כאן — ולכן **כל דף מקבל אותם**, וזה בדיוק מה
   שכלל 9.3 דורש. אין כאן שום ערך שמזכיר «מכירות»: כולם גנריים.
   ===================================================================== */

/* ---- 22.1 מחשב מול מובייל. שתי קומפוזיציות, לא העתק צר (כלל 2). ---- */
.v-desk{display:block}
.v-mob{display:none}
@media (max-width:900px){ .v-desk{display:none!important} .v-mob{display:block} }
/* דפים שמונעים ע"י Alpine: אלמנט שמחכה לאתחול לא מהבהב על המסך לרגע */
[x-cloak]{display:none!important}

/* ---- 22.1א שורות הכרטיס הן בלוקים, לא משנה באיזו תגית כתבו אותן ----
   בתוך <button> אסור <p> לפי תקן HTML, ודף שכותב <span> קיבל תווית ומספר על אותה שורה.
   הכלל הזה סוגר את זה לכל הדפים. */
.v-kpi__label,.v-kpi__value,.v-kpi__vs,.v-act__title,.v-act__num,.v-act__sub{display:block}
/* ===== שישה כרטיסים בשורה (מכירות) — נמדד מול תמונת-הייחוס, וזה הרישום היחיד =====
   נמדד 21.9 על `references/sales_desktop.png` באותו רוחב (1440): העיגול שם הוא
   **52 פיקסל** בכרטיס של 187, ואצלנו הוא היה 36. זה מה שנתיב ראה כ«שונה מהעיצוב
   המקורי». הועלה ל-44 ולא ל-52, כי הכרטיס שלנו נושא גם שורת-יעד שאין בייחוס:
   ב-52 היא נשברת לשתי שורות והכרטיס גדל מ-110 ל-141 פיקסל.
   שורת-השינוי: בייחוס גובה-הגליף 10px (≈14px גופן), אצלנו היה 12 ⟸ 13.
   הפס והטקסט של שורת-היעד התכווצו בהתאם, ונמדד שאף אחד מהם אינו נחתך. */
.v-kpis.is-6 .v-kpi{padding:14px 12px 12px;gap:8px}
.v-kpis.is-6 .v-kpi__icon{width:44px;height:44px}
.v-kpis.is-6 .v-kpi__icon svg{width:22px;height:22px}
/* 🔴 העיגול הגדול נכון לרוחב שבו הייחוס צויר (1440). מתחת ל-1360 הכרטיס צר מדי:
   נמדד שהוא דוחף את «מתוך ₪2.5K · 103%» לשלוש נקודות ואת «₪36,917» לשתי שורות.
   שם הוא חוזר ל-36, המידה שהייתה עד 21.9. זה לא «תיקון עתידי» — זה נמדד עכשיו. */
@media (max-width:1360px){
  .v-kpis.is-6 .v-kpi__icon{width:36px;height:36px}
  .v-kpis.is-6 .v-kpi__icon svg{width:18px;height:18px}
}
/* 🔴 נתיב, 21.9: «תעשה מה שנכון מבחינה עיצובית אבל שיהיה מובן גם».
   ששה כרטיסים בשורה נכונים לרוחב שבו העיצוב צויר (1440). מתחתיו הכרטיס יורד ל-186
   פיקסל ופחות, ואז נמדד: «מתוך ₪2.5K · 103%» מתקצר לשלוש נקודות ו«₪36,917» נשבר לשתי
   שורות — כלומר המכנה, שהוא כל הרעיון, נעלם. שלוש בשורה נותן לכל כרטיס כפול רוחב,
   הכל נכנס, ושום דבר לא נחתך. זה גם מה שכל דשבורד עושה במסך צר יותר. */
@media (max-width:1360px) and (min-width:901px){
  .v-kpis.is-6{grid-template-columns:repeat(3,1fr)}
}
/* המספר: בייחוס גובה-הספרה 18px ⟸ גופן ~25px. אצלנו היה 27, ו«₪36,917» כבר לא נכנס
   בשורה אחת אחרי שהעיגול גדל. 25 גם מדויק יותר לייחוס וגם נכנס (נמדד 101 מתוך 104).
   🔴 הגודל **אינו** נכתב כאן אלא על הטוקן --v-fs-kpi בתגית ה-body של דף המכירות, כדי
   שגם המספר בכרטיסי «מה דורש טיפול היום» יקטן איתו. שני מספרים גדולים בשני גדלים על
   אותו מסך — זה בדיוק מה שנתיב זיהה פעמיים. */
.v-kpis.is-6 .v-kpi__delta{font-size:13px}
.v-kpis.is-6 .v-kpi__goal{gap:5px}
.v-kpis.is-6 .v-kpi__goaltxt{font-size:10px}
/* הלוחית «USA» יורדת מתחת לפס העליון כשהוא שוחה על הקאבר, אחרת בורר התאריך יושב עליה */
.v-top.is-onCover ~ .v-cover .v-cover__plate{top:calc(var(--v-top) + 8px)}

/* במובייל הכרטיסים הם 2 על 2 (≈171 כל אחד), אותו כיווץ כמו בשורה של שישה */
@media (max-width:900px){
  .v-kpi{padding:14px 12px 12px;gap:8px}
  .v-kpi__icon{width:36px;height:36px}
  .v-kpi__icon svg{width:18px;height:18px}
  .v-kpi__bar{width:34px}
  .v-kpi__goal{gap:6px}
  .v-kpi__goaltxt{font-size:10.5px}
  .v-mrow .v-txt b{white-space:normal;line-height:1.2}
}

/* ---- 22.2 משפך: שלב, אחוז, וטרפז שמצטמצם ---- */
.v-funnel{display:flex;flex-direction:column;gap:12px}
.v-funnel__row{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;align-items:center;
  cursor:pointer;border:0;background:none;padding:0;font-family:var(--v-font);text-align:start;width:100%}
.v-funnel__row:hover .v-funnel__step{filter:brightness(.94)}
.v-funnel__lbl b{display:block;font-size:13px;font-weight:700;color:var(--v-ink);line-height:16px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-funnel__lbl span{display:block;font-size:12px;color:var(--v-muted);font-weight:500;line-height:16px}
.v-funnel__shape{display:flex;justify-content:center;height:36px}
.v-funnel__step{width:var(--w,100%);height:36px;display:grid;place-items:center;color:#fff;
  font-size:16px;font-weight:700;background:var(--c,var(--v-blue));
  clip-path:polygon(0 0,100% 0,89% 100%,11% 100%);transition:filter var(--v-fast) var(--v-ease)}
.v-funnel__step.s0{--c:#0B4FC0}
.v-funnel__step.s1{--c:#5A9BF2}
.v-funnel__step.s2{--c:#B4D5FD;color:var(--v-ink)}
/* משפך של 5 שלבים (מכירות, 9.64#8): אותה סקאלה, כחול עמוק ⟶ בהיר */
.v-funnel__step.s3{--c:#C6DEFC;color:var(--v-ink)}
.v-funnel__step.s4{--c:#D7E7FC;color:var(--v-ink)}
.v-funnel__note{margin-top:10px;padding-top:9px;border-top:1px dashed var(--v-border);
  display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--v-muted)}
.v-funnel__note b{color:var(--v-ink-2);font-weight:600}

/* ---- 22.3 עמודות אנכיות להשוואה בין אנשים או קטגוריות ---- */
.v-bars{flex:1 1 auto;min-height:0;display:flex;align-items:flex-end;justify-content:space-around;
  gap:10px;padding:22px 4px 0}
.v-bars__item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;
  height:100%;flex:1 1 0;min-width:0;border:0;background:none;cursor:pointer;padding:0;font-family:var(--v-font)}
.v-bars__col{flex:1 1 auto;width:100%;max-width:58px;display:flex;align-items:flex-end;min-height:0}
.v-bars__col i{position:relative;display:block;width:100%;border-radius:6px 6px 0 0;background:var(--v-blue)}
.v-bars__item:nth-of-type(2) .v-bars__col i{background:#5AA2F2}
.v-bars__item:nth-of-type(3) .v-bars__col i{background:#8FC0F7}
.v-bars__item:nth-of-type(4) .v-bars__col i{background:#BCD8F9}
.v-bars__item:hover .v-bars__col i{filter:brightness(.94)}
.v-bars__n{position:absolute;bottom:100%;inset-inline:0;text-align:center;font-size:15px;font-weight:700;
  color:var(--v-ink);line-height:20px;font-variant-numeric:tabular-nums}
.v-bars__l{font-size:12px;font-weight:600;color:#3B4D6B;max-width:100%;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* שורת-סיכום דקה מתחת לגרף: מי מוביל, וכפתור לרשימה */
.v-cardfoot{margin-top:8px;padding-top:9px;border-top:1px dashed var(--v-border);
  display:flex;align-items:center;justify-content:space-between;gap:8px}
.v-cardfoot b{font-size:12.5px;font-weight:600;color:#3B4D6B;min-width:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---- 22.4 שבב-נתון: מספר גדול ומילה אחת מתחתיו ---- */
.v-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:10px}
.v-stat{background:#F2F7FE;border:var(--v-bw) solid #E3EDFA;border-radius:12px;padding:10px 6px;
  text-align:center;min-width:0}
.v-stat b{display:block;font-size:20px;font-weight:700;color:var(--v-ink);line-height:24px}
.v-stat span{display:block;font-size:11px;color:#3B4D6B;line-height:14px;margin-top:2px;
  overflow:hidden;text-overflow:ellipsis}
.v-den{margin:10px 0 0;font-size:11px;color:var(--v-muted);line-height:1.5}

/* ---- 22.5 תובנות בטורים עם קו-מפריד (הגרסה הצרה של .v-insights) ---- */
.v-inscols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.v-inscols>div{padding:0 12px;text-align:center;border-inline-start:var(--v-bw) solid var(--v-line)}
.v-inscols>div:first-child{border-inline-start:0}
.v-inscols .v-ins__icon{margin:0 auto 7px;order:0}
.v-inscols b{display:block;font-size:13px;font-weight:700;color:var(--v-ink);line-height:17px}
.v-inscols em{display:block;font-style:normal;font-size:12px;font-weight:600;color:#3B4D6B;line-height:16px}
.v-inscols span{display:block;font-size:11.5px;color:var(--v-muted);line-height:15px;margin-top:2px}

/* ---- 22.6 תפריט-שורה (נפתח ליד הנקודות) ---- */
.v-menu{position:fixed;z-index:var(--v-z-menu-lo);min-width:212px;padding:6px;background:var(--v-surface);
  border:var(--v-bw) solid var(--v-border);border-radius:14px;box-shadow:var(--v-sh-float)}
.v-menu button{display:flex;align-items:center;gap:10px;width:100%;height:38px;padding:0 10px;
  border:0;background:none;cursor:pointer;border-radius:9px;font:500 13px var(--v-font);
  color:var(--v-ink-2);text-align:start}
.v-menu button:hover:not([disabled]){background:var(--v-blue-soft);color:var(--v-blue)}
.v-menu button[disabled]{opacity:.55;cursor:not-allowed}
.v-menu button svg{width:15px;height:15px;flex:none;color:#8E9AB0}
.v-menu button span{flex:1;min-width:0}
.v-menu button small{font-size:10.5px;color:#A5AFC0}

/* ---- 22.7 פאנל-צד עם מסך משובץ (כרטיס לקוח) ---- */
.v-frame{position:fixed;inset-block:0;inset-inline-end:0;width:min(940px,100vw);z-index:var(--v-z-sheet);
  background:var(--v-surface);box-shadow:var(--v-sh-float)}
.v-frame iframe{width:100%;height:100%;border:0;display:block}
.v-frame .v-x{position:absolute;top:12px;left:12px;z-index:2;width:36px;height:36px;border-radius:50%;
  background:var(--v-surface);box-shadow:0 2px 10px rgba(13,43,77,.22)}

/* ---- 22.8 גיליון תחתון במובייל («עוד» בניווט) ----
   display:none כברירת מחדל: בלעדיו הוא נראה בצילום-עמוד-מלא של המחשב (הוא fixed,
   ו-transform לא מוציא אותו מהצילום), ומכסה חצי דף. הוא נדלק רק מתחת ל-900. */
.v-sheet{display:none;visibility:hidden}
.v-sheet.is-open{visibility:visible}
@media (max-width:900px){ .v-sheet{display:block} }
.v-sheet{position:fixed;inset-inline:0;bottom:0;z-index:var(--v-z-drawer);background:var(--v-surface);
  border-radius:var(--v-r-panel) var(--v-r-panel) 0 0;padding:8px 16px calc(16px + env(safe-area-inset-bottom));
  box-shadow:0 -16px 40px rgba(13,43,77,.14);transform:translateY(100%);
  transition:transform var(--v-norm) var(--v-ease)}
.v-sheet.is-open{transform:none}
.v-sheet__grip{width:40px;height:4px;border-radius:2px;background:#D5DEEA;margin:0 auto 10px}
.v-sheet ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.v-sheet li a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  min-height:68px;border-radius:12px;font-size:12px;font-weight:500;color:var(--v-ink-2);text-decoration:none}
.v-sheet li a:active{background:var(--v-surface-2)}
.v-sheet li .ico{width:40px;height:40px;border-radius:50%;background:var(--v-blue-soft);color:var(--v-blue);
  display:grid;place-items:center}
.v-sheet li .ico svg{width:18px;height:18px}

/* ---- 22.9 המובייל: כותרת הדף, הבאנר, שורת-פעולה, כרטיס-רשימה ---- */
.v-mhead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
  padding:14px var(--v-gutter) 0}
.v-mhead h1{margin:0;font-size:26px;font-weight:700;line-height:1.15;color:var(--v-ink)}
.v-mhead p{margin:3px 0 0;font-size:13px;color:var(--v-muted)}
.v-mhero{position:relative;margin:12px var(--v-gutter) 0;height:132px;border-radius:var(--v-r-panel);
  overflow:hidden;color:#fff}
.v-mhero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v-mhero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(9,24,44,.72) 0%,rgba(9,24,44,.18) 62%,rgba(9,24,44,.42) 100%)}
.v-mhero .tl{position:absolute;z-index:2;left:14px;top:14px;text-align:start}
.v-mhero .tl b{display:block;font-size:25px;font-weight:700;letter-spacing:2px;line-height:1}
.v-mhero .tl span{display:block;font-size:10px;letter-spacing:1.6px;margin-top:5px;opacity:.92}
.v-mhero .br{position:absolute;z-index:2;inset-inline-end:14px;bottom:12px;text-align:end}
.v-mhero .br b{display:block;font-size:15px;font-weight:700;line-height:1.2}
.v-mhero .br span{display:block;font-size:11px;opacity:.9}
/* שורת-פעולה במובייל: חץ · גלולת-פועל · מספר · כותרת ושורת-משנה · ריבוע-אייקון */
.v-mrow{display:flex;align-items:center;gap:10px;width:100%;min-height:58px;padding:9px 0;
  border:0;background:none;cursor:pointer;border-top:var(--v-bw) solid var(--v-line);
  font-family:var(--v-font);text-align:start}
.v-mrow:first-of-type{border-top:0}
.v-mrow:active{background:var(--v-surface-2)}
.v-mrow>.v-chev{flex:none;color:#93A0B6;order:-1}
.v-mrow>.v-chev svg{width:15px;height:15px}
.v-mrow .v-verb{flex:none;height:30px;padding:0 12px;border-radius:9px;background:var(--v-blue-soft);
  color:var(--v-blue);font-size:12.5px;font-weight:700;display:inline-flex;align-items:center}
.v-mrow .v-big{flex:none;min-width:34px;text-align:center;font-size:22px;font-weight:700;line-height:1;
  font-variant-numeric:tabular-nums;color:var(--v-ink)}
.v-mrow .v-big.is-now{color:var(--v-bad)}
.v-mrow .v-big.is-soon{color:var(--v-warn)}
.v-mrow .v-big.is-chance{color:var(--v-good)}
.v-mrow .v-txt{flex:1;min-width:0}
.v-mrow .v-txt b{display:block;font-size:14px;font-weight:700;line-height:1.3;color:var(--v-ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-mrow .v-txt span{display:block;font-size:11.5px;color:var(--v-muted);line-height:1.35;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-mrow .v-sq{flex:none;order:9;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:var(--v-sky-soft);color:var(--v-sky)}
.v-mrow .v-sq svg{width:18px;height:18px}
.v-mrow .v-sq.is-now{background:var(--v-bad-soft);color:var(--v-bad)}
.v-mrow .v-sq.is-soon{background:var(--v-warn-soft);color:var(--v-warn)}
.v-mrow .v-sq.is-chance{background:var(--v-good-soft);color:var(--v-good)}
/* כרטיס-רשימה במובייל — הרכיב שחסר לפי DESIGN_SYSTEM §7 סעיף 6 */
.v-mcard{border-top:var(--v-bw) solid var(--v-line)}
.v-mcard:first-of-type{border-top:0}
.v-mcard .v-mrow{border-top:0}
.v-mcard .v-amt{flex:none;min-width:58px;max-width:96px;text-align:center;direction:ltr}
.v-mcard .v-amt b{display:block;font-size:15px;font-weight:700;white-space:nowrap;
  font-variant-numeric:tabular-nums;color:var(--v-ink)}
.v-mcard .v-amt span{display:block;font-size:11px;color:var(--v-muted);white-space:nowrap}
.v-mmore{padding:0 0 10px;font-size:12px}
.v-mmore dl{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin:0;padding:10px 12px;
  background:var(--v-surface-2);border-radius:10px}
.v-mmore dt{color:var(--v-muted)}
.v-mmore dd{margin:0;font-weight:600;text-align:end}
.v-mmore .v-acts{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.v-mmore .v-acts .v-actpill{height:38px}

/* ---- 22.10 חלקים קטנים שחזרו בכל דף ולכן עלו לכאן ---- */
/* חיפוש קטן בתוך כרטיס (החיפוש בפס העליון הוא של כל המערכת) */
.v-searchsm{display:inline-flex;align-items:center;gap:6px;height:36px;width:200px;
  padding-inline:10px 6px;border-radius:10px;background:var(--v-surface-2);
  border:var(--v-bw) solid var(--v-border);font-size:13px}
.v-searchsm svg{width:14px;height:14px;color:var(--v-muted);flex:none}
.v-searchsm input{flex:1;min-width:0;border:0;background:transparent;outline:0;
  font:400 13px var(--v-font);color:var(--v-ink)}
.v-searchsm input::placeholder{color:#8E9AB0}
.v-searchsm:focus-within{border-color:var(--v-blue);box-shadow:0 0 0 3px var(--v-blue-soft);background:var(--v-surface)}
.v-searchsm .v-x{width:26px;height:26px}
/* שבב-סינון פעיל, עם X שמסיר אותו */
.v-filtertag{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 6px 0 11px;
  border-radius:var(--v-r-chip);background:var(--v-blue-soft);color:var(--v-blue);
  font-size:12px;font-weight:600}
.v-filtertag button{width:20px;height:20px;display:grid;place-items:center;border:0;background:none;
  cursor:pointer;border-radius:50%;color:inherit}
.v-filtertag button:hover{background:#D8E7FC}
.v-filtertag svg{width:11px;height:11px}
/* מונה קטן בתוך לשונית */
.v-count{display:inline-block;margin-inline-start:6px;padding:0 6px;border-radius:999px;
  background:rgba(14,31,58,.08);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}
.v-tab.is-on .v-count{background:rgba(10,88,222,.14)}
/* שורת-תחתית של טבלה: כמה מוצג, מתוך כמה, ומתי נמדד */
.v-tblfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:11px 18px;border-top:var(--v-bw) solid var(--v-line);
  font-size:11.5px;color:var(--v-muted)}
/* שורת-סיכום דקה מעל טבלה */
.v-repsum{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 18px 0;padding:8px 11px;
  background:var(--v-surface-2);border-radius:10px;font-size:12px;color:var(--v-ink-2)}
.v-repsum b{font-weight:700;color:var(--v-muted)}
.v-repsum span{font-variant-numeric:tabular-nums}
/* זוג תווית-ערך במגירה */
.v-dl{display:grid;grid-template-columns:1fr auto;gap:0 12px;margin:0}
.v-dl dt{padding:9px 0;border-top:var(--v-bw) solid var(--v-line);font-size:12.5px;color:var(--v-muted)}
.v-dl dd{padding:9px 0;border-top:var(--v-bw) solid var(--v-line);margin:0;font-size:13px;
  font-weight:600;text-align:end;color:var(--v-ink)}
/* רשימת-פריטים במגירה: שם, שורת-הקשר, ערך */
.v-dlist{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column}
.v-dlist li{display:flex;align-items:center;gap:10px;padding:9px 0;
  border-top:var(--v-bw) solid var(--v-line);font-size:13px}
.v-dlist .v-txt{flex:1;min-width:0}
.v-dlist .v-txt b{display:block;font-weight:600;color:var(--v-ink)}
.v-dlist .v-txt b a{color:inherit;text-decoration:none;border-bottom:1px dotted #9DB8DE;cursor:pointer}
.v-dlist .v-txt span{display:block;font-size:11.5px;color:var(--v-muted);margin-top:1px}
.v-dlist .v-val{font-variant-numeric:tabular-nums;font-weight:700;color:var(--v-ink);white-space:nowrap}
/* קבוצת-משימות בחלון «כל המשימות» */
.v-tg{margin-bottom:20px}
.v-tg__head{display:flex;align-items:center;gap:10px}
.v-tg__head b{flex:1;min-width:0;font-size:14px;font-weight:700}
.v-tg__more{margin-top:8px;font-size:11.5px;color:var(--v-muted)}
/* מיני-פס אופקי (התפלגות במובייל) */
.v-barlist{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.v-barlist li{display:grid;grid-template-columns:minmax(0,1fr) 92px 62px;gap:9px;align-items:center;
  font-size:12.5px;cursor:pointer}
.v-barlist li.is-on{font-weight:700;color:var(--v-blue)}
.v-barlist .v-track{height:7px;border-radius:4px;background:#EEF2F8;overflow:hidden}
.v-barlist .v-track i{display:block;height:100%;border-radius:4px;background:var(--v-blue)}
.v-barlist .v-val{text-align:end;font-variant-numeric:tabular-nums;font-weight:600}
.v-barlist .v-nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* שורת שבבים נגללת */
.v-chips{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:2px;
  scrollbar-width:none}
.v-chips::-webkit-scrollbar{display:none}
.v-chips>*{flex:none}
/* שבב שעוטף <select> של הדפדפן */
.v-select{position:relative;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;
  cursor:pointer;background:var(--v-surface);border:var(--v-bw) solid var(--v-border);
  border-radius:var(--v-r-chip);font-size:12.5px;font-weight:600;color:var(--v-ink-2)}
.v-select:hover{border-color:#C9DBF2}
.v-select svg{width:12px;height:12px;color:#8E9AB0}
.v-select select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;
  font-family:var(--v-font)}
/* מתג «השוואה לתקופה קודמת» */
.v-toggle{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 13px;cursor:pointer;
  background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-input);
  font-size:13px;font-weight:600;color:var(--v-ink-2);box-shadow:0 2px 8px rgba(25,58,96,.06)}
.v-toggle input{accent-color:var(--v-blue);width:15px;height:15px;margin:0}
/* כותרת-מקטע בתוך כרטיס-טבלה («לידים פעילים» + קישור-צפייה) */
.v-tablecard__title{display:flex;align-items:center;gap:10px;padding:14px 18px 12px;
  border-bottom:var(--v-bw) solid var(--v-line)}
.v-tablecard__title h3{margin:0;font-size:17px;font-weight:700;flex:1;min-width:0;
  display:flex;align-items:center;gap:8px}
.v-tablecard__title h3 svg{width:18px;height:18px;color:var(--v-blue);flex:none}
/* ---- 22.10א טבלה שהעמודות שלה נקבעות מראש ----
   🔴 נולד מכשל שנמדד 20.9.2026: `.v-table` לבדה היא table-layout:auto, ולכן רוחבי
   ה-<col> הם **בקשה** ולא הוראה. בטבלה עם 10 עמודות התוכן הרחיב אותה הרבה מעבר
   לטור, `.v-tablecard{overflow:hidden}` חתך את מה שגלש, וכפתורי-הפעולה של כל שורה
   יצאו אל מחוץ למסך — הדף נראה תקין לחלוטין בצילום, ופשוט אי אפשר היה ללחוץ עליהם.
   `is-fixed` הופך את ה-<col> למחייב, והתאים חותכים בשלוש נקודות במקום להרחיב. */
.v-table.is-fixed{table-layout:fixed}
/* טבלה צפופה: ריפוד-תא 10 במקום 18. נדרש כשיש יותר מ-8 עמודות בטור של 946,
   אחרת כל תא מאבד 36 פיקסל לריפוד ו«לא ידוע» נחתך ל«לא…». */
.v-table.is-dense th,.v-table.is-dense td{padding:0 9px;font-size:12.5px}
.v-table.is-dense .v-actpill{min-width:0;padding:0 9px;height:28px}
.v-table.is-dense .v-kebab{width:24px}
.v-table.is-dense .v-cellact{gap:2px}
.v-table.is-dense .v-pill{padding:0 8px;font-size:11.5px}
.v-table.is-fixed th,.v-table.is-fixed td{overflow:hidden}
.v-table.is-fixed td>span:not(.v-cellact):not(.v-pill){
  display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v-table.is-fixed td>.v-pill{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block;
  line-height:24px}
/* חץ-פתיחה קטן בתחילת תא-שם */
.v-rowchev{width:12px;height:12px;color:#B3BFD2;margin-inline-end:6px;vertical-align:-1px}
/* כפתור עגול קטן ליד כותרת כרטיס */
.v-iconbtn{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;cursor:pointer;
  border:var(--v-bw) solid var(--v-border);background:var(--v-surface);color:#5B6880}
.v-iconbtn:hover{border-color:var(--v-blue);color:var(--v-blue)}
.v-iconbtn svg{width:14px;height:14px}
/* מסגרת-טלפון להצגת המובייל בתוך דף-המחשב */
/* 🔴 לכל מי שנוגע במקטע הזה בדף שלו (20.9.2026, סבב התיקונים של דף המכירות):
   הכותרת של המקטע הייתה בכל חמשת הדפים «תצוגת מובייל · 390 × 844» — וזה **בדיוק** המשפט
   ש-`AUDIT_PROTOCOL.md` נותן כדוגמה לטקסט שנכתב למפתח ואסור שיופיע על המסך. שני בודקים
   עצמאיים של דף המכירות סימנו אותו כחוסם.
   מה עושים: **משאירים את המקטע** (נתיב ביקש לראות מובייל בכל דף, כלל 2) ומחליפים את
   הכותרת לעברית של בן-אדם בלי מידות, למשל «איך זה נראה בנייד».
   בדף המכירות זה כבר נעשה. ב-planning · crm · hotels · attractions המשפט עדיין שם,
   תחת `class="phone-band"` ב-CSS המקומי של כל דף. */
.v-phoneband{margin-top:34px;padding:24px 0 10px;border-top:var(--v-bw) solid var(--v-border)}
.v-phoneband h2{margin:0 0 14px;font-size:13px;font-weight:700;color:#4A5A75;text-align:center}
.v-phone{width:390px;height:844px;margin:0 auto;border:10px solid #16233A;border-radius:42px;
  overflow:hidden;box-shadow:var(--v-sh-float);background:var(--v-bg)}
.v-phone iframe{width:390px;height:824px;border:0;display:block}
/* ---- 22.11 שני מצבים של המעטפת: סרגל מכווץ, ותצוגה משובצת ---- */
.v-app.is-collapsed{grid-template-columns:72px 1fr}
.v-app.is-collapsed .v-side__logo span,
.v-app.is-collapsed .v-side__user>div,
.v-app.is-collapsed .v-side__user .v-side__chev,
.v-app.is-collapsed .v-side__team .lbl,
.v-app.is-collapsed .v-side__team .v-side__chev,
.v-app.is-collapsed .v-side__item>span,
.v-app.is-collapsed .v-side__art b,
.v-app.is-collapsed .v-side__art small{display:none}
.v-app.is-collapsed .v-side__logo{padding:18px 6px 12px}
.v-app.is-collapsed .v-side__logo b{font-size:13px;letter-spacing:0}
.v-app.is-collapsed .v-side__user{justify-content:center;padding:10px 4px;margin:0 8px}
.v-app.is-collapsed .v-side__team{justify-content:center;padding:7px 4px;margin:10px 8px 4px}
.v-app.is-collapsed .v-side__nav{padding:12px 6px}
.v-app.is-collapsed .v-side__item{justify-content:center;padding:0}
.v-app.is-collapsed .v-side__art{height:110px}
body.is-embed .v-phoneband{display:none}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}

   22. תוספות שנדרשו בהעברת דף האטרקציות (20.9.2026)
   ---------------------------------------------------------------------
   כל אחת מהן היא רכיב שחסר למערכת ולא כלל של דף מסוים. הן נוספו כאן
   ולא בדף, לפי ההוראה בראש הקובץ («מה שחסר — מוסיפים לכאן»).
   הרשימה המלאה ולמה כל אחת חסרה: REBUILD_ATTRACTIONS.md.
   ===================================================================== */

/* ---- 22.1 שתי קומפוזיציות, לא העתק צר (כלל 2 של הבעלים) ----
   דף שבונה מסך-טלפון משלו עוטף כל קומפוזיציה במתג הזה. הגבול הוא 900,
   אותו גבול של מקטע 20, כדי שלא יהיו שני גבולות במערכת אחת. */
.v-dt-only{display:block}
.v-mb-only{display:none}
@media (max-width:900px){
  .v-dt-only{display:none!important}
  .v-mb-only{display:flex!important;flex-direction:column}
}

/* ---- 22.1ב גלולה סגולה: «בתהליך», ולא טוב/רע. הטוקן הסגול כבר קיים. ---- */
.v-pill.is-purple{background:var(--v-purple-soft);color:var(--v-purple)}

/* ---- 22.2 צבע-משמעות לטקסט. קיים לגלולות, לא היה לטקסט חופשי. ---- */
.v-ok{color:var(--v-good)}
.v-warn{color:var(--v-warn)}
.v-bad{color:var(--v-bad)}

/* ---- 22.3 מונה בתוך לשונית. הלשוניות בייחוס נושאות מספר. ---- */
.v-tab__n{
  display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;margin-inline-start:6px;
  border-radius:999px;background:#E3E9F2;color:#5B6880;font-size:11px;font-weight:700;
  font-variant-numeric:tabular-nums;direction:ltr;
}
.v-tab.is-on .v-tab__n{background:var(--v-blue);color:#fff}

/* ---- 22.4 משפך: תווית קטנה מעל מספר גדול · פס מעוגל · אחוז ----
   האנטומיה נמדדה ב-attractions_desktop.png (השורות 727..915 בטור הצר).
   קיים גם בדף המכירות, ולכן הוא רכיב של המערכת ולא של דף. */
.v-funnel{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.v-funnel li{
  display:flex;align-items:center;gap:12px;padding:11px 2px;
  border-top:var(--v-bw) solid var(--v-line);
}
.v-funnel li:first-child{border-top:0}
.v-funnel li.is-click{cursor:pointer;border-radius:10px;padding-inline:8px;margin-inline:-8px}
.v-funnel li.is-click:hover{background:var(--v-blue-soft)}
.v-funnel__txt{flex:none;min-width:108px;max-width:150px;text-align:start}
.v-funnel__txt span{display:block;font-size:12px;color:var(--v-muted);line-height:1.3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-funnel__txt b{display:block;font-size:21px;font-weight:700;color:var(--v-ink);line-height:1.15;
  font-variant-numeric:tabular-nums;direction:ltr;text-align:start}
.v-funnel__bar{flex:1;min-width:0;height:13px;border-radius:999px;background:#E9EEF6;overflow:hidden}
.v-funnel__bar i{display:block;height:100%;border-radius:999px;background:var(--v-blue)}
.v-funnel__pct{flex:none;width:42px;text-align:end;font-size:13px;font-weight:600;color:#5B6880;
  font-variant-numeric:tabular-nums;direction:ltr}

/* ---- 22.5 רשימת-מגירה: כותרת + שורת-הסבר · ערך · כפתור ---- */
.v-dlist{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column}
.v-dlist li{display:flex;align-items:center;gap:10px;padding:10px 2px;
  border-top:var(--v-bw) solid var(--v-line);font-size:13px}
.v-dlist__txt{flex:1;min-width:0;text-align:start}
.v-dlist__txt b{display:block;font-weight:700;color:var(--v-ink);line-height:1.35}
.v-dlist__txt b a{color:inherit;text-decoration:none;border-bottom:1px dotted #9DB8DE;cursor:pointer}
.v-dlist__txt b a:hover{color:var(--v-blue);border-bottom-color:var(--v-blue)}
.v-dlist__txt span{display:block;font-size:11.5px;color:var(--v-muted);margin-top:2px;line-height:1.45}
.v-dlist__v{flex:none;font-weight:700;color:var(--v-ink);font-variant-numeric:tabular-nums;direction:ltr}

/* ---- 22.6 תפריט ⋮ שנפתח ליד הכפתור ---- */
.v-menu{
  position:fixed;z-index:var(--v-z-menu-lo);min-width:212px;padding:6px;background:var(--v-surface);
  border:var(--v-bw) solid var(--v-border);border-radius:12px;box-shadow:var(--v-sh-float);
}
.v-menu button{
  display:flex;align-items:center;gap:9px;width:100%;height:38px;padding:0 10px;cursor:pointer;
  border:0;background:none;border-radius:8px;font:600 13px var(--v-font);color:var(--v-ink-2);text-align:start;
}
.v-menu button:hover:not([disabled]){background:var(--v-blue-soft);color:var(--v-blue)}
.v-menu button[disabled]{opacity:.55;cursor:not-allowed}
.v-menu button svg{width:15px;height:15px;flex:none;opacity:.8}
.v-menu button small{margin-inline-start:auto;font-size:10.5px;font-weight:400;color:#A5AFC0}

/* ---- 22.7 הערה במגירה: אותה צורה כמו .v-note, עם גוון לפי משמעות ---- */
.v-note.is-warn{background:var(--v-warn-soft);color:#7A4B07}
.v-note.is-info{background:var(--v-info-soft);color:#14508F}

/* ---- 22.8 כרטיס-הלקוח כמסגרת (iframe) בתוך שכבת-כיסוי ---- */
.v-cciframe{
  position:fixed;inset-block:0;left:0;right:auto;width:min(560px,96vw);z-index:var(--v-z-drawer);
  background:var(--v-surface);box-shadow:var(--v-sh-float);display:flex;flex-direction:column;
}
.v-cciframe iframe{flex:1;width:100%;border:0;background:var(--v-bg)}
.v-cciframe .v-x{position:absolute;top:10px;inset-inline-end:10px;z-index:2;background:var(--v-surface);
  border:var(--v-bw) solid var(--v-border)}

/* ---- 22.9 הסרגל במצב מכווץ (72px). הכפתור קיים בפס העליון בכל דף. ---- */

   22. תוספת 20.9.2026 — הרכיבים שחסרו כשדף הלקוחות עבר למערכת
   ---------------------------------------------------------------------
   כל מה שכאן נכתב פעם אחת ושייך לכל הדפים, לא לדף אחד. כל שורה נוספה
   כי הייתה לה דרישה בעיצוב של נתיב ולא היה לה רכיב במערכת.
   ===================================================================== */

/* 22א. שתי קומפוזיציות: מחשב ומובייל הם מסכים שונים, לא אותו מסך בשתי רוחבים (כלל 2) */
.v-deskonly{display:block}
.v-mobonly{display:none}
@media (max-width:900px){
  .v-deskonly{display:none!important}
  .v-mobonly{display:block}
}

/* 22ב. קאבר של כלי — בלי תמונת יעד (כלל 7: «חוץ מהכלים כמו crm»).
   אותה גובה, אותה חפיפה לשורת המדדים, רק בלי התמונה ובלי הגרדיאנט שנועד לתת לה ניגוד. */
/* הגוון נשאר עמוק מספיק עד הקצה התחתון, אחרת הרצועה נעלמת ברקע העמוד
   ושורת המדדים כבר לא נראית חופפת לה — וזה בדיוק מה שנותן לעיצוב את העומק שלו. */
.v-cover.is-plain{background:linear-gradient(180deg,#C7DCF2 0%,#D9E8F8 52%,#E4EEF9 100%);color:var(--v-ink)}
.v-cover.is-plain::after{background:radial-gradient(70% 120% at 82% 0%,rgba(255,255,255,.55),transparent 62%)}
/* Alpine מסתיר איתו אלמנטים עד שהוא נטען. בלי השורה הזאת הם מהבהבים בטעינה. */
[x-cloak]{display:none!important}
/* כרטיס פעולה שאין לו נתון: אפור, לא לחיץ, ולא מוסתר (כלל #90) */
.v-act[disabled]{cursor:default;opacity:.92;box-shadow:none;background:var(--v-surface-2)}
.v-act[disabled]:hover{transform:none;border-color:var(--v-border);box-shadow:none}
.v-act[disabled] .v-act__num{font-size:17px;color:var(--v-muted);font-weight:600}
.v-act[disabled] .v-act__icon{background:var(--v-surface-2);color:#9AA6BC}
.v-cover__flag{display:flex;align-items:center;gap:8px;margin:11px 0 0;font-size:14px;font-weight:500;color:#3B4D6B}
.v-cover__flag svg{width:24px;height:16px;border-radius:2px;flex:none;box-shadow:0 0 0 1px rgba(13,43,77,.12)}
.v-cover__flag span{direction:ltr;unicode-bidi:isolate}

/* 22ג. סרגל מכווץ (הכפתור שכבר היה בדפים) */
.v-side__item .v-lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}
.v-side__badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--v-bad);color:#fff;
  font-size:11px;font-weight:700;line-height:20px;text-align:center;flex:none}
.v-app.is-collapsed{grid-template-columns:72px 1fr}
.v-app.is-collapsed .v-side__logo span,
.v-app.is-collapsed .v-side__user div,
.v-app.is-collapsed .v-side__user .v-side__chev,
.v-app.is-collapsed .v-side__team .lbl,
.v-app.is-collapsed .v-side__team .v-side__chev,
.v-app.is-collapsed .v-side__item span,
.v-app.is-collapsed .v-side__art b,
.v-app.is-collapsed .v-side__art small{display:none}
.v-app.is-collapsed .v-side__logo{padding:18px 8px 12px}
.v-app.is-collapsed .v-side__logo b{font-size:13px}
.v-app.is-collapsed .v-side__user{justify-content:center;padding:10px 4px;margin:0 8px}
.v-app.is-collapsed .v-side__team{justify-content:center;margin:12px 8px 4px;padding:7px 0}
.v-app.is-collapsed .v-side__item{justify-content:center;padding:0}
.v-app.is-collapsed .v-side__art{height:96px}

/* ---- 22.10 כרטיס-רשימה למובייל ----
   זה הפריט שנרשם ב-DESIGN_SYSTEM.md §7.6 כ«עדיין לא נבנה»: בייחוס-המובייל
   הטבלה הופכת לכרטיסים, ולא נגללת לצדדים. שטח-לחיצה 44 כנדרש שם. */
.v-mlist{display:flex;flex-direction:column;gap:10px}
.v-mrow{
  background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-card);
  padding:12px 14px;box-shadow:0 2px 10px rgba(25,58,96,.05);
}
.v-mrow__top{display:flex;align-items:flex-start;gap:10px}
.v-mrow__main{flex:1;min-width:0;text-align:start}
.v-mrow__main b{display:block;font-size:14px;font-weight:700;color:var(--v-ink);line-height:1.35;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-mrow__main span{display:block;font-size:11.5px;color:var(--v-muted);margin-top:2px}
.v-mrow__v{flex:none;font-size:14px;font-weight:700;color:var(--v-ink);font-variant-numeric:tabular-nums;direction:ltr}
.v-mrow__more{
  width:44px;height:44px;margin:-6px -8px -6px 0;flex:none;display:grid;place-items:center;order:-1;
  border:0;background:none;cursor:pointer;color:#93A0B6;border-radius:10px;
}
.v-mrow__more:hover{background:var(--v-surface-2);color:var(--v-ink)}
.v-mrow__open{margin-top:10px;padding-top:10px;border-top:var(--v-bw) solid var(--v-line)}
.v-mrow__open .v-facts div:first-child{border-top:0}
.v-mrow__acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.v-mrow__acts .v-actpill{min-height:38px}

/* ---- 22.11 גיליון «עוד» של הניווט התחתון ---- */
.v-sheet{
  position:fixed;inset-inline:0;bottom:0;z-index:var(--v-z-sheet-scrim);max-height:76vh;overflow-y:auto;
  background:var(--v-surface);border-radius:20px 20px 0 0;box-shadow:var(--v-sh-float);
  padding:8px 14px calc(18px + env(safe-area-inset-bottom,0px));
  transform:translateY(102%);transition:transform var(--v-norm) var(--v-ease);
}
.v-sheet.is-open{transform:none}
.v-sheet__grip{width:42px;height:4px;border-radius:3px;background:#D5DEEA;margin:6px auto 12px}
.v-sheet ul{list-style:none;margin:0;padding:0}
.v-sheet a{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 6px;
  color:var(--v-ink-2);text-decoration:none;font-size:14px;font-weight:600}
.v-sheet a:hover{color:var(--v-blue)}
.v-sheet a svg{width:18px;height:18px;flex:none;opacity:.75}

/* ---- 22.12 שורת-כותרת של כרטיס עם תת-כותרת ----
   .v-card__sub קיים, אבל הוא מניח שהכותרת לבדה בשורה. כאן שתיהן
   בתוך בלוק אחד משמאל לבורר, כמו בייחוס. */
.v-card__titles{min-width:0}
.v-card__titles h3{font-size:17px;font-weight:700;margin:0;color:var(--v-ink)}
.v-card__titles p{margin:3px 0 0;font-size:12.5px;color:var(--v-muted);line-height:1.4}

/* ---- 22.13 שורת-תחתית של כרטיס-טבלה: כמה מוצג מתוך כמה ---- */
.v-tablefoot{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:11px 18px;border-top:var(--v-bw) solid var(--v-line);
  background:var(--v-surface-2);font-size:11.5px;color:var(--v-muted);
}
.v-tablefoot span:last-child{margin-inline-start:auto}

/* ---- 22.13ב באג בקובץ עצמו: הניווט התחתון לא הופיע באף דף ----
   🔴 במקטע 20 הכלל `‎.v-bottomnav{display:flex}` יושב **בתוך** שאילתת-המדיה
   בשורה 665, והכלל הבסיסי `‎.v-bottomnav{display:none}` יושב **אחריו**
   בשורה 672. אותה ספציפיות, והמאוחר מנצח ⟹ הסרגל התחתון היה מוסתר גם
   ברוחב טלפון. נמדד 20.9.2026 ב-390 פיקסל: display היה `none`.
   הכלל כאן יושב בסוף הקובץ, ולכן הוא זה שמנצח. */
@media (max-width:900px){
  .v-bottomnav{display:flex}
}

/* ---- 22.14 גלילה אופקית של הטבלה בתוך הכרטיס ----
   בלי זה עמודת-הפעולות יוצאת מהכרטיס ולא ניתנת ללחיצה (ממצא A1-F1).
   table-layout:fixed: רוחב העמודות נקבע מה-colgroup ולא מהתוכן, ולכן
   תת-שורה ארוכה נחתכת בשלוש נקודות ולא מגביהה את השורה ל-75 פיקסל. */
.v-tablescroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.v-tablescroll>table{min-width:100%;table-layout:fixed}
.v-tablescroll .v-table .v-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---- 22.15 לשוניות צפופות: לדף עם שבע לשוניות ומונים ----
   נמדד 20.9.2026: שבע לשוניות במידה הרגילה = 1,023 פיקסל, והכרטיס 943.
   הצפוף מקטין ריפוד וגופן ב-8% ומחזיר את כולן לשורה אחת. */
.v-tabs.is-dense .v-tab{padding:0 10px;font-size:12.5px}
.v-tabs.is-dense .v-tab__n{margin-inline-start:4px;min-width:17px;height:17px;font-size:10.5px}
.v-tabs.is-dense .v-tab.is-on::after{inset-inline:11px}

/* ---- 22.16 שבב לעולם לא נשבר לשתי שורות ---- */
.v-chip{white-space:nowrap}

/* ---- 22.17 מובייל: שלושה תיקונים שנמדדו על 390 פיקסל ----
   · כרטיס KPI חמישי לא נשאר יתום בטור אחד — הוא נפרש על שני הטורים (ממצא A1-F5).
   · פס היעד מתקצר ל-40, אחרת «מתוך 85% · 55%» נחתך בכרטיס הצר.
   · גיליון «עוד» סגור הוא גם visibility:hidden, לא רק מוזז מחוץ למסך —
     כך הוא לא נכנס לסדר-הטאב ולא מופיע בצילום-מסך של עמוד מלא. */
@media (max-width:900px){
  /* nth-of-type ולא nth-child: בדף שמרנדר עם Alpine יש <template> כילד ראשון */
  .v-kpis > .v-kpi:last-of-type:nth-of-type(odd){grid-column:1 / -1}
  /* בכרטיס צר הטקסט קודם והפס מתחתיו ברוחב מלא, במקום לחתוך את «מתוך 85%» */
  .v-kpi__goal{flex-wrap:wrap;row-gap:4px}
  .v-kpi__bar{width:100%;order:2}
}
.v-sheet{visibility:hidden}
.v-sheet.is-open{visibility:visible}

/* ==========================================================================
   23 · תיקוני-מערכת מסבב-התיקונים של דף האטרקציות (20.9.2026)
   כל מה שכאן נמצא ע"י שני בודקים עיוורים, וכל אחד מהם הוא **פגם של השלד ולא של הדף**:
   הוא יופיע בכל דף שישתמש באותו רכיב. לכן הוא נכתב כאן ולא בדף (כלל 9.4).
   ========================================================================== */

/* ---- 23.1 בלוק המשתמש כשהפס העליון שוחה מעל הקאבר ----
   נמדד: השם «דניאל שרון» בצבע var(--v-ink) על תמונת סלע כהה = לא נקרא בכלל.
   שני האודיטים סימנו את זה כחוסם. השכנים שלו בפס (החיפוש, בורר התאריך, הכפתורים)
   כולם משטח לבן; הוא היה היחיד שקוף. עכשיו הוא נראה כמוהם — וזה גם מה שיש בייחוס,
   שבו הפס העליון לבן. */
.v-top.is-onCover .v-top__me{
  background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:999px;
  padding:3px 12px 3px 3px;box-shadow:0 2px 8px rgba(25,58,96,.06);
}
.v-top.is-onCover .v-top__me b{color:var(--v-ink)}

/* ---- 23.2 «אין כפתור מת»: פריט-ניווט שעוד לא נבנה ----
   נמדד 12 כפתורים וקישורים שנראו פעילים ולא עשו כלום. מה שאי אפשר עדיין ללחוץ עליו
   מוצג מושבת עם סיבה במילה אחת, ולא כקישור שמאכזב. */
.v-side__item.is-soon{opacity:.45;cursor:default;pointer-events:none}
.v-side__item.is-soon small{margin-inline-start:auto;font-size:10.5px;font-weight:500;opacity:.85}
.v-sheet li .is-soon{display:flex;align-items:center;gap:12px;opacity:.45;cursor:default;pointer-events:none}
.v-sheet li .is-soon small{margin-inline-start:auto;font-size:11px}
.v-top__btn[disabled]{opacity:.45;cursor:default}

/* ---- 23.3 כרטיס-פעולה: פס-הצבע בקצה, והחץ לכיוון הקריאה ----
   בתמונת הייחוס לכל כרטיס ברצועה יש **פס צבע עבה בקצה הימני** (אדום · כתום · כחול),
   והוא סימן-הדחיפות העיקרי. נמדד אצלנו: border-right ו-border-left שניהם
   1px #E6EDF6 — אפס צבע. בנוסף, החץ ישב בימין והאייקון בשמאל, הפוך מהייחוס,
   והחץ הצביע ימינה — כלומר אחורה בעברית. שלושתם מתוקנים כאן, לכל הדפים. */
.v-act{overflow:hidden}
.v-act::before{
  content:"";position:absolute;inset-block:0;inset-inline-start:0;width:5px;
  background:var(--v-line);
}
.v-act.t-red::before{background:var(--v-bad)}
.v-act.t-amber::before{background:var(--v-warn)}
.v-act.t-purple::before{background:var(--v-purple)}
.v-act.t-teal::before{background:var(--v-teal)}
.v-act.t-green::before{background:var(--v-good)}
.v-act.t-sky::before{background:var(--v-sky)}
.v-act__top{padding-inline-start:8px}
/* האייקון בקצה ההתחלתי (ימין), החץ בקצה הסופי (שמאל) — כמו בייחוס */
.v-act__icon{order:-1}
.v-act__chev{order:9;margin-inline-start:auto}
.v-act:hover .v-act__chev{transform:translateX(-3px)}
.v-ins .v-act__chev{order:9;margin-inline-start:auto}
.v-ins__icon{order:-1}

/* ---- 23.4 שורות-היעדים מתחת לגרף «מול היעד» ----
   הגרף מצייר עמודה רק כשיש **גם יעד וגם מדידה**, וזה נכון (כלל 90). אבל התוצאה
   שנמדדה היא קופסה ריקה לגמרי במבט «שנתי», ויעד כספי שרשום במסד ולא נראה בשום
   מקום על המסך. שורה לכל מדד פותרת את שניהם: היעד הרשום נראה תמיד, ולמה אין
   עמודה כתוב במילים — לעולם לא 0% ולא שטח ריק. */
.v-goals__head{margin:12px 0 8px;font-size:12.5px;color:var(--v-muted);line-height:1.5}
.v-goals{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.v-goals li{
  display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:baseline;
  padding:8px 11px;border-radius:10px;background:var(--v-surface-2);
  border-inline-start:3px solid var(--v-line);
}
.v-goals li b{font-size:12.5px;font-weight:600;color:var(--v-ink);min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v-goals__t{font-size:12.5px;font-weight:700;color:var(--v-ink);white-space:nowrap}
.v-goals__s{grid-column:1 / -1;font-size:11.5px;color:var(--v-muted);line-height:1.4}
.v-goals li.is-hit{border-inline-start-color:var(--v-good)}
.v-goals li.is-hit .v-goals__s{color:var(--v-good)}
.v-goals li.is-low{border-inline-start-color:var(--v-bad)}
.v-goals li.is-low .v-goals__s{color:var(--v-bad)}
.v-goals li.is-mid{border-inline-start-color:var(--v-blue)}
.v-goals li.is-wait{border-inline-start-color:var(--v-warn)}
.v-goals li.is-none .v-goals__t{color:var(--v-muted)}

/* ---- 23.5 שבב-הסינון שהגיע מכרטיס הרצועה ----
   בלעדיו, שני כרטיסים שנוחתים על אותה לשונית נראים כאילו לא קרה כלום. */
.v-filterbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.v-filterbar__hint{font-size:11.5px;color:var(--v-muted)}
.v-filterbar .v-chip .v-num{font-weight:700}

/* ---- 23.6 שורת-מכנה קטנה מתחת לשם הלשונית ----
   «אטרקציות קרובות 34» הציג 91 שורות. התג סופר לקוחות והרשימה מציגה הזמנות,
   ובלי השורה הזאת אין דרך לדעת שאלה שני דברים. */
.v-tab{flex-wrap:wrap}
.v-tab__sub{width:100%;display:block;font-size:10px;font-weight:500;color:var(--v-muted);
  line-height:1.2;margin-top:1px;text-align:start}
.v-tab.is-on .v-tab__sub{color:inherit;opacity:.75}

/* ---- 23.7 «אין נתון» בתוך תא, בלי גלולה ----
   גלולה אפורה בתוך עמודת מספרים נקראת כסטטוס ולא כחוסר-נתון, והיא גם נדבקת
   לגלולת-הסטטוס שלידה. אותה עמודה צריכה אנטומיה אחת. */
.v-none{color:var(--v-muted);font-size:12px;font-weight:500}

/* ---- 23.8 בורר עם כיתוב ----
   בורר שמציג שם של אדם בלי כיתוב נקרא כשם, לא כבורר. */
.v-pickwrap{display:inline-flex;align-items:center;gap:6px}
.v-pickwrap__lbl{font-size:12px;color:var(--v-muted);font-weight:600}

/* ---- 23.9 באנר-קידום: כותרת וכפתור מלא ----
   הכפתור היה שקוף על תמונה ולכן כמעט לא נראה, ולא הייתה כותרת מעל המשפט. */
.v-promo__t{display:block;font-size:17px;font-weight:700;line-height:1.3;margin-bottom:2px}
.v-promo__in .v-btn.is-solid{background:var(--v-surface);border-color:var(--v-surface);color:var(--v-ink)}
.v-promo__in .v-btn.is-solid:hover{background:#EEF4FF}

/* ---- 23.10 מובייל: שטח-מגע של 44 פיקסל ----
   נמדד 24 מתוך 52 אזורי-מגע מתחת ל-44. התבנית דורשת 44 לכל מגע. */
@media (max-width:900px){
  .v-tab{min-height:44px}
  .v-chip{min-height:44px}
  .v-datepill{height:44px}
  .v-datepill__nav{width:34px;height:34px}
  .v-table .v-name,.v-mrow__main a{display:inline-block;min-height:30px;line-height:30px}
  .v-link{min-height:44px;display:inline-flex;align-items:center}
  .v-actpill{min-height:38px}
}

/* ---- 23.11 משפך: כל המסילות באותו אורך ----
   נמדד: חמש מסילות נגמרות בפיקסל 216 ואחת ב-196, כי התווית «קיבלו לינקים והצעות מחיר»
   ארוכה ודוחקת את הפס (שני האודיטים). עמודת-התווית ברוחב קבוע מסיימת את זה,
   והתווית הארוכה נחתכת בשלוש נקודות במקום להזיז את הפס. */
.v-funnel__txt{flex:none;width:118px;min-width:118px;max-width:118px}
/* המספר הגדול במרכז הפס, לא נמוך ממנו */
.v-funnel li{align-items:center}

/* ---- 23.12 משולש-המיון: נראה רק כשהוא אומר משהו ----
   נמדד: המשולש «▾» הופיע על כל תשע הכותרות תמיד, גם בעמודה שלא מיינו, וההבדל בין
   ממוינת ללא-ממוינת היה שקיפות בלבד (אודיט 1). שתי שורות סותרות ב-_ds.css עצמו:
   מקטע 12 מסתיר בברירת מחדל (opacity:0), ומקטע 22.9 החזיר .35 וביטל אותו.
   ההכרעה: מסתירים, ומראים בריחוף ובעמודה הממוינת. זו סתירה בתוך המערכת, לא בדף. */
.v-table th.is-sortable .v-sort{opacity:0}
.v-table th.is-sortable:hover .v-sort,.v-table th[data-dir] .v-sort{opacity:.55}

/* ---- 23.13 כרטיס-הטבלה לא משאיר שטח לבן בתחתיתו ----
   נמדד: הטור הצד גבוה מהטבלה, `.v-col.is-fill > :last-child{flex:1}` מתח את
   כרטיס-הטבלה אליו, ונשאר שטח לבן מתחת לשורת-הסיום. עכשיו אזור-הגלילה של הטבלה
   הוא זה שנמתח, ושורת-הסיום נדבקת לתחתית הכרטיס — כמו בייחוס. */
.v-col.is-fill > .v-tablecard{display:flex;flex-direction:column}
.v-col.is-fill > .v-tablecard > .v-tablescroll{flex:1;min-height:0}
.v-col.is-fill > .v-tablecard > .v-tablefoot{margin-top:auto}
/* הטור לא נמתח כשאין מספיק תוכן למלא אותו — עדיף כרטיס קצר מכרטיס חצי-ריק */
.v-col.is-fill.is-hug > :last-child{flex:none}
/* עמודת האחוז במשפך: «פחות מ-1%» לא נשברת לשתי שורות */
.v-funnel__pct{width:66px;white-space:nowrap}

.v-app.is-collapsed .v-side__team,
.v-app.is-collapsed .v-side__item .v-lbl,
.v-app.is-collapsed .v-side__badge,
.v-app.is-collapsed .v-side__art b,
.v-app.is-collapsed .v-side__art small{display:none}
.v-app.is-collapsed .v-side__logo{padding:18px 4px 12px}
.v-app.is-collapsed .v-side__logo b{font-size:12px;letter-spacing:0}
.v-app.is-collapsed .v-side__user{justify-content:center;margin:0 8px;padding:10px 0}
.v-app.is-collapsed .v-side__item{justify-content:center;padding:0}
.v-app.is-collapsed .v-side__art{height:92px}

/* 22ד. רצועה מגוונת שנגמרת בפעולה אחת («למה הרשימה הזו?» בייחוס ה-CRM) */
.v-callout{display:flex;align-items:center;gap:14px;margin-top:var(--v-band);padding:14px 18px;
  border-radius:var(--v-r-card);background:var(--v-blue-soft);border:var(--v-bw) solid #D9E8FC}
.v-callout__icon{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--v-blue)}
.v-callout__icon svg{width:18px;height:18px}
.v-callout__txt{flex:1;min-width:0;text-align:start}
.v-callout__txt b{display:block;font-size:15px;font-weight:700;color:#12305E;line-height:1.4}
.v-callout__txt span{display:block;font-size:13px;color:#31507F;margin-top:2px;line-height:1.45}
.v-callout .v-btn{flex:none}

/* 22ה. תפריט שנפתח ליד שורה (שלוש הנקודות) */
.v-menu{position:fixed;z-index:var(--v-z-menu);min-width:204px;background:var(--v-surface);border:var(--v-bw) solid var(--v-border);
  border-radius:12px;box-shadow:var(--v-sh-float);padding:6px}
.v-menu button{display:flex;align-items:center;gap:10px;width:100%;height:38px;padding:0 10px;border:0;background:none;
  border-radius:8px;cursor:pointer;font:500 13px var(--v-font);color:var(--v-ink-2);text-align:start;white-space:nowrap}
.v-menu button:hover:not([disabled]){background:var(--v-surface-2)}
.v-menu button[disabled]{color:#A5AFC0;cursor:default}
.v-menu button svg{width:16px;height:16px;flex:none;color:var(--v-muted)}
.v-menu button small{margin-inline-start:auto;font-size:11px;color:#A5AFC0}

/* 22ו. התפלגות בעמודות אופקיות, כשהטבעת לא מתאימה */
.v-barlist{list-style:none;margin:8px 0 0;padding:0}
.v-barlist li{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 58px;align-items:center;gap:10px;
  height:31px;padding:0 6px;margin:0 -6px;border-radius:8px;cursor:pointer;font-size:13px}
.v-barlist li:hover{background:var(--v-surface-2)}
.v-barlist li.is-on{background:var(--v-blue-soft)}
.v-barlist__n{text-align:end;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--v-ink-2);font-weight:500}
.v-barlist__b{height:8px;border-radius:4px;background:#EEF2F8;overflow:hidden}
.v-barlist__b i{display:block;height:100%;border-radius:4px;background:var(--v-blue)}
.v-barlist__v{text-align:end;font-weight:700;font-variant-numeric:tabular-nums}
.v-donut__legend li{padding:0 6px;margin:0 -6px;height:25px;border-radius:8px;cursor:pointer}
.v-donut__legend li.is-on{background:var(--v-blue-soft)}

/* 22ז. רשימות חכמות: כותרת מתקפלת, שורה בלי נתון, ומחיקת תצוגה שמורה */
.v-lists__head{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;
  padding:2px 2px 8px;border:0;background:none;cursor:pointer;font:700 15px var(--v-font);color:var(--v-ink);text-align:start}
.v-lists__head svg{width:14px;height:14px;color:var(--v-muted);transition:transform var(--v-fast) var(--v-ease)}
.v-lists__head[aria-expanded="false"] svg{transform:rotate(-90deg)}
.v-listitem{width:100%;border:0;background:none;font-family:var(--v-font)}
.v-listitem.is-na{cursor:default;opacity:.8}
.v-listitem.is-na:hover{background:transparent}
.v-listitem.is-na b{font-size:11px;font-weight:600;background:var(--v-surface-2);color:var(--v-muted);border-radius:999px;padding:2px 8px}
.v-del{width:26px;height:26px;flex:none;border-radius:7px;border:0;background:none;cursor:pointer;color:#9AA6BA;display:grid;place-items:center}
.v-del:hover{background:var(--v-bad-soft);color:var(--v-bad)}
.v-del svg{width:12px;height:12px}

/* 22ח. טבלה: גלולה סגולה, עיגול ראשי-תיבות, מונה בלשונית, שורת תחתית, שורות צפופות */
.v-pill.is-purple{background:var(--v-purple-soft);color:var(--v-purple)}
.v-ava{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;
  font-size:12.5px;font-weight:700;color:#fff;background:linear-gradient(135deg,#123A62,#1B4E86)}
.v-tab b{font-size:11px;font-weight:700;background:#fff;border-radius:999px;padding:1px 7px;
  margin-inline-start:6px;font-variant-numeric:tabular-nums;color:var(--v-muted)}
.v-tab.is-on b{color:var(--v-blue)}
.v-count{font-size:15px;font-weight:600;color:var(--v-muted);font-variant-numeric:tabular-nums}
.v-tblfoot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
  padding:11px 18px 13px;font-size:12px;color:var(--v-muted);border-top:var(--v-bw) solid var(--v-line)}
.v-table.is-tight td{height:40px}
.v-segment button svg{width:15px;height:15px;display:block}
/* שבב שמחזיק בחירה מתוך רשימה נפתחת של הדפדפן */
.v-selectwrap{position:relative;display:inline-flex}
.v-selectwrap select{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer;font:inherit}
.v-search.is-wide{max-width:none}
/* חצי הניווט בבורר התאריכים הם כפתורים אמיתיים */
.v-datepill .v-datepill__nav{border:0;background:none;cursor:pointer;font:inherit}
.v-datepill .v-datepill__nav[disabled]{opacity:.35;cursor:default}
.v-datepill .v-datepill__nav[disabled]:hover{background:none;color:#7C889E}

/* 22ט. מתג דו-מצבי */
.v-switch{position:relative;width:40px;height:22px;flex:none;border:0;border-radius:999px;background:#D5DEEA;cursor:pointer}
.v-switch.is-on{background:var(--v-blue)}
.v-switch::after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:50%;
  background:#fff;transition:inset-inline-start var(--v-fast) var(--v-ease)}
.v-switch.is-on::after{inset-inline-start:20px}
.v-switchrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;font-size:13px;font-weight:600}

/* 22י. מגירה רחבה, קבוצת פריטים ורשימת פריטים בתוך מגירה */
.v-drawer.is-wide{width:min(760px,96vw)}
.v-group{margin-top:14px;border:var(--v-bw) solid var(--v-border);border-radius:12px;overflow:hidden}
.v-group__head{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--v-surface-2)}
.v-group__head b{flex:1;font-size:14px}
.v-group__more{padding:8px 12px;font-size:12px;color:var(--v-muted);border-top:var(--v-bw) solid var(--v-border)}
.v-dlist{list-style:none;margin:0;padding:0 12px;font-size:13px}
.v-dlist li{display:flex;align-items:center;gap:10px;min-height:44px;border-top:var(--v-bw) solid var(--v-line)}
.v-dlist li:first-child{border-top:0}
.v-dlist__t{flex:1;min-width:0;text-align:start}
.v-dlist__t b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-dlist__t small{display:block;font-size:12px;color:var(--v-muted)}
.v-badge{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center}
.v-badge svg{width:15px;height:15px}
.v-badge.is-bad{background:var(--v-bad-soft);color:var(--v-bad)}
.v-badge.is-warn{background:var(--v-warn-soft);color:var(--v-warn)}
.v-badge.is-good{background:var(--v-good-soft);color:var(--v-good)}
.v-badge.is-muted{background:var(--v-surface-2);color:var(--v-muted)}
.v-bignum{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}

/* 22כ. מובייל: הרכיבים שהיו רשומים כחסרים ב-DESIGN_SYSTEM §7.6 */
.v-greet{margin-top:14px;padding:16px 14px;border-radius:var(--v-r-card);
  background:linear-gradient(180deg,#D7E6F6,#EAF2FB);border:var(--v-bw) solid #DCE7F3}
.v-greet b{display:block;font-size:18px;font-weight:700;color:var(--v-ink)}
.v-greet span{display:block;font-size:12.5px;color:#3B4D6B;margin-top:3px}
.v-kpis.is-mini{grid-template-columns:1fr 1fr}
.v-kpi.is-mini{min-height:104px;flex-direction:column;align-items:flex-start;gap:0;padding:13px 14px}
.v-kpi.is-mini .v-kpi__icon{width:36px;height:36px;order:0;margin-bottom:8px}
.v-kpi.is-mini .v-kpi__icon svg{width:18px;height:18px}
.v-kpi.is-mini .v-kpi__value{font-size:24px}
.v-kpi.is-mini .v-kpi__label{font-size:13px;font-weight:500;color:var(--v-muted);margin-top:2px}
/* כרטיס-שורה במובייל: זה מה שמחליף את הטבלה, ולא גלילה לצדדים */
.v-listrow{display:flex;align-items:center;gap:10px;width:100%;min-height:74px;padding:11px 0;cursor:pointer;
  text-align:start;border:0;border-bottom:var(--v-bw) solid var(--v-line);background:none;font-family:var(--v-font)}
.v-listrow:last-of-type{border-bottom:0}
.v-listrow__t{flex:1;min-width:0}
.v-listrow__t b{display:block;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-listrow__t small{display:block;font-size:12px;color:var(--v-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-listrow__a{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.v-listrow .v-act__chev{flex:none;margin:0}
.v-chips{display:flex;gap:8px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px}
.v-chips::-webkit-scrollbar{display:none}
.v-chips>*{flex:none}
.v-fab{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(36px + env(safe-area-inset-bottom));
  width:52px;height:52px;border-radius:50%;border:4px solid #fff;background:var(--v-blue);color:#fff;
  display:none;place-items:center;cursor:pointer;box-shadow:0 8px 20px rgba(10,88,222,.35);z-index:var(--v-z-float-up)}
.v-fab svg{width:22px;height:22px}
.v-sheet__scrim{position:fixed;inset:0;z-index:var(--v-z-scrim);display:none;opacity:0;
  background:rgba(10,26,46,.34);transition:opacity var(--v-norm) var(--v-ease)}
.v-sheet{position:fixed;inset-inline:0;bottom:0;z-index:var(--v-z-drawer);display:none;background:var(--v-surface);
  border-radius:var(--v-r-panel) var(--v-r-panel) 0 0;padding:8px 16px calc(16px + env(safe-area-inset-bottom));
  box-shadow:0 -16px 40px rgba(13,43,77,.14);transform:translateY(100%);transition:transform var(--v-norm) var(--v-ease)}
.v-sheet__grip{width:40px;height:4px;border-radius:2px;background:#D5DEEA;margin:0 auto 10px}
.v-sheet ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.v-sheet a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:68px;
  border-radius:12px;font-size:12px;font-weight:500;color:var(--v-ink);text-decoration:none}
.v-sheet a i{width:40px;height:40px;border-radius:50%;background:var(--v-blue-soft);color:var(--v-blue);display:grid;place-items:center}
.v-sheet a svg{width:18px;height:18px}
.v-body.is-sheet .v-sheet,.v-body.is-sheet .v-sheet__scrim{display:block}
.v-body.is-sheet-in .v-sheet{transform:none}
.v-body.is-sheet-in .v-sheet__scrim{opacity:1}
@media (max-width:900px){
  .v-fab{display:grid}
  /* תיקון: הכלל של הניווט התחתון במקטע 20 נכתב לפני ההגדרה שלו במקטע 20ב, ולכן
     display:none ניצח תמיד והניווט לא הופיע במובייל. כאן הוא מוגדר אחרי, ולכן מנצח. */
  .v-bottomnav{display:flex}
  .v-drawer,.v-drawer.is-wide{inset-block:auto 0;inset-inline:0;width:auto;max-height:92vh;
    transform:translateY(100%);border-radius:var(--v-r-panel) var(--v-r-panel) 0 0}
  .v-drawer.is-open{transform:none}
  .v-menu{inset-inline:12px!important;top:auto!important;bottom:calc(80px + env(safe-area-inset-bottom))}
}

/* 22ל. מסגרת הטלפון — כלי בדיקה של הפרוטוטייפים, מוצג רק במחשב */
.v-phoneband{margin-top:28px;padding:22px 0 8px;border-top:1px dashed #C9D6EA;
  display:flex;flex-direction:column;align-items:center;gap:14px}
.v-phoneband h2{margin:0;font-size:15px;font-weight:600;color:var(--v-muted)}
.v-phone{width:434px;height:888px;background:#fff;border-radius:44px;padding:12px;
  border:10px solid #1B1F26;box-shadow:0 30px 80px rgba(0,0,0,.28)}
.v-phone iframe{width:390px;height:844px;border:0;border-radius:32px;background:var(--v-bg);display:block}
.v-body.is-embed .v-phoneband,.v-body.is-embed .v-side{display:none}
.v-body.is-embed .v-app{grid-template-columns:1fr}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ═══════════════════════════════════════════════════════════════════════════
   מפת המקטעים של דף התכנון — 15 ההערות של נתיב על המסך (20.9.2026).
   הכל מצטרף לרכיבים הקיימים ולא דורס אותם: אותם צבעים, אותם רדיוסים, אותם רווחים.
   ═══════════════════════════════════════════════════════════════════════════ */

/* הערה 1 — «תוסיף אופציה אם רוצים לשנות kpi לנתון אחר. סימן קטן שלא יפריע».
   יושב בפינת הכרטיס, שקוף עד ריחוף, ולא גוזל מקום מהמספר. */
.v-kpi{position:relative}
.v-kpi__swap{position:absolute;inset-block-start:8px;inset-inline-start:8px;width:20px;height:20px;border-radius:7px;
  display:grid;place-items:center;color:#A9B6C9;opacity:0;transition:opacity .15s,background .15s;cursor:pointer}
.v-kpi:hover .v-kpi__swap,.v-kpi__swap:focus-visible{opacity:1}
.v-kpi__swap:hover{background:var(--v-blue-soft);color:var(--v-blue)}
.v-kpi__swap:focus-visible{outline:2px solid var(--v-blue);outline-offset:1px}
@media (hover:none){.v-kpi__swap{opacity:.55}}

/* הערה 5 — «הטקסט מתחת של כמה מתוך היעד לא יושב טוב ושבור».
   שורת היעד יושבת על שורה אחת: הפס מתכווץ, הטקסט לא נשבר באמצע מספר. */
.v-kpi__goal{flex-wrap:nowrap;gap:6px}
.v-kpi__goaltxt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
.v-kpi__bar{flex:0 1 44px}
/* שישה-בשורה (מכירות): הפס מתקצר כדי שהטקסט ייכנס בשורה אחת בלי להיחתך (נמדד 21.9) */
.v-kpis.is-6 .v-kpi__bar{flex:0 0 16px;min-width:16px;width:16px}  /* 22 ⟸ 16: העיגול גדל ל-44, והטקסט צריך את הרוחב */
.v-kpis.is-6 .v-kpi__goal{gap:5px}
.v-kpis.is-6 .v-kpi__goaltxt{flex:1 1 auto;min-width:0}

/* הערה 15 — «תוסיף הנעה לפעולה כדי להוביל ללחיצה על זה» */
.v-act__cta{display:inline-block;margin-top:8px;font-size:12.5px;font-weight:700;color:var(--v-blue)}
.v-act:hover .v-act__cta{text-decoration:underline}

/* הערה 4 — «לחיצה על כל חוסר היא מובילה לפעולה» */
.v-facts.is-click div{cursor:pointer;border-radius:8px;padding-inline:8px;margin-inline:-8px;transition:background .12s}
.v-facts.is-click div:hover{background:var(--v-blue-soft)}
.v-facts.is-click div:focus-visible{outline:2px solid var(--v-blue);outline-offset:-2px}
.v-facts__go{color:#A9B6C9;flex:none;opacity:0}
.v-facts.is-click div:hover .v-facts__go{opacity:1}

/* הערות 6, 8, 12 — שבב שהוא גם כפתור: אותו מראה בדיוק כמו גלולה רגילה,
   ורק סימן קטן של «אפשר ללחוץ» בריחוף. שבב אחד במקום ערימה של שלושה. */
button.v-pill.is-fill{border:0;cursor:pointer;font:inherit;font-size:12px;font-weight:600;
  height:24px;padding:0 11px;border-radius:var(--v-r-chip);transition:box-shadow .12s,filter .12s}
button.v-pill.is-fill:hover{filter:brightness(.96);box-shadow:0 0 0 2px rgba(26,86,196,.18)}
button.v-pill.is-fill:focus-visible{outline:2px solid var(--v-blue);outline-offset:1px}

/* הערה 7 — בורר קטן בראש כרטיס «נתוני לקוחות», שלוש פעמים בשורה */
.v-chip.v-pick.is-xs{height:26px;padding:0 8px;font-size:11.5px;max-width:132px}
.v-chip.v-pick.is-xs span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* הערה 9 — כרטיס התובנה המרכזית: משפט אחד מתחת לכותרת */
.v-promo__sub{display:block;font-size:12.5px;line-height:1.4;opacity:.92;margin:-6px 0 12px}

/* הערה 10 — קרוסלת המבטים של הגרף, במקום שורת הכפתורים */
.v-card>.v-carousel__nav{margin:2px 0 10px}
.v-carousel__dots i{cursor:pointer}
.v-carousel__dots i:focus-visible{outline:2px solid var(--v-blue);outline-offset:2px}
/* ערך מילולי בכרטיס הנתונים (למשל «החבילה הנפוצה») — לא מספר, ולכן לא בגודל של מספר */
.v-stats .v-stat.is-txt .v-stat__v{font-size:14px;line-height:1.25;white-space:normal;word-break:keep-all;padding-top:4px}
/* כותרת כרטיס עם בורר: הכותרת לא נשברת, הבורר מתכווץ */
.v-card__head h3{white-space:nowrap;flex:0 0 auto}
.v-card__head .v-card__ctrl{min-width:0}
.v-card__head .v-card__ctrl .v-chip.v-pick{max-width:100%}
/* בורר שאילתה בכרטיס: נראה כמו כפתור ולא כמו תווית, כדי שיהיה ברור שאפשר לבחור */
.v-chip.v-pick.is-strong{background:var(--v-blue-soft);color:var(--v-blue);font-weight:700}
.v-chip.v-pick.is-strong:hover{filter:brightness(.97)}
/* כפתור-שבב בטבלה נחתך כמו גלולה רגילה, ולא מרחיב את העמודה */
.v-table.is-fixed td>button.v-pill{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block;line-height:24px;white-space:nowrap}

/* שני מצבים לכל לשונית: «עכשיו» ו«ממתין» (הכרעת ב12 באפיון דף התכנון) */
.v-modes{display:inline-flex;gap:2px;background:#EEF2F8;border-radius:10px;padding:3px;margin:0 0 10px}
.v-modes button{font:inherit;font-size:12.5px;font-weight:600;border:0;background:transparent;color:var(--v-muted);
  height:28px;padding:0 12px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.v-modes button.is-on{background:#fff;color:var(--v-ink);box-shadow:0 1px 2px rgba(16,32,64,.10)}
.v-modes button:focus-visible{outline:2px solid var(--v-blue);outline-offset:1px}
.v-modes .v-cnt{background:rgba(16,32,64,.07);border-radius:7px;min-width:18px;height:18px;
  display:inline-grid;place-items:center;font-size:11px;padding:0 4px}

/* ד7: סמל «מה המספר הזה סופר» בטלפון, במקום ריחוף שאין בו */
.v-kpi__info{position:absolute;inset-block-start:8px;inset-inline-end:8px;width:20px;height:20px;border-radius:7px;
  display:grid;place-items:center;color:#A9B6C9;background:rgba(16,32,64,.04)}
.v-kpi__info:focus-visible{outline:2px solid var(--v-blue);outline-offset:1px}
/* ד9: ראשי תיבות המתכננת על כרטיס הטלפון */
.v-who{flex:none;width:22px;height:22px;border-radius:50%;background:#E8EEF8;color:#41506B;
  font-size:10.5px;font-weight:700;display:grid;place-items:center;letter-spacing:.2px}
.v-who.is-none{background:#FDECEC;color:var(--v-bad)}
/* איכות השירות בטלפון: שורת-כרטיס במקום טבלה, כדי שלא תהיה גלילה לרוחב */
.v-svcrow{padding:10px 0;border-top:var(--v-bw) solid var(--v-line)}
.v-svcrow:first-child{border-top:0}
.v-svcrow>div{display:flex;align-items:center;gap:8px;justify-content:space-between}
.v-svcrow b{font-size:14px}
.v-svcrow small{display:block;margin-top:3px;font-size:12px;color:var(--v-muted)}

/* פריט-ניווט שאין לו יעד: לא קישור, ולא נעלם בשקט. «פריט שלא יעבוד ביום
   ההשקה לא מוצג» — וכאן הוא כן מוצג, אבל אומר את האמת על עצמו.
   הוכרע ע"י נתיב 20.9 (הערה 9 על המסך), הוחל על כל הדפים 21.9. */
.v-side__item.is-soon,.sidebar-item.is-soon{opacity:.52;cursor:default;pointer-events:none}
.v-soon{margin-inline-start:auto;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.2px;
  padding:2px 6px;border-radius:6px;background:rgba(255,255,255,.12);color:inherit;white-space:nowrap}
.v-side.is-mini .v-soon,.v-app.is-collapsed .v-soon{display:none}

/* ---- קול הלקוח (מכירות), הערה 3 של נתיב 21.9: כרטיס בגובה התוכן, שבבים בשלוש עמודות שוות ---- */
.v-col.is-fill > .is-nofill{flex:0 0 auto}
.v-card.is-nofill .v-stats{grid-template-columns:repeat(3,1fr);gap:8px;align-items:stretch}
.v-card.is-nofill .v-stat{padding:10px 4px;display:flex;flex-direction:column;justify-content:center;min-height:64px}
.v-card.is-nofill .v-stat span{white-space:normal;line-height:1.2}
.v-card.is-nofill .v-den{margin-top:10px}
/* בורר שמסנן כרגע (הערה 7 של נתיב 21.9: פילטר שלב / זמן) — נראה דלוק כמו שבב פעיל */
.v-select.is-on{border-color:var(--v-blue);background:var(--v-blue-soft);color:var(--v-blue)}
.v-select.is-on svg{color:var(--v-blue)}

/* ---- «תפזורת» — איפה הלידים נמצאים, כמה ולכמה זמן (הערה 2 של נתיב 21.9). שורה לכל תת-שלב:
   שם · פס יחסי · כמה · ימים בממוצע. לחיצה על שורה = הרשימה מסוננת לאותו שלב (הערה 9). ---- */
.v-spread{display:flex;flex-direction:column;gap:6px;margin:4px 0 0}
.v-spread__row{display:grid;grid-template-columns:minmax(96px,34%) 1fr auto;align-items:center;gap:10px;
  padding:5px 6px;border:0;background:transparent;border-radius:8px;cursor:pointer;text-align:start;font:inherit;color:var(--v-ink);width:100%}
.v-spread__row:hover,.v-spread__row:focus-visible{background:var(--v-blue-soft);outline:none}
.v-spread__l{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-spread__bar{height:8px;border-radius:5px;background:#E3E9F2;overflow:hidden;min-width:0}
.v-spread__bar i{display:block;height:100%;border-radius:5px;background:var(--v-blue)}
.v-spread__row.is-warn .v-spread__bar i{background:var(--v-amber)}
.v-spread__row.is-bad .v-spread__bar i{background:var(--v-bad)}
.v-spread__n{display:flex;flex-direction:column;align-items:flex-end;line-height:1.05;white-space:nowrap}
.v-spread__n b{font-size:13px;font-variant-numeric:tabular-nums}
.v-spread__n small{font-size:10.5px;color:var(--v-muted)}
/* כרטיס התחרות: שם + תווית-תפקיד באותה שורה. התווית קטנה כדי שלא תגזול את מקום השם. */
.v-spread__l:has(.v-pill){display:flex;align-items:center;gap:6px;min-width:0}
.v-spread__l:has(.v-pill)>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v-spread__l .v-pill{flex:none;font-size:10px;padding:1px 6px;font-style:normal}
.v-spread__row.is-me{background:var(--v-blue-soft)}
/* ניווט קרוסלה בתוך ראש כרטיס: קטן, לא גוזל מקום */
.v-card__head .v-carousel__nav{margin-inline-start:auto;gap:6px}
.v-card__head .v-carousel__btn{width:24px;height:24px}
.v-viewlbl{font-size:11px;color:var(--v-muted);white-space:nowrap}
/* בורר חמש תקופות בראש כרטיס היעד (הערה 4 של נתיב): כפתורים צרים, ואם אין מקום — הבורר יורד לשורה משלו במקום להיחתך */
.v-card__head{flex-wrap:wrap;row-gap:8px}
.v-card__head .v-segment button{padding:4px 8px;font-size:12px;white-space:nowrap}
.v-card__head .v-card__ctrl{min-width:0;max-width:100%}
/* בטלפון (שני כרטיסים בשורה) אותו תיקון כמו שישה-בשורה: הפס קצר, הטקסט בשורה אחת ולא נחתך (נמדד 21.9: 13px חיתוך) */
@media (max-width:900px){
  /* שורת-השינוי בשורה אחת, כמו בייחוס של נתיב (nativ-screens/18.webp). ⚠️ «לעומת חודש קודם» עצמו
     לא נכנס: גוף-הכרטיס בטלפון הוא 101 פיקסל, וכבר יושבת בו שורת-היעד (כלל 9.5 של נתיב, שאין
     בייחוס). נמדד 21.9 — הטקסט נחתך לשלוש נקודות. לכן התקופה נשארת במגירת ה-ⓘ (הכרעת ד7). */
  .v-kpi__delta{flex-wrap:nowrap;min-width:0}
  /* הכרטיס צר מכדי לפס + טקסט בשורה אחת (101px גוף, הטקסט צריך 79): הטקסט בשורה שלו, הפס מתחתיו לכל הרוחב */
  .v-kpi__goal{flex-wrap:wrap;gap:4px 0}
  .v-kpi__goaltxt{flex:1 1 100%;min-width:0;font-size:10.5px;order:1}
  .v-kpi__bar{flex:1 1 100%;min-width:0;width:auto;order:2;height:4px}
}
/* «מה דורש טיפול היום» בטלפון (מכירות): הגלולה «לרשימה אחרי הצעה» גזלה את רוחב הכותרת («לס…»). נמדד 21.9.
   ההנעה לפעולה יורדת לשורה משלה מתחת לטקסט, בכחול, והכותרת מקבלת את הרוחב. */
@media (max-width:900px){
  .v-mrow{flex-wrap:wrap;row-gap:4px}
  .v-mrow .v-chev{order:0} .v-mrow .v-big{order:1} .v-mrow .v-txt{order:2;flex:1 1 0;min-width:0} .v-mrow .v-sq{order:3}
  .v-mrow .v-verb{order:9;flex:1 1 100%;height:auto;padding:0;margin-inline-start:calc(34px + 12px);background:none;justify-content:flex-start;font-size:12.5px}
  .v-mrow .v-verb::after{content:' ›'}
  .v-mrow .v-txt b{white-space:normal;overflow:visible;text-overflow:clip}
  .v-mrow .v-txt span{white-space:normal;overflow:visible;text-overflow:clip}
}
/* פאנל הפילטרים של הטבלה (מכירות): נפתח מכפתור «פילטרים» אחד, כדי ששורת הכלים לא תתפוס את כל הרוחב */
.v-filterpanel{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;padding:10px 12px;background:#F6F9FD;border:var(--v-bw) solid var(--v-line);border-radius:12px}
.v-filterpanel .v-link{margin-inline-start:auto}

/* ---- הערת נתיב על דף הביקורת (21.9): «לא כל הטקסט בעמודות נכנס טוב וצריך ריווח שווה בין עמודה לעמודה».
   נמדד: 32 תאים חתוכים בלשונית «לטיפול היום» (שם לקוח, גלולת שלב, מקור, חבילה). הטבלה היא table-layout:fixed
   ברוחב 847 פיקסל, ולכן טקסט ארוך נחתך בשלוש נקודות. התיקון: התאים האלה נשברים לשתי שורות במקום להיחתך,
   השורה גדלה לפי התוכן, והריווח בין כל העמודות אחיד (12 פיקסל בשני הצדדים, גם בכותרת וגם בתא). ---- */
.v-table.is-fixed th,.v-table.is-fixed td{padding-inline:12px}
.v-table.is-fixed.is-dense th,.v-table.is-fixed.is-dense td{padding-inline:10px}
.v-table.is-fixed td{white-space:normal}
.v-table.is-fixed td{height:auto;min-height:var(--v-row);padding-block:9px}
/* 7.10 (FIX_R1, T-1c/T-2): a word is NEVER cut in the middle. Names wrap at spaces, at most 2 lines, then «…» (the full text shows on hover: _ds.js sets the title).
   Before: overflow-wrap:anywhere let «GetYourGuide» break as «GetYourGui / de». A pill is one line, never two (a long one gets «…» + the same hover). */
.v-table.is-fixed td .v-name,.v-table.is-fixed td .v-sub{white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none;min-width:0;max-width:100%;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis}
.v-table.is-fixed td .v-pill{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;height:auto;min-height:24px;padding-block:3px;line-height:1.2;text-align:center}
/* עמודות מספריות נשארות בשורה אחת: מספר שנשבר לשתי שורות קשה יותר לקריאה */
.v-table.is-fixed td.a-num,.v-table.is-fixed td .v-num{white-space:nowrap}
/* גובר על שתי שורות ה-nowrap הישנות של התא-בטבלה-קבועה (שורות 1294 ו-2249): טקסט ארוך נשבר לשתי שורות
   במקום להיחתך בשלוש נקודות (הערת נתיב 21.9). מספרים וכפתורים נשארים בשורה אחת. */
.v-table.is-fixed td>span:not(.v-cellact):not(.v-num):not(.v-pill){white-space:normal;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal;hyphens:none;min-width:0;max-width:100%}
.v-table.is-fixed td>.v-pill{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;padding-block:3px;height:auto;min-height:24px}
/* a number pill («193») is never cut: it may use the cell's own side padding when the column is narrow */
.v-table.is-fixed td .v-pill.v-num,.v-table.is-fixed td>.v-pill.v-num{max-width:none;overflow:visible;text-overflow:clip}

/* ---- קריאוּת הלוחית הלבנה על הקאבר (21.9): הקאבר החדש של המכירות (שלט הוליווד) בהיר בצד שמאל,
   והטקסט הלבן «USA / MORE LEADS» נבלע בו. הצל לבדו לא הספיק. צעיף כהה עדין מהקצה השמאלי בלבד,
   מתחת לטקסט ומעל התמונה — עובד לכל קאבר, כהה או בהיר, ולא משנה את הצד שבו יושב התוכן. ---- */
.v-cover::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  background:linear-gradient(90deg,rgba(12,26,45,.55) 0%,rgba(12,26,45,.28) 18%,rgba(12,26,45,0) 40%);
}

/* ---- כרטיסי המדד בטלפון, לפי תמונת-הייחוס למובייל (21.9, הערת נתיב «שונות מהעיצוב המקורי»).
   מה שנמדד בייחוס: העיגול תופס 19% מרוחב הכרטיס (אצלנו היה 21%), ושורת-השינוי נושאת
   **גם** את תקופת ההשוואה — «לעומת חודש קודם ▲ +22%» — בשורה אחת.
   מה שנשאר שלנו: פס-היעד (כלל 9.5 של נתיב), אבל בלי טקסט. גוף-הכרטיס הוא 101 פיקסל,
   ו«מתוך 35 · 40%» נחתך שם לשלוש נקודות; המספרים שלו נפתחים ב-ⓘ, כמו שהוכרע ב-20.9. ---- */
.v-mob .v-kpi__icon{width:32px;height:32px}
.v-mob .v-kpi__icon svg{width:16px;height:16px}
/* המספר בשורה אחת, ותקופת ההשוואה בשורה שמתחתיו. ניסינו אותן יחד: ברוחב גוף-הכרטיס
   (101 פיקסל) «−8.8 נק׳ לעומת אוג» לא נכנס, והתוצאה הייתה או שבירה באמצע המספר או שלוש
   נקודות — ושתיהן נפסלו ע"י נתיב ב-21.9. שורה שלמה עדיפה על חצי מילה. */
.v-mob .v-kpi__delta{flex-wrap:nowrap;gap:3px;min-width:0}
.v-mob .v-kpi__delta .v-num{white-space:nowrap}
.v-mob .v-kpi__vsin{display:block;font-style:normal;font-weight:500;font-size:10.5px;
  color:var(--v-muted);white-space:nowrap;margin-top:2px}
.v-mob .v-kpi__goal{margin-top:6px}
.v-mob .v-kpi__bar{flex:1 1 auto;width:100%;min-width:0}

/* ---- «איכות העבודה» (נתיב 21.9): ארבעה מדדים בשורה, כל אחד עם המכנה שלו מתחתיו.
   מדד שאין לו נתון נשאר ברשימה באפור עם המשפט «לא מחובר» — לא נעלם ולא מקבל אפס. ---- */
.v-quality{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:8px}
.v-quality__item{background:var(--v-surface-2);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}
.v-quality__item.is-off{opacity:.72}
.v-quality__l{font-size:12.5px;font-weight:600;color:var(--v-ink)}
.v-quality__v{font-size:22px;font-weight:700;color:var(--v-ink);line-height:1.15}
.v-quality__v.is-off{font-size:14px;color:var(--v-muted)}
.v-quality__s{font-size:11px;color:var(--v-muted);line-height:1.35}
.v-quality__n{font-size:10.5px;color:#8A97AD;font-style:normal}
@media (max-width:900px){ .v-quality{grid-template-columns:1fr 1fr} }

/* ===== 22.9.2026 — מדרגות היעד של לקוח (אטרקציות, פריט 6 של נתיב): סימן שקט כשלקוח הגיע למדרגה.
   זהב לאליפות בלבד; מינימום ואמצע בירוק הרך של המערכת. הגלולה חתוכה בשלוש נקודות במקום לרדת שורה (פריט 7). ===== */
.v-pill.is-gold{background:#FFF4D6;color:#8A5A00}
.v-pill.is-clip{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block;line-height:24px}
.v-tierrow td:first-child{box-shadow:inset 3px 0 0 #E8B93B}
/* גובר על כלל «שתי שורות» של 21.9 רק לגלולת-סטטוס שסומנה is-clip (נתיב 22.9, פריט 7: גובה אחיד בטבלת האטרקציות) */
.v-table.is-fixed td>span.v-pill.is-clip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:24px;min-height:24px;padding-block:0;line-height:24px;text-align:center}
.v-gold{color:#8A5A00}

/* ---- דף ה-CRM: שלושה טורים (נתיב 27.9, SECTION_MAP_CRM.md) ----
   נמדד מ-crm_desktop.png (1536px): רשימות 256 · אמצע 792 · טור צד 242, רווח ~16.
   ברוחב 1204 של אזור התוכן: 232 · גמיש · 250. בראי לימין-לשמאל: הטור הראשון בקוד הוא הימני.
   «מה אני צריך עכשיו?» מעל הרשימות והאמצע; טור הצד מתחיל באותו גובה ורץ עד הסוף. */
/* 27.9 (נתיב, NV-2026-09-27-028): «הפעולות המהירות בצד ימין והרשימות החכמות בצד שמאל והתובנות ai גם ימין».
   ב-RTL הטור הראשון הוא הימני: טור הצד (פעולות + תובנות) ליד הניווט · אמצע · רשימות חכמות משמאל. */
.v-crmgrid{display:grid;grid-template-columns:250px minmax(0,1fr) 232px;gap:var(--v-band) 14px;align-items:start;margin-top:var(--v-band)}
.v-crmgrid__tasks{grid-column:2 / 4;grid-row:1;min-width:0}
.v-crmgrid__panel{grid-column:1;grid-row:1 / span 2;min-width:0;display:flex;flex-direction:column;gap:var(--v-gap);position:sticky;top:14px}
.v-crmgrid__lists{grid-column:3;grid-row:2;min-width:0}
.v-crmgrid__main{grid-column:2;grid-row:2;min-width:0}
.v-crmgrid__main > .v-callout:first-child{margin-top:0}
.v-crmgrid .v-strip__cards.is-5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1180px){
  .v-crmgrid{grid-template-columns:220px minmax(0,1fr)}
  .v-crmgrid__tasks{grid-column:1 / 3}
  .v-crmgrid__lists{grid-column:1}
  .v-crmgrid__main{grid-column:2}
  .v-crmgrid__panel{grid-column:1 / 3;grid-row:3;position:static}
}
/* «פעולות מהירות»: חמש שורות-כפתור, אייקון + מילים, הראשונה כחולה (crm_mobile_flow_overview.png) */
.v-quick{display:flex;flex-direction:column;gap:8px}
.v-quick button{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-radius:10px;
  border:var(--v-bw) solid var(--v-border);background:var(--v-surface-2);color:var(--v-ink);
  font:500 13.5px/1 var(--v-font);cursor:pointer;text-align:start}
.v-quick button svg{width:16px;height:16px;flex:none;color:var(--v-blue)}
.v-quick button.is-primary{background:var(--v-blue-soft, #EAF1FF);border-color:transparent;color:var(--v-blue)}
.v-quick button small{margin-inline-start:auto;font-size:11px;color:var(--v-muted)}
.v-quick button:disabled{cursor:not-allowed;opacity:.6}
.v-quick button:not(:disabled):hover{border-color:var(--v-blue)}
.v-crmgrid__charts{grid-column:2 / 4;grid-row:3;min-width:0}
@media (max-width:1180px){ .v-crmgrid__charts{grid-column:1 / 3;grid-row:4} }
/* כרטיסי «מה אני צריך עכשיו?» לפי האנטומיה של crm_desktop.png: אייקון, מספר גדול, כותרת עד שתי
   שורות, שורת-הסבר אחת, חץ. בלי שורת «לרשימה ›» — החץ והכרטיס כולו לחיצים. */
.v-crmgrid .v-act__cta{display:none}
.v-crmgrid .v-act__title{font-size:15px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v-crmgrid .v-act__sub{font-size:12px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-crmgrid .v-act__num{margin-top:8px}
/* 🔴 באג במערכת (נמצא 27.9 בדף ה-CRM): «‎.v-bottomnav.has-fab{display:grid}‎» לא יושב בתוך
   שאילתת-המובייל, ולכן ניווט הטלפון התחתון הופיע קבוע בתחתית המסך גם במחשב (1440px).
   נמדד: display=grid, position=fixed, top=938. הכלל כאן מכבה אותו מעל רוחב הטלפון. */
@media (min-width:901px){ .v-bottomnav, .v-bottomnav.has-fab, .v-fab{display:none} }
/* טבלת ה-CRM: שורה אחת לשם ושורה אחת להסבר, כמו בעיצוב (שורה ~46px ולא 86). הטקסט המלא בריחוף. */
.v-crmgrid .v-table .v-cellflex .v-name,.v-crmgrid .v-table .v-cellflex .v-sub{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* בטבלה קבועה הכלל «td>span{display:block}» הפך את .v-cellflex לבלוק, והעיגול ישב מעל השם (נמדד 27.9: תא 64px).
   כאן הוא חוזר להיות שורה: עיגול ולידו שם + הסבר. */
.v-crmgrid .v-table.is-fixed tbody td>span.v-cellflex{display:flex;align-items:center;gap:10px;overflow:visible}
.v-crmgrid .v-table.is-fixed tbody td>span.v-cellflex>span:last-child{flex:1;min-width:0;display:block}
/* «מה אני צריך עכשיו?» כמו ב-crm_desktop.png: בלי קופסה צבעונית מסביב, כרטיסים לבנים בלי פס-צבע,
   ובכל כרטיס שורה עליונה של אייקון + חץ, ומתחתיה לכל הרוחב: מספר · כותרת · שורת-הסבר. */
.v-crmgrid .v-strip{background:none;border:0;box-shadow:none;padding:0}
.v-crmgrid .v-strip__mark{display:none}
.v-crmgrid .v-strip__head{margin-bottom:12px}
.v-crmgrid .v-act::before{display:none}
.v-crmgrid .v-act{padding:14px 16px}
.v-crmgrid .v-act__top{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"icon . chev" "mid mid mid";row-gap:8px;padding-inline-start:0}
.v-crmgrid .v-act__icon{grid-area:icon;width:36px;height:36px}
.v-crmgrid .v-act__icon svg{width:18px;height:18px}
.v-crmgrid .v-act__chev{grid-area:chev;margin-top:0;align-self:center}
.v-crmgrid .v-act__mid{grid-area:mid}
.v-crmgrid .v-act__num{margin-top:0;color:var(--v-ink)}
.v-crmgrid .v-act__title{min-height:calc(2 * 1.25em);margin-top:4px}
/* בעיצוב אין לשוניות בתוך כרטיס הטבלה: עמודת «רשימות חכמות» היא הבורר (אותן שמונה רשימות, אותם מונים).
   שתי שורות של אותו בורר על אותו מסך = כפילות. בטלפון הלשוניות נשארות, כי שם אין עמודת צד. */
.v-crmgrid .v-tablecard > .v-tabs{display:none}
/* 🔴 באג במערכת (נמצא 27.9 בדף ה-CRM בטלפון): בטלפון התבנית הופכת לטור אחד, אבל ‎.v-main‎ נשאר מוצמד
   ל-grid-column:2, ולכן נוצר טור שני סמוי. בארבעת הדפים האחרים התוכן הרחב מילא אותו (הטור הראשון יצא 0px),
   אבל כשהתוכן צר יותר הטור הראשון «בלע» את השאריות: נמדד ב-CRM ‎103px + 286px‎ ברוחב 390. כאן הוא חוזר לטור הראשון. */
@media (max-width:900px){ .v-main{grid-column:1 / -1} }

/* ================= סרגל הצד החדש (נתיב 27.9, NV-2026-09-27-003) =================
   נמדד מהתמונה שנתיב שלח (235×587, הסרגל ~156px בתמונה): רקע ‎#0F203B‎ למעלה ‎#0B1B32‎ למטה ·
   פריט פעיל ‎#233F6B‎ · פאנל «כלים» פנימי ‎#172842‎ · אזור הפרופיל ‎#0F203D‎.
   🔒 רוחב נשאר 192px (לא 280 של הבריף): חמשת הדפים נמדדו ונבנו על 192 מול הייחוסים שלהם, ו-280 היה
   מצמצם כל דף ב-88px. הסרגל נשאר בימין כמו בכל הדפים, כי כל הייחוסים מצוירים משמאל-לימין ואנחנו
   משקפים אותם (גם בתמונה הזו האייקון משמאל לתווית). */
.v-side{background:linear-gradient(180deg,#0F203B 0%,#0E1F38 55%,#0B1B32 100%)}
.v-side .v-side__logo,.v-side .v-side__user,.v-side .v-side__team{display:none}
.v-side__brand{display:flex;align-items:center;gap:10px;padding:18px 16px 12px}
.v-side__mark{width:40px;height:30px;flex:none;display:grid;place-items:center}
.v-side__mark svg{width:40px;height:30px}
.v-side__word{display:flex;flex-direction:column;line-height:1;min-width:0;direction:ltr;text-align:left}
.v-side__word b{font-size:18px;font-weight:700;color:#fff;letter-spacing:.2px;white-space:nowrap}
.v-side__word small{font-size:8.5px;font-weight:600;letter-spacing:3.2px;color:#5E9BEA;margin-top:5px}
.v-side__nav{padding:8px 10px 10px;gap:3px}
.v-side__item{height:42px;border-radius:12px}
.v-side__item.is-active{background:#233F6B;box-shadow:inset 0 0 0 1px rgba(120,170,255,.16)}
.v-side__item.is-active::after{display:none}
.v-side__item.has-kids{width:100%;border:0;background:none;font-family:var(--v-font);text-align:start}
.v-side__item.has-kids.is-active,.v-side__group.is-open > .v-side__item{background:#233F6B}
.v-side__caret{width:15px !important;height:15px !important;margin-inline-start:auto;opacity:.75;transition:transform 180ms ease}
.v-side__group.is-open .v-side__caret{transform:rotate(180deg)}
.v-side__sub{display:none;margin:6px 4px 4px;padding:6px;border-radius:12px;background:#172842;border:1px solid rgba(255,255,255,.05)}
.v-side__group.is-open .v-side__sub{display:block}
.v-side__subitem{display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;border-radius:9px;
  color:rgba(255,255,255,.9);font-size:13px;font-weight:500;text-decoration:none}
.v-side__subitem svg{width:17px;height:17px;flex:none;opacity:.85}
.v-side__subitem:hover{background:rgba(255,255,255,.06);color:#fff}
.v-side__subitem[aria-current="page"]{background:rgba(255,255,255,.08);color:#fff}
.v-side__new{margin-inline-start:auto;font-style:normal;font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:999px;background:#2E5BD8;color:#fff}
.v-side__badge{margin-inline-start:auto;background:#E5484D;color:#fff}
.v-side__art{height:170px;margin-top:6px;background-image:url('../img/covers/sidebar_nyc_liberty.jpg');background-size:cover;background-position:center 30%}
.v-side__art::before{background:linear-gradient(180deg,#0E1F38 0%,rgba(14,31,56,.25) 38%,rgba(11,27,50,.9) 100%)}
.v-side__script{position:absolute;inset-inline-start:14px;bottom:36px;font-family:'Caveat',cursive;font-size:21px;line-height:.95;color:#fff;direction:ltr;text-align:left;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.v-side__tag{position:absolute;inset-inline:14px;bottom:13px;display:flex;align-items:center;gap:8px;direction:ltr;
  font-size:8.5px;font-weight:700;letter-spacing:1.8px;color:#7FB0F0}
.v-side__tag svg{width:16px;height:11px;flex:none;border-radius:2px}
.v-side__me{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#0F203D;border-top:1px solid rgba(255,255,255,.07)}
.v-side__me .v-side__ava{width:36px;height:36px;border-radius:50%;flex:none;background:#1E3A5F;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff}
.v-side__me div{min-width:0}
.v-side__me b{display:block;font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-side__me small{display:block;font-size:11px;color:#8FA6C4}
.v-side__me .v-side__chev{width:15px;height:15px;margin-inline-start:auto;color:#8FA6C4;flex:none}
.v-side__me .v-side__logout{margin-inline-start:auto;display:inline-flex;align-items:center;gap:5px;flex:none;height:28px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:#8FA6C4;font:inherit;font-size:11.5px;cursor:pointer}
.v-side__me .v-side__logout svg{width:14px;height:14px}
.v-side__me .v-side__logout:hover,.v-side__me .v-side__logout:focus-visible{background:rgba(255,255,255,.08);color:#fff}
/* 🔴 27.9.2026 (מסך «מחשב נייד» 1280×620, נמדד ב-check_pages.py): בגובה קצר, הניווט מקבל רק
   ~322 פיקסל (620 פחות לוגו·תמונה·פרופיל), הרשימה זקוקה ל-~624, ואלכסין מכווץ את הפריטים
   עד לגובה-המינימום שלהם — עדיין לא מספיק, והפריט האחרון («התראות») נופל מתחת לתמונת
   העיר ואי אפשר לראות אותו או ללחוץ עליו בלי לגלול. התיקון: בגובה קצר התמונה נעלמת
   (המקום חוזר לניווט) והשורות מצטמצמות בעדינות — כל הפריטים נכנסים בלי גלילה. */
@media (max-height:700px){
  .v-side__art{height:0;margin-top:0;overflow:hidden}
  .v-side__art b,.v-side__art small{display:none}
  .v-side__nav{padding-top:6px;padding-bottom:6px;gap:1px}
  .v-side__item{height:30px}
  .v-side__sep{margin:4px 4px}
}
/* מצב מכווץ (72px): סימן הלוגו בלבד, אייקונים בלבד, התמונה בלי טקסט, והעיגול של הפרופיל */
.v-app.is-collapsed .v-side__word,body.is-collapsed .v-side__word,
.v-app.is-collapsed .v-side__caret,body.is-collapsed .v-side__caret,
.v-app.is-collapsed .v-side__sub,body.is-collapsed .v-side__sub,
.v-app.is-collapsed .v-side__script,body.is-collapsed .v-side__script,
.v-app.is-collapsed .v-side__tag,body.is-collapsed .v-side__tag,
.v-app.is-collapsed .v-side__me div,body.is-collapsed .v-side__me div,
.v-app.is-collapsed .v-side__me .v-side__logout,body.is-collapsed .v-side__me .v-side__logout,
.v-app.is-collapsed .v-side__me .v-side__chev,body.is-collapsed .v-side__me .v-side__chev{display:none}
.v-app.is-collapsed .v-side__brand,body.is-collapsed .v-side__brand{justify-content:center;padding-inline:0}
.v-app.is-collapsed .v-side__me,body.is-collapsed .v-side__me{justify-content:center;padding-inline:0}
/* רוחב 192: תווית בשורה אחת בכל מקום (הערה עצמית 27.9, נמדד: «לקוחות שלא שילמו» נשבר לשתי שורות) */
.v-side__subitem{font-size:12.5px;padding:0 8px;gap:8px}
.v-side__subitem .v-lbl,.v-side__item .v-lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.v-side__script{bottom:44px;font-size:20px}
.v-side__tag{letter-spacing:1.1px;font-size:8px;white-space:nowrap;bottom:16px}


/* ===== «בקש מה-CRM» (crm_desktop.png): כותרת + משפט + שורת דוגמאות אחת עם חץ, בלי שדה הקלדה (סבב 1:1, 27.9) ===== */
.v-ask .v-card__head{margin-bottom:12px}
.v-ask h3 .v-soon{margin-inline-start:8px;vertical-align:2px;display:inline-block;background:var(--v-purple-soft);color:var(--v-purple)}
.v-ask__row{display:flex;align-items:center;gap:10px}
.v-ask__chips{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.v-ask__chips::-webkit-scrollbar{display:none}
.v-ask__chips .v-chip{white-space:nowrap;flex:none}
.v-ask__next{flex:none;width:32px;height:32px;border-radius:50%;border:1px solid var(--v-line);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--v-ink-2,#44566F)}
/* כותרת הטבלה בשורה אחת כמו בייחוס: שם + מונה מימין, הכלים משמאל */
.v-crmgrid .v-tablecard__head{flex-wrap:nowrap}
.v-crmgrid .v-tablecard__tools{margin-inline-start:auto;flex-wrap:nowrap}
/* ===== «סינון במילים שלך» (CRM, נתיב 27.9): שדה בתוך הרשימות החכמות + מה הובן / מה לא ===== */
.v-freeq{margin:4px 2px 10px;display:grid;gap:8px}
.v-freeq textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:64px;border:1px solid var(--v-line);border-radius:10px;
  padding:9px 10px;font:inherit;font-size:13px;line-height:1.45;background:#fff;color:inherit}
.v-freeq textarea:focus{outline:2px solid var(--v-blue);outline-offset:0;border-color:transparent}
.v-freeq__row{display:flex;align-items:center;gap:10px}
.v-freeq__row .v-btn{height:34px;padding:0 16px}
.v-freeq__hint{margin:0;font-size:11.5px;color:#6C7890;line-height:1.45}
.v-freeq__conds{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.v-freeq__warn{display:block;margin-top:6px;font-size:12.5px;color:#9A5B00;background:#FFF4E0;border-radius:8px;padding:4px 8px;width:fit-content}
.v-freeq__scope{display:block;margin-top:6px;font-size:11.5px;color:#6C7890}
.v-callout__txt .v-freeq__conds{display:flex}
.v-callout__txt .v-freeq__conds>.v-pill{display:inline-flex;width:auto;flex:none}
/* תא ריק בטבלה: אומר במילים שאין ערך (כלל 90), באפור ובשורה אחת */
.v-table td .v-none{color:#9AA5B8;font-size:12.5px;white-space:nowrap;display:inline}
/* גלולת השלב בטבלת ה-CRM: אותו רוחב ואותו גובה לכל שלב, כמו בייחוס (נתיב 27.9: «הרוחב של כל שלב והגודל יהיה זהה») */
.v-table td.is-stage .v-pill{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
  width:118px;height:26px;padding:0 8px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-tablecard__search{padding:12px 18px 10px}
.v-tablecard__search .v-search{max-width:none;width:100%;height:38px}

/* ===== CRM: מיקומים כמו בתמונה, מילולית (נתיב 27.9: «תעשה אודיט לראות שזה באמת 1:1») ===== */
/* כרטיסי המשימות: אייקון בשמאל למעלה, חץ בימין למעלה, והטקסט מיושר מתחת לאייקון (crm_desktop.png) */
.v-crmgrid .v-act__top{grid-template-areas:"chev . icon" "mid mid mid"}
.v-crmgrid .v-act__chev svg{transform:scaleX(-1)}
.v-crmgrid .v-act__mid{text-align:left}
/* «למה הרשימה הזו?»: הכפתור בימין, האייקון והטקסט בשמאל */
.v-crmgrid__main > .v-callout{flex-direction:row-reverse}
.v-crmgrid__main > .v-callout .v-callout__txt{text-align:left}
/* פעולות מהירות: האייקון בצד שמאל של הכפתור, כמו בטור הצד של crm_mobile_flow_overview.png */
.v-crmgrid .v-quick button{flex-direction:row-reverse;justify-content:flex-end}
/* תובנות AI: שורות שטוחות בלי מסגרת, אייקון צבעוני קטן + משפט אחד, וכפתור «צפה בכל התובנות» */
.v-inslist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.v-inslist li{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:flex-start;gap:8px;font-size:13px;line-height:1.4;color:var(--v-ink)}
.v-inslist li svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--v-blue)}
.v-inslist li.is-up svg{color:#12925A}.v-inslist li.is-down svg{color:#D93A47}.v-inslist li.is-warn svg{color:#C77A14}
.v-inslist li small{display:block;font-size:11.5px;color:var(--v-muted);margin-top:2px}
.v-inslist__all{width:100%;margin-top:14px;justify-content:center}
/* התצוגות הנוספות בשני הכרטיסים התחתונים של ה-CRM (27.9: «2 כרטיסיות נפרדות שאפשר להזיז») */
.v-crmgrid__charts .v-barlist{margin-top:10px}
.v-crmgrid__charts .v-barlist__v{white-space:nowrap}
.v-bignum{display:flex;align-items:baseline;gap:8px;margin:8px 0 2px}
.v-bignum b{font-size:26px;font-weight:700;color:var(--v-ink)}
.v-bignum small{font-size:12px;color:var(--v-muted)}

/* ===== כרטיס הלקוח, בנייה מחדש 1:1 מול customer_card_desktop.png (27.9.2026). כל המחלקות מתחילות ב-cc-.
   נכתב זמנית ב-_ds_card.css בזמן שנבנה, ואוחד לכאן כדי שיהיה קובץ עיצוב אחד (חוק העיצוב החיצוני). ===== */
/* =====================================================================
   _ds_card.css — הסגנון של כרטיס הלקוח בלבד (customer-card.html)
   ---------------------------------------------------------------------
   נוצר 27.9.2026 כשהכרטיס נבנה מחדש לפי הייחוס
   design-handoff/.../references/customer_card_desktop.png (מפרט 10).
   נטען אחרי _ds.css ומשתמש רק בטוקנים שלו (--v-*). אין כאן דריסה של
   מחלקה משותפת: כל מחלקה כאן מתחילה ב-cc- (customer card).

   כלל ההצבה של נתיב: מה שבתמונה משמאל נשאר משמאל, ומה שמימין נשאר מימין.
   הדף בכיוון ימין-לשמאל, ולכן:
     · ברשת (grid) העמודה הראשונה יושבת מימין.
     · בשורות שבתמונה נקראות משמאל לימין (הזהות, הכפתורים) המכל מקבל
       dir="ltr" וכל טקסט בתוכו dir="rtl". הסדר נשאר כמו בתמונה, והעברית
       נשארת תקינה.
   צבעים שנדגמו מהייחוס (PIL, 1448x1086):
     רקע «מה לעשות עכשיו» (1060,380) #FEF7F0 · תיבת «השלב הבא» (420,470) #ECF3FE
     כפתור שיחה (210,250) #0A4695 · כפתור וואטסאפ (330,250) #11A356
     גלולת השלב (525,140) #D6F6D3 · תגית אדומה (1320,1015) #FEE4E6
   ===================================================================== */

.cc-page{padding-bottom:40px}

/* ---------- שורת הניווט הדקה ---------- */
.cc-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:34px;margin:4px 0 8px}
.cc-nav__steps{display:flex;align-items:center;gap:26px}
.cc-nav__a{display:inline-flex;align-items:center;gap:5px;padding:4px 0;border:0;background:none;cursor:pointer;
  font:500 13.5px var(--v-font);color:var(--v-ink-2);text-decoration:none}
.cc-nav__a svg{width:15px;height:15px;color:var(--v-ink-2)}
.cc-nav__a:hover{color:var(--v-blue)}
.cc-nav__a.is-back{color:var(--v-blue);font-weight:600}
.cc-nav__a.is-back svg{color:var(--v-blue)}

/* ---------- כרטיס הכותרת ---------- */
.cc-head{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);
  grid-template-rows:auto auto;column-gap:26px;row-gap:16px;padding:18px 22px 18px}
.cc-head__meta{grid-column:1;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.98fr) minmax(0,1.42fr) minmax(0,.95fr) minmax(0,.95fr) minmax(0,1.05fr);
  align-self:start;padding-top:10px}
.cc-head__id{grid-column:2;grid-row:1;display:flex;align-items:center;gap:22px;min-width:0}
.cc-head__acts{grid-column:1 / -1;grid-row:2;display:flex;flex-wrap:wrap;gap:10px;align-items:center}

.cc-ava{width:96px;height:96px;flex:none;border-radius:50%;display:grid;place-items:center;
  font-size:34px;font-weight:700;color:#fff;background:linear-gradient(135deg,#123A62,#1B4E86);
  box-shadow:0 0 0 4px #fff,0 6px 18px rgba(13,43,77,.16)}
.cc-id{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.cc-id__row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-width:0}
.cc-id__name{margin:0;font-size:30px;line-height:1.15;font-weight:800;color:var(--v-ink);letter-spacing:-.2px}
.cc-id__sub{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:15.5px;color:var(--v-ink-2)}
.cc-id__sub i{font-style:normal;color:#B3BDCC}
.cc-id__contact{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:4px;font-size:12.5px;color:var(--v-ink-2)}
.cc-id__contact span{display:inline-flex;align-items:center;gap:6px}
.cc-id__contact svg{width:14px;height:14px;color:var(--v-blue);flex:none}
.cc-id__contact .is-empty{color:var(--v-muted)}

/* גלולת השלב: נראית כמו תפריט נפתח, כמו בייחוס */
.cc-stage{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 14px;border-radius:999px;
  border:0;cursor:pointer;font:600 14px var(--v-font);white-space:nowrap}
.cc-stage svg{width:14px;height:14px}
.cc-stage.is-ok{background:#D9F5DA;color:#127245}
.cc-stage.is-info{background:var(--v-info-soft);color:var(--v-info)}
.cc-stage.is-warn{background:var(--v-warn-soft);color:var(--v-warn)}
.cc-stage.is-muted{background:var(--v-surface-2);color:var(--v-muted)}
.cc-stage.is-bad{background:var(--v-bad-soft);color:var(--v-bad);font-weight:700}

/* שישה שדות-מידע עם אייקונים, מופרדים בקו דק */
.cc-meta{padding:0 10px;min-width:0;display:flex;flex-direction:column;gap:9px}
.cc-meta + .cc-meta{border-inline-start:1px solid var(--v-line)}
.cc-meta:first-child{padding-inline-start:0}
.cc-meta b{font-size:12.5px;font-weight:500;color:var(--v-muted);white-space:nowrap}
.cc-meta span{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--v-ink);min-width:0}
.cc-meta span > em{font-style:normal;line-height:1.3;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-meta span > em.v-num{white-space:nowrap;font-size:12.5px}
.cc-meta.is-big span > em.v-num{font-size:20px}
.cc-meta span svg{width:17px;height:17px;color:var(--v-blue);flex:none}
.cc-meta.is-big span{font-size:20px;font-weight:800}
.cc-meta .is-empty{color:var(--v-muted);font-weight:500;font-size:13px}
.cc-meta .cc-mini{width:26px;height:26px;font-size:11px;border-radius:50%;display:grid;place-items:center;flex:none;
  color:#fff;background:linear-gradient(135deg,#123A62,#1B4E86)}

/* כפתורי הפעולה */
.cc-act{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:42px;padding:0 22px;
  border-radius:10px;border:1px solid #D9E2EE;background:var(--v-surface);color:var(--v-blue);
  font:600 14.5px var(--v-font);cursor:pointer;text-decoration:none;white-space:nowrap}
.cc-act svg{width:18px;height:18px;flex:none}
.cc-act:hover{background:var(--v-blue-soft)}
.cc-act.is-call{background:#0A4695;border-color:#0A4695;color:#fff;min-width:110px}
.cc-act.is-call:hover{background:#08397A}
.cc-act.is-wa{background:#11A356;border-color:#11A356;color:#fff;min-width:136px}
.cc-act.is-wa:hover{background:#0D8B49}
.cc-act.is-more{width:68px;padding:0}
.cc-act.is-more svg{transform:rotate(90deg)}  /* בייחוס שלוש נקודות לרוחב; באייקון המשותף הן לגובה */
.cc-act[disabled]{opacity:.5;cursor:not-allowed}

/* ---------- הרשת: טור צר מימין, טור רחב משמאל ---------- */
.cc-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.03fr);gap:15px;margin-top:15px}
.cc-band.is-top{align-items:stretch}
.cc-band.is-rest{align-items:stretch}
.cc-band > *{min-width:0}
.cc-col{display:flex;flex-direction:column;gap:15px;min-width:0}
.cc-col > :last-child{flex:1}
.cc-band .v-card__head h3{font-size:18px}
.cc-card__link{margin-inline-start:auto}
.cc-card__link[disabled]{color:var(--v-muted);cursor:not-allowed}

/* ---- סיכום AI ---- */
.cc-ai{display:flex;flex-direction:column}
.cc-ai .v-card__mark{width:24px;height:24px}
.cc-beta{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:999px;
  background:#EFEAFD;color:#5B45B5;font-size:11.5px;font-weight:700}
.cc-ai__p{margin:0 0 16px;font-size:15px;line-height:1.75;color:var(--v-ink-2)}
.cc-ai__p.is-empty{color:var(--v-muted)}
.cc-next{margin-top:auto;display:flex;align-items:center;gap:18px;padding:16px 20px;border-radius:14px;
  background:#ECF3FE;border:1px solid #DCE8FB}
.cc-next__ic{width:26px;height:26px;color:var(--v-blue);flex:none;align-self:flex-start;margin-top:2px}
.cc-next__txt{flex:1;min-width:0}
.cc-next__txt b{display:block;font-size:16px;font-weight:800;color:#0050CF;margin-bottom:4px}
.cc-next__txt p{margin:0;font-size:14px;line-height:1.6;color:var(--v-ink-2)}
.cc-next .v-btn{height:44px;padding:0 26px;border-radius:10px;flex:none}

/* ---- מה לעשות עכשיו ---- */
.cc-now{padding:10px}
.cc-now__in{height:100%;border-radius:14px;background:#FEF7F0;border:1px solid #FBE9D7;padding:18px 20px;
  display:flex;flex-direction:column}
.cc-now__in .v-card__head{margin-bottom:16px}
.cc-now__in .v-card__head h3{font-size:20px;color:#1C2B7A}
.cc-now__in .v-card__mark{color:#3B4FD8;width:24px;height:24px}
.cc-now__t{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:800;color:var(--v-ink)}
.cc-now__t svg{width:17px;height:17px;color:#E8900C;flex:none}
.cc-now__s{margin:6px 0 0;font-size:13.5px;line-height:1.55;color:var(--v-ink-2)}
.cc-now__more{margin-top:6px;align-self:flex-start;font-size:12.5px}
.cc-now__done{width:100%;height:44px;margin-top:auto;border-radius:10px;background:#1958AD}
.cc-now__done:hover{background:#134A93}
.cc-now__gap{min-height:18px;flex:1}
.cc-now__rem{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:14px;font-size:14px;color:var(--v-muted)}
.cc-now__rem svg{width:18px;height:18px;color:var(--v-ink-2)}

/* ---- סטטוס שירותים ---- */
.cc-svc{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.cc-tile{border:1px solid var(--v-border);border-radius:14px;padding:16px 10px 14px;text-align:center;min-width:0;
  display:flex;flex-direction:column;align-items:center;gap:7px}
.cc-tile > svg{width:24px;height:24px;color:var(--v-blue)}
.cc-tile b{font-size:15px;font-weight:800;color:var(--v-ink)}
.cc-tile__st{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;max-width:100%}
.cc-tile__st span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-tile__st i{width:8px;height:8px;border-radius:50%;flex:none;background:currentColor}
.cc-tile__st.is-ok{color:var(--v-good)}
.cc-tile__st.is-warn{color:#E8830C}
.cc-tile__st.is-info{color:var(--v-info)}
.cc-tile__st.is-muted{color:var(--v-muted)}
.cc-tile__st.is-muted i{background:#5E6A7E}
.cc-tile small{font-size:12px;line-height:1.45;color:var(--v-muted)}

/* ---- פרטי הטיול ---- */
.cc-rows{display:flex;flex-direction:column}
.cc-rows > div{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;
  padding:8px 0;border-bottom:1px solid var(--v-line);font-size:13.5px}
.cc-rows > div:last-child{border-bottom:0}
.cc-rows b{font-weight:400;color:var(--v-muted);white-space:nowrap}
.cc-rows span{color:var(--v-ink);font-weight:600;text-align:left}
.cc-rows .is-empty{color:var(--v-muted)}

/* ---- שלושת הכרטיסים בשורה התחתונה ---- */
.cc-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.cc-trio > .v-card{display:flex;flex-direction:column;min-width:0;padding:16px 16px}
.cc-trio .v-card__head h3{font-size:17px}

.cc-notes__txt{margin:0;white-space:pre-line;font-size:13px;line-height:1.7;color:var(--v-ink-2);
  max-height:160px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 72%,transparent)}
.cc-notes__by{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:11.5px;color:var(--v-muted)}
.cc-notes__by .cc-mini{width:24px;height:24px;font-size:10px;border-radius:50%;display:grid;place-items:center;
  color:#fff;background:linear-gradient(135deg,#123A62,#1B4E86)}
.cc-add{margin-top:auto;padding-top:14px}
.cc-add__in{display:flex;align-items:center;gap:10px;height:44px;padding:0 8px 0 14px;border-radius:10px;
  background:var(--v-surface-2);color:#9AA6BC;font-size:13px;cursor:not-allowed}
.cc-add__in span{flex:1}
.cc-add__in i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#E6ECF4;color:#6C7890}
.cc-add__in svg{width:15px;height:15px}
.cc-empty{font-size:13px;line-height:1.6;color:var(--v-muted);margin:4px 0 0}
.cc-empty b{display:block;color:var(--v-ink-2);font-size:14px;margin-bottom:2px}
.cc-empty.is-clamp span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ציר התקשורת: אייקון-ערוץ על קו אנכי, כותרת, שעה, ושורת ציטוט אפורה */
.cc-tl{list-style:none;margin:0;padding:0;position:relative}
.cc-tl li{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;padding:0 0 16px}
.cc-tl li:not(:last-child)::before{content:"";position:absolute;inset-inline-start:12px;top:26px;bottom:2px;
  width:1px;background:var(--v-border)}
.cc-tl__ic{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--v-blue-soft);color:var(--v-blue)}
.cc-tl__ic svg{width:14px;height:14px}
.cc-tl__ic.is-wa{background:#E3F6EA;color:#11A356}
.cc-tl__ic.is-ok{background:var(--v-good-soft);color:var(--v-good)}
.cc-tl__ic.is-warn{background:var(--v-warn-soft);color:var(--v-warn)}
.cc-tl__b{min-width:0}
.cc-tl__b b{display:block;font-size:13px;font-weight:700;color:var(--v-ink);line-height:1.35}
.cc-tl__b small{display:block;font-size:11.5px;line-height:1.45;color:var(--v-muted);margin-top:2px}
.cc-tl__w{font-size:11.5px;color:var(--v-muted);white-space:nowrap;padding-top:1px}

/* ---- תגיות ורשימות ---- */
.cc-tags{display:flex;flex-wrap:wrap;gap:10px}
.cc-tag{display:inline-flex;align-items:center;height:34px;padding:0 16px;border-radius:10px;font-size:14px;font-weight:500;
  background:#E2EBFE;color:#1F4FA6;white-space:nowrap;max-width:100%;min-width:7ch;overflow:hidden;text-overflow:ellipsis}
.cc-tag.is-ok{background:#E0F1DD;color:#2C6B2F}
.cc-tag.is-warn{background:#FEE4E6;color:#B4323F}
.cc-tag.is-muted{background:var(--v-surface-2);color:var(--v-ink-2)}
.cc-tag.is-add{background:var(--v-surface);border:1px solid #CBD5E3;color:var(--v-ink);gap:7px;cursor:pointer;font-family:var(--v-font)}
.cc-tag.is-add svg{width:14px;height:14px}

/* מגירה: טקסט חופשי ארוך (ההערות המלאות) */
.cc-drawer__txt{white-space:pre-line;font-size:13.5px;line-height:1.75;color:var(--v-ink-2);margin:0}

/* ---------- רוחבים בינוניים: הכרטיס נשאר קריא עד 901 ---------- */
@media (max-width:1280px){
  .cc-head{grid-template-columns:minmax(0,1fr)}
  .cc-head__meta{grid-column:1;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px;padding-top:0}
  .cc-head__id{grid-column:1;grid-row:1}
  .cc-head__acts{grid-column:1;grid-row:3}
  .cc-head__acts{justify-content:flex-start}
  .cc-meta:nth-child(4){border-inline-start:0;padding-inline-start:0}
  .cc-trio{grid-template-columns:minmax(0,1fr)}
  .cc-svc{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1100px){
  .cc-band{grid-template-columns:minmax(0,1fr)}
  .cc-band.is-top > .cc-ai{order:-1}
}
/* כרטיס הלקוח: השלמת פרטים ב«מה לעשות עכשיו?» + «מסמכים וקבצים» (נתיב 27.9) */
.cc-now__fill{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:13px}
.cc-now__fill svg{width:14px;height:14px}
.cc-fill{display:grid;gap:8px;margin-top:10px;padding:10px;border-radius:12px;background:#fff;border:1px solid var(--v-border)}
.cc-fill .v-field{margin:0}
.cc-fill .v-field span{font-size:12px;color:var(--v-muted)}
.cc-fill__row{display:flex;align-items:center;gap:10px}
.cc-fill__note{margin:0;font-size:11px;color:var(--v-muted)}
.cc-tag-picker__intro,.cc-tag-picker__empty{margin:0;color:var(--v-muted);font-size:13px;line-height:1.55}
.cc-tag-picker{display:flex;flex-wrap:wrap;gap:7px;max-height:154px;overflow:auto;padding:2px}
.cc-tag-picker__option{border:1px solid var(--v-border);border-radius:999px;background:var(--v-surface-2,#F6F8FC);color:var(--v-ink);padding:7px 11px;font:inherit;font-size:13px;cursor:pointer}
.cc-tag-picker__option:hover{border-color:var(--v-blue);background:#fff}
.cc-tag-picker__option.is-selected{border-color:var(--v-blue);background:#EAF1FF;color:var(--v-blue);box-shadow:0 0 0 2px rgba(10,88,222,.08)}
.cc-tag-picker__add{justify-self:start}
.cc-tag-picker__new{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px}
@media(max-width:560px){.cc-tag-picker__new{grid-template-columns:1fr}.cc-tag-picker{max-height:190px}}
/* «מסמכים וקבצים» כאריחים (27.9, «מזמין ולא עמוס»): רשת 2 טורים, אייקון בעיגול צבעוני, כותרת, שורה אחת. ריק = חיוור. */
.cc-docs__up{margin-inline-start:auto;width:32px;height:32px;border-radius:50%;border:1px solid var(--v-border);background:var(--v-surface-2,#F6F8FC);
  display:grid;place-items:center;color:var(--v-muted);cursor:not-allowed}
.cc-docs__up svg{width:15px;height:15px}
.cc-docs__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cc-doc{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"ic t" "ic s";column-gap:10px;align-items:center;text-align:start;
  padding:10px 12px;border-radius:14px;border:1px solid var(--v-border);background:#fff;cursor:pointer;font:inherit;color:var(--v-ink);
  transition:border-color .15s, box-shadow .15s, transform .15s}
.cc-doc:hover{border-color:var(--v-blue);box-shadow:0 4px 14px rgba(10,88,222,.08);transform:translateY(-1px)}
.cc-doc__ic{grid-area:ic;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--dc-bg,#EAF1FF);color:var(--dc-fg,#0A58DE)}
.cc-doc__ic svg{width:16px;height:16px}
.cc-doc__t{grid-area:t;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-doc__s{grid-area:s;font-size:11.5px;color:var(--v-muted)}
.cc-doc.is-has .cc-doc__s{color:var(--dc-fg,#0A58DE);font-weight:600}
.cc-doc.is-empty{background:var(--v-surface-2,#F8FAFD);border-style:dashed}
.cc-doc.is-empty .cc-doc__ic{background:#EEF1F6;color:#9AA5B8}
.cc-doc.is-empty .cc-doc__t{color:#5B6B82;font-weight:500}
.cc-doc.c-calls{--dc-bg:#EAF1FF;--dc-fg:#0A58DE}
.cc-doc.c-book{--dc-bg:#E6F6EE;--dc-fg:#12925A}
.cc-doc.c-pay{--dc-bg:#E7F5F6;--dc-fg:#0E8C95}
.cc-doc.c-attr{--dc-bg:#F1EBFE;--dc-fg:#7B4DDB}
.cc-doc.c-quote{--dc-bg:#FFF2E2;--dc-fg:#C77A14}
.cc-doc.c-fb{--dc-bg:#FDEBEC;--dc-fg:#D93A47}

/* סבב 1:1 (27.9): הדגשת AI בסגול כמו בייחוס; הכחול שמור לפעולה הראשית */
.cc-ai .v-card__mark{color:var(--v-purple,#7D62D9)}
.cc-beta{background:var(--v-purple-soft,#F1EBFE);color:var(--v-purple,#7D62D9)}
.cc-rows span.is-empty{font-weight:400}
/* מגירות: מצד ימין במחשב (COMPONENTS.md: «right drawer 360-420px»), גיליון מלמטה בטלפון נשאר כמו שהוא. נתיב 27.9: «בהתאמה מלאה לקו העיצובי של גפיטי» */
@media (min-width:901px){
  .v-drawer{left:auto;right:0;transform:translateX(102%)}
  .v-drawer.is-open{transform:none}
}
.v-drawer__foot .v-btn{flex:0 0 auto}
.v-drawer__foot .v-btn[disabled]{opacity:.55;cursor:not-allowed}
/* ===== כרטיס הלקוח מימין לשמאל (נתיב 27.9: «שים לב שהכרטיס לקוח משמאמל לימין, כלומר זה הפוך») =====
   הבנייה הקודמת העתיקה את מיקומי התמונה מילולית (שמאל נשאר שמאל). עכשיו הכרטיס בראי: השם והתמונה בימין,
   פרטי הטיול בשמאל; הטור הרחב בימין והצר בשמאל; שלושת הכרטיסים התחתונים: משימות מימין, הערות משמאל. */
@media (min-width:1281px){
  .cc-head{grid-template-columns:minmax(0,1fr) minmax(0,1.22fr)}
  .cc-head__id{grid-column:1}
  .cc-head__meta{grid-column:2}
}
@media (min-width:1101px){
  .cc-band{grid-template-columns:minmax(0,2.03fr) minmax(0,1fr)}
  .cc-band > :first-child{grid-column:2;grid-row:1}
  .cc-band > :nth-child(2){grid-column:1;grid-row:1}
}
.cc-trio > [aria-label="הערות"]{order:3}
.cc-trio > [aria-label="תקשורת אחרונה"]{order:2}
.cc-trio > [aria-label="משימות קרובות"]{order:1}
/* מסך «הוספת מסמך» + לשונית המסמכים בטלפון (27.9) */
.cc-docs__up{cursor:pointer;color:var(--v-blue)}
.cc-docs__up:hover{border-color:var(--v-blue)}
.cc-docs__add{width:100%;justify-content:center;gap:6px;margin-top:14px}
.cc-docs__add svg{width:15px;height:15px}
.cc-up__drop{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 14px;margin:4px 0 14px;border:1.5px dashed #C8D3E4;
  border-radius:14px;background:var(--v-surface-2,#F8FAFD);cursor:pointer;text-align:center}
.cc-up__drop:hover{border-color:var(--v-blue)}
.cc-up__drop svg{width:22px;height:22px;color:var(--v-blue)}
.cc-up__drop b{font-size:13.5px;color:var(--v-ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-up__drop small{font-size:11.5px;color:var(--v-muted)}
.cc-up__drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
/* טלפון: חמש הלשוניות של כרטיס הלקוח נכנסות ברוחב אחד, בלי גלילה ובלי מילה חתוכה (27.9) */
.cc-mtabs{display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;overflow:visible}
.cc-mtabs .v-tab{padding:8px 2px;font-size:13px;justify-content:center;white-space:nowrap;min-width:0}
@media (max-width:900px){
  .cc-doc__t{white-space:normal;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}

/* דף האטרקציות, סבב תיקונים 27.9: כרטיס «אוכלוסיית הדף» (חמש קבוצות הטיול, 9.67) ועמודת «הוזמנו / עמלה» */
.v-fixpop .v-chips{flex-wrap:wrap}
.v-fixpop .v-chip b{margin-inline-start:4px}
.v-table td .v-good{color:var(--v-good)}

/* ניתוחי AI בדפים (מנדט AI_ANALYSES, 29.9.2026): בלוק «ניתוח AI» עם תאריך, ותווית «לפי כללים קבועים» לטקסט שאינו AI.
   מקור ה-HTML: _ai.js. כל צבע וריווח מהטוקנים של המערכת. */
.v-ai{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:12px;background:var(--v-blue-soft);border:1px solid var(--v-border);text-align:start}
.v-ai + .v-ai{margin-top:8px}
.v-ai__lab{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--v-muted)}
.v-ai__lab b{font-size:12px;font-weight:700;color:var(--v-blue)}
.v-ai__head{margin:0;font-size:13.5px;font-weight:700;line-height:1.4;color:var(--v-ink)}
.v-ai__ok{margin:0;font-size:12px;line-height:1.45;color:var(--v-ink-2)}
.v-ai__ok b{color:var(--v-good)}
.v-ai__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.v-ai__list li b{display:block;font-size:13px;font-weight:600;line-height:1.4;color:var(--v-ink)}
.v-ai__list li small,.v-ai__sub{display:block;font-size:11.5px;line-height:1.45;color:var(--v-muted);margin-top:2px}
.v-ai__none{margin:0;font-size:13px;font-weight:600;color:var(--v-muted)}
.v-ai[data-state="none"],.v-ai[data-state="stale"],.v-ai[data-state="error"]{background:var(--v-surface-2)}
.v-ai[data-state="error"] .v-ai__none{color:var(--v-bad)}
.v-ai__rules{margin:10px 0 4px;font-size:11.5px;font-weight:600;color:var(--v-muted)}

/* 30.9 (DEAD_FIXES_A2 1): «התנתקות» on a phone. The sidebar is hidden below 900px, so _ds.js adds one small button to every top bar
   (VDS.addPhoneLogout). In the bars that wrap (search / buttons / date rows) it is one more 44px button in the flow; in the two
   fixed three-column bars (logo bars, and the customer pages' phone bar) it is out of the flow, next to the leftmost control. */
.v-top__logout{display:none}
@media (max-width:900px){
  .v-top .v-top__logout{display:inline-flex;align-items:center;justify-content:center;flex:none;
    width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--v-ink);cursor:pointer}
  .v-top .v-top__logout svg{width:18px;height:18px}
  .v-top .v-top__logout:focus-visible{outline:2px solid #2f6fe0;outline-offset:-2px}
  .v-top:has(.v-top__logo) .v-top__logout{position:absolute;top:6px;left:60px;z-index:2}
  .v-mobonly .v-top .v-top__logout{position:absolute;top:6px;left:56px;z-index:2}
}

/* =====================================================================
   מנדט E1+E2 (1.10.2026): שני מסכים שהמתכננת ממלאת עם הלקוח בשיחה — תוכנית האטרקציות והצעת המלונות.
   רכיבים חדשים בלבד, כולם מהטוקנים. אין כאן שום כלל ספציפי-לדף.
   ===================================================================== */

/* כותרת עמוד שאינו קאבר: כותרת, משפט אחד, ופקדים בצד */
.v-pghead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:18px 0 16px;flex-wrap:wrap}
.v-pghead h1{margin:0;font-size:30px;font-weight:800;line-height:1.15;color:var(--v-ink)}
.v-pghead p{margin:5px 0 0;font-size:14px;color:var(--v-muted);max-width:640px;line-height:1.55}
.v-pghead__ctl{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* פס הלקוח הדק בראש מסך עבודה */
.v-cust{display:flex;align-items:center;gap:16px;padding:12px 18px;flex-wrap:wrap}
.v-cust__id{display:flex;align-items:center;gap:12px;min-width:0}
.v-cust__id b{display:block;font-size:17px;font-weight:800}
.v-cust__id small{display:block;font-size:12px;color:var(--v-muted);margin-top:2px}
.v-cust__facts{display:flex;gap:22px;margin-inline-start:auto;flex-wrap:wrap}
.v-cust__facts span{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--v-muted)}
.v-cust__facts b{font-size:14px;font-weight:700;color:var(--v-ink)}

/* ציר המסלול: תרשים זרימה אופקי, צומת לכל יום */
.v-route{display:flex;align-items:flex-start;padding:16px 18px 14px;overflow-x:auto}
.v-route__node{flex:1 1 0;min-width:96px;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;text-align:center;
  background:none;border:0;cursor:pointer;font:inherit}
.v-route__node::before{content:"";position:absolute;top:15px;inset-inline:-50% 50%;height:3px;background:var(--v-border);z-index:0}
.v-route__node:first-child::before{display:none}
.v-route__node.is-done::before,.v-route__node.is-now::before{background:var(--v-blue)}
.v-route__dot{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
  background:var(--v-surface);border:2px solid var(--v-border);font-size:13px;font-weight:700;color:var(--v-muted)}
.v-route__node.is-done .v-route__dot{background:var(--v-blue);border-color:var(--v-blue);color:#fff}
.v-route__node.is-now .v-route__dot{border-color:var(--v-blue);color:var(--v-blue);box-shadow:0 0 0 4px var(--v-blue-soft)}
.v-route__city{font-size:12.5px;font-weight:700;color:var(--v-ink)}
.v-route__sub{font-size:11.5px;color:var(--v-muted)}

/* עמודות הימים */
.v-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--v-gap);align-items:start}
.v-day{background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-panel);box-shadow:var(--v-sh-card);overflow:hidden}
.v-day__head{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:var(--v-bw) solid var(--v-line);background:linear-gradient(180deg,#FAFCFF,#F4F8FE)}
.v-day__num{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--v-blue);color:#fff;font-weight:700;font-size:14px}
.v-day__t{flex:1;min-width:0}
.v-day__t b{display:block;font-size:15px;font-weight:700}
.v-day__t small{display:block;font-size:12px;color:var(--v-muted);margin-top:1px}
.v-day__sum{font-size:13px;font-weight:700;color:var(--v-ink)}
.v-day__body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px}
.v-day__empty{display:flex;align-items:center;gap:10px;padding:14px;border-radius:12px;background:var(--v-surface-2);color:var(--v-muted);font-size:13px}
.v-day__add{display:flex;align-items:center;justify-content:center;gap:7px;height:42px;border:1.5px dashed #C9DBF2;border-radius:12px;
  color:var(--v-blue);font:600 13.5px var(--v-font);background:transparent;cursor:pointer;width:100%}
.v-day__add:hover{background:var(--v-blue-soft)}
.v-day__add svg{width:15px;height:15px}

/* שורת אטרקציה בתוך יום */
.v-line{border:var(--v-bw) solid var(--v-border);border-radius:14px;padding:12px 13px;background:var(--v-surface);display:flex;flex-direction:column;gap:10px}
.v-line__top{display:flex;align-items:flex-start;gap:10px}
.v-line__name{flex:1;min-width:0;font-size:14.5px;font-weight:700;line-height:1.35}
.v-line__name small{display:block;font-size:11.5px;font-weight:500;color:var(--v-muted);margin-top:2px}
.v-line__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}
.v-line__f{display:flex;flex-direction:column;gap:4px;min-width:0}
.v-line__f.is-wide{grid-column:1 / -1}
.v-line__f > span{font-size:11.5px;font-weight:600;color:var(--v-muted)}
.v-line__f input,.v-line__f select{width:100%;height:34px;padding:0 9px;border:var(--v-bw) solid var(--v-border);border-radius:9px;
  font:500 13px var(--v-font);color:var(--v-ink);background:var(--v-surface)}
.v-line__f input:focus,.v-line__f select:focus{outline:0;border-color:var(--v-blue);box-shadow:0 0 0 3px var(--v-blue-soft)}
.v-line__f output{display:flex;align-items:center;height:34px;font-size:13px;font-weight:600}
.v-line__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:9px;border-top:var(--v-bw) dashed var(--v-line)}
.v-line__price{font-size:15px;font-weight:800;color:var(--v-ink)}
.v-line__price small{display:block;font-size:11px;font-weight:500;color:var(--v-muted)}
.v-line__book{display:flex;align-items:center;gap:8px}
.v-line.is-read .v-line__f input,.v-line.is-read .v-line__f select{border-color:transparent;background:var(--v-surface-2);pointer-events:none}
.v-tix{display:flex;gap:5px;flex-wrap:wrap}
.v-tix button{height:28px;padding:0 10px;border-radius:var(--v-r-chip);border:var(--v-bw) solid var(--v-border);background:var(--v-surface);
  font:600 12px var(--v-font);color:var(--v-ink-2);cursor:pointer}
.v-tix button.is-on{background:var(--v-blue-soft);border-color:#C6DCFB;color:var(--v-blue)}
.v-stepper{display:inline-flex;align-items:center;height:34px;border:var(--v-bw) solid var(--v-border);border-radius:9px;overflow:hidden;background:var(--v-surface)}
.v-stepper button{width:32px;height:100%;font-size:17px;font-weight:700;color:var(--v-blue)}
.v-stepper button:hover{background:var(--v-blue-soft)}
.v-stepper b{min-width:30px;text-align:center;font-size:13.5px}

/* בורר הקטלוג שנפתח מתחת ליום */
.v-picker{border:var(--v-bw) solid #C6DCFB;border-radius:14px;background:var(--v-blue-soft);padding:10px;display:flex;flex-direction:column;gap:8px}
.v-picker .v-search{max-width:none;width:100%}
.v-picker__list{display:flex;flex-direction:column;gap:5px;max-height:none}
.v-picker__row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--v-surface);border-radius:10px;border:var(--v-bw) solid var(--v-border);
  cursor:pointer;text-align:start;width:100%;font:inherit}
.v-picker__row:hover{border-color:var(--v-blue)}
.v-picker__row b{flex:1;min-width:0;font-size:13px;font-weight:600}
.v-picker__row span{font-size:12.5px;font-weight:700;color:var(--v-ink-2)}
.v-picker__row svg{width:15px;height:15px;color:var(--v-blue)}

/* פס סיכום ופעולה בתחתית מסך עבודה */
.v-sumbar{display:flex;align-items:center;gap:22px;padding:14px 20px;flex-wrap:wrap;
  background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-panel);box-shadow:var(--v-sh-float)}
.v-sumbar__n{display:flex;flex-direction:column;gap:2px}
.v-sumbar__n small{font-size:12px;color:var(--v-muted)}
.v-sumbar__n b{font-size:24px;font-weight:800;line-height:1.1}
.v-sumbar__acts{display:flex;gap:10px;margin-inline-start:auto;flex-wrap:wrap}

/* מד שלבים: טיוטה · נשלחה · נפתחה · נבחר */
.v-steps{display:flex;align-items:center;gap:0;margin:0;padding:0;list-style:none}
.v-steps li{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--v-muted);white-space:nowrap}
.v-steps li + li::before{content:"";display:block;width:34px;height:2px;background:var(--v-border);margin-inline:10px}
.v-steps i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;
  background:var(--v-surface);border:2px solid var(--v-border);color:var(--v-muted)}
.v-steps i svg{width:13px;height:13px}
.v-steps li.is-done{color:var(--v-ink-2)}
.v-steps li.is-done i{background:var(--v-blue);border-color:var(--v-blue);color:#fff}
.v-steps li.is-done + li::before{background:var(--v-blue)}
.v-steps li.is-now{color:var(--v-blue)}
.v-steps li.is-now i{border-color:var(--v-blue);color:var(--v-blue);box-shadow:0 0 0 4px var(--v-blue-soft)}

/* שהייה אחת (עיר + לילות) והאפשרויות שלה */
.v-stay{background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-panel);box-shadow:var(--v-sh-card);padding:16px 18px}
.v-stay + .v-stay{margin-top:var(--v-gap)}
.v-stay__head{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.v-stay__head h3{margin:0;font-size:17px;font-weight:700}
.v-stay__head small{font-size:12.5px;color:var(--v-muted)}
.v-opts{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:var(--v-gap-lg);align-items:stretch}
.v-opt{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px;border:var(--v-bw) solid var(--v-border);border-radius:16px;background:var(--v-surface);text-align:start;font:inherit;cursor:pointer}
.v-opt:hover{border-color:#C9DBF2}
.v-opt.is-rec{border:2px solid var(--v-blue);background:linear-gradient(180deg,#F8FBFF,#fff)}
.v-opt.is-picked{border:2px solid var(--v-good);background:linear-gradient(180deg,#F2FBF6,#fff)}
.v-opt__pic{height:84px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#4D93F0,#0A58DE)}
.v-opt:nth-child(2) .v-opt__pic{background:linear-gradient(135deg,#8CBCF7,#4D93F0)}
.v-opt:nth-child(3) .v-opt__pic{background:linear-gradient(135deg,#C2A9F2,#6D3FD1)}
.v-opt__pic svg{width:30px;height:30px;opacity:.9}
.v-opt__tag{position:absolute;top:22px;inset-inline-start:22px}
.v-opt__name{font-size:15px;font-weight:700;line-height:1.3;margin:0}
.v-opt__meta{font-size:12.5px;color:var(--v-muted);display:flex;gap:10px;flex-wrap:wrap}
.v-opt__why{font-size:12.5px;line-height:1.5;color:var(--v-ink-2);margin:0}
.v-opt__price{margin-top:auto;padding-top:10px;border-top:var(--v-bw) dashed var(--v-line);display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.v-opt__price b{font-size:21px;font-weight:800}
.v-opt__price small{font-size:11.5px;color:var(--v-muted)}
.v-opt.is-add{border:1.5px dashed #C9DBF2;background:transparent;align-items:center;justify-content:center;color:var(--v-blue);font-weight:600;font-size:13.5px;min-height:160px}

/* יומן אירועים של פריט שנשלח ללקוח */
.v-feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.v-feed li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:var(--v-bw) solid var(--v-line);font-size:13.5px}
.v-feed li:last-child{border-bottom:0}
.v-feed li > span{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--v-blue-soft);color:var(--v-blue)}
.v-feed li > span svg{width:15px;height:15px}
.v-feed li.is-wait{color:var(--v-muted)}
.v-feed li.is-wait > span{background:var(--v-surface-2);color:var(--v-muted)}
.v-feed b{display:block;font-weight:600}
.v-feed small{display:block;font-size:12px;color:var(--v-muted);margin-top:1px}

.v-twocol{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--v-gap);align-items:start}
.v-twocol.is-even{grid-template-columns:1fr 1fr}
.v-stack{display:flex;flex-direction:column;gap:var(--v-gap)}
.v-textarea{width:100%;min-height:96px;padding:10px 12px;border:var(--v-bw) solid var(--v-border);border-radius:10px;font:500 13.5px/1.55 var(--v-font);color:var(--v-ink);resize:vertical;background:var(--v-surface)}
.v-textarea:focus{outline:0;border-color:var(--v-blue);box-shadow:0 0 0 3px var(--v-blue-soft)}
.v-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:13.5px}
.v-checks li{display:flex;gap:9px;align-items:flex-start;line-height:1.5}
.v-checks svg{width:15px;height:15px;color:var(--v-good);flex:none;margin-top:3px}
.v-checks.is-no svg{color:var(--v-muted)}
@media (max-width:1100px){.v-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.v-opts{grid-template-columns:1fr}.v-twocol{grid-template-columns:1fr}}
@media (max-width:700px){.v-flow{grid-template-columns:1fr}}
.v-cust .cc-ava{width:46px;height:46px;font-size:16px}
.v-sumbar{width:100%}

/* =====================================================================
   מנדט E1+E2 סבב 2 (1.10.2026): בונה ההצעה לשיחה, דף הלקוח לפי קישור אישי, ימי הטיול.
   רכיבים חדשים בלבד, מהטוקנים. קידומות: v-bld (בונה) · v-days (ימים) · v-cx (דף לקוח) · v-ph (תמונה) · v-map (מפה).
   ===================================================================== */

/* ---- משבצת תמונה: סצנה מצוירת במקום תמונת מלון עד שיש תמונה אמיתית ---- */
.v-ph{position:relative;overflow:hidden;border-radius:14px;background:#8CBCF7;isolation:isolate;min-height:120px}
.v-ph::before{content:"";position:absolute;inset:0;z-index:0}
.v-ph::after{content:"";position:absolute;inset-inline:0;bottom:0;height:46%;z-index:1;background-repeat:no-repeat;background-position:center bottom;background-size:100% 100%}
.v-ph__tag{position:absolute;z-index:2;inset-block-end:8px;inset-inline-start:8px;height:22px;padding:0 9px;border-radius:var(--v-r-chip);
  display:inline-flex;align-items:center;background:rgba(11,30,54,.62);color:#fff;font-size:11px;font-weight:600;backdrop-filter:blur(4px)}
.v-ph--city::before{background:linear-gradient(180deg,#15305C 0%,#3E5C9E 42%,#E88F5B 82%,#F6C77D 100%)}
.v-ph--city::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 60' preserveAspectRatio='none'%3E%3Cpath fill='%230B1E36' d='M0 60V34h10V22h8v12h6V14h7v20h8V26h9v8h6V10h5V2h2v8h5v24h8V24h10v10h7V18h8v16h9V28h8v6h8V20h9v14h8V30h10v30z'/%3E%3C/svg%3E")}
.v-ph--city2::before{background:linear-gradient(180deg,#1F4B8A 0%,#5C8FD0 55%,#F2C48E 100%)}
.v-ph--city2::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 60' preserveAspectRatio='none'%3E%3Cpath fill='%2311294A' d='M0 60V40h14V26h10v14h8V18h10v22h12V30h8V12h6v18h10V36h12V22h9v18h10V32h12v28z'/%3E%3C/svg%3E")}
.v-ph--city3::before{background:linear-gradient(180deg,#3A3F7A 0%,#8E7FC4 50%,#F0B7A0 100%)}
.v-ph--city3::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 60' preserveAspectRatio='none'%3E%3Cpath fill='%231B2347' d='M0 60V30h16V20h12v10h10V8h8v22h12V24h14V34h10V16h10v18h14V26h12v34z'/%3E%3C/svg%3E")}
.v-ph--desert::before{background:linear-gradient(180deg,#5FA8E8 0%,#A9D2F0 45%,#F7D9B0 100%)}
.v-ph--desert::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 60' preserveAspectRatio='none'%3E%3Cpath fill='%23B4492B' d='M0 60V38h16l6-14h20l4 10h12l8-18h22l6 12h14l10-10h24l8 12h18l10 8h12v26z'/%3E%3Cpath fill='%23863018' d='M0 60V48h30l10-8h24l12 8h40l14-6h30l10 6h30v12z'/%3E%3C/svg%3E")}
.v-ph--desert2::before{background:linear-gradient(180deg,#7DB6EA 0%,#D6E6F2 50%,#F5CE9C 100%)}
.v-ph--desert2::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 60' preserveAspectRatio='none'%3E%3Cpath fill='%23C25A36' d='M0 60V34h24l10-16h18l8 14h20l12-20h26l8 16h18l12 6h44v26z'/%3E%3C/svg%3E")}
.v-ph--desert3::before{background:linear-gradient(180deg,#2B4F86 0%,#7E8FC0 45%,#F2A878 100%)}
.v-ph--desert3::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 60' preserveAspectRatio='none'%3E%3Cpath fill='%237A2A18' d='M0 60V36h20l8-12h24l10 12h16l10-20h22l8 14h20l12 8h50v22z'/%3E%3C/svg%3E")}

/* ---- מפה מצוירת: סימון המיקום והמקומות שליד ---- */
.v-map{position:relative;border-radius:14px;overflow:hidden;background:#EAF1FA;border:var(--v-bw) solid var(--v-border);min-height:132px}
.v-map svg.v-map__bg{position:absolute;inset:0;width:100%;height:100%}
.v-map__pin{position:absolute;z-index:2;width:30px;height:30px;margin:-30px -15px 0 0;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--v-blue);
  display:grid;place-items:center;box-shadow:0 4px 10px rgba(10,88,222,.4);inset-inline-start:auto}
.v-map__pin::after{content:"";width:10px;height:10px;border-radius:50%;background:#fff}
.v-map__lbl{position:absolute;z-index:2;font-size:11px;font-weight:700;color:var(--v-ink-2);background:rgba(255,255,255,.92);padding:2px 7px;border-radius:var(--v-r-chip);box-shadow:0 1px 4px rgba(13,43,77,.12);white-space:nowrap}
.v-map__lbl.is-me{background:var(--v-blue);color:#fff}

/* =========================  בונה ההצעה: מלונות  ========================= */
.v-bld{display:flex;flex-direction:column;gap:var(--v-gap)}
.v-bld-stay{background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-panel);box-shadow:var(--v-sh-card);padding:16px 18px}
.v-bld-stay__head{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.v-bld-stay__head h3{margin:0;font-size:18px;font-weight:800}
.v-bld-stay__head small{font-size:12.5px;color:var(--v-muted)}
.v-bld-stay__head .v-badge{width:34px;height:34px}
.v-bld-rows{display:flex;flex-direction:column;gap:8px}
.v-bld-row{display:grid;grid-template-columns:34px minmax(0,1.5fr) minmax(0,1.2fr) 150px 28px;gap:10px;align-items:center;padding:10px 12px;
  border:var(--v-bw) solid var(--v-border);border-radius:14px;background:var(--v-surface)}
.v-bld-row.is-rec{border:2px solid var(--v-blue);background:linear-gradient(180deg,#F8FBFF,#fff)}
.v-bld-star{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--v-border);color:#B7C1D2;background:var(--v-surface);cursor:pointer}
.v-bld-star svg{width:15px;height:15px}
.v-bld-star:hover{border-color:var(--v-blue);color:var(--v-blue)}
.v-bld-row.is-rec .v-bld-star{background:var(--v-blue);border-color:var(--v-blue);color:#fff}
.v-bld-name{min-width:0}
.v-bld-name b{display:block;font-size:14px;font-weight:700;line-height:1.3}
.v-bld-name small{display:block;font-size:12px;color:var(--v-muted);margin-top:2px}
.v-bld-name .v-pill{margin-inline-start:6px;height:20px;font-size:11px;padding:0 8px;vertical-align:1px}
.v-bld-in{width:100%;height:36px;padding:0 10px;border:var(--v-bw) solid var(--v-border);border-radius:9px;font:500 13px var(--v-font);color:var(--v-ink);background:var(--v-surface)}
.v-bld-in:focus{outline:0;border-color:var(--v-blue);box-shadow:0 0 0 3px var(--v-blue-soft)}
.v-bld-price{position:relative}
.v-bld-price .v-bld-in{padding-inline-start:30px;font-weight:700;font-size:15px;direction:ltr;text-align:start}
.v-bld-price i{position:absolute;inset-inline-start:11px;inset-block-start:50%;transform:translateY(-50%);font-style:normal;font-weight:700;color:var(--v-muted)}
.v-bld-price.is-missing .v-bld-in{border-color:#E8B96A;background:var(--v-warn-soft)}
.v-bld-x{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#9AA6BA}
.v-bld-x:hover{background:var(--v-bad-soft);color:var(--v-bad)}
.v-bld-x svg{width:14px;height:14px}
.v-bld-add{position:relative;margin-top:10px}
.v-bld-add .v-search{max-width:none;width:100%}
.v-bld-sug{position:absolute;z-index:5;inset-inline:0;top:calc(100% + 6px);background:var(--v-surface);border:var(--v-bw) solid #C6DCFB;border-radius:14px;box-shadow:var(--v-sh-float);padding:6px}
.v-bld-sug__t{padding:6px 10px 4px;font-size:11.5px;font-weight:700;color:var(--v-muted)}
.v-bld-sug button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:10px;text-align:start}
.v-bld-sug button:hover{background:var(--v-blue-soft)}
.v-bld-sug b{flex:1;font-size:13.5px;font-weight:600}
.v-bld-sug small{font-size:12px;color:var(--v-muted)}
.v-bld-sug svg{width:15px;height:15px;color:var(--v-blue)}
.v-bld-or{display:flex;gap:16px;margin-top:8px;font-size:12.5px}
.v-bld-side-sentence{width:100%;min-height:104px}

/* =========================  ימי הטיול: תוכנית האטרקציות  ========================= */
.v-days-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:var(--v-gap);align-items:start}
.v-days{display:flex;flex-direction:column;gap:0;position:relative}
.v-dayrow{display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;position:relative;padding-bottom:12px}
.v-dayrow:last-child{padding-bottom:0}
.v-dayrow::before{content:"";position:absolute;inset-inline-start:34px;top:46px;bottom:-2px;width:2px;background:var(--v-border)}
.v-dayrow:last-child::before{display:none}
.v-dayrow__d{display:flex;flex-direction:column;align-items:center;gap:3px;padding-top:2px}
.v-dayrow__dot{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--v-surface);border:2px solid var(--v-border);font-size:15px;font-weight:800;color:var(--v-muted);position:relative;z-index:1}
.v-dayrow.has-items .v-dayrow__dot{background:var(--v-blue);border-color:var(--v-blue);color:#fff}
.v-dayrow.is-open .v-dayrow__dot{box-shadow:0 0 0 5px var(--v-blue-soft);border-color:var(--v-blue)}
.v-dayrow__d small{font-size:11.5px;color:var(--v-muted);font-weight:600}
.v-dayrow__card{background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-card);box-shadow:var(--v-sh-card);overflow:hidden;text-align:start;width:100%;font:inherit;display:block}
.v-dayrow.is-open .v-dayrow__card{border:2px solid var(--v-blue)}
.v-dayrow__head{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;width:100%;text-align:start}
.v-dayrow__head b{font-size:15.5px;font-weight:700}
.v-dayrow__head small{font-size:12.5px;color:var(--v-muted)}
.v-dayrow__head .v-day__sum{margin-inline-start:auto}
.v-dayrow__add{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-radius:var(--v-r-chip);background:var(--v-blue-soft);color:var(--v-blue);font-size:12.5px;font-weight:700}
.v-dayrow__add svg{width:13px;height:13px}
.v-dayrow__body{padding:0 16px 14px;display:flex;flex-direction:column;gap:8px}
.v-dayrow__none{padding:2px 16px 14px;font-size:13px;color:var(--v-muted)}
.v-al{border:var(--v-bw) solid var(--v-line);border-radius:12px;background:var(--v-surface-2);padding:9px 12px}
.v-al__main{display:grid;grid-template-columns:minmax(0,1fr) 78px auto 80px 26px 26px;gap:10px;align-items:center}
.v-al__name{min-width:0;font-size:14px;font-weight:700;line-height:1.3}
.v-al__name small{display:block;font-size:11.5px;font-weight:500;color:var(--v-muted);margin-top:1px}
.v-al__time{width:78px;height:32px;padding:0 8px;border:var(--v-bw) solid var(--v-border);border-radius:8px;font:600 12.5px var(--v-font);text-align:center;background:var(--v-surface)}
.v-al__time:focus{outline:0;border-color:var(--v-blue);box-shadow:0 0 0 3px var(--v-blue-soft)}
.v-al__price{font-size:14.5px;font-weight:800;text-align:end}
.v-al__ic{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;color:#8A97AD}
.v-al__ic:hover{background:var(--v-blue-soft);color:var(--v-blue)}
.v-al__ic.is-del:hover{background:var(--v-bad-soft);color:var(--v-bad)}
.v-al__ic svg{width:14px;height:14px}
.v-al__more{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;margin-top:10px;padding-top:10px;border-top:var(--v-bw) dashed var(--v-border)}
.v-al.is-read .v-al__time{border-color:transparent;background:transparent;pointer-events:none}
.v-al .v-stepper{height:32px}
.v-al .v-stepper button{width:26px}
.v-dpick{position:sticky;top:18px;background:var(--v-surface);border:2px solid var(--v-blue);border-radius:var(--v-r-panel);box-shadow:var(--v-sh-float);padding:14px 14px 12px;display:flex;flex-direction:column;gap:10px}
.v-dpick__head{display:flex;align-items:center;gap:10px}
.v-dpick__head h3{margin:0;font-size:16.5px;font-weight:800}
.v-dpick__head small{display:block;font-size:12px;color:var(--v-muted);margin-top:1px}
.v-dpick .v-search{max-width:none;width:100%}
.v-dpick__grp{font-size:11.5px;font-weight:700;color:var(--v-muted);padding:2px 2px 0}
.v-dpick__list{display:flex;flex-direction:column;gap:5px}
.v-dpick__row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:var(--v-bw) solid var(--v-border);border-radius:11px;background:var(--v-surface);width:100%;text-align:start;cursor:pointer}
.v-dpick__row:hover{border-color:var(--v-blue);background:var(--v-blue-soft)}
.v-dpick__row.is-added{opacity:.55}
.v-dpick__row svg{width:15px;height:15px;color:var(--v-blue);flex:none}
.v-dpick__row b{flex:1;min-width:0;font-size:13.5px;font-weight:600;line-height:1.3}
.v-dpick__row small{display:block;font-size:11.5px;color:var(--v-muted);font-weight:500}
.v-dpick__row span{font-size:13px;font-weight:700;color:var(--v-ink-2)}
.v-dpick__empty{padding:22px 12px;border:1.5px dashed #C9DBF2;border-radius:14px;text-align:center;color:var(--v-muted);font-size:13px;line-height:1.55}

/* =========================  דף הלקוח (קישור אישי)  ========================= */
body.v-cx{background:#F5F8FD}
.v-cx-demo{background:#FFF6E5;border-bottom:var(--v-bw) solid #F1D9A8;padding:8px var(--v-gutter);display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12.5px;color:#7A5410}
.v-cx-demo b{font-weight:700}
.v-cx-demo .v-segment{margin-inline-start:auto}
.v-cx-top{background:var(--v-surface);border-bottom:var(--v-bw) solid var(--v-border);position:relative;z-index:3}
.v-cx-top__in{max-width:1080px;margin:0 auto;padding:12px var(--v-gutter);display:flex;align-items:center;gap:14px}
.v-cx-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px;color:var(--v-nav-top)}
.v-cx-brand svg{width:26px;height:26px;color:var(--v-blue)}
.v-cx-brand small{display:block;font-size:10.5px;font-weight:600;letter-spacing:.06em;color:var(--v-muted)}
.v-cx-top__call{margin-inline-start:auto;display:flex;align-items:center;gap:10px}
.v-cx-wrap{max-width:1080px;margin:0 auto;padding:0 var(--v-gutter) 40px}
.v-cx-hero{margin:22px 0 26px;border-radius:24px;background:linear-gradient(135deg,#11294A 0%,#16396B 60%,#0A58DE 140%);color:#fff;padding:30px 34px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:26px;align-items:center;position:relative;overflow:hidden}
.v-cx-hero::after{content:"";position:absolute;inset-inline-end:-80px;inset-block-start:-80px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.05)}
.v-cx-face{width:104px;height:104px;border-radius:50%;border:4px solid rgba(255,255,255,.9);display:grid;place-items:center;font-size:34px;font-weight:800;color:#fff;
  background:radial-gradient(circle at 35% 30%,#4D93F0,#0A58DE);position:relative;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.v-cx-face small{position:absolute;inset-block-end:-10px;background:#fff;color:var(--v-ink);font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:var(--v-r-chip);white-space:nowrap}
.v-cx-hero h1{margin:0 0 6px;font-size:34px;font-weight:800;line-height:1.15}
.v-cx-hero__by{font-size:13.5px;color:#C4D3E6;margin-bottom:12px}
.v-cx-quote{margin:0;padding:12px 16px;background:rgba(255,255,255,.1);border-inline-start:3px solid #7FB2F8;border-radius:10px;font-size:15.5px;line-height:1.6;color:#F2F7FF;max-width:640px}
.v-cx-facts{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.v-cx-facts span{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 13px;border-radius:var(--v-r-chip);background:rgba(255,255,255,.12);font-size:12.5px;font-weight:600}
.v-cx-facts svg{width:14px;height:14px}
.v-cx-steps{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:13px;font-weight:700;color:var(--v-muted)}
.v-cx-stay{margin-bottom:30px}
.v-cx-stay__head{display:flex;align-items:baseline;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.v-cx-stay__head h2{margin:0;font-size:25px;font-weight:800}
.v-cx-stay__head small{font-size:13.5px;color:var(--v-muted)}
.v-cx-stay__head .v-pill{margin-inline-start:auto}
.v-cx-rec{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:var(--v-surface);border:3px solid var(--v-blue);border-radius:24px;box-shadow:var(--v-sh-float);overflow:hidden;position:relative}
.v-cx-rec.is-alt{border-color:var(--v-border);border-width:2px;box-shadow:var(--v-sh-card)}
.v-cx-rec__media{position:relative;min-height:340px;padding:10px;display:flex;flex-direction:column;gap:10px}
.v-cx-rec__media .v-ph{flex:1;min-height:210px;border-radius:16px}
.v-cx-rec__media .v-map{min-height:96px;flex:none;height:112px}
.v-cx-badge{position:absolute;z-index:4;inset-block-start:22px;inset-inline-start:22px;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 14px;border-radius:var(--v-r-chip);background:var(--v-blue);color:#fff;font-size:13px;font-weight:700;box-shadow:0 4px 12px rgba(10,88,222,.4)}
.v-cx-badge svg{width:14px;height:14px}
.v-cx-rec__body{padding:22px 24px 20px;display:flex;flex-direction:column;gap:12px}
.v-cx-rec__body h3{margin:0;font-size:24px;font-weight:800;line-height:1.2}
.v-cx-meta{display:flex;gap:14px;font-size:13.5px;color:var(--v-muted);flex-wrap:wrap}
.v-cx-meta span{display:inline-flex;align-items:center;gap:5px}
.v-cx-meta svg{width:14px;height:14px}
.v-cx-why{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;font-size:14.5px;line-height:1.5}
.v-cx-why li{display:flex;gap:10px}
.v-cx-why svg{width:17px;height:17px;color:var(--v-good);flex:none;margin-top:2px}
.v-cx-proof{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;background:var(--v-surface-2);font-size:13px;color:var(--v-ink-2)}
.v-cx-proof svg{width:15px;height:15px;color:var(--v-blue);flex:none}
.v-cx-price{margin-top:auto;padding-top:14px;border-top:var(--v-bw) dashed var(--v-border);display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.v-cx-price b{display:block;font-size:34px;font-weight:800;line-height:1}
.v-cx-price small{display:block;font-size:12.5px;color:var(--v-muted);margin-top:5px}
.v-cx-price__call{font-size:16px;font-weight:700;color:var(--v-ink);line-height:1.35}
.v-cx-chosen{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px;border-radius:var(--v-r-chip);background:var(--v-good-soft);color:var(--v-good);font-weight:700;font-size:14px}
.v-cx-chosen svg{width:16px;height:16px}
.v-cx-alts{margin-top:14px}
.v-cx-alts__t{font-size:13px;font-weight:700;color:var(--v-muted);margin:0 0 8px}
.v-cx-altrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v-cx-alt{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:16px;text-align:start;width:100%;cursor:pointer}
.v-cx-alt:hover{border-color:#C9DBF2}
.v-cx-alt .v-ph{height:72px;min-height:0;border-radius:11px}
.v-cx-alt .v-ph__tag{display:none}
.v-cx-alt b{display:block;font-size:14px;font-weight:700;line-height:1.3}
.v-cx-alt small{display:block;font-size:12px;color:var(--v-muted);margin-top:2px}
.v-cx-alt em{font-style:normal;font-size:14px;font-weight:800;white-space:nowrap}
.v-cx-alt.is-picked{border:2px solid var(--v-good);background:#F6FCF9}
.v-cx-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--v-gap);margin:6px 0 30px}
.v-cx-trust div{background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:18px;padding:16px 18px}
.v-cx-trust svg{width:22px;height:22px;color:var(--v-blue);margin-bottom:8px}
.v-cx-trust b{display:block;font-size:15px;font-weight:700;margin-bottom:4px}
.v-cx-trust p{margin:0;font-size:13px;line-height:1.55;color:var(--v-muted)}
.v-cx-next{background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:20px;padding:20px 24px;margin-bottom:30px}
.v-cx-next h2{margin:0 0 14px;font-size:19px;font-weight:800}
.v-cx-next ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:n}
.v-cx-next li{display:flex;gap:12px;font-size:14px;line-height:1.5;counter-increment:n}
.v-cx-next li::before{content:counter(n);flex:none;width:28px;height:28px;border-radius:50%;background:var(--v-blue-soft);color:var(--v-blue);font-weight:800;display:grid;place-items:center;font-size:13px}
.v-cx-bar{position:sticky;bottom:0;z-index:6;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-top:var(--v-bw) solid var(--v-border);box-shadow:0 -10px 30px rgba(13,43,77,.10)}
.v-cx-bar__in{max-width:1080px;margin:0 auto;padding:12px var(--v-gutter);display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.v-cx-bar__n small{display:block;font-size:12px;color:var(--v-muted)}
.v-cx-bar__n b{font-size:24px;font-weight:800;line-height:1.1}
.v-cx-bar__note{font-size:12.5px;color:var(--v-muted);max-width:330px;line-height:1.5}
.v-cx-bar .v-btn{margin-inline-start:auto;height:50px;padding:0 30px;font-size:16px;border-radius:14px}
.v-cx-done{background:var(--v-good-soft);border:var(--v-bw) solid #BDE6CF;border-radius:20px;padding:20px 24px;margin-bottom:26px;display:flex;gap:16px;align-items:center}
.v-cx-done svg{width:34px;height:34px;color:var(--v-good);flex:none}
.v-cx-done b{display:block;font-size:18px;margin-bottom:3px}
.v-cx-done p{margin:0;font-size:14px;color:var(--v-ink-2)}

/* ---- סיכום האטרקציות ללקוח, יום אחרי יום ---- */
.v-cx-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:0 0 22px}
.v-cx-strip a{background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.v-cx-strip b{font-size:15px;font-weight:800}
.v-cx-strip small{font-size:12px;color:var(--v-muted)}
.v-cx-strip a.has{border-color:#C6DCFB;background:linear-gradient(180deg,#F8FBFF,#fff)}
.v-cx-day{display:grid;grid-template-columns:150px minmax(0,1fr);background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:20px;box-shadow:var(--v-sh-card);overflow:hidden;margin-bottom:14px}
.v-cx-day__d{padding:18px 16px;background:linear-gradient(180deg,#F4F8FE,#EAF2FD);display:flex;flex-direction:column;gap:4px;border-inline-end:var(--v-bw) solid var(--v-border)}
.v-cx-day__d span{font-size:12px;font-weight:700;color:var(--v-blue)}
.v-cx-day__d b{font-size:24px;font-weight:800;line-height:1.1}
.v-cx-day__d small{font-size:13px;color:var(--v-muted)}
.v-cx-day__list{padding:6px 18px}
.v-cx-it{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 0;border-bottom:var(--v-bw) solid var(--v-line)}
.v-cx-it:last-child{border-bottom:0}
.v-cx-it__t{font-size:15px;font-weight:800;color:var(--v-blue);text-align:center;background:var(--v-blue-soft);border-radius:10px;padding:6px 0}
.v-cx-it__t.is-none{color:var(--v-muted);background:var(--v-surface-2);font-size:11.5px;font-weight:600;line-height:1.3;padding:6px 2px}
.v-cx-it b{display:block;font-size:16px;font-weight:700}
.v-cx-it small{display:block;font-size:12.5px;color:var(--v-muted);margin-top:2px}
.v-cx-it em{font-style:normal;font-size:15px;font-weight:800;text-align:end}
.v-cx-it em small{font-weight:500}
.v-cx-free{padding:24px 0;color:var(--v-muted);font-size:14px;display:flex;align-items:center;gap:10px}
.v-cx-free svg{width:18px;height:18px}
.v-cx-sum{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--v-gap);margin:6px 0 30px}
.v-cx-sum .v-card h3{font-size:16px}

@media (max-width:900px){
  .v-bld-row{grid-template-columns:34px minmax(0,1fr) 130px 28px}
  .v-bld-row .v-bld-in.is-why{grid-column:2 / -1;order:5}
  .v-days-grid{grid-template-columns:1fr}
  .v-dpick{position:static}
  .v-cx-hero{grid-template-columns:1fr;padding:24px 20px;gap:18px}
  .v-cx-rec{grid-template-columns:1fr}
  .v-cx-altrow,.v-cx-trust,.v-cx-next ol,.v-cx-sum{grid-template-columns:1fr}
  .v-cx-day{grid-template-columns:1fr}
  .v-cx-day__d{flex-direction:row;align-items:baseline;gap:10px;border-inline-end:0;border-bottom:var(--v-bw) solid var(--v-border)}
  .v-al__main{grid-template-columns:minmax(0,1fr) 78px auto 26px 26px}
  .v-al__price{grid-column:1 / -1;text-align:start}
}
.v-al .v-line__book{margin-top:8px}
.v-days + .v-card{margin-top:var(--v-gap)}
.v-twocol + .v-sumbar,.v-days-grid + .v-sumbar{margin-top:var(--v-gap)}
.v-note + .v-twocol,.v-note + .v-days-grid{margin-top:14px}
.v-note{margin-bottom:14px}
.v-pghead + .v-note{margin-top:0}
.v-sumbar + .v-freeq__hint{margin:14px 2px 30px}

.v-badge.is-blue{background:var(--v-blue-soft);color:var(--v-blue)}
.v-steps.is-compact{flex-wrap:wrap;row-gap:8px}
.v-steps.is-compact li{font-size:12.5px;gap:6px}
.v-steps.is-compact li + li::before{width:14px;margin-inline:7px}
.v-steps + .v-card__sub,.v-segment + .v-card__sub{margin:12px 0 0}
.v-bld-price .v-bld-in{padding-inline-start:10px;padding-left:28px;text-align:right}
.v-bld-price i{inset-inline-start:auto;left:11px}
.v-dayrow{grid-template-columns:86px minmax(0,1fr)}
.v-dayrow::before{inset-inline-start:42px}
.v-dayrow__d small{white-space:nowrap}
.v-dayrow::before{top:80px}
.v-days-grid.is-single{grid-template-columns:minmax(0,1fr)}

/* =====================================================================
   סבב 3 (1.10.2026): בנייה מעיצוב ה-GPT של נתיב. דפי הצעת המלונות ותוכנית האטרקציות, ללקוח ולמתכננת.
   שלד, מראה והרכב: מהתמונות ב-phase-09-live/31-ux-redesign/design_e1_e2/gpt/ . תוכן וכללים: ההכרעות של נתיב והמחקר.
   קידומות: v-g (דף לקוח משותף) · v-gh (מלונות ללקוח) · v-ga (אטרקציות ללקוח) · v-pq (בונה מלונות) · v-pa (בונה אטרקציות).
   כל הערכים נמדדו מהתמונות (PIL, ‏דגימה על חלון 4px+ממוצע) ונרשמו ב-BUILD_FROM_GPT_E1_E2_REPORT.md. תמונות הדגמה: _demo_img/ (חיתוכים מהעיצוב, לא תמונות אמיתיות).
   ===================================================================== */
:root{
  --g-bg:#F0F8FC;            /* רקע דף לקוח. נמדד: דסקטופ (0..60,236..300) ‏95% = #F0F8FC; מובייל (0..30,300..380) ‏98% */
  --g-blue:#0050F8;          /* כפתור ראשי ותגית המלצה. נמדד: דסקטופ CTA (68..320,1420..1460) ‏#004CF8 ‏37%; תגית (84..226,325..352) ‏#004CF4; מובייל #0058F4 */
  --g-blue-ink:#0A3FBF;      /* ריחוף, נגזר */
  --g-chip:#E4ECFC;          /* עיגול חץ בכרטיס חלופי. נמדד: (485..518,672..702) ‏24% */
  --g-time:#E4F0FC;          /* גלולת שעה באטרקציות. נמדד: לקוח אטרקציות (720..785,350..370) */
  --g-amber-bg:#FDE9BC;      /* גלולת «ממתין» (מתכננת בלבד). נמדד: (458..600,458..485) ‏#FCE8B8 */
  --g-warn-banner:#FCECD4;   /* באנר ממתין לספק במתכננת. נמדד: מתכננת (22..1290,246..292) ‏49% */
  --g-green-pill:#DEF5E6;    /* «מסומן עבורכם». נמדד: (656..792,505..538) ‏#DCF4E4 */
  --g-green:#1B8A57;         /* וי ירוק. נמדד: (787,388) ‏#377E54 ליבה, נבחר #1B8A57 מתוך הגלולה */
  --g-wa:#189C5C;            /* כפתור וואטסאפ במתכננת. נמדד: (36..200,877..925) ‏22% */
  --g-tix-on:#D8E8FC;        /* סוג כרטיס נבחר. נמדד: אטרקציות מתכננת (644..700,265..288) */
  --g-next-green:#F0F8F4;    /* כרטיס «מה קורה עכשיו». נמדד: לקוח אטרקציות (35..450,1445..1630) ‏45% */
  --g-next-beige:#FCF8F0;    /* כרטיס «מה לא כלול». נמדד: (470..870,1445..1630) ‏69% */
  --g-navy:#0B1E54;          /* מחיר וכותרות. נמדד: (473,508) ‏#00043D ליבה; נבחר כחול-כהה קרוב לטוקן הכהה */
  --g-card-r:14px;           /* רדיוס כרטיס. נמדד: פינת כרטיס ההמלצה, התחלת הקשת 9px בקנה-מידה 1069 ⟹ 12-14 ב-1440 */
  --g-rec-bw:2px;            /* עובי מסגרת ההמלצה. נמדד: שורות 309-310 ‏= 2px */
  --g-gutter:clamp(16px,6.2vw,130px); /* שוליים. נמדד: 66/1069 = 6.2% */
  --g-sh:0 6px 20px rgba(25,58,96,.07);
}
body.v-gc{background:var(--g-bg);font-family:var(--v-font);color:var(--v-ink);direction:rtl;margin:0}
.v-gc *{box-sizing:border-box}
.v-gc .v-num{direction:ltr;unicode-bidi:isolate}
/* פס עליון: מותג מימין, התקשרות משמאל. נמדד: גובה 50 ⟹ 67 */
.v-g-top{display:flex;align-items:center;justify-content:space-between;height:67px;padding:0 var(--g-gutter);background:var(--g-bg)}
.v-g-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;color:var(--g-navy)}
.v-g-brand svg{width:30px;height:30px;color:var(--g-blue)}
.v-g-brand small{display:block;font-size:10.5px;font-weight:600;letter-spacing:.14em;color:#6C7890}
.v-g-call{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 20px;border-radius:12px;border:1px solid #BFD2F2;background:#F8FBFF;color:var(--g-blue);font-weight:600;font-size:15px}
.v-g-call svg{width:17px;height:17px}
/* קאבר: שלושה טורים, צילום קו-הרקיע בימין, טקסט באמצע, פורטרט המתכננת משמאל */
.v-gh-hero{position:relative;display:grid;grid-template-columns:27% 1fr 27%;height:250px;background:linear-gradient(90deg,#DCECF8 0%,#E8F1F8 50%,#D7EAF6 100%);overflow:hidden}
.v-gh-hero__sky{background:url(hero/hero_sky.jpg) center/cover;-webkit-mask-image:linear-gradient(to left,#000 55%,transparent);mask-image:linear-gradient(to left,#000 55%,transparent)}
.v-gh-hero__face{position:relative;background:var(--planner-photo,none) right center/cover;-webkit-mask-image:linear-gradient(to right,#000 60%,transparent);mask-image:linear-gradient(to right,#000 60%,transparent)}
.v-gh-hero__note{position:absolute;inset-block-start:34px;inset-inline-end:46px;font:600 25px/1 var(--v-script);color:#1D4DB5;transform:rotate(-6deg);text-align:center;z-index:2}
.v-gh-hero__note::after{content:"";display:block;width:44px;height:22px;margin:4px 0 0 auto;border-bottom:2px solid #1D4DB5;border-radius:0 0 40px 0}
.v-gh-hero__demo{position:absolute;inset-block-end:8px;inset-inline-end:10px;font-size:10.5px;font-weight:600;background:rgba(11,30,54,.6);color:#fff;padding:2px 8px;border-radius:99px;z-index:3}
.v-gh-hero__txt{display:flex;flex-direction:column;justify-content:center;padding:6px 0;min-width:0}
.v-gh-hero h1{margin:0 0 10px;font-size:39px;font-weight:800;line-height:1.15;color:var(--g-navy)}
.v-gh-hero h1 i{display:inline-block;width:20px;height:20px;margin-inline-start:8px;vertical-align:6px;background:conic-gradient(from 200deg,transparent 0 40%,#F2B600 40% 46%,transparent 46% 70%,#F2B600 70% 76%,transparent 76%);border-radius:50%;-webkit-mask:radial-gradient(circle,transparent 30%,#000 32%);mask:radial-gradient(circle,transparent 30%,#000 32%)}
.v-gh-hero p{margin:0 0 14px;font-size:17px;line-height:1.5;color:#1F2D4D;max-width:560px}
.v-g-chips{display:flex;gap:10px;flex-wrap:wrap}
.v-g-chips span{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:99px;background:#fff;border:1px solid #D9E6F6;font-size:14.5px;font-weight:700;color:var(--g-navy);box-shadow:0 2px 8px rgba(25,58,96,.06)}
.v-g-chips svg{width:17px;height:17px;color:var(--g-blue)}
.v-g-main{padding:12px var(--g-gutter) 110px}
/* כותרת עיר: הטקסט הקצר מימין, שם העיר והתמונה הממוזערת משמאל (כמו בעיצוב) */
.v-gh-city{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:8px 0 12px}
.v-gh-city__tag{align-self:flex-end;text-align:start}
.v-gh-city__tag b{display:block;font-size:17px;font-weight:700;color:var(--g-navy)}
.v-gh-city__tag small{font-size:13.5px;color:#6C7890}
.v-gh-city__name{display:flex;align-items:center;gap:16px}
.v-gh-city__name img{width:158px;height:72px;object-fit:cover;border-radius:10px}
.v-gh-city__name h2{margin:0;font-size:34px;font-weight:800;line-height:1.05;color:var(--g-navy)}
.v-gh-city__name small{display:block;font-size:16px;color:#4B587A;margin-top:4px}
/* כרטיס ההמלצה: מפה מימין, גוף באמצע, צילום משמאל */
.v-gh-rec{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr) minmax(0,1.5fr);grid-template-areas:"map body photo";gap:16px;padding:12px;background:#fff;border:var(--g-rec-bw) solid var(--g-blue);border-radius:var(--g-card-r);box-shadow:var(--g-sh);min-height:337px}
.v-gh-rec.is-alt{border-color:#BFD2F2}
.v-gh-photo{grid-area:photo;position:relative;border-radius:10px;overflow:hidden;min-height:250px;background:#C9D6EA}
.v-gh-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v-gh-badge{position:absolute;inset-block-start:14px;inset-inline-end:14px;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 15px;border-radius:99px;background:var(--g-blue);color:#fff;font-weight:700;font-size:14.5px;z-index:2;box-shadow:0 4px 12px rgba(0,80,248,.35)}
.v-gh-badge svg{width:16px;height:16px;color:#FFD23F}
.v-gh-cap{position:absolute;inset-block-end:12px;inset-inline-end:14px;display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:99px;background:rgba(11,30,84,.82);color:#fff;font-size:13.5px;font-weight:600;z-index:2}
.v-gh-demo{position:absolute;inset-block-start:6px;inset-inline-start:6px;font-size:10px;font-weight:600;background:rgba(11,30,54,.55);color:#fff;padding:1px 7px;border-radius:99px;z-index:2}
.v-gh-body{grid-area:body;display:flex;flex-direction:column;gap:10px;min-width:0;padding-top:4px}
.v-gh-body h3{margin:0;font-size:25px;font-weight:800;line-height:1.2;color:var(--g-navy);direction:ltr;text-align:right;unicode-bidi:plaintext}
.v-gh-meta{display:flex;align-items:center;gap:8px;font-size:15px;color:#6C7890;flex-wrap:wrap}
.v-gh-meta .st{color:#F2A900;display:inline-flex;gap:1px}
.v-gh-meta .st svg{width:15px;height:15px}
.v-gh-why{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px;font-size:15.5px;line-height:1.4;color:#1F2D4D}
.v-gh-why li{display:flex;gap:9px;align-items:flex-start}
.v-gh-why svg{width:17px;height:17px;color:var(--g-green);flex:none;margin-top:3px}
.v-gh-proof{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:10px;background:#EEF3FB;font-size:14px;color:#3B4A6B;width:max-content;max-width:100%}
.v-gh-proof svg{width:17px;height:17px;color:var(--g-blue)}
.v-gh-price{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap}
.v-gh-price b{display:block;font-size:30px;font-weight:800;line-height:1.05;color:var(--g-navy)}
.v-gh-price b.is-call{font-size:25px}
.v-gh-price small{display:block;font-size:14px;color:#6C7890;margin-top:3px}
.v-gh-chosen{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 22px;border-radius:12px;background:var(--g-green-pill);color:#127A4C;font-weight:700;font-size:15.5px}
.v-gh-chosen svg{width:17px;height:17px}
.v-gh-switch{color:var(--g-blue);font-weight:600;font-size:14px;text-decoration:underline;background:none;border:0;cursor:pointer}
.v-gh-map{grid-area:map;position:relative;border-radius:10px;overflow:hidden;background:#E3ECE0}
.v-gh-map img{width:100%;height:100%;object-fit:cover;display:block}
.v-gh-rec.no-map{grid-template-columns:minmax(0,1.5fr) minmax(0,1.5fr);grid-template-areas:"body photo"}
.v-gh-rec.no-map .v-gh-map{display:none}
.v-gh-alts{margin:22px 0 8px}
.v-gh-alts__t{font-size:16px;font-weight:700;color:var(--g-navy);margin:0 0 10px}
.v-gh-altrow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.v-gh-alt{display:grid;grid-template-columns:200px minmax(0,1fr) 40px;direction:ltr;gap:14px;align-items:center;padding:10px;background:#fff;border:1px solid #E3EAF4;border-radius:var(--g-card-r);box-shadow:0 2px 10px rgba(25,58,96,.04);cursor:pointer;width:100%;font:inherit;text-align:left}
.v-gh-alt:hover{border-color:#BFD2F2}
.v-gh-alt__ph{position:relative;height:108px;border-radius:9px;overflow:hidden;background:#C9D6EA}
.v-gh-alt__ph img{width:100%;height:100%;object-fit:cover;display:block}
.v-gh-alt__tx{direction:rtl;text-align:left;min-width:0;display:flex;flex-direction:column;gap:5px}
.v-gh-alt__tx b{font-size:18px;font-weight:700;color:var(--g-navy);line-height:1.2}
.v-gh-alt__tx small{font-size:14px;color:#6C7890;display:flex;align-items:center;gap:6px}
.v-gh-alt__tx small .st{color:#F2A900;display:inline-flex}
.v-gh-alt__tx small .st svg{width:13px;height:13px}
.v-gh-alt__tx em{font-style:normal;font-size:20px;font-weight:800;color:var(--g-navy)}
.v-gh-alt__tx em.is-call{font-size:17px}
.v-gh-alt__tx i{font-style:normal;font-size:12.5px;color:#6C7890}
.v-gh-alt__go{width:38px;height:38px;border-radius:50%;background:var(--g-chip);color:var(--g-blue);display:grid;place-items:center}
.v-gh-alt__go svg{width:18px;height:18px}
/* שלוש שורות אמון */
.v-gh-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 18px}
.v-gh-trust div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;background:#fff;border:1px solid #E3EAF4;border-radius:var(--g-card-r)}
.v-gh-trust b{display:block;font-size:17px;font-weight:700;color:var(--g-navy);margin-bottom:3px}
.v-gh-trust p{margin:0;font-size:14px;line-height:1.45;color:#6C7890}
.v-gh-trust svg{width:34px;height:34px;color:var(--g-blue);flex:none}
.v-gh-next{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;padding:20px 26px;background:#fff;border:1px solid #E3EAF4;border-radius:var(--g-card-r)}
.v-gh-next__ill{display:grid;gap:6px;justify-items:center;font-size:20px;font-weight:800;color:var(--g-navy)}
.v-gh-next__ill svg{width:84px;height:70px}
.v-gh-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:start;list-style:none;margin:0;padding:0}
.v-gh-steps li{display:flex;gap:12px;align-items:flex-start}
.v-gh-steps li>i{flex:none;width:34px;height:34px;border-radius:50%;background:var(--g-chip);color:var(--g-blue);display:grid;place-items:center;font-style:normal;font-weight:800;font-size:16px}
.v-gh-steps b{display:block;font-size:16px;font-weight:700;color:var(--g-navy);margin-bottom:3px}
.v-gh-steps p{margin:0;font-size:14px;line-height:1.45;color:#6C7890}
.v-gh-steps .sep{align-self:center;color:#9AA7BE}
.v-gh-steps .sep svg{width:18px;height:18px}
/* פס תחתון דביק: כפתור משמאל, שורת הזמן האמיתית מימין */
.v-g-bar{position:fixed;inset-inline:0;bottom:0;z-index:var(--v-z-bar);background:#fff;border-top:1px solid #E3EAF4;box-shadow:0 -8px 24px rgba(13,43,77,.08)}
.v-g-bar__in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px var(--g-gutter)}
.v-g-bar__note{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.45;color:#3B4A6B;max-width:640px}
.v-g-bar__note svg{width:38px;height:38px;flex:none;padding:8px;border-radius:10px;border:1px solid #D9E6F6;color:var(--g-blue)}
.v-g-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:57px;min-width:343px;padding:0 28px;border-radius:12px;background:var(--g-blue);color:#fff;font-weight:700;font-size:19px;border:0;cursor:pointer;box-shadow:0 8px 20px rgba(0,80,248,.28)}
.v-g-cta:hover{background:var(--g-blue-ink)}
.v-g-cta:disabled{background:#4E9A78;box-shadow:none;cursor:default}
.v-g-cta svg{width:21px;height:21px}
.v-g-done{display:flex;gap:14px;align-items:center;padding:16px 22px;margin:0 0 14px;background:var(--g-green-pill);border-radius:var(--g-card-r);color:#0F5B3A}
.v-g-done svg{width:30px;height:30px;color:var(--g-green)}
.v-g-done b{display:block;font-size:17px}
.v-g-done p{margin:2px 0 0;font-size:14px}
.v-g-demo{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:7px var(--g-gutter);background:#FFF6E5;border-bottom:1px solid #F1D9A8;font-size:12.5px;color:#7A5410}
.v-g-demo button{height:26px;padding:0 12px;border-radius:99px;border:1px solid #E5C98D;background:#fff;font-size:12px;font-weight:600;cursor:pointer}
.v-g-demo button.is-on{background:#7A5410;color:#fff}

/* ---------- אטרקציות ללקוח ---------- */
.v-ga-hero{position:relative;display:grid;grid-template-columns:23% 1fr 23%;height:200px;margin:6px 0 16px;border-radius:18px;overflow:hidden;background:linear-gradient(90deg,#F3E2CF,#F2E7DD 50%,#E6EEF6)}
.v-ga-hero .v-gh-hero__sky{background-image:url(hero/a_hero_sky.jpg)}
.v-ga-hero .v-gh-hero__face{background-image:var(--planner-photo,none)}   /* R4 J6 (3.10.2026): the face is the customer's own planner (planner_photo_url, set by the page), never a stock face; the sky moved out of _demo_img so it reaches the live copy */
.v-ga-hero .v-gh-hero__demo{inset-block-start:8px;inset-block-end:auto}
.v-ga-hero h1{margin:0 0 8px;font-size:34px;font-weight:800;color:var(--g-navy)}
.v-ga-hero p{margin:0 0 12px;font-size:16px;line-height:1.5;color:#1F2D4D;max-width:520px}
.v-ga-who{position:absolute;inset-block-end:14px;inset-inline-end:26px;display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:99px;background:#fff;font-size:13px;font-weight:700;color:var(--g-navy);z-index:3;box-shadow:0 2px 8px rgba(25,58,96,.14)}
.v-ga-day{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 76px;gap:0;background:#fff;border:1px solid #E3EAF4;border-radius:var(--g-card-r);box-shadow:var(--g-sh);overflow:hidden;margin-bottom:14px;min-height:170px}
.v-ga-day__body{padding:16px 22px;display:flex;flex-direction:column;gap:10px;justify-content:center;min-width:0}
.v-ga-city{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v-ga-city h2{margin:0;font-size:22px;font-weight:800;color:var(--g-navy)}
.v-ga-city small{display:block;font-size:14px;color:#6C7890;margin-top:2px;font-weight:500}
.v-ga-city svg{width:34px;height:34px;color:var(--g-blue);flex:none}
.v-ga-it{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid #E7EEF7;border-radius:12px}
.v-ga-it__ph{height:64px;border-radius:8px;overflow:hidden;background:#C9D6EA}
.v-ga-it__ph img{width:100%;height:100%;object-fit:cover;display:block}
.v-ga-it__tx b{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;color:var(--g-navy);flex-wrap:wrap;direction:rtl}
.v-ga-time{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:99px;background:var(--g-time);color:var(--g-blue);font-size:13px;font-weight:700}
.v-ga-time svg{width:13px;height:13px}
.v-ga-it__tx small{display:flex;gap:12px;align-items:center;font-size:13.5px;color:#6C7890;margin-top:5px;flex-wrap:wrap}
.v-ga-it__tx small svg{width:15px;height:15px;color:var(--g-blue)}
.v-ga-it__p{padding-inline-start:14px;border-inline-start:1px solid #E7EEF7;text-align:center;min-width:92px}
.v-ga-it__p small{display:block;font-size:12px;color:#6C7890}
.v-ga-it__p b{font-size:19px;font-weight:800;color:var(--g-navy)}
.v-ga-day__ph{position:relative;background:#C9D6EA;min-height:150px}
.v-ga-day__ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v-ga-date{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 6px;text-align:center;border-inline-start:1px solid #E7EEF7}
.v-ga-date span{font-size:13px;font-weight:600;color:#4B587A}
.v-ga-date b{font-size:25px;font-weight:800;color:var(--g-navy);line-height:1}
.v-ga-date small{font-size:12.5px;color:var(--g-blue);font-weight:600;display:flex;align-items:center;gap:3px}
.v-ga-date small svg{width:13px;height:13px}
.v-ga-free{font-size:15px;color:#4B587A;line-height:1.5}
.v-ga-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:6px}
.v-ga-card{padding:18px 22px;border-radius:var(--g-card-r);border:1px solid #E3EAF4}
.v-ga-card.is-green{background:var(--g-next-green);border-color:#DCEBE0}
.v-ga-card.is-beige{background:var(--g-next-beige);border-color:#F1E6D4}
.v-ga-card h3{margin:0 0 12px;display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:800;color:var(--g-navy)}
.v-ga-card h3 svg{width:22px;height:22px;color:var(--g-blue)}
.v-ga-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px;color:#3B4A6B}
.v-ga-card li{display:flex;gap:10px;align-items:center}
.v-ga-card li svg{width:18px;height:18px;color:#8794AD;flex:none}
.v-ga-step{display:flex;gap:12px;align-items:center;padding:6px 0}
.v-ga-step svg{width:34px;height:34px;padding:7px;border-radius:9px;background:#fff;border:1px solid #D4E6DA;color:var(--g-blue);flex:none}
.v-ga-step b{display:block;font-size:15.5px;color:var(--g-navy)}
.v-ga-step p{margin:0;font-size:13.5px;color:#6C7890}
.v-ga-card .v-g-cta{height:46px;min-width:0;font-size:15.5px;margin-top:10px;width:100%}
.v-ga-bar .v-g-bar__in{justify-content:space-between}
.v-ga-agent{display:flex;align-items:center;gap:12px;font-size:13.5px;color:#4B587A}
.v-ga-agent i{width:48px;height:48px;border-radius:50%;background:var(--planner-photo,none) 62% 22%/330% auto;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.v-ga-agent b{display:block;color:var(--g-navy);font-size:14.5px}
.v-ga-agent small{font-size:10.5px;color:#7B88A3;display:block}
.v-ga-bar .v-g-cta{min-width:300px}

/* ---------- בונה המלונות (מתכננת) ---------- */
.v-pq-head{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;margin:4px 0 12px}
.v-pq-head h1{margin:0;font-size:34px;font-weight:800;color:var(--v-ink);display:flex;align-items:center;gap:12px}
.v-pq-head h1 svg{width:34px;height:34px;padding:7px;border-radius:10px;background:var(--v-blue);color:#fff}
.v-pq-head p{margin:2px 0 0;font-size:14px;color:var(--v-muted)}
.v-pq-steps{display:flex;align-items:center;gap:10px;justify-self:center;list-style:none;margin:0;padding:0;font-size:14px;font-weight:600;color:var(--v-muted)}
.v-pq-steps li{display:flex;align-items:center;gap:8px}
.v-pq-steps li i{width:30px;height:30px;border-radius:50%;border:1.5px solid #CFD9E8;display:grid;place-items:center;font-style:normal;font-size:13px;background:#fff}
.v-pq-steps li.is-now{color:var(--v-blue)}
.v-pq-steps li.is-now i{background:var(--v-blue);border-color:var(--v-blue);color:#fff}
.v-pq-steps li+li::before{content:"";width:48px;height:2px;background:#D5DFEE;margin-inline-end:2px}
.v-pq-steps li.is-now::before,.v-pq-steps li.is-done::before{background:var(--v-blue)}
.v-pq-warn{display:flex;align-items:center;gap:12px;padding:12px 18px;margin-bottom:14px;background:var(--g-warn-banner);border:1px solid #F3DDB9;border-radius:12px;font-size:14px;color:#6B4A12}
.v-pq-warn svg{width:22px;height:22px;color:#C77A14;flex:none}
.v-pq-warn b{color:#B86E0E;font-weight:800}
.v-pq-cols{display:grid;grid-template-columns:minmax(0,1fr) 358px;gap:16px;align-items:start}
.v-pq-card{background:#fff;border:1px solid #E6EDF6;border-radius:16px;box-shadow:var(--v-sh-card);padding:16px 18px;margin-bottom:14px}
.v-pq-card h3{margin:0 0 10px;display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:800}
.v-pq-card h3 svg{width:20px;height:20px;color:var(--v-blue)}
.v-pq-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 12px}
.v-pq-chips button{display:flex;align-items:center;justify-content:space-between;gap:6px;height:38px;padding:0 10px;border-radius:9px;background:#F2F6FC;font-size:13px;font-weight:600;color:var(--v-ink-2)}
.v-pq-chips button svg{width:16px;height:16px;color:var(--v-blue)}
.v-pq-chips button:hover{background:var(--v-blue-soft)}
.v-pq-count{font-size:12px;color:var(--v-muted);margin-top:4px;text-align:start}
.v-pq-send{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.v-pq-send .v-btn{height:44px;justify-content:center}
.v-pq-send .is-wa{background:var(--g-wa)}
.v-pq-city{background:#fff;border:1px solid #E6EDF6;border-radius:16px;box-shadow:var(--v-sh-card);padding:12px 16px 16px;margin-bottom:14px}
.v-pq-city__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.v-pq-city__head h3{margin:0;display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800}
.v-pq-city__head h3 svg{width:28px;height:28px;color:var(--v-blue)}
.v-pq-city__head small{font-size:13px;color:var(--v-muted);display:flex;align-items:center;gap:10px}
.v-pq-city__head small button{width:34px;height:34px;border-radius:9px;border:1px solid #D5E2F5;color:var(--v-blue);display:grid;place-items:center}
.v-pq-city__head small svg{width:16px;height:16px}
.v-pq-grid{display:grid;grid-template-columns:minmax(0,.95fr) repeat(3,minmax(0,1fr));gap:12px}
.v-pq-hotel{position:relative;border:1px solid #E1E9F5;border-radius:12px;padding:8px;background:#fff;display:flex;flex-direction:column;gap:7px;cursor:pointer;text-align:start}
.v-pq-hotel.is-rec{border:2px solid var(--g-blue);padding:7px}
.v-pq-hotel__ph{position:relative;height:104px;border-radius:8px;overflow:hidden;background:#C9D6EA}
.v-pq-hotel__ph img{width:100%;height:100%;object-fit:cover;display:block}
.v-pq-radio{position:absolute;inset-block-start:7px;inset-inline-end:7px;width:24px;height:24px;border-radius:50%;border:2px solid #fff;background:rgba(255,255,255,.55);display:grid;place-items:center;color:#fff}
.v-pq-hotel.is-rec .v-pq-radio{background:var(--g-blue);border-color:#fff}
.v-pq-radio svg{width:13px;height:13px}
.v-pq-hotel b{font-size:14px;font-weight:700;line-height:1.25;direction:ltr;text-align:right;unicode-bidi:plaintext}
.v-pq-hotel small{font-size:12px;color:var(--v-muted)}
.v-pq-tag{border:1px solid #E1E9F5;border-radius:7px;padding:5px 8px;font-size:12px;color:var(--v-ink-2);background:#fff;line-height:1.3}
.v-pq-price{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.v-pq-price label{display:flex;align-items:center;gap:6px;height:36px;padding:0 10px;border:1px solid #D5E2F5;border-radius:8px;background:#fff;direction:ltr}
.v-pq-price label.is-missing{border-color:#E8B96A;background:var(--v-warn-soft)}
.v-pq-price i{font-style:normal;font-weight:700;color:var(--v-muted)}
.v-pq-price input{width:100%;border:0;outline:0;font:700 15px var(--v-font);background:transparent;min-width:0}
.v-pq-price span{font-size:11.5px;color:var(--v-muted);text-align:end;line-height:1.3}
.v-pq-why{border:1px solid #E1E9F5;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.v-pq-why b{font-size:14px}
.v-pq-why textarea{flex:1;min-height:150px;border:1px solid #E1E9F5;border-radius:9px;padding:8px 10px;font:500 13px/1.5 var(--v-font);resize:none;color:var(--v-ink-2)}
.v-pq-add{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px;margin-bottom:14px;border:1.5px dashed #BFD2F2;border-radius:12px;color:var(--v-blue);font-weight:700;font-size:13.5px;background:#FAFCFF;width:100%}
.v-pq-add small{color:var(--v-muted);font-weight:500;font-size:11.5px}
.v-pq-sug{margin:8px 0 0;border:1px solid #C6DCFB;border-radius:12px;padding:6px;background:#fff;box-shadow:var(--v-sh-float)}
.v-pq-sug button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:9px;text-align:start;font-size:13px}
.v-pq-sug button:hover{background:var(--v-blue-soft)}
.v-pq-sug small{color:var(--v-muted);margin-inline-start:auto}
.v-pq-sug svg{width:15px;height:15px;color:var(--v-blue)}
.v-pq-bar{position:sticky;bottom:0;z-index:9;display:flex;align-items:center;gap:16px;padding:12px 18px;margin-top:6px;background:#fff;border:1px solid #E6EDF6;border-radius:16px;box-shadow:0 -6px 24px rgba(13,43,77,.10)}
.v-pq-bar__n{display:flex;flex-direction:column;align-items:center;padding:0 16px;border-inline-start:1px solid #E6EDF6}
.v-pq-bar__n small{font-size:11.5px;color:var(--v-muted)}
.v-pq-bar__n b{font-size:19px;font-weight:800}
.v-pq-bar__note{flex:1;font-size:12px;color:var(--v-muted);line-height:1.45}
.v-pq-bar__acts{display:flex;gap:10px}
.v-pq-bar .v-btn{height:44px}
.v-pq-bar .v-btn:disabled{background:#9DB6E8;cursor:not-allowed}
.v-pq-mode{display:inline-flex;padding:3px;border-radius:10px;background:#EEF3FA;margin-bottom:6px}
.v-pq-mode button{height:30px;padding:0 12px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--v-muted)}
.v-pq-mode button.is-on{background:#fff;color:var(--v-blue);box-shadow:0 1px 4px rgba(13,43,77,.12)}

/* ---------- בונה האטרקציות (מתכננת) ---------- */
.v-pa-grid{display:grid;grid-template-columns:320px minmax(0,1fr) 92px;grid-template-areas:"pick days rail";gap:16px;align-items:start}
.v-pa-grid.is-single{grid-template-columns:minmax(0,1fr) 92px;grid-template-areas:"days rail"}
.v-pa-pick{grid-area:pick;position:sticky;top:12px;background:#fff;border:1px solid #E6EDF6;border-radius:16px;box-shadow:var(--v-sh-card);padding:14px;display:flex;flex-direction:column;gap:10px}
.v-pa-pick__h{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:800}
.v-pa-pick__h button{width:26px;height:26px;color:var(--v-muted)}
.v-pa-cats{display:flex;gap:6px;flex-wrap:wrap}
.v-pa-cats button{height:30px;padding:0 12px;border-radius:99px;background:#F2F6FC;font-size:12.5px;font-weight:600;color:var(--v-ink-2)}
.v-pa-cats button.is-on{background:var(--g-blue);color:#fff}
.v-pa-list{display:flex;flex-direction:column;gap:10px;max-height:640px;overflow:auto}
.v-pa-row{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;padding:8px;border:1px solid #E6EDF6;border-radius:12px}
.v-pa-row__ph{height:84px;border-radius:9px;overflow:hidden;background:#C9D6EA}
.v-pa-row__ph img{width:100%;height:100%;object-fit:cover;display:block}
.v-pa-row b{display:block;font-size:14.5px;font-weight:700;line-height:1.25;direction:ltr;text-align:right;unicode-bidi:plaintext}
.v-pa-row small{font-size:12px;color:var(--v-muted)}
.v-pa-row__go{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:12.5px;color:var(--v-muted)}
.v-pa-add{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 14px;border-radius:9px;background:var(--g-chip);color:var(--g-blue);font-weight:700;font-size:13px}
.v-pa-add svg{width:13px;height:13px}
.v-pa-add.is-on{background:var(--g-green-pill);color:#127A4C}
.v-pa-days{grid-area:days;display:flex;flex-direction:column;gap:10px;min-width:0}
.v-pa-day{background:#fff;border:1px solid #E6EDF6;border-radius:16px;box-shadow:var(--v-sh-card);overflow:hidden}
.v-pa-day.is-open{border-color:#C6DCFB}
.v-pa-day__h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;width:100%;text-align:start;cursor:pointer}
.v-pa-day__h h3{margin:0;font-size:20px;font-weight:800;color:var(--g-blue);display:flex;align-items:baseline;gap:10px}
.v-pa-day__h small{display:block;font-size:13px;color:var(--v-muted);font-weight:500}
.v-pa-day__ctl{display:flex;gap:8px;align-items:center}
.v-pa-pill{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-radius:9px;background:#F2F6FC;color:var(--v-blue);font-weight:600;font-size:13px}
.v-pa-pill svg{width:15px;height:15px}
.v-pa-day__body{padding:0 14px 14px;display:flex;flex-direction:column;gap:10px}
.v-pa-day.is-closed .v-pa-day__h{padding:10px 16px}
.v-pa-empty{font-size:13.5px;color:var(--v-muted)}
.v-pa-item{border:1px solid #E6EDF6;border-radius:13px;padding:10px;display:grid;grid-template-columns:160px minmax(0,1fr);gap:14px}
.v-pa-item__ph{height:112px;border-radius:10px;overflow:hidden;background:#C9D6EA}
.v-pa-item__ph img{width:100%;height:100%;object-fit:cover;display:block}
.v-pa-item__main{display:flex;flex-direction:column;gap:8px;min-width:0}
.v-pa-item__top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.v-pa-item__top b{font-size:17px;font-weight:800;display:block;direction:ltr;text-align:right;unicode-bidi:plaintext}
.v-pa-item__top small{font-size:13px;color:var(--v-muted)}
.v-pa-tix{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--v-muted)}
.v-pa-tix div{display:flex;gap:6px}
.v-pa-tix button{height:30px;padding:0 13px;border-radius:8px;border:1px solid #E1E9F5;font-size:12.5px;font-weight:600;color:var(--v-ink-2);background:#fff}
.v-pa-tix button.is-on{background:var(--g-tix-on);border-color:#9DBFF3;color:var(--g-blue)}
.v-pa-item__mid{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}
.v-pa-f{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--v-muted)}
.v-pa-f select,.v-pa-f input.t{height:34px;padding:0 10px;border:1px solid #D5E2F5;border-radius:8px;font:600 13px var(--v-font);background:#fff;min-width:96px}
.v-pa-f .qty{display:flex;align-items:center;border:1px solid #D5E2F5;border-radius:8px;height:34px;background:#fff}
.v-pa-f .qty button{width:30px;height:100%;font-size:16px;color:var(--v-blue)}
.v-pa-f .qty b{min-width:26px;text-align:center;font-size:14px}
.v-pa-price{margin-inline-start:auto;padding-inline-start:16px;border-inline-start:1px solid #E6EDF6;text-align:center}
.v-pa-price small{display:block;font-size:11.5px;color:var(--v-muted)}
.v-pa-price b{font-size:21px;font-weight:800}
.v-pa-item__note{display:flex;align-items:center;gap:8px}
.v-pa-item__note input{flex:1;height:34px;border:1px solid #E1E9F5;border-radius:8px;padding:0 10px;font:500 13px var(--v-font);min-width:0}
.v-pa-item__note input.alt{flex:none;width:150px}
.v-pa-ic{width:28px;height:28px;border-radius:7px;color:#8794AD;display:grid;place-items:center}
.v-pa-ic:hover{background:var(--v-bad-soft);color:var(--v-bad)}
.v-pa-ic svg{width:15px;height:15px}
.v-pa-addbtn{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border:1.5px solid #9DBFF3;border-radius:11px;background:#F4F8FF;color:var(--g-blue);font-weight:700;font-size:14.5px;width:100%}
.v-pa-addbtn svg{width:15px;height:15px}
.v-pa-rail{grid-area:rail;position:relative;display:flex;flex-direction:column;gap:18px;padding-top:6px}
.v-pa-rail::before{content:"";position:absolute;inset-block:30px;inset-inline-end:14px;width:2px;background:#D5DFEE}
.v-pa-rail button{position:relative;display:flex;align-items:center;gap:8px;text-align:start;font-size:12.5px;color:var(--v-ink-2);font-weight:600;line-height:1.3;cursor:pointer}
.v-pa-rail button i{flex:none;width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid #CFD9E8;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;color:var(--v-muted);z-index:1}
.v-pa-rail button.has i{border-color:var(--g-blue);color:var(--g-blue)}
.v-pa-rail button.is-now{background:var(--g-blue);color:#fff;border-radius:12px;padding:8px 10px;margin-inline-start:-6px}
.v-pa-rail button.is-now i{background:#fff;border-color:#fff;color:var(--g-blue)}
.v-pa-rail small{display:block;font-weight:500;font-size:11.5px;opacity:.85}
.v-pa-low{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:14px}
.v-pa-low .v-pq-card{margin:0}
.v-pa-trav{width:100%;border-collapse:collapse;font-size:13px}
.v-pa-trav th{font-weight:600;color:var(--v-muted);text-align:start;padding:6px 8px;border-bottom:1px solid #E6EDF6;font-size:12px}
.v-pa-trav td{padding:8px;border-bottom:1px solid #F0F4FA}
.v-pa-no{margin:8px 0 0;padding:0;list-style:none;font-size:13px;color:var(--v-ink-2);display:flex;flex-direction:column;gap:4px}
.v-pa-no li::before{content:"•";color:var(--v-muted);margin-inline-end:8px}
.v-pa-meital{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:8px;border-top:1px dashed #E1E9F5}
.v-pa-meital .v-pill{height:26px}
.v-pa-meital small{color:var(--v-muted);font-size:12px}
.v-pa-meital .v-btn{height:32px;margin-inline-start:auto}
.v-pa-prog{display:flex;align-items:center;gap:12px;padding:10px 16px;margin-bottom:12px;background:#fff;border:1px solid #E6EDF6;border-radius:12px;font-size:14px;font-weight:600}
.v-pa-prog i{flex:1;height:8px;border-radius:99px;background:#E6EDF6;position:relative;overflow:hidden}
.v-pa-prog i b{position:absolute;inset-block:0;inset-inline-start:0;background:var(--v-good);border-radius:99px}

@media (max-width:860px){
  :root{--g-gutter:16px}
  .v-g-top{height:60px}
  .v-g-cta{min-width:0;flex:1;height:52px;font-size:17px}
  .v-gh-hero{grid-template-columns:34% 1fr;grid-template-areas:"face txt";height:auto;min-height:150px}
  .v-gh-hero__sky{display:none}
  .v-gh-hero__face{grid-area:face;order:2;min-height:150px;background-position:56% center;-webkit-mask-image:none;mask-image:none}
  .v-ga-hero .v-gh-hero__face{background-position:50% center}
  .v-gh-alt__tx small{flex-wrap:wrap}
  .v-gh-hero__txt{grid-area:txt;order:1;padding:14px 16px 14px 0}
  .v-gh-hero h1{font-size:23px}
  .v-gh-hero p{font-size:14px}
  .v-gh-hero__note{font-size:18px;inset-block-start:14px;inset-inline-end:10px}
  .v-g-chips{padding:0 var(--g-gutter) 10px;margin-top:-4px}
  .v-g-chips span{height:34px;font-size:13px;padding:0 12px}
  .v-gh-city{align-items:flex-start;flex-wrap:wrap}
  .v-gh-city__name img{width:96px;height:56px}
  .v-gh-city__name h2{font-size:26px}
  .v-gh-rec,.v-gh-rec.no-map{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-areas:"photo map" "body body"}
  .v-gh-photo{min-height:200px}
  .v-gh-body h3{font-size:21px}
  .v-gh-altrow,.v-gh-trust{grid-template-columns:1fr}
  .v-gh-alt{grid-template-columns:130px minmax(0,1fr) 36px}
  .v-gh-alt__ph{height:96px}
  .v-gh-next{grid-template-columns:1fr}
  .v-gh-steps{grid-template-columns:1fr}
  .v-gh-steps .sep{display:none}
  .v-g-bar__in{flex-direction:row-reverse;gap:12px;padding:10px 16px}
  .v-g-bar__note{font-size:12px}
  .v-g-bar__note svg{display:none}
  .v-ga-hero{grid-template-columns:34% 1fr;grid-template-areas:"face txt";height:auto;min-height:170px;margin-inline:0;border-radius:14px}
  .v-g-brand{font-size:14px}
  .v-g-brand small{display:none}
  .v-g-call{height:38px;padding:0 12px;font-size:13px;white-space:nowrap}
  .v-ga-bar .v-g-brand{display:none}
  .v-ga-who{font-size:11px;inset-inline-end:auto;inset-inline-start:10px;height:26px;padding:0 10px}
  .v-ga-hero .v-gh-hero__txt{padding-inline:14px}
  .v-ga-hero h1{font-size:22px}
  .v-ga-day{grid-template-columns:76px minmax(0,1fr);grid-template-areas:"date ph" "date body"}
  .v-ga-day>.v-ga-day__body{grid-area:body;padding:12px 14px}
  .v-ga-day>.v-ga-day__ph{grid-area:ph;min-height:160px}
  .v-ga-day>.v-ga-date{grid-area:date;border-inline-start:0;border-inline-end:1px solid #E7EEF7}
  .v-ga-it{grid-template-columns:72px minmax(0,1fr)}
  .v-ga-it__p{grid-column:1 / -1;border:0;padding:0;text-align:start;display:flex;gap:8px;align-items:baseline}
  .v-ga-two{grid-template-columns:1fr}
  .v-ga-agent small{display:none}
  .v-ga-bar .v-g-cta{min-width:0}
}

.v-pq-add svg{width:22px;height:22px}
.v-pq-sub{margin:12px 0 0;font-size:13px;font-weight:700;color:var(--v-ink)}
.v-pq-sub.is-plain{margin:0 0 8px;font-weight:500;color:var(--v-muted);font-size:12.5px;line-height:1.5}
.v-pq-ta{width:100%;min-height:120px}
.v-pq-card .v-link svg{width:14px;height:14px;vertical-align:-2px}

/* בונה האטרקציות: שורת אטרקציה = [תוכן | תמונה] ושורת הערה מתחת */
.v-pa-item{display:block}
.v-pa-item__row{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:14px}
.v-pa-item__note{margin-top:10px}
.v-pa-ro{font-size:12.5px;color:var(--v-muted)}
.v-pa-f b{font-size:14px;color:var(--v-ink)}
.v-pa-tix b{font-size:13.5px;color:var(--v-ink)}
.v-pa-pick[hidden]{display:none}
.v-pa-meital{margin-top:10px}
.v-pa-prog i b{inset-inline-end:0}
.v-pa-day__h:focus-visible{outline:2px solid var(--g-blue)}
.v-pa-pick__h svg{width:16px;height:16px}
.v-pa-trav td,.v-pa-trav th{text-align:start}
.v-pa-trav td span{display:inline-block}

/* כיוונון קנה-מידה מול העיצוב (אטרקציות ללקוח: הקאבר ≈23% מהרוחב, כרטיס יום ≈18%) */
.v-ga-hero{height:270px}
.v-ga-hero h1{font-size:42px}
.v-ga-hero p{font-size:18px}
.v-ga-day{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 92px;min-height:246px}
.v-ga-day__body{padding:20px 26px}
.v-ga-city h2{font-size:26px}
.v-ga-it{grid-template-columns:132px minmax(0,1fr) auto}
.v-ga-it__ph{height:88px}
.v-ga-it__tx b{font-size:19px}
.v-ga-it__p b{font-size:22px}
.v-ga-date b{font-size:30px}
.v-ga-free{font-size:16px}
@media (max-width:860px){
  .v-ga-hero{height:auto}
  .v-ga-hero h1{font-size:22px}
  .v-ga-hero p{font-size:14px}
  .v-ga-day{grid-template-columns:76px minmax(0,1fr);min-height:0}
  .v-ga-day__body{padding:12px 14px}
  .v-ga-city h2{font-size:22px}
  .v-ga-it{grid-template-columns:72px minmax(0,1fr)}
  .v-ga-it__ph{height:64px}
  .v-ga-it__tx b{font-size:16px}
  .v-ga-it__p b{font-size:19px}
  .v-ga-date b{font-size:24px}
  .v-g-cta{flex:none;min-width:150px;font-size:16px}
  .v-g-bar__note{flex:1}
  .v-ga-bar .v-g-cta{flex:1}
}
.v-ga-hero{height:320px}
.v-ga-day{min-height:280px}
@media (max-width:860px){.v-ga-hero{height:auto}.v-ga-day{min-height:0}}

/* ===== R3b: טיפוגרפיה מול העיצוב (נמדד ביחס: בהשוואה באותו רוחב, ה-GPT גדול ב-1.26 עד 1.5 מאיתנו). כל הגדלים כאן כטוקנים --g-fs-* ===== */
:root{
  --g-fs-item:26px;      /* שם אטרקציה/מלון בכרטיס: GPT ≈14 מול 10-11 אצלנו בהשוואה ⟹ ×1.35 */
  --g-fs-line:19px;      /* שורות «למה»: GPT ≈12 מול 9.5 ⟹ ×1.26 על 15.5 */
  --g-fs-sub:17px;       /* שורות משנה */
  --g-fs-date:44px;      /* מספר התאריך: GPT 24+ בהשוואה מול 14.6 */
  --g-fs-datewk:17px;
  --g-fs-city:32px;
  --g-fs-h1:52px;        /* כותרת הקאבר */
  --g-fs-hero:20px;      /* משפט הקאבר, שתי שורות */
  --g-fs-price:38px;
  --g-fw-title:800;
}
.v-gh-hero h1{font-size:var(--g-fs-h1)}
.v-gh-hero p{font-size:var(--g-fs-hero);max-width:760px}
.v-ga-hero h1{font-size:var(--g-fs-h1)}
.v-ga-hero p{font-size:var(--g-fs-hero);max-width:760px}
.v-gh-why{font-size:var(--g-fs-line)}
.v-gh-meta{font-size:var(--g-fs-sub)}
.v-gh-body h3{font-size:30px;font-weight:var(--g-fw-title)}
.v-gh-price b{font-size:var(--g-fs-price)}
.v-gh-price b.is-call{font-size:30px}
.v-gh-alt__tx b{font-size:22px;font-weight:var(--g-fw-title)}
.v-gh-alt__tx em{font-size:24px}
.v-gh-alt__tx em.is-call{font-size:20px}
.v-gh-alt__tx small{font-size:var(--g-fs-sub)}
.v-gh-trust b{font-size:20px}.v-gh-trust p{font-size:16px}
.v-gh-steps b{font-size:19px}.v-gh-steps p{font-size:16px}
.v-gh-proof{font-size:16px}
.v-ga-it__tx b{font-size:var(--g-fs-item);font-weight:var(--g-fw-title)}
.v-ga-it__tx small{font-size:var(--g-fs-sub)}
.v-ga-time{font-size:16px;height:30px}
.v-ga-it__p small{font-size:14px}
.v-ga-it__p b{font-size:28px}
.v-ga-city h2{font-size:var(--g-fs-city);font-weight:var(--g-fw-title)}
.v-ga-city small{font-size:var(--g-fs-sub)}
.v-ga-date{min-width:0}
.v-ga-date span{font-size:var(--g-fs-datewk);font-weight:700}
.v-ga-date b{font-size:var(--g-fs-date)}
.v-ga-date small{font-size:15px}
.v-ga-day{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 120px}
.v-ga-it{grid-template-columns:170px minmax(0,1fr) auto}
.v-ga-it__ph{height:112px}
.v-ga-free{font-size:var(--g-fs-sub)}
.v-ga-card h3{font-size:22px}.v-ga-card li,.v-ga-step p{font-size:17px}.v-ga-step b{font-size:19px}
/* יום חופשי: בלי רווח ריק, הטקסט במרכז לצד התמונה */
.v-ga-day.is-free{min-height:190px}
.v-ga-day.is-free .v-ga-day__body{justify-content:center;gap:6px}
.v-ga-day.is-free .v-ga-city h2{font-size:34px}
.v-ga-day.is-free .v-ga-city small{font-size:19px;color:#4B587A}
.v-g-demo{font-size:12px}
@media (max-width:860px){
  .v-gh-hero h1{font-size:23px}.v-gh-hero p{font-size:14px}
  .v-ga-hero h1{font-size:22px}.v-ga-hero p{font-size:14px}
  .v-gh-why{font-size:15px}.v-gh-meta{font-size:14px}
  .v-gh-body h3{font-size:21px}.v-gh-price b{font-size:30px}.v-gh-price b.is-call{font-size:22px}
  .v-gh-alt__tx b{font-size:17px}.v-gh-alt__tx em{font-size:19px}.v-gh-alt__tx em.is-call{font-size:15px}
  .v-gh-trust b{font-size:16px}.v-gh-trust p{font-size:14px}.v-gh-steps b{font-size:16px}.v-gh-steps p{font-size:14px}
  .v-ga-day{grid-template-columns:84px minmax(0,1fr)}
  .v-ga-it{grid-template-columns:72px minmax(0,1fr)}
  .v-ga-it__ph{height:64px}
  .v-ga-it__tx b{font-size:17px}.v-ga-it__tx small{font-size:13.5px}.v-ga-it__p b{font-size:20px}
  .v-ga-city h2{font-size:22px}.v-ga-city small{font-size:14px}
  .v-ga-date b{font-size:26px}.v-ga-date span{font-size:14px}.v-ga-date small{font-size:12px}
  .v-ga-day.is-free .v-ga-city h2{font-size:22px}.v-ga-day.is-free .v-ga-city small{font-size:14px}
  .v-g-demo{font-size:11px;padding:5px 12px;gap:6px}.v-g-demo button{height:22px;font-size:11px;padding:0 8px}
  .v-ga-card h3{font-size:18px}.v-ga-card li,.v-ga-step p{font-size:14px}.v-ga-step b{font-size:15px}
}
.v-gh-body h3{font-size:27px}
@media (max-width:860px){.v-gh-body h3{font-size:21px}}
@media (max-width:860px){
  .v-gh-alt__tx small{font-size:13px}
  .v-gh-hero__face{background-position:66% center;background-size:auto 115%}
  .v-ga-hero .v-gh-hero__face{background-position:48% center;background-size:cover}
}

/* ===== R4 (NV-2026-10-01-012): CTA גדול מימין + צף, שורת דחיפות אמיתית, עמלה בדפי המתכנן, עיצוב אחד-לאחד ===== */
.v-g-cta.is-xl{height:76px;min-width:460px;font-size:23px;border-radius:14px;box-shadow:0 10px 26px rgba(0,80,248,.34)}
.v-g-cta.is-xl svg{width:25px;height:25px}
.v-g-cta.is-sm{height:44px;min-width:0;padding:0 22px;font-size:16px;box-shadow:0 4px 14px rgba(0,80,248,.3)}
.v-g-bar__in{padding-block:16px}
.v-g-bar__note{max-width:720px;font-size:15px}
.v-g-float{position:fixed;inset-inline:0;top:0;z-index:var(--v-z-float);background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-bottom:1px solid #E3EAF4;box-shadow:0 6px 20px rgba(13,43,77,.10);transform:translateY(-110%);transition:transform .22s var(--v-ease);pointer-events:none}
.v-g-float.is-on{transform:none;pointer-events:auto}
.v-g-float__in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px var(--g-gutter)}
.v-ga-urgent{display:flex;gap:10px;align-items:flex-start;margin:6px 0 4px;font-size:14.5px;line-height:1.5;color:#3B4A6B}
.v-ga-urgent svg{width:19px;height:19px;color:var(--g-blue);flex:none;margin-top:2px}
.v-demo-tag{font-style:normal;font-size:10px;font-weight:700;background:#FFF0D6;color:#8A5A00;padding:1px 6px;border-radius:99px;margin-inline-start:4px;vertical-align:1px}
.v-pq-comm{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 8px;border-radius:8px;background:#EEF6F0;font-size:12px;color:#2F5D45}
.v-pq-comm b{font-size:13px;font-weight:800;color:#12633F}
.v-pq-comm.is-unk{background:#F3F5F9;color:#6C7890}
.v-pq-comm.is-unk b{color:#6C7890;font-weight:600}
.v-pa-price .v-pq-comm{margin-top:6px;flex-direction:column;align-items:flex-start;gap:0;text-align:start}
.v-pq-bar__n small .v-demo-tag{margin-inline-start:2px}
.v-pq-bar{gap:12px}
.v-pq-bar__note{flex:1}
/* בורר אטרקציות: צילום גדול משמאל, טקסט צמוד אליו, כפתור «הוספה» מימין למטה (כמו ב-GPT) */
.v-pa-row{direction:ltr;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:8px}
.v-pa-row__ph{height:100px;border-radius:10px}
.v-pa-row__tx{direction:rtl;display:flex;flex-direction:column;min-width:0}
.v-pa-row__tx b{text-align:left;font-size:15px;line-height:1.25}
.v-pa-row__tx small{text-align:left;font-size:12.5px;color:var(--v-muted)}
.v-pa-row__tx .v-pa-add{align-self:flex-end;margin-top:auto}
/* 12.10.2026 (NV-2026-10-12-019): the exception tag «לא מוצג ללקוחות בפלטפורמה» (a .v-pill.is-warn) sits under the small line, at the start edge, not stretched */
.v-pa-row__tx .v-pill{align-self:flex-start;margin-top:4px}
/* מסילת ימים: טקסט מימין, עיגול משמאל על הקו */
.v-pa-rail button{justify-content:space-between}
.v-pa-rail button span{text-align:start}
.v-pa-rail::before{inset-inline-end:13px}
.v-pa-day__h{justify-content:flex-start}
.v-pa-day__h>div:first-child{margin-inline-end:auto}
.v-pa-day__h .v-pa-empty{margin-inline-end:auto}
.v-pa-chev{width:32px;height:32px;display:grid;place-items:center;color:var(--v-muted)}
.v-pa-chev svg{width:18px;height:18px}
.v-pq-price span{font-size:11.5px;color:var(--v-muted)}
.v-pq-hotel .v-pq-tag{min-height:42px;font-size:12.5px}
.v-pq-bar .v-pq-bar__n{border-inline-start:0;border-inline-end:1px solid #E6EDF6;padding:0 14px}
@media (max-width:860px){
  .v-g-cta.is-xl{min-width:0;flex:1;height:64px;font-size:19px}
  .v-g-bar__in{flex-direction:row;gap:10px;padding:10px 14px}
  .v-g-bar__note{display:none}
  .v-g-float__in{padding:8px 14px}
  .v-g-float .v-g-brand div{font-size:13px}
}

/* R4: כיוונון אחד-לאחד של הדף ללקוח (יחסי טורים וגדלים כפי שנמדדו בהשוואה ל-GPT) */
:root{--g-fs-h1:42px;--g-fs-hero:17px;--g-fs-line:17px;--g-fs-sub:15.5px;--g-fs-price:34px}
.v-gh-hero p{max-width:640px}
.v-gh-rec,.v-gh-rec.is-alt{grid-template-columns:minmax(0,.78fr) minmax(0,1.5fr) minmax(0,1.65fr);min-height:330px}
.v-gh-rec.no-map{grid-template-columns:minmax(0,1.5fr) minmax(0,1.65fr)}
.v-gh-photo{min-height:240px}
.v-gh-body{gap:8px}
.v-gh-body h3{font-size:26px}
.v-gh-price b.is-call{font-size:26px}
.v-gh-alt__tx b{font-size:20px}
.v-gh-alt__tx em{font-size:22px}
.v-gh-trust b{font-size:18px}.v-gh-trust p{font-size:14.5px}
.v-gh-steps b{font-size:17px}.v-gh-steps p{font-size:14.5px}
.v-gh-city__name h2{font-size:32px}
@media (max-width:860px){
  .v-gh-rec,.v-gh-rec.no-map{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
  .v-gh-hero h1{font-size:23px}.v-gh-hero p{font-size:14px}
  .v-gh-body h3{font-size:21px}.v-gh-price b{font-size:30px}.v-gh-price b.is-call{font-size:22px}
  .v-gh-steps b{font-size:16px}.v-gh-steps p{font-size:14px}.v-gh-trust b{font-size:16px}.v-gh-trust p{font-size:14px}
}

/* ===== R5: שכבת השכנוע (NV-2026-10-01-013): דחיפות אמיתית למעלה, ערכים בולטים מעל הקפל, מחיר שולי ===== */
.v-g-urgent{display:flex;gap:12px;align-items:center;padding:12px 18px;margin:0 0 12px;border-radius:12px;background:#FFF6E3;border:1px solid #F1D9A8;color:#6B4A12}
.v-g-urgent svg{width:22px;height:22px;flex:none;color:#C77A14}
.v-g-urgent p{margin:0;font-size:15.5px;line-height:1.45;font-weight:600}
.v-gh-trust.is-top{margin:0 0 18px}
.v-gh-trust.is-top div{justify-content:flex-start;border-color:#CFDDF3;background:#fff}
.v-gh-trust.is-top svg{order:-1;width:40px;height:40px;padding:8px;border-radius:12px;background:var(--g-chip)}
.v-gh-whyh{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;color:var(--g-blue)}
.v-gh-whyh i{width:26px;height:26px;border-radius:50%;background:var(--planner-photo,none) 60% 20%/300% auto;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.2)}
/* מחיר שולי: קטן ושקט מול שם המלון והערך */
:root{--g-fs-price:24px}
.v-gh-price b{font-weight:700;color:var(--v-ink-2);font-size:var(--g-fs-price)}
.v-gh-price b.is-call{font-size:18px}
.v-gh-price small{font-size:13px}
.v-gh-alt__tx em{font-size:17px;font-weight:700;color:var(--v-ink-2)}
.v-gh-alt__tx i{font-size:12px}
.v-ga-it__p b{font-size:20px;font-weight:700;color:var(--v-ink-2)}
.v-g-bar__note b{color:var(--g-navy)}
.v-ga-urgent{padding:10px 12px;border-radius:10px;background:#FFF6E3;border:1px solid #F1D9A8;color:#6B4A12;font-size:14px}
.v-ga-urgent svg{color:#C77A14}
@media (max-width:860px){
  .v-g-urgent{margin:0 0 10px;padding:10px 12px}.v-g-urgent p{font-size:13.5px}
  .v-gh-trust.is-top{gap:8px;margin-bottom:12px}
  .v-gh-trust.is-top div{padding:10px 12px;gap:10px}
  .v-gh-trust.is-top b{font-size:15px;margin-bottom:1px}.v-gh-trust.is-top p{font-size:12.5px;line-height:1.35}
  .v-gh-trust.is-top svg{width:34px;height:34px;padding:7px}
  .v-g-bar__note{display:block;font-size:11.5px;line-height:1.35}
  .v-g-bar__note svg{display:none}
  .v-g-bar__in{gap:10px}
  .v-gh-price b{font-size:22px}
}

/* ===== R5-A: כיול פיקסלים מול ה-GPT (הדף ללקוח, רוחב מקור 1069 ⟹ מרחב-עיצוב 1440, מקדם 1.3475). כל ערך כאן נמדד מול ה-GPT, ראו הטבלאות בדוח. ===== */
:root{--g-gutter:89px}
@media (max-width:860px){:root{--g-gutter:16px}}
.v-g-top{height:65px}
.v-g-call{height:46px;padding:0 26px;font-size:15px;gap:9px}
.v-gh-hero h1{font-size:38px}
.v-gh-hero p{font-size:18px}
.v-g-chips span{height:47px}
.v-gh-city__name h2{font-size:40px}
.v-gh-city__name small{font-size:20px}
.v-gh-city__name img{width:166px;height:75px}
.v-gh-body h3{font-size:26.5px}
.v-gh-meta{font-size:19px}
.v-gh-meta .st svg{width:18px;height:18px}
.v-gh-chosen{height:47px;min-width:186px;justify-content:center;font-size:17px}
.v-gh-badge{height:40px;font-size:17px;padding:0 20px}
.v-gh-cap{height:46px;font-size:16px;padding:0 20px}
.v-gh-alts__t{font-size:19.3px}
.v-gh-alt{grid-template-columns:236px minmax(0,1fr) 40px;padding:24px 24px 24px 24px;gap:18px}
.v-gh-alt__ph{height:120px}
.v-gh-alt__go{width:40px;height:40px}
@media (max-width:860px){
  .v-g-top{height:60px}.v-g-call{height:38px;padding:0 12px;font-size:13px}
  .v-gh-hero h1{font-size:23px}.v-gh-hero p{font-size:14px}.v-g-chips span{height:34px}
  .v-gh-city__name h2{font-size:26px}.v-gh-city__name small{font-size:15px}.v-gh-city__name img{width:96px;height:56px}
  .v-gh-body h3{font-size:21px}.v-gh-meta{font-size:14px}.v-gh-meta .st svg{width:13px;height:13px}
  .v-gh-chosen{height:42px;min-width:0;font-size:15px}.v-gh-badge{height:34px;font-size:14px;padding:0 15px}.v-gh-cap{height:34px;font-size:13px;padding:0 14px}
  .v-gh-alts__t{font-size:16px}
  .v-gh-alt{grid-template-columns:130px minmax(0,1fr) 36px;padding:10px;gap:14px}.v-gh-alt__ph{height:96px}.v-gh-alt__go{width:36px;height:36px}
}
.v-gh-rec,.v-gh-rec.is-alt{grid-template-columns:minmax(0,182fr) minmax(0,362fr) minmax(0,372fr);min-height:0;gap:21px;padding:16px}
.v-gh-rec.no-map{grid-template-columns:minmax(0,362fr) minmax(0,372fr)}
.v-gh-photo{min-height:326px}
.v-gh-hero p{max-width:520px}
@media (max-width:860px){.v-gh-rec,.v-gh-rec.no-map{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px;padding:12px}.v-gh-photo{min-height:200px}.v-gh-hero p{max-width:none}}
.v-gh-rec,.v-gh-rec.is-alt{gap:16px;padding:12px}
.v-gh-body h3{font-size:26px}
@media (max-width:860px){.v-gh-rec,.v-gh-rec.no-map{gap:14px;padding:12px}.v-gh-body h3{font-size:21px}}
.v-gh-rec,.v-gh-rec.is-alt{padding:5px;grid-template-columns:minmax(0,185fr) minmax(0,362fr) minmax(0,377fr)}
.v-gh-rec.no-map{grid-template-columns:minmax(0,362fr) minmax(0,377fr)}
.v-gh-body{padding:14px 12px 10px}
@media (max-width:860px){.v-gh-rec,.v-gh-rec.no-map{padding:12px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.v-gh-body{padding:4px 0}}
.v-gh-body{padding:10px 4px 6px;gap:6px}
.v-gh-why{gap:5px}
.v-gh-whyh{font-size:14.5px}
.v-gh-whyh i{width:22px;height:22px}
.v-gh-price{padding-top:0}
.v-gh-proof{height:32px;font-size:14.5px;padding:0 12px}
@media (max-width:860px){.v-gh-body{padding:4px 0;gap:8px}.v-gh-why{gap:7px}.v-gh-proof{height:36px}}
.v-gh-body h3{font-size:26.5px}
.v-gh-alt__tx b{font-size:21px}
.v-gh-rec,.v-gh-rec.is-alt{grid-template-columns:minmax(0,185fr) minmax(0,358fr) minmax(0,380fr)}
@media (max-width:860px){.v-gh-body h3{font-size:21px}.v-gh-alt__tx b{font-size:17px}.v-gh-rec,.v-gh-rec.no-map{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}
.v-gh-rec,.v-gh-rec.is-alt{grid-template-columns:minmax(0,185fr) minmax(0,362fr) minmax(0,383fr)}
.v-gh-alts{margin:15px 0 8px}
.v-gh-alts__t{margin:0 0 3px}
.v-gh-trust div{padding:12px 18px}
.v-gh-meta .st{gap:3px}.v-gh-meta .st svg{width:20px;height:20px}
@media (max-width:860px){.v-gh-rec,.v-gh-rec.no-map{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.v-gh-alts{margin:22px 0 8px}.v-gh-alts__t{margin:0 0 10px}.v-gh-trust div{padding:10px 12px}.v-gh-meta .st svg{width:13px;height:13px}}
.v-gh-body h3{white-space:nowrap;font-size:26px}
.v-g-call{padding:0 28px}
.v-gh-badge{padding:0 22px}
.v-gh-meta{font-size:19.5px}
@media (max-width:860px){.v-gh-body h3{white-space:normal;font-size:21px}.v-g-call{padding:0 12px}.v-gh-badge{padding:0 15px}.v-gh-meta{font-size:14px}}
@media (max-width:860px){:root{--g-gutter:22px}}

/* R5-A: דפי המתכנן (הגדלים הסופיים, בלי מדרגת zoom, נקבעים במקטע R6 בסוף הקובץ) */
.v-pq-head h1{font-size:29px}
.v-pq-head h1 svg{width:31px;height:31px;padding:6px}
.v-pq-head .v-btn{height:41px;padding:0 24px;font-size:15px}
.v-pq-card{padding:14px 16px;margin-bottom:12px}
.v-pq-ta{min-height:92px}
.v-pq-card .v-pq-sub.is-plain{display:none}
.v-pq-send{margin-top:2px}
.v-pq-hotel__ph{height:120px}
.v-pq-hotel{padding:8px;gap:5px}
.v-pq-hotel .v-pq-tag{min-height:0;padding:4px 8px;font-size:12px}
.v-pq-hotel b{font-size:13.5px;line-height:1.2}
.v-pq-comm{padding:3px 8px}
.v-pq-price label{height:32px}
.v-pq-why textarea{min-height:150px}
.v-pq-city{padding:10px 14px 14px}
.v-pq-bar .v-btn{height:39px;padding:0 20px}
.v-pq-why textarea{min-height:96px}
.v-pq-why{padding:8px 10px}
.v-pq-grid{align-items:start}
.v-pq-hotel,.v-pq-why{height:auto}

/* R5-A: דף האטרקציות למתכנן (GPT ברוחב 1230) */
.v-pa-item__row{grid-template-columns:minmax(0,1fr) 212px}
.v-pa-item__ph{height:124px}
.v-pa-f input.t{min-width:70px;width:92px}
.v-pa-f .qty{padding:0 6px}
.v-pa-addbtn{height:54px}
.v-pa-day.is-closed .v-pa-day__h{padding:7px 16px}
.v-pa-grid{grid-template-columns:350px minmax(0,1fr) 92px}
.v-pa-grid.is-single{grid-template-columns:minmax(0,1fr) 92px}
.v-pa-row{grid-template-columns:116px minmax(0,1fr)}
.v-pa-row__ph{height:116px}
.v-pa-rail button.is-now{padding:16px 12px;min-height:84px}
.v-pa-low .v-pq-card{padding:10px 14px}
.v-pa-low .v-pq-ta{min-height:54px}
.v-pa-trav td{padding:5px 8px}
.v-pa-no{font-size:12px;gap:2px;margin-top:4px}
.v-pa-low .v-pq-sub{margin-top:6px}
.v-pq-bar .v-btn{padding:0 26px}
.v-cust{padding:20px 26px}

/* R5-A: האטרקציות ללקוח (GPT ברוחב 901 ⟹ מרחב-עיצוב 1440, מקדם 1.598) */
.v-ga-page{--g-gutter:37px}
.v-ga-page .v-g-call{padding:0 38px;height:48px}
.v-ga-hero{height:326px}
.v-ga-day,.v-ga-day.is-free{grid-template-columns:minmax(0,684fr) minmax(0,546fr) 136fr;min-height:262px}
.v-ga-day__body{padding:16px 26px}
.v-ga-it{grid-template-columns:136px minmax(0,1fr) auto;padding:8px 10px}
.v-ga-it__ph{height:97px}
.v-ga-date b{font-size:34px}
.v-ga-city h2{font-size:26px}
.v-ga-day.is-free .v-ga-city h2{font-size:29px}
.v-ga-time{padding:0 14px;font-size:17px;height:32px}
.v-ga-agent i{width:88px;height:88px}
.v-ga-bar .v-g-cta{height:68px;min-width:304px;font-size:21px}
.v-ga-card{padding:14px 22px}
@media (max-width:860px){.v-ga-page{--g-gutter:22px}.v-ga-page .v-g-call{padding:0 12px;height:38px}.v-ga-hero{height:auto}.v-ga-day,.v-ga-day.is-free{grid-template-columns:84px minmax(0,1fr);min-height:0}.v-ga-it{grid-template-columns:72px minmax(0,1fr);padding:10px}.v-ga-it__ph{height:64px}.v-ga-date b{font-size:26px}.v-ga-city h2,.v-ga-day.is-free .v-ga-city h2{font-size:22px}.v-ga-time{font-size:13px;height:26px;padding:0 10px}.v-ga-agent i{width:48px;height:48px}.v-ga-bar .v-g-cta{height:52px;min-width:0;font-size:16px}.v-ga-card{padding:18px 22px}}
.v-ga-it{min-height:137px}
.v-ga-day{margin-bottom:20px}
@media (max-width:860px){.v-ga-it{min-height:0}.v-ga-day{margin-bottom:14px}}
.v-pq-page .v-cust{padding:11px 24px}
.v-pa-page .v-cust{padding:20px 26px}
.v-pq-chips button{height:33px}
.v-pq-grid{grid-template-columns:minmax(0,.84fr) repeat(3,minmax(0,1fr))}
.v-pq-bar{padding:8px 16px}
.v-pq-page:not(.v-pa-page) .v-cust{padding:14px 24px}

/* =====================================================================
   R6 (1.10.2026, MANDATE_E1E2_PIXEL_MATCH): גדלים אמיתיים, בלי zoom ובלי scale.
   כל תמונת GPT היא צילום 1:1 ברוחב שלה. כל ערך כאן = פיקסלים שנמדדו על התמונה (PIL: קצוות קופסה בסריקת שורות/עמודות;
   גופן: רוחב-דיו של אותה מחרוזת ב-Heebo, חיפוש בינארי). הדף ברוחב רחב יותר שומר על אותם גדלים, ממורכז (מכל max-width).
   הטבלאות: phase-09-live/31-ux-redesign/PIXEL_MATCH_E1E2_REPORT.md
   ===================================================================== */

/* ---------- R6 · מלונות ללקוח (gpt_hotel-quote-customer-desktop.webp, 1069px). תוכן 937px, שוליים 66px ---------- */
@media (min-width:861px){
  .v-gh-page{--g-gutter:max(66px,calc((100% - 937px) / 2));--g-card-r:12px}
  .v-gh-page .v-g-demo{font-size:12px;padding-block:5px}
  .v-gh-page .v-g-demo button{height:22px;font-size:12px}
  .v-gh-page .v-g-top{height:50px}
  .v-gh-page .v-g-brand{gap:11px;font-size:13.5px;line-height:1.15}
  .v-gh-page .v-g-brand svg{width:24px;height:24px}
  .v-gh-page .v-g-brand small{font-size:12px;letter-spacing:.12em;margin-top:2px}
  .v-gh-page .v-g-call{height:35px;padding:0 18px;gap:8px;border-radius:10px;font-size:12px}
  .v-gh-page .v-g-call svg{width:14px;height:14px}
  /* קאבר 185px: עמודת קו-רקיע 289px מימין, טקסט, פורטרט 300px משמאל. ברוחב רחב: אותו גריד במרכז, הרקע ברוחב מלא */
  .v-gh-page .v-gh-hero{height:185px;grid-template-columns:289px minmax(0,1fr) 300px;padding-inline:max(0px,calc((100% - 1069px) / 2))}
  .v-gh-page .v-gh-hero__txt{padding:0 20px 0 0;justify-content:flex-start;padding-top:24px}
  .v-gh-page .v-gh-hero h1{font-size:27.5px;line-height:1.2;margin:0 0 7px}
  .v-gh-page .v-gh-hero h1 i{width:15px;height:15px;vertical-align:4px;margin-inline-start:6px}
  .v-gh-page .v-gh-hero p{font-size:15.5px;line-height:19px;margin:0 0 12px;max-width:400px}
  .v-gh-page .v-gh-hero__note{font-size:19px;inset-block-start:34px;inset-inline-end:180px}
  .v-gh-page .v-gh-hero__note::after{width:30px;height:16px}
  .v-gh-page .v-g-chips{gap:12px}
  .v-gh-page .v-g-chips span{height:35px;padding:0 24px;gap:8px;font-size:12px;box-shadow:0 2px 6px rgba(25,58,96,.06)}
  .v-gh-page .v-g-chips svg{width:16px;height:16px}
  .v-gh-page .v-g-main{padding:10px var(--g-gutter) 96px}
  /* שכבת R5 (דחיפות + ערכים) בגדלי GPT של כרטיסי האמון */
  .v-gh-page .v-g-urgent{gap:10px;padding:9px 14px;margin:0 0 10px;border-radius:10px}
  .v-gh-page .v-g-urgent svg{width:18px;height:18px}
  .v-gh-page .v-g-urgent p{font-size:12.5px;line-height:1.4}
  .v-gh-page .v-gh-trust{gap:13px;margin:0 0 14px}
  .v-gh-page .v-gh-trust div{padding:12px 16px;gap:12px;border-radius:12px;min-height:76px}
  .v-gh-page .v-gh-trust b{font-size:14.5px;margin-bottom:3px}
  .v-gh-page .v-gh-trust p{font-size:12px;line-height:17px}
  .v-gh-page .v-gh-trust.is-top svg{width:34px;height:34px;padding:7px;border-radius:10px}
  /* כותרת עיר: תמונה 107×51, שם 30px, תאריכים 15px; התגית 12px / 10.5px */
  .v-gh-page .v-gh-city{margin:10px 0 13px;gap:16px}
  .v-gh-page .v-gh-city__name{gap:13px}
  .v-gh-page .v-gh-city__name img{width:107px;height:51px;border-radius:8px}
  .v-gh-page .v-gh-city__name h2{font-size:30px;line-height:1.1}
  .v-gh-page .v-gh-city__name small{font-size:15px;margin-top:2px}
  .v-gh-page .v-gh-city__tag b{font-size:12px;margin-bottom:3px}
  .v-gh-page .v-gh-city__tag small{font-size:12px}
  /* כרטיס ההמלצה 937×251: מפה 174 · גוף · צילום 365×234, מסגרת 2px */
  .v-gh-page .v-gh-rec,.v-gh-page .v-gh-rec.is-alt{grid-template-columns:minmax(0,174fr) minmax(0,353fr) minmax(0,365fr);column-gap:12px;padding:7px 8px 6px;border-radius:12px;min-height:0}
  .v-gh-page .v-gh-rec.no-map{grid-template-columns:minmax(0,539fr) minmax(0,365fr)}
  .v-gh-page .v-gh-photo{min-height:234px;border-radius:9px}
  .v-gh-page .v-gh-map{align-self:center;height:227px;border-radius:9px}
  .v-gh-page .v-gh-badge{inset-block-start:8px;inset-inline-end:7px;height:30px;padding:0 13px;gap:6px;font-size:13.5px}
  .v-gh-page .v-gh-badge svg{width:14px;height:14px}
  .v-gh-page .v-gh-cap{inset-block-end:7px;inset-inline-end:8px;height:27px;padding:0 12px;font-size:12.5px}
  .v-gh-page .v-gh-body{padding:8px 0 4px;gap:5px}
  .v-gh-page .v-gh-body h3{font-size:19.75px;line-height:24px}
  .v-gh-page .v-gh-meta{font-size:13.25px;gap:7px}
  .v-gh-page .v-gh-meta .st{gap:2px}
  .v-gh-page .v-gh-meta .st svg{width:13px;height:13px}
  .v-gh-page .v-gh-whyh{font-size:12px;gap:6px;margin-top:2px}
  .v-gh-page .v-gh-whyh i{width:18px;height:18px}
  .v-gh-page .v-gh-why{font-size:13.25px;line-height:18px;gap:4.5px}
  .v-gh-page .v-gh-why li{gap:8px}
  .v-gh-page .v-gh-why svg{width:13px;height:13px;margin-top:2px}
  .v-gh-page .v-gh-proof{height:29px;padding:0 12px;gap:7px;border-radius:8px;font-size:12px}
  .v-gh-page .v-gh-proof svg{width:15px;height:15px}
  .v-gh-page .v-gh-price{gap:8px}
  .v-gh-page .v-gh-price b{font-size:17px;line-height:1.15}
  .v-gh-page .v-gh-price b.is-call{font-size:14px}
  .v-gh-page .v-gh-price small{font-size:12.5px;margin-top:2px}
  .v-gh-page .v-gh-chosen{height:35px;min-width:138px;padding:0 16px;gap:7px;border-radius:10px;font-size:13.5px}
  .v-gh-page .v-gh-chosen svg{width:14px;height:14px}
  .v-gh-page .v-gh-switch{font-size:12.5px}
  /* חלופות: כרטיס 463×127, צילום 175×89, חץ 31 */
  .v-gh-page .v-gh-alts{margin:14px 0 0}
  .v-gh-page .v-gh-alts__t{font-size:14.25px;margin:0 0 5px}
  .v-gh-page .v-gh-altrow{gap:12px}
  .v-gh-page .v-gh-alt{grid-template-columns:175px minmax(0,1fr) 31px;gap:11px;padding:7px 11px 7px 9px;min-height:127px;align-items:center;border-radius:12px}
  .v-gh-page .v-gh-alt__ph{height:89px;border-radius:8px;align-self:start}
  .v-gh-page .v-gh-alt__tx{gap:3px}
  .v-gh-page .v-gh-alt__tx b{font-size:15.75px;line-height:1.2}
  .v-gh-page .v-gh-alt__tx small{font-size:13.25px;gap:6px}
  .v-gh-page .v-gh-alt__tx small .st svg{width:12px;height:12px}
  .v-gh-page .v-gh-alt__tx em{font-size:15px;margin-top:4px}
  .v-gh-page .v-gh-alt__tx em.is-call{font-size:13px}
  .v-gh-page .v-gh-alt__tx i{font-size:12px}
  .v-gh-page .v-gh-alt__go{width:31px;height:31px}
  .v-gh-page .v-gh-alt__go svg{width:15px;height:15px}
  /* «מה קורה עכשיו» 937 רוחב; כותרת 15.75, עיגול 30, כותרת שלב 13, טקסט 12.5 */
  .v-gh-page .v-gh-next{margin-top:14px;padding:14px 18px;gap:20px;border-radius:12px}
  .v-gh-page .v-gh-next__ill{font-size:15.75px;gap:4px}
  .v-gh-page .v-gh-next__ill svg{width:64px;height:54px}
  .v-gh-page .v-gh-steps{gap:10px}
  .v-gh-page .v-gh-steps li{gap:10px}
  .v-gh-page .v-gh-steps li>i{width:30px;height:30px;font-size:13px}
  .v-gh-page .v-gh-steps b{font-size:13px;margin-bottom:3px}
  .v-gh-page .v-gh-steps p{font-size:12.5px;line-height:16px}
  .v-gh-page .v-gh-steps .sep svg{width:15px;height:15px}
  /* פס תחתון 60px; הכפתור הגדול (NV-012) 340×56 */
  .v-gh-page .v-g-bar__in{padding:8px var(--g-gutter);gap:16px}
  .v-gh-page .v-g-bar__note{font-size:12px;line-height:1.4;gap:10px;max-width:520px}
  .v-gh-page .v-g-bar__note svg{width:30px;height:30px;padding:5px;border-radius:8px}
  .v-gh-page .v-g-cta.is-xl{height:56px;min-width:340px;font-size:17px;border-radius:11px;gap:8px}
  .v-gh-page .v-g-cta.is-xl svg{width:18px;height:18px}
  .v-gh-page .v-g-cta.is-sm{height:36px;padding:0 18px;font-size:13px}
  .v-gh-page .v-g-float__in{padding-block:7px}
  .v-gh-page .v-g-done{padding:12px 16px;gap:12px}
  .v-gh-page .v-g-done b{font-size:14.5px}
  .v-gh-page .v-g-done p{font-size:12.5px}
  .v-gh-page .v-g-brand svg{width:27px;height:27px}
  .v-gh-page .v-g-call{padding:0 16.5px}
  .v-gh-page .v-g-chips span{padding:0 21px}
  .v-gh-page .v-gh-city{margin-bottom:10px}
  .v-gh-page .v-gh-city__name h2{line-height:1}
  .v-gh-page .v-gh-city__name small{font-size:15.25px;line-height:1.2;margin-top:4px}
  .v-gh-page .v-gh-proof{min-width:175px}
  .v-gh-page .v-gh-alt__tx b{font-size:15.5px}
  .v-gh-page .v-gh-alts__t{margin:0}
  .v-gh-page .v-g-bar__note svg{width:24px;height:24px;padding:0;border:0;border-radius:0}
  .v-gh-page .v-g-brand svg{width:26px;height:26px}
  .v-gh-page .v-g-call{font-size:12px}
  .v-gh-page .v-g-chips span{padding:0 21px}
  .v-gh-page .v-gh-city{margin-bottom:13px}
  .v-gh-page .v-gh-city__name>div{position:relative;top:4px}
  .v-gh-page .v-gh-alts{margin-top:11px}
  .v-gh-page .v-g-bar__note svg{width:29px;height:29px}
  .v-gh-page .v-gh-hero__note{inset-block-start:32px;inset-inline-end:40px}
  .v-gh-page .v-gh-price{flex-direction:row-reverse}
  .v-gh-page .v-gh-next{align-items:start}
  .v-gh-page .v-gh-next__ill{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:6px}
}
/* ---------- R6 · מלונות ללקוח במובייל (gpt_hotel-quote-customer-mobile.webp, 854px = טלפון 427 ב-2x). יעד = GPT/2,
   אבל רצפת קריאות (החלטת נתיב): גוף 14px, מטא 12px, כפתור 44px לפחות. מה שפוגש את הרצפה מפורט בדוח. ---------- */
@media (max-width:860px){
  .v-gh-page{--g-gutter:19px;--g-card-r:12px}
  .v-gh-page .v-g-demo,.v-gh-page .v-g-demo button{font-size:12px}
  .v-gh-page .v-g-top{height:56px}
  .v-gh-page .v-g-brand{font-size:14px;gap:8px}
  .v-gh-page .v-g-brand svg{width:22px;height:22px}
  .v-gh-page .v-g-call{height:44px;min-width:101px;padding:0 14px;font-size:14px;border-radius:10px}
  .v-gh-page .v-g-call svg{width:15px;height:15px}
  /* קאבר: טקסט מימין, פורטרט משמאל (כמו ב-GPT), גלולות בשורה אחת מתחת */
  .v-gh-page .v-gh-hero{grid-template-columns:minmax(0,1fr) 34%;grid-template-rows:auto 1fr auto;grid-template-areas:"h1 face" "p face" "chips chips";height:auto;min-height:0}
  .v-gh-page .v-gh-hero__txt{display:contents}
  .v-gh-page .v-gh-hero__txt>h1{grid-area:h1;margin:14px 0 6px;padding-inline-start:16px;font-size:15.5px;line-height:1.3}
  .v-gh-page .v-gh-hero__txt>p{grid-area:p;margin:0 0 10px;padding-inline-start:16px;font-size:14px;line-height:1.45}
  .v-gh-page .v-gh-hero__face{grid-area:face;min-height:0}
  .v-gh-page .v-gh-hero__note{font-size:15px;inset-block-start:10px;inset-inline-end:auto;inset-inline-start:8px}
  .v-gh-page .v-gh-hero__note::after{width:24px;height:12px}
  .v-gh-page .v-g-chips{grid-area:chips;flex-wrap:nowrap;justify-content:center;gap:6px;padding:0 8px 10px;margin:0}
  .v-gh-page .v-g-chips span{height:28px;padding:0 9px;gap:5px;font-size:12px;white-space:nowrap}
  .v-gh-page .v-g-chips svg{width:13px;height:13px}
  .v-gh-page .v-g-main{padding:12px var(--g-gutter) 96px}
  .v-gh-page .v-g-urgent{padding:10px 12px;gap:8px}
  .v-gh-page .v-g-urgent p{font-size:14px;line-height:1.4}
  .v-gh-page .v-gh-trust.is-top div{padding:10px 12px}
  .v-gh-page .v-gh-trust.is-top b{font-size:14px}
  .v-gh-page .v-gh-trust.is-top p{font-size:12px;line-height:1.4}
  /* כותרת עיר: תמונה 57×28, שם 14 (GPT/2 ‏13.75), תגית 14/12 */
  .v-gh-page .v-gh-city{margin:14px 0 9px;gap:8px;flex-wrap:nowrap;align-items:flex-end}
  .v-gh-page .v-gh-city__tag{flex:1;min-width:0}
  .v-gh-page .v-gh-city__name{flex:none}
  .v-gh-page .v-gh-city__tag b{font-size:14px}
  .v-gh-page .v-gh-city__tag small{font-size:12px}
  .v-gh-page .v-gh-city__name{gap:10px}
  .v-gh-page .v-gh-city__name img{width:57px;height:28px;border-radius:6px}
  .v-gh-page .v-gh-city__name h2{font-size:14px}
  .v-gh-page .v-gh-city__name small{font-size:12px;margin-top:2px}
  /* כרטיס ההמלצה: צילום (גובה 127) משמאל, מפה 76×122 מימין; הגוף מתחת (גוף ב-129px ברוחב GPT/2 לא קריא ב-14px) */
  .v-gh-page .v-gh-rec,.v-gh-page .v-gh-rec.no-map{grid-template-columns:76px minmax(0,1fr);grid-template-areas:"map photo" "body body";gap:8px;padding:6px;border-radius:12px}
  .v-gh-page .v-gh-rec.no-map{grid-template-columns:minmax(0,1fr);grid-template-areas:"photo" "body"}
  .v-gh-page .v-gh-photo{min-height:127px;border-radius:8px}
  .v-gh-page .v-gh-map{height:122px;align-self:center;border-radius:8px}
  .v-gh-page .v-gh-badge{height:24px;padding:0 9px;gap:5px;font-size:12px;inset-block-start:7px;inset-inline-end:7px}
  .v-gh-page .v-gh-badge svg{width:12px;height:12px}
  .v-gh-page .v-gh-cap{height:24px;padding:0 9px;font-size:12px;inset-block-end:6px;inset-inline-end:7px}
  .v-gh-page .v-gh-body{padding:2px 4px 4px;gap:6px}
  .v-gh-page .v-gh-body h3{font-size:14px;line-height:1.3;white-space:normal}
  .v-gh-page .v-gh-meta{font-size:12px;gap:6px}
  .v-gh-page .v-gh-meta .st svg{width:12px;height:12px}
  .v-gh-page .v-gh-whyh{font-size:12px}
  .v-gh-page .v-gh-whyh i{width:18px;height:18px}
  .v-gh-page .v-gh-why{font-size:14px;line-height:1.4;gap:4px}
  .v-gh-page .v-gh-why svg{width:13px;height:13px}
  .v-gh-page .v-gh-proof{height:28px;font-size:12px;padding:0 10px}
  .v-gh-page .v-gh-price{flex-direction:row-reverse;align-items:center}
  .v-gh-page .v-gh-price b{font-size:15px}
  .v-gh-page .v-gh-price small{font-size:12px}
  .v-gh-page .v-gh-chosen{height:24px;min-width:80px;padding:0 10px;font-size:12px;border-radius:8px;gap:5px}
  .v-gh-page .v-gh-chosen svg{width:12px;height:12px}
  /* חלופות: כרטיס ברוחב מלא, צילום 108×48 (GPT/2), שם 14 */
  .v-gh-page .v-gh-alts{margin:12px 0 0}
  .v-gh-page .v-gh-alts__t{font-size:14px;margin:0 0 6px}
  .v-gh-page .v-gh-altrow{gap:6px}
  .v-gh-page .v-gh-alt{grid-template-columns:108px minmax(0,1fr) 24px;gap:10px;padding:6px 10px 6px 6px;min-height:60px}
  .v-gh-page .v-gh-alt__ph{height:48px;border-radius:6px;align-self:start}
  .v-gh-page .v-gh-alt__tx{gap:2px}
  .v-gh-page .v-gh-alt__tx b{font-size:14px}
  .v-gh-page .v-gh-alt__tx small{font-size:12px}
  .v-gh-page .v-gh-alt__tx small .st svg{width:11px;height:11px}
  .v-gh-page .v-gh-alt__tx em{font-size:14px}
  .v-gh-page .v-gh-alt__tx i{font-size:12px}
  .v-gh-page .v-gh-alt__go{width:24px;height:24px}
  .v-gh-page .v-gh-alt__go svg{width:13px;height:13px}
  .v-gh-page .v-gh-next{margin-top:12px;padding:12px;gap:10px}
  .v-gh-page .v-gh-next__ill{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:8px;font-size:14px}
  .v-gh-page .v-gh-next__ill svg{width:40px;height:34px}
  .v-gh-page .v-gh-steps li>i{width:24px;height:24px;font-size:12px}
  .v-gh-page .v-gh-steps b{font-size:14px}
  .v-gh-page .v-gh-steps p{font-size:12px;line-height:1.4}
  .v-gh-page .v-g-bar__in{padding:8px 14px;gap:10px}
  .v-gh-page .v-g-bar__note{display:block;font-size:12px;line-height:1.35}
  .v-gh-page .v-g-cta.is-xl{height:52px;min-width:200px;flex:none;font-size:16px}
  .v-gh-page .v-g-cta.is-sm{height:44px;font-size:14px}
  .v-gh-page .v-g-float .v-g-brand div{font-size:14px}
}

/* ---------- R6 · אטרקציות ללקוח (gpt_attr-plan-customer.webp, 901px). תוכן 855px, שוליים 23px ---------- */
@media (min-width:861px){
  .v-ga-page{--g-gutter:max(23px,calc((100% - 855px) / 2));--g-card-r:12px}
  .v-ga-page .v-g-demo{font-size:12px;padding-block:5px}
  .v-ga-page .v-g-top{height:52px}
  .v-ga-page .v-g-brand{gap:10px;font-size:13.75px;line-height:1.15}
  .v-ga-page .v-g-brand svg{width:23px;height:23px}
  .v-ga-page .v-g-brand small{font-size:12px;letter-spacing:.12em;margin-top:2px}
  .v-ga-page .v-g-call{height:30px;padding:0 14px;gap:7px;border-radius:9px;font-size:12px}
  .v-ga-page .v-g-call svg{width:13px;height:13px}
  .v-ga-page .v-g-main{padding:12px var(--g-gutter) 120px}
  /* קאבר 850×198: פורטרט משמאל, טקסט, קו-רקיע מימין */
  .v-ga-page .v-ga-hero{height:198px;margin:0 2px 14px;border-radius:14px;grid-template-columns:162px minmax(0,1fr) 270px}
  .v-ga-page .v-ga-hero .v-gh-hero__txt{padding:0 0 0 0;justify-content:flex-start;padding-top:28px}
  .v-ga-page .v-ga-hero h1{font-size:35.5px;line-height:1.15;margin:0 0 8px}
  .v-ga-page .v-ga-hero p{font-size:13.75px;line-height:21px;margin:0 0 10px;max-width:390px}
  .v-ga-page .v-g-chips{gap:8px}
  .v-ga-page .v-g-chips span{height:28px;padding:0 14px;gap:6px;font-size:12px}
  .v-ga-page .v-g-chips svg{width:13px;height:13px}
  .v-ga-page .v-ga-who{height:22px;min-width:135px;justify-content:center;padding:0 12px;font-size:12px;inset-block-end:7px;inset-inline-start:auto;inset-inline-end:36px}
  .v-ga-page .v-g-urgent{gap:10px;padding:9px 14px;margin:0 0 10px;border-radius:10px}
  .v-ga-page .v-g-urgent svg{width:18px;height:18px}
  .v-ga-page .v-g-urgent p{font-size:12.5px;line-height:1.4}
  .v-ga-page .v-gh-trust{gap:12px;margin:0 0 14px}
  .v-ga-page .v-gh-trust div{padding:12px 16px;gap:12px;border-radius:12px;min-height:76px}
  .v-ga-page .v-gh-trust b{font-size:14.5px;margin-bottom:3px}
  .v-ga-page .v-gh-trust p{font-size:12px;line-height:17px}
  .v-ga-page .v-gh-trust.is-top svg{width:34px;height:34px;padding:7px;border-radius:10px}
  /* כרטיס יום 855: גוף 430 · צילום 340 · תאריך 85 */
  .v-ga-page .v-ga-day,.v-ga-page .v-ga-day.is-free{grid-template-columns:minmax(0,430fr) minmax(0,340fr) minmax(0,85fr);min-height:0;margin-bottom:15px;border-radius:12px}
  .v-ga-page .v-ga-day__body{padding:12px 11px 13px 13px;gap:7px;justify-content:flex-start}
  .v-ga-page .v-ga-day__ph{min-height:0}
  .v-ga-page .v-ga-city h2{font-size:17px;line-height:1.2}
  .v-ga-page .v-ga-city small{font-size:12.25px;margin-top:3px}
  .v-ga-page .v-ga-city{justify-content:flex-start;align-items:flex-start;gap:10px}
  .v-ga-page .v-ga-city svg{order:-1;width:26px;height:26px}
  .v-ga-page .v-ga-it{direction:ltr;grid-template-columns:84px minmax(0,1fr) auto;gap:12px;padding:8px 9px;min-height:76px;border-radius:10px}
  .v-ga-page .v-ga-it__ph{height:58px;border-radius:7px}
  .v-ga-page .v-ga-it__tx{direction:rtl;text-align:right}
  .v-ga-page .v-ga-it__tx b{font-size:14.25px;gap:10px;flex-direction:row-reverse;justify-content:flex-end}
  .v-ga-page .v-ga-time{height:20px;padding:0 9px;gap:5px;font-size:12px}
  .v-ga-page .v-ga-time svg{width:11px;height:11px}
  .v-ga-page .v-ga-it__tx small{display:flex;flex-wrap:wrap;gap:0 7px;font-size:12px;line-height:1.2;margin-top:2px}
  .v-ga-page .v-ga-it__tx small>span:first-child{order:-2;flex-basis:100%}
  .v-ga-page .v-ga-it__tx small svg{order:-1;width:13px;height:13px}
  .v-ga-page .v-ga-it__p{direction:rtl;min-width:58px;padding-inline-start:0;padding-inline-end:10px;border-inline-start:0;border-inline-end:1px solid #E7EEF7}
  .v-ga-page .v-ga-it__p small{font-size:12px}
  .v-ga-page .v-ga-it__p b{font-size:13px}
  .v-ga-page .v-ga-date{gap:4px;padding:8px 4px}
  .v-ga-page .v-ga-date span{font-size:12px}
  .v-ga-page .v-ga-date b{font-size:21px}
  .v-ga-page .v-ga-date small{font-size:12px;gap:3px}
  .v-ga-page .v-ga-date small svg{width:11px;height:11px}
  .v-ga-page .v-ga-day.is-free{min-height:162px}
  .v-ga-page .v-ga-day.is-free .v-ga-day__body{justify-content:center;gap:5px}
  .v-ga-page .v-ga-day.is-free .v-ga-city h2{font-size:16.75px}
  .v-ga-page .v-ga-day.is-free .v-ga-city small{font-size:12.25px}
  .v-ga-page .v-ga-free{font-size:13.5px}
  /* «מה לא כלול» + «מה קורה עכשיו»: 423/420 רוחב, פער 12 */
  .v-ga-page .v-ga-two{gap:12px;margin-top:0}
  .v-ga-page .v-ga-card{padding:18px 20px;border-radius:12px}
  .v-ga-page .v-ga-card h3{font-size:13.5px;margin:0 0 12px}
  .v-ga-page .v-ga-card h3 svg{width:18px;height:18px}
  .v-ga-page .v-ga-card ul{gap:11px;font-size:13.5px}
  .v-ga-page .v-ga-card li{font-size:13.5px}
  .v-ga-page .v-ga-card li svg{width:14px;height:14px}
  .v-ga-page .v-ga-step{gap:10px;padding:5px 0}
  .v-ga-page .v-ga-step svg{width:26px;height:26px;padding:5px;border-radius:7px}
  .v-ga-page .v-ga-step b{font-size:14px}
  .v-ga-page .v-ga-step p{font-size:12.25px}
  .v-ga-page .v-ga-urgent{font-size:12px;padding:8px 10px;gap:8px}
  .v-ga-page .v-ga-urgent svg{width:15px;height:15px}
  .v-ga-page .v-ga-card .v-g-cta{height:40px;font-size:14px;margin-top:8px;border-radius:10px}
  .v-ga-page .v-ga-card .v-g-cta svg{width:15px;height:15px}
  /* פס תחתון 97px: נציגה מימין, כפתור 191×43 באמצע, מותג משמאל */
  .v-ga-page .v-g-bar__in{padding:21px var(--g-gutter)}
  .v-ga-page .v-ga-agent{gap:10px;font-size:12px}
  .v-ga-page .v-ga-agent i{width:55px;height:55px}
  .v-ga-page .v-ga-agent b{font-size:12px;font-weight:500}
  .v-ga-page .v-ga-agent small{font-size:12px}
  .v-ga-page .v-ga-bar .v-g-cta{height:43px;min-width:191px;padding:0 18px;font-size:14.5px;border-radius:12px;gap:8px}
  .v-ga-page .v-ga-bar .v-g-cta svg{width:14px;height:14px}
  .v-ga-page .v-ga-bar .v-g-brand{font-size:12px}
  .v-ga-page .v-ga-bar .v-g-brand svg{width:20px;height:20px}
}
/* ---------- R6 · אטרקציות ללקוח במובייל. אין לדף הזה תמונת מובייל ב-GPT, ולכן אותם כללים כמו במלונות במובייל:
   אותה אנטומיה (טקסט מימין, פורטרט משמאל, גלולות בשורה), רצפת קריאות 14/12, כפתור 44 לפחות ---------- */
@media (max-width:860px){
  .v-ga-page{--g-gutter:19px;--g-card-r:12px}
  .v-ga-page .v-g-demo{font-size:12px}
  .v-ga-page .v-g-top{height:56px}
  .v-ga-page .v-g-brand{font-size:14px;gap:8px}
  .v-ga-page .v-g-brand svg{width:22px;height:22px}
  .v-ga-page .v-g-call{height:44px;padding:0 14px;font-size:14px;border-radius:10px}
  .v-ga-page .v-g-main{padding:6px var(--g-gutter) 96px}
  .v-ga-page .v-ga-hero{grid-template-columns:minmax(0,1fr) 34%;grid-template-rows:auto 1fr auto;grid-template-areas:"h1 face" "p face" "chips chips";height:auto;min-height:0;margin:0 0 12px;border-radius:12px}
  .v-ga-page .v-ga-hero .v-gh-hero__sky{display:none}
  .v-ga-page .v-ga-hero .v-gh-hero__txt{display:contents}
  .v-ga-page .v-ga-hero .v-gh-hero__txt>h1{grid-area:h1;margin:14px 0 6px;padding-inline-start:14px;font-size:15.5px;line-height:1.3}
  .v-ga-page .v-ga-hero .v-gh-hero__txt>p{grid-area:p;margin:0 0 10px;padding-inline-start:14px;font-size:14px;line-height:1.45}
  .v-ga-page .v-ga-hero .v-gh-hero__face{grid-area:face;min-height:0;-webkit-mask-image:none;mask-image:none}
  .v-ga-page .v-g-chips{grid-area:chips;flex-wrap:nowrap;justify-content:flex-start;gap:6px;padding:0 14px 12px;margin:0}
  .v-ga-page .v-g-chips span{height:28px;padding:0 10px;gap:5px;font-size:12px;white-space:nowrap}
  .v-ga-page .v-g-chips svg{width:13px;height:13px}
  .v-ga-page .v-ga-who{inset-block-end:auto;inset-block-start:8px;inset-inline-start:auto;inset-inline-end:6px;height:22px;padding:0 8px;font-size:12px}
  .v-ga-page .v-g-urgent{padding:10px 12px;gap:8px}
  .v-ga-page .v-g-urgent p{font-size:14px;line-height:1.4}
  .v-ga-page .v-gh-trust.is-top div{padding:10px 12px}
  .v-ga-page .v-gh-trust.is-top b{font-size:14px}
  .v-ga-page .v-gh-trust.is-top p{font-size:12px;line-height:1.4}
  /* כרטיס יום: עמודת תאריך 64 מימין, צילום 140 למעלה, התוכן מתחת */
  .v-ga-page .v-ga-day,.v-ga-page .v-ga-day.is-free{grid-template-columns:64px minmax(0,1fr);margin-bottom:12px}
  .v-ga-page .v-ga-day>.v-ga-day__ph{min-height:140px}
  .v-ga-page .v-ga-day>.v-ga-day__body{padding:10px 12px 12px;gap:8px}
  .v-ga-page .v-ga-date{gap:3px;padding:8px 2px}
  .v-ga-page .v-ga-date span{font-size:12px}
  .v-ga-page .v-ga-date b{font-size:16px}
  .v-ga-page .v-ga-date small{font-size:12px}
  .v-ga-page .v-ga-city{justify-content:flex-start;align-items:flex-start;gap:8px}
  .v-ga-page .v-ga-city svg{order:-1;width:20px;height:20px}
  .v-ga-page .v-ga-city h2,.v-ga-page .v-ga-day.is-free .v-ga-city h2{font-size:15px}
  .v-ga-page .v-ga-city small,.v-ga-page .v-ga-day.is-free .v-ga-city small{font-size:12px}
  .v-ga-page .v-ga-it{direction:ltr;grid-template-columns:64px minmax(0,1fr);gap:10px;padding:8px;min-height:0}
  .v-ga-page .v-ga-it__ph{height:48px;border-radius:6px}
  .v-ga-page .v-ga-it__tx{direction:rtl;text-align:right}
  .v-ga-page .v-ga-it__tx b{font-size:14px;gap:6px}
  .v-ga-page .v-ga-time{height:22px;padding:0 8px;font-size:12px}
  .v-ga-page .v-ga-it__tx small{font-size:12px;gap:2px 8px;margin-top:3px}
  .v-ga-page .v-ga-it__p{direction:rtl;grid-column:1 / -1}
  .v-ga-page .v-ga-it__p small{font-size:12px}
  .v-ga-page .v-ga-it__p b{font-size:14px}
  .v-ga-page .v-ga-free{font-size:14px}
  .v-ga-page .v-ga-card{padding:14px 14px}
  .v-ga-page .v-ga-card h3{font-size:15px}
  .v-ga-page .v-ga-card li{font-size:14px}
  .v-ga-page .v-ga-step b{font-size:14px}
  .v-ga-page .v-ga-step p{font-size:12px}
  .v-ga-page .v-ga-urgent{font-size:14px}
  .v-ga-page .v-ga-card .v-g-cta{height:48px;font-size:15px}
  .v-ga-page .v-ga-bar .v-g-cta{height:48px;font-size:15px}
  .v-ga-page .v-ga-agent{font-size:12px}
  .v-ga-page .v-ga-agent i{width:40px;height:40px}
}
@media (max-width:860px){.v-ga-page .v-ga-bar .v-g-cta{white-space:nowrap;flex:none;min-width:0;padding:0 16px}}

/* ---------- R6 · בונה המלונות (gpt_hotel-quote-planner.webp, 1487px). סרגל 176, תוכן 1273, שוליים 19 ---------- */
@media (min-width:861px){
  .v-pq-body{--v-side:176px;--v-gutter:19px;--v-max:1311px}
  .v-pq-body .v-top .v-search{max-width:297px}
  .v-pq-body .v-cust{min-height:76px;padding:11px 20px 11px 24px}
  .v-pq-body .v-cust .cc-ava{width:52px;height:52px;font-size:17px}
  .v-pq-body .v-cust__id{gap:14px}
  .v-pq-body .v-cust__id b{font-size:19.25px}
  .v-pq-body .v-cust__id small{font-size:13px}
  .v-pq-body .v-cust__facts span{font-size:12.25px}
  .v-pq-body .v-cust__facts b{font-size:14.5px}
  .v-pq-body .v-pq-head{margin:23px 0 14px}
  .v-pq-body .v-pq-head h1{font-size:27.75px;gap:14px}
  .v-pq-body .v-pq-head h1 svg{width:28px;height:28px;padding:5px;border-radius:7px}
  .v-pq-body .v-pq-head p{font-size:13.25px;margin-top:4px}
  .v-pq-body .v-pq-steps li i{width:29px;height:29px}
  .v-pq-body .v-pq-head .v-btn{height:39px;padding:0 30px;font-size:14.25px}
  .v-pq-body .v-pq-cols{grid-template-columns:minmax(0,1fr) 359px;gap:12px}
  .v-pq-body .v-pq-card{padding:14px 14px 14px 16px;margin-bottom:12px;border-radius:14px}
  .v-pq-body .v-pq-card h3{margin:0 0 12px}
  .v-pq-body .v-pq-cols>div>.v-pq-card:nth-child(1) h3{font-size:15px}
  .v-pq-body .v-pq-cols>div>.v-pq-card:nth-child(2) h3{font-size:14px}
  .v-pq-body .v-pq-cols>div>.v-pq-card:nth-child(3) h3{font-size:13.75px}
  .v-pq-body .v-pq-card .v-search{max-width:none;height:43px}
  .v-pq-body .v-pq-sub{font-size:12.5px;margin:16px 0 0}
  .v-pq-body .v-pq-chips{gap:6px;margin:10px 0 14px}
  .v-pq-body .v-pq-chips button{height:34px;font-size:12.5px}
  .v-pq-body .v-pq-card .v-link{font-size:13.5px;padding-top:12px;border-top:1px solid #EEF2F8;width:100%;justify-content:flex-start}
  .v-pq-body .v-pq-count{font-size:12px}
  .v-pq-body .v-pq-ta{min-height:106px;font-size:13.75px;line-height:21px}
  .v-pq-body .v-pq-send{gap:6px}
  .v-pq-body .v-pq-send .v-btn{height:48px;font-size:12.75px}
  /* כרטיס יעד 902: «למה דווקא» 197 · נבחר 220 · חלופות */
  .v-pq-body .v-pq-city{padding:10px 10px 12px 12px;margin-bottom:12px;border-radius:14px}
  .v-pq-body .v-pq-city__head{margin:4px 2px 10px 4px}
  .v-pq-body .v-pq-city__head h3{font-size:18.25px;gap:10px}
  .v-pq-body .v-pq-city__head h3 svg{width:23px;height:23px}
  .v-pq-body .v-pq-city__head small{font-size:13.5px}
  .v-pq-body .v-pq-city__head small button{width:32px;height:31px}
  .v-pq-body .v-pq-grid{grid-template-columns:minmax(0,197fr) minmax(0,220fr) repeat(2,minmax(0,209fr));gap:11px}
  .v-pq-body .v-pq-hotel{padding:8px;gap:4px;border-radius:10px}
  .v-pq-body .v-pq-hotel.is-rec{padding:7px}
  .v-pq-body .v-pq-hotel__ph{height:117px;border-radius:6px;margin-bottom:4px}
  .v-pq-body .v-pq-hotel b{font-size:12.25px;line-height:1.25}
  .v-pq-body .v-pq-hotel small{font-size:12px}
  .v-pq-body .v-pq-hotel .v-pq-tag{min-height:25px;padding:4px 8px;font-size:12px;line-height:1.3;border-radius:6px;margin-top:2px}
  .v-pq-body .v-pq-price{margin-top:4px}
  .v-pq-body .v-pq-price label{height:29px;padding:0 8px}
  .v-pq-body .v-pq-price input{font-size:13.5px}
  .v-pq-body .v-pq-price span{font-size:12px;line-height:1.3}
  .v-pq-body .v-pq-comm{padding:2px 6px;font-size:12px;border-radius:6px}
  .v-pq-body .v-pq-comm b{font-size:12px}
  .v-pq-body .v-pq-why{padding:10px 8px;gap:8px;border-radius:10px;align-self:stretch}
  .v-pq-body .v-pq-why b{font-size:12.5px}
  .v-pq-body .v-pq-why textarea{flex:none;min-height:113px;font-size:12.25px;line-height:20px;padding:8px 10px}
  .v-pq-body .v-pq-add{flex-direction:row;flex-wrap:wrap;justify-content:center;column-gap:6px;row-gap:0;padding:5px 10px;font-size:12px;min-height:37px}
  .v-pq-body .v-pq-add svg{width:13px;height:13px}
  .v-pq-body .v-pq-add small{flex-basis:100%;text-align:center;font-size:12px}
  .v-pq-body .v-pq-bar{min-height:61px;padding:10px 10px 10px 16px;border-radius:14px}
  .v-pq-body .v-pq-bar .v-btn{height:39px;padding:0 24px;font-size:15px}
  .v-pq-body .v-pq-bar__n b{font-size:18px}
  .v-pq-body .v-pq-bar__n small{font-size:12px}
  .v-pq-body .v-pq-bar__note{font-size:12px}
}
@media (min-width:861px){
  .v-pq-body .v-pq-page .v-cust{padding:8px 20px 8px 24px}
  .v-pq-body .v-pq-head{margin-top:15px}
  .v-pq-body .v-pq-send{grid-template-columns:minmax(0,161fr) minmax(0,164fr)}
  .v-pq-body .v-pq-city{padding:10px 12px 12px}
  .v-pq-body .v-pq-grid{grid-template-columns:197px 220px repeat(2,minmax(0,1fr));gap:11px}
  /* שם מלון בשתי שורות + שורת עמלה: הרווחים הפנימיים מצטמצמים כדי שהכרטיס יישאר עד 12px מעל ה-GPT */
  .v-pq-body .v-pq-hotel{gap:2px}
  .v-pq-body .v-pq-hotel__ph{margin-bottom:2px}
  .v-pq-body .v-pq-hotel b{line-height:1.15}
  .v-pq-body .v-pq-hotel .v-pq-tag{min-height:23px;padding:3px 8px}
  .v-pq-body .v-pq-price{margin-top:2px}
  .v-pq-body .v-pq-comm{padding:1px 6px;line-height:1.35}
  .v-pq-body .v-pq-why{align-self:start;min-height:246px}
  .v-pq-body .v-pq-add{width:calc(100% - 17px);margin:0 9px 12px 8px;padding-block:3px}
  .v-pq-body .v-pq-bar{padding-block:8px}
  .v-pq-body .v-pq-bar .v-btn{padding:0 20px}
}

/* ---------- R6 · בונה האטרקציות (gpt_attr-plan.webp, 1230px). סרגל 138, תוכן 1058, שוליים 17.
   עמודות: מסילה 84 · ימים 665 · בורר 285. הקידומת .v-pa-body .v-pa-page גוברת על שכבות הסבבים הקודמים ---------- */
@media (min-width:861px){
  .v-pa-body{--v-side:138px;--v-gutter:17px;--v-max:1092px}
  .v-pa-body .v-top{height:57px}
  .v-pa-body .v-top .v-search{max-width:281px;height:35px}
  .v-pa-body .v-top__btn{width:35px;height:35px}
  .v-pa-body .v-side__item{font-size:12px}
  .v-pa-body .v-pa-page .cc-nav{margin:4px 0 8px}
  .v-pa-body .v-pa-page .cc-nav__a{font-size:12px}
  .v-pa-body .v-pa-page .v-cust{min-height:76px;padding:8px 18px;gap:14px}
  .v-pa-body .v-pa-page .v-cust .cc-ava{width:44px;height:44px;font-size:15px}
  .v-pa-body .v-pa-page .v-cust__id b{font-size:15px}
  .v-pa-body .v-pa-page .v-cust__id small{font-size:12px}
  .v-pa-body .v-pa-page .v-cust__facts{gap:30px}
  .v-pa-body .v-pa-page .v-cust__facts span{font-size:12px;gap:4px}
  .v-pa-body .v-pa-page .v-cust__facts b{font-size:12px}
  .v-pa-body .v-pa-page .v-pq-head{margin:14px 0 12px;gap:14px}
  .v-pa-body .v-pa-page .v-pq-head h1{font-size:26px;gap:10px}
  .v-pa-body .v-pa-page .v-pq-head h1 svg{width:22px;height:22px;padding:4px;border-radius:6px}
  .v-pa-body .v-pa-page .v-pq-head p{font-size:12px;margin-top:3px}
  .v-pa-body .v-pa-page .v-pq-head .v-btn{height:32px;padding:0 16px;font-size:12px}
  .v-pa-body .v-pa-page .v-pq-mode button{height:26px;padding:0 10px;font-size:12px}
  .v-pa-body .v-pa-page .v-pa-grid{grid-template-columns:285px minmax(0,1fr) 84px;gap:12px 9px}
  .v-pa-body .v-pa-page .v-pa-grid.is-single{grid-template-columns:minmax(0,1fr) 84px}
  /* בורר: 285 רוחב, חיפוש 258×35, צ׳יפים 26, שורה 266×86, צילום 83×80 */
  .v-pa-body .v-pa-page .v-pa-pick{padding:12px 13px;gap:12px;border-radius:12px}
  .v-pa-body .v-pa-page .v-pa-pick__h{font-size:12px}
  .v-pa-body .v-pa-page .v-pa-pick .v-search{max-width:none;height:35px;font-size:12px}
  .v-pa-body .v-pa-page .v-pa-pick .v-search input{font-size:12px}
  .v-pa-body .v-pa-page .v-pa-cats{gap:6px}
  .v-pa-body .v-pa-page .v-pa-cats button{height:26px;padding:0 9px;font-size:12px}
  .v-pa-body .v-pa-page .v-pa-list{gap:8px;max-height:none}
  .v-pa-body .v-pa-page .v-pa-row{grid-template-columns:83px minmax(0,1fr);gap:9px;padding:3px 8px 3px 1px;border-radius:10px;min-height:86px}
  .v-pa-body .v-pa-page .v-pa-row__ph{height:80px;border-radius:7px}
  .v-pa-body .v-pa-page .v-pa-row__tx{padding-block:6px 4px}
  .v-pa-body .v-pa-page .v-pa-row__tx b{font-size:12.25px}
  .v-pa-body .v-pa-page .v-pa-row__tx small{font-size:12px}
  .v-pa-body .v-pa-page .v-pa-add{height:26px;padding:0 11px;font-size:12px;border-radius:7px;gap:5px}
  .v-pa-body .v-pa-page .v-pa-add svg{width:10px;height:10px}
  /* כרטיס יום 665: כותרת 20.5 כחולה, פריט 643×141, צילום 162×93 */
  .v-pa-body .v-pa-page .v-pa-days{gap:8px}
  .v-pa-body .v-pa-page .v-pa-day{border-radius:12px}
  .v-pa-body .v-pa-page .v-pa-day__h{padding:9px 12px 9px 14px;gap:10px}
  .v-pa-body .v-pa-page .v-pa-day__h h3{font-size:20.5px;gap:8px}
  .v-pa-body .v-pa-page .v-pa-day__h small{font-size:12.5px;margin-top:2px}
  .v-pa-body .v-pa-page .v-pa-pill{height:26px;padding:0 10px;font-size:12px;border-radius:7px;gap:5px}
  .v-pa-body .v-pa-page .v-pa-pill svg{width:12px;height:12px}
  .v-pa-body .v-pa-page .v-pa-chev{width:26px;height:26px}
  .v-pa-body .v-pa-page .v-pa-chev svg{width:14px;height:14px}
  .v-pa-body .v-pa-page .v-pa-day.is-closed .v-pa-day__h{padding:6px 12px 6px 14px;min-height:47px}
  .v-pa-body .v-pa-page .v-pa-day.is-closed .v-pa-day__h h3{font-size:12.75px}
  .v-pa-body .v-pa-page .v-pa-day.is-closed .v-pa-day__h small{font-size:12px}
  .v-pa-body .v-pa-page .v-pa-empty{font-size:12px}
  .v-pa-body .v-pa-page .v-pa-day__body{padding:0 11px 11px;gap:8px}
  .v-pa-body .v-pa-page .v-pa-item{padding:7px 9px;border-radius:10px;min-height:141px}
  .v-pa-body .v-pa-page .v-pa-item__row{grid-template-columns:minmax(0,1fr) 162px;gap:12px}
  .v-pa-body .v-pa-page .v-pa-item__ph{height:93px;border-radius:7px}
  .v-pa-body .v-pa-page .v-pa-item__main{gap:6px}
  .v-pa-body .v-pa-page .v-pa-item__top{gap:10px}
  .v-pa-body .v-pa-page .v-pa-item__top b{font-size:13px}
  .v-pa-body .v-pa-page .v-pa-item__top small{font-size:12px}
  .v-pa-body .v-pa-page .v-pa-tix{font-size:12px;gap:4px}
  .v-pa-body .v-pa-page .v-pa-tix div{gap:5px}
  .v-pa-body .v-pa-page .v-pa-tix button{height:21px;padding:0 9px;font-size:12px;border-radius:6px}
  .v-pa-body .v-pa-page .v-pa-item__mid{gap:12px}
  .v-pa-body .v-pa-page .v-pa-f{font-size:12px;gap:4px}
  .v-pa-body .v-pa-page .v-pa-f select,.v-pa-body .v-pa-page .v-pa-f input.t{height:25px;width:88px;min-width:0;font-size:12px;border-radius:6px}
  .v-pa-body .v-pa-page .v-pa-f .qty{height:25px;width:88px;padding:0 4px;border-radius:6px}
  .v-pa-body .v-pa-page .v-pa-f .qty button{width:22px;font-size:13px}
  .v-pa-body .v-pa-page .v-pa-f .qty b{font-size:12px}
  .v-pa-body .v-pa-page .v-pa-price{padding-inline-start:12px}
  .v-pa-body .v-pa-page .v-pa-price small{font-size:12px}
  .v-pa-body .v-pa-page .v-pa-price b{font-size:15px}
  .v-pa-body .v-pa-page .v-pa-price .v-pq-comm{margin-top:3px;padding:1px 6px;font-size:12px;border-radius:5px}
  .v-pa-body .v-pa-page .v-pa-price .v-pq-comm b{font-size:12px}
  .v-pa-body .v-pa-page .v-pa-item__note{margin-top:7px;gap:8px}
  .v-pa-body .v-pa-page .v-pa-item__note input{height:28px;font-size:12px;border-radius:6px}
  .v-pa-body .v-pa-page .v-pa-item__note input.alt{width:130px}
  .v-pa-body .v-pa-page .v-pa-ic{width:22px;height:22px}
  .v-pa-body .v-pa-page .v-pa-ic svg{width:13px;height:13px}
  .v-pa-body .v-pa-page .v-pa-addbtn{height:42px;font-size:14.75px;font-weight:600;border-radius:9px}
  /* מסילת ימים 84: היום הפעיל 83×66, עיגול 22 */
  .v-pa-body .v-pa-page .v-pa-rail{gap:30px;padding-top:0}
  .v-pa-body .v-pa-page .v-pa-rail button{font-size:12.5px;gap:6px}
  .v-pa-body .v-pa-page .v-pa-rail button i{width:22px;height:22px;font-size:12px}
  .v-pa-body .v-pa-page .v-pa-rail small{font-size:12px}
  .v-pa-body .v-pa-page .v-pa-rail button.is-now{min-height:66px;padding:8px 9px;border-radius:12px}
  .v-pa-body .v-pa-page .v-pa-rail::before{inset-inline-end:11px}
  /* כרטיסים תחתונים: מטיילים 551, הערות 501 */
  .v-pa-body .v-pa-page .v-pa-low{grid-template-columns:minmax(0,501fr) minmax(0,551fr);gap:7px;margin-top:10px}
  .v-pa-body .v-pa-page .v-pa-low .v-pq-card{padding:10px 12px;border-radius:12px}
  .v-pa-body .v-pa-page .v-pa-low .v-pq-card h3{font-size:13.75px;margin-bottom:8px}
  .v-pa-body .v-pa-page .v-pa-low .v-pq-ta{min-height:44px;font-size:12px;line-height:1.4}
  .v-pa-body .v-pa-page .v-pa-low .v-pq-sub{font-size:14px;margin-top:6px}
  .v-pa-body .v-pa-page .v-pa-no{font-size:12px;gap:1px}
  .v-pa-body .v-pa-page .v-pa-trav{font-size:12px}
  .v-pa-body .v-pa-page .v-pa-trav th{font-size:12px;padding:4px 8px}
  .v-pa-body .v-pa-page .v-pa-trav td{padding:4px 8px}
  .v-pa-body .v-pa-page .v-pq-bar{min-height:46px;padding:6px 12px;margin-top:8px;border-radius:12px}
  .v-pa-body .v-pa-page .v-pq-bar .v-btn{height:32px;padding:0 18px;font-size:13px}
  .v-pa-body .v-pa-page .v-pq-bar__n small{font-size:12px}
  .v-pa-body .v-pa-page .v-pq-bar__n b{font-size:15px}
  .v-pa-body .v-pa-page .v-pq-bar__note{font-size:12px}
}
@media (min-width:861px){
  .v-pa-body .v-side__logo{padding:16px 12px 10px}
  .v-pa-body .v-side__logo b{font-size:15px}
  .v-pa-body .v-side__logo span{font-size:12px;letter-spacing:1.6px}
  .v-pa-body .v-side__nav{padding:10px 8px}
  .v-pa-body .v-side__item{height:38px;padding:0 9px;gap:8px;font-size:12px;border-radius:10px}
  .v-pa-body .v-side__item svg{width:15px;height:15px}
  .v-pa-body .v-pa-page .v-pa-cats{flex-wrap:nowrap}
  .v-pa-body .v-pa-page .v-pa-cats button{padding:0 8px;white-space:nowrap}
}
@media (min-width:861px){
  .v-pa-body .v-pa-page .v-pa-pick{padding:12px 6px 12px 12px}
  .v-pa-body .v-pa-page .v-pa-pick>*{flex:none}
  .v-pa-body .v-pa-page .v-pa-grid{grid-template-columns:285px minmax(0,1fr) 90px;column-gap:9px}
  .v-pa-body .v-pa-page .v-pa-grid.is-single{grid-template-columns:minmax(0,1fr) 90px}
  .v-pa-body .v-pa-page .v-pa-rail{padding-inline-end:3px}
  .v-pa-body .v-pa-page .v-pa-rail button.is-now{width:83px;align-self:flex-end;margin:0}
  .v-pa-body .v-pa-page .v-pa-day__h small{font-size:13.5px}
  .v-pa-body .v-pa-page .v-pa-tix button{min-width:55px}
  .v-pa-body .v-pa-page .v-pa-day.is-closed .v-pa-day__h{padding-block:4px;min-height:47px}
  .v-pa-body .v-pa-page .v-pa-low .v-pq-card h3{font-size:13.5px}
  /* מחיר + עמלה: הערך והעמלה זה לצד זה, כדי ששורת העמלה לא תגביה את הכרטיס */
  .v-pa-body .v-pa-page .v-pa-price{display:grid;grid-template-columns:auto auto;grid-template-areas:"l l" "v c";column-gap:8px;row-gap:2px;align-items:end;text-align:start}
  .v-pa-body .v-pa-page .v-pa-price>small{grid-area:l}
  .v-pa-body .v-pa-page .v-pa-price>b{grid-area:v;line-height:1.1}
  .v-pa-body .v-pa-page .v-pa-price .v-pq-comm{grid-area:c;margin:0}
  .v-pa-body .v-pa-page .v-pa-low .v-pq-card{padding:8px 12px}
  .v-pa-body .v-pa-page .v-pa-low .v-pq-card h3{margin-bottom:6px}
  .v-pa-body .v-pa-page .v-pa-trav td{padding:3px 8px}
  .v-pa-body .v-pa-page .v-pa-trav th{padding:3px 8px}
  .v-pa-body .v-pa-page .v-pa-no{line-height:1.35;margin-top:2px}
  .v-pa-body .v-pa-page .v-pa-low .v-pq-sub{font-size:13px;margin-top:4px}
}
@media (min-width:861px){.v-pa-body .v-pa-page .v-pa-pick .v-search{margin-inline-start:7px}}
@media (min-width:861px){
  .v-pa-body .v-pa-page .v-pa-no{font-size:12px;line-height:1.15;gap:0}
  .v-pa-body .v-pa-page .v-pa-low .v-pq-ta{min-height:42px;padding:5px 10px}
  .v-pa-body .v-pa-page .v-pa-low .v-pq-sub{margin-top:5px;font-size:14px}
}
@media (min-width:861px){
  .v-pa-body .v-pa-page .v-pa-low .v-pq-ta{min-height:38px;height:38px}
  .v-pa-body .v-pa-page .v-pa-low .v-pq-sub{margin-top:4px;line-height:1.2}
  .v-pa-body .v-pa-page .v-pa-no{font-size:12px}
  .v-pa-body .v-pa-page .v-pa-trav td{padding:2px 8px}
}
@media (min-width:861px){.v-pa-body .v-pa-page .v-pa-low .v-pq-card h3{margin-bottom:4px}.v-pa-body .v-pa-page .v-pa-low .v-pq-card{padding-block:7px}}
/* R6 רצפה בדסקטופ (החלטת המתזמר 1.10): אין טקסט מתחת ל-12px בארבעת הדפים, גם במעטפת ובתגיות «דוגמה» */
@media (min-width:861px){
  .v-pq-body .v-soon,.v-pa-body .v-soon,.v-pq-body .v-side__badge,.v-pa-body .v-side__badge,.v-pq-body .v-side__tag,.v-pa-body .v-side__tag,
  .v-pq-body .v-dot,.v-pa-body .v-dot,.v-pq-body .v-demo-tag,.v-pa-body .v-demo-tag,.v-pq-body .v-freeq__hint,.v-pa-body .v-freeq__hint,
  .v-pq-body .v-side small,.v-pa-body .v-side small,.v-pq-body .v-side span,.v-pa-body .v-side span,.v-pq-body .v-top small,.v-pa-body .v-top small{font-size:12px}
}
/* הרצפה הגדילה טקסט; כאן מחזירים את גובה הקופסאות למידות ה-GPT */
@media (min-width:861px){
  .v-pq-body .v-pq-hotel .v-pq-tag{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .v-pq-body .v-pq-ta{min-height:101px}
  .v-pq-body .v-pq-add{padding-block:0;line-height:1.2}
  .v-pq-body .v-pq-bar{padding-block:6px}
  .v-pa-body .v-pa-page .v-pa-trav td{padding:1px 8px}
  .v-pa-body .v-pa-page .v-pa-trav th{padding:2px 8px}
  .v-pa-body .v-pa-page .v-pa-no{line-height:1.05}
  .v-pa-body .v-pa-page .v-pa-low .v-pq-ta{min-height:34px;height:34px}
}
@media (min-width:861px){
  .v-pq-body .v-pq-hotel{gap:1px}
  .v-pq-body .v-pq-hotel b{line-height:1.1}
  .v-pq-body .v-pq-hotel small{line-height:1.2}
  .v-pq-body .v-pq-price span{line-height:1.12}
  .v-pq-body .v-pq-comm{padding-block:0;line-height:1.3}
  .v-pa-body .v-pa-page .v-pa-low .v-pq-card{padding-block:5px}
}
@media (min-width:861px){
  .v-pa-body .v-pa-page .v-pa-cats{flex-wrap:wrap}
  .v-pa-body .v-side__logo span,.v-pq-body .v-side__logo span{letter-spacing:.5px}
}
@media (min-width:861px){.v-pa-body .v-side__logo b{font-size:13px}.v-pa-body .v-side__logo span{letter-spacing:0}.v-pa-body .v-side__logo{padding-inline:10px 34px}}
@media (min-width:861px){
  .v-pa-body .v-side__brand{padding:16px 10px 10px;gap:6px}
  .v-pa-body .v-side__mark,.v-pa-body .v-side__mark svg{width:30px;height:24px}
  .v-pa-body .v-side__word b{font-size:14px}
  .v-pa-body .v-side__word small,.v-pq-body .v-side__word small{font-size:12px;letter-spacing:.5px}
}

/* 1.10.2026 (MANDATE_ROTEM_PHOTOS_AND_EYE): the eye of the attractions plan bottom bar. Closed = a diagonal stroke over the eye (the figures are not drawn); open = tinted. */
.v-pq-eye{flex:none;position:relative;color:var(--v-muted)}
.v-pq-eye.is-on{background:#E6F1EC;color:#12633F;border-color:#BFE0CF}
.v-pq-eye:not(.is-on)::after{content:"";position:absolute;width:20px;height:2px;background:currentColor;border-radius:2px;transform:rotate(-45deg);box-shadow:0 0 0 2px #fff}
.v-pa-pick .v-search select{border:0;background:transparent;font:inherit;color:inherit;width:100%;height:100%;padding:0 10px;outline:0}

/* ===== 1.10.2026 (ALERTS, ledger ו.11): דף ההתראות והפעמון. כל המראה כאן, בדף עצמו אין בלוק style. =====
   קבוצה לכל כלל (כותרת, משפט אחד, ספירה), ובתוכה שורות: מי הלקוח, מה קרה, מתי. התראת פער נסגרת לבד ולכן אין לה כפתור;
   התראה קטנה נושאת «ראיתי» ו«בוצע». תג «לא שויך» / «הסלמה» מסמן שורה שמגיעה לבעלים ולא לאדם אחד. */
.v-side__badge[hidden],.v-top__btn .v-dot[hidden],[data-alerts-count][hidden]{display:none!important}
.v-side__item > .v-side__badge{flex:none;overflow:visible;text-overflow:clip;margin-inline-start:auto}   /* the rule «.v-side__item > span{flex:1}» stretched the count into a wide pill and cut the word «התראות» */
.v-al{display:flex;flex-direction:column;gap:var(--v-gap);padding-bottom:40px}
.v-al__state{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:var(--v-muted)}
.v-al__state .v-chip{height:32px}
.v-al__demo{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:var(--v-r-chip);background:var(--v-info-soft);color:var(--v-info);font-size:12px;font-weight:700}
.v-al__empty{padding:34px 18px}
.v-al-group{padding:0;overflow:hidden}
.v-al-group__head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px 10px}
.v-al-group__head h2{margin:0;font-size:17px;font-weight:700;color:var(--v-ink)}
.v-al-group__n{display:inline-grid;place-items:center;min-width:26px;height:24px;padding:0 8px;border-radius:var(--v-r-chip);background:var(--v-bad-soft);color:var(--v-bad);font-size:12px;font-weight:700}
.v-al-group.is-small .v-al-group__n{background:var(--v-warn-soft);color:var(--v-warn)}
.v-al-group__how{margin-inline-start:auto;font-size:12px;color:var(--v-muted)}
.v-al-group__what{margin:0;padding:0 18px 10px;font-size:13px;color:var(--v-muted)}
.v-al-list{list-style:none;margin:0;padding:0}
.v-al-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:12px 18px;border-top:var(--v-bw) solid var(--v-line)}
.v-al-row__main{min-width:0;display:flex;flex-direction:column;gap:3px}
.v-al-row__name{font-size:14px;font-weight:700;color:var(--v-ink);text-decoration:none;overflow-wrap:anywhere}
a.v-al-row__name:hover{color:var(--v-blue)}
.v-al-row__name.is-unknown{color:var(--v-muted);font-weight:600}
.v-al-row__body{font-size:13px;color:var(--v-ink-2);line-height:1.5}
.v-al-row__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:var(--v-muted)}
.v-al-tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:var(--v-r-chip);background:var(--v-surface-2);color:var(--v-ink-2);font-size:11.5px;font-weight:600}
.v-al-tag.is-pool{background:var(--v-warn-soft);color:var(--v-warn)}
.v-al-tag.is-closed{background:var(--v-good-soft);color:var(--v-good)}
.v-al-row__act{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.v-al-row.is-closed{opacity:.72}
@media (max-width:640px){
  .v-al-row{grid-template-columns:1fr}
  .v-al-row__act{justify-content:flex-start}
  .v-al-group__how{margin-inline-start:0;flex-basis:100%}
}

/* ===== 3.10.2026 (CALL, S4): «מצב שיחה» של המוכר. כל המראה כאן, בדף עצמו אין בלוק style. =====
   פס עליון (מי הליד, שלב, חזרה, הליד הבא) ומתחתיו שני טורים: מימין מה ידוע ומה נאמר, משמאל מה כותבים ומשנים תוך כדי שיחה.
   בטלפון הכל בטור אחד. טקסט מינימלי 12px, כפתורים בטלפון 44px. */
.v-cs{display:flex;flex-direction:column;gap:var(--v-gap);padding-bottom:40px}
.v-cs__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px}
.v-cs__who{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0}
.v-cs__name{margin:0;font-size:20px;font-weight:700;color:var(--v-ink);overflow-wrap:anywhere}
.v-cs__nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.v-cs__grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--v-gap);align-items:start}
.v-cs__main,.v-cs__side{display:flex;flex-direction:column;gap:var(--v-gap);min-width:0}
.v-cs-card{padding:16px 18px}
.v-cs-card h3{margin:0 0 4px;font-size:17px;font-weight:700;color:var(--v-ink)}
.v-cs-h4{margin:16px 0 6px;font-size:14px;font-weight:700;color:var(--v-ink)}
.v-cs-sub{margin:0 0 10px;font-size:13px;color:var(--v-muted)}
.v-cs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:0}
.v-cs-row{display:flex;flex-direction:column;gap:2px;padding:9px 0;border-top:var(--v-bw) solid var(--v-line);min-width:0}
.v-cs-row dt{font-size:12px;color:var(--v-muted);font-weight:600}
.v-cs-row dd{margin:0;font-size:14px;color:var(--v-ink);overflow-wrap:anywhere}
.v-cs-row dd a{color:var(--v-blue);text-decoration:none}
.v-cs-row.is-unknown dd,.v-cs-text.is-unknown{color:var(--v-muted)}
.v-cs-text{margin:0 0 8px;font-size:14px;line-height:1.6;color:var(--v-ink-2);overflow-wrap:anywhere;white-space:pre-wrap}
.v-cs-notes{max-height:180px;overflow:auto}
.v-cs-text.is-new{border-inline-start:3px solid var(--v-good);padding-inline-start:10px}
.v-cs-meta{margin:0 0 8px;font-size:12px;color:var(--v-muted);line-height:1.5}
.v-cs-list{margin:8px 0}
.v-cs-list b{font-size:13px;color:var(--v-ink)}
.v-cs-list ul{margin:4px 0 0;padding-inline-start:20px;font-size:14px;line-height:1.6;color:var(--v-ink-2)}
.v-cs-act{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}
.v-cs-chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}
.v-cs-ack{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--v-ink-2);margin:6px 0}
.v-cs-msg{margin:8px 0 0;padding:8px 12px;border-radius:10px;font-size:13px;line-height:1.5}
.v-cs-msg.is-ok{background:var(--v-good-soft);color:var(--v-good)}
.v-cs-msg.is-bad{background:var(--v-bad-soft);color:var(--v-bad)}
@media (max-width:900px){
  .v-cs__grid{grid-template-columns:1fr}
  .v-cs-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .v-cs__nav .v-chip,.v-cs__nav .v-btn,.v-cs-card .v-btn,.v-cs-chips .v-chip{min-height:44px}
  .v-cs__nav .v-btn{flex:1 1 100%}
}

/* ===== 3.10.2026 (PLAN CALL): «מצב שיחת תכנון» של מלווה הלקוח. משתמש ב-.v-cs של מקטע CALL, ומוסיף רק את מה שחדש: אריחי «מה הוזמן», שורת «בעוד N ימים», רשימת שאלות. טקסט מינימלי 12px, כפתורים בטלפון 44px. ===== */
.v-pc-rel{font-size:12px;color:var(--v-muted);font-weight:600;margin-inline-start:6px}
.v-pc-svcs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.v-pc-svc{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:var(--v-bw) solid var(--v-line);border-radius:12px;background:var(--v-surface-2);min-width:0}
.v-pc-svc b{font-size:13px;color:var(--v-ink)}
.v-pc-svc span{font-size:13px;font-weight:700}
.v-pc-svc small{font-size:12px;color:var(--v-muted)}
.v-pc-svc.is-yes span{color:var(--v-good)}
.v-pc-svc.is-no span{color:var(--v-bad)}
.v-pc-svc.is-unknown span{color:var(--v-muted);font-weight:600}
.v-cs-ul{margin:4px 0 8px;padding-inline-start:20px;font-size:14px;line-height:1.6;color:var(--v-ink-2)}
@media (max-width:900px){
  .v-pc-svcs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .v-pc .v-field input,.v-pc .v-field select{min-height:44px}
}

/* ===== 2.10 (group A, SH4-SH6): the shared top-bar tools: search, «מה חדש», bug report, refresh stamp (_tools.js). Min text 12px, phones 44px. ===== */
.v-top__tools{display:flex;align-items:center;gap:8px;flex:none}
.v-stamp{border:0;background:transparent;font:500 12px var(--v-font);color:var(--v-muted);cursor:pointer;padding:6px 8px;border-radius:8px;white-space:nowrap}
.v-stamp:hover{background:var(--v-surface-2);color:var(--v-ink)}
.v-side__subitem[hidden]{display:none!important}
.v-gs{width:min(640px,96vw)}
.v-gs.is-spotlight{width:min(700px,calc(100vw - 24px));max-height:min(78vh,720px);background:rgba(250,251,253,.96);box-shadow:0 0 0 .5px rgba(14,31,58,.16),0 28px 80px rgba(13,43,77,.28)}
.v-gs.is-spotlight .v-drawer__head{padding-bottom:4px}
.v-gs.is-spotlight .v-gs__bar{padding-top:6px}
.v-gs.is-spotlight .v-search{min-height:56px;padding-inline:16px 12px;border-color:rgba(14,31,58,.16);box-shadow:0 8px 24px rgba(13,43,77,.08)}
.v-gs.is-spotlight .v-search input{height:54px;font-size:18px;font-weight:500}
.v-gs.is-spotlight .v-search kbd{flex:none;padding:4px 7px;border:1px solid rgba(14,31,58,.14);border-radius:6px;background:#F2F5F9;color:#63718A;font:600 11px/1 var(--v-font);direction:ltr}
.v-gs__bar{padding:14px 18px 6px}
.v-gs__bar .v-search{max-width:none;width:100%}
.v-gs__body{padding:8px 18px 18px;overflow-y:auto;flex:1;min-height:120px}
.v-gs__msg{margin:10px 0;font-size:13px;line-height:1.55;color:var(--v-muted)}
.v-gs__msg.is-bad{color:var(--v-bad)}
.v-gs__msg.is-good{color:var(--v-good)}
.v-gs__msg.is-demo{background:var(--v-surface-2);border-radius:10px;padding:8px 12px}
.v-gs__grp h4{margin:14px 0 6px;font-size:13px;font-weight:700;color:var(--v-ink);display:flex;align-items:center;gap:8px}
.v-gs__grp h4 .v-num{font-weight:500;color:var(--v-muted)}
.v-gs__row{display:flex;flex-direction:column;gap:2px;padding:9px 12px;border-radius:10px;text-decoration:none;color:var(--v-ink);border:var(--v-bw) solid transparent}
a.v-gs__row:hover,a.v-gs__row:focus-visible{background:var(--v-surface-2);border-color:var(--v-border);outline:0}
.v-gs__row b{font-size:14px;font-weight:600}
.v-gs__row small{font-size:12px;color:var(--v-muted)}
.v-gs__row.is-off{opacity:.7}
.v-spot__grp{padding-bottom:10px;border-bottom:1px solid rgba(14,31,58,.1)}
.v-spot__row{display:flex;flex-direction:row;align-items:center;gap:11px;min-height:52px;padding:5px 10px}
.v-spot__row>span:last-child{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}
.v-spot__row b,.v-spot__row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v-spot__icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:9px;background:#EAF2FF;color:#0A58DE}
.v-spot__icon svg{width:17px;height:17px}
.v-gs__chk{display:flex;align-items:center;gap:8px;font-size:13px;color:#54617A;margin:6px 0}
.v-wn__item{padding:12px 0;border-bottom:var(--v-bw) solid var(--v-border)}
.v-wn__item h4{margin:0 0 4px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}
.v-wn__item p{margin:0 0 6px;font-size:13px;line-height:1.6;color:#3F4B63}
.v-wn__item small{font-size:12px;color:var(--v-muted)}
/* the entry popup «מה חדש» (_tools.js wnEntry): the same line style as the bell list, in a short scrolling list */
.v-wnpop__list{max-height:46vh;overflow:auto;margin:6px 0 4px}
.v-wnpop__more{margin:6px 0 0;font-size:12px;color:var(--v-muted)}
/* 7.10 (NV-2026-10-07-003): «באג / רעיון» + «סמן איפה». The outline that follows the mouse while a person picks a spot, the bar that says what to do, the chip that shows what was picked,
   and the same outline reused by the fixes area to show the spot (a link with ?v2mark=). Nothing here belongs to one page. */
.v-mark-hl{position:fixed;z-index:var(--v-z-mark);pointer-events:none;border:2px solid var(--v-blue);background:transparent;box-shadow:0 0 0 4px var(--v-blue-soft);border-radius:6px;transition:all .08s ease}
.v-mark-hl.is-pinned{border-color:var(--v-warn);background:transparent;box-shadow:0 0 0 4px var(--v-warn-soft);opacity:1}
.v-mark-hl small{position:absolute;top:-24px;inset-inline-start:0;background:var(--v-warn);color:#fff;font-size:12px;padding:2px 8px;border-radius:6px;white-space:nowrap}
.v-mark-bar{position:fixed;z-index:var(--v-z-mark-bar);top:12px;inset-inline:12px;margin-inline:auto;max-width:560px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 10px;background:var(--v-ink);color:#fff;padding:10px 14px;border-radius:12px;box-shadow:var(--v-sh-float);font-size:14px}
.v-mark-bar .v-chip{flex:none}
body.is-marking,body.is-marking *{cursor:crosshair !important}
.v-mark-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0;padding:8px 12px;background:var(--v-surface-2);border-radius:10px;font-size:13px;color:#3F4B63}
.v-mark-chip b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}
.v-gs .v-segment{margin-bottom:6px}
/* round 3 (NV-2026-10-07-013): comment mode. Numbered pins sit on the page (absolute, so they scroll with it) with a small comment bubble beside them; a dragged area is a dashed frame. */
.v-pin-layer{position:absolute;left:0;top:0;width:0;height:0;z-index:var(--v-z-mark-pin);pointer-events:none}
.v-pin{position:absolute;pointer-events:auto}
.v-pin__dot{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;border:2px solid #fff;background:var(--v-blue);color:#fff;font-size:13px;font-weight:700;line-height:1;display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:var(--v-sh-float)}
.v-pin.is-open .v-pin__dot{background:var(--v-warn)}
.v-pin.is-ro .v-pin__dot{background:var(--v-warn);cursor:default}
.v-pin__bubble{position:absolute;left:22px;top:-14px;width:220px;background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:12px;box-shadow:var(--v-sh-float);padding:8px;font-size:13px;line-height:1.5;color:var(--v-ink);text-align:start}
.v-pin.is-flip .v-pin__bubble{left:auto;right:22px}
.v-pin__bubble.is-peek,.v-pin__bubble.is-ro{width:max-content;max-width:200px;padding:5px 10px;border-radius:10px}
.v-pin__bubble textarea{width:100%;min-height:54px;resize:none;border:var(--v-bw) solid var(--v-border);border-radius:8px;padding:6px 8px;font:inherit;background:var(--v-surface-2);color:var(--v-ink)}
.v-pin__act{display:flex;gap:6px;justify-content:space-between;margin-top:6px}
/* one spot = one report (NV-2026-10-07-026): the bubble has the note, a small «רעיון» switch, «שלח» and «מחק»; a sent spot turns green and says «נשלח» */
.v-pin__act{flex-wrap:wrap;align-items:center}
.v-pin__dot{cursor:default}
.v-pin.is-sent .v-pin__dot{background:var(--v-good)}
.v-pin__bubble.is-peek b{color:var(--v-good);font-weight:700}
.v-pin__msg{margin:6px 0 0;font-size:12px;line-height:1.5;color:var(--v-bad)}
.v-pin__bubble textarea:disabled{opacity:.6}
.v-pin__shotbox{margin-top:6px}
.v-pin__shot{display:flex;align-items:center;gap:8px}
.v-pin__shotcol{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;align-items:flex-start;gap:3px}
.v-pin__opts,.v-pin__more{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}
.v-pin__shot .v-chip,.v-pin__opts .v-chip,.v-pin__more .v-chip{height:26px;padding:0 10px;font-size:12px}
.v-pin__thumb{display:block;flex:none;width:60px;height:40px;object-fit:cover;object-position:top;border-radius:6px;border:var(--v-bw) solid var(--v-border);background:var(--v-surface-2)}
.v-pin__thumb.is-sm{width:28px;height:28px}
.v-pin__shotmsg{min-width:0;font-size:12px;line-height:1.4;color:var(--v-ink-2);overflow-wrap:anywhere}
.v-pin__shotmsg.is-bad{color:var(--v-bad)}
.v-pin__file{display:inline-flex;align-items:center;gap:6px;min-width:0;flex:1 1 auto}
.v-pin__note{flex:1 1 100%;margin:4px 0 0;font-size:11px;line-height:1.4;color:var(--v-muted)}
.v-pin__kind{display:flex;flex:1 1 100%;align-items:center;gap:6px;font-size:12px;color:var(--v-ink-2)}
.v-pin__kind span{flex:none;white-space:nowrap}
.v-pin__details{flex:1 1 100%;width:100%;min-height:54px;resize:vertical;border:var(--v-bw) solid var(--v-border);border-radius:8px;padding:6px 8px;font:inherit;font-size:12px;background:var(--v-surface-2);color:var(--v-ink)}
.v-pin__kind select{flex:1 1 auto;min-width:0;height:28px;border:var(--v-bw) solid var(--v-border);border-radius:8px;background:var(--v-surface-2);color:var(--v-ink);font:inherit;font-size:12px;padding:0 6px}
.v-mark-area.is-sent{border-color:var(--v-good);background:transparent;opacity:1}
.v-mark-area{position:absolute;z-index:var(--v-z-mark-area);pointer-events:none;border:2px dashed var(--v-blue);background:var(--v-blue-soft);opacity:.55;border-radius:6px}
.v-mark-area.is-drag{opacity:.4}
.v-pin-layer.is-ro .v-mark-area{border-color:var(--v-warn);background:transparent;opacity:1}
body.is-boxing{touch-action:none}
.v-mark-bar__t{flex:1 1 220px}
.v-mark-bar__n{font-size:12px;opacity:.8}
.v-mark-bar__b{display:flex;gap:6px;align-items:center}
.v-mark-bar .v-chip.is-on{background:var(--v-blue-soft);color:var(--v-blue)}
.v-fab{display:none}
/* laptop widths (measured at 1280: the top bars of planning, sales and crm were already full): the bar keeps only the search button, and the rest sits in the round button */
@media (max-width:1500px){
  .v-top__tools [data-v2-wn],.v-top__tools [data-v2-stamp]{display:none}
  .v-fab{display:block;position:fixed;inset-inline-end:18px;bottom:22px;z-index:var(--v-z-scrim)}
  .v-fab__btn{width:44px;height:44px;border-radius:50%;border:var(--v-bw) solid var(--v-border);background:var(--v-surface);color:#5B6880;display:grid;place-items:center;box-shadow:var(--v-sh-float);cursor:pointer}
  .v-fab__menu{position:absolute;inset-inline-end:0;bottom:52px;min-width:210px;background:var(--v-surface);border-radius:14px;box-shadow:var(--v-sh-float);padding:6px;display:flex;flex-direction:column}
  .v-fab__menu[hidden]{display:none}
  .v-fab__menu button{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border:0;background:transparent;border-radius:10px;font:500 14px var(--v-font);color:var(--v-ink);cursor:pointer;text-align:start}
  .v-fab__menu button:hover{background:var(--v-surface-2)}
  .v-fab__menu [data-v2-stamp]{font-size:12px;color:var(--v-muted)}
}
/* DK-5 (one menu = the dock): with the dock on the page the round «⋮» button is not drawn, so the report button (beetle) and «מה חדש» stay in the top bar from 901px up (below that they are in the «עוד» sheet). The search box gives up the room. */
@media (min-width:901px) and (max-width:1500px){
  body.has-dock-ui .v-top__tools [data-v2-wn]{display:grid}
  body.has-dock-ui .v-top .v-search{min-width:0}
  body.has-dock-ui .v-top .v-search input{min-width:0;width:100%}
}
@media (min-width:901px) and (max-width:1500px){ body.has-dock-ui .v-top{gap:6px} }
/* DK-5, phone pages without a «עוד» sheet: the dock is their only bar, so the beetle and «מה חדש» stay in the top bar (search and the stamp stay out) */
@media (max-width:900px){
  body.v2-tools-lite .v-top__tools{display:flex;gap:6px}
  body.v2-tools-lite .v-top__tools [data-v2-search],body.v2-tools-lite .v-top__tools [data-v2-stamp]{display:none}
  body.v2-tools-lite .v-top__tools [data-v2-wn],body.v2-tools-lite .v-top__tools [data-v2-bug]{display:grid}
}
@media (max-width:900px){
  .v-top__tools{display:none}
  .v-fab{bottom:84px;inset-inline-end:14px}
  .v-fab__btn{width:44px;height:44px;border-radius:50%;border:var(--v-bw) solid var(--v-border);background:var(--v-surface);color:#5B6880;display:grid;place-items:center;box-shadow:var(--v-sh-float);cursor:pointer}
  .v-fab__menu{position:absolute;inset-inline-end:0;bottom:52px;min-width:210px;background:var(--v-surface);border-radius:14px;box-shadow:var(--v-sh-float);padding:6px;display:flex;flex-direction:column}
  .v-fab__menu[hidden]{display:none}
  .v-fab__menu button{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border:0;background:transparent;border-radius:10px;font:500 14px var(--v-font);color:var(--v-ink);cursor:pointer;text-align:start}
  .v-fab__menu button:hover{background:var(--v-surface-2)}
  .v-fab__menu [data-v2-stamp]{font-size:12px;color:var(--v-muted)}
  .v-gs__body{padding:8px 14px 16px}
}
.v-gs__bar input{unicode-bidi:plaintext;text-align:start}   /* a typed phone number keeps its digit order inside a right-to-left page */
@media (max-width:900px){
  .v-gs .v-field input,.v-gs .v-field select,.v-gs .v-field textarea,.v-gs .v-search,.v-gs .v-btn,.v-gs .v-chip,#v2-wn .v-x,.v-gs .v-x{min-height:44px;font-size:14px}
  #v2-wn .v-x,.v-gs .v-x{min-width:44px}
  .v-gs__chk input{width:20px;height:20px}
  .v-gs__row{min-height:44px;justify-content:center}
}

/* ===== 2.10 (group D): BOOKING + PAYOUTS + the one-question dialog. E3 booking links (book-send.html for the team, book.html for the customer), E4 the one-question prompt and the estimate-vs-final line,
   T5 the owners-only payouts page (rep-payouts.html). All the look is here, the pages have no style block. Min text 12px; on phones inputs and buttons are 44px / 14px. ===== */
.v-btn.is-wa{background:var(--g-wa,#189C5C);color:#fff}
.v-btn.is-wa:hover{filter:brightness(.94)}
.v-btn.is-danger{background:var(--v-bad);color:#fff}
.v-btn[aria-disabled="true"]{opacity:.5;pointer-events:none}
a.v-btn{text-decoration:none}

/* the one-question dialog (_fill_extras.js): reuses .v-modal / .v-modal__box */
.v-fx{max-width:420px;width:calc(100vw - 32px);padding:22px}
.v-fx__q{margin:0 0 6px;font-size:18px;font-weight:700;color:var(--v-ink)}
.v-fx__hint{margin:0 0 14px;font-size:13px;color:var(--v-muted);line-height:1.5}
.v-fx .v-field{display:block;margin-bottom:12px}
.v-fx .v-field span{display:block;font-size:12px;color:var(--v-muted);margin-bottom:5px}
.v-fx .v-field input{width:100%;height:42px;padding:0 12px;border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-input);font:500 15px var(--v-font);background:var(--v-surface)}
.v-fx__row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}

/* estimate next to the final price on an attractions line (attr-plan.page.js) */
.v-pa-cmp{display:block;margin-top:4px;font-size:12px;color:var(--v-muted);line-height:1.4}

/* ---- booking: the team page ---- */
.v-bk{display:flex;flex-direction:column;gap:var(--v-gap);padding-bottom:40px;max-width:860px}
.v-bk-state{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:var(--v-muted)}
.v-bk-demo,.v-rp-demo{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:var(--v-r-chip);background:var(--v-info-soft);color:var(--v-info);font-size:12px;font-weight:700}
.v-bk-card{padding:18px}
.v-bk-card .v-card__sub{margin:0 0 10px;font-size:13px;color:var(--v-muted)}
.v-bk-card .v-field{display:block;margin:0 0 12px;flex:1 1 180px}
.v-bk-card .v-field span{display:block;font-size:12px;color:var(--v-muted);margin-bottom:5px}
.v-bk-card .v-field input,.v-bk-card .v-field select,.v-bk-card .v-field textarea,.v-rp-card .v-field input,.v-rp-card .v-field select,.v-rp-card .v-field textarea{width:100%;min-height:40px;padding:8px 12px;border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-input);font:500 14px var(--v-font);background:var(--v-surface);color:var(--v-ink)}
.v-bk-card .v-field textarea,.v-rp-card .v-field textarea{min-height:120px;resize:vertical;line-height:1.55}
.v-bk-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:10px 0}
.v-bk-lbl{font-size:12px;font-weight:600;color:#54617A;min-width:70px}
.v-bk-chips{display:flex;flex-wrap:wrap;gap:8px}
.v-bk-cust{margin:0 0 8px;font-size:15px;color:var(--v-ink)}
.v-bk-link{margin-top:12px;padding:12px;border-radius:12px;background:var(--v-blue-soft)}
.v-bk-link input{direction:ltr;text-align:left;font-size:13px}
.v-bk-hours{display:flex;flex-direction:column;gap:6px;margin:8px 0 12px}
.v-bk-day{display:grid;grid-template-columns:110px 1fr 1fr;gap:10px;align-items:center;padding:6px 10px;border-radius:10px;border:var(--v-bw) solid var(--v-line)}
.v-bk-day.is-on{background:var(--v-blue-soft);border-color:#C6DCFB}
.v-bk-day__on{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--v-ink)}
.v-bk-day__t{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--v-muted)}
.v-bk-day__t input{height:36px;padding:0 8px;border:var(--v-bw) solid var(--v-border);border-radius:8px;font:500 14px var(--v-font);direction:ltr}
.v-bk-adv{display:flex;flex-wrap:wrap;gap:12px}
.v-bk-dates{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:8px 0 14px}
.v-bk-date{padding:10px 12px;border-radius:12px;background:var(--v-surface-2);display:flex;flex-direction:column;gap:3px}
.v-bk-date small{font-size:12px;color:var(--v-muted)}
.v-bk-date b{font-size:14px;font-weight:600;color:var(--v-muted)}
.v-bk-date.is-set{background:var(--v-good-soft)}
.v-bk-date.is-set b{color:var(--v-ink)}
.v-bk-calls{list-style:none;margin:0 0 12px;padding:0}
.v-bk-call{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:10px 0;border-top:var(--v-bw) solid var(--v-line)}
.v-bk-call__main{display:flex;flex-direction:column;gap:3px;min-width:0}
.v-bk-call__main small{font-size:12px;color:var(--v-muted)}
.v-bk-call__tags{display:flex;flex-wrap:wrap;gap:6px}
.v-bk-tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:var(--v-r-chip);background:var(--v-surface-2);color:var(--v-ink-2);font-size:12px;font-weight:600}
.v-bk-tag.is-booked{background:var(--v-info-soft);color:var(--v-info)}
.v-bk-tag.is-done{background:var(--v-good-soft);color:var(--v-good)}
.v-bk-tag.is-cancelled{background:var(--v-bad-soft);color:var(--v-bad)}
.v-bk-add{margin-top:8px;padding-top:12px;border-top:var(--v-bw) solid var(--v-line)}
.v-bk-add h4{margin:0 0 8px;font-size:15px;color:var(--v-ink)}

/* ---- booking: the customer page ---- */
body.v-bk-page .v-g-main{max-width:720px;margin:0 auto;padding-bottom:60px}
body.v-bk-page .v-bk-cust{display:flex;flex-direction:column;gap:14px}
.v-bk-hero{padding:18px 4px 4px}
.v-bk-hero h1{margin:0;font-size:28px;line-height:1.25;font-weight:800;color:var(--g-navy,#0B1E54)}
.v-bk-hero p{margin:6px 0 0;font-size:15px;color:var(--v-muted)}
.v-bk-pick,.v-bk-done{padding:18px;background:var(--v-surface);border-radius:var(--g-card-r,14px);box-shadow:var(--g-sh,0 6px 20px rgba(25,58,96,.07))}
.v-bk-done h2{margin:0 0 4px;font-size:20px;color:var(--g-navy,#0B1E54)}
.v-bk-done p{margin:0 0 10px;font-size:14px;color:var(--v-muted)}
.v-bk-done.is-cancelled{background:var(--v-bad-soft)}
.v-bk-zone{margin-bottom:12px}
.v-bk-zone .v-field{display:block;margin:0}
.v-bk-zone .v-field span{display:block;font-size:12px;color:var(--v-muted);margin-bottom:5px}
.v-bk-zone select{width:100%;min-height:42px;padding:8px 12px;border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-input);font:500 14px var(--v-font);background:var(--v-surface)}
.v-bk-zone small{display:block;margin-top:5px;font-size:12px;color:var(--v-muted)}
.v-bk-h2{margin:14px 0 8px;font-size:17px;font-weight:700;color:var(--g-navy,#0B1E54)}
.v-bk-days{display:flex;flex-direction:column;gap:12px}
.v-bk-dayrow h3{margin:0 0 6px;font-size:14px;font-weight:700;color:var(--v-ink)}
.v-bk-times{display:flex;flex-wrap:wrap;gap:8px}
.v-bk-time{min-width:78px;height:40px;padding:0 12px;border-radius:10px;border:var(--v-bw) solid #C6DCFB;background:var(--v-surface);color:var(--g-blue,#0050F8);font:700 14px var(--v-font);cursor:pointer;direction:ltr}
.v-bk-time:hover{background:var(--v-blue-soft)}
.v-bk-time.is-on{background:var(--g-blue,#0050F8);border-color:var(--g-blue,#0050F8);color:#fff}
.v-bk-confirm{margin-top:16px;padding:14px;border-radius:12px;background:var(--v-blue-soft)}
.v-bk-q{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--v-ink)}
.v-bk-moment{margin:0 0 10px;display:flex;flex-direction:column;gap:2px}
.v-bk-moment b{font-size:18px;color:var(--g-navy,#0B1E54)}
.v-bk-moment small{font-size:12px;color:var(--v-muted)}
.v-bk-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}

/* ---- payouts (owners only) ---- */
.v-rp,.v-bk{min-width:0}
.v-rp > *,.v-bk > *{min-width:0}
.v-rp{display:flex;flex-direction:column;gap:var(--v-gap);padding-bottom:40px}
.v-rp-state{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:var(--v-muted)}
.v-rp-card{padding:18px}
.v-rp-card .v-card__sub{margin:0 0 10px;font-size:13px;color:var(--v-muted)}
.v-rp-card .v-field{display:block;margin:0 0 12px;flex:1 1 170px}
.v-rp-card .v-field span{display:block;font-size:12px;color:var(--v-muted);margin-bottom:5px}
.v-rp-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.v-rp-since{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.v-rp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.v-rp-chips .v-chip{white-space:normal;height:auto;min-height:32px;padding:6px 12px;line-height:1.45;text-align:start;max-width:100%}
.v-rp-tablewrap{overflow-x:auto}
.v-rp-table td,.v-rp-table th{white-space:nowrap}
.v-rp-lines{list-style:none;margin:10px 0;padding:0}
.v-rp-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:10px 0;border-top:var(--v-bw) solid var(--v-line)}
.v-rp-line__main{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0}
.v-rp-line__main b{font-size:14px;color:var(--v-ink)}
.v-rp-line__act{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.v-rp-line__act select{min-height:40px;max-width:360px;padding:6px 10px;border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-input);font:500 13px var(--v-font);background:var(--v-surface)}
.v-rp-why,.v-rp-cust{flex-basis:100%;font-size:12px;color:var(--v-muted);line-height:1.45}
.v-rp-pill{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:var(--v-r-chip);font-size:12px;font-weight:700;background:var(--v-surface-2);color:var(--v-ink-2)}
.v-rp-pill.is-ok{background:var(--v-good-soft);color:var(--v-good)}
.v-rp-pill.is-warn{background:var(--v-warn-soft);color:var(--v-warn)}
.v-rp-pill.is-bad{background:var(--v-bad-soft);color:var(--v-bad)}
.v-rp-pill.is-muted{background:var(--v-surface-2);color:var(--v-muted)}
.v-rp-chk{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--v-ink);cursor:pointer}
.v-rp-chk input{width:20px;height:20px}
.v-rp-total{margin:8px 0;font-size:14px;font-weight:700;color:var(--v-ink)}
.v-rp-total.is-bad{color:var(--v-bad)}
.v-rp-rate{margin:6px 0;font-size:13px;color:var(--v-muted)}
.v-rp-batches,.v-rp-rates{list-style:none;margin:0;padding:0}
.v-rp-batch{padding:12px 0;border-top:var(--v-bw) solid var(--v-line)}
.v-rp-batch__head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;color:var(--v-ink-2)}
.v-rp-rates li{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;padding:8px 0;border-top:var(--v-bw) solid var(--v-line)}
.v-rp-rates small{flex-basis:100%;font-size:12px;color:var(--v-muted)}
@media (max-width:640px){
  .v-bk-day{grid-template-columns:1fr 1fr}
  .v-bk-day__on{grid-column:1 / -1}
  .v-bk-call,.v-rp-line{grid-template-columns:1fr}
  .v-bk-hero h1{font-size:23px}
  .v-bk-card .v-field input,.v-bk-card .v-field select,.v-rp-card .v-field input,.v-rp-card .v-field select,.v-rp-card .v-field textarea,.v-fx .v-field input,.v-bk-zone select,.v-bk-day__t input{min-height:44px;font-size:14px}
  .v-bk-card .v-btn,.v-rp-card .v-btn,.v-bk-pick .v-btn,.v-bk-done .v-btn,.v-fx .v-btn,.v-bk-card .v-chip,.v-rp-card .v-chip{min-height:44px;font-size:14px}
  .v-bk-time{min-height:44px;font-size:14px}
  .v-rp-line__act select{max-width:100%;width:100%;min-height:44px;font-size:14px}
  .v-rp-chk{min-height:44px}
}

/* 2.10.2026 (fix round A, B, D): the two planner pages (hotel-quote, attr-plan) on a phone. They were 799 and 572 px wide at a 390 screen: the step line, the 4-column hotel grid, the 3-column day layout and the bottom bar did not fold. Shared CSS only, measured at 390 and 360. */
@media (max-width:860px){
  .v-pq-head{grid-template-columns:minmax(0,1fr);gap:10px}
  .v-pq-head h1{font-size:24px}
  .v-pq-head .v-btn{justify-self:start}
  .v-pq-steps{justify-self:stretch;gap:4px;font-size:12px;min-width:0}
  .v-pq-steps li{gap:5px}
  .v-pq-steps li+li::before{width:10px}
  .v-pq-steps li i{width:26px;height:26px;flex:none}
  .v-pq-body .v-pq-cols,.v-pq-cols{grid-template-columns:minmax(0,1fr)}
  .v-pq-bar{flex-wrap:wrap;gap:8px 10px}
  .v-pq-bar__note{flex-basis:100%;order:3}
  .v-pq-bar__acts{flex-wrap:wrap}
  .v-pq-grid,.v-pq-body .v-pq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v-pa-grid,.v-pa-grid.is-single,.v-pa-body .v-pa-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"rail" "days" "pick";gap:12px}
  .v-pa-pick{position:static}
  .v-pa-rail{flex-direction:row;gap:8px;overflow-x:auto;padding:2px 0 6px;max-width:100%}
  .v-pa-rail::before{display:none}
  .v-pa-rail button{flex:none}
  .v-pa-low,.v-pa-body .v-pa-page .v-pa-low{grid-template-columns:minmax(0,1fr)}
}
/* 2.10.2026 (round after the group A, B, D build): with a «כלים» group open the menu has 9 more rows. Fits without a hidden row at 1280x620, 720, 900 (measured). */
.v-app:has(.v-side__group.is-open) .v-side__art{height:0;margin-top:0;overflow:hidden}
.v-app:has(.v-side__group.is-open) .v-side__art b,.v-app:has(.v-side__group.is-open) .v-side__art small{display:none}
@media (max-height:820px){
  .v-app:has(.v-side__group.is-open) .v-side__item.is-soon{display:none}
  .v-side__sub{margin:3px 4px 3px;padding:3px}
  .v-side__subitem{height:28px}
}
@media (max-height:780px){
  .v-app:has(.v-side__group.is-open) .v-side__item{height:34px}
}
@media (max-height:700px){
  .v-app:has(.v-side__group.is-open) .v-side__item{height:30px}
  .v-side__subitem{height:24px}
  .v-side__sub{margin:2px 4px;padding:1px 2px}
}
/* 4.10.2026 (GUARD_ROUND): with the «כלים» group open and the owner's 10 sub-rows, the list was 519px in a 498px nav at 1280x620
   (payouts, rep-payouts), so the last row «התראות» sat under the nav edge. Sub-rows 26->24 and sub padding 2->1 give back ~22px. Measured by check_pages.py. */

/* ---------- קבוצה B, C6 (2.10.2026; הועבר מ-_ds_fix_crm.css ב-3.10.2026, תיקון שופט 6): ייבוא לידים מקובץ ----------
   תגיות סטטוס וגלילה לטבלת התצוגה המקדימה. רק טוקנים (אפס צבע קבוע), אותו דפוס צבעים כמו .v-pill. פונט מינימום 12px. */
.imp-sum{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 12px; }
.imp-st{ display:inline-block; padding:3px 10px; border-radius:var(--v-r-chip); font-size:12.5px; font-weight:600; line-height:1.5; background:var(--v-surface-2); color:var(--v-muted); }
.imp-st.is-new{ background:var(--v-good-soft); color:var(--v-good); }
.imp-st.is-dup{ background:var(--v-warn-soft); color:var(--v-warn); }
.imp-st.is-bad{ background:var(--v-bad-soft); color:var(--v-bad); }
.imp-scroll{ max-height:46vh; overflow:auto; border:var(--v-bw) solid var(--v-border); border-radius:var(--v-r-input); }
.imp-scroll .v-table td, .imp-scroll .v-table th{ padding:8px 10px; vertical-align:top; font-size:13px; }
.imp-why{ display:block; margin-top:4px; font-size:12px; line-height:1.5; color:var(--v-muted); }
@media (max-width:640px){ .imp-scroll .v-table td, .imp-scroll .v-table th{ font-size:14px; } .imp-st{ font-size:13px; } }

/* =====================================================================
   23. מעטפת האפליקציה (shell.html): הבלוק שישב בדף עצמו עבר לכאן (3.10.2026, MANDATE_AUDIT_FIXES.md, FINAL_AUDIT F10)
   ---------------------------------------------------------------------
   מה זה נותן: גם המעטפת (הדף שהדשבורד הישן מקשר אליו) טוענת את מערכת העיצוב האחת, בלי CSS משלה בדף.
   בלי שינוי במראה: נבדק בצילום לפני ואחרי ב-1440 וב-390 (זהה פיקסל לפיקסל) ובהשוואת סגנון מחושב של כל אלמנט.
   איך זה לא נוגע בדפים אחרים: כל כלל כאן חל רק בתוך body.app-shell (רק shell.html נושא את המחלקה), דרך :where(),
   שלא מוסיף משקל לכלל, ולכן הסדר בין הכללים נשאר בדיוק כמו כשישבו בדף.
   טוקנים: 9 טוקנים של המעטפת שערכם זהה לטוקן כאן מפנים אליו (var(--v-...)). השאר נשארו בערכם, כי הערך שלהם שונה
   מהטוקן הקרוב כאן (למשל --primary #1677F2 מול הכחול של המערכת), ושינוי שלהם היה משנה את המראה.
   ===================================================================== */
  :root:has(> body.app-shell){
    /* tokens.json */
    --page:#F6F9FD; --surface:var(--v-surface); --surface-subtle:#F1F6FC;
    --text:#10233F; --muted:#6B7890; --border:#E2EAF3;
    --navy:#0D2B4D; --navy-deep:#08213A;
    --primary:#1677F2; --primary-soft:#EAF3FF; --danger:#EC4B5F; --danger-soft:#FFF0F2;
    --success:#0FA86B; --success-soft:#E9F8F1; --warning:#F2A11B; --warning-soft:#FFF6E5;
    --r-input:var(--v-r-input); --r-card:var(--v-r-card); --r-panel:var(--v-r-panel);
    --shadow-card:var(--v-sh-card);
    --ease:var(--v-ease); --fast:var(--v-fast); --normal:var(--v-norm);
    --sidebar-w:208px; --sidebar-collapsed:72px; --topbar-h:var(--v-top);
    --page-pad:24px; --content-max:1320px;
    /* צבעים שנדגמו מתמונת הייחוס (הסרגל הכהה) */
    --sidebar-line:rgba(120,160,210,.28);
    --sidebar-text:rgba(255,255,255,.92);
    --sidebar-text-soft:#A2C7F0;
    --sidebar-active-a:#26557F; --sidebar-active-b:#1B3F67;
    --sidebar-edge:#47B0FF; --brand-blue:#00B5FF;
  }
  :where(body.app-shell), :where(body.app-shell) *{box-sizing:border-box}
  html:has(> body.app-shell),body:where(.app-shell){margin:0;height:100%}
  body:where(.app-shell){
    font-family:Heebo,Arial,sans-serif;font-size:14px;color:var(--text);
    background:var(--page);padding-inline-start:var(--sidebar-w);
    transition:padding var(--normal) var(--ease);
    -webkit-font-smoothing:antialiased;
  }
  :where(body.app-shell) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
  :where(body.app-shell) a{color:inherit;text-decoration:none}
  :where(body.app-shell) .num{direction:ltr;unicode-bidi:isolate}/* ============ הסרגל (sidebar) — בצד ימין (inline-start) ============ */

  
  :where(body.app-shell) .sidebar{
    position:fixed;top:0;bottom:0;inset-inline-start:0;width:var(--sidebar-w);z-index:var(--v-z-float);
    direction:rtl;color:var(--sidebar-text);
    display:flex;flex-direction:column;overflow:hidden;
    background:
      radial-gradient(120% 60% at 80% -5%, rgba(64,124,190,.42), transparent 55%),
      linear-gradient(180deg,#123A62 0%,var(--navy-deep) 34%,#0B2543 70%,#0A2340 100%);
    transition:width var(--normal) var(--ease);
  }
  :where(body.app-shell) .sidebar__scroll{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
  :where(body.app-shell) .sidebar__scroll::-webkit-scrollbar{display:none}/* לוגו */

  
  :where(body.app-shell) .sidebar__logo{padding:22px 16px 0;text-align:center}
  :where(body.app-shell) .logo-mark{display:block;width:62px;height:24px;margin:0 auto 6px}
  :where(body.app-shell) .wordmark{direction:ltr;font-size:24px;line-height:27px;font-weight:500;letter-spacing:.4px;color:#fff;white-space:nowrap}
  :where(body.app-shell) .wordmark b{font-weight:600;color:var(--brand-blue)}
  :where(body.app-shell) .tagline{direction:ltr;margin-top:8px;font-size:9px;line-height:12px;font-weight:500;letter-spacing:2.3px;color:rgba(245,248,252,.92);white-space:nowrap}
  :where(body.app-shell) .sidebar__line{height:1px;background:var(--sidebar-line);margin:0 20px}
  :where(body.app-shell) .sidebar__logo + .sidebar__line{margin-top:6px}/* משתמש וצוות: אווטאר בהתחלה (ימין), טקסט מיושר להתחלה, שברון בסוף */

  
  :where(body.app-shell) .sidebar__user{position:relative;padding:13px 19px 0;height:145px}
  :where(body.app-shell) .user-row{display:flex;align-items:center;gap:14px;width:100%;text-align:start}
  :where(body.app-shell) .avatar{width:46px;height:46px;border-radius:50%;flex:none;overflow:hidden;
    background:radial-gradient(circle at 50% 38%,#F1D3BF 0 30%,#C8B6A6 31% 32%,#D9D9D9 33%);
    box-shadow:0 0 0 2px rgba(255,255,255,.18)}
  :where(body.app-shell) .avatar svg{display:block;width:100%;height:100%}
  :where(body.app-shell) .user-text{text-align:start;min-width:0;flex:1 1 auto}
  :where(body.app-shell) .user-name{font-size:16px;line-height:19px;font-weight:700;color:#fff;white-space:nowrap}
  :where(body.app-shell) .user-role{font-size:13px;line-height:16px;color:#fff;white-space:nowrap}
  :where(body.app-shell) .user-row .chev{font-size:11px;color:#fff;opacity:.9;flex:none;margin-inline-end:2px}
  :where(body.app-shell) .team-pill{
    margin-top:9px;height:34px;width:134px;padding-inline:9px 8px;border-radius:999px;
    display:flex;align-items:center;gap:9px;
    border:1px solid rgba(120,170,230,.55);
    background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
    box-shadow:0 0 12px rgba(80,150,255,.18);
  }
  :where(body.app-shell) .team-pill .flag{width:20px;height:20px;border-radius:50%;flex:none}
  :where(body.app-shell) .team-pill .lbl{flex:1 1 auto;text-align:center;font-size:13px;font-weight:700;color:#fff;white-space:nowrap}
  :where(body.app-shell) .team-pill .chev{font-size:11px;color:var(--sidebar-text-soft)}
  :where(body.app-shell) .motto{direction:ltr;text-align:start;margin:7px 2px 0 0;font-size:10px;line-height:14px;color:var(--sidebar-text-soft);white-space:nowrap}
  :where(body.app-shell) .route{position:absolute;inset-inline:0;bottom:0;width:100%;height:44px;pointer-events:none}
  :where(body.app-shell) .route .plane{position:absolute;inset-inline-end:20px;top:-2px;font-size:19px;color:var(--sidebar-text-soft);transform:scaleX(-1) rotate(-38deg)}/* ניווט ראשי: אייקון בהתחלה (ימין), תווית אחריו, פס-הדגשה בסוף (הצד של התוכן) */

  
  :where(body.app-shell) .sidebar__nav{padding:0;margin:0;list-style:none}
  :where(body.app-shell) .sidebar-item{
    position:relative;display:flex;align-items:center;height:44px;
    margin-inline:19px 9px;padding-inline:13px 31px;border-radius:12px;
    color:var(--sidebar-text);transition:background var(--fast) var(--ease),color var(--fast) var(--ease);
  }
  :where(body.app-shell) .sidebar-item:hover{background:rgba(255,255,255,.06);color:#fff}
  :where(body.app-shell) .sidebar-item:focus-visible{outline:2px solid var(--sidebar-edge);outline-offset:-2px}
  :where(body.app-shell) .sidebar-item .ico{width:22px;font-size:19px;text-align:center;flex:none;color:#fff}
  :where(body.app-shell) .sidebar-item .lbl{flex:1 1 auto;text-align:start;font-size:15px;font-weight:500;white-space:nowrap;
    overflow:hidden;text-overflow:ellipsis;margin-inline-start:12px}
  :where(body.app-shell) .sidebar-item.is-active{
    color:#fff;
    background:linear-gradient(180deg,var(--sidebar-active-a),var(--sidebar-active-b));
    box-shadow:inset 0 0 0 1px rgba(140,190,255,.14),0 8px 20px rgba(0,10,30,.28);
  }
  :where(body.app-shell) .sidebar-item.is-active .lbl{font-weight:700}
  :where(body.app-shell) .sidebar-item.is-active::after{content:"";position:absolute;top:6px;bottom:6px;inset-inline-end:0;width:3px;border-radius:3px;background:var(--sidebar-edge);
    box-shadow:0 0 10px rgba(71,176,255,.9)}/* קבוצה תחתונה */

  
  :where(body.app-shell) .sidebar__lower{padding:8px 0 4px;margin:0;list-style:none}
  :where(body.app-shell) .sidebar__lower .sidebar-item{height:36px;padding-inline:13px 10px;border-radius:10px}
  :where(body.app-shell) .sidebar__lower .sidebar-item .ico{font-size:18px}
  :where(body.app-shell) .sidebar__lower .sidebar-item .lbl{flex:0 1 auto;font-size:13px;margin-inline-start:10px;text-align:start}
  :where(body.app-shell) .badge{
    margin-inline-start:9px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;
    background:var(--danger);color:#fff;font-size:12px;font-weight:700;line-height:20px;text-align:center;
    box-shadow:0 2px 8px rgba(236,75,95,.45)
  }/* איור בתחתית: מתחת לניווט, לא מאחורי טקסט.
     הקובץ הוא חיתוך ברזולוציה טבעית (310×162) מתמונת הייחוס, בלי הגדלה. ברוחב 208 הוא מוקטן (×0.67);
     במסך רטינה (2x) הסרגל צריך 416px רוחב, ולכן שם הוא מוגדל ×1.34. זו המגבלה של המקור, לא של הקוד. */

  
  :where(body.app-shell) .sidebar__art{position:relative;flex:none;margin-top:auto;height:200px}
  :where(body.app-shell) .sidebar__art img{position:absolute;inset-inline:0;top:0;width:100%;height:118px;object-fit:cover;object-position:center 30%}
  :where(body.app-shell) .sidebar__art::before{content:"";position:absolute;inset-inline:0;top:0;height:40px;z-index:1;
    background:linear-gradient(180deg,#0B2543 0%,rgba(11,37,67,.55) 50%,transparent 100%)}
  :where(body.app-shell) .sidebar__art::after{content:"";position:absolute;inset-inline:0;top:70px;bottom:0;
    background:linear-gradient(180deg,transparent 0%,rgba(9,31,56,.85) 48px,#0A2340 100%)}
  :where(body.app-shell) .art-caption{position:absolute;inset-inline:23px 12px;bottom:14px;z-index:1;direction:ltr;text-align:left}
  :where(body.app-shell) .art-caption .en{font-size:13px;line-height:16px;font-weight:600;letter-spacing:.6px;color:#fff}
  :where(body.app-shell) .art-caption .bar{width:40px;height:2px;margin:8px 0 8px;background:var(--brand-blue);border-radius:2px}
  :where(body.app-shell) .art-caption .he{direction:rtl;display:inline-block;font-size:14px;line-height:16px;font-weight:500;color:#fff;text-align:left}/* ============ פס עליון: מראה של הסרגל. כיווץ ליד הסרגל, חיפוש בקצה הרחוק ============ */

  
  :where(body.app-shell) .topbar{
    position:sticky;top:0;z-index:var(--v-z-bar);height:var(--topbar-h);direction:rtl;
    display:flex;align-items:center;gap:16px;padding:0 var(--page-pad);
    background:rgba(255,255,255,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    border-bottom:1px solid rgba(226,234,243,.9);
  }
  :where(body.app-shell) .icon-btn{width:40px;height:40px;border-radius:var(--r-input);display:grid;place-items:center;color:var(--muted);font-size:16px;
    position:relative;transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}
  :where(body.app-shell) .icon-btn:hover{background:var(--surface-subtle);color:var(--text)}
  :where(body.app-shell) .icon-btn:focus-visible{outline:2px solid var(--primary);outline-offset:1px}
  :where(body.app-shell) .icon-btn .dot{position:absolute;top:9px;inset-inline-start:10px;width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 2px #fff}
  :where(body.app-shell) .user-ctl{display:flex;align-items:center;gap:10px;height:44px;padding:0 6px;border-radius:var(--r-input);margin-inline-start:8px}
  :where(body.app-shell) .user-ctl:hover{background:var(--surface-subtle)}
  :where(body.app-shell) .user-ctl .avatar{width:34px;height:34px;box-shadow:0 0 0 1px var(--border)}
  :where(body.app-shell) .user-ctl .t{text-align:start;line-height:1.15}
  :where(body.app-shell) .user-ctl .n{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap}
  :where(body.app-shell) .user-ctl .r{font-size:11px;color:var(--muted);white-space:nowrap}
  :where(body.app-shell) .user-ctl .chev{font-size:10px;color:var(--muted);margin-inline-start:4px}
  :where(body.app-shell) .topbar__spacer{flex:1 1 auto}
  :where(body.app-shell) .search{display:flex;align-items:center;gap:10px;height:38px;width:360px;max-width:38vw;
    padding-inline:12px 14px;border-radius:var(--r-input);background:var(--surface-subtle);border:1px solid var(--border)}
  :where(body.app-shell) .search i{color:var(--muted);font-size:14px}
  :where(body.app-shell) .search input{flex:1 1 auto;min-width:0;border:0;background:transparent;font:inherit;font-size:14px;color:var(--text);outline:0}
  :where(body.app-shell) .search input::placeholder{color:#8E9AB0}
  :where(body.app-shell) .search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}/* ============ אזור התוכן ============ */

  
  :where(body.app-shell) .page{padding:var(--page-pad);max-width:calc(var(--content-max) + 2*var(--page-pad));margin:0 auto}
  :where(body.app-shell) .placeholder{
    height:calc(100vh - var(--topbar-h) - 2*var(--page-pad));min-height:420px;
    border-radius:var(--r-card);background:var(--surface);border:1px solid var(--border);
    padding:12px;box-shadow:var(--shadow-card)
  }
  :where(body.app-shell) .placeholder > div{height:100%;border-radius:12px;border:1.5px dashed #C9D6EA;background:var(--surface-subtle)}/* ============ SHARED ActionCenter («מה דורש טיפול היום?») — רכיב משותף לכל הדפים ============
     גבול הרכיב: <section class="card attn" data-component="ActionCenter">. כל דף מעתיק את הבלוק הזה כמו שהוא.
     קבוע: הכותרת, הרצועה הצבועה, האנטומיה של השורה (אייקון-חומרה · כותרת · מספר · שורת-הסבר · כסף · כפתור-פועל), גובה 64-76.
     משתנה: השורות עצמן (מה דורש טיפול בדף הזה) והיעד של כל כפתור. */

  
  :where(body.app-shell) .attn{padding:14px 16px 12px;background:linear-gradient(180deg,#FFF5F6 0%,#FFFFFF 100%);border-color:#F6D9DE}
  :where(body.app-shell) .attn__head{display:flex;align-items:center;gap:10px;margin:0 0 8px}
  :where(body.app-shell) .attn__head .flash{width:30px;height:30px;border-radius:50%;background:var(--danger-soft);color:var(--danger);display:grid;place-items:center;font-size:14px;flex:none}
  :where(body.app-shell) .attn__title{font-size:18px;font-weight:700;margin:0;flex:1 1 auto}
  :where(body.app-shell) .attn__row{display:flex;align-items:center;gap:10px;min-height:66px;padding:8px 10px;border-radius:12px;background:#fff;border:1px solid var(--border);margin-bottom:6px;width:100%;text-align:start}
  :where(body.app-shell) .attn__sev{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:14px;flex:none}
  :where(body.app-shell) .attn__sev.bad{background:var(--danger-soft);color:var(--danger)} :where(body.app-shell) .attn__sev.warn{background:var(--warning-soft);color:#D98A00} :where(body.app-shell) .attn__sev.mute{background:#EEF2F8;color:var(--muted)}
  :where(body.app-shell) .attn__row .t{flex:1 1 auto;min-width:0}
  :where(body.app-shell) .attn__row .t b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  :where(body.app-shell) .attn__row .t span{display:block;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
  :where(body.app-shell) .attn__row .t em{font-style:normal;font-weight:600;color:var(--text)}
  :where(body.app-shell) .attn__n{font-size:20px;font-weight:700;line-height:1;flex:none;min-width:34px;text-align:center}
  :where(body.app-shell) .attn__n.bad{color:var(--danger)} :where(body.app-shell) .attn__n.warn{color:#D98A00} :where(body.app-shell) .attn__n.mute{color:var(--muted);font-size:14px}
  :where(body.app-shell) .attn__go{flex:none;height:32px;padding:0 10px;border-radius:8px;border:1px solid #CFE2FB;color:var(--primary);font-size:12px;font-weight:600;background:#fff;white-space:nowrap}
  :where(body.app-shell) .attn__go:hover{background:var(--primary-soft)}
  :where(body.app-shell) .attn__all{width:100%;height:36px;border-radius:10px;background:var(--primary);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;box-shadow:0 6px 16px rgba(22,119,242,.25)}
  :where(body.app-shell) .attn__all:hover{background:#0F66D8}/* ============ סוף SHARED ActionCenter ============ *//* ============ מצב מכווץ (72px) ============ */
  

  
  body:where(.app-shell).is-collapsed{padding-inline-start:var(--sidebar-collapsed)}
  body:where(.app-shell).is-collapsed .sidebar{width:var(--sidebar-collapsed)}
  body:where(.app-shell).is-collapsed .sidebar__logo{padding:18px 0 0}
  body:where(.app-shell).is-collapsed .sidebar__logo .logo-mark{width:44px;height:18px;margin-bottom:0}
  body:where(.app-shell).is-collapsed .wordmark,body:where(.app-shell).is-collapsed .tagline,
  body:where(.app-shell).is-collapsed .user-text,body:where(.app-shell).is-collapsed .user-row .chev,
  body:where(.app-shell).is-collapsed .team-pill,body:where(.app-shell).is-collapsed .motto,body:where(.app-shell).is-collapsed .route,
  body:where(.app-shell).is-collapsed .sidebar-item .lbl,body:where(.app-shell).is-collapsed .art-caption{display:none}
  body:where(.app-shell).is-collapsed .sidebar__logo + .sidebar__line{margin-top:12px}
  body:where(.app-shell).is-collapsed .sidebar__line{margin:0 14px}
  body:where(.app-shell).is-collapsed .sidebar__user{height:auto;padding:14px 0 12px}
  body:where(.app-shell).is-collapsed .user-row{justify-content:center}
  body:where(.app-shell).is-collapsed .user-row .avatar{width:40px;height:40px}
  body:where(.app-shell).is-collapsed .sidebar-item{margin-inline:12px;padding:0;justify-content:center}
  body:where(.app-shell).is-collapsed .sidebar-item.is-active::after{inset-inline-end:-6px}
  body:where(.app-shell).is-collapsed .sidebar__lower .sidebar-item{padding:0}
  body:where(.app-shell).is-collapsed .badge{position:absolute;top:2px;inset-inline-end:8px;margin:0;min-width:17px;height:17px;line-height:17px;font-size:11px;padding:0 4px}
  body:where(.app-shell).is-collapsed .sidebar__art{height:100px}
  body:where(.app-shell).is-collapsed .sidebar__art img{height:100px;object-position:12% 30%}
  body:where(.app-shell).is-collapsed .sidebar__art::after{top:40px}/* טולטיפ: רק במצב מכווץ, בריחוף/פוקוס, לצד התוכן (הסוף) */
  
  body:where(.app-shell).is-collapsed .sidebar-item::before{
    content:attr(data-label);position:absolute;inset-inline-end:calc(100% + 14px);top:50%;transform:translateY(-50%) translateX(4px);
    direction:rtl;white-space:nowrap;font-size:13px;font-weight:500;color:#fff;background:var(--navy);
    padding:6px 10px;border-radius:8px;box-shadow:0 8px 20px rgba(13,43,77,.25);
    opacity:0;pointer-events:none;transition:opacity var(--fast) var(--ease),transform var(--fast) var(--ease);z-index:5
  }
  body:where(.app-shell).is-collapsed .sidebar-item:hover::before,body:where(.app-shell).is-collapsed .sidebar-item:focus-visible::before{opacity:1;transform:translateY(-50%) translateX(0)}
  body:where(.app-shell).is-collapsed .sidebar__scroll{overflow:visible}/* ============ מובייל: בלי סרגל, ניווט תחתון ============ */

  
  :where(body.app-shell) .mobile-only{display:none}
  :where(body.app-shell) .bottom-nav,:where(body.app-shell) .sheet,:where(body.app-shell) .sheet__scrim{display:none}
  @media (max-width:767px){
    body:where(.app-shell),body:where(.app-shell).is-collapsed{padding-inline-start:0;padding-bottom:calc(64px + env(safe-area-inset-bottom))}
    :where(body.app-shell) .sidebar,:where(body.app-shell) .desktop-only{display:none!important}
    :where(body.app-shell) .mobile-only{display:flex}/* פס עליון במובייל: רשת של שלושה טורים קבועים, לא תלויה בכיוון או בסדר. פעמון משמאל, לוגו במרכז, אווטאר מימין, כמו בייחוס hotels_mobile.png */
    
    :where(body.app-shell) .topbar{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;justify-items:center;
      height:56px;width:100%;max-width:100vw;padding:0 16px;gap:8px;direction:ltr;left:0;right:0;overflow:hidden}
    :where(body.app-shell) .topbar .icon-btn{width:44px;height:44px;justify-self:start}
    :where(body.app-shell) .topbar .m-logo{justify-self:center}
    :where(body.app-shell) .topbar .user-ctl{justify-self:end}
    :where(body.app-shell) .topbar .user-ctl .t,:where(body.app-shell) .topbar .user-ctl .chev{display:none}
    :where(body.app-shell) .topbar .user-ctl{padding:0;margin:0;width:44px;height:44px;justify-content:center}
    :where(body.app-shell) .m-logo{display:flex;flex-direction:column;align-items:center;gap:2px;direction:ltr}
    :where(body.app-shell) .m-logo .wordmark{font-size:19px;line-height:20px;color:var(--navy);font-weight:600}
    :where(body.app-shell) .m-logo .wordmark b{color:var(--primary)}
    :where(body.app-shell) .m-logo .tagline{margin:0;font-size:7px;letter-spacing:1.8px;color:var(--muted)}
    :where(body.app-shell) .icon-btn .m-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;line-height:16px;padding:0 4px;border-radius:999px;
      background:var(--danger);color:#fff;font-size:10px;font-weight:700;text-align:center;box-shadow:0 0 0 2px #fff}
    :where(body.app-shell) .page{padding:16px}
    :where(body.app-shell) .placeholder{height:calc(100vh - 56px - 32px - 64px - env(safe-area-inset-bottom));min-height:320px}
    :where(body.app-shell) .bottom-nav{
      display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:var(--v-z-float);
      height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);
      background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
      border-top:1px solid var(--border)
    }
    :where(body.app-shell) .bottom-nav a,:where(body.app-shell) .bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
      min-height:44px;height:64px;color:var(--muted);font-size:11px;font-weight:500;position:relative}
    :where(body.app-shell) .bottom-nav .ico{font-size:21px;line-height:22px}
    :where(body.app-shell) .bottom-nav .is-active{color:var(--primary)}
    :where(body.app-shell) .bottom-nav .is-active .ico{font-weight:900}
    :where(body.app-shell) .bottom-nav .is-active::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--primary)}
    :where(body.app-shell) .bottom-nav .m-badge{position:absolute;top:8px;left:calc(50% + 6px);min-width:16px;height:16px;line-height:16px;padding:0 4px;border-radius:999px;
      background:var(--danger);color:#fff;font-size:10px;font-weight:700;text-align:center}/* גיליון «עוד» */
    
    :where(body.app-shell) .sheet__scrim{position:fixed;inset:0;z-index:var(--v-z-scrim);background:rgba(13,43,77,.35);opacity:0;transition:opacity var(--normal) var(--ease)}
    :where(body.app-shell) .sheet{position:fixed;left:0;right:0;bottom:0;z-index:var(--v-z-drawer);background:var(--surface);border-radius:var(--r-panel) var(--r-panel) 0 0;
      padding:8px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -16px 40px rgba(13,43,77,.14);
      transform:translateY(100%);transition:transform var(--normal) var(--ease)}
    body:where(.app-shell).sheet-open .sheet,body:where(.app-shell).sheet-open .sheet__scrim{display:block}
    body:where(.app-shell).sheet-open.sheet-in .sheet{transform:none}
    body:where(.app-shell).sheet-open.sheet-in .sheet__scrim{opacity:1}
    :where(body.app-shell) .sheet__grip{width:40px;height:4px;border-radius:2px;background:#D5DEEA;margin:0 auto 10px}
    :where(body.app-shell) .sheet ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
    :where(body.app-shell) .sheet li a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:68px;border-radius:12px;
      font-size:12px;font-weight:500;color:var(--text);position:relative}
    :where(body.app-shell) .sheet li a:active{background:var(--surface-subtle)}
    :where(body.app-shell) .sheet li .ico{width:40px;height:40px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:17px}
    :where(body.app-shell) .sheet li .m-badge{position:absolute;top:6px;left:calc(50% + 8px)}
  }/* ============ תצוגת מובייל בתוך הדסקטופ (מסגרת טלפון עם iframe) ============ */
  
  :where(body.app-shell) .phone-overlay{display:none;position:fixed;inset:0;z-index:var(--v-z-overlay);background:rgba(13,43,77,.45);backdrop-filter:blur(4px);align-items:center;justify-content:center}
  body:where(.app-shell).phone-open .phone-overlay{display:flex}
  :where(body.app-shell) .phone{width:434px; /* 390 פנימי + מסגרת 2×22 */height:min(844px,calc(100vh - 48px));background:#fff;border-radius:44px;padding:12px;box-shadow:0 30px 80px rgba(0,0,0,.45);position:relative;
    border:10px solid #1B1F26}
  :where(body.app-shell) .phone iframe{width:100%;height:100%;border:0;border-radius:32px;background:var(--page)}
  :where(body.app-shell) .phone-close{position:absolute;top:-52px;inset-inline-end:0;color:#fff;font-size:15px;font-weight:500;display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:10px;background:rgba(255,255,255,.14)}
  body:where(.app-shell).is-embed #mobilePreviewBtn{display:none}
  @media (max-width:767px){:where(body.app-shell) .phone-overlay{display:none!important}}
  @media (prefers-reduced-motion:reduce){:where(body.app-shell), :where(body.app-shell) *{transition:none!important}}
/* המעטפת לא טענה את הקובץ הזה עד היום, ולכן שני כללים שנכתבו כאן בשבילה (סעיף «בקרוב», .sidebar-item.is-soon ו-.v-soon)
   מעולם לא הוצגו בה. כדי שהמעבר לא ישנה מראה הם מבוטלים במעטפת בלבד. אם רוצים את המראה המתוכנן של «בקרוב»: למחוק את שתי השורות. */
body.app-shell .sidebar-item.is-soon{opacity:1;cursor:auto;pointer-events:auto}
body.app-shell .v-soon{all:revert;box-sizing:border-box}
/* ============ סוף 23. מעטפת האפליקציה ============ */

/* ============ 24. DOCK — הסרגל המהיר בתחתית (ו.17, NV-2026-10-03-016, 3.10.2026) ============
   הייחוס: ה-Dock של המק במחשב הזה, צולם 3.10.2026 (1920x1080, נקודה = פיקסל, tilesize=49, בלי הגדלה). כל ערך נמדד מהצילום, חוץ ממה שמסומן «נבחר»:
     מדף: גובה 64 (y 41..104) · פינה 18 (העמודה השמאלית מגיעה ל-x=324 רק ב-y=58) · 5 פיקסל מתחתית המסך · שוליים לרוחב 9 עד הסמל
     סמל: 41 רוחב נראה (Chrome 516..557), מרווח נראה 12 בין סמלים (557→569), כלומר צעד 53 (נקודות ב-588.5/641.5/694.5)
     נקודת «פתוח»: 4x4, 8 פיקסל מתחת לסמל (99..102), 2 פיקסל מעל קצה המדף · מפריד: קו 1 על 48 (y 49..96), 18 פיקסל מכל צד
     מדף כהה בצילום: מעל הרקע +21 בהירות (לבן ~9% עם טשטוש), קו פנימי +33 (לבן ~18%). אצלנו הרקע בהיר, ולכן הגרסה הבהירה של אותו מדף (נבחר, לא נמדד).
     הגדלה בריחוף: כבויה במק הזה. העקומה (קוסינוס, עד x1.45, טווח 2.5 סמלים מכל צד) נבחרה לפי ההתנהגות של המק, לא נמדדה. ריחוף על תווית: לא צולם, תואר.
   הסמלים שלנו (הספרייט של מערכת העיצוב על אריח צבעוני בצבעי המערכת), בלי שום נכס של אפל. ההתנהגות ב-_dock.js. */
.v-dock{position:fixed;left:50%;bottom:5px;transform:translateX(-50%);z-index:var(--v-z-dock);font-family:var(--v-font);direction:rtl}
.v-dock[hidden]{display:none}
.v-dock__shelf{display:flex;align-items:flex-end;gap:12px;height:64px;box-sizing:border-box;padding:0 9px 14px;border-radius:18px;
  background:rgba(246,248,252,.62);-webkit-backdrop-filter:blur(30px) saturate(1.8);backdrop-filter:blur(30px) saturate(1.8);
  border:1px solid rgba(255,255,255,.7);box-shadow:0 0 0 .5px rgba(14,31,58,.16),0 10px 30px rgba(13,43,77,.18)}
.v-dock__it{--s:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:none;
  width:calc(41px * var(--s));padding:0;margin:0;border:0;background:none;cursor:pointer;color:inherit;text-decoration:none;
  transition:width 90ms ease-out}
.v-dock__tile{position:relative;display:grid;place-items:center;width:calc(41px * var(--s));height:calc(41px * var(--s));
  border-radius:calc(9.2px * var(--s));color:#fff;transition:width 90ms ease-out,height 90ms ease-out;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.08),0 1px 2px rgba(13,43,77,.22),0 3px 8px rgba(13,43,77,.14)}
.v-dock__tile svg{width:calc(22px * var(--s));height:calc(22px * var(--s));stroke-width:2}
.v-dock__tile.is-blue{background:linear-gradient(180deg,#3E86F7,#0A58DE)}
.v-dock__tile.is-purple{background:linear-gradient(180deg,#8E66EE,#6D3FD1)}
.v-dock__tile.is-red{background:linear-gradient(180deg,#F06B74,#D93A47)}
.v-dock__tile.is-green{background:linear-gradient(180deg,#2FBF80,#12925A)}
.v-dock__tile.is-teal{background:linear-gradient(180deg,#2BB5C8,#1C7FA8)}
.v-dock__tile.is-slate{background:linear-gradient(180deg,#8D9AB0,#5B6880)}
.v-dock__dot{position:absolute;left:50%;bottom:-12px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:rgba(14,31,58,.62);opacity:0}
.v-dock__it.is-here .v-dock__dot,.v-dock__it.is-open .v-dock__dot{opacity:1}
.v-dock__badge{position:absolute;top:-6px;inset-inline-end:-7px;min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:10px;
  background:var(--v-bad);color:#fff;font:700 11.5px/20px var(--v-font);text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.v-dock__badge[hidden]{display:none}
.v-dock__lbl{display:none}
.v-dock__tip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);white-space:nowrap;pointer-events:none;opacity:0;
  padding:4px 10px;border-radius:7px;font:500 13px/1.35 var(--v-font);color:var(--v-ink);background:rgba(250,251,253,.94);
  -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 0 .5px rgba(14,31,58,.16),0 4px 14px rgba(13,43,77,.18);transition:opacity 80ms}
.v-dock__tip::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:rgba(250,251,253,.94)}
.v-dock__it:hover .v-dock__tip,.v-dock__it:focus-visible .v-dock__tip{opacity:1}
.v-dock__it.is-open .v-dock__tip{opacity:0}
.v-dock__it:focus{outline:none}
.v-dock__it:focus-visible .v-dock__tile{outline:2px solid var(--v-blue);outline-offset:3px}
.v-dock__sep{align-self:stretch;width:1px;margin:7px 6px -7px;background:rgba(14,31,58,.18);flex:none}
.v-dock__hide{align-self:center;margin-bottom:-7px;width:26px;height:26px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;
  background:rgba(14,31,58,.07);color:#5B6880;flex:none}
.v-dock__hide:hover{background:rgba(14,31,58,.13);color:var(--v-ink)}
.v-dock__hide:focus-visible{outline:2px solid var(--v-blue);outline-offset:2px}
.v-dock-handle{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:var(--v-z-dock);width:72px;height:22px;border-radius:11px 11px 0 0;
  display:grid;place-items:center;cursor:pointer;color:#5B6880;border:1px solid rgba(255,255,255,.7);border-bottom:0;
  background:rgba(246,248,252,.72);-webkit-backdrop-filter:blur(30px) saturate(1.8);backdrop-filter:blur(30px) saturate(1.8);
  box-shadow:0 0 0 .5px rgba(14,31,58,.16),0 -4px 14px rgba(13,43,77,.12)}
.v-dock-handle.is-on{display:none}
.v-dock-handle:hover{color:var(--v-ink)}
.v-dock-handle:focus-visible{outline:2px solid var(--v-blue);outline-offset:2px}
/* the page never hides content behind the bar: room at the bottom while it shows */
body.has-dock-ui .v-main{padding-bottom:30px}
body.has-dock-ui.has-dock .v-main{padding-bottom:96px}
/* 7.10 (FIX_R1, F-01): a bar that sticks to the bottom of the page (quote pages) sits ABOVE the quick bar, never under it */
body.has-dock-ui.has-dock .v-pq-bar{bottom:84px}
/* the small window above an icon (the Mac «stack»): list of recent cards + search, my open files, call, tools */
.v-dock__pop{position:fixed;z-index:var(--v-z-dock-pop);width:min(340px,calc(100vw - 16px));box-sizing:border-box;
  border-radius:14px;background:rgba(250,251,253,.93);-webkit-backdrop-filter:blur(30px) saturate(1.8);backdrop-filter:blur(30px) saturate(1.8);
  box-shadow:0 0 0 .5px rgba(14,31,58,.16),0 18px 50px rgba(13,43,77,.24);font-family:var(--v-font);direction:rtl;color:var(--v-ink)}
.v-dock__in{max-height:min(62vh,470px);overflow:auto;padding:12px 12px 10px;box-sizing:border-box}
.v-dock__arrow{position:absolute;top:100%;left:var(--arrow-x,50%);margin-left:-8px;width:0;height:0;border:8px solid transparent;border-top-color:rgba(250,251,253,.93)}
.v-dock__head{display:flex;align-items:center;gap:8px;margin:0 2px 8px}
.v-dock__head h3{margin:0;flex:1;font-size:15px;font-weight:700}
.v-dock__search{display:flex;gap:8px;align-items:center;margin-bottom:10px}
.v-dock__search .v-search{flex:1;min-width:0;max-width:none}
.v-dock__search .v-btn{flex:none;min-height:40px}
.v-dock__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.v-dock__row{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 8px;border-radius:9px;color:var(--v-ink);text-decoration:none}
.v-dock__row:hover{background:rgba(10,88,222,.08)}
.v-dock__row:focus-visible{outline:2px solid var(--v-blue);outline-offset:-2px}
.v-dock__row.is-off{opacity:.65;cursor:not-allowed}
.v-dock__ava{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--v-blue-soft);color:var(--v-blue)}
.v-dock__nm{display:flex;flex-direction:column;min-width:0;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v-dock__nm small{font-size:12px;font-weight:400;color:var(--v-muted);overflow:hidden;text-overflow:ellipsis}
.v-dock__msg{margin:4px 2px 8px;font-size:13px;line-height:1.55;color:#54617A}
.v-dock__msg.is-bad{color:var(--v-bad)}
.v-dock__msg.is-demo{color:var(--v-amber)}
.v-dock__more{display:inline-block;margin:8px 8px 2px;font-size:13px;font-weight:600;color:var(--v-blue);text-decoration:none}
.v-dock__more:focus-visible,.v-dock__wide:focus-visible{outline:2px solid var(--v-blue);outline-offset:2px}
.v-dock__wide{display:flex;justify-content:center;width:100%;box-sizing:border-box;margin-bottom:10px;text-decoration:none}
.v-dock__pop.is-tools{width:min(430px,calc(100vw - 16px))}
.v-dock__shortcut-manage{margin-top:10px;padding-top:8px;border-top:1px solid rgba(14,31,58,.1)}
.v-dock__shortcut-manage summary{display:flex;align-items:center;min-height:44px;padding:0 8px;border-radius:9px;cursor:pointer;font-size:13px;font-weight:650;color:#46546D;list-style:none}
.v-dock__shortcut-manage summary::-webkit-details-marker{display:none}
.v-dock__shortcut-manage summary:hover{background:rgba(10,88,222,.06)}
.v-dock__shortcut-manage summary:focus-visible{outline:2px solid var(--v-blue);outline-offset:-2px}
.v-dock__section-anchor{display:block;position:relative;top:-92px;height:0;overflow:hidden;pointer-events:none}
.v-option-bank{display:grid;gap:6px;min-width:0}.v-option-bank>select{width:100%}.v-option-bank__open{justify-self:start;border:0;background:transparent;color:var(--v-blue);font:600 12px/1.4 inherit;padding:10px 4px;min-height:44px;cursor:pointer}.v-option-bank__open:hover{text-decoration:underline}.v-option-bank__open:focus-visible{outline:2px solid var(--v-blue);outline-offset:2px;border-radius:6px}.v-option-bank>select:disabled+.v-option-bank__open{display:none}.v-option-bank__add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px;border:1px solid var(--v-line);border-radius:10px;background:var(--v-surface-2)}.v-option-bank__add[hidden]{display:none}.v-option-bank__status{color:var(--v-muted)}.v-option-bank__add .v-btn{min-height:44px}.v-option-bank__add input{min-width:0}
.v-dock__shortcut-manage summary span{flex:1}
.v-dock__shortcut-manage summary small{display:grid;place-items:center;min-width:32px;height:24px;border-radius:12px;background:#EDF2F8;color:#63718A;font-size:11px}
.v-dock__shortcut-body{padding:4px 4px 2px}
.v-dock__shortcut-body>p{margin:2px 4px 8px;color:#63718A;font-size:12.5px;line-height:1.45}
.v-dock__shortcut-list,.v-dock__shortcut-options{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.v-dock__shortcut-list{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(14,31,58,.08)}
.v-dock__shortcut-list li,.v-dock__shortcut-options li{display:flex;align-items:center;gap:8px;min-height:48px;padding:2px 4px;border-radius:9px}
.v-dock__shortcut-options li:hover{background:rgba(10,88,222,.05)}
.v-dock__shortcut-options li[hidden]{display:none}
.v-dock__shortcut-actions{display:flex;gap:2px;flex:none}
.v-dock__shortcut-actions button,.v-dock__shortcut-options button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:9px;background:transparent;color:#60708A;cursor:pointer;flex:none}
.v-dock__shortcut-actions button:hover,.v-dock__shortcut-options button:hover{background:rgba(10,88,222,.09);color:var(--v-blue)}
.v-dock__shortcut-actions button:focus-visible,.v-dock__shortcut-options button:focus-visible{outline:2px solid var(--v-blue);outline-offset:-2px}
.v-dock__shortcut-actions button:disabled,.v-dock__shortcut-options button:disabled{opacity:.28;cursor:not-allowed}
.v-dock__shortcut-search{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;margin:8px 0;border:1px solid var(--v-border);border-radius:10px;background:#fff;color:#71809A}
.v-dock__shortcut-search:focus-within{border-color:var(--v-blue);box-shadow:0 0 0 2px rgba(10,88,222,.12)}
.v-dock__shortcut-search input{width:100%;height:42px;padding:0;border:0;outline:0;background:transparent;font:inherit;color:var(--v-ink)}
.v-dock__shortcut-cap{display:block;margin:10px 5px 4px;font-size:12px;color:#63718A}
.v-dock__shortcut-options{max-height:220px;overflow:auto}
.v-dock__it.is-shortcut .v-dock__tile{filter:saturate(.78)}
@media (prefers-reduced-motion:reduce){ .v-dock__it,.v-dock__tile,.v-dock__tip{transition:none} }
/* phone (390): no room for a shelf over the page all the time. The bar sits behind one round button (the mirror of the tools button), and opens above it
   with a short word under each icon (a phone has no hover, so no floating label). Remembered per person, separately from the computer. */
@media (max-width:900px){
  .v-dock{bottom:calc(136px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}
  .v-dock__shelf{height:auto;gap:4px;padding:8px 8px 6px;align-items:flex-start}
  .v-dock__shelf{max-width:calc(100vw - 24px);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
  .v-dock__it{--s:1 !important;width:52px;min-height:62px;justify-content:flex-start;gap:4px}
  .v-dock__tile{width:40px;height:40px;border-radius:9px}
  .v-dock__tile svg{width:21px;height:21px}
  .v-dock__lbl{display:block;font:500 12px/1.2 var(--v-font);color:var(--v-ink);white-space:nowrap}
  .v-dock__it.is-here .v-dock__lbl{font-weight:700;color:var(--v-blue)}
  .v-dock__tip,.v-dock__dot,.v-dock__hide{display:none}
  .v-dock__sep{margin:6px 2px;align-self:stretch}
  .v-dock-handle,.v-dock-handle.is-on{display:grid;left:auto;transform:none;inset-inline-start:14px;bottom:calc(84px + env(safe-area-inset-bottom));
    width:44px;height:44px;border-radius:50%;border:var(--v-bw) solid var(--v-border);background:var(--v-surface);color:#5B6880;box-shadow:var(--v-sh-float)}
  .v-dock-handle.is-on{color:var(--v-blue)}
  body.has-dock-ui .v-main{padding-bottom:140px}
  body.has-dock-ui.has-dock-phone .v-main{padding-bottom:236px}
  body.has-dock-ui .v-pq-bar{bottom:136px}
  body.has-dock-ui.has-dock-phone .v-pq-bar{bottom:236px}
  .v-dock__in{max-height:min(56vh,440px)}
}
/* ============ סוף 24. DOCK ============ */

/* ===== 4.10.2026 (ו.20, MANDATE_MARKETING_PORT_BUILD.md): דף «שיווק». כל המראה כאן, בדף עצמו אין בלוק style. =====
   לשוניות (.v-tabs קיים), מסגרת לכלי «ניתוח קמפיינים» (iframe), וכרטיס «עדיין בבנייה» בלי שום דבר שנראה כמו נתון. */
.v-mkwrap{padding-block:18px 28px}
.v-mk .v-tabs{margin-bottom:14px}
.v-mk__panel[hidden]{display:none}
.v-mk__frame{background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-panel);box-shadow:var(--v-sh-card);overflow:hidden;height:calc(100vh - 290px);min-height:520px}
.v-mk__frame iframe{display:block;width:100%;height:100%;border:0;background:var(--v-surface)}
.v-mk__soon{background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-panel);box-shadow:var(--v-sh-card);padding:40px 24px;text-align:center}
.v-mk__soon h2{font-size:20px;font-weight:700;margin:0 0 8px;color:var(--v-ink)}
.v-mk__soon p{margin:0;font-size:14px;color:#5C6B85}
.v-mkwrap .v-note{margin-bottom:12px}
@media (max-width:900px){ .v-mk__frame{height:calc(100vh - 230px);min-height:480px} .v-mk .v-tabs{overflow-x:auto;flex-wrap:nowrap} .v-mk .v-tab{white-space:nowrap} }
/* ============ סוף: שיווק ============ */

/* ===== 4.10.2026 (13.3 fix, MANDATE_13_3_FIX.md סעיף 3): מטרות-לחיצה בטלפון, לפחות 40x40 פיקסל לכל בקר. =====
   מה זה נותן: אצבע לא מפספסת כפתור. כלל אחד משותף לכל הדפים (EXTERNAL_DESIGN_PROTOCOL: מערכת עיצוב אחת, לא CSS לדף).
   איך המראה נשמר: בקרים קטנים (חצים, אייקונים, נקודות, "עוד פרטים") מקבלים שטח לחיצה של 40 עם שוליים שליליים שמחזירים
   את הפריסה למה שהייתה, ונקודות הקרוסלה נשארות עגולות וקטנות (רקע רק בתוך התוכן). כפתורים, בוחרים ושדות מקבלים גובה 40.
   !important רק על min-width/min-height, כי הרבה כללים ישנים וסגנונות inline קובעים height/width קבועים. */
@media (max-width:900px){
  button,select,textarea,[role=button],
  input:not([type=hidden]):not([type=checkbox]):not([type=radio]){min-height:40px!important}
  button,[role=button]{min-width:40px!important}
  /* 25.10.2026: the on/off switch (.v-switch) is a 40x22 pill. The two rules above forced it to 40x40 (a circle). Visual size stays 40x22;
     the finger area is 40 tall through an invisible ::before (9px above and below). ::after is the knob and is not touched. */
  .v-switch{min-height:22px!important}
  .v-switch::before{content:"";position:absolute;inset:-9px 0}
  /* קישורי טקסט: שטח לחיצה גבוה בלי להזיז את השורה (ריפוד + שוליים שליליים שווים) */
  a[data-role],a[data-act],a[href^="tel:"],.cc-nav__a,.v-cellact a:not(.v-kebab){
    display:inline-block;padding-block:10px;margin-block:-10px;min-height:40px;min-width:40px;box-sizing:border-box}
  input:not([type=hidden]):not([type=checkbox]):not([type=radio]){min-width:40px}
  /* חצי תקופה / קרוסלה / אייקונים קטנים: 40 עם שוליים שמחזירים את המקום */
  .v-datepill .v-datepill__nav{min-width:40px!important;min-height:40px!important;margin:-9px}
  .v-carousel__btn{margin:-6px}
  .v-card__head .v-carousel__btn{margin:-8px}
  .v-chev{margin-inline:-6px;margin-block:-4px}
  button.more,.more{margin-inline:-2px}
  .cc-card__link{margin-inline:-3px}
  .v-pa-ic{margin:-6px}
  .v-kpi__info,.v-kpi__swap{display:grid;place-items:center;inset-block-start:-2px;box-sizing:border-box;padding:10px;border-radius:17px;background-clip:content-box}
  .v-kpi__info{inset-inline-end:-2px}
  .v-kpi__swap{inset-inline-start:-2px}
  /* נקודות הקרוסלה: אזור לחיצה 40x40, הנקודה עצמה נשארת 6x6 (16 לפעילה) */
  .v-carousel__dots{gap:0}
  .v-carousel__dots i,.v-carousel__dots i[role=button]{box-sizing:border-box;width:40px;height:40px;min-width:0!important;min-height:0!important;
    padding:17px;background-clip:content-box;border-radius:0;background-color:transparent;
    background-image:radial-gradient(circle,#C8D3E4 0 3px,transparent 3.5px)}
  .v-carousel__dots i.is-on{width:40px;padding:17px 12px;background-image:linear-gradient(var(--v-blue),var(--v-blue))}
  .v-strip__nav .v-carousel__dots i.is-on{background-image:linear-gradient(var(--v-bad),var(--v-bad))}
  /* 4.10.2026 (MANDATE_LOWS_4_10 סעיף 1): בוחרי-תווית (לשונית ירידה שמאחוריה בחירה שקופה). התווית עצמה גבוהה 26-36, והבחירה
     השקופה שבתוכה כבר 40, אבל התווית היא מה שמודדים ומה שרואים. גובה 40 + שוליים שליליים שווים: הפריסה לא זזה. */
  .v-select,.v-pick,.v-selectwrap{min-height:40px;min-width:40px;box-sizing:border-box;margin-block:-4px}
  .v-select select,.v-pick select,.v-selectwrap select{min-width:40px}
  /* 6.10.2026 (13.3, סבב מדידה שני): כותרות מקופלות (summary), תוויות של תיבות סימון (cc-mari, v-cs-ack).
     גובה 40 לשטח הלחיצה; בכותרות שבתוך שורה שוליים שליליים שווים מחזירים את הפריסה. */
  summary{min-height:40px!important;box-sizing:border-box;align-items:center}
  summary:not(.v-card__head){margin-block:-6px}
  label.cc-mari,label.v-cs-ack{min-height:40px;box-sizing:border-box;align-items:center}
  /* כפתור ראשי (לא שקט, לא רפאים, לא קטן): 44 */
  .v-btn:not(.is-quiet):not(.is-ghost):not(.is-sm){min-height:44px!important}
}
/* ============ סוף: מטרות-לחיצה בטלפון ============ */

/* 5.10.2026 (תיקוני תמונות): הערה שמחזיקה כותרת, פסקה וטבלה לא נפרשת לשורה אחת (flex), אלא כבלוק רגיל */
.v-note:has(> .v-rp-tablewrap),.v-note:has(> p),.v-note:has(> b + div){display:block}
.v-note > .v-rp-tablewrap{margin-top:8px;max-width:100%}
@media (max-width:640px){
  /* טבלת «מה פתוח לכולם»: בטלפון השורות גולשות לשורות נוספות במקום להימתח ל-2000 פיקסל */
  .v-rp-table[data-role="ov-table"] td,.v-rp-table[data-role="ov-table"] th{white-space:normal}
  .v-rp-table[data-role="ov-table"] td{min-width:120px}
}

/* 5.10.2026 (תיקוני תמונות): בלוק «עמלת הסליקה של פייפאל» ברשימת התשלומים לנציג: העיגולים (בחירה) קיבלו את עיצוב שדה הטקסט
   (רוחב מלא, גובה 40, מסגרת), והבלוק התכווץ לקופסה צרה. כאן העיגול חוזר לגודל עיגול, והבלוק תופס שורה שלמה. */
.v-rp-form > h4{flex:0 0 100%;margin:0}
fieldset.v-field[data-role="pp-step"]{flex:1 1 100%;min-width:0;margin:0;padding:10px 12px;border:var(--v-bw) solid var(--v-line);border-radius:10px;
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
fieldset.v-field[data-role="pp-step"] legend{font-size:13px;font-weight:700;color:var(--v-ink);padding:0 6px}
fieldset.v-field[data-role="pp-step"] .v-rp-chk input[type="radio"]{width:20px;height:20px;min-width:0;padding:0;border:0;flex:none}
fieldset.v-field[data-role="pp-step"] > input[type="text"]{flex:0 1 160px;width:auto}
fieldset.v-field[data-role="pp-step"] label.v-rp-chk{display:inline-flex;margin:0;font-size:14px;color:var(--v-ink)}

/* 5.10.2026 (תיקוני תמונות): בטלפון בדף התכנון כרטיס «כמה לקוחות צריכים אותי היום» יושב לפני שורת המדדים, ושורת המדדים נמשכת למעלה
   (הרמה על הקאבר) וכיסתה אותו. כשיש כרטיס כזה לפניה, אין הרמה. */
.v-kpi.v-only-mobile + .v-kpis{margin-top:0}

/* 5.10.2026 (תיקוני תמונות): בטלפון פס הפעולות התחתון של תוכנית האטרקציות היה גבוה (190 פיקסל) וכיסה כמעט רבע מהמסך,
   והרצועה של הימים נחתכה בקצה. הפס נעשה צפוף (ההערה בשורה משלה, כפתורים בשורה אחת), ולתוכן יש ריווח תחתון כגובה הפס
   כדי שהשורה האחרונה לא תיסגר מתחתיו. */
@media (max-width:640px){
  .v-pq-bar{flex-wrap:wrap;gap:6px 10px;padding:8px 10px}
  .v-pq-bar .v-pq-bar__n{padding:0 10px}
  .v-pq-bar .v-pq-bar__note{flex:1 1 100%;order:3;margin:0;font-size:11.5px}
  .v-pq-bar .v-pq-bar__acts{flex:1 1 auto;justify-content:flex-end;flex-wrap:wrap}
  .v-pq-bar .v-btn{height:40px;padding:0 14px;font-size:14px}
  .v-pa-low{padding-bottom:12px}
  .v-pa-rail{padding-inline:2px;scroll-padding-inline:12px}
  .v-pa-rail button{flex:none}
}
@media (max-width:640px){
  /* חמשת הימים נכנסים לרוחב הטלפון (הרצועה עדיין נגללת אם יש יותר ימים) */
  .v-pa-rail{gap:6px}
  .v-pa-rail button{gap:5px;font-size:11.5px;padding:6px 6px;min-height:0}
  .v-pa-rail button.is-now{padding:10px 8px;min-height:0}
  .v-pa-rail button i{width:24px;height:24px}
  .v-pq-bar .v-pq-bar__acts{gap:6px;flex:1 1 100%}
  .v-pq-bar .v-pq-bar__acts .v-btn{flex:1 1 0;min-width:0;padding:0 8px;font-size:13px;white-space:nowrap}
}

/* 5.10.2026 (תיקוני תמונות): שורת שעות פעילות במחשב: «מ-» ו«עד» ישבו כל אחד בתחילת עמודה רחבה, ובשורה נוצר רווח ריק.
   כאן הם צמודים זה לזה, וכל השורות מיושרות באותו רוחב. */
@media (min-width:641px){
  .v-bk-day{grid-template-columns:120px max-content max-content;column-gap:28px;justify-content:start}
  .v-bk-day__t input{width:130px}
}

/* 5.10.2026 (תיקוני תמונות, סבב 2): בטלפון (עד 480 פיקסל) טבלאות «v-rp-table» הן כרטיסים: כל שורה כרטיס, וכל תא «תווית: ערך».
   הסכום לעולם לא נחתך ולא דורש גלילה. התוויות מגיעות מ-data-label (נכתב ב-_ds.js מכותרת העמודה). */
@media (max-width:480px){
  .v-rp-tablewrap{overflow-x:visible}
  .v-rp-table,.v-rp-table tbody{display:block;width:100%}
  .v-rp-table thead{display:none}
  .v-rp-table tr{display:block;padding:10px 12px;margin-bottom:8px;border:var(--v-bw) solid var(--v-line);border-radius:10px;background:var(--v-surface)}
  .v-rp-table td{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0;border:0;white-space:normal;min-width:0;text-align:start}
  .v-rp-table td::before{content:attr(data-label);flex:none;font-size:12px;color:var(--v-muted);font-weight:500}
  .v-rp-table td[data-label=""]::before{content:none}
  .v-rp-table td > *{min-width:0;text-align:end}
  .v-rp-table td.v-num{font-variant-numeric:tabular-nums}
  .v-rp-table[data-role="ov-table"] td{min-width:0}
}
@media (max-width:480px){
  .v-rp-table td{min-height:0}
  .v-rp-table td a,.v-rp-table td [data-act]{margin:0;padding-block:6px;min-height:0;white-space:normal}
  .v-rp-table td > div{flex:1 1 auto;min-width:0}
}
@media (max-width:480px){
  /* «מה פתוח לכולם»: התאים מכילים כמה שורות (סכום, הסבר, קישור), לכן התווית מעל הערך ולא לצידו */
  .v-rp-table[data-role="ov-table"] td{display:block;padding:5px 0}
  .v-rp-table[data-role="ov-table"] td::before{display:block;margin-bottom:2px}
  .v-rp-table[data-role="ov-table"] td > div{margin-top:4px}
}
@media (max-width:480px){
  .v-rp-table td{height:auto;padding-inline:0}
  .v-rp-table tr{height:auto}
}

/* 5.10.2026 (תיקוני תמונות, סבב 2): בטלפון נקודת הקרוסלה הפעילה נצבעה כריבוע כחול 40x40 (הרקע של הכלל הכללי צבע את כל התיבה).
   כאן הצבע מגיע רק מהתמונה בתוך אזור התוכן, כמו שאר הנקודות. */
@media (max-width:640px){
  .v-carousel__dots i.is-on{background-color:transparent;background-clip:content-box}
}

/* ===== 5.10.2026 דף ההתראות לפי קו העיצוב של הדשבורד (דף-דוגמה, phase-09-live/31-ux-redesign/ALERTS_REDESIGN_5_10.md) =====
   מה זה נותן: דף ההתראות נראה כמו הדפים הראשיים. תמונת שער, ארבעה מדדים, ואז שתי רצועות: «דחוף» בגוון ו«לידיעה» לבנה.
   כל התראה היא כרטיס לבן קטן עם שורה אחת ופעולה אחת. ההסבר הארוך עבר למגירה.
   הכל תחום תחת ‎.v-alp‎ (העטיפה של דף ההתראות בלבד), ולכן שום דף אחר לא מושפע. הכללים הישנים של ‎.v-al__state‎ ו-‎.v-al__demo‎ נשארו כמו שהם,
   כי גם דף השיחה ודף «התיקים שלי» משתמשים בהם. */
.v-alp{display:flex;flex-direction:column;gap:18px;padding-bottom:40px}
.v-alp > .v-strip{margin-top:0}
/* שורת המצב: התג והמשפט מימין, השבב וקישור ההסבר משמאל */
.v-alp .v-al__state{justify-content:space-between;row-gap:8px}
.v-alp__tools{display:inline-flex;align-items:center;gap:14px;margin-inline-start:auto;flex-wrap:wrap}
.v-alp__tools .v-link svg{width:15px;height:15px}
/* רצועה: מונה ליד הכותרת; ב«לידיעה» הסימן כחול ולא אדום */
.v-alb__n{display:inline-grid;place-items:center;min-width:26px;height:22px;padding:0 8px;margin-inline-start:6px;border-radius:var(--v-r-chip);
  background:var(--v-bad-soft);color:var(--v-bad);font-size:12.5px;font-weight:700;vertical-align:middle}
.v-alb.is-calm .v-strip__mark{background:var(--v-blue)}
.v-alb.is-calm .v-alb__n{background:var(--v-blue-soft);color:var(--v-blue)}
/* כלל אחד בתוך רצועה: כותרת קטנה ומונה, ומתחת רשת כרטיסים */
.v-alp .v-al-group{padding:0;overflow:visible}
/* הכללים שבתוך רצועה יושבים זה לצד זה כעמודות (כמו שלושת הכרטיסים של «מה דורש טיפול היום?»), ולא אחד מתחת לשני עם חלל ריק */
.v-alb__groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:16px 18px;align-items:start}
.v-alp .v-al-group__head{padding:0 0 10px;gap:8px}
.v-alp .v-al-group__head h3{margin:0;font-size:15px;font-weight:700;color:var(--v-ink)}
.v-alp .v-al-group__n{height:22px;min-width:24px;font-size:12px}
.v-alp .v-al-list{display:grid;grid-template-columns:1fr;gap:12px}
/* כרטיס התראה: שם ומתי, שורה אחת, ופעולה. הדחיפות נאמרת בצבע הרצועה, לא בכל כרטיס */
.v-alp .v-alc{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:12px;min-width:0;padding:14px 16px;
  background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-card);box-shadow:var(--v-sh-card)}
.v-alp .v-alc .v-al-row__main{gap:6px}
.v-alc__top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}
.v-alp .v-alc .v-al-row__name,.v-alc__title{font-size:15px;font-weight:700;color:var(--v-ink);min-width:0}
.v-alc__time{flex:none;font-size:12px;color:var(--v-muted);white-space:nowrap}
.v-alp .v-alc .v-al-row__body{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;color:var(--v-ink-2)}
.v-alp .v-alc .v-al-row__act{justify-content:flex-start;align-items:center;gap:8px}
.v-alc__more{margin-inline-start:auto;font-size:13px}
/* המגירה: הטקסט המלא, ואז «מה הכלל / איך נסגרת / נפתחה» כשורות תווית וערך */
.v-alp__lead{margin:0 0 14px;font-size:14px;line-height:1.6;color:var(--v-ink)}
.v-alp__facts{display:grid;grid-template-columns:max-content 1fr;gap:9px 16px;margin:0 0 18px;font-size:13px;line-height:1.5}
.v-alp__facts dt{color:var(--v-muted);font-weight:600}
.v-alp__facts dd{margin:0;color:var(--v-ink)}
@media (max-width:640px){
  .v-alp__tools{margin-inline-start:0}
  .v-alp .v-alc .v-al-row__act{flex-wrap:wrap}
}
/* 5.10.2026 (תיקון שופט): תמונת השער של דף ההתראות. הבניין נמצא באמצע התמונה, ושם הוא היה מוסתר מאחורי הכותרת והלבן.
   כאן התמונה רחבה מהשער ומוזזת, כך שהבניין יושב בצד השמאלי הפנוי, והצבע חזק יותר. רק בשער שמסומן ‎.is-alerts‎. */
.v-cover.is-alerts .v-cover__img{inset:0 auto 0 -62%;width:170%;max-width:none;object-position:50% 18%;filter:saturate(1.25) contrast(1.06)}
@media (max-width:900px){ .v-cover.is-alerts .v-cover__img{inset:0;width:100%;object-position:57% 18%} }

/* ======================================================================================================
   5.10.2026 · הסרגל הצדדי מחדש, לפי sidebar_desktop.png (נתיב: «הדסיידר בר הוא נראה צפוף ולא טוב כמו שעשינו בגיפיטי»).
   כל מידה כאן נמדדה מהתמונה, בקנה מידה אחד: 309 פיקסל בתמונה = 256 אצלנו (1.207). טבלת המדידות המלאה ומאיפה כל ערך:
   phase-09-live/31-ux-redesign/SIDEBAR_REBUILD_5_10.md. הצבע נשאר כהה (כלל 8.17), הסרגל נשאר מימין (כלל 9.2), ולכן הכל בראי.
   הבלוק הזה בא אחרון ומנצח את השכבות הקודמות של הסרגל (הן נשארות בקובץ, אבל לא משפיעות על המבנה החדש).
   ====================================================================================================== */
/* the width follows the screen: 256 (the reference's proportions) from a 1504-wide screen up, down to 192 on 1440 and smaller.
   Why not 256 everywhere: measured 5.10 with check_pages.py, the CRM page's three fixed columns need 1248px of content at 1440, and the planning
   page's top bar needs the whole 1088 at 1280; a wider menu there pushes the page sideways. So below 1504 only the side paddings shrink;
   the row height, icon size and type stay the reference's. */
:root{--v-side:clamp(192px, calc(100vw - 1248px), 256px)}
.v-side{z-index:var(--v-z-dock-pop);   /* above the quick bar (38) so the «כלים» panel is never under it; below the scrim, drawers and windows (40-42) */
  /* נמדד: אמצע הסרגל (150,600) #0F2740 · ליד הקצה החיצוני למעלה (20,40) #1D416A, זוהר רך שנעלם עד ~y=330 */
  background:radial-gradient(130% 26% at 100% 0%,rgba(38,82,132,.75) 0%,rgba(38,82,132,0) 70%),linear-gradient(180deg,#112B47 0%,#0F2840 30%,#0F2740 100%)}
/* לוגו: ממורכז, סימן מעל המילה, קו דק מתחת (נמדד: הקו ב-y=175 → 145, מ-29 עד 280 → שוליים 24) */
.v-side .v-side__brand.is-stack{position:relative;flex:none;height:145px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:28px 16px 0;text-align:center}
.v-side .v-side__brand.is-stack::after{content:"";position:absolute;inset-inline:24px;bottom:0;height:1px;background:rgba(255,255,255,.11)}
.v-side .v-side__brand.is-stack .v-side__mark,.v-side .v-side__brand.is-stack .v-side__mark svg{width:41px;height:30px}
.v-side .v-side__brand.is-stack .v-side__word{align-items:center;text-align:center;margin-top:10px}
.v-side .v-side__brand.is-stack .v-side__word b{font-size:30px;font-weight:400;letter-spacing:.2px;color:#E2E9F1;line-height:1}
.v-side .v-side__brand.is-stack .v-side__word small{font-size:10px;font-weight:500;letter-spacing:3.4px;color:#B1BECD;margin-top:11px}
/* האדם: תמונה 51 (62 בתמונה), שם 20 מודגש, תפקיד 15, חץ קטן לתפריט החשבון */
.v-side .v-side__me{flex:none;display:flex;align-items:center;gap:16px;margin:16px 0 0;padding:0 26px 0 14px;background:none;border:0;cursor:pointer}
.v-side .v-side__me .v-side__ava{width:51px;height:51px;flex:none;border-radius:50%;background:#2A4E7C;box-shadow:0 0 0 2px rgba(220,230,240,.85);
  display:grid;place-items:center;font-size:18px;font-weight:700;color:#fff}
.v-side .v-side__me .v-side__who{display:block;flex:1;min-width:0}
.v-side .v-side__me b{display:block;font-size:20px;font-weight:700;line-height:1.25;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-side .v-side__me small{display:block;font-size:15px;line-height:1.35;color:#C9D5E3;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-side .v-side__acct-btn{flex:none;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#B9C8DA;cursor:pointer}
.v-side .v-side__acct-btn svg{width:17px;height:17px;transition:transform 180ms ease}
.v-side .v-side__acct-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.v-side .v-side__acct-btn:hover,.v-side .v-side__acct-btn:focus-visible{background:rgba(255,255,255,.08);color:#fff}
.v-side .v-side__acct{flex:none;margin:10px 24px 0}
.v-side .v-side__acct[hidden]{display:none}
.v-side .v-side__acct .v-side__logout{width:100%;height:38px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid rgba(255,255,255,.10);border-radius:10px;
  background:rgba(255,255,255,.04);color:#DCE5EF;font:inherit;font-size:14.5px;cursor:pointer;margin:0}
.v-side .v-side__acct .v-side__logout svg{width:17px;height:17px}
.v-side .v-side__acct .v-side__logout:hover,.v-side .v-side__acct .v-side__logout:focus-visible{background:rgba(255,255,255,.09);color:#fff}
/* גלולת הצוות: 164×41 (198×50 בתמונה), מסגרת דקה כחולה, דגל עגול 25 */
.v-side .v-side__crew{flex:none;align-self:flex-start;display:inline-flex;align-items:center;gap:11px;height:41px;min-width:164px;margin:13px 25px 0 0;padding:0 14px;
  border:1px solid rgba(96,146,206,.42);border-radius:999px;background:rgba(255,255,255,.035);color:#fff;font-size:15px;font-weight:700}
.v-side .v-side__flag{width:25px;height:25px;flex:none;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
/* שורת המוטו, המטוס והקו המקווקו (קישוט בלבד) */
.v-side .v-side__motto{flex:none;position:relative;height:50px;margin:0;padding:8px 29px 0 0;font-size:11.5px;letter-spacing:.3px;color:#AFC0D3;direction:ltr;text-align:right}
.v-side .v-side__motto span{display:block;direction:ltr}
.v-side .v-side__plane{position:absolute;left:20px;top:2px;width:21px;height:21px;color:#9DB3CC;transform:scaleX(-1) rotate(-12deg)}
.v-side .v-side__arc{position:absolute;left:30px;right:26px;top:24px;width:auto;height:24px;transform:scaleX(-1)}
/* התפריט: שורות 46 (56 בתמונה), אייקון 22, טקסט 16 */
.v-side .v-side__nav{flex:0 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:0;padding:7px 0 6px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}
.v-side .v-side__item{position:relative;flex:none;display:flex;align-items:center;gap:18px;height:46px;margin:0 23px 0 11px;margin-inline:23px 11px;padding:0 17px 0 14px;padding-inline:17px 14px;
  border-radius:11px;color:#E9EFF7;font-size:16px;font-weight:500;background:none;box-shadow:none;text-decoration:none;cursor:pointer;transition:background 140ms ease}
.v-side .v-side__item > svg{width:22px;height:22px;flex:none;opacity:1;color:#D8E6F7}
.v-side .v-side__item .v-lbl{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start}
.v-side .v-side__item:hover{background:rgba(255,255,255,.055);color:#fff}
.v-side .v-side__item:focus-visible,.v-side .v-side__subitem:focus-visible,.v-side .v-side__acct-btn:focus-visible,.v-side .v-side__here:focus-visible{outline:2px solid #5BB8FF;outline-offset:-2px}
/* השורה הפעילה: מילוי כחול שמתבהר לכיוון האייקון (#255890 → #193B5E) ופס תכלת בקצה הפנימי (#3AADFA, 5 פיקסל בתמונה) */
.v-side .v-side__item.is-active,.v-side .v-side__item.has-kids.is-active{color:#fff;font-weight:600;
  background:linear-gradient(270deg,#26598F 0%,#1F4A78 45%,#193B5E 100%);box-shadow:inset 0 0 0 1px rgba(120,180,255,.14),0 6px 16px rgba(4,16,36,.35)}
.v-side .v-side__item.is-active > svg{color:#fff}
.v-side .v-side__item.is-active::after{content:"";display:block;position:absolute;left:0;right:auto;top:4px;bottom:4px;width:4px;border-radius:3px;
  background:#3AADFA;box-shadow:0 0 10px rgba(58,173,250,.7)}
/* «כלים»: שורה אחת עם חץ קטן לצד הפאנל */
.v-side .v-side__group{display:flex;flex-direction:column;flex:none}
.v-side .v-side__item.has-kids{width:auto;border:0;font-family:var(--v-font);text-align:start}
.v-side .v-side__group.is-fly > .v-side__item{background:rgba(255,255,255,.07)}
.v-side .v-side__group.is-fly > .v-side__item.is-active{background:linear-gradient(270deg,#26598F 0%,#1F4A78 45%,#193B5E 100%)}
.v-side .v-side__caret{width:15px !important;height:15px !important;flex:none;margin-inline-start:0;opacity:.7;transform:none;transition:transform 180ms ease}
.v-side .v-side__group.is-fly .v-side__caret{transform:translateX(-3px);opacity:1}
/* כשהדף עצמו הוא כלי: שורה שקטה מתחת ל«כלים» שאומרת איזה */
.v-side .v-side__here{flex:none;display:block;margin:2px 23px 4px 11px;margin-inline:23px 11px;padding:4px 57px 4px 14px;padding-inline:57px 14px;font-size:14px;font-weight:500;color:#9FD3FF;
  text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:8px}
.v-side .v-side__here[hidden]{display:none}
.v-side .v-side__here:hover{color:#fff;background:rgba(255,255,255,.05)}
/* הפאנל: אותו כחול-לילה, ליד הסרגל, בגובה השורה. שורות 40, טקסט 15, אייקון 19 (מפרט 02 של הבריף) */
.v-side .v-side__sub{display:none;position:fixed;z-index:var(--v-z-float-up);width:284px;max-height:calc(100vh - 24px);overflow-y:auto;margin:0;padding:8px;
  flex-direction:column;gap:1px;border-radius:14px;background:#13294A;border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 48px rgba(3,12,28,.45)}
.v-side .v-side__group.is-fly .v-side__sub{display:flex}
.v-side .v-side__subhead{display:block;padding:6px 12px 8px;font-size:13px;font-weight:700;color:#9FB3CC;letter-spacing:.2px}
.v-side .v-side__subitem{flex:none;display:flex;align-items:center;gap:12px;height:40px;padding:0 12px;border-radius:10px;color:rgba(255,255,255,.9);font-size:15px;font-weight:500;text-decoration:none}
.v-side .v-side__subitem svg{width:19px;height:19px;flex:none;opacity:.9}
.v-side .v-side__subitem:hover{background:rgba(255,255,255,.07);color:#fff}
.v-side .v-side__subitem[aria-current="page"]{background:rgba(58,173,250,.16);color:#fff}
.v-side .v-side__subitem[hidden]{display:none!important}
/* קו מפריד (נמדד: y=970, 29..280) והקבוצה התחתונה: שורות 41, אייקון 22 */
.v-side .v-side__sep{flex:none;height:1px;margin:13px 13px 14px 24px;margin-inline:24px 13px;background:rgba(255,255,255,.11)}
.v-side .v-side__sep ~ .v-side__item{height:41px}
.v-side .v-side__badge{flex:none;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#F04447;color:#fff;font-size:13px;font-weight:700;
  display:inline-flex;align-items:center;justify-content:center;margin-inline-start:0}
.v-side .v-side__item > .v-side__badge{margin-inline-start:0}
.v-side .v-side__item .v-lbl + .v-side__badge{margin-inline-start:-6px}
.v-side .v-side__item:has(.v-side__badge:not([hidden])) .v-lbl{flex:0 1 auto}
/* «בקרוב»: במקום תג צעקני על כל שורה, שורה שקטה אחת עם כל מה שעוד לא נבנה */
.v-side .v-side__later{flex:none;display:flex;align-items:center;gap:8px;margin:8px 23px 0 11px;margin-inline:23px 11px;padding:0 17px 0 14px;padding-inline:17px 14px;
  font-size:12.5px;line-height:1.4;color:#8197B2}
.v-side .v-side__later svg{width:15px;height:15px;flex:none;opacity:.8}
/* תמונת ניו יורק בתחתית, ושתי שורות קצרות (נמדד: אותיות 16, פס תכלת 33×2.5, שוליים 31) */
/* like the reference, the picture starts behind the last menu rows and fades in (the rows stay on top: the menu has z-index 1) */
.v-side .v-side__nav{position:relative;z-index:1}
.v-side .v-side__art{flex:1 1 0;min-height:0;max-height:none;height:auto;margin:-64px 0 0;position:relative;z-index:0;overflow:hidden;container-type:size;
  background:linear-gradient(180deg,#0F2740 0%,rgba(15,39,64,.45) 22%,rgba(15,39,64,0) 46%) no-repeat center bottom 36px/100% calc(var(--v-side) * .5226),
    url('../img/covers/sidebar_nyc_liberty.jpg') no-repeat center bottom 36px/100% auto;   /* the first layer fades the top of the picture into the menu colour, at any height */   /* the picture sits at the bottom, the two lines on its darkened lower part (like the water in the reference) */
  -webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.2) 30px,rgba(0,0,0,.7) 62px,#000 92px);mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.2) 30px,rgba(0,0,0,.7) 62px,#000 92px)}
.v-side .v-side__art::before{content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,#0A1E35 0,#0A1E35 30px,rgba(10,30,53,.85) 60px,rgba(11,32,56,.4) 100px,rgba(11,32,56,0) 140px,rgba(15,39,64,0) 100%)}
.v-side .v-side__claim{position:absolute;inset-inline:31px;bottom:24px;display:flex;flex-direction:column;align-items:flex-start;text-align:start}
.v-side .v-side__claim b,.v-side .v-side__claim span{position:static;inset:auto}   /* an older rule placed «.v-side__art b» absolutely */
.v-side .v-side__claim b{display:block;font-size:16px;font-weight:500;line-height:21px;letter-spacing:1px;color:#fff;direction:ltr;text-align:right;align-self:stretch}
.v-side .v-side__claim i{display:block;width:33px;height:3px;border-radius:2px;background:#0E96EA;margin:9px 0 10px}
.v-side .v-side__claim span{display:block;font-size:16px;line-height:21px;color:#E2E9F1}
@container (max-height:250px){.v-side .v-side__claim span,.v-side .v-side__claim i{display:none} .v-side .v-side__claim{bottom:16px}}
@container (max-height:170px){.v-side .v-side__claim{display:none}}
/* a narrower menu (screens under 1504 wide): the same anatomy, smaller side paddings */
@media (max-width:1503px){
  .v-side .v-side__brand.is-stack::after{inset-inline:18px}
  .v-side .v-side__brand.is-stack .v-side__word b{font-size:27px}
  .v-side .v-side__brand.is-stack .v-side__word small{letter-spacing:3px}
  .v-side .v-side__me{padding:0 18px 0 8px;gap:12px}
  .v-side .v-side__me .v-side__ava{width:46px;height:46px;font-size:16px}
  .v-side .v-side__me b{font-size:18px}
  .v-side .v-side__me small{font-size:14px}
  .v-side .v-side__acct{margin-inline:18px}
  .v-side .v-side__crew{margin-inline-start:18px;min-width:148px;height:38px;font-size:14px;gap:9px;padding:0 12px}
  .v-side .v-side__flag{width:22px;height:22px}
  .v-side .v-side__motto{padding-inline-start:20px;font-size:10.5px}
  .v-side .v-side__plane{left:10px}
  .v-side .v-side__arc{left:18px;right:18px}
  .v-side .v-side__item{margin-inline:14px 8px;padding-inline:13px 10px;gap:13px;font-size:15px}
  .v-side .v-side__item > svg{width:21px;height:21px}
  .v-side .v-side__here{margin-inline:14px 8px;padding-inline:47px 10px;font-size:13.5px}
  .v-side .v-side__later{margin-inline:14px 8px;padding-inline:13px 10px;font-size:12px}
  .v-side .v-side__sep{margin-inline:18px 10px}
  .v-side .v-side__claim{inset-inline:22px}
  .v-side .v-side__claim b,.v-side .v-side__claim span{font-size:14px;line-height:19px}
}
/* מסכים נמוכים: קודם יורד הקישוט, אחר כך הגלולה, ורק בסוף השורות מצטמצמות. כל פריט נשאר על המסך גם ב-1280×620 */
@media (max-height:1000px){ .v-side .v-side__motto{display:none} .v-side .v-side__crew{margin-bottom:8px} }
@media (max-height:860px){
  .v-side .v-side__brand.is-stack{height:112px;padding-top:18px}
  .v-side .v-side__brand.is-stack .v-side__mark,.v-side .v-side__brand.is-stack .v-side__mark svg{width:34px;height:25px}
  .v-side .v-side__brand.is-stack .v-side__word{margin-top:7px}
  .v-side .v-side__brand.is-stack .v-side__word b{font-size:26px}
  .v-side .v-side__brand.is-stack .v-side__word small{margin-top:8px}
  .v-side .v-side__crew{display:none}
  .v-side .v-side__me{margin-top:12px}
  .v-side .v-side__item{height:42px}
  .v-side .v-side__sep ~ .v-side__item{height:38px}
  .v-side .v-side__sep{margin-top:9px;margin-bottom:9px}
}
@media (max-height:720px){
  .v-side .v-side__brand.is-stack{height:auto;flex-direction:row;justify-content:center;gap:10px;padding:14px 16px 12px}
  .v-side .v-side__brand.is-stack .v-side__word{margin-top:0;align-items:flex-start;text-align:left}
  .v-side .v-side__brand.is-stack .v-side__word b{font-size:21px}
  .v-side .v-side__brand.is-stack .v-side__word small{font-size:8.5px;margin-top:5px;letter-spacing:3px}
  .v-side .v-side__me{margin-top:10px}
  .v-side .v-side__me .v-side__ava{width:40px;height:40px;font-size:15px}
  .v-side .v-side__me b{font-size:17px}
  .v-side .v-side__me small{font-size:13px}
  .v-side .v-side__nav{padding-top:6px}
  .v-side .v-side__item{height:36px}
  .v-side .v-side__sep ~ .v-side__item{height:34px}
  .v-side .v-side__sep{margin-top:6px;margin-bottom:6px}
  .v-side .v-side__later{margin-top:4px}
  .v-side .v-side__art{display:none}
}
@media (max-height:650px){ .v-side .v-side__item{height:34px} .v-side .v-side__sep ~ .v-side__item{height:32px} .v-side .v-side__here{padding-top:2px;padding-bottom:2px;margin-bottom:2px} }
/* מצב מכווץ (72): סימן, תמונת האדם, אייקונים. הפאנל של «כלים» נפתח באותה צורה */
body.is-collapsed .v-side .v-side__brand.is-stack,.v-app.is-collapsed .v-side .v-side__brand.is-stack{height:auto;padding:18px 0 14px}
body.is-collapsed .v-side .v-side__brand.is-stack::after,.v-app.is-collapsed .v-side .v-side__brand.is-stack::after{inset-inline:12px}
body.is-collapsed .v-side .v-side__word,.v-app.is-collapsed .v-side .v-side__word,
body.is-collapsed .v-side .v-side__who,.v-app.is-collapsed .v-side .v-side__who,
body.is-collapsed .v-side .v-side__acct-btn,.v-app.is-collapsed .v-side .v-side__acct-btn,
body.is-collapsed .v-side .v-side__crew,.v-app.is-collapsed .v-side .v-side__crew,
body.is-collapsed .v-side .v-side__motto,.v-app.is-collapsed .v-side .v-side__motto,
body.is-collapsed .v-side .v-side__later,.v-app.is-collapsed .v-side .v-side__later,
body.is-collapsed .v-side .v-side__here,.v-app.is-collapsed .v-side .v-side__here,
body.is-collapsed .v-side .v-side__claim,.v-app.is-collapsed .v-side .v-side__claim,
body.is-collapsed .v-side .v-side__caret,.v-app.is-collapsed .v-side .v-side__caret,
body.is-collapsed .v-side .v-side__item .v-lbl,.v-app.is-collapsed .v-side .v-side__item .v-lbl{display:none}
body.is-collapsed .v-side .v-side__me,.v-app.is-collapsed .v-side .v-side__me{justify-content:center;padding:0;margin-top:14px}
body.is-collapsed .v-side .v-side__me .v-side__ava,.v-app.is-collapsed .v-side .v-side__me .v-side__ava{width:40px;height:40px;font-size:15px}
body.is-collapsed .v-side .v-side__acct,.v-app.is-collapsed .v-side .v-side__acct{margin:8px 10px 0}
body.is-collapsed .v-side .v-side__acct .v-side__logout span,.v-app.is-collapsed .v-side .v-side__acct .v-side__logout span{display:none}
body.is-collapsed .v-side .v-side__acct .v-side__logout,.v-app.is-collapsed .v-side .v-side__acct .v-side__logout{justify-content:center;padding:0}
body.is-collapsed .v-side .v-side__item,.v-app.is-collapsed .v-side .v-side__item{justify-content:center;margin:0 10px;padding:0;gap:0}
body.is-collapsed .v-side .v-side__sep,.v-app.is-collapsed .v-side .v-side__sep{margin-inline:12px}
body.is-collapsed .v-side .v-side__art,.v-app.is-collapsed .v-side .v-side__art{max-height:120px}
/* the two full-screen work tools keep their own narrow menu, measured from their own references (hotel-quote 176, attr-plan 138, R6):
   the same anatomy, in a compact size. The decoration that needs width (team pill, motto, the two lines on the picture) is left out there. */
@media (min-width:861px){
  .v-pa-body .v-side .v-side__brand.is-stack,.v-pq-body .v-side .v-side__brand.is-stack{height:auto;flex-direction:row;justify-content:center;gap:6px;padding:16px 8px 12px}
  .v-pa-body .v-side .v-side__brand.is-stack::after,.v-pq-body .v-side .v-side__brand.is-stack::after{inset-inline:12px}
  .v-pa-body .v-side .v-side__brand.is-stack .v-side__mark,.v-pa-body .v-side .v-side__brand.is-stack .v-side__mark svg,
  .v-pq-body .v-side .v-side__brand.is-stack .v-side__mark,.v-pq-body .v-side .v-side__brand.is-stack .v-side__mark svg{width:28px;height:21px}
  .v-pa-body .v-side .v-side__brand.is-stack .v-side__word,.v-pq-body .v-side .v-side__brand.is-stack .v-side__word{margin-top:0;align-items:flex-start;text-align:left}
  .v-pa-body .v-side .v-side__brand.is-stack .v-side__word b,.v-pq-body .v-side .v-side__brand.is-stack .v-side__word b{font-size:15px;font-weight:600}
  .v-pa-body .v-side .v-side__brand.is-stack .v-side__word small,.v-pq-body .v-side .v-side__brand.is-stack .v-side__word small{font-size:7.5px;letter-spacing:1.6px;margin-top:4px}
  .v-pa-body .v-side .v-side__crew,.v-pq-body .v-side .v-side__crew,.v-pa-body .v-side .v-side__motto,.v-pq-body .v-side .v-side__motto,
  .v-pa-body .v-side .v-side__claim,.v-pq-body .v-side .v-side__claim{display:none}
  .v-pa-body .v-side .v-side__me,.v-pq-body .v-side .v-side__me{margin-top:12px;padding:0 12px 0 6px;gap:8px}
  .v-pa-body .v-side .v-side__me .v-side__ava,.v-pq-body .v-side .v-side__me .v-side__ava{width:34px;height:34px;font-size:13px}
  .v-pa-body .v-side .v-side__me b,.v-pq-body .v-side .v-side__me b{font-size:13.5px}
  .v-pa-body .v-side .v-side__me small,.v-pq-body .v-side .v-side__me small{font-size:11.5px}
  .v-pa-body .v-side .v-side__acct-btn,.v-pq-body .v-side .v-side__acct-btn{width:22px;height:22px}
  .v-pa-body .v-side .v-side__acct,.v-pq-body .v-side .v-side__acct{margin:8px 10px 0}
  .v-pa-body .v-side .v-side__nav,.v-pq-body .v-side .v-side__nav{padding-top:10px}
  .v-pa-body .v-side .v-side__item,.v-pq-body .v-side .v-side__item{height:38px;margin-inline:8px 6px;padding-inline:9px 8px;gap:9px;font-size:13px;border-radius:9px}
  .v-pa-body .v-side .v-side__item > svg,.v-pq-body .v-side .v-side__item > svg{width:17px;height:17px}
  .v-pa-body .v-side .v-side__sep ~ .v-side__item,.v-pq-body .v-side .v-side__sep ~ .v-side__item{height:34px}
  .v-pa-body .v-side .v-side__sep,.v-pq-body .v-side .v-side__sep{margin:8px 10px}
  .v-pa-body .v-side .v-side__here,.v-pq-body .v-side .v-side__here{margin-inline:8px 6px;padding-inline:34px 6px;font-size:12px}
  .v-pa-body .v-side .v-side__later,.v-pq-body .v-side .v-side__later{margin-inline:8px 6px;padding-inline:9px 6px;font-size:11px;gap:6px}
  .v-pa-body .v-side .v-side__badge,.v-pq-body .v-side .v-side__badge{min-width:19px;height:19px;font-size:11px;padding:0 4px}
  .v-pa-body .v-side .v-side__art,.v-pq-body .v-side .v-side__art{max-height:150px}
}
/* 5.10 judge fixes. MED-1: the «בקרוב» line stays one line (the full list is in its tooltip). */
.v-side .v-side__later span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
/* MED-2: «התנתקות» always visible, a quiet line at the end of the menu */
.v-side .v-side__out{flex:none;display:flex;align-items:center;gap:10px;height:32px;margin:4px 23px 4px 11px;margin-inline:23px 11px;padding:0 17px 0 14px;padding-inline:17px 14px;
  border:0;border-radius:9px;background:none;color:#8FA3BC;font:inherit;font-size:13.5px;font-weight:500;cursor:pointer;text-align:start}
.v-side .v-side__out svg{width:17px;height:17px;flex:none}
.v-side .v-side__out:hover,.v-side .v-side__out:focus-visible{color:#fff;background:rgba(255,255,255,.05)}
.v-side .v-side__out:focus-visible{outline:2px solid #5BB8FF;outline-offset:-2px}
@media (max-width:1503px){ .v-side .v-side__out{margin-inline:14px 8px;padding-inline:15px 10px;gap:12px} }
@media (max-height:720px){ .v-side .v-side__out{height:28px;margin-top:2px;margin-bottom:2px} }
body.is-collapsed .v-side .v-side__out span,.v-app.is-collapsed .v-side .v-side__out span{display:none}
body.is-collapsed .v-side .v-side__out,.v-app.is-collapsed .v-side .v-side__out{justify-content:center;margin:2px 10px;padding:0}
.v-pa-body .v-side .v-side__out,.v-pq-body .v-side .v-side__out{margin-inline:8px 6px;padding-inline:9px 6px;font-size:12px;gap:8px}
/* MED-3: the phone «עוד» sheet, drawn by VDS.fillSheet: 4 even columns, labels wrap inside their cell (nothing cut at the edge) */
.v-sheet ul.v-sheet__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 4px;list-style:none;margin:0;padding:0}
.v-sheet ul.v-sheet__grid > li{min-width:0}
.v-sheet ul.v-sheet__grid a{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;min-height:76px;min-width:0;padding:6px 2px;
  border-radius:12px;font-size:12px;font-weight:500;line-height:1.25;color:var(--v-ink-2);text-decoration:none;text-align:center}
.v-sheet ul.v-sheet__grid a .ico{width:40px;height:40px;flex:none;border-radius:50%;background:var(--v-blue-soft);color:var(--v-blue);display:grid;place-items:center}
.v-sheet ul.v-sheet__grid a .ico svg{width:18px;height:18px;opacity:1;color:var(--v-blue)}
.v-sheet ul.v-sheet__grid .v-sheet__lbl{display:block;max-width:100%;overflow-wrap:anywhere}
.v-sheet ul.v-sheet__grid .v-sheet__head{grid-column:1/-1;padding:10px 6px 2px;font-size:13px;font-weight:700;color:var(--v-ink-3,#6B7A90)}
.v-sheet ul.v-sheet__grid .v-sheet__later{grid-column:1/-1;padding:8px 6px 2px;font-size:12px;color:var(--v-ink-3,#6B7A90)}
/* 5.10 (NV-2026-10-05-009, נתיב אישר את הסרגל וביקש שני תיקונים מול sidebar_desktop.png):
   (1) האייקון בקצה השני של השורה (שמאל), הטקסט נשאר מיושר לימין. כמו בתמונה: אייקון בקצה אחד, מילה בקצה השני, והפס של השורה הפעילה בצד של המילה.
   (2) תמונת העיר בהירה וגדולה יותר, פחות כיסוי כהה; הטקסט נשאר קריא בעזרת צל עדין. */
.v-side .v-side__item > .v-lbl{order:1}
.v-side .v-side__item > .v-side__badge{order:2;margin-inline-start:8px}
.v-side .v-side__item > .v-side__caret{order:3;margin-inline-start:auto}
.v-side .v-side__item > svg:first-child{order:4;margin-inline-start:auto}
.v-side .v-side__item:has(.v-side__caret) > svg:first-child{margin-inline-start:12px}
.v-side .v-side__item.is-active::after{left:auto;right:0}
.v-side .v-side__here{padding-inline:17px 14px}
.v-side .v-side__later > svg,.v-side .v-side__out > svg{order:2;margin-inline-start:auto}
.v-side .v-side__later > span,.v-side .v-side__out > span{order:1}
@media (max-width:1503px){ .v-side .v-side__here{padding-inline:13px 10px} }
.v-pa-body .v-side .v-side__here,.v-pq-body .v-side .v-side__here{padding-inline:9px 6px}
body.is-collapsed .v-side .v-side__item > svg:first-child,.v-app.is-collapsed .v-side .v-side__item > svg:first-child{margin:0}
.v-side .v-side__art{
  background:linear-gradient(180deg,#0F2740 0%,rgba(15,39,64,.25) 16%,rgba(15,39,64,0) 32%) no-repeat center bottom 18px/118% calc(var(--v-side) * .6167),
    url('../img/covers/sidebar_nyc_liberty.jpg') no-repeat center bottom 18px/118% auto;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.6) 24px,#000 52px);mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.6) 24px,#000 52px)}
.v-side .v-side__art::before{background:linear-gradient(0deg,#0A1E35 0,#0A1E35 14px,rgba(10,30,53,.55) 40px,rgba(11,32,56,.18) 80px,rgba(11,32,56,0) 112px)}
.v-side .v-side__claim b,.v-side .v-side__claim span{text-shadow:0 1px 3px rgba(0,0,0,.75),0 0 12px rgba(5,15,30,.6)}

/* 6.10.2026 (b3fix2): הודעה במילים כשעיר מלאה (3 מלונות) */
.v-pq-sug .v-pq-full{margin:4px 6px;padding:8px 10px;font-size:13px;color:var(--v-muted);background:var(--v-surface-2);border-radius:9px}


/* ===== 6.10.2026: מיזוג. כאן מתחילים הכללים שישבו עד היום בשני קבצים נפרדים (_prefs.css ואחריו _ds_pages.css). עכשיו יש קובץ עיצוב אחד, כמו שהפרוטוקול דורש. הסדר והערות נשמרו בדיוק כמו שהיו. ===== */
/* ===== מקורו ב-_prefs.css: תיבת «העדפות הלקוח» ===== */
/* _prefs.css: the look of «העדפות הלקוח» (_prefs.js). Used by call.html, plan-call.html and customer-card.html. Tokens come from _ds.css (5.10.2026, ledger ו.30). */
.v-prefs{margin:14px 0}
.v-prefs__head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.v-prefs__head h3{margin:0;font-size:15px}
.v-prefs__tag{padding:1px 8px;border-radius:999px;background:var(--v-surface-2);color:var(--v-muted);font-size:12px}
.v-prefs__sub{margin:6px 0 0;font-size:13px;color:var(--v-muted);line-height:1.55}
.v-prefs__sub b{color:var(--v-ink);font-weight:600}
.v-prefs__sum{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.v-prefs__sum li{padding:4px 10px;border-radius:999px;background:var(--v-blue-soft);color:var(--v-ink);font-size:13px;line-height:1.5;overflow-wrap:anywhere;max-width:100%}
.v-prefs__sum li span{color:var(--v-muted)}
.v-prefs__edit{margin-top:10px}
.v-prefs__edit > summary{cursor:pointer;display:inline-flex;align-items:center;min-height:32px;font-size:13px;font-weight:700;color:var(--v-blue)}
.v-prefs__g{border:0;border-top:var(--v-bw) solid var(--v-line);margin:10px 0 0;padding:10px 0 0;min-width:0}
.v-prefs__g legend{padding:0 0 4px;font-size:13px;font-weight:800;color:var(--v-ink)}
.v-prefs__f{margin:8px 0 0}
.v-prefs__lbl{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:13px;margin-bottom:6px}
.v-prefs__na{font-size:12px;color:var(--v-muted)}
.v-prefs__chips{display:flex;flex-wrap:wrap;gap:6px}
.v-prefs__chip{min-height:34px;padding:4px 12px;border-radius:999px;border:var(--v-bw) solid var(--v-border);background:var(--v-surface);color:var(--v-ink);
  font:inherit;font-size:13px;cursor:pointer;transition:background var(--v-fast) var(--v-ease),border-color var(--v-fast) var(--v-ease)}
.v-prefs__chip:hover{border-color:var(--v-blue)}
.v-prefs__chip.is-on{background:var(--v-blue);border-color:var(--v-blue);color:#fff;font-weight:700}
.v-prefs__chip:disabled{opacity:.6;cursor:default}
.v-prefs__chip:focus-visible,.v-prefs__in:focus{outline:2px solid var(--v-blue);outline-offset:1px}
.v-prefs__row{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
.v-prefs__in{flex:1 1 220px;min-width:0;min-height:38px;padding:7px 10px;font:inherit;font-size:14px;border:var(--v-bw) solid var(--v-border);border-radius:10px;background:var(--v-surface);color:var(--v-ink)}
.v-prefs__in.is-short{flex:0 1 140px}
.v-prefs__in.is-multi{resize:vertical;line-height:1.5}
.v-prefs__save{min-height:38px}
.v-prefs__msg{margin:6px 0 0;font-size:13px}
.v-prefs__msg.is-ok{color:var(--v-good)}
.v-prefs__msg.is-bad{color:var(--v-bad)}
.v-prefs [hidden]{display:none!important}
.v-prefs__tag.is-dirty{background:var(--v-warn-soft,#FFF4D6);color:var(--v-warn,#8A5A00);font-weight:700}
.v-prefs__bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:var(--v-bw) solid var(--v-line);position:sticky;bottom:0;background:var(--v-surface)}
.v-prefs__hint{font-size:13px;color:var(--v-warn,#8A5A00);font-weight:600}
@media (max-width:640px){
  /* !important on purpose: _ds.css sets every button and field to 40px !important under 900px; a finger needs 44 (the class wins over the bare tag) */
  .v-prefs__chip{min-height:44px !important;padding:6px 14px}
  .v-prefs__in,.v-prefs__save{min-height:44px !important}
  .v-prefs__in.is-short{flex:1 1 140px}
  .v-prefs__edit > summary{min-height:44px}
}

/* ===== מקורו ב-_ds_pages.css: מראה הדפים שנבנו מחדש ב-5.10.2026 ===== */
/* _ds_pages.css: המראה המשותף של דפי הכלים שנבנו מחדש לפי קו העיצוב של הדשבורד (5.10.2026).
   למה קובץ נפרד: סוכן אחר עורך עכשיו את _ds.css. כל מה שכאן ימוזג לתוך _ds.css בהמשך.
   כללים: רק הוספה (לא מוחקים כלל קיים), הערות בעברית פשוטה, וכל כלל תחום תחת העטיפה של הדף (‎.v-pg‎ או מחלקה של דף אחד),
   כך ששום דף אחר בדשבורד לא מושפע. הדוגמה שממנה זה נבנה: דף ההתראות (alerts.html, ALERTS_REDESIGN_5_10.md).
   מפת המקטעים: phase-09-live/31-ux-redesign/TOOL_PAGES_REDESIGN_BATCH1_5_10.md */

/* ===== חלק 1 · עטיפת דף כלי (משותף לכל דפי הכלים) ===== */

/* המרווח בין הכרטיסים, כמו בדף ההתראות */
.v-pg{display:flex;flex-direction:column;gap:18px;padding-bottom:40px;min-width:0}
.v-pg > *{min-width:0}

/* שורת המצב הדקה מתחת למדדים: תג «דגם», משפט קצר, ובצד השני «איך זה עובד» */
.v-pg-state{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:var(--v-muted)}
.v-pg-howto{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;font-size:13px}
.v-pg-howto svg{width:15px;height:15px}

/* כותרת כרטיס: שם + מונה קטן, ומתחת שורה אחת אנושית */
.v-pg .v-pg-head{margin-bottom:2px}
.v-pg .v-pg-head h3{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--v-fs-sec);font-weight:700;color:var(--v-ink)}
.v-pg-n{display:inline-grid;place-items:center;min-width:26px;height:22px;padding:0 8px;border-radius:var(--v-r-chip);
  background:var(--v-blue-soft);color:var(--v-blue);font-size:12px;font-weight:700}
.v-pg-line{margin:0 0 14px;font-size:13.5px;color:var(--v-muted);line-height:1.5}

/* «עוד פרטים»: עובדות נוספות שנפתחות בלחיצה. בתוכן אין שדות להקלדה, רק טקסט וטבלאות. */
.v-pg-more{margin:10px 0 4px;border-top:var(--v-bw) solid var(--v-line);padding-top:8px}
.v-pg-more > summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;min-height:32px;
  font-size:13px;font-weight:600;color:var(--v-blue)}
.v-pg-more > summary::-webkit-details-marker{display:none}
.v-pg-more > summary::after{content:"";width:7px;height:7px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg);margin-top:-3px;transition:transform var(--v-fast) var(--v-ease)}
.v-pg-more[open] > summary::after{transform:rotate(225deg);margin-top:3px}
.v-pg-more > *:not(summary){margin-top:6px}
.v-pg-more .v-card__sub{margin:4px 0}
/* גרסת «הערה»: רקע עדין, כדי שהמספר בכותרת יבלוט גם כשהיא סגורה */
.v-pg-more.is-note{border:var(--v-bw) solid var(--v-line);border-radius:12px;background:var(--v-surface-2);padding:6px 14px 10px;margin-top:14px}
.v-pg-more.is-note > summary{color:var(--v-ink)}

/* כותרות משנה בתוך כרטיס, וטופס עם כותרת לכל רוחבו */
.v-pg .v-rp-card h4{margin:18px 0 8px;font-size:14px;font-weight:700;color:var(--v-ink)}
.v-pg .v-rp-form{margin-top:6px;padding:14px;border:var(--v-bw) solid var(--v-line);border-radius:12px;background:var(--v-surface-2)}
.v-pg .v-rp-form > h4{flex-basis:100%;margin:0 0 2px}
.v-pg .v-rp-form .v-field{margin-bottom:0}

/* פעולה בשורת טבלה: פעולה ראשית אחת, וכפתור שקט לצידה */
.v-pg-rowact{white-space:nowrap}
.v-pg-rowact a{font-weight:600;font-size:13px}
.v-pg-quiet{margin-inline-start:12px;font-size:12.5px;color:var(--v-muted)}
.v-pg-quiet:hover{color:var(--v-blue)}

/* תוכן המגירה */
.v-pg-lead{margin:0 0 14px;font-size:14px;line-height:1.6;color:var(--v-ink)}
.v-pg-facts{display:grid;grid-template-columns:max-content 1fr;gap:10px 16px;margin:0 0 18px;font-size:13px;line-height:1.55}
.v-pg-facts dt{color:var(--v-muted);font-weight:600}
.v-pg-facts dd{margin:0;color:var(--v-ink)}

/* המדדים הם כפתורי קפיצה לכרטיס */
.v-pg .v-kpis .v-kpi{font:inherit;text-align:start}
.v-pg .v-kpis.is-3{grid-template-columns:repeat(3,1fr)}

@media (max-width:640px){
  .v-pg-howto{margin-inline-start:0}
  .v-pg-facts{grid-template-columns:1fr;gap:2px 0}
  .v-pg-facts dd{margin-bottom:8px}
  .v-pg-rowact{white-space:normal}
  .v-pg-quiet{margin-inline-start:10px}
  .v-pg .v-kpis.is-3{grid-template-columns:repeat(2,1fr)}
}

/* ===== חלק 2 · תמונות השער: לכל דף נוף אחר של ארה״ב, והנושא יושב בצד השמאלי הפנוי (מימין ההדרגה הלבנה והכותרת) ===== */

/* «מה פתוח לכולם»: שלט הוליווד. התמונה צולמה מאחורי השלט ולכן היא מוצגת במראה, כך שהאותיות נקראות נכון. */
/* התמונה מעוגנת לתחתית, מעל שורת המדדים (35 פיקסלים), כך שהאותיות לא מוסתרות מאחורי הכרטיסים */
.v-cover.is-payouts{background:#5E7488}
.v-cover.is-payouts .v-cover__img{transform:scaleX(-1);inset:auto 0 var(--v-kpi-lift) 0;height:auto;min-height:100%;object-fit:cover;object-position:50% 100%;filter:saturate(1.15) contrast(1.05) brightness(1.08)}

/* «תשלומי נציגים»: גשר שער הזהב */
.v-cover.is-reppay .v-cover__img{inset:0 auto 0 -38%;width:150%;max-width:none;object-position:50% 70%;filter:saturate(1.1)}

/* «התיקים הפתוחים שלי»: הגרנד קניון */
.v-cover.is-myfiles .v-cover__img{object-position:50% 60%;filter:saturate(1.15) contrast(1.04)}

/* ===== חלק 3 · «התיקים הפתוחים שלי» (‎.is-myfiles‎) ===== */

/* תגיות התצוגה ובורר השלב בשורה אחת, בלי מרווח עליון מיותר */
.v-pg.is-myfiles .mf__chips{margin:0}
/* הרשימה: כרטיס אחד, שורות עם קו מפריד במקום מסגרת לכל שורה */
.v-pg.is-myfiles .mf__card{padding:6px 18px 10px}
.v-pg.is-myfiles .mf__cardhead{display:flex;align-items:center;gap:8px;padding:12px 0 8px;margin:0;font-size:var(--v-fs-sec);font-weight:700;color:var(--v-ink)}
.v-pg.is-myfiles .mf__total{margin:0;font-size:inherit;font-weight:inherit}
.v-pg.is-myfiles ul.mf__list.v-card{padding:0;border:0;box-shadow:none;background:none;gap:0}
.v-pg.is-myfiles .mf__list{gap:0}
.v-pg.is-myfiles .mf__row{border-top:var(--v-bw) solid var(--v-line);padding:4px 0}
.v-pg.is-myfiles .mf__link{border:0;border-radius:10px;padding-inline:8px;min-height:54px;background:none}
.v-pg.is-myfiles .mf__link:hover,.v-pg.is-myfiles .mf__link:focus-visible{background:var(--v-surface-2)}
.v-pg.is-myfiles .mf__name{font-size:15px;font-weight:700;color:var(--v-ink)}
.v-pg.is-myfiles .mf__why{font-size:13px;color:var(--v-ink-2)}
.v-pg.is-myfiles .mf__meta{font-size:12px;color:var(--v-muted)}
.v-pg.is-myfiles .mf__go{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:var(--v-r-chip);
  border:var(--v-bw) solid var(--v-border);background:var(--v-surface);color:var(--v-blue);font-size:13px;font-weight:600}
.v-pg.is-myfiles .mf__view{margin-top:0}
.v-pg.is-myfiles .mf__view .mf__list{margin-bottom:6px}
.v-pg.is-myfiles .mf__group{margin:14px 0 4px;font-size:13px;font-weight:700;color:var(--v-ink-2)}
.v-pg.is-myfiles .mf__sub{margin:0 0 4px}

/* ===== 5.10.2026 תיקוני שופט, סבב 1 (JUDGE_TOOL_PAGES_BATCH1_5_10.md). הוספה בלבד, דורס כללים קודמים בקובץ הזה לפי הסדר. ===== */

/* «מה פתוח לכולם»: כל שלט הוליווד נראה. התמונה כולה (בלי חיתוך) בצד השמאלי, מעל המדדים, והקצה הפנימי נמוג לרקע. */
.v-cover.is-payouts{background:linear-gradient(180deg,#C9D9E8 0%,#B8C9D8 60%,#A9BACB 100%)}
.v-cover.is-payouts .v-cover__img{inset:auto auto var(--v-kpi-lift) 0;width:64%;height:auto;min-height:0;object-fit:contain;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 16%);mask-image:linear-gradient(to right,transparent 0,#000 16%);
  filter:saturate(1.2) contrast(1.08) brightness(1.06)}
@media (max-width:640px){
  .v-cover.is-payouts .v-cover__img{inset:auto 0 var(--v-kpi-lift) 0;width:100%;-webkit-mask-image:none;mask-image:none}
}

/* טופס מתקפל: סגור כברירת מחדל, כפתור של שתי מילים פותח אותו */
.v-pg-fold{margin-top:14px}
.v-pg-fold__btn{min-height:36px}
.v-pg-fold.is-open .v-pg-fold__btn{margin-bottom:10px}
.v-pg-fold__body[hidden]{display:none}
.v-pg-fold .v-rp-form{margin-top:0}

/* «למי מגיע כסף»: בתא הסכום רק הסכום ושורה אפורה אחת. שאר השורות נשארות בדף ונראות במגירה («פרטים»). */
.v-pg.is-payouts [data-role="ov-table"] td[data-role="ov-amount"] > div:nth-of-type(n+2){display:none}
.v-pg.is-payouts [data-role="ov-table"] td[data-role="ov-amount"] > div{margin-top:2px}
.v-pg-facts dd .v-card__sub{display:block;margin:0 0 4px;color:var(--v-ink)}

/* ===== סבב 2 (5.10.2026, TOOL_PAGES_REDESIGN_BATCH2_5_10.md): «מצב שיחה», «מצב שיחת תכנון», «שיווק», «מדריך קצר». הוספה בלבד. ===== */

/* --- חלק 2.1 · תמונות השער של סבב 2 --- */
/* «מצב שיחה»: מונומנט ואלי. שלושת הסלעים בצד השמאלי, מעל המדדים */
.v-cover.is-call .v-cover__img{object-position:30% 62%;filter:saturate(1.05)}
/* «מצב שיחת תכנון»: קו הרקיע של ניו יורק בשקיעה. המגדל הגבוה בצד השמאלי */
.v-cover.is-plancall .v-cover__img{inset:0 auto 0 -20%;width:125%;max-width:none;object-position:50% 40%}
/* «שיווק»: גשר שער הזהב, חיתוך אחר מדף תשלומי הנציגים: עמוד הגשר הקרוב בצד השמאלי */
.v-cover.is-marketing .v-cover__img{inset:0 auto 0 0;width:140%;max-width:none;object-position:12% 60%;filter:saturate(1.1)}
/* «מדריך קצר»: הגרנד קניון, חיתוך נמוך יותר מדף התיקים */
.v-cover.is-guide .v-cover__img{object-position:30% 75%;filter:saturate(1.1) contrast(1.04)}
@media (max-width:640px){
  .v-cover.is-plancall .v-cover__img,.v-cover.is-marketing .v-cover__img{inset:0;width:100%}
}

/* --- חלק 2.2 · טופס או רשימה שנפתחים בלחיצה (details): הכותרת היא הכפתור, סגור כברירת מחדל --- */
.v-pg-det{border-top:var(--v-bw) solid var(--v-line);margin-top:4px}
.v-pg-det > summary{cursor:pointer;list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;min-height:44px;padding:6px 0}
.v-pg-det > summary::-webkit-details-marker{display:none}
.v-pg-det > summary::after{content:"";width:7px;height:7px;margin-inline-start:auto;border-inline-end:2px solid var(--v-blue);border-bottom:2px solid var(--v-blue);
  transform:rotate(45deg);margin-top:-3px;transition:transform var(--v-fast) var(--v-ease)}
.v-pg-det[open] > summary::after{transform:rotate(225deg);margin-top:3px}
.v-pg-det__t{font-size:15px;font-weight:700;color:var(--v-ink)}
.v-pg-det__hint{font-size:13px;color:var(--v-muted)}
.v-pg-det__body{padding:4px 0 6px}
/* גרסה בתוך כרטיס, בלי קו עליון: «שלב אחר מהרשימה» */
.v-pg-det.is-inline{border-top:0;margin-top:0}
.v-pg-det.is-inline .v-pg-det__t{font-size:13.5px;font-weight:600;color:var(--v-blue)}
/* כרטיס שכל תוכנו הוא טופס מתקפל: בלי קו ובלי ריווח כפול */
.v-pg .v-cs-card > .v-pg-det:first-child{border-top:0;margin-top:-6px}

/* קישור שקט בסוף שורה («למה הוא הבא») */
.v-pg-whylink{font-size:12.5px;font-weight:600;margin-inline-start:6px}

/* --- חלק 2.3 · «מצב שיחה» ו«מצב שיחת תכנון» (‎.is-call‎ · ‎.is-plancall‎) --- */
/* כרטיסים רגועים: ריווח פנימי כמו בשאר הדשבורד, כותרת כרטיס בגודל של כותרת מקטע */
.v-pg.is-call .v-cs-card,.v-pg.is-plancall .v-cs-card{padding:18px 20px}
.v-pg.is-call .v-cs-card h3,.v-pg.is-plancall .v-cs-card h3{font-size:var(--v-fs-sec)}
.v-pg.is-call .v-cs__bar,.v-pg.is-plancall .v-cs__bar{padding:14px 20px}
/* תאריך במדד: קצת קטן מספר, כדי שייכנס בשורה אחת */
.v-pg.is-call .v-kpi[data-jump="cs-form"]:last-child .v-kpi__value{font-size:clamp(20px,2vw,26px);white-space:nowrap}
/* בטלפון: כל כפתור ושבב לפחות 44 פיקסל גובה, כדי שאצבע תפגע */
@media (max-width:640px){
  .v-pg.is-call .v-btn,.v-pg.is-call .v-chip,.v-pg.is-plancall .v-btn,.v-pg.is-plancall .v-chip{min-height:44px}
  .v-pg.is-plancall .v-field input,.v-pg.is-plancall .v-field select{min-height:44px}
  .v-pg.is-call .v-cs-card,.v-pg.is-plancall .v-cs-card{padding:16px}
}

/* --- חלק 2.4 · «שיווק» (‎.is-marketing‎): הדף החיצוני והלשוניות בלבד. הכלי שבתוך המסגרת לא נגעו בו. --- */
.v-pg.is-marketing{padding-top:0}
.v-pg.is-marketing .v-note{margin-bottom:0}
/* «מה אפשר לעשות כאן»: במקום מספר, מילה אחת שאומרת אם הלשונית פתוחה */
.v-pg-do .v-kpi{min-height:96px}
.v-pg-do .v-pg-do__state{font-size:20px;color:var(--v-muted)}
.v-pg-do .v-pg-do__state.is-ready{color:var(--v-green)}
/* הלשוניות: פס לבן אחד מעל המסגרת, כמו בשאר הדפים */
.v-pg.is-marketing .v-mk .v-tabs{display:inline-flex;margin-bottom:12px;padding:5px;background:var(--v-surface);border:var(--v-bw) solid var(--v-border);
  border-radius:var(--v-r-chip);box-shadow:var(--v-sh-card)}
.v-pg.is-marketing .v-mk .v-tab{border-radius:var(--v-r-chip)}
.v-pg.is-marketing .v-mk__soon{padding:48px 24px}
@media (max-width:900px){
  .v-pg.is-marketing .v-mk .v-tabs{display:flex;max-width:100%}
  .v-pg-do{grid-template-columns:repeat(2,1fr)}
}

/* --- חלק 2.5 · «מדריך קצר» (‎.is-guide‎): דף עזרה בלי סרגל צד. כרטיס לכל נושא, שורות קצרות, וההסבר המלא נפתח ב«עוד פרטים». --- */
.v-gd-main{min-height:100vh}
.v-gd-main .v-top{justify-content:flex-start}
.v-pg.is-guide{max-width:1040px;margin-inline:auto}
.v-pg.is-guide .v-pg-do a.v-kpi{color:inherit;text-decoration:none;min-height:88px}
.v-pg.is-guide .v-gd-intro{margin:0}
.v-gd-sec{padding:20px 22px}
.v-gd-sec h2{margin:0 0 8px;font-size:var(--v-fs-sec);font-weight:700;color:var(--v-ink)}
.v-gd-sec > p,.v-gd-sec li{font-size:14px;line-height:1.7;color:var(--v-ink-2)}
.v-gd-sec > p{margin:0 0 10px}
.v-gd-sec > p:last-child{margin-bottom:0}
.v-gd-sec ol,.v-gd-sec ul{margin:0;padding-inline-start:20px}
.v-gd-sub{margin:0 0 14px;font-size:13.5px;line-height:1.6;color:var(--v-muted)}
.v-gd-note{margin:12px 0 0;font-size:12.5px;color:var(--v-muted)}
.v-gd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:14px}
.v-gd-grid.is-caps{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));align-items:start}
.v-gd-box{border:var(--v-bw) solid var(--v-line);border-radius:var(--v-r-card);padding:14px 16px;background:var(--v-surface-2)}
.v-gd-box .v-chip{margin-bottom:8px}
.v-gd-box .v-gd-sub{margin:0 0 8px;font-size:13px}
.v-gd-box ol{font-size:13.5px;line-height:1.7;padding-inline-start:18px}
.v-gd-box h3{margin:0 0 4px;font-size:15.5px;font-weight:700;color:var(--v-ink)}
.v-gd-who{margin:0 0 6px;font-size:12.5px;font-weight:600;color:var(--v-blue);line-height:1.5}
.v-gd-one{margin:0;font-size:14px;line-height:1.55;color:var(--v-ink)}
.v-gd-box .v-pg-det{margin-top:6px}
.v-gd-box .v-pg-det > summary{min-height:36px;padding:2px 0}
.v-gd-box .v-pg-det__body p{margin:0 0 8px;font-size:13.5px;line-height:1.7;color:var(--v-ink-2)}
.v-gd-not{color:var(--v-muted)}
.v-gd-tablewrap{overflow-x:auto;margin:4px 0 12px}
.v-gd-table{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.55}
.v-gd-table th{text-align:start;font-weight:600;color:var(--v-muted);padding:8px 10px;border-bottom:var(--v-bw) solid var(--v-border)}
.v-gd-table td{padding:8px 10px;border-bottom:var(--v-bw) solid var(--v-line);vertical-align:top}
.v-gd-table td:first-child{color:var(--v-ink);font-weight:600;width:48%}
.v-gd-sec .v-callout{margin-top:12px}
@media (max-width:640px){
  .v-gd-sec{padding:16px}
  .v-gd-box .v-pg-det > summary{min-height:44px}
}
/* המדריך ברוחב של שאר הדפים, כדי שהכותרת על התמונה והכרטיסים יתיישרו; ארבעת התפקידים בשורה אחת */
.v-pg.is-guide{max-width:none}
.v-cover.is-guide .v-cover__img{object-position:30% 55%;filter:saturate(1.3) contrast(1.1)}
/* בטלפון, במסכי השיחה: 44 פיקסל לכל כפתור, שבב ושדה. הכלל הכללי של _ds.css קובע 40 עם !important, ולכן גם כאן !important, רק בתוך שני הדפים האלה. */
@media (max-width:640px){
  .v-pg.is-call .v-btn,.v-pg.is-call .v-chip,.v-pg.is-plancall .v-btn,.v-pg.is-plancall .v-chip,
  .v-pg.is-plancall .v-field input,.v-pg.is-plancall .v-field select{min-height:44px!important}
}

/* ===== 5.10.2026 «תשלומי נציגים» פשוט (NV-2026-10-05-010): מסך ראשון = טבלה אחת. הכל תחת ‎.is-reppay‎. ===== */
/* הטבלה הראשית: מספרים גדולים, תוויות קצרות */
.v-pg.is-reppay .v-pg-sum{padding:18px 20px}
.v-pg.is-reppay .v-pg-sumtable td{vertical-align:middle;padding-block:14px}
.v-pg.is-reppay .v-pg-sumtable td b{font-size:16px;color:var(--v-ink)}
.v-pg.is-reppay .v-pg-amt{font-size:20px;font-weight:700;color:var(--v-ink);white-space:nowrap}
.v-pg.is-reppay .v-pg-sumacts{margin-top:16px;gap:10px}
/* «פעולות נוספות»: כפתור רחב ושקט, ומתחתיו הכרטיסים הקודמים */
.v-pg.is-reppay .v-pg-more-area > .v-pg-fold{margin-top:0}
.v-pg.is-reppay .v-pg-more-area > .v-pg-fold > .v-pg-fold__btn{width:100%;min-height:48px;justify-content:center;font-size:15px}
.v-pg.is-reppay .v-pg-more-area > .v-pg-fold > .v-pg-fold__body{display:flex;flex-direction:column;gap:18px}
.v-pg.is-reppay .v-pg-more-area > .v-pg-fold > .v-pg-fold__body[hidden]{display:none}
/* רשימת הלקוחות במגירה */
.v-pg-drlist{list-style:none;margin:0;padding:0}
.v-pg-drlist li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:10px 0;border-top:var(--v-bw) solid var(--v-line);font-size:13.5px}
.v-pg-drlist li b{flex:1 1 140px;color:var(--v-ink)}
.v-pg-drlist li .v-num{font-weight:700}
/* בטלפון: כל שורה בטבלה הראשית היא כרטיס. שם וסכום גדולים, הכפתור ברוחב מלא. */
@media (max-width:480px){
  .v-pg.is-reppay .v-pg-sumtable,.v-pg.is-reppay .v-pg-sumtable tbody{display:block;width:100%}
  .v-pg.is-reppay .v-pg-sumtable thead{display:none}
  .v-pg.is-reppay .v-pg-sumtable tr{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding:12px 14px;margin-bottom:10px;
    border:var(--v-bw) solid var(--v-line);border-radius:12px;background:var(--v-surface)}
  .v-pg.is-reppay .v-pg-sumtable td{display:block;padding:0;border:0;height:auto}
  .v-pg.is-reppay .v-pg-sumtable td:nth-child(1){grid-column:1;grid-row:1}
  .v-pg.is-reppay .v-pg-sumtable td:nth-child(2){grid-column:1;grid-row:2;font-size:12.5px;color:var(--v-muted)}
  .v-pg.is-reppay .v-pg-sumtable td:nth-child(3){display:none}
  .v-pg.is-reppay .v-pg-sumtable td:nth-child(4){grid-column:2;grid-row:1 / span 2;text-align:end}
  .v-pg.is-reppay .v-pg-sumtable td:nth-child(5){grid-column:1 / -1;grid-row:3;margin-top:8px}
  .v-pg.is-reppay .v-pg-sumtable td:nth-child(5) .v-btn{width:100%;min-height:44px}
  .v-pg.is-reppay .v-pg-sumacts .v-btn{flex:1 1 auto;min-height:44px}
}

/* 5.10.2026 (שופט, סבב 3): «לא ידוע» ו«מודל מדורג» בעמודת הסכום באפור ובגודל רגיל, כדי שלא ייראו כמו מספר */
.v-pg.is-reppay .v-pg-amt.is-quiet{font-size:15px;font-weight:600;color:var(--v-muted)}

/* ===== תיקוני שופט, סבב 2 (5.10.2026, JUDGE_TOOL_PAGES_BATCH2_5_10.md, NV-2026-10-05-010: «ברורים בשניה אחת») ===== */
/* «שיווק»: אין שורת כרטיסים. שורת המצב יושבת מתחת לתמונה, ובה «בקרוב» שקט */
.v-pg.is-marketing{padding-top:16px}
.v-pg-soon{font-size:13px;color:var(--v-muted)}
.v-pg-soon::before{content:"·";margin-inline-end:10px;color:var(--v-line)}
/* מסכי השיחה: פעולה ראשית אחת. תיבת ההערות («מה נאמר עכשיו») בולטת: מסגרת כחולה וצל; שאר הפעולות שורות סגורות ושקטות */
.v-pg.is-call [data-notes-host] > .nb,.v-pg.is-plancall [data-notes-host] > .nb{border:2px solid var(--v-blue);box-shadow:0 8px 24px rgba(23,92,211,.12)}
.v-pg.is-call [data-notes-host] .nb__title,.v-pg.is-plancall [data-notes-host] .nb__title{font-size:var(--v-fs-sec)}
.v-pg.is-call .v-cs-card.is-fold,.v-pg.is-plancall .v-cs-card.is-fold{padding:6px 20px}
.v-pg.is-call .v-cs-card.is-fold > .v-pg-det,.v-pg.is-plancall .v-cs-card.is-fold > .v-pg-det{border-top:0;margin:0}
.v-pg.is-call .v-cs-card.is-fold > .v-pg-det > summary,.v-pg.is-plancall .v-cs-card.is-fold > .v-pg-det > summary{min-height:52px}
.v-pg-det__hint.is-unknown{color:var(--v-muted)}
.v-pg-det__hint b{color:var(--v-ink);font-weight:600}
@media (max-width:640px){
  .v-pg.is-call .v-cs-card.is-fold,.v-pg.is-plancall .v-cs-card.is-fold{padding:4px 16px}
}
/* «מדריך קצר»: כרטיס אחד «הנושאים», בו שורה סגורה לכל נושא (כותרת קצרה + שורה אחת). התוכן המלא נפתח בלחיצה */
.v-gd-topics{padding:8px 22px 10px}
.v-gd-topics__h{margin:12px 0 4px;font-size:var(--v-fs-sec);font-weight:700;color:var(--v-ink)}
.v-gd-row{scroll-margin-top:80px}
.v-gd-row > summary{min-height:56px}
.v-gd-row > summary .v-pg-det__t{min-width:180px}
.v-gd-row > .v-pg-det__body{padding:4px 0 18px}
.v-gd-row > .v-pg-det__body > p,.v-gd-row > .v-pg-det__body li{font-size:14px;line-height:1.7;color:var(--v-ink-2)}
.v-gd-row > .v-pg-det__body > p{margin:0 0 10px}
.v-gd-row > .v-pg-det__body ol,.v-gd-row > .v-pg-det__body ul{margin:0;padding-inline-start:20px}
.v-gd-row .v-callout{margin-top:12px}
/* שער בהיר יותר: הסלעים האדומים בצד השמאלי, ניגודיות גבוהה, והכותרת על רקע בהיר */
.v-cover.is-guide{background:#F4E9DF}
.v-cover.is-guide .v-cover__img{object-position:20% 62%;filter:saturate(1.45) contrast(1.15) brightness(1.08)}
@media (max-width:640px){
  .v-gd-topics{padding:6px 16px 8px}
  .v-gd-row > summary .v-pg-det__t{min-width:0}
}

/* ===== 5.10.2026 «תשלומי נציגים» חזותי (NV-2026-10-05-011): כרטיס לכל נציג, רצועת «מה דורש טיפול?», פס שולם מול מגיע. הכל תחת ‎.is-reppay‎. ===== */
.v-pg.is-reppay .v-pg-todo{margin-top:0}
.v-pg.is-reppay .v-pg-todo .v-strip__cards.is-2{grid-template-columns:repeat(2,1fr)}
.v-pg.is-reppay .v-pg-reps__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.v-pg.is-reppay .v-pg-reps__head h2{margin:0;font-size:var(--v-fs-sec);font-weight:700;color:var(--v-ink)}
.v-pg.is-reppay .v-pg-reps__head .v-rp-since{margin:0}
/* כרטיסי הנציגים: רשת, כל כרטיס תחום ולבן */
.v-pg.is-reppay .v-pg-rcgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:16px}
.v-pg.is-reppay .v-pg-rc{display:flex;flex-direction:column;gap:8px;padding:16px 18px}
.v-pg.is-reppay .v-pg-rc__head{display:flex;align-items:center;gap:12px}
.v-pg.is-reppay .v-pg-rc__head b{display:block;font-size:16px;font-weight:700;color:var(--v-ink)}
.v-pg.is-reppay .v-pg-rc__role{margin:2px 0 0;font-size:12.5px;color:var(--v-muted)}
.v-pg.is-reppay .v-pg-ava{width:42px;height:42px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:var(--v-blue-soft);color:var(--v-blue);font-weight:700;font-size:15px}
.v-pg.is-reppay .v-pg-ava.is-usd{background:var(--v-purple-soft);color:var(--v-purple)}
.v-pg.is-reppay .v-pg-rc__lbl{margin:6px 0 0;font-size:12.5px;color:var(--v-muted)}
.v-pg.is-reppay .v-pg-rc__big{margin:0;font-size:var(--v-fs-kpi);font-weight:700;line-height:1.1;color:var(--v-ink);font-variant-numeric:tabular-nums}
.v-pg.is-reppay .v-pg-rc__big.is-quiet{font-size:18px;font-weight:600;color:var(--v-muted)}
.v-pg.is-reppay .v-pg-rc__chips{display:flex;flex-wrap:wrap;gap:6px}
.v-pg.is-reppay .v-pg-rc__btn{margin-top:auto;align-self:flex-start;min-height:36px}
/* פס «שולם מול מגיע» */
.v-pg.is-reppay .v-pg-bar{height:8px;border-radius:99px;background:var(--v-amber-soft);overflow:hidden}
.v-pg.is-reppay .v-pg-bar i{display:block;height:100%;border-radius:99px;background:var(--v-green)}
.v-pg.is-reppay .v-pg-barleg{display:flex;justify-content:space-between;font-size:12px;color:var(--v-muted)}
@media (max-width:640px){
  .v-pg.is-reppay .v-pg-todo .v-strip__cards.is-2{grid-template-columns:1fr}
  .v-pg.is-reppay .v-pg-rc__btn{align-self:stretch;min-height:44px}
}

/* ===== סבב תצוגה (5.10.2026, NV-2026-10-05-011: «תצוגה יותר ויזואלית... הרבה טקסט בלי תחימה»). הוספה בלבד ===== */
/* «מה הליד מילא» ו«הטיול במבט אחד»: כל פרט אריח ממוסגר. תווית אפורה קטנה מעל ערך גדול */
.v-pg.is-call .v-cs-grid,.v-pg.is-plancall .v-cs-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:6px}
.v-pg.is-call .v-cs-row,.v-pg.is-plancall .v-cs-row{border:var(--v-bw) solid var(--v-line);border-top:var(--v-bw) solid var(--v-line);border-radius:12px;
  background:var(--v-surface-2);padding:10px 12px;gap:4px;min-width:0}
.v-pg.is-call .v-cs-row dt,.v-pg.is-plancall .v-cs-row dt{font-size:12px;color:var(--v-muted);font-weight:600}
.v-pg.is-call .v-cs-row dd,.v-pg.is-plancall .v-cs-row dd{font-size:17px;font-weight:700;color:var(--v-ink);line-height:1.3}
.v-pg.is-call .v-cs-row.is-unknown dd,.v-pg.is-plancall .v-cs-row.is-unknown dd{font-size:14px;font-weight:600;color:var(--v-muted)}
.v-pg.is-call .v-cs-row[data-k="email"] dd{font-size:14px}
.v-pg.is-plancall .v-pc-rel{display:block;font-size:12.5px;font-weight:600;color:var(--v-blue);margin-top:2px}
/* «מה נאמר» ו«מה עוד חסר»: עד שלושה בלוקים ממוסגרים, לכל אחד אייקון בעיגול בצבע שלו */
.v-pg-blks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:10px;margin-top:12px}
.v-pg-blk{border:var(--v-bw) solid var(--v-line);border-radius:12px;background:var(--v-surface-2);padding:12px 14px;min-width:0}
.v-pg-blk > b,.v-pg-blk > h4.v-cs-h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:14px;font-weight:700;color:var(--v-ink)}
.v-pg-blk ul{margin:0;padding-inline-start:18px;font-size:13.5px;line-height:1.6}
.v-pg-blk__ic{width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--v-sky-soft);color:var(--v-sky)}
.v-pg-blk__ic svg{width:15px;height:15px}
.v-pg-blk.t-green .v-pg-blk__ic{background:var(--v-green-soft);color:var(--v-green)}
.v-pg-blk.t-amber .v-pg-blk__ic{background:var(--v-amber-soft);color:var(--v-amber)}
.v-pg-blk.t-purple .v-pg-blk__ic{background:var(--v-purple-soft);color:var(--v-purple)}
.v-pg-blk.t-red .v-pg-blk__ic{background:var(--v-bad-soft);color:var(--v-bad)}
.v-pg-blk .v-cs-list{margin:0}
.v-pg-blk .v-pg-det{border-top:0;margin-top:0}
.v-pg-blk .v-cs-text{font-size:13.5px;margin:0}
/* במסך התכנון «מה עוד חסר» צר יותר: בלוק הפרטים לכל הרוחב, השניים האחרים זה לצד זה */
.v-pg.is-plancall #pc-open .v-pg-blks{grid-template-columns:repeat(2,minmax(0,1fr))}
.v-pg.is-plancall #pc-open .v-pg-blk.t-red{grid-column:1/-1}
@media (max-width:640px){
  .v-pg.is-call .v-cs-grid,.v-pg.is-plancall .v-cs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v-pg.is-plancall #pc-open .v-pg-blks{grid-template-columns:1fr}
}
/* «מדריך קצר»: אייקון בעיגול צבעוני בכל שורת נושא, כמו בכרטיסי המדדים; משפט הפתיחה במסגרת */
.v-gd-ic{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--v-sky-soft);color:var(--v-sky)}
.v-gd-ic svg{width:18px;height:18px}
.v-gd-ic.t-green{background:var(--v-green-soft);color:var(--v-green)}
.v-gd-ic.t-amber{background:var(--v-amber-soft);color:var(--v-amber)}
.v-gd-ic.t-purple{background:var(--v-purple-soft);color:var(--v-purple)}
.v-gd-ic.t-red{background:var(--v-bad-soft);color:var(--v-bad)}
.v-gd-row > summary{gap:6px 14px}
.v-pg.is-guide .v-gd-intro{display:flex;align-items:center;gap:12px;margin:0;padding:12px 16px;border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-card);
  background:var(--v-surface);box-shadow:var(--v-sh-card);color:var(--v-ink-2)}
.v-gd-intro__ic{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--v-blue-soft);color:var(--v-blue)}
.v-gd-intro__ic svg{width:17px;height:17px}
/* «שיווק» בדגם: המסגרת של הכלי קטנה (רק ההודעה שלו), ומתחתיה מצב ריק רגוע עם אייקון ושורה אחת */
.v-pg.is-marketing .v-mk__frame.is-demo{height:96px;min-height:0}
.v-mk__empty{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:12px;padding:36px 20px;text-align:center;
  background:var(--v-surface);border:var(--v-bw) dashed var(--v-border);border-radius:var(--v-r-panel);color:var(--v-muted);font-size:14px}
.v-mk__empty b{font-size:16px;color:var(--v-ink)}
.v-mk__empty-ic{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--v-sky-soft);color:var(--v-sky);margin-bottom:4px}
.v-mk__empty-ic svg{width:24px;height:24px}
.v-mk-demo{background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-panel);box-shadow:var(--v-sh-card);padding:24px;display:grid;gap:22px}
.v-mk-demo__head,.v-mk-demo__bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.v-mk-demo__head h2{margin:10px 0 4px;font-size:24px;color:var(--v-ink)}
.v-mk-demo__head p,.v-mk-demo__bottom p{margin:0;color:var(--v-muted);line-height:1.55}
.v-mk-demo__head>strong{font-size:13px;color:var(--v-muted);white-space:nowrap}
.v-mk-demo__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v-mk-demo__grid article{border:1px solid var(--v-border);border-radius:14px;padding:16px;display:grid;gap:6px;min-height:122px}
.v-mk-demo__grid span,.v-mk-demo__grid small{font-size:13px;color:var(--v-muted)}
.v-mk-demo__grid b{font-size:25px;color:var(--v-ink)}
.v-mk-demo__bottom{background:var(--v-sky-soft);border-radius:14px;padding:18px}
.v-mk-demo__bottom b{display:block;margin-bottom:5px;color:var(--v-ink)}
@media (max-width:900px){.v-mk-demo{padding:16px}.v-mk-demo__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v-mk-demo__bottom{align-items:stretch;flex-direction:column}.v-mk-demo__bottom .v-btn{width:100%}}
/* האריחים בשלוש עמודות במחשב: 9 פרטים בשיחה ו-6 בתכנון יוצאים שורות מלאות */
@media (min-width:641px){ .v-pg.is-call .v-cs-grid,.v-pg.is-plancall .v-cs-grid{grid-template-columns:repeat(3,minmax(0,1fr))} }

/* 5.10.2026 (שופט סבב 4): בטלפון כרטיס נציג קצר: רק תגית המצב גלויה, שאר התגיות ב«פרטים». רצועת הטיפול בלי שורת ההסבר. */
@media (max-width:640px){
  .v-pg.is-reppay .v-pg-rc{gap:6px;padding:14px 16px}
  .v-pg.is-reppay .v-pg-rc__chips .v-rp-pill:not(:first-child){display:none}
  .v-pg.is-reppay .v-pg-rc__lbl{display:none}
  .v-pg.is-reppay .v-pg-barleg{display:none}
  .v-pg.is-reppay .v-pg-todo .v-act{padding:12px 14px}
  .v-pg.is-reppay .v-pg-todo .v-act__sub{display:none}
  .v-pg.is-reppay .v-pg-todo .v-act__title{min-height:0}
}

/* ===== «כלים מהירים» במסכי השיחה (5.10.2026, ledger ו.29, NV-2026-10-05-012). הוספה בלבד ===== */
/* שורה אחת מתחת לפס הלקוח: אריחים עם אייקון בעיגול ושתי מילים. כל אחד נפתח בלשונית חדשה, ומסך השיחה נשאר פתוח */
.v-pg-quick{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.v-pg-quick__h{font-size:13px;font-weight:700;color:var(--v-muted);margin-inline-end:4px}
.v-pg-quick__it{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:8px 16px 8px 12px;border-radius:14px;
  background:var(--v-surface);border:var(--v-bw) solid var(--v-border);box-shadow:var(--v-sh-card);
  font-size:14.5px;font-weight:700;color:var(--v-ink);text-decoration:none;transition:transform var(--v-fast) var(--v-ease),box-shadow var(--v-fast) var(--v-ease)}
.v-pg-quick__it:hover,.v-pg-quick__it:focus-visible{transform:translateY(-2px);box-shadow:var(--v-sh-float)}
.v-pg-quick__ic{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--v-sky-soft);color:var(--v-sky)}
.v-pg-quick__ic svg{width:18px;height:18px}
.v-pg-quick__it.t-green .v-pg-quick__ic{background:var(--v-green-soft);color:var(--v-green)}
.v-pg-quick__it.t-purple .v-pg-quick__ic{background:var(--v-purple-soft);color:var(--v-purple)}
@media (max-width:640px){
  .v-pg-quick__h{flex-basis:100%}
  .v-pg-quick__it{flex:1 1 calc(50% - 10px);min-height:52px}
}

/* 5.10.2026 «מגיע עכשיו» מול «כסף עתידי» (NV-2026-10-05-015): שורת «איך זה חושב» סגורה, וחלק עתידי שקט יותר */
.v-pg.is-reppay .v-pg-calc{margin:0}
.v-pg.is-reppay .v-pg-calc > summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--v-blue);min-height:28px}
.v-pg.is-reppay .v-pg-calc > summary::-webkit-details-marker{display:none}
.v-pg.is-reppay .v-pg-calc > summary::after{content:"";width:6px;height:6px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.v-pg.is-reppay .v-pg-calc[open] > summary::after{transform:rotate(225deg);margin-top:3px}
.v-pg.is-reppay .v-pg-calc .v-pg-facts{margin:6px 0 4px;padding:10px 12px;border-radius:10px;background:var(--v-surface-2);font-size:12.5px;gap:6px 12px}
.v-pg.is-reppay .v-pg-calclist{list-style:none;margin:0;padding:0}
.v-pg.is-reppay .v-pg-calclist li{display:flex;justify-content:space-between;gap:10px;padding:2px 0}
.v-pg.is-reppay .v-pg-calc small{display:block;color:var(--v-muted)}
.v-pg.is-reppay .v-pg-rc__fut{margin-top:4px;padding-top:8px;border-top:var(--v-bw) dashed var(--v-line)}
.v-pg.is-reppay .v-pg-rc__fut .v-pg-rc__lbl{margin-top:0}
.v-pg.is-reppay .v-pg-rc__mid{margin:0;font-size:17px;font-weight:600;color:var(--v-muted)}
@media (max-width:640px){
  .v-pg.is-reppay .v-pg-rc__lbl{display:block}
}
/* תיקון שופט (5.10.2026): בטלפון האריחים בשתי עמודות בתוך הרוחב, עם ריווח בצד של הכפתור הצף, כך ששום אריח לא נחתך ולא מוסתר */
@media (max-width:640px){
  .v-pg-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-inline-end:40px}
  .v-pg-quick__h{grid-column:1/-1}
  .v-pg-quick__it{min-width:0;padding:8px 10px;font-size:14px}
  .v-pg-quick__it > span:last-child{min-width:0;overflow-wrap:anywhere}
}

@media (max-width:640px){ .v-pg-quick{padding-inline-end:52px} }   /* הכפתור הצף (שלוש נקודות) רחב 44: ריווח מלא כדי שלא יכסה אריח */

/* ===== 5.10.2026 «מה פתוח לכולם» חזותי (NV-2026-10-05-011): אותה שפה כמו «תשלומי נציגים». רצועה, כרטיס לכל תשלום, «פעולות נוספות». הכל תחת ‎.is-payouts‎. הוספה בלבד ===== */
.v-pg.is-payouts .v-pg-todo{margin-top:0}
.v-pg.is-payouts .v-pg-todo .v-strip__cards.is-2{grid-template-columns:repeat(2,1fr)}
.v-pg.is-payouts .v-pg-reps{margin-top:22px}
.v-pg.is-payouts .v-pg-reps__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.v-pg.is-payouts .v-pg-reps__head h2{margin:0;font-size:var(--v-fs-sec);font-weight:700;color:var(--v-ink)}
.v-pg.is-payouts .v-pg-rcgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:16px}
.v-pg.is-payouts .v-pg-rc{display:flex;flex-direction:column;gap:8px;padding:16px 18px}
.v-pg.is-payouts .v-pg-rc__head{display:flex;align-items:center;gap:12px}
.v-pg.is-payouts .v-pg-rc__head b{display:block;font-size:16px;font-weight:700;color:var(--v-ink)}
.v-pg.is-payouts .v-pg-rc__role{margin:2px 0 0;font-size:12.5px;color:var(--v-muted)}
.v-pg.is-payouts .v-pg-ava{width:42px;height:42px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:var(--v-blue-soft);color:var(--v-blue);font-weight:700;font-size:15px}
.v-pg.is-payouts .v-pg-ava.is-usd{background:var(--v-purple-soft);color:var(--v-purple)}
.v-pg.is-payouts .v-pg-rc__big{margin:6px 0 0;font-size:var(--v-fs-kpi);font-weight:700;line-height:1.15;color:var(--v-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.v-pg.is-payouts .v-pg-rc__big.is-quiet{font-size:18px;font-weight:600;color:var(--v-muted)}
.v-pg.is-payouts .v-pg-rc__chips{display:flex;flex-wrap:wrap;gap:6px}
.v-pg.is-payouts .v-pg-rc__btn{margin-top:auto;align-self:flex-start;min-height:36px}
.v-pg.is-payouts .v-pg-sumacts{margin-top:16px;gap:10px}
.v-pg.is-payouts .v-pg-more-area{margin-top:18px}
.v-pg.is-payouts .v-pg-more-area > .v-pg-fold{margin-top:0}
.v-pg.is-payouts .v-pg-more-area > .v-pg-fold > .v-pg-fold__btn{width:100%;min-height:48px;justify-content:center;font-size:15px}
.v-pg.is-payouts .v-pg-more-area > .v-pg-fold > .v-pg-fold__body{display:flex;flex-direction:column;gap:18px}
.v-pg.is-payouts .v-pg-more-area > .v-pg-fold > .v-pg-fold__body[hidden]{display:none}
@media (max-width:640px){
  .v-pg.is-payouts .v-pg-todo .v-strip__cards.is-2{grid-template-columns:1fr}
  .v-pg.is-payouts .v-pg-rc__btn{align-self:stretch;min-height:44px}
  .v-pg.is-payouts .v-pg-sumacts .v-btn{flex:1 1 auto;min-height:44px}
}

/* ===== חלק 3 · סבב 3 (5.10.2026, TOOL_PAGES_REDESIGN_BATCH3_5_10.md): «קביעת שיחה» לצוות וללקוח, ושני תיקונים בכרטיס הלקוח. הוספה בלבד. ===== */

/* --- 3.1 · «קביעת שיחה» לצוות (book-send.html, ‎.is-booksend‎) --- */
/* שער: קו הרקיע של ניו יורק, חיתוך אחר מ«מצב שיחת תכנון» (הבניינים הגבוהים בצד השמאלי) */
.v-cover.is-booksend .v-cover__img{object-position:12% 55%;filter:saturate(1.08)}
.v-pg.is-booksend{max-width:none}
.v-pg.is-booksend .v-bk-state{margin:0}
.v-pg.is-booksend .v-bk__side .v-bk-day__t input{padding:0 6px;font-size:13px}
/* שתי עמודות: הקישור והשיחות (רחב), השעות שלי בצד */
.v-pg.is-booksend .v-bk__grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;align-items:start}
.v-pg.is-booksend .v-bk__grid.is-one{grid-template-columns:minmax(0,1fr)}
.v-pg.is-booksend .v-bk__main,.v-pg.is-booksend .v-bk__side{display:flex;flex-direction:column;gap:18px;min-width:0}
.v-pg.is-booksend .v-bk-card{padding:20px 22px}
.v-pg.is-booksend .v-card__head h3{font-size:var(--v-fs-sec)}
/* השעות שלי בעמודה הצרה: שורת יום קומפקטית */
.v-pg.is-booksend .v-bk__side .v-bk-day{grid-template-columns:1fr 1fr;gap:6px 10px;padding:8px 12px}
.v-pg.is-booksend .v-bk__side .v-bk-day__on{grid-column:1 / -1}
.v-pg.is-booksend .v-bk__side .v-bk-day__t{min-width:0}
.v-pg.is-booksend .v-bk__side .v-bk-day__t input{flex:1 1 auto;width:auto;min-width:0}
.v-pg.is-booksend .v-bk__side .v-bk-adv .v-field{flex:1 1 100%}
/* חמשת המועדים: אריח עם אייקון בעיגול, תווית קטנה מעל ערך */
.v-pg.is-booksend .v-bk-dates{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.v-pg.is-booksend .v-bk-date{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:center;padding:12px;border:var(--v-bw) solid var(--v-line)}
.v-pg.is-booksend .v-bk-date.is-set{border-color:#BFE3CC}
.v-pg.is-booksend .v-bk-date__ic{grid-row:1 / span 2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--v-surface);color:var(--v-muted)}
.v-pg.is-booksend .v-bk-date.is-set .v-bk-date__ic{background:#fff;color:var(--v-good)}
.v-pg.is-booksend .v-bk-date__ic svg{width:17px;height:17px}
/* «לרשום שיחה שסוכמה»: טופס מתקפל בתחתית כרטיס השיחות */
.v-pg.is-booksend .v-bk-add.v-pg-fold{margin-top:12px;padding-top:12px}
.v-pg.is-booksend .v-pg-fold__btn{display:inline-flex;align-items:center;gap:6px}
.v-pg.is-booksend .v-pg-fold__btn svg{width:15px;height:15px}
@media (max-width:900px){
  .v-pg.is-booksend .v-bk__grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .v-pg.is-booksend .v-bk-card{padding:16px}
  .v-pg.is-booksend .v-bk-dates{grid-template-columns:1fr 1fr}
  .v-pg.is-booksend .v-bk-day{grid-template-columns:1fr 1fr;row-gap:6px}
  .v-pg.is-booksend .v-bk-day__on{grid-column:1 / -1}
  .v-pg.is-booksend .v-bk-row .v-btn{min-height:44px}
}

/* --- 3.2 · «קביעת שיחה» ללקוח (book.html, ‎body.v-bk-page‎) --- */
/* תמונה בראש הדף, הכותרת עליה בלבן. התמונה היא אותה תמונת שער שכבר יש בדשבורד (אין הורדה חדשה). */
body.v-bk-page .v-bk-hero{position:relative;overflow:hidden;min-height:190px;display:flex;flex-direction:column;justify-content:flex-end;padding:22px 24px;border-radius:var(--g-card-r,16px);
  background:linear-gradient(0deg,rgba(11,30,84,.82) 0%,rgba(11,30,84,.35) 55%,rgba(11,30,84,.05) 100%),url('../img/covers/sales_monument_valley_band.jpg') 30% 60% / cover no-repeat,#22365F}
body.v-bk-page .v-bk-hero h1{color:#fff;font-size:28px}
body.v-bk-page .v-bk-hero p{color:rgba(255,255,255,.9);font-size:15px}
/* בורר הימים: פס של כרטיסיות. יום שנבחר כחול. רק השעות של היום הזה מוצגות. */
body.v-bk-page .v-bk-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;margin:0 0 6px;scrollbar-width:thin}
body.v-bk-page .v-bk-tab{flex:none;min-width:86px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:9px 10px;border:var(--v-bw) solid #C6DCFB;border-radius:12px;
  background:var(--v-surface);color:var(--v-ink);font:inherit;cursor:pointer}
body.v-bk-page .v-bk-tab small{font-size:12px;color:var(--v-muted)}
body.v-bk-page .v-bk-tab b{font-size:17px;font-weight:800;color:var(--g-navy,#0B1E54)}
body.v-bk-page .v-bk-tab em{font-style:normal;font-size:12px;color:var(--g-blue,#0050F8)}
body.v-bk-page .v-bk-tab:hover{background:var(--v-blue-soft)}
body.v-bk-page .v-bk-tab.is-on{background:var(--g-blue,#0050F8);border-color:var(--g-blue,#0050F8)}
body.v-bk-page .v-bk-tab.is-on small,body.v-bk-page .v-bk-tab.is-on b,body.v-bk-page .v-bk-tab.is-on em{color:#fff}
body.v-bk-page .v-bk-dayrow[hidden]{display:none}
body.v-bk-page .v-bk-dayrow h3{font-size:13px;color:var(--v-muted);font-weight:600}
body.v-bk-page .v-bk-times{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
body.v-bk-page .v-bk-time{min-width:0;height:44px}
@media (max-width:640px){
  body.v-bk-page .v-bk-hero{min-height:160px;padding:18px}
  body.v-bk-page .v-bk-hero h1{font-size:23px}
  body.v-bk-page .v-bk-times{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* --- 3.3 · כרטיס הלקוח (customer-card.html): שני תיקונים מול העיצוב שלו (customer_card_desktop.png, customer_card_mobile.png) --- */
/* מחשב: שלושת הכרטיסים התחתונים (הערות, תקשורת, משימות) בגובה התוכן שלהם, כמו בעיצוב. קודם הם נמתחו לגובה העמודה הצדדית והשאירו חלל ריק גדול. */
.cc-trio{align-content:start}
/* טלפון: כפתורי הפעולה כאריחים בשורה אחת (אייקון מעל מילה), כמו בעיצוב. קודם הם גללו הצידה והכוכב נחתך. */
.v-mobonly .cc-macts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;overflow:visible;padding-bottom:0}
.v-mobonly .cc-macts > *{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;width:auto;height:auto;min-height:62px;padding:8px 2px;
  border-radius:14px;font-size:12px;font-weight:600;text-align:center;white-space:nowrap}
.v-mobonly .cc-macts svg{width:18px;height:18px}
.v-mobonly .cc-macts .v-pin{font-size:20px;line-height:1}
.v-mobonly .cc-macts > button.v-pin{width:auto;height:auto;min-height:62px !important;align-self:stretch;border-radius:14px}
/* !important בכוונה (כמו ב-_prefs.css שורה 34): _ds.css קובע לכל כפתור 40px עם !important מתחת ל-900px, ולכן גם כפתורי השאלה האחת (.v-fx) יצאו 40 ולא 44.
   זו הסיבה לנפילה הישנה בבדיקה «DIALOG on a phone» (booking_payouts_e2e). המחלקה גוברת על התגית החשופה. */
@media (max-width:640px){
  .v-fx .v-btn{min-height:44px !important}
}
/* אותה סיבה בכפתור «שמירה» של תיבת ההערות (כרטיס הלקוח ומצב שיחה): היה 40 בטלפון, הבדיקה דורשת 44 (test_my_open_files_e2e.py שורה 52). */
@media (max-width:900px){
  .nb__save{min-height:44px !important}
}

/* «מה פתוח לכולם» (5.10.2026): סכום ארוך («₪5,500 בחודש (קבוע)») בשורה אחת, קצת קטן יותר */
.v-pg.is-payouts .v-pg-rc__big.is-long{font-size:22px}

/* ===== 5.10.2026 «מה פתוח לכולם», לפי איש צוות (ledger ו.33, whats-open.html). הוספה בלבד, הכל תחת ‎.is-whatsopen‎ ===== */
/* תמונת השער: השדרה של לאס וגאס, הנושא בצד השמאלי */
.v-cover.is-whatsopen .v-cover__img{object-position:50% 55%;filter:saturate(1.15) contrast(1.05)}
/* הבורר: כרטיס אחד, ובו כפתור לכל איש צוות (ראשי תיבות בעיגול, שם ותפקיד). הנבחר כחול. */
.v-pg.is-whatsopen .v-wo-pick{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 18px}
/* הבורר הוא הראשון בדף, ולכן הוא (ולא המדדים) עולה על תמונת השער; המדדים יורדים למקומם הרגיל מתחתיו, בלי חפיפה */
.v-pg.is-whatsopen > .v-wo-pick:first-child,.v-pg.is-whatsopen > .v-wo-only:first-child{margin-top:calc(var(--v-kpi-lift) * -1);position:relative;z-index:4}
.v-pg.is-whatsopen > .v-wo-only:first-child{padding:12px 18px;border-radius:var(--v-r-card);background:var(--v-surface);border:var(--v-bw) solid var(--v-border);box-shadow:var(--v-sh-card)}
.v-pg.is-whatsopen > .v-kpis{margin-top:0}
.v-pg.is-whatsopen .v-wo-pick__lbl{margin:0;font-size:14px;font-weight:700;color:var(--v-ink)}
.v-pg.is-whatsopen .v-wo-pick__list{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.v-pg.is-whatsopen .v-wo-who{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 14px 4px 6px;padding-inline:6px 14px;border-radius:999px;
  border:var(--v-bw) solid var(--v-border);background:var(--v-surface);color:var(--v-ink);font:inherit;cursor:pointer;text-align:start}
.v-pg.is-whatsopen .v-wo-who:hover{background:var(--v-blue-soft)}
.v-pg.is-whatsopen .v-wo-who.is-on{background:var(--g-blue,#0050F8);border-color:var(--g-blue,#0050F8);color:#fff}
.v-pg.is-whatsopen .v-wo-who__ava{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--v-blue-soft);color:var(--v-blue);font-weight:700;font-size:14px}
.v-pg.is-whatsopen .v-wo-who.is-on .v-wo-who__ava{background:rgba(255,255,255,.22);color:#fff}
.v-pg.is-whatsopen .v-wo-who__t{display:flex;flex-direction:column;line-height:1.2}
.v-pg.is-whatsopen .v-wo-who__t b{font-size:14px;font-weight:700}
.v-pg.is-whatsopen .v-wo-who__t small{font-size:11.5px;opacity:.75}
.v-pg.is-whatsopen .v-wo-only{margin:0;font-size:14px;color:var(--v-ink-2)}
/* רצועת «מה דורש טיפול?» */
.v-pg.is-whatsopen .v-pg-todo{margin-top:0}
.v-pg.is-whatsopen .v-pg-todo .v-strip__cards.is-2{grid-template-columns:repeat(2,1fr)}
/* שלושת הכרטיסים הקבועים: זה לצד זה במחשב רחב, אחד מתחת לשני בצר */
.v-pg.is-whatsopen .v-wo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px;align-items:start}
.v-pg.is-whatsopen .v-wo-blk{display:flex;flex-direction:column;gap:6px;padding:16px 18px;min-width:0}
.v-pg.is-whatsopen .v-wo-blk__head{display:flex;align-items:flex-start;gap:12px}
.v-pg.is-whatsopen .v-wo-blk__head h3{display:flex;align-items:center;gap:8px;margin:0 0 2px;font-size:var(--v-fs-sec);font-weight:700;color:var(--v-ink)}
.v-pg.is-whatsopen .v-wo-blk__head .v-pg-line{margin:0 0 6px}
.v-pg.is-whatsopen .v-wo-blk__ic{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--v-sky-soft);color:var(--v-sky)}
.v-pg.is-whatsopen .v-wo-blk__ic svg{width:18px;height:18px}
.v-pg.is-whatsopen .v-wo-blk__ic.t-amber{background:var(--v-amber-soft);color:var(--v-amber)}
.v-pg.is-whatsopen .v-wo-blk__ic.t-purple{background:var(--v-purple-soft);color:var(--v-purple)}
.v-pg.is-whatsopen .v-wo-sub{display:flex;align-items:center;gap:6px;margin:10px 0 2px;font-size:13px;font-weight:700;color:var(--v-ink-2)}
/* שורה: שם בולט, שורה אפורה, ופעולה אחת בקצה */
.v-wo-list{list-style:none;margin:0;padding:0}
.v-wo-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:var(--v-bw) solid var(--v-line);min-width:0}
.v-wo-list > .v-wo-row:first-child{border-top:0}
.v-wo-row.is-urgent{box-shadow:inset -3px 0 0 var(--v-bad);padding-inline-start:10px}
.v-wo-row__main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.v-wo-row__name{font-size:14.5px;font-weight:700;color:var(--v-ink);overflow-wrap:anywhere}
.v-wo-row__why{font-size:13px;color:var(--v-ink-2)}
.v-wo-row__meta{font-size:12px;color:var(--v-muted)}
.v-wo-row__go{flex:none;min-height:34px}
.v-wo-late{font-style:normal;font-weight:600;color:var(--v-bad)}
.v-wo-empty,.v-wo-state{margin:6px 0;font-size:13.5px;color:var(--v-muted)}
.v-wo-state.is-warn{color:var(--v-ink-2);background:var(--v-amber-soft);border-radius:10px;padding:10px 12px}
.v-wo-all{align-self:flex-start;margin-top:4px;font-size:13px}
.v-pg.is-whatsopen .v-wo-foot{align-self:flex-start;margin-top:6px;font-size:13px;font-weight:600}
@media (max-width:640px){
  .v-pg.is-whatsopen .v-wo-pick{padding:12px 14px}
  .v-pg.is-whatsopen .v-wo-pick__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .v-pg.is-whatsopen .v-wo-who{min-width:0}
  .v-pg.is-whatsopen .v-pg-todo .v-strip__cards.is-2{grid-template-columns:1fr}
  .v-pg.is-whatsopen .v-pg-todo .v-act__sub{display:none}
  .v-pg.is-whatsopen .v-wo-blk{padding:14px 16px}
  .v-wo-row__go{min-height:44px}
}

/* 6.10.2026 (b3fix): טלפון, «התיקים הפתוחים שלי»: צ'יפים וכוכב 44. כלל גורף מתחת ל-900 דרס אותם ל-40. */
@media (max-width:900px){
  .v-pg.is-myfiles .mf__chip,.v-pg.is-myfiles .v-chip,.v-pg.is-myfiles .v-pin{min-height:44px!important}
  .v-pg.is-myfiles .v-pin{min-width:44px!important}
}
/* 6.10.2026 (b3fix): «קביעת שיחה» לצוות, טלפון: עורך השעות (פתוח כשאין שעות) כל יום בשורה אחת, כדי שהדף לא יתארך */
@media (max-width:640px){
  .v-pg.is-booksend .v-bk-hours{gap:4px;margin:6px 0 8px}
  .v-pg.is-booksend .v-bk-day,.v-pg.is-booksend .v-bk__side .v-bk-day{grid-template-columns:78px minmax(0,1fr) minmax(0,1fr);gap:6px;padding:4px 8px}
  .v-pg.is-booksend .v-bk-day__on,.v-pg.is-booksend .v-bk__side .v-bk-day__on{grid-column:auto;font-size:13px;gap:6px}
  .v-pg.is-booksend .v-bk-day__t{gap:4px}
  .v-pg.is-booksend .v-bk-day__t span{font-size:11px}
  .v-pg.is-booksend .v-bk-day__t input{padding:0 4px;font-size:13px}
  .v-pg.is-booksend .v-bk-adv{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
  .v-pg.is-booksend .v-bk-adv .v-field span{font-size:11px;line-height:1.25}
}

/* 6.10.2026 (b3fix2): אין שעות = «השעות שלי» ראשון בטלפון (העורך פתוח, וזו הדרך היחידה קדימה) */
@media (max-width:900px){
  .v-pg.is-booksend .v-bk__grid.is-nohours .v-bk__side{order:-1}
}

/* --- 3.4 · כרטיס הלקוח לפי הרפרנס (5.10.2026, NV-2026-10-05-021, CUSTOMER_CARD_REF_MATCH_5_10.md) --- */
/* שני הטורים מתחילים מאותו קו עליון, כל כרטיס בגובה התוכן שלו (לא נמתח לגובה הטור השני) */
.cc-band.cc-ref{align-items:start}
.cc-ref .cc-col > :last-child{flex:none}
/* «השלב הבא המומלץ»: כרטיס משלו, ראשון בטור המרכזי, עם הכפתור הראשי של ההמלצה */
.cc-next.is-hero{margin-top:0;padding:20px 22px;border-radius:16px;box-shadow:none}
.cc-next.is-hero .cc-next__txt b{font-size:18px}
.cc-next.is-hero .cc-next__txt p{font-size:15px}
.cc-next.is-hero .v-btn{height:46px;padding:0 24px;gap:8px;display:inline-flex;align-items:center;font-weight:700;white-space:nowrap}
.cc-next.is-hero .v-btn svg{width:18px;height:18px}
.cc-next.is-m{flex-direction:column;align-items:stretch;gap:12px;margin-top:14px;padding:16px}
.cc-next.is-m .cc-next__row{display:flex;gap:12px;align-items:flex-start}
.cc-next.is-m .cc-next__txt b{font-size:16px}
.cc-next.is-m .cc-next__txt p{font-size:14px}
.cc-next.is-m .v-btn{width:100%;justify-content:center;min-height:46px !important}
/* «מה לעשות עכשיו?» בגובה התוכן; הכפתור לא נדחף לתחתית ריקה */
.cc-ref .cc-now__gap{flex:none;min-height:14px}
/* קיפול סגור (details): נפתח בלחיצה. משמש ל«עוד פרטים (נדיר)», למספרי ההזמנה ולסימוני «הזמין דרכנו» */
.cc-fold > summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--v-blue,#1958AD);padding:6px 0}
.cc-fold > summary::-webkit-details-marker{display:none}
.cc-fold > summary::after{content:"";width:8px;height:8px;border:solid currentColor;border-width:0 0 2px 2px;transform:rotate(-45deg);margin-inline-start:auto;transition:transform .15s}
.cc-fold[open] > summary::after{transform:rotate(135deg)}
.cc-fold:not(.is-card){margin-top:12px;padding-top:8px;border-top:1px solid var(--v-line,#E6EAF2)}
.cc-fold.is-card > summary{margin:0;color:inherit;font-size:inherit;padding:0}
.cc-fold.is-card > summary h3{margin:0}
.cc-fold.is-card:not([open]) > summary{margin-bottom:0}
.cc-fold.is-card[open] > summary{margin-bottom:14px}
/* תיבת ההערות בראש הכרטיס (NV-2026-10-03-015 «Quick box at the top of the card»), גרסה קומפקטית (שופט NV-2026-10-05-021):
   כותרת ושורת כתיבה אחת עם «שמירה» באותה שורה; ההיסטוריה בקיפול סגור «הערות קודמות (n)»; הערות שנכתבו עכשיו נשארות גלויות */
.nb.is-compact{padding:12px 16px}
.nb.is-compact .nb__title{margin:0 0 8px;font-size:14px}
.nb.is-compact .nb__txt{min-height:44px;height:44px;padding:10px 12px;resize:none}
.nb.is-compact .nb__hint{display:none}
.nb.is-compact .nb__list{margin-top:10px;max-height:170px;overflow:auto;padding-inline-end:4px}
.nb__fold{margin-top:8px}
.nb__fold > summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--v-blue,#1958AD);padding:4px 0}
.nb__fold > summary::-webkit-details-marker{display:none}
.nb__fold > summary::after{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 0 2px 2px;transform:rotate(-45deg);transition:transform .15s}
.nb__fold[open] > summary::after{transform:rotate(135deg)}
@media (max-width:640px){
  .nb.is-compact .nb__row{flex-direction:row}
  .nb.is-compact .nb__save{width:auto;min-width:76px}
}
/* העדפות הלקוח בתוך הטור הצר: בלי רווח עליון כפול */
.cc-ref .cc-prefs .v-prefs{margin:0}
/* מסמכים בטור הצר: שני אריחים בשורה */
.cc-ref .cc-docs .cc-docs__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
/* טלפון: כפתור «עדכן פרטים» בתחתית לשונית הפרטים, כמו בעיצוב */
.cc-medit{width:100%;margin-top:14px;min-height:48px !important;justify-content:center;gap:8px;display:flex;align-items:center}
.cc-medit svg{width:17px;height:17px}

/* 5.10.2026 (תיקוני פרסום): כלי כרטיס הטבלה ב-CRM עוטפים שורה במקום להיחתך בקצה (כפתור «ייצא לאקסל») */
.v-crmgrid .v-tablecard__tools{flex-wrap:wrap;min-width:0;justify-content:flex-end}
.v-crmgrid .v-tablecard__head{flex-wrap:wrap}

/* 5.10.2026 (תיקוני פרסום): «קביעת שיחה» לצוות, טלפון: היום בשורה משלו ושתי השעות מתחתיו, כך שהשעה (כולל AM/PM) לא נחתכת */
@media (max-width:640px){
  .v-pg.is-booksend .v-bk-day,.v-pg.is-booksend .v-bk__side .v-bk-day{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:6px}
  .v-pg.is-booksend .v-bk-day__on,.v-pg.is-booksend .v-bk__side .v-bk-day__on{grid-column:1 / -1}
  .v-pg.is-booksend .v-bk-day__t input{min-width:0;width:100%;padding:0 6px}
}
/* 5.10.2026 (תיקוני פרסום): הצעת מלונות ללקוח, טלפון: שורת ההדגמה היא שורה אחת קטנה (בלי הסבר ארוך) */
@media (max-width:640px){
  #demoBar.v-g-demo{flex-wrap:nowrap;gap:6px;padding:4px 10px;overflow:hidden}
  #demoBar.v-g-demo b{font-size:11px;white-space:nowrap}
  #demoBar.v-g-demo #demoBarTxt{display:none}
  #demoBar.v-g-demo button{flex:0 0 auto;white-space:nowrap}
}

/* ===== 6.10.2026 «מה פתוח עבורי» (ledger ו.28 ו-ו.32, my-money.html). הוספה בלבד, הכל תחת ‎.is-mymoney‎. הדף נשען על מקטע «מה פתוח לכולם» (‎.is-whatsopen‎: כרטיסים, שורות, מדדים), ורק מה שחסר שם נוסף כאן ===== */
/* הסכום בקצה השורה: בולט כשידוע, אפור וקטן כש«לא ידוע» */
.v-pg.is-mymoney .v-mm-amt{flex:none;font-size:15px;font-weight:700;color:var(--v-ink);white-space:nowrap}
.v-pg.is-mymoney .v-mm-amt.is-unknown{font-size:13px;font-weight:600;color:var(--v-muted)}
/* שורת «סך הכל» בתחתית כרטיס */
.v-pg.is-mymoney .v-mm-sum{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px 0 0;padding-top:12px;border-top:var(--v-bw) solid var(--v-line);font-size:14px;color:var(--v-ink-2)}
.v-pg.is-mymoney .v-mm-sum b{font-size:18px;font-weight:700;color:var(--v-ink)}
/* כרטיס ההערכה בדולרים: מסגרת מקווקוות, כדי שלא יתבלבל עם כסף ממומש */
.v-pg.is-mymoney .v-mm-est{border:1.5px dashed var(--v-muted);box-shadow:none;margin-top:16px}
.v-pg.is-mymoney .v-mm-big{margin:4px 0 2px;font-size:30px;font-weight:800;line-height:1.1;color:var(--v-ink);text-align:start}
.v-pg.is-mymoney .v-wo-row .v-pill{flex:none;max-width:100%}
@media (max-width:640px){
  .v-pg.is-mymoney .v-wo-row{flex-wrap:wrap}
  .v-pg.is-mymoney .v-mm-amt{font-size:14px}
}

/* ===== 7.10.2026 (wave 1, חבילה 7 «מעטפת», AUDIT_7_10_MERGED §3). הוספה בלבד ===== */

/* SH-1: כותרת קטנה בסרגל הצד («עוד», «צוות») שמפרידה בין שורות היום-יום לשאר. שקטה, לא שורה. */
.v-side .v-side__cap{flex:none;margin:12px 13px 2px 24px;margin-inline:24px 13px;padding:0;font-size:12px;font-weight:600;letter-spacing:.3px;color:var(--v-nav-item);opacity:.7;line-height:1.3}

/* SH-7: אייקון «?» קטן ליד כותרת. עיגול ריק עם קו דק, כחול כשמעבירים עליו עכבר. הריחוף (‎.v-qtip‎) הוא משפט אחד; לחיצה פותחת את מגירת ההסבר. */
.v-q{display:inline-flex;align-items:center;justify-content:center;flex:none;width:18px;height:18px;margin-inline-start:6px;padding:0;vertical-align:middle;
  border:1.5px solid var(--v-border);border-radius:50%;background:transparent;color:var(--v-muted);font:700 11px/1 var(--v-font,inherit);cursor:help;
  transition:color 120ms ease,border-color 120ms ease,background 120ms ease}
.v-q:hover,.v-q:focus-visible{color:var(--v-blue);border-color:var(--v-blue);background:var(--v-blue-soft);outline:none}
.v-q:focus-visible{box-shadow:0 0 0 3px rgba(10,88,222,.18)}
th .v-q{margin-inline-start:4px}
.v-qtip{position:fixed;z-index:var(--v-z-tip);max-width:min(280px,calc(100vw - 16px));padding:10px 12px;border-radius:10px;background:var(--v-surface);color:var(--v-ink);border:var(--v-bw) solid var(--v-border);
  font-size:12.5px;font-weight:600;line-height:1.45;text-align:start;box-shadow:var(--v-sh-float);pointer-events:none}
.v-qtip[hidden]{display:none}
.v-help__body .v-help__lead{margin:0 0 10px;font-size:16px;font-weight:600;color:var(--v-ink);line-height:1.5}
.v-help__body .v-help__line{margin:0 0 8px;font-size:14px;color:var(--v-ink-2);line-height:1.5}

/* SH-8: מתחת למספר בכרטיס KPI רק השוואה קצרה, ונשברת לשורה שנייה במקום להיחתך. שורה ארוכה מ-30 תווים עוברת ל«?» ליד הכותרת (‎_ds.js, V2Help.tidyKpis‎). */
.v-kpi .v-kpi__vs{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:break-word;line-height:1.3}
.v-kpi .v-kpi__vs[data-long]{display:none}
.v-kpi .v-kpi__label .v-q{vertical-align:baseline}
.v-kpi .v-kpi__label:has(.v-q){overflow:visible}

/* SH-9: טבלאות. שם בשורה אחת עם «…» (הטקסט המלא בריחוף, ‎_ds.js‎), גלולה אף פעם לא נשברת לשתי שורות. */
.v-table.is-fixed td .v-name,.v-table.is-fixed td .v-sub{display:block;-webkit-line-clamp:unset;line-clamp:unset;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.v-table td .v-pill{white-space:nowrap}
/* SH-10: שם לטיני (קונה מהספק) מתחיל באות גדולה. אותיות עבריות לא מושפעות. */
.v-table td .v-name{text-transform:capitalize}
/* 17.10.2026 (דיווח 517c31cb, ליהי: «מתחת לנסגר וטיסה זה זז שמאלה ולא מיושר לפי הטור»): תאריך בתא הוא v-name v-num. v-num קובע direction:ltr, ו-v-name בטבלה קבועה הוא בלוק, ולכן
   תחילת השורה שלו היא שמאל והתאריך ישב בשמאל התא בזמן שהכותרת בימין. text-align:end בבלוק ltr = ימין, אותו צד של הכותרת. */
.v-table td .v-name.v-num{text-align:end}

@media (max-width:900px){
  .v-qtip{max-width:calc(100vw - 16px)}
}

/* ===== 7.10.2026 (SH-3) עטיפת כלי: tool.html. הכלי הישן בתוך מסגרת, ליד הסרגל והדוק. ===== */
.v-toolwrap{padding-block:18px 28px}
.v-toolwrap .v-note{margin-bottom:12px}
.v-toolwrap__frame{background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-panel);box-shadow:var(--v-sh-card);overflow:hidden;height:calc(100vh - 290px);min-height:520px}
.v-toolwrap__frame iframe{display:block;width:100%;height:100%;border:0;background:var(--v-surface)}
@media (max-width:900px){ .v-toolwrap__frame{height:calc(100vh - 230px);min-height:480px} }

/* ===== 7.10.2026 (CS-1) חלונית בחירת לקוח (V2Tools.pickLead) וכפתור «שיחה» בתוצאות החיפוש הכללי ===== */
.v-pick__row{width:100%;text-align:start;font:inherit;background:transparent;cursor:pointer}
.v-pick__row:hover,.v-pick__row:focus-visible{background:var(--v-blue-soft);border-color:var(--v-border);outline:none}
.v-gs__call{flex:none;white-space:nowrap}
/* SH-1: כשהסרגל מכווץ אין מקום לכותרת הקטנה */
body.is-collapsed .v-side .v-side__cap,.v-app.is-collapsed .v-side .v-side__cap{display:none}

/* ===== 7.10.2026 (תיקון אחרי שופט Y, ממצא 1) כרטיס KPI: מספר לא נשבר לעולם, שורת היעד קריאה במלואה ===== */
.v-kpi .v-kpi__value{white-space:nowrap;overflow-wrap:normal;word-break:keep-all;overflow:visible}
.v-kpi .v-kpi__goal{flex-wrap:wrap;row-gap:3px;line-height:1.2}
.v-kpi .v-kpi__goaltxt{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:normal;flex:1 1 auto;min-width:0}
.v-kpi .v-kpi__goaltxt .v-num,.v-kpi .v-kpi__goaltxt b{white-space:nowrap}
.v-kpi .v-kpi__bar{flex:1 1 100%}

/* ===== 7.10.2026 (בקשה של בונה X): תא «מנהל לקוח» (_owner.js) וקופסאות הודעה טובה / רעה (_newform.js) ===== */
.v-owner{display:block;min-width:0;max-width:100%;text-align:start}
button.v-owner{appearance:none;border:0;background:transparent;padding:2px 4px;margin:-2px -4px;border-radius:8px;font:inherit;color:inherit;cursor:pointer}
button.v-owner:hover,button.v-owner:focus-visible{background:var(--v-blue-soft);outline:none}
button.v-owner:focus-visible{box-shadow:0 0 0 2px var(--v-blue)}
.v-owner__mgr,.v-owner__agent{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v-owner.is-line{display:inline}
.v-note.is-good{background:var(--v-good-soft);color:var(--v-good)}
.v-note.is-bad{background:var(--v-bad-soft);color:var(--v-bad)}

/* =====================================================================
   7.10.2026 · גל 2 · משותף (SHARED). הכל כאן משתמש בטוקנים ובמערכת העיצוב; אין צבע או מספר z-index חדש.
   ===================================================================== */

/* ---- א. פריסה בלי חורים (VDS.layout ב-_ds.js מוסיף את המחלקות והשורות) ---- */
@media (min-width:901px){
  /* main / side are tagged by VDS.layout (data-flow-col), never found by position: a <template> or other non-visual child must not shift the columns */
  .v-band.is-main.is-flow{grid-template-columns:minmax(0,1fr) 333px;column-gap:22px;row-gap:var(--v-gap);align-items:start}
  .v-band.is-main.is-flow > [data-flow-col="main"]{display:contents}
  .v-band.is-main.is-flow > [data-flow-col="main"] > *{grid-column:1;min-width:0;align-self:start}
  .v-band.is-main.is-flow > [data-flow-col="main"] > [data-flow="wide"]{grid-column:1 / -1}
  .v-band.is-main.is-flow > [data-flow-col="side"]{grid-column:2;align-self:start}
  .v-band.is-main.is-flow > [data-flow-col="side"] > :last-child{flex:none}
  .v-band.is-main.is-stack{grid-template-columns:minmax(0,1fr);align-items:start}
  .v-band.is-main.is-stack > [data-flow-col="side"]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:stretch;gap:var(--v-gap)}   /* equal-height row: no gap under the short cards */
  .v-band.is-main.is-stack > [data-flow-col="side"] > *{margin:0}
  /* uneven side cards (12.10.2026): short cards in the first column at their own height, the tall one beside them; never stretched to the tallest */
  .v-band.is-main.is-stack > [data-flow-col="side"][data-stack="uneven"]{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .v-band.is-main.is-stack > [data-flow-col="side"][data-stack="uneven"] > *{grid-column:1}
  .v-band.is-main.is-stack > [data-flow-col="side"][data-stack="uneven"] > [data-tall]{grid-column:2}
  .v-band.is-main.is-solo{grid-template-columns:minmax(0,1fr)}
  .v-band.is-main.is-solo > [data-flow-col="side"]{display:none}
}

/* ---- ב. בורר תקופה אחד (V2Period) ---- */
.v-period{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;max-width:100%;min-width:0}
.v-period__seg{flex-wrap:nowrap;white-space:nowrap;max-width:100%}
.v-period__seg button{white-space:nowrap;flex:none;display:inline-flex;align-items:center;gap:5px}
.v-period__seg button.is-empty:not(.is-on){color:var(--v-muted)}
.v-period__seg button.is-empty::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--v-warn);flex:none}
.v-period__sel{display:none}
.v-period.is-collapsed .v-period__seg{display:none}
.v-period.is-collapsed .v-period__sel{display:inline-flex}
.v-period__sel select{height:36px;max-width:100%;padding:0 12px;border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-input);background:var(--v-surface);font:600 13px var(--v-font);color:var(--v-ink-2)}
.v-period__note{margin:6px 0 0;font-size:12px;font-weight:600;color:var(--v-warn)}
.v-period__pop{position:fixed;z-index:var(--v-z-dialog);width:320px;max-width:calc(100vw - 16px);padding:14px;background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:16px;box-shadow:0 22px 60px rgba(14,36,67,.24)}
.v-period__yr{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.v-period__yr b{font-size:15px;color:var(--v-ink)}
.v-period__yr button{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--v-ink-2)}
.v-period__yr button:hover{background:var(--v-surface-2)}
.v-period__mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.v-period__mgrid button{height:38px;border-radius:10px;font-size:13px;font-weight:600;background:var(--v-surface-2);color:var(--v-ink-2)}
.v-period__mgrid button:hover:not(:disabled){background:var(--v-blue-soft);color:var(--v-blue)}
.v-period__mgrid button.is-on{background:var(--v-blue);color:#fff}
.v-period__mgrid button.is-empty:not(.is-on){color:var(--v-muted);box-shadow:inset 0 0 0 1px var(--v-border);background:var(--v-surface)}
.v-period__mgrid button.is-now:not(.is-on){box-shadow:inset 0 0 0 1.5px var(--v-blue)}
.v-period__mgrid button:disabled{opacity:.35;cursor:not-allowed}
.v-period__custom{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v-period__custom-head{grid-column:1 / -1;display:flex;flex-direction:column;gap:3px}
.v-period__custom-head b{font-size:16px;color:var(--v-ink)}
.v-period__custom-head span{font-size:12px;color:var(--v-muted);line-height:1.45}
.v-period__custom label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:var(--v-ink-2)}
.v-period__custom input{width:100%;height:42px;border:var(--v-bw) solid var(--v-border);border-radius:10px;background:#fff;padding:0 9px;font:600 13px var(--v-font);color:var(--v-ink)}
.v-period__custom .v-btn{grid-column:1 / -1;justify-content:center}
.v-period__custom-error{grid-column:1 / -1;margin:0;color:var(--v-bad);font-size:12px;font-weight:600}
@media(max-width:420px){.v-period__custom{grid-template-columns:1fr}.v-period__custom-head,.v-period__custom .v-btn,.v-period__custom-error{grid-column:1}}

/* ---- ג. «מה דורש טיפול»: 3 כרטיסים קבועים, בלי דפדפת, «לכל המשימות» לשאר (planning_desktop.png) ---- */
.v-todo{background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-panel);box-shadow:var(--v-sh-card);padding:14px 16px 16px;margin-top:var(--v-band)}
.v-todo__head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.v-todo__title{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--v-fs-sec);font-weight:700;color:var(--v-ink)}
.v-todo__mark{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--v-bad-soft);color:var(--v-bad);flex:none}
.v-todo__mark svg{width:15px;height:15px}
.v-todo__all{margin-inline-start:auto}
.v-todo__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--v-gap)}
.v-todo__card{display:flex;align-items:center;gap:12px;min-height:92px;padding:10px 16px;text-align:start;width:100%;
  background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-card);cursor:pointer;
  transition:border-color var(--v-fast) var(--v-ease),box-shadow var(--v-fast) var(--v-ease)}
.v-todo__card:hover{border-color:#CCDDF3;box-shadow:var(--v-sh-card)}
.v-todo__chev{order:-1;flex:none;color:#93A0B6}
.v-todo__chev svg{width:18px;height:18px}
.v-todo__card:hover .v-todo__chev{color:var(--v-blue)}
.v-todo__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.v-todo__t{font-size:15px;font-weight:700;color:var(--v-ink);line-height:1.3}
.v-todo__n{font-size:24px;line-height:1.1;font-weight:700;color:var(--v-ink);font-variant-numeric:tabular-nums}
.v-todo__n.is-now{color:var(--v-bad)} .v-todo__n.is-soon{color:var(--v-warn)} .v-todo__n.is-chance{color:var(--v-good)}
.v-todo__s{font-size:12.5px;line-height:1.4;color:var(--v-muted);display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.v-todo__icon{order:9;flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--v-sky-soft);color:var(--v-sky)}
.v-todo__icon svg{width:22px;height:22px}
.v-todo__card.t-green .v-todo__icon{background:var(--v-green-soft);color:var(--v-green)}
.v-todo__card.t-amber .v-todo__icon{background:var(--v-amber-soft);color:var(--v-amber)}
.v-todo__card.t-red .v-todo__icon{background:var(--v-bad-soft);color:var(--v-bad)}
.v-todo__card.t-purple .v-todo__icon{background:var(--v-purple-soft);color:var(--v-purple)}
.v-todo__act{margin-top:4px;align-self:flex-start;display:inline-flex;align-items:center;height:28px;padding:0 14px;border-radius:var(--v-r-input);background:var(--v-blue);color:#fff;font-size:13px;font-weight:700}
.v-todo__empty{margin:0;padding:10px 0;font-size:14px;color:var(--v-muted)}
@media (max-width:900px){ .v-todo__cards{grid-template-columns:1fr} .v-todo__card{min-height:84px} }

/* ---- ד. בלוק החלטה: שורה אחת (מי / למה) ושניים-שלושה כפתורים. לשורות «לא מקושר» ולמגירות ---- */
.v-decide{display:flex;flex-direction:column;gap:10px;padding:12px 14px;background:var(--v-blue-soft);border:var(--v-bw) solid #C6DCFB;border-radius:var(--v-r-card)}
.v-decide.is-warn{background:var(--v-warn-soft);border-color:#F3D3A6}
.v-decide__line{margin:0;font-size:14px;line-height:1.45;color:var(--v-ink);font-weight:600}
.v-decide__line b{font-weight:700}
.v-decide__line small{display:block;margin-top:2px;font-size:12px;font-weight:500;color:var(--v-muted)}
.v-decide__acts{display:flex;flex-wrap:wrap;gap:8px}
.v-decide__acts .v-btn{height:36px;padding:0 14px;font-size:13px}
.v-decide.is-row{flex-direction:row;align-items:center;flex-wrap:wrap}
.v-decide.is-row .v-decide__line{flex:1 1 220px}

/* ---- ה. מקרא וגלולות לא נחתכים לאות אחת (DESIGN_DIRECTOR §6) ---- */
.v-donutwrap{flex-wrap:wrap;row-gap:12px;justify-content:center}
.v-donut__legend{flex:1 1 150px;min-width:min(100%,150px)}
.v-donut__legend span{min-width:7ch;white-space:normal;overflow-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:clip}
.v-legend span{min-width:7ch}
.v-pill{min-width:min-content}
.v-table.is-fixed td>.v-pill{min-width:7ch}

/* ---- ו. שכבות כמחלקות (לקבצי גל 1 במקום style="z-index:..") + גשר זמני לסימון הקיים ---- */
.v-layer-ask-scrim{z-index:var(--v-z-ask-scrim)}
.v-layer-ask{z-index:var(--v-z-ask)}
.v-layer-dialog{z-index:var(--v-z-dialog)}
.v-layer-under{z-index:0}
.v-layer-over{position:relative;z-index:1}
[data-v2-newform] > .v-scrim{z-index:var(--v-z-ask-scrim)!important}
[data-v2-newform] > .v-drawer{z-index:var(--v-z-ask)!important}
.v-modal.is-open[data-owner-pick],.v-modal.is-open[data-undo],.v-modal.is-open[data-svc]{z-index:var(--v-z-dialog)!important}
.v-modal > .v-scrim[data-role="scrim"]{z-index:0!important}
.v-modal > .v-modal__box.v-fx{position:relative;z-index:1!important}
.v-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:var(--v-z-toast);max-width:90vw;box-shadow:0 6px 24px rgba(0,0,0,.18)}

/* ---- ז. CRM: בלי עמודה צדדית ארוכה. משימות ברוחב מלא · רשימה + אמצע · פעולות ותובנות זו ליד זו · גרפים ברוחב מלא ---- */
@media (min-width:1181px){
  .v-crmgrid.v-crmgrid{grid-template-columns:minmax(0,1fr) 232px}
  .v-crmgrid.v-crmgrid .v-crmgrid__tasks{grid-column:1 / 3;grid-row:1}
  .v-crmgrid.v-crmgrid .v-crmgrid__main{grid-column:1;grid-row:2}
  .v-crmgrid.v-crmgrid .v-crmgrid__lists{grid-column:2;grid-row:2;position:static;align-self:start}
  .v-crmgrid.v-crmgrid .v-crmgrid__panel{grid-column:1 / 3;grid-row:3;position:static;align-self:start}
  .v-crmgrid.v-crmgrid .v-crmgrid__panel > .v-col{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--v-gap);align-items:start}
  .v-crmgrid.v-crmgrid .v-crmgrid__charts{grid-column:1 / 3;grid-row:4}
  .v-crmgrid.v-crmgrid .v-quick{flex-direction:row;flex-wrap:wrap}
  .v-crmgrid.v-crmgrid .v-quick button{flex:1 1 150px}
}

/* ---- ח. הודעה קופצת אחת (גם ה-class הישן של כרטיס הלקוח נראה אותו דבר) ---- */
.cc-savetoast,.toast{position:fixed;inset-inline-start:50%;bottom:24px;right:auto;transform:translateX(-50%);z-index:var(--v-z-toast);max-width:min(420px,90vw);box-shadow:0 6px 24px rgba(0,0,0,.18);margin-top:0}
.v-btn.is-danger{background:var(--v-bad)}
.v-btn.is-danger:hover{background:#B82E3A}

/* ---- ט. הכפתור הצף «⋮» (כלים): שומרים לו מקום בתחתית הדף, כך שבסוף הגלילה הוא לא יושב על קצה של כרטיס (שופט משותף 7.10) ---- */
@media (max-width:1500px){
  .v-main{padding-bottom:84px}
  .v-fab__btn{opacity:.92}
}
/* LK-30-10 (30.10.2026, Nativ popup «להשאיר מקום מתחתיו»): on a phone the floating «⋮» button (#v2-fab: bottom 84px + 44px high = its top edge 128px above the screen bottom) used to sit on the last rows, because the room below the page was only 84px.
   Now the page ends 144px above the bottom, so the last rows stop above the button. The button itself is not touched. Phones only. */
@media (max-width:900px){ .v-main{padding-bottom:calc(144px + env(safe-area-inset-bottom))} }

/* ---- י. בורר התקופה עם החצים (RULES_FROM_NATIV §8.2): חץ אחורה / קדימה בשני צדי הבורר, גם כשהוא מתקפל לרשימה ---- */
.v-period__row{display:flex;align-items:center;gap:6px;max-width:100%;min-width:0}
.v-period__step{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--v-ink-2);background:var(--v-surface-2)}
.v-period__step:hover:not(:disabled){background:var(--v-blue-soft);color:var(--v-blue)}
.v-period__step:disabled{opacity:.35;cursor:not-allowed}

/* ---- כ. עריכה במקום (7.10.2026, NV-2026-10-07-027: «שכל מקום שיש את הנתונים שיהיה אפשר לשנות או להוסיף»). רכיב משותף: _inline_edit.js + העורך .cc-fill הקיים.
   .v-ie = ערך שאפשר ללחוץ עליו ולשנות · .v-ie-q = «?» קטן ליד ערך שלא נערך כאן, שאומר מאיפה הוא מגיע ---- */
.v-ie{cursor:pointer;border-bottom:1px dashed var(--v-border-strong,#B8C2D6);border-radius:2px;transition:color .15s,border-color .15s}
.v-ie:hover{color:var(--v-blue);border-bottom-color:var(--v-blue)}
.v-ie:focus-visible{outline:2px solid var(--v-blue);outline-offset:2px}
.v-ie.is-empty{color:var(--v-blue);font-weight:600}
.v-ie-q{display:inline-grid;place-items:center;width:16px;height:16px;margin-inline-start:6px;border-radius:50%;border:1px solid var(--v-border);background:var(--v-surface-2,#F6F8FC);
  color:var(--v-muted);font-size:10.5px;font-weight:700;line-height:1;cursor:help;vertical-align:middle;padding:0}
.v-ie-q:hover,.v-ie-q:focus-visible{color:var(--v-blue);border-color:var(--v-blue)}
.cc-tile:has(> .v-ie-q){position:relative}
.cc-tile > .v-ie-q{position:absolute;inset-block-start:8px;inset-inline-start:8px;margin:0}
[data-ie-editor]{margin:8px 0 4px}

/* The shared “next step” action is styled in quote-onboarding.css on the quote pages; this fallback covers every other page. */
.v-nextstep{min-height:44px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border-radius:10px;background:#102c49;color:#fff;font-size:13px;font-weight:750;text-decoration:none;white-space:nowrap}
.v-nextstep:hover{background:#17446d;color:#fff}.v-nextstep svg{width:15px;height:15px}
.v-nextstep:focus-visible{outline:3px solid rgba(23,104,229,.3);outline-offset:2px}
@media(max-width:900px){.v-nextstep span{display:none}.v-nextstep{width:44px;padding:0;justify-content:center}}

/* 11.10.2026 (judge, Nativ NV-2026-10-11-012): KPI number under its label.
   .v-kpi__value is direction:ltr (isolate), so its text started at the LEFT edge of the card while the label (rtl) started at the right edge: label and number sat at opposite edges.
   The block itself is now rtl like the label; the number inside stays an ltr isolate (.v-num), so ₪ and % keep their order. */
.v-kpi__value{direction:rtl;unicode-bidi:normal;text-align:start}

/* 12.10.2026 (NV-2026-10-12-012): the filter row of the two catalogue pickers (_catalog_filters.js) and the one line of why an item fits the customer (_catalog_match.js).
   No new layout: the choices are the design system's own chips (.v-chip in the hotels picker, .v-pa-cats buttons in the attractions picker); these rules only name the small label above a group, the count and the quiet lines. */
.v-cf{display:flex;flex-direction:column;gap:10px;padding:6px 6px 10px}
.v-cf-group{display:flex;flex-direction:column;gap:4px}
.v-cf-title{font-size:11.5px;font-weight:700;color:var(--v-muted)}
.v-cf-unk{color:var(--v-muted);font-size:11.5px}
.v-cf .v-chip .v-num,.v-cf-group .v-pa-cats button .v-num{font-weight:700;opacity:.75}
.v-cf .v-chip[disabled],.v-cf-group .v-pa-cats button[disabled]{opacity:.4;cursor:default}
.v-cf-why{color:var(--v-ink-2);font-weight:600}
.v-pa-why{display:block;color:var(--v-ink-2);font-size:12px;font-weight:600}

/* 13.10.2026 (owner: «רשימה ארוכה של יעדים» · «אין טופס לדוגמה» · «wishlist לכל יעד»): the two quote tools (hotel-quote.html, attr-plan.html).
   Short city filter: the customer's cities carry the map-pin, the rest is found through the small box. Sample: the finished city marked «דוגמה», dashed and not clickable (inert).
   «הרשימה שלי»: a star next to each catalogue row (amber when saved), the tab, and one block per city list. Existing tokens only. */
.v-cf .v-chip svg,.v-cf-group .v-pa-cats button svg{width:13px;height:13px;color:var(--v-blue);margin-inline-end:2px}
.v-cf-find{height:34px;margin-top:4px}
.v-cf-group .v-cf-find{order:0;flex:none}   /* the phone rule .v-search{order:-1} is for the top bar */
.v-pq-grid.is-sample{grid-template-columns:repeat(2,minmax(0,1fr))}
.v-cf-find input{font-size:12.5px}
.v-pq-chips button span{min-width:0;text-align:start;line-height:1.25}
.v-pq-chips button small{display:block;font-weight:500;color:var(--v-muted);font-size:11.5px}
.v-pq-chips button:has(small){height:auto;min-height:40px;padding-block:5px}
.v-pq-city[data-role=sample]{border-style:dashed;box-shadow:none}
.v-pq-city__head .v-pill{margin-inline-start:8px;font-size:11.5px}
.v-pq-sample-link{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:-4px 0 14px;font-size:13px}
.v-pq-sample-link small{color:var(--v-muted)}
.v-pq-sample-link svg{width:15px;height:15px}
.v-pa-sample{border:1.5px dashed #BFD2F2;border-radius:12px;padding:10px;margin-top:10px;display:flex;flex-direction:column;gap:8px}
.v-pa-sample .v-pa-row{grid-template-columns:minmax(0,1fr)}
.v-wl-tabs{margin:12px 0 8px}
.v-wl-row{display:flex;gap:6px;align-items:stretch}
.v-wl-row>button:first-child,.v-wl-row>.v-pa-row{flex:1 1 auto;min-width:0}
.v-wl-star,.v-pq-sug .v-wl-star{width:36px;flex:none;display:grid;place-items:center;padding:0;border-radius:9px;border:1px solid #E1E9F5;background:#fff;color:#9AA8BD;cursor:pointer}
.v-wl-star svg,.v-pq-sug .v-wl-star svg{width:17px;height:17px}
.v-wl-star.is-on,.v-pq-sug .v-wl-star.is-on{color:#D99412;border-color:#F1D9A8;background:#FFF6E5}
.v-wl-star.is-on svg{fill:currentColor}
.v-wl-list{margin-top:12px}
.v-wl-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}
.v-wl-share{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--v-muted);cursor:pointer;white-space:nowrap}
.v-wl-tabs[hidden],#wlPane[hidden],#catPane[hidden]{display:none}
.v-pa-row__acts{display:flex;align-items:center;gap:6px;align-self:flex-end;margin-top:auto}
.v-pa-row__acts .v-wl-star{width:32px;height:30px}
.v-pa-pick .v-wl-tabs{display:flex;margin:4px 0 10px}

/* =====================================================================
   13.10.2026 (NV-2026-10-13-009): «יומן המשימות», the personal task diary.
   Used by tasks.html, the block «המשימות שלי היום» in «היום שלי», the right-click popup (_task_pin.js) and the quick bar tile.
   Only the existing tokens; the one new colour is the amber tile of the quick bar (the same amber family). Prefix vt-.
   ===================================================================== */
.vt-wrap{padding-top:22px;padding-bottom:120px}
.vt-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.vt-head__eyebrow{margin:0 0 4px;font-size:13px;font-weight:700;color:var(--v-blue)}
.vt-head h1{margin:0;font-size:34px;line-height:1.12;font-weight:800;color:var(--v-ink)}
.vt-head p{margin:6px 0 0;font-size:14.5px;color:var(--v-muted)}
.vt-head .v-btn{gap:7px}
.vt-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.vt-views button{min-width:64px;height:32px;font-size:13px}
.vt-nav{display:inline-flex;align-items:center;gap:6px}
.vt-navbtn{width:34px;height:34px;display:grid;place-items:center;border:var(--v-bw) solid var(--v-border);background:var(--v-surface);border-radius:50%;cursor:pointer;color:var(--v-ink-2)}
.vt-navbtn:hover{border-color:#C9DBF2;color:var(--v-blue)}
.vt-navbtn svg{width:15px;height:15px}
.vt-nav__label{min-width:190px;text-align:center;font-size:15px;font-weight:700;color:var(--v-ink)}
.vt-card{background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-panel);box-shadow:var(--v-sh-card);padding:20px 22px}
.vt-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.vt-card__head h2{margin:0;font-size:var(--v-fs-sec);font-weight:700;color:var(--v-ink)}
.vt-card__head p{margin:3px 0 0;font-size:13px;color:var(--v-muted)}
.vt-count{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:var(--v-r-chip);background:var(--v-blue-soft);color:var(--v-blue);font-size:12.5px;font-weight:700;white-space:nowrap}
/* day: the priority list */
.vt-daygrid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:var(--v-gap);align-items:start}
.vt-list{list-style:none;margin:0;padding:0}
.vt-task{display:flex;align-items:center;gap:10px;padding:12px 6px;border-top:var(--v-bw) solid var(--v-line);background:var(--v-surface);border-radius:12px}
.vt-list .vt-task:first-child{border-top:0}
.vt-task.is-dragging{opacity:.55;box-shadow:var(--v-sh-float)}
.vt-task__grip{flex:none;width:16px;color:#B3BFD2;cursor:grab;display:grid;place-items:center}
.vt-task__grip svg{width:16px;height:16px}
.vt-check{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid #C3D0E2;background:var(--v-surface);display:grid;place-items:center;cursor:pointer;color:transparent;padding:0;transition:background var(--v-fast) var(--v-ease),border-color var(--v-fast) var(--v-ease)}
.vt-check svg{width:14px;height:14px;stroke-width:3}
.vt-check:hover{border-color:var(--v-good);color:var(--v-good)}
.vt-check.is-on{background:var(--v-good);border-color:var(--v-good);color:#fff}
.vt-task__body{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;border:0;background:none;padding:0;text-align:start;cursor:pointer;font:inherit;color:inherit}
.vt-task__title{font-size:15px;font-weight:700;color:var(--v-ink);line-height:1.35}
.vt-task__body:hover .vt-task__title{color:var(--v-blue)}
.vt-task.is-done .vt-task__title{color:var(--v-muted);text-decoration:line-through;font-weight:600}
.vt-task__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.vt-task__side{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.vt-task__time{font-size:13px;font-weight:700;color:var(--v-ink-2);font-variant-numeric:tabular-nums}
.vt-task__day{font-size:11.5px;color:var(--v-muted)}
.vt-task__moves{flex:none;display:flex;flex-direction:column;gap:2px;opacity:0;transition:opacity var(--v-fast)}
.vt-task:hover .vt-task__moves,.vt-task:focus-within .vt-task__moves{opacity:1}
@media (hover:none){.vt-task__moves{opacity:1}}
.vt-ib{width:24px;height:22px;display:grid;place-items:center;border:0;background:none;border-radius:6px;cursor:pointer;color:#8A97AD;padding:0}
.vt-ib:hover{background:var(--v-surface-2);color:var(--v-ink)}
.vt-ib svg{width:14px;height:14px}
.vt-undo{flex:none;border:0;background:none;color:var(--v-blue);font:700 12.5px var(--v-font);cursor:pointer;padding:4px 6px}
/* the small labels under a task: the action, the people, the thing */
.vt-act{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:var(--v-r-chip);font-size:12px;font-weight:700;white-space:nowrap}
.vt-act svg{width:13px;height:13px}
.vt-act.is-blue,.vt-mline.is-blue{background:var(--v-info-soft);color:var(--v-info)}
.vt-act.is-green,.vt-mline.is-green{background:var(--v-good-soft);color:var(--v-good)}
.vt-act.is-purple,.vt-mline.is-purple{background:var(--v-purple-soft);color:var(--v-purple)}
.vt-act.is-teal,.vt-mline.is-teal{background:var(--v-teal-soft);color:var(--v-teal)}
.vt-act.is-amber,.vt-mline.is-amber{background:var(--v-amber-soft);color:var(--v-amber)}
.vt-act.is-slate,.vt-mline.is-slate{background:var(--v-surface-2);color:#55627A}
.vt-who{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--v-ink-2);font-weight:600}
.vt-who__faces{display:inline-flex}
.vt-who__faces i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#DCE8F8;color:#25467A;font:700 10px var(--v-font);font-style:normal;border:2px solid var(--v-surface);margin-inline-start:-7px}
.vt-who__faces i:first-child{margin-inline-start:0}
.vt-thing{display:inline-flex;align-items:center;gap:5px;max-width:280px;height:24px;padding:0 9px;border-radius:8px;background:var(--v-surface-2);color:#44566F;font-size:12px;font-weight:600}
.vt-thing svg{width:13px;height:13px;flex:none;color:#7B879D}
.vt-thing span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vt-late{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;padding:11px 14px;border-radius:12px;background:var(--v-warn-soft)}
.vt-late b{display:block;font-size:13.5px;color:#8A520C}
.vt-late span{display:block;font-size:12.5px;color:#9A6A2E;margin-top:2px}
.vt-quick{display:flex;align-items:center;gap:10px;margin-top:10px;padding:6px;padding-inline-start:12px;border:1.5px dashed #C9D8EC;border-radius:12px;background:#FAFCFF}
.vt-quick:focus-within{border-style:solid;border-color:var(--v-blue);background:var(--v-surface);box-shadow:0 0 0 3px var(--v-blue-soft)}
.vt-quick__ic{color:var(--v-blue);display:grid;place-items:center}
.vt-quick__ic svg{width:18px;height:18px}
/* 17.10.2026 (NV-2026-10-17-009): the «כללי» box (tasks with no day) at the top of the task diary */
.vt-general{margin-bottom:16px}
.vt-general .vt-list{margin-top:0}
.vt-quick input{flex:1;min-width:0;height:36px;border:0;background:none;outline:0;font:500 14px var(--v-font);color:var(--v-ink)}
.vt-empty{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;padding:26px 10px 14px;margin:0;color:var(--v-muted);font-size:13px}
.vt-empty b{font-size:15px;color:var(--v-ink-2)}
.vt-done{margin-top:14px;border-top:var(--v-bw) solid var(--v-line);padding-top:10px}
.vt-done summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--v-muted);padding:4px 2px;list-style:none}
.vt-done summary::-webkit-details-marker{display:none}
.vt-done summary::before{content:"◂";display:inline-block;margin-inline-end:7px;transition:transform var(--v-fast)}
.vt-done[open] summary::before{transform:rotate(-90deg)}
.vt-wklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.vt-wk{width:100%;display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border:0;border-radius:10px;background:none;cursor:pointer;font:600 13px var(--v-font);color:var(--v-ink-2)}
.vt-wk:hover{background:var(--v-surface-2)}
.vt-wk.is-on{background:var(--v-blue-soft);color:var(--v-blue)}
.vt-wk.is-today span{color:var(--v-blue);font-weight:800}
.vt-wk span{min-width:64px;text-align:start}
.vt-dots{flex:1;display:flex;gap:4px;font-style:normal}
.vt-dots em{width:8px;height:8px;border-radius:50%;background:#B9CDEB}
.vt-wk.is-on .vt-dots em{background:var(--v-blue)}
.vt-wk b{min-width:16px;text-align:end;font-size:13px}
/* week: seven columns, drag a task to another day */
.vt-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.vt-col{display:flex;flex-direction:column;min-height:320px;border-radius:14px;background:var(--v-surface-2);padding:8px;transition:background var(--v-fast)}
.vt-col.is-today{background:var(--v-blue-soft)}
.vt-col.is-over{background:#DCEAFE;outline:2px dashed var(--v-blue);outline-offset:-2px}
.vt-col__head{display:flex;flex-direction:column;align-items:center;gap:1px;border:0;background:none;cursor:pointer;padding:6px 0 10px;font:600 12.5px var(--v-font);color:var(--v-muted)}
.vt-col__head b{font-size:17px;color:var(--v-ink)}
.vt-col.is-today .vt-col__head b{color:var(--v-blue)}
.vt-col__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;flex:1}
.vt-mini{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 9px;border:0;border-inline-start:3px solid currentColor;border-radius:9px;background:var(--v-surface);box-shadow:0 1px 3px rgba(25,58,96,.08);cursor:grab;text-align:start;font:600 12.5px var(--v-font);line-height:1.35}
.vt-mini span{color:var(--v-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vt-mini small{font-size:11px;font-weight:700;color:var(--v-muted)}
.vt-mini.is-blue{color:var(--v-info)}
.vt-mini.is-green{color:var(--v-good)}
.vt-mini.is-purple{color:var(--v-purple)}
.vt-mini.is-teal{color:var(--v-teal)}
.vt-mini.is-amber{color:var(--v-amber)}
.vt-mini.is-slate{color:#9AA6B8}
.vt-mini.is-done{opacity:.6;cursor:pointer}
.vt-mini.is-done span{text-decoration:line-through;color:var(--v-muted)}
.vt-col__add{align-self:center;margin-top:8px;width:30px;height:30px;border-radius:50%;border:1.5px dashed #BFD0E6;background:none;display:grid;place-items:center;color:#8A97AD;cursor:pointer;opacity:0;padding:0}
.vt-col__add svg{width:14px;height:14px}
.vt-col:hover .vt-col__add,.vt-col__add:focus-visible{opacity:1}
.vt-tip{margin:12px 2px 0;font-size:12.5px;color:var(--v-muted)}
/* month */
.vt-month__head,.vt-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.vt-month__head span{text-align:center;font-size:12px;font-weight:700;color:var(--v-muted);padding:0 0 8px}
.vt-mday{position:relative;min-height:96px;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:7px 8px;border:var(--v-bw) solid var(--v-line);border-radius:11px;background:var(--v-surface);cursor:pointer;text-align:start;font:inherit}
.vt-mday:hover{border-color:#C9DBF2;background:#FAFCFF}
.vt-mday b{font-size:13px;color:var(--v-ink-2)}
.vt-mday.is-out{background:#FAFBFD}
.vt-mday.is-out b{color:#B6C0CF}
.vt-mday.is-today{border-color:var(--v-blue);box-shadow:0 0 0 2px var(--v-blue-soft)}
.vt-mday.is-today b{color:var(--v-blue)}
.vt-mline{display:block;font-size:11.5px;font-weight:600;padding:2px 6px;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vt-mday small{font-size:11px;color:var(--v-muted)}
.vt-mdot{display:none}
/* the add / edit drawer (the shared .v-drawer) */
.vt-layer .v-x svg{width:18px;height:18px}
.vt-editor{width:min(460px,94vw)}
.vt-editor .v-field input{height:42px}
.vt-sec{margin:0 0 16px}
.vt-sec__t{display:block;font-size:12px;font-weight:600;color:#54617A;margin-bottom:7px}
.vt-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.vt-pchip{height:32px;padding:0 11px;font-size:12.5px;gap:5px}
.vt-pchip svg{width:14px;height:14px;color:#8A97AD}
.vt-pchip.is-on svg{color:var(--v-blue)}
.vt-mt{margin:8px 0 0}
.vt-picked{display:flex;flex-wrap:wrap;gap:6px}
.vt-picked:not(:empty){margin-bottom:8px}
.vt-picked__it{display:inline-flex;align-items:center;gap:5px;max-width:100%;height:30px;padding:0 4px;padding-inline-start:10px;border-radius:var(--v-r-chip);background:var(--v-blue-soft);color:var(--v-blue);font-size:12.5px;font-weight:600}
.vt-picked__it > svg{width:13px;height:13px;flex:none}
.vt-picked__it span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vt-find{position:relative}
.vt-find__in{width:100%;height:40px;padding:0 12px;border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-input);font:400 13px var(--v-font);color:var(--v-ink);background:var(--v-surface);outline:0}
.vt-find__in:focus{border-color:var(--v-blue);box-shadow:0 0 0 3px var(--v-blue-soft)}
.vt-results{position:absolute;inset-inline:0;top:calc(100% + 4px);z-index:5;max-height:240px;overflow-y:auto;padding:5px;background:var(--v-surface);border:var(--v-bw) solid var(--v-border);border-radius:12px;box-shadow:var(--v-sh-float)}
.vt-results button{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;border:0;background:none;border-radius:8px;cursor:pointer;text-align:start;font:inherit}
.vt-results button:hover,.vt-results button:focus-visible{background:var(--v-blue-soft)}
.vt-results svg{width:15px;height:15px;color:#8A97AD;flex:none}
.vt-results b{display:block;font-size:13px;color:var(--v-ink)}
.vt-results small{display:block;font-size:11.5px;color:var(--v-muted)}
.vt-results__none{margin:6px 8px;font-size:12.5px;color:var(--v-muted)}
.vt-when{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.vt-when .v-field{margin:0}
.vt-lbl{display:block;font-size:11.5px;font-weight:600;color:var(--v-muted);margin-bottom:4px}
.vt-err{margin:0;padding:8px 11px;border-radius:9px;background:var(--v-bad-soft);color:var(--v-bad);font-size:12.5px;font-weight:600}
.vt-del{margin-inline-start:auto;color:var(--v-bad)}
/* the small popup: right-click and the quick bar */
.vt-pop{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--v-z-modal);width:min(460px,calc(100vw - 32px));max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:var(--v-surface);border-radius:var(--v-r-panel);box-shadow:var(--v-sh-float);overflow:hidden}
.vt-pop__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:18px 20px 12px}
.vt-pop__head > div{min-width:0}
.vt-pop__head h3{margin:0;font-size:18px;font-weight:700;color:var(--v-ink)}
.vt-pop__head p{margin:4px 0 0;font-size:13px;color:var(--v-muted)}
.vt-pop__thing{display:inline-flex;align-items:center;gap:6px;margin-top:8px;max-width:100%;height:28px;padding:0 11px;border-radius:var(--v-r-chip);background:var(--v-blue-soft);color:var(--v-blue);font-size:13px;font-weight:700}
.vt-pop__thing svg{width:14px;height:14px;flex:none}
.vt-pop__thing span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vt-pop__body{padding:4px 20px 8px;overflow-y:auto}
.vt-pop__foot{display:flex;gap:10px;padding:12px 20px 18px}
.vt-seg{display:flex;width:100%;margin-bottom:14px}
.vt-seg button{flex:1}
.vt-chips.is-compact{margin:-4px 0 14px}
.vt-timein{display:inline-flex;align-items:center;gap:6px;margin-inline-start:4px}
.vt-timein .vt-lbl{margin:0}
.vt-timein input{height:32px;padding:0 8px;border:var(--v-bw) solid var(--v-border);border-radius:9px;font:500 12.5px var(--v-font);color:var(--v-ink)}
.vt-pick{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}
.vt-pick__it{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:var(--v-bw) solid var(--v-border);border-radius:12px;background:var(--v-surface);cursor:pointer;text-align:start;font:inherit}
.vt-pick__it:hover{border-color:#C9DBF2}
.vt-pick__it.is-on{border-color:var(--v-blue);background:var(--v-blue-soft)}
.vt-pick__dot{flex:none;width:18px;height:18px;border-radius:50%;border:2px solid #C3D0E2;background:var(--v-surface)}
.vt-pick__it.is-on .vt-pick__dot{border:5px solid var(--v-blue)}
.vt-pick__it b{display:block;font-size:13.5px;color:var(--v-ink)}
.vt-pick__it small{display:block;font-size:12px;color:var(--v-muted);margin-top:1px}
/* the right-click menu = the shared .v-menu plus a head line */
.vt-menu{min-width:230px;max-width:300px}
.vt-menu__head{display:flex;align-items:center;gap:8px;padding:8px 10px 9px;margin-bottom:4px;border-bottom:var(--v-bw) solid var(--v-line);font-size:12.5px;font-weight:700;color:var(--v-ink)}
.vt-menu__head svg{width:15px;height:15px;color:var(--v-blue);flex:none}
.vt-menu__head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vt-menu__hint{margin:4px 10px;font-size:10.5px;color:#A5AFC0}
/* «המשימות שלי היום» inside «היום שלי» */
.vt-today{padding:0 24px 20px}
.vt-today__sum{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--v-muted);margin-bottom:6px}
.vt-today__sum b{font-size:16px;color:var(--v-ink);margin-inline-end:3px}
.vt-today__late{margin-inline-start:auto;color:#8A520C;background:var(--v-warn-soft);padding:3px 10px;border-radius:var(--v-r-chip);font-weight:700;font-size:12px;text-decoration:none}
.vt-list.is-compact .vt-task{padding:10px 2px}
.vt-today__foot{display:flex;gap:8px;margin-top:12px}
.vt-more{margin:6px 0 0;font-size:13px}
.vt-more a{color:var(--v-blue);font-weight:700;text-decoration:none}
/* the quick bar tile «משימות» */
.v-dock__tile.is-amber{background:linear-gradient(180deg,#F2A93B,#C77A14)}
@media (max-width:900px){
  .vt-daygrid{grid-template-columns:1fr}
}
@media (max-width:760px){
  .vt-head h1{font-size:28px}
  .vt-weekside{display:none}
  .vt-bar{gap:8px}
  .vt-nav{flex:1 1 100%;order:3;justify-content:space-between}
  .vt-nav__label{min-width:0;flex:1}
  .vt-card{padding:16px 14px}
  .vt-week{grid-template-columns:1fr;gap:8px}
  .vt-col{min-height:0}
  .vt-col__head{flex-direction:row;justify-content:flex-start;gap:8px;padding:2px 4px 8px}
  .vt-col__add{display:none}
  .vt-month__head,.vt-month{gap:3px}
  .vt-mday{min-height:50px;padding:5px;align-items:center}
  .vt-mline,.vt-mday small{display:none}
  .vt-mdot{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--v-blue);color:#fff;font:700 10.5px var(--v-font);font-style:normal}
  .vt-thing{max-width:200px}
  .vt-task__grip{display:none}
  .vt-today{padding:0 16px 16px}
}

/* ---- 13.10.2026 «מי צריך הודעה»: כרטיס סגור כברירת מחדל (שלושה שבבים) והצורה הקומפקטית של האזור האישי ---- */
.v-chip.is-muted,.v-chip.is-muted:hover{background:var(--v-surface-2);border-color:var(--v-border);color:var(--v-muted);cursor:default}
.v-chip b{font-weight:700}
[data-trip-moments-root] .v-chips{margin:2px 0 4px}
[data-trip-moments-root] .v-tg__more .v-link{font-size:12.5px}
.v-tm-compact{padding:0 16px 16px}
.v-tmrow{margin-top:10px;border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-card,14px);background:var(--v-surface);overflow:hidden}
.v-tmrow:first-child{margin-top:0}
.v-tmrow__btn{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:10px 14px;background:none;border:0;font-family:var(--v-font);font-size:14px;text-align:start;cursor:pointer;color:var(--v-ink)}
.v-tmrow__btn:hover{background:var(--v-surface-2)}
.v-tmrow__btn .v-txt{flex:1;min-width:0}
.v-tmrow.is-open .v-tmrow__btn{border-bottom:var(--v-bw) solid var(--v-border)}
.v-tmrow .v-tg{margin-top:0;border:0;border-radius:0}

/* 13.10.2026 (judge, NV-2026-10-13-019 item 1): the customer picker modal box carries the class v-pick, which also matches the old
   `.v-select,.v-pick,.v-selectwrap{height:32px}` control rule above (and its mobile min-height/margin variant), so the box collapsed to 32px
   and the result rows were clipped. The modal box keeps its natural height. */
#v2-pick .v-modal__box{height:auto;min-height:0;margin-block:0}

/* 14.10.2026 (B-090 and B-091, NV-2026-10-14-021): the development list, comments with screenshots under a row, the result form and the proof lines of the «בוצע» tab. Used only by backlog.page.js (classes bl-*). */
.bl-comments{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:var(--v-bw) solid var(--v-border)}
.bl-cm{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.bl-cm__item{padding:9px 12px;border-radius:12px;background:var(--v-surface);border:var(--v-bw) solid var(--v-border);font-size:13.5px;color:var(--v-ink)}
.bl-cm__item.is-claude{background:var(--v-blue-soft);border-color:transparent}
.bl-cm__meta{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;margin-bottom:3px;font-size:11.5px;color:var(--v-muted)}
.bl-cm__meta b{color:var(--v-ink)}
.bl-cm__body{white-space:pre-wrap;overflow-wrap:anywhere}
.bl-shot{display:block;max-width:min(260px,100%);max-height:180px;margin-top:6px;border-radius:10px;border:var(--v-bw) solid var(--v-border);object-fit:cover;background:var(--v-surface)}
.bl-form{display:flex;flex-direction:column;gap:8px}
.bl-form textarea,.bl-input{width:100%;box-sizing:border-box;padding:10px 12px;border:1.5px dashed #C9D8EC;border-radius:12px;background:#FAFCFF;font:500 14px var(--v-font);color:var(--v-ink)}
.bl-form textarea{min-height:64px;resize:vertical}
.bl-input{height:40px;padding-block:0}
.bl-form textarea:focus,.bl-input:focus{outline:0;border-style:solid;border-color:var(--v-blue);background:var(--v-surface);box-shadow:0 0 0 3px var(--v-blue-soft)}
.bl-form__row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bl-file{position:relative;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-chip);font-size:13px;font-weight:600;color:var(--v-blue);background:var(--v-surface);cursor:pointer}
.bl-file:focus-within{box-shadow:0 0 0 3px var(--v-blue-soft)}
.bl-file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.bl-file svg{width:15px;height:15px}
.bl-done{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;margin-top:8px;padding:10px 12px;border-radius:12px;background:var(--v-blue-soft);font-size:13px;color:var(--v-ink)}
.bl-done .bl-shot{margin-top:2px}
.bl-link{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:var(--v-blue);text-decoration:none}
.bl-link svg{width:14px;height:14px}
.bl-grp{margin-top:14px}
.bl-grp__t{margin:0 0 4px;font-size:13px;font-weight:700;color:var(--v-muted)}

/* 14.10.2026 (NV-2026-10-14-038): תפריט קטן על «שווי התכנון» בכרטיס לקוח */
.cc-meta.is-big span{position:relative}
.cc-dealmenu{position:absolute;inset-block-start:calc(100% + 6px);inset-inline-start:0;z-index:var(--v-z-menu);min-width:200px;white-space:nowrap;font-weight:600}
.cc-dealmenu[x-cloak]{display:none}
@media (max-width:480px){.cc-dealmenu{min-width:min(240px,calc(100vw - 32px))}}

/* =====================================================================
   14.10.2026 (NV-2026-10-14-063): מסלול בנייה, קידומת v-bf.
   הרכיבים המשותפים של שני דפי הבנייה (הצעת מלונות, תוכנית אטרקציות): סרגל צעדים, מסגרת תמונה
   (בלי תמונה = מסגרת ניטרלית, אף פעם לא תמונה של מקום אחר), כרטיס בחירה עם תמונה, לשוניות יעד/יום,
   שורת בדיקה, ומגירת «איך זה ייראה ללקוח». הלוגיקה ב-_build_flow.js.
   ===================================================================== */
.v-bf-head{grid-template-columns:1fr auto}
.v-bf-lead{margin:0 0 12px;font-size:13.5px;color:var(--v-muted);line-height:1.5}
.v-bf-panel[hidden]{display:none!important}
.v-bf-panel{display:block}
/* סרגל הצעדים */
.v-bf-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;list-style:none;margin:0 0 14px;padding:0}
.v-bf-steps li{min-width:0}
.v-bf-steps button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--v-border);border-radius:14px;background:var(--v-surface);cursor:pointer;text-align:start;color:var(--v-muted);font:inherit;transition:border-color var(--v-norm) var(--v-ease),background var(--v-norm) var(--v-ease)}
.v-bf-steps button:hover{border-color:#C9DBF2}
.v-bf-steps i{flex:none;width:30px;height:30px;border-radius:50%;border:1.5px solid #CFD9E8;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:700;background:#fff}
.v-bf-steps i svg{width:15px;height:15px}
.v-bf-steps span{min-width:0;display:flex;flex-direction:column}
.v-bf-steps b{font-size:14.5px;font-weight:700;color:var(--v-ink)}
.v-bf-steps small{font-size:11.5px;color:var(--v-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-bf-steps .is-done i{background:var(--v-green-soft);border-color:#BFE6D1;color:var(--v-green)}
.v-bf-steps .is-now button{border:2px solid var(--v-blue);padding:9px 11px;background:var(--v-blue-soft)}
.v-bf-steps .is-now i{background:var(--v-blue);border-color:var(--v-blue);color:#fff}
.v-bf-steps .is-now b{color:var(--v-blue)}
/* מסגרת תמונה */
.v-bf-ph{position:relative;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#E8EEF7}
.v-bf-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.v-bf-ph__x{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#8C9BB3;background:repeating-linear-gradient(135deg,#EDF2F9 0 10px,#E8EEF7 10px 20px)}
.v-bf-ph.is-none .v-bf-ph__x{display:flex}
.v-bf-ph__x svg{width:26px;height:26px}
.v-bf-ph__x small{font-size:11.5px;font-weight:600}
.v-pq-hotel__ph .v-bf-ph{position:absolute;inset:0;aspect-ratio:auto;border-radius:0}
.v-pq-hotel__ph .v-pq-radio{z-index:2}
/* צעד 1: היעדים */
.v-bf-trip{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}
.v-bf-trip__row{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--v-border);border-radius:12px;background:#fff;flex-wrap:wrap}
.v-bf-trip__row>i{flex:none;width:26px;height:26px;border-radius:50%;background:var(--v-blue-soft);color:var(--v-blue);display:grid;place-items:center;font-style:normal;font-size:12.5px;font-weight:700}
.v-bf-trip__row>b{font-size:16px;color:var(--v-ink)}
.v-bf-trip__d{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--v-ink-2)}
.v-bf-trip__d small{color:var(--v-muted)}
.v-bf-trip__h{margin-inline-start:auto;font-size:12.5px;color:var(--v-muted)}
.v-bf-cityadd{display:flex;gap:10px;align-items:center;margin-top:12px}
.v-bf-cityadd .v-search{flex:1 1 auto;min-width:0}
/* צעד 2: לשוניות יעד */
.v-bf-citybar{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:thin}
.v-bf-citybar>button{flex:none;display:flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid var(--v-border);border-radius:12px;background:#fff;cursor:pointer;text-align:start;font:inherit;color:var(--v-ink)}
.v-bf-citybar>button span{display:flex;flex-direction:column}
.v-bf-citybar>button b{font-size:14.5px}
.v-bf-citybar>button small{font-size:11.5px;color:var(--v-muted)}
.v-bf-citybar>button svg{width:16px;height:16px;color:var(--v-green)}
.v-bf-citybar>button.is-on{border:2px solid var(--v-blue);padding:8px 13px;background:var(--v-blue-soft)}
.v-bf-citybar>.v-bf-citybar__add{flex-direction:row;color:var(--v-blue);border-style:dashed;font-weight:600;font-size:13px}
.v-bf-citybar>.v-bf-citybar__add svg{color:var(--v-blue)}
.v-bf-citybar>p{margin:0}
.v-bf-dot{width:9px;height:9px;border-radius:50%;background:#E08A1E;flex:none}
.v-bf-recmark{align-self:flex-start;font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:999px;background:#F1F5FA;color:var(--v-muted)}
.v-bf-recmark.is-on{background:var(--v-blue);color:#fff}
.v-bf-pick{margin-top:6px}
.v-bf-pick__h h3{margin:0 0 4px}
.v-bf-pick .v-search{margin-bottom:8px}
.v-bf-pick #sugF{margin:6px 0 10px}
.v-bf-moref{margin-top:8px}
.v-bf-moref summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--v-blue)}
/* כרטיס מלון/אטרקציה לבחירה, עם תמונה */
.v-bf-pick .v-pq-sug{margin:8px 0 0;border:0;box-shadow:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;background:none}
.v-bf-pick .v-pq-sug>:not(.v-bf-card){grid-column:1/-1}
.v-bf-pick .v-pq-sug>p{margin:0;font-size:13px;color:var(--v-muted)}
.v-bf-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--v-border);border-radius:14px;background:#fff;overflow:hidden;box-shadow:var(--v-sh-card)}
.v-bf-card>.v-bf-ph{border-radius:0}
.v-bf-card__f{padding:10px 12px 8px;display:flex;flex-direction:column;gap:3px;flex:1 1 auto}
.v-bf-card__s{display:flex;gap:10px;align-items:center;font-size:12.5px;color:var(--v-ink-2);min-height:18px}
.v-bf-card__s span{display:inline-flex;align-items:center;gap:3px}
.v-bf-card__s svg{width:13px;height:13px;color:#E3A21A;fill:currentColor}
.v-bf-card__p{font-size:12.5px;color:var(--v-muted)}
.v-bf-card__p b{color:var(--v-ink);font-size:14px}
.v-bf-card__w{font-size:12px;color:var(--v-blue);font-weight:600}
.v-bf-card>button{display:grid;grid-template-columns:30px 1fr;gap:2px 10px;align-items:start;width:100%;padding:10px 12px;border:0;border-top:1px solid var(--v-line);border-radius:0;background:var(--v-blue-soft);text-align:start;cursor:pointer;font:inherit}
.v-bf-card>button:hover{background:#DCEAFD}
.v-bf-card>button svg{grid-row:1/3;width:28px;height:28px;padding:6px;border-radius:50%;background:var(--v-blue);color:#fff}
.v-bf-card>button b{font-size:14px;color:var(--v-ink);line-height:1.3}
.v-bf-card>button small{font-size:0;line-height:0;margin:0;display:block;color:var(--v-muted)}
.v-bf-card>button small br{display:none}
.v-bf-card>button small .v-cf-why{font-size:12.5px;line-height:1.4;display:block;color:var(--v-blue);font-weight:600}
.v-bf-card.is-off>button{background:#F4F6FA;cursor:default}
.v-bf-card.is-off>button svg{background:#C3CCDA}
.v-bf-card.is-off>button small{font-size:12.5px;line-height:1.4}
.v-bf-card .v-wl-star{position:absolute;inset-block-start:8px;inset-inline-start:8px;z-index:2;width:34px;height:34px;border-radius:50%;box-shadow:0 1px 4px rgba(10,26,46,.18)}
.v-bf-more{display:block;width:100%;padding:10px;border:1px dashed #C6DCFB;border-radius:12px;background:#fff;color:var(--v-blue);font-weight:700;font-size:13.5px;cursor:pointer}
.v-bf-more:hover{background:var(--v-blue-soft)}
.v-wl-row .v-bf-card{flex:1 1 auto}
/* צעד 3: בדיקה */
#review{display:flex;flex-direction:column;gap:10px}
.v-bf-rv{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px;border:1px solid var(--v-border);border-radius:14px;background:#fff}
.v-bf-rv.is-bad{border-color:#F0D3A4;background:#FFFAF1}
.v-bf-rv .v-bf-ph{aspect-ratio:4/3}
.v-bf-rv__b{display:flex;flex-direction:column;gap:2px;min-width:0}
.v-bf-rv__b small{font-size:12px;color:var(--v-muted)}
.v-bf-rv__b b{font-size:16px;color:var(--v-ink)}
.v-bf-rv__b span{font-size:13px;color:var(--v-ink-2)}
.v-bf-rv__b i{font-style:normal;font-weight:800;color:var(--v-ink)}
.v-bf-review__act{margin-top:12px}
/* שורת הפעולות התחתונה */
.v-bf-bar .v-pq-bar__acts{flex-wrap:wrap;justify-content:flex-end}
.v-bf-bar .v-pq-bar__acts .v-btn[hidden]{display:none}
/* מגירת «איך זה ייראה ללקוח» */
.v-bf-drawer{width:min(820px,98vw)}
.v-bf-drawer__tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 18px;border-bottom:1px solid var(--v-border)}
.v-bf-drawer__tools .v-segment{width:auto}
.v-bf-drawer__tools .v-segment button{padding:0 14px}
.v-bf-drawer__tools .v-link{margin-inline-start:auto}
.v-bf-drawer__note{margin:0;padding:8px 18px;font-size:12.5px;color:var(--v-muted);background:#F7F9FC}
.v-bf-drawer.is-phone .v-drawer__body.is-frame{background:#E8EEF7;align-items:center;padding:14px}
.v-bf-drawer.is-phone .v-drawer__body.is-frame>iframe{flex:0 0 auto;width:390px;max-width:100%;height:100%;border:1px solid #C9D6EA;border-radius:18px}
@media (max-width:900px){
  .v-bf-steps{gap:6px}
  .v-bf-steps button{padding:8px;gap:7px}
  .v-bf-steps small{display:none}
  .v-bf-steps b{font-size:12.5px}
  .v-bf-steps i{width:24px;height:24px;font-size:11.5px}
  .v-bf-head{grid-template-columns:1fr}
  .v-bf-rv{grid-template-columns:84px minmax(0,1fr)}
  .v-bf-rv>:last-child{grid-column:1/-1}
  .v-bf-pick .v-pq-sug{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .v-bf-card__f{padding:8px 9px 6px}
  .v-bf-card>button{padding:8px 9px;gap:2px 7px;grid-template-columns:26px 1fr}
  .v-bf-card>button svg{width:24px;height:24px;padding:5px}
  .v-bf-card>button b{font-size:13px}
  .v-bf-bar .v-pq-bar__n:nth-child(n+3),.v-bf-bar .v-pq-bar__note{display:none}
  .v-bf-bar .v-pq-bar__acts{width:100%}
  .v-bf-bar .v-pq-bar__acts .v-btn{flex:1 1 auto;justify-content:center}
  .v-bf-drawer{width:100vw}
}
@media (max-width:480px){
  .v-bf-pick .v-pq-sug{grid-template-columns:1fr 1fr}
  .v-bf-trip__h{margin-inline-start:0}
}
.v-pq-city__head small button.v-link{width:auto;height:auto;border:0;display:inline-flex;padding:0 4px;font-size:12.5px}
.v-pq-page .v-qlearn__trace{display:none}
.v-pq-page .v-qlearn{margin:0 0 14px}
.v-pq-page .v-qlearn__main{padding:10px 14px}
.v-bf-trip__row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:6px 12px;border-top:1px solid var(--v-border)}
.v-bf-trip__row>*{margin:0}
@media (max-width:640px){.v-bf-trip__row{grid-template-columns:auto minmax(0,1fr) auto}.v-bf-trip__d{grid-column:1/-1;order:5}}
.v-bf-ph__x small{margin:0!important}
.v-bf-card.is-off{opacity:.62}
.v-bf-pick .v-cf{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:flex-start}
.v-bf-pick .v-cf>.v-cf-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}
.v-bf-pick .v-cf-title{font-size:12.5px;font-weight:700;color:var(--v-muted)}
.v-bf-pick .v-cf .v-chips{gap:6px}
.v-bf-pick .v-cf .v-chip{height:30px;padding:0 12px;font-size:12.5px}
.v-bf-pick .v-bf-moref{flex:1 1 100%}
/* תוכנית האטרקציות במסלול הבנייה */
.v-pa-day[hidden]{display:none!important}
.v-bf-panel .v-pa-grid{display:flex;flex-direction:column;gap:14px}
.v-bf-panel .v-pa-grid.is-single{display:flex}
.v-bf-pick.v-pa-pick{position:static;grid-area:auto;max-height:none}
.v-bf-citybar>button .v-bf-n{font-style:normal;min-width:24px;height:24px;border-radius:12px;background:var(--v-blue-soft);color:var(--v-blue);display:grid;place-items:center;font-size:12.5px;font-weight:700;padding:0 6px}
.v-bf-daybar[hidden]{display:none}
.v-bf-pick .v-pa-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;max-height:none;overflow:visible}
.v-bf-pick .v-pa-list>.v-pa-empty{grid-column:1/-1}
.v-bf-pick .v-pa-row{direction:rtl;display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;border-radius:14px;box-shadow:var(--v-sh-card);background:#fff}
.v-bf-pick .v-pa-row__ph{position:relative;height:132px;border-radius:0;background:#E8EEF7}
.v-bf-pick .v-pa-row__ph:empty{background:repeating-linear-gradient(135deg,#EDF2F9 0 10px,#E8EEF7 10px 20px)}
.v-bf-pick .v-pa-row__ph:empty::after{content:"אין תמונה";position:absolute;inset:0;display:grid;place-items:center;font-size:11.5px;font-weight:600;color:#8C9BB3}
.v-bf-pick .v-pa-row__tx{padding:10px 12px 12px;flex:1 1 auto;display:flex;flex-direction:column;gap:3px;min-width:0}
.v-bf-pick .v-pa-row__tx b{text-align:right;font-size:14.5px}
.v-bf-pick .v-pa-row__tx small{text-align:right;font-size:12px}
.v-bf-pick .v-pa-row__tx .v-pa-why{color:var(--v-blue);font-weight:600;font-size:12.5px}
.v-bf-pick .v-pa-row__tx .v-pa-add,.v-bf-pick .v-pa-row__acts{align-self:stretch;margin-top:auto}
.v-bf-pick .v-pa-row__tx .v-pa-add{justify-content:center;height:34px;margin-top:8px}
.v-bf-pick .v-pa-row__acts{display:flex;gap:6px;align-items:center;padding-top:8px}
.v-bf-pick .v-pa-row__acts .v-pa-add{flex:1 1 auto;margin-top:0}
.v-bf-trip__row.is-day{grid-template-columns:auto auto auto minmax(160px,1fr) auto auto}
.v-bf-trip__row.is-day .v-search{margin:0}
.v-bf-day{border:1px solid var(--v-border);border-radius:14px;background:#fff;padding:12px 14px}
.v-bf-day__h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
.v-bf-day__h b{font-size:15.5px;color:var(--v-ink)}
.v-bf-day__h small{display:block;font-size:12px;color:var(--v-muted)}
.v-bf-day__free{margin:0;font-size:13px;color:var(--v-muted)}
.v-bf-ln{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:12px;align-items:center;padding:7px 0;border-top:1px solid var(--v-line)}
.v-bf-ln .v-bf-ph{aspect-ratio:4/3;border-radius:8px}
.v-bf-ln__b b{display:block;font-size:14px;text-align:right;unicode-bidi:plaintext}
.v-bf-ln__b small{font-size:12px;color:var(--v-muted)}
.v-bf-ln__p{display:flex;flex-direction:column;align-items:flex-end;font-size:12px;color:var(--v-muted)}
.v-bf-ln__p b{font-size:15px;color:var(--v-ink)}
@media (max-width:900px){
  .v-bf-trip__row.is-day{grid-template-columns:auto auto minmax(0,1fr) auto}
  .v-bf-trip__row.is-day .v-bf-trip__d{grid-column:auto}
  .v-bf-trip__row.is-day .v-search{grid-column:1/-1;order:6}
  .v-bf-pick .v-pa-row__ph{height:104px}
  .v-bf-ln{grid-template-columns:60px minmax(0,1fr) auto;gap:9px}
}
.v-bf-head{grid-template-columns:1fr auto auto}
.v-bf-pick .v-cf{flex-direction:row}
.v-bf-panel .v-pa-grid{align-items:stretch}
.v-bf-pick .v-cf-group .v-pa-cats{flex:0 1 auto}
.v-bf-pick .v-cf-group .v-pa-cats button{height:30px;padding:0 12px;font-size:12.5px}
@media (max-width:900px){.v-bf-head{grid-template-columns:1fr}}
@media (max-width:700px){
  .v-bf-panel .v-pq-grid{grid-template-columns:1fr}
  .v-bf-panel .v-pq-hotel__ph{height:150px}
}
@media (max-width:480px){
  .v-bf-steps{gap:5px}
  .v-bf-steps button{flex-direction:column;gap:3px;text-align:center;padding:7px 3px}
  .v-bf-steps .is-now button{padding:6px 2px}
  .v-bf-steps span{align-items:center}
  .v-bf-steps b{font-size:12px;white-space:nowrap}
}
.v-bf-drawer .v-x svg{width:18px;height:18px}
.v-bf-drawer__note[hidden]{display:none}
/* 15.10.2026 (audit): המלון שנבחר הוא שורה אחת קומפקטית (תמונה, שם, מחיר עם תווית), לא כרטיס גבוה. העמלה מוצגת רק כשהעין פתוחה. שורת הפעולות קטנה ואחת. */
.v-bf-hlist{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.v-bf-hrow{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr) 200px;gap:6px 16px;align-items:center;padding:10px;border:1px solid #E1E9F5;border-radius:14px;background:#fff;cursor:pointer}
.v-bf-hrow.is-rec{border:2px solid var(--v-blue);padding:9px;background:#FBFDFF}
.v-bf-hrow__ph{position:relative;aspect-ratio:4/3;border-radius:10px;overflow:hidden}
.v-bf-hrow__ph .v-bf-ph{position:absolute;inset:0;aspect-ratio:auto;border-radius:0}
.v-bf-hrow__ph .v-pq-radio{position:absolute;inset-block-start:6px;inset-inline-end:6px;z-index:2;width:22px;height:22px;border-radius:50%;border:2px solid #fff;background:rgba(10,26,46,.28);display:grid;place-items:center;color:#fff}
.v-bf-hrow.is-rec .v-bf-hrow__ph .v-pq-radio{background:var(--v-blue)}
.v-bf-hrow__b{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.v-bf-hrow__b b{font-size:15.5px;font-weight:700;color:var(--v-ink);line-height:1.3;unicode-bidi:plaintext;text-align:start}
.v-bf-hrow__b small{font-size:12.5px;color:var(--v-muted)}
.v-bf-hrow__why{font-size:12.5px;color:var(--v-blue);font-weight:600}
.v-bf-hrow__p{display:flex;flex-direction:column;gap:4px;min-width:0;cursor:default}
.v-bf-hrow__l{font-size:12px;font-weight:700;color:var(--v-ink-2)}
.v-bf-hrow__p .v-pq-price{display:block}
.v-bf-hrow__p .v-pq-price label{height:42px;padding:0 12px;width:100%;box-sizing:border-box}
.v-bf-hrow__p .v-pq-price input{font-size:17px}
.v-bf-hrow__p small{font-size:12px;color:var(--v-muted);min-height:16px}
.v-bf-hrow .v-pq-comm{grid-column:2/4;max-width:420px}
.v-bf-hrow__rm{position:absolute;inset-block-start:10px;inset-inline-end:14px;width:auto;height:auto;border:0;padding:0;font-size:12.5px}
.v-bf-why{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.v-pq-body .v-bf-why{min-height:0;align-self:auto;padding:10px 12px}
.v-pq-body .v-bf-why textarea{flex:none;min-height:64px;width:100%;box-sizing:border-box;resize:vertical;border:1px solid #E1E9F5;border-radius:10px;padding:8px 10px;font:inherit;font-size:13.5px}
.v-bf-why small{font-size:12px;color:var(--v-muted)}
.v-bf-pick.is-full #manualAdd,.v-bf-pick.is-full #pickTabs{display:none}
.v-bf-bar .v-pq-eye{align-self:center}
.v-bf-trip__row .v-link{width:auto;height:auto;border:0;padding:0 4px;background:none;box-shadow:none;font-size:13px}
.v-bf-bar .v-pq-bar__note:empty{display:none}
.v-bf-bar .v-pq-bar__note{min-width:0}
.v-bf-bar .v-pq-bar__n{padding:0 14px}
@media (max-width:900px){
  .v-bf-hrow{grid-template-columns:96px minmax(0,1fr);padding:9px}
  .v-bf-hrow__p{grid-column:1/-1}
  .v-bf-hrow .v-pq-comm{grid-column:1/-1}
  .v-bf-hrow__rm{position:static;grid-column:1/-1;justify-self:start}
  .v-bf-bar{flex-wrap:wrap;gap:8px;padding:8px 10px}
  .v-bf-bar .v-pq-bar__n:not(#cBox1):not(#cBox2){display:none}
  .v-bf-bar .v-pq-bar__note{flex:1 1 100%;order:3}
  .v-bf-bar .v-pq-bar__acts{flex:1 1 0;flex-wrap:nowrap;gap:8px;width:auto}
  .v-bf-bar .v-pq-bar__acts .v-btn{flex:1 1 auto;justify-content:center;padding:0 12px}
  .v-bf-bar #saveBtn{flex:0 0 auto}
  .v-bf-bar #saveBtn .v-bf-lbl,.v-bf-bar [data-act=save] .v-bf-lbl{display:none}
  .v-bf-bar .v-pq-bar__acts{width:auto}
  .v-bf-bar [data-act=save]{flex:0 0 auto}
  .v-bf-bar #cBox1,.v-bf-bar #cBox2{display:flex}
  .v-bf-bar .v-pq-bar__note:not(:empty){display:block}
}
/* ───────── מה קורה מכאן + טופס לדוגמה (15.10.2026, NV-2026-10-15-003 ו-004). קידומת v-pg, v-ex, v-ghost ───────── */
.v-pgd{border:1px solid var(--v-border);border-radius:16px;background:var(--v-surface);margin:0 0 14px;overflow:hidden}
.v-pgd__head{display:flex;align-items:center;gap:12px;width:100%;padding:11px 16px 8px;border:0;background:none;font:inherit;color:var(--v-ink);cursor:default;text-align:start}
.v-pgd__t{font-size:15px;font-weight:800;flex:none}
.v-pgd__one{display:none;flex:1 1 auto;min-width:0;font-size:13.5px;font-weight:600;color:var(--v-blue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-pgd__head>svg{display:none;width:16px;height:16px;flex:none;color:var(--v-muted);transition:transform var(--v-norm) var(--v-ease)}
.v-pgd__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:16px;padding:4px 16px 14px;align-items:start}
.v-pgd__next{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 14px;border:2px solid var(--v-blue);border-radius:14px;background:var(--v-blue-soft)}
.v-pgd__next small{font-size:11.5px;font-weight:800;color:var(--v-blue)}
.v-pgd__next b{font-size:15.5px;line-height:1.4;font-weight:700;color:var(--v-ink)}
.v-pgd__next .v-btn{margin-top:4px}
.v-pgd__next .v-link{display:inline-flex;align-items:center;gap:6px;margin-top:2px;font-size:13px}
.v-pgd__next .v-link svg{width:15px;height:15px}
.v-pgd__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}
.v-pgd__list li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;padding:5px 2px}
.v-pgd__list i{width:22px;height:22px;border-radius:50%;border:1.5px solid #CFD9E8;display:grid;place-items:center;font-style:normal;font-size:11px;line-height:1;color:var(--v-muted);background:#fff}
.v-pgd__list i svg{width:13px;height:13px}
.v-pgd__list .is-done i{background:var(--v-green-soft);border-color:#BFE6D1;color:var(--v-green)}
.v-pgd__list .is-now i{background:var(--v-blue);border-color:var(--v-blue);color:#fff}
.v-pgd__list span{min-width:0;display:flex;flex-direction:column}
.v-pgd__list span b{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--v-ink)}
.v-pgd__list span small{font-size:12.5px;line-height:1.4;color:var(--v-muted)}
.v-pgd__list .is-now span b{color:var(--v-blue)}
.v-pgd__list .is-next{opacity:.85}
.v-pgd__list em{font-style:normal;font-size:11.5px;font-weight:600;color:var(--v-ink-2);background:var(--v-surface-2);border-radius:999px;padding:2px 9px;white-space:nowrap}
@media (max-width:700px){
  .v-pgd{margin-bottom:10px}
  .v-pgd__head{cursor:pointer;padding:10px 14px;min-height:44px}
  .v-pgd__one{display:block}
  .v-pgd__head>svg{display:block}
  .v-pgd.is-open .v-pgd__one{display:none}
  .v-pgd.is-open .v-pgd__head>svg{transform:rotate(180deg)}
  .v-pgd.is-open .v-pgd__head{padding-bottom:4px}
  .v-pgd:not(.is-open) .v-pgd__body{display:none}
  .v-pgd__body{grid-template-columns:1fr;gap:12px;padding:4px 14px 14px}
}
/* הדוגמה: פס עליון, מצב קריאה בלבד, שום כפתור שומר או שולח */
.v-ex{position:sticky;inset-block-start:8px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;margin:0 0 14px;border:2px dashed var(--v-amber);border-radius:14px;background:#FFF8EA;color:#6B4A12}
.v-ex[hidden]{display:none}
.v-ex b{display:block;font-size:15.5px}
.v-ex span{font-size:13px}
.is-example .v-cust,.is-example #pickCard,.is-example #pick,.is-example #saveBtn,.is-example [data-act=save],.is-example #sendBtn,.is-example [data-act=sendmail],.is-example #eye,.is-example .v-bf-cityadd,.is-example #destH,.is-example #chips,.is-example #sentAsk{display:none}
.is-example .v-pa-grid{grid-template-columns:minmax(0,1fr)}
.is-example .v-pq-mode{display:none}
.is-example [data-step="4"] .v-pq-send{opacity:.55}
/* רמז בשדה ריק: שורת דוגמה חיוורת, כדי שהצעד הראשון יהיה ברור */
.v-ghost{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;margin:10px 0 12px;border:1.5px dashed #C9D6EA;border-radius:12px;opacity:.55;pointer-events:none}
.v-ghost i{width:26px;height:26px;border-radius:50%;border:1.5px solid #CFD9E8;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;color:var(--v-muted)}
.v-ghost b{font-size:15px;color:var(--v-ink)}
.v-ghost small{margin-inline-start:auto;font-size:12px;color:var(--v-muted)}
.v-pq-body input::placeholder,.v-pq-body textarea::placeholder{opacity:.6}

/* ===== תיקוני אודיט 15.10 ===== */
/* #3: הפס העליון נחתך ברוחב 1280 (מכירות, תכנון, היום שלי): יותר מדי פריטים לשורה אחת. מתחת ל-1400 הפס יורד לשורה שנייה במקום לצאת מהמסך, והקאבר מתחיל מתחתיו. */
.v-top{min-width:0;max-width:100%}
.v-top .v-search{min-width:0;flex:1 1 180px}
.v-top .v-search input{min-width:0;width:100%}
.v-top > *{flex-shrink:0}
.v-top > .v-search{flex-shrink:1}
@media (min-width:861px) and (max-width:1399px){
  .v-top{height:auto;min-height:var(--v-top);flex-wrap:wrap;row-gap:8px;padding-block:8px}
  .v-top.is-onCover{margin-bottom:0}
  .v-top.is-onCover ~ .v-cover .v-cover__plate{top:16px}
}
/* #2: במקום כפתור «להתקשר» מת, כשאין מספר טלפון של המתכננת */
.v-g-callnote{display:inline-flex;align-items:center;font-size:14px;line-height:1.45;color:var(--v-muted,#5f7188);max-width:30ch}
a.v-g-call,a.v-g-cta{text-decoration:none}
/* #10 (אודיט 15.10): בטלפון כפתור הסרגל הצף ישב מעל כרטיס מדד והסתיר חלק מהמספר. עכשיו הוא לשונית נמוכה שצמודה לקצה העליון של הניווט התחתון (מכסה 30 פיקסל במקום 44), ואזור הלחיצה נשאר גדול. */
@media (max-width:900px){
  .v-dock-handle,.v-dock-handle.is-on{bottom:calc(64px + env(safe-area-inset-bottom));width:56px;height:28px;border-radius:14px 14px 0 0;border-bottom:0;box-shadow:0 -3px 10px rgba(13,43,77,.12)}
  .v-dock-handle::after{content:"";position:absolute;inset:-10px -8px 0}
}
/* #14 (אודיט 15.10): אזורי לחיצה קטנים מ-40 פיקסל. המראה לא משתנה: האזור הנוסף שקוף ויושב סביב הכפתור. */
.vt-ib,.vt-today__late{position:relative}
.vt-ib::after,.vt-today__late::after{content:"";position:absolute;inset:-9px -6px}
.vt-check{position:relative}
.vt-check::after{content:"";position:absolute;inset:-7px}

/* «מול היעד»: בפועל מתוך יעד, מתחת לגרף (שוהם 15.10.2026) */
.v-goalfacts{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:6px 12px}
.v-goalfacts li{display:flex;flex-direction:column;gap:2px;padding:6px 10px;border-inline-start:3px solid var(--v-blue,#0A58DE);background:var(--v-surface-2,#F5F8FC);border-radius:6px;font-size:12.5px;line-height:1.35}
.v-goalfacts li b{font-weight:700;color:var(--v-ink,#10233F)}
.v-goalfacts li span{color:var(--v-ink-2,#4A5870);font-variant-numeric:tabular-nums}
.v-goalfacts li.is-hit{border-inline-start-color:#12925A}
.v-goalfacts li.is-low{border-inline-start-color:#D93A47}
@media (max-width:480px){.v-goalfacts{grid-template-columns:1fr}.v-goalfacts li{flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px}}

/* «תקשורת אחרונה»: העדכון האחרון בגדול ובמלואו, והשאר נפתחים בלחיצה (שוהם 15.10.2026, פריט 7) */
.cc-last{display:flex;flex-direction:column;gap:3px;margin:10px 0 14px;padding:12px 14px;border-radius:12px;background:var(--v-blue-soft);border-inline-start:4px solid var(--v-blue)}
.cc-last__k{font-size:11px;font-weight:700;letter-spacing:.2px;color:var(--v-blue)}
.cc-last__t{font-size:15px;line-height:1.35;color:var(--v-ink)}
.cc-last__m{font-size:12px;color:var(--v-muted)}
.cc-last__x{margin:6px 0 0;font-size:13.5px;line-height:1.6;color:var(--v-ink);white-space:pre-wrap;overflow-wrap:anywhere;max-height:none}
.cc-last__x.is-sub{color:var(--v-muted)}
.cc-tl__b[role="button"]{cursor:pointer;border-radius:8px}
.cc-tl__b[role="button"]:hover b,.cc-tl__b[role="button"]:focus-visible b{text-decoration:underline}
.cc-tl__full{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--v-ink);background:var(--v-surface-2,#F5F8FC);border-radius:8px;padding:6px 9px;margin-top:5px;font-size:12.5px;line-height:1.55}
/* רחב: «תקשורת אחרונה» לוקח שורה שלמה, והערות ומשימות מתחתיו זו לצד זו (במקום שלושה טורים צרים) */
@media (min-width:1281px){.cc-trio{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-trio > [aria-label="תקשורת אחרונה"]{grid-column:1 / -1;order:-1}}

/* משימה שנכתבה בכרטיס הלקוח ומופיעה גם ביומן המשימות וב«היום שלי» (שוהם 15.10.2026, פריט 8) */
.vt-src{display:inline-flex;align-items:center;font-size:11px;font-weight:700;color:var(--v-blue);background:var(--v-blue-soft);border-radius:999px;padding:1px 8px}
.vt-task__card{display:inline-flex;align-items:center;gap:5px;flex:none;font-size:12px;font-weight:700;color:var(--v-blue);text-decoration:none;border-radius:8px;padding:5px 8px;background:var(--v-blue-soft)}
.vt-task__card svg{width:13px;height:13px}
.vt-task__card:hover,.vt-task__card:focus-visible{text-decoration:underline}
.vt-task.is-card .vt-task__body{cursor:default}
.cc-remind{margin:6px 0 2px}
.cc-remind__row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.cc-remind .v-check{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--v-ink)}
.cc-meta__sub{display:block;margin-top:2px;font-size:11.5px;color:var(--v-muted)}

/* ───────── 18.10.2026 (NV-2026-10-18-011/012/013/014): hotel-quote.html. «מה קורה מכאן» as a sticky side column, the filter panel, clickable hotel cards, my-list tab, rooms, timeline, agent-only commission box. Only hotel-quote classes; attr-plan is untouched. ───────── */
.v-pq-split{display:block}
.v-pq-main{min-width:0}
@media (min-width:900px){
  .v-pq-split{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}
  .v-pq-split>.v-pgd{position:sticky;top:84px;margin:0;max-height:calc(100vh - 104px);overflow:auto}
  .v-pq-split>.v-pgd .v-pgd__body{grid-template-columns:1fr;gap:12px}
  .v-pq-split>.v-pgd .v-pgd__head{padding-bottom:4px}
}
/* the filter area: ONE bordered panel, a label on the right of each row */
#sugF:empty{display:none}
.v-bf-fpanel{margin:10px 0 12px;padding:12px 14px;border:1px solid var(--v-border);border-radius:var(--v-r-card);background:var(--v-surface);display:flex;flex-direction:column;gap:10px}
.v-bf-fpanel .v-cf{padding:0;gap:10px}
.v-bf-fpanel .v-cf-group{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:6px 12px}
.v-bf-fpanel .v-cf-title{flex:0 0 104px;padding-top:6px;font-size:12.5px;color:var(--v-ink-2)}
.v-bf-fpanel .v-cf-group>.v-chips{flex:1 1 0;min-width:0}
.v-bf-fpanel .v-cf-group>:not(.v-cf-title):not(.v-chips){flex:1 1 100%;margin-inline-start:116px}
.v-bf-fpanel .v-bf-moref{margin-top:0;padding-top:8px;border-top:1px solid var(--v-line)}
.v-bf-scope{margin:0;font-size:13px;color:var(--v-ink-2)}
.v-bf-fit{margin:0;padding-top:8px;border-top:1px solid var(--v-line);font-size:13px;color:var(--v-muted)}
.v-bf-fit+.v-bf-fit{border-top:0;padding-top:0}
@media (max-width:700px){.v-bf-fpanel .v-cf-title{flex:1 1 100%}.v-bf-fpanel .v-cf-group>:not(.v-cf-title):not(.v-chips){margin-inline-start:0}}
/* hotel cards: the whole card clicks, a clear selected state, a labelled favourite */
.v-bf-card[data-card]{cursor:pointer;transition:border-color var(--v-norm) var(--v-ease),box-shadow var(--v-norm) var(--v-ease)}
.v-bf-card[data-card]:hover{border-color:#9DC0F2}
.v-bf-card.is-off[data-card]{cursor:default}
.v-bf-card.is-picked{border:2px solid var(--v-green);box-shadow:0 0 0 3px var(--v-green-soft)}
.v-bf-card__chk{position:absolute;inset-block-start:8px;inset-inline-end:8px;z-index:2;width:26px;height:26px;border-radius:8px;border:2px solid #fff;background:rgba(10,26,46,.35);display:grid;place-items:center;color:#fff;box-shadow:0 1px 4px rgba(10,26,46,.2)}
.v-bf-card__chk svg{width:15px;height:15px}
.v-bf-card.is-picked .v-bf-card__chk{background:var(--v-green);border-color:#fff}
.v-bf-card>button.is-picked,.v-bf-card.is-picked>button{background:var(--v-green-soft)}
.v-bf-card.is-picked>button svg{background:var(--v-green)}
.v-bf-card .v-wl-star{width:auto;height:30px;padding:0 11px;gap:6px;border-radius:999px;display:inline-flex;align-items:center;font-size:12px;font-weight:700;color:var(--v-ink-2);white-space:nowrap}
.v-bf-card .v-wl-star svg{width:15px;height:15px}
.v-bf-card .v-wl-star.is-on{color:#C0392B}
/* my list: compact cards in the same grid, one editable line each */
.v-bf-wlpick{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.v-bf-wlacts{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.v-bf-pick .v-pq-sug>.v-wl-row{grid-column:auto;position:relative;display:flex;flex-direction:column;gap:6px}
.v-wl-row .v-bf-ph{aspect-ratio:16/9;max-height:120px}
.v-wl-row .v-bf-card{flex:0 0 auto}
.v-wl-row>.v-wl-star{position:absolute;inset-block-start:8px;inset-inline-start:8px;z-index:3;width:auto;height:30px;padding:0 11px;gap:6px;border-radius:999px;display:inline-flex;align-items:center;font-size:12px;font-weight:700;white-space:nowrap}
.v-wl-row>.v-wl-star svg{width:15px;height:15px}
.v-wl-why{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:700;color:var(--v-ink-2)}
.v-wl-why input{height:36px;padding:0 10px;border:1px solid var(--v-border);border-radius:var(--v-r-input);font:inherit;font-weight:400;font-size:13px;background:#fff;min-width:0}
.v-wl-why input:disabled{background:var(--v-surface-2);color:var(--v-muted)}
/* rooms of a chosen hotel */
.v-bf-hrow .v-bf-rooms{grid-column:1/-1;display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px dashed var(--v-border);cursor:default}
.v-bf-rooms>b{font-size:13px;color:var(--v-ink)}
.v-bf-rooms>small{font-size:12px;color:var(--v-muted)}
.v-bf-room{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 12px}
.v-bf-room label{display:flex;flex-direction:column;gap:2px;font-size:11.5px;font-weight:700;color:var(--v-ink-2)}
.v-bf-room label.v-bf-room__t{flex:1 1 200px}
.v-bf-room input{height:36px;padding:0 10px;border:1px solid var(--v-border);border-radius:var(--v-r-input);font:inherit;font-weight:400;font-size:13px;width:84px;box-sizing:border-box;background:#fff}
.v-bf-room .v-bf-room__t input{width:100%}
.v-bf-room input:disabled{background:var(--v-surface-2);color:var(--v-muted)}
.v-bf-rooms .v-link[disabled]{opacity:.45;cursor:default}
/* trip helper, trip ask */
.v-bf-tripnote:empty{display:none}
.v-bf-tripnote__p{margin:10px 0 0;font-size:13.5px;color:var(--v-ink-2)}
.v-bf-tripnote__p.is-warn{color:var(--v-amber);font-weight:700}
.v-bf-tripask{margin-top:10px;padding:10px 12px;border:1px dashed #C6DCFB;border-radius:12px;background:var(--v-blue-soft);display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.v-bf-tripask p{margin:0;font-size:13px;color:var(--v-ink-2);flex:1 1 220px}
/* timeline */
.v-bf-tl__sum{margin:0 0 4px;padding:8px 12px;border-radius:10px;font-weight:700;font-size:14px}
.v-bf-tl__sum.is-ok{background:var(--v-green-soft);color:var(--v-green)}
.v-bf-tl__sum.is-gap{background:#FDE7E7;color:#B42318}
.v-bf-tl__sum.is-over{background:var(--v-amber-soft);color:var(--v-amber)}
.v-bf-tl{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}
.v-bf-tl li{display:flex;gap:8px;align-items:center;padding:6px 10px;border:1px solid var(--v-border);border-radius:10px;font-size:12.5px;background:#fff;min-width:0}
.v-bf-tl li b{flex:none;font-size:12.5px}
.v-bf-tl li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v-bf-tl li.is-gap{background:#FDE7E7;border-color:#F4B4B4;color:#B42318;font-weight:700}
.v-bf-tl li.is-over{background:var(--v-amber-soft);border-color:#F2C9A0;color:var(--v-amber);font-weight:700}
/* agent-only commission box */
.v-bf-com__n{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0}
.v-bf-com__n span{flex:1 1 140px;padding:10px 12px;border:1px solid var(--v-border);border-radius:12px;background:var(--v-surface-2);display:flex;flex-direction:column;gap:2px}
.v-bf-com__n small{font-size:12px;color:var(--v-muted)}
.v-bf-com__n b{font-size:20px}
.v-bf-com__l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:13px}
.v-bf-com__l li{display:flex;justify-content:space-between;gap:12px}
.v-gh-rooms{margin:10px 0 0;font-size:14px;color:var(--v-ink-2)}

/* ═══ 18.10.2026 (NV-2026-10-18-022): הצעת מלונות, פשוט ורגוע. מקטע בלעדי לדף הזה (הכול תחת .v-hq), בלי צבעים חדשים, רק טוקנים קיימים ═══
   סולם כתב: כותרת הדף 26 > כותרת צעד 18 > תווית מקטע 13 · משני = var(--v-muted) · רווחים עם gap, לא שוליים מוערמים */
.v-hq [hidden]{display:none!important}
.v-hq .v-pq-head{margin:0 0 10px;gap:16px}
.v-hq .v-pq-head h1{font-size:26px;font-weight:700;gap:10px}
.v-hq .v-pq-head h1 svg{width:28px;height:28px;padding:6px;border-radius:8px}
.v-hq .v-pq-head p{margin:4px 0 0;font-size:13px}
.v-hq .v-bf-panel>.v-pq-card>h3{margin:0 0 2px;font-size:18px;font-weight:700;justify-content:flex-start}
.v-hq .v-bf-panel>.v-pq-card>h3 svg{display:none}
.v-hq .v-bf-lead{margin:0 0 14px;font-size:13px}
.v-hq .v-pq-sub,.v-hq .v-bf-label{margin:0;font-size:13px;font-weight:600;color:var(--v-muted)}
/* סרגל צעדים דק: שורה אחת, כדורים */
.v-hq .v-bf-steps{display:flex;gap:6px;margin:0 0 14px}
.v-hq .v-bf-steps li{flex:1 1 0}
.v-hq .v-bf-steps button{padding:6px 12px;gap:8px;border-radius:var(--v-r-chip);border:var(--v-bw) solid var(--v-border)}
.v-hq .v-bf-steps i{width:22px;height:22px;font-size:12px}
.v-hq .v-bf-steps i svg{width:13px;height:13px}
.v-hq .v-bf-steps span{flex-direction:row;align-items:baseline;gap:8px}
.v-hq .v-bf-steps b{font-size:13.5px;font-weight:600}
.v-hq .v-bf-steps small{font-size:12px}
.v-hq .v-bf-steps .is-now button{border:var(--v-bw) solid var(--v-blue);padding:6px 12px;background:var(--v-blue-soft)}
@media (max-width:700px){.v-hq .v-bf-steps small{display:none}.v-hq .v-bf-steps button{padding:6px 8px}}
/* פס הלקוח: רק מה שידוע, והחסר בשורה אחת */
.v-hq .v-cust__facts{gap:18px}
.v-hq .v-cust__miss{flex:1 0 100%;margin:0;font-size:12.5px;color:var(--v-muted)}
.v-hq .v-cust__miss a{margin-inline-start:4px}
/* צעד 1: גוש אחד. #trip מתפרק לחלקיו וה-order קובע: הצעה לפי תוכנית הטיול, יעדים נפוצים, שורת חיפוש+הוספה, היעדים שנבחרו, הערת הלילות */
.v-hq .v-bf-destbody{display:flex;flex-direction:column;gap:14px}
.v-hq #trip{display:contents}
.v-hq .v-bf-tripask{order:1;margin:0;padding:12px 14px;border:0;gap:10px 14px}
.v-hq .v-bf-tripask p{font-size:13.5px}
.v-hq #destH{order:2;margin-bottom:-6px}
.v-hq #chips{order:3}
.v-hq .v-bf-cityadd{order:4;margin:0}
.v-hq .v-bf-chosen,.v-hq .v-bf-none{order:5}
.v-hq #tripHelp{order:6}
.v-hq #tripHelp:empty{display:none}
.v-hq .v-bf-tripnote__p{margin:0;font-size:13px;color:var(--v-muted)}
.v-hq .v-bf-tripnote__p.is-warn{font-weight:600}
.v-hq .v-bf-none{margin:0;font-size:13px;color:var(--v-muted)}
.v-hq .v-pq-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.v-hq .v-pq-chips button{height:32px;padding:0 12px;border-radius:var(--v-r-chip);border:var(--v-bw) solid var(--v-border);background:var(--v-surface);font-size:13px;font-weight:500;justify-content:flex-start;gap:6px}
.v-hq .v-pq-chips button svg{display:none}
.v-hq .v-pq-chips button span{display:inline-flex;align-items:baseline;gap:6px}
.v-hq .v-pq-chips button small{font-size:12px;font-weight:400;color:var(--v-muted)}
.v-hq .v-pq-chips button:hover{background:var(--v-blue-soft)}
.v-hq .v-bf-chosen{display:flex;flex-direction:column;gap:6px}
.v-hq .v-bf-trip{gap:0;margin:0}
.v-hq .v-bf-trip__row{padding:10px 2px;gap:12px;border:0;border-bottom:var(--v-bw) solid var(--v-line);border-radius:0;background:none}
.v-hq .v-bf-trip__row:last-child{border-bottom:0}
.v-hq .v-bf-trip__row>i{width:22px;height:22px;font-size:12px}
.v-hq .v-bf-trip__row>b{font-size:15px;font-weight:600}
.v-hq .v-bf-trip__d{font-size:13px;color:var(--v-muted)}
.v-hq .v-bf-trip__h{font-size:12.5px}
.v-hq .v-bf-trip__row .v-link{font-size:12.5px;color:var(--v-muted)}
/* שורת הערה אחת בתחתית */
.v-hq .v-freeq__hint{font-size:12.5px;color:var(--v-muted)}
.v-hq .v-bf-info{cursor:help;text-decoration:underline dotted}

/* 18.10.2026: the activity box (_customer_activity_box.js) is created empty and filled when data arrives; an empty one must not show as a white strip under the customer header */
#custActivity:empty,#custActivity:not(:has(> :not(.v-dock__section-anchor))){display:none !important}

/* ───────── 18.10.2026 (NV-2026-10-18-024): hotel quote, step 2. One clear «הוסף למסלול» button, a heart with a list chooser, the route tray, rooms with their terms ───────── */
/* catalogue card: the name, then ONE button. In the route = «במסלול ✓» + «הסר» */
.v-bf-card__n{font-size:15px;font-weight:700;color:var(--v-ink);line-height:1.3;unicode-bidi:plaintext;text-align:start}
.v-bf-card.is-picked{border-color:#9ED9BC;box-shadow:0 0 0 1px #9ED9BC,var(--v-sh-card)}
.v-bf-act{display:flex;flex-direction:column;gap:6px;padding:10px 12px 12px;border-top:1px solid var(--v-line)}
.v-bf-act small{font-size:12px;line-height:1.4;color:var(--v-muted)}
.v-bf-add{width:100%;justify-content:center;gap:6px}
.v-bf-add svg{width:15px;height:15px}
.v-bf-add[disabled]{background:#E6ECF5;color:#7C8AA0;cursor:default;box-shadow:none}
.v-bf-act.is-in{flex-direction:row;align-items:center;justify-content:space-between;background:var(--v-green-soft);border-top-color:#CBEBDB}
.v-bf-act__in{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:14px;color:var(--v-green)}
.v-bf-act__in svg{width:16px;height:16px}
.v-bf-act.is-in .v-link{font-size:13px;color:#4B5B73}
.v-bf-card.is-off .v-bf-card__f{opacity:.75}
/* the heart: icon only, outline when empty, filled when the hotel is saved in some list */
.v-bf-card .v-wl-star[data-a="heart"]{background:rgba(255,255,255,.94);color:#6A7A93;border-color:transparent}
.v-wl-star[data-a="heart"] svg path{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.v-bf-card .v-wl-star[data-a="heart"]:hover{color:#D6336C}
.v-bf-card .v-wl-star[data-a="heart"].is-on{color:#D6336C;background:#FFF0F5}
.v-wl-star[data-a="heart"].is-on svg path{fill:currentColor}
.v-wl-star[data-a="heart"][aria-expanded="true"],.v-wl-star[data-a="heart"]:focus-visible{outline:2px solid var(--v-blue);outline-offset:2px}
/* the list chooser opened by the heart */
.v-wlpop{position:fixed;z-index:60;width:300px;max-width:calc(100vw - 16px);background:#fff;border:1px solid var(--v-border);border-radius:14px;box-shadow:0 14px 38px rgba(25,58,96,.22);padding:12px;display:flex;flex-direction:column;gap:8px}
.v-wlpop[hidden]{display:none}
.v-wlpop__h{display:flex;align-items:center;justify-content:space-between;font-size:14px}
.v-wlpop__h .v-link{width:28px;height:28px;display:grid;place-items:center;padding:0}
.v-wlpop__h svg{width:15px;height:15px}
.v-wlpop__n{margin:0;font-size:12.5px;color:var(--v-muted);unicode-bidi:plaintext}
.v-wlpop__l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:220px;overflow:auto}
.v-wlpop__l button{display:grid;grid-template-columns:22px 1fr;gap:0 8px;align-items:center;width:100%;padding:8px 10px;border:1px solid var(--v-border);border-radius:10px;background:#fff;font:inherit;text-align:start;cursor:pointer}
.v-wlpop__l button:hover{background:var(--v-blue-soft)}
.v-wlpop__l button b{font-size:13.5px}
.v-wlpop__l button small{grid-column:2;font-size:11.5px;color:var(--v-muted)}
.v-wlpop__l button.is-in{border-color:#9ED9BC;background:var(--v-green-soft)}
.v-wlpop__chk{grid-row:1/3;width:20px;height:20px;border-radius:6px;border:1.5px solid #B9C6DA;display:grid;place-items:center;color:#fff}
.v-wlpop__l .is-in .v-wlpop__chk{background:var(--v-green);border-color:var(--v-green)}
.v-wlpop__chk svg{width:13px;height:13px}
.v-wlpop__e{margin:0;font-size:13px;color:var(--v-ink-2)}
.v-wlpop__new{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px dashed var(--v-border)}
.v-wlpop__new label{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:700;color:var(--v-ink-2)}
.v-wlpop__new input{height:36px;padding:0 10px;border:1px solid var(--v-border);border-radius:var(--v-r-input);font:inherit;font-weight:400;font-size:13px}
.v-wlpop__m{margin:0;min-height:0;font-size:12.5px;color:#B42318}
.v-wlpop__m:empty{display:none}
@media (max-width:600px){.v-wlpop{left:8px !important;right:8px !important;top:auto !important;bottom:8px;width:auto !important;max-width:none}}
.v-bf-toast{position:fixed;inset-inline:0;bottom:92px;margin-inline:auto;width:max-content;max-width:calc(100vw - 32px);z-index:70;background:#0F2A4A;color:#fff;padding:10px 16px;border-radius:12px;font-size:13.5px;font-weight:600;box-shadow:0 10px 28px rgba(15,42,74,.35)}
.v-bf-toast[hidden]{display:none}
/* the route: the count, the thin bar above the catalogue, the tray */
.v-bf-count{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--v-blue);color:#fff;font-style:normal;font-size:12px;font-weight:800;white-space:nowrap}
.v-bf-s2{display:block}
.v-bf-tray__h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 4px}
.v-bf-tray__h h3{margin:0;display:flex;align-items:center;gap:8px;font-size:16px}
.v-bf-tray__h svg{width:18px;height:18px;color:var(--v-blue)}
.v-bf-tray__s,.v-bf-tray__empty{margin:0 0 8px;font-size:13px;color:var(--v-muted)}
.v-bf-tray__empty{padding:12px;border:1.5px dashed #BFD2F2;border-radius:12px;background:var(--v-blue-soft);color:var(--v-ink-2)}
.v-bf-traybar{position:sticky;top:calc(var(--v-top) + 6px);z-index:8;display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:-4px 0 12px;padding:8px 12px;border:1px solid #C6DCFB;border-radius:12px;background:#F4F8FF;box-shadow:0 4px 14px rgba(25,58,96,.1);font-size:13px}
.v-bf-traybar[hidden]{display:none}
.v-bf-traybar__t{display:inline-flex;align-items:center;gap:8px}
.v-bf-traybar__t svg{width:16px;height:16px;color:var(--v-blue)}
.v-bf-traybar__l{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 220px;min-width:0}
.v-bf-traybar__c{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;max-width:100%;padding:3px 4px 3px 10px;border:1px solid #D5E5FB;border-radius:10px;background:#fff}
.v-bf-traybar__c>span{display:flex;flex-direction:column;min-width:0;max-width:260px}
.v-bf-traybar__c b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px;unicode-bidi:plaintext}
.v-bf-traybar__c small{font-size:11px;color:var(--v-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.v-bf-traybar__c .v-link{width:24px;height:24px;display:grid;place-items:center;padding:0}
.v-bf-traybar__c .v-link svg{width:12px;height:12px}
.v-bf-traybar__e{color:var(--v-muted)}
.v-bf-traybar__go{font-size:12.5px;white-space:nowrap}
.v-bf-traybar.is-pulse,.v-bf-traybar__c.is-new{animation:v-bf-pulse 1.6s ease-out 1}
.v-bf-hrow.is-new{animation:v-bf-pulse 2.4s ease-out 1}
@keyframes v-bf-pulse{0%{box-shadow:0 0 0 0 rgba(10,88,222,.55);background-color:#E3EEFE}60%{box-shadow:0 0 0 10px rgba(10,88,222,0)}100%{box-shadow:0 0 0 0 rgba(10,88,222,0)}}
@media (prefers-reduced-motion:reduce){.v-bf-traybar.is-pulse,.v-bf-traybar__c.is-new,.v-bf-hrow.is-new{animation:none;outline:2px solid var(--v-blue)}}
@media (min-width:1500px){
  .v-bf-tray .v-bf-hrow{grid-template-columns:96px minmax(0,1fr);padding:9px}   /* the narrow tray column uses the stacked row */
  .v-bf-tray .v-bf-hrow__p,.v-bf-tray .v-bf-hrow .v-pq-comm{grid-column:1/-1}
  .v-bf-tray .v-bf-hrow__rm{position:static;grid-column:1/-1;justify-self:start}
  .v-bf-s2{display:grid;grid-template-columns:minmax(360px,420px) minmax(0,1fr);gap:18px;align-items:start}
  .v-bf-tray{position:sticky;top:calc(var(--v-top) + 12px);max-height:calc(100vh - var(--v-top) - 24px);overflow:auto;padding:14px;border:1px solid var(--v-border);border-radius:16px;background:#fff;box-shadow:var(--v-sh-card)}
  .v-bf-traybar{display:none}
}
@media (max-width:1499px){
  .v-bf-tray{margin-bottom:12px}
}
/* rooms of a chosen hotel: what to choose is plain, the terms sit with the room */
.v-bf-hrow .v-bf-rooms{border:1.5px solid #C6DCFB;border-top:1.5px solid #C6DCFB;border-radius:12px;background:#F7FAFF;padding:10px 12px;margin-top:4px}
.v-bf-rooms.is-empty{border-style:dashed;background:#FFFBF3;border-color:#F0D3A4}
.v-bf-rooms__h{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.v-bf-rooms__h b{display:inline-flex;align-items:center;gap:6px;font-size:13.5px}
.v-bf-rooms__h b svg{width:16px;height:16px;color:var(--v-blue)}
.v-bf-rooms__tip{margin:0;font-size:12.5px;color:var(--v-ink-2)}
.v-bf-rooms__tip.is-warn{color:var(--v-amber);font-weight:700}
.v-bf-rooms>small{display:block;line-height:1.5}
.v-bf-rooms>.v-btn{align-self:flex-start}
.v-bf-room{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--v-border);border-radius:10px;background:#fff}
.v-bf-room__g{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 12px}
.v-bf-room select{height:36px;padding:0 8px;border:1px solid var(--v-border);border-radius:var(--v-r-input);font:inherit;font-size:13px;background:#fff;min-width:150px}
.v-bf-room label.v-bf-room__w{flex:1 1 100%}
.v-bf-room .v-bf-room__w input{width:100%}
.v-bf-room__hints{display:flex;flex-wrap:wrap;gap:6px}
.v-bf-room__hints .v-chip{height:28px;padding:0 10px;font-size:12px}
.v-bf-room .v-link{align-self:center}
/* review and the empty list tab */
.v-bf-rv__b .v-bf-rv__r{font-size:12.5px;color:var(--v-green);font-weight:600}
.v-bf-rv__b .v-bf-rv__r.is-none{color:var(--v-muted);font-weight:400}
.v-wl-empty{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border:1.5px dashed #BFD2F2;border-radius:14px;background:var(--v-blue-soft)}
.v-wl-empty b{display:flex;align-items:center;gap:8px;font-size:15px}
.v-wl-empty b svg{width:18px;height:18px;color:#D6336C}
.v-wl-empty b svg path{fill:none;stroke:currentColor;stroke-width:2}
.v-wl-empty p{margin:0;font-size:13.5px;color:var(--v-ink-2);max-width:60ch}
.v-wl-tabs button small{font-size:11px;color:var(--v-muted)}
.v-bf-wlpick .v-chip small{margin-inline-start:4px;font-size:11px;color:var(--v-muted)}
/* the customer page shows the same rooms (hotel-quote-customer.page.js) */
.v-gh-rooms{margin:10px 0 0;padding:10px 12px;border:1px solid #E1E9F5;border-radius:12px;background:#F7FAFF;display:flex;flex-direction:column;gap:8px;font-size:14px}
.v-gh-rooms>b{font-size:13px;color:var(--v-ink-2)}
.v-gh-room{display:flex;flex-direction:column;gap:2px;padding-top:6px;border-top:1px dashed #D6E2F3}
.v-gh-room:first-of-type{border-top:0;padding-top:0}
.v-gh-room__t{font-weight:700;color:var(--v-ink)}
.v-gh-room__f{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--v-ink-2)}
.v-gh-room__f span{display:inline-flex;gap:4px}
.v-gh-room__f span i{font-style:normal;color:var(--v-muted)}
.v-gh-room__n{font-size:13px;color:var(--v-ink-2);margin:0}

/* the heart sits directly in the card, where «.v-bf-card>button» would draw a blue round add-icon: undo that for the heart only */
.v-bf-card>.v-wl-star[data-a="heart"]{display:grid;grid-template-columns:none;padding:0;border-top:0}
.v-bf-card>.v-wl-star[data-a="heart"] svg{grid-row:auto;width:18px;height:18px;padding:0;border-radius:0;background:none;color:inherit}
.v-bf-card>.v-wl-star[data-a="heart"]:hover{background:#FFF0F5}

/* ───────── 18.10.2026 (NV-2026-10-18-025): step 2 = the route (right, sticky) + the catalogue (left), from 1024px wide. One line per chosen hotel; the details open inline. «מה קורה מכאן» is a slim strip on this step. ───────── */
.v-bf-tray__t{display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:0;font:inherit;color:inherit;cursor:default;text-align:start}
.v-bf-tray__t h3{margin:0;font-size:16px}
.v-bf-tray__t>svg{width:18px;height:18px;color:var(--v-blue)}
.v-bf-tray__chev{display:none;width:8px;height:8px;border-inline-end:2px solid var(--v-muted);border-bottom:2px solid var(--v-muted);transform:rotate(45deg);margin-inline-start:4px}
.v-bf-tray .v-pq-city{padding:0;border:0;box-shadow:none;background:none}
.v-bf-tray .v-pq-city__head{margin:0 0 8px}
.v-bf-hlist{gap:8px}
.v-bf-rl{border:1px solid var(--v-border);border-radius:12px;background:#fff;overflow:hidden}
.v-bf-rl.is-rec{border-color:#9EC1F5}
.v-bf-rl.is-open{border-color:var(--v-blue);box-shadow:0 0 0 1px var(--v-blue)}
.v-bf-rl__h{display:grid;grid-template-columns:48px minmax(0,1fr) auto 28px;gap:10px;align-items:center;padding:8px 8px 8px 6px;cursor:pointer}
.v-bf-rl__h:hover{background:#F7FAFF}
.v-bf-rl__h:focus-visible{outline:2px solid var(--v-blue);outline-offset:-2px}
.v-bf-rl__ph{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;display:block}
.v-bf-rl__ph .v-bf-ph{position:absolute;inset:0;aspect-ratio:auto;border-radius:0}
.v-bf-rl__ph .v-bf-ph svg{width:18px;height:18px}
.v-bf-rl__ph .v-bf-ph small,.v-bf-rl__ph .v-bf-ph span{display:none}
.v-bf-rl__b{display:flex;flex-direction:column;gap:1px;min-width:0}
.v-bf-rl__b b{font-size:14px;line-height:1.3;color:var(--v-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext;text-align:start}
.v-bf-rl__b small{font-size:12px;color:var(--v-ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v-bf-rl__b small.is-none{color:var(--v-amber);font-weight:600}
.v-bf-rl__rec{align-self:flex-start;font-style:normal;font-size:10.5px;font-weight:800;padding:1px 8px;border-radius:999px;background:var(--v-blue);color:#fff}
.v-bf-rl__p{font-size:14px;font-weight:800;color:var(--v-ink);white-space:nowrap}
.v-bf-rl__p.is-missing{font-size:12px;font-weight:700;color:var(--v-amber)}
.v-bf-rl__x{width:28px;height:28px;display:grid;place-items:center;padding:0;border-radius:8px}
.v-bf-rl__x svg{width:13px;height:13px}
.v-bf-rl__x:hover{background:#FDE7E7;color:#B42318}
.v-bf-rl__d{display:flex;flex-direction:column;gap:10px;padding:10px 12px 12px;border-top:1px dashed #C6DCFB;background:#FBFDFF}
.v-bf-rl__d[hidden]{display:none}
.v-bf-rl__d .v-bf-hrow__p{display:flex;flex-direction:column;gap:4px}
.v-bf-rl__d .v-bf-rooms{margin-top:0}
.v-bf-rl__rec{margin:0}
.v-bf-rl__d .v-bf-why{margin-top:0}
.v-bf-rl.is-new{animation:v-bf-pulse 2.4s ease-out 1}
@media (prefers-reduced-motion:reduce){.v-bf-rl.is-new{animation:none;outline:2px solid var(--v-blue)}}
.v-bf-traybar{display:none !important}
@media (min-width:1024px){
  .v-bf-s2{display:grid;grid-template-columns:minmax(340px,400px) minmax(0,1fr);gap:18px;align-items:start}
  .v-bf-tray{position:sticky;top:calc(var(--v-top) + 12px);max-height:calc(100vh - var(--v-top) - 24px);overflow:auto;margin:0;padding:14px;border:1px solid var(--v-border);border-radius:16px;background:#fff;box-shadow:var(--v-sh-card)}
  .v-bf-tray.is-collapsed #cities{display:block}
  .v-bf-pick{margin-top:0}
}
@media (max-width:1023px){
  .v-bf-s2{display:block}
  .v-bf-tray{margin-bottom:12px;padding:12px 14px;border:1px solid var(--v-border);border-radius:16px;background:#fff}
  .v-bf-tray__t{cursor:pointer}
  .v-bf-tray__chev{display:inline-block}
  .v-bf-tray:not(.is-collapsed) .v-bf-tray__chev{transform:rotate(225deg)}
  .v-bf-tray.is-collapsed #cities,.v-bf-tray.is-collapsed .v-bf-tray__s,.v-bf-tray.is-collapsed .v-bf-tray__empty{display:none}
}
/* the guide on the hotels step: a slim strip (the one line of «what next»), the full list one click away */
.v-pq-split.is-s2{display:block}
.v-pq-split.is-s2>.v-pgd{position:static;max-height:none;margin:0 0 12px;overflow:hidden}
.v-pq-split.is-s2 .v-pgd__head{cursor:pointer;padding:9px 16px;min-height:42px}
.v-pq-split.is-s2 .v-pgd__one{display:block}
.v-pq-split.is-s2 .v-pgd__head>svg{display:block}
.v-pq-split.is-s2 .v-pgd.is-open .v-pgd__one{display:none}
.v-pq-split.is-s2 .v-pgd.is-open .v-pgd__head>svg{transform:rotate(180deg)}
.v-pq-split.is-s2 .v-pgd:not(.is-open) .v-pgd__body{display:none}
.v-pq-split.is-s2 .v-pgd .v-pgd__body{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)}
/* ───────── 19.10.2026 (NV-2026-10-19-021) תוכנית האטרקציות: שמירה שנכשלה רועשת ונשארת, כפתור «שמירת טיוטה» תמיד גלוי, שדה שלא נשמר מסומן באדום. קידומת v-pa-savefail ───────── */
.v-pa-savefail{position:sticky;top:70px;z-index:12;display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:10px 16px;border-radius:12px;background:var(--v-bad);color:#fff;font-size:14px;line-height:1.45;box-shadow:0 6px 18px rgba(217,58,71,.28)}
.v-pa-savefail[hidden]{display:none}
.v-pa-savefail svg{width:20px;height:20px;flex:none;color:#fff}
.v-pa-savefail > span{flex:1;min-width:0}
.v-pa-savefail b{font-weight:800}
.v-pa-savefail .v-btn{flex:none;background:#fff;color:var(--v-bad);border-color:#fff;font-weight:700}
.v-pa-page input[aria-invalid="true"]{border-color:var(--v-bad);background:var(--v-bad-soft);color:#8E1F29}
.v-pa-page .v-bf-bar [data-act=save].is-saved{color:var(--v-good)}
@media (max-width:900px){
  .v-pa-savefail{top:62px;padding:9px 12px;font-size:13px;gap:8px}
  .v-pa-body .v-bf-bar .v-pq-bar__acts{flex-wrap:wrap}
  .v-pa-body .v-bf-bar [data-act=save]{flex:1 1 100%;order:-1}
  .v-pa-body .v-bf-bar [data-act=save] .v-bf-lbl{display:inline}
}

/* 21.10.2026 (NV-2026-10-21-014, נתיב: «בחיפוש, הכוכב מסתיר את השם»): the star button (_pins.js, class v-pin) was caught by the feedback-pin rule `.v-pin{position:absolute}` above and floated over the customer name
   (_pins.css, which would undo it, loads on only two pages). Here, for every page: the row is a flex line, the star is back in the flow as its own column, the name takes the rest (RTL), long names wrap. */
.v-gs__row2,.v-dock__li{display:flex;gap:8px;align-items:center}
.v-gs__row2>.v-gs__row,.v-dock__li>.v-dock__row{flex:1 1 0;min-width:0}
.v-gs__row2>.v-gs__row b,.v-gs__row2>.v-gs__row small{overflow-wrap:anywhere}
.v-gs__row2>.v-pin,.v-dock__li>.v-pin{position:static;flex:none;pointer-events:auto;display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:1px solid var(--v-border,#D8DEEB);border-radius:10px;background:var(--v-surface,#fff);color:var(--v-muted,#6B7794);font-size:20px;line-height:1;cursor:pointer}
.v-gs__row2>.v-pin.is-on,.v-dock__li>.v-pin.is-on{color:#C98A00;border-color:#E6C766;background:#FFF8E1}

/* ---------- 31. משוך חדרים (23.10.2026, NV-2026-10-23-004 / -005): חלון בחירת חדרים אצל הספק + הבדיקה לפני שליחה ----------
   רק טוקנים וקומפוננטות קיימות (.v-modal, .v-x, .v-pill, .v-chip, .v-btn, .v-field, .v-note, .v-empty, .v-link). קידומת v-rp. משמש את hotel-quote.html בלבד. */
.v-rp .v-rp__box{width:min(720px,96vw);max-height:90vh}
.v-rp__h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:var(--v-pad-card);border-bottom:var(--v-bw) solid var(--v-border)}
.v-rp__h h3{margin:0;font-size:var(--v-fs-sec);font-weight:700;color:var(--v-ink)}
.v-rp__h .v-x svg{width:16px;height:16px}
.v-rp__h p{margin:4px 0 0;font-size:13px;color:var(--v-muted);line-height:1.5}
.v-rp__body{padding:var(--v-pad-card);overflow-y:auto;display:flex;flex-direction:column;gap:12px;min-height:120px}
.v-rp__body .v-bf-lead{margin:0}
.v-rp__f{display:flex;align-items:center;gap:10px;padding:12px var(--v-pad-card);border-top:var(--v-bw) solid var(--v-border);background:var(--v-surface-2)}
.v-rp__fin{margin-inline-end:auto;font-size:12px;color:var(--v-muted)}
.v-rp__party{display:flex;flex-wrap:wrap;gap:12px}
.v-rp__party .v-field{flex:1 1 160px;margin:0}
.v-rp__hint{margin:0;font-size:12px;color:var(--v-muted);line-height:1.5}
.v-rp__wait{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:22px 0 6px}
.v-rp__wait b{font-size:var(--v-fs-strong);color:var(--v-ink)}
.v-rp__wait small{font-size:12px;color:var(--v-muted)}
.v-rp__bar{display:block;position:relative;width:100%;height:6px;overflow:hidden;border-radius:var(--v-r-chip);background:var(--v-blue-soft)}
.v-rp__bar::after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:35%;border-radius:inherit;background:var(--v-blue);animation:v-rp-bar 1.4s var(--v-ease) infinite}
@keyframes v-rp-bar{from{transform:translateX(0)}to{transform:translateX(-285%)}}
@media (prefers-reduced-motion:reduce){.v-rp__bar::after{animation:none;width:100%;opacity:.35}}
.v-rp__msg{padding:18px 0}
.v-rp__bar2{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.v-rp__chips{display:flex;flex-wrap:wrap;gap:8px}
.v-rp__cnt{font-size:12px;color:var(--v-muted)}
.v-rp__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.v-rp__room{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-card);background:var(--v-surface)}
.v-rp__room.is-picked{border-color:var(--v-blue);background:var(--v-blue-soft)}
.v-rp__ph{display:grid;place-items:center;width:72px;height:56px;overflow:hidden;border-radius:var(--v-r-thumb);background:var(--v-surface-2);color:var(--v-muted)}
.v-rp__ph img{display:block;width:100%;height:100%;object-fit:cover}
.v-rp__ph svg{width:22px;height:22px}
.v-rp__ph:not(.is-none) svg{display:none}
.v-rp__b{display:flex;flex-direction:column;gap:4px;min-width:0}
.v-rp__b b{font-size:var(--v-fs-strong);color:var(--v-ink);overflow-wrap:anywhere;unicode-bidi:plaintext;text-align:right}
.v-rp__b small{font-size:12px;color:var(--v-muted)}
.v-rp__b .v-pill{align-self:flex-start}
.v-rp__p{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:end}
.v-rp__p b{font-size:18px;color:var(--v-ink)}
.v-rp__p b.is-unk{font-size:13px;color:var(--v-muted)}
.v-rp__p small{font-size:11.5px;color:var(--v-muted)}
.v-rp__p .v-btn{margin-top:6px}
.v-rp__chgs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.v-rp__chg{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-input);font-size:13px;line-height:1.5;color:var(--v-ink-2)}
.v-rp__chg .v-pill{flex:none}
.v-gh-room__p{font-size:14px;color:var(--v-ink-2)}
.v-gh-room__p b{font-size:16px;color:var(--v-ink)}
.v-bf-room .v-rp__src{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.v-rp__srcp{font-size:12px;color:var(--v-ink-2)}
@media (max-width:560px){
  .v-rp{padding:0;align-items:flex-end}
  .v-rp .v-rp__box{width:100%;max-height:94vh;border-end-start-radius:0;border-end-end-radius:0}
  .v-rp__room{grid-template-columns:64px minmax(0,1fr)}
  .v-rp__ph{width:64px;height:52px}
  .v-rp__p{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;text-align:start}
  .v-rp__p .v-btn{margin-top:0;margin-inline-start:auto}
  .v-rp__f{flex-wrap:wrap}
}
/* ==== TMC BEGIN: אזור הצוות בעיצוב החדש (25.10.2026, NV-2026-10-25-011). רכיבי הצ'אט של Slack ועוד WhatsApp. מקור: TeamRedesignScreen.dc.html. כל הערכים נמדדו מהעיצוב. ==== */
.tmc{--tmc-blue:#0A58DE;--tmc-blue-soft:#EBF3FE;--tmc-blue-line:#B9D3FA;--tmc-navy:#1E3A5F;--tmc-mine:#DCEAFD;--tmc-mine-line:#C7DBFB;--tmc-badge-bad:#D93A47;--tmc-chip-line:#E6EDF6;--tmc-side-bg:#FAFCFE;--tmc-mention-bg:#E1ECFD;--tmc-meta:#7B879D;--tmc-urgent-bg:#FFF4F4;--tmc-urgent-line:#F2B3B9}
.tmc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.tmc-head h1{margin:0;font-size:30px;font-weight:800;color:var(--v-ink);letter-spacing:-.02em}
.tmc-head p{margin:4px 0 0;color:var(--v-muted);font-size:14px}
.tmc-demobar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;padding:8px 12px;border:1px dashed #C6D3E4;border-radius:12px;background:rgba(255,255,255,.7)}
.tmc-demobar>span{font-size:12px;font-weight:700;color:var(--v-muted)}
.tmc-demobar .v-segment{flex-wrap:wrap}
.tmc-shell{display:flex;height:calc(100vh - 250px);min-height:620px;background:#FFFFFF;border:1px solid var(--v-border);border-radius:20px;box-shadow:var(--v-sh-card);overflow:hidden}
.tmc-side{width:248px;flex:none;border-inline-end:1px solid var(--v-border);display:flex;flex-direction:column;min-height:0;background:var(--tmc-side-bg)}
.tmc-search{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid var(--v-border);border-radius:10px;background:#FFFFFF;color:#8A97AD}
.tmc-search svg{width:15px;height:15px;flex:none}
.tmc-search input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:13px;background:transparent;color:var(--v-ink)}
.tmc-side__top{padding:14px 12px 6px}
.tmc-side__body{flex:1;overflow:auto;padding:6px 8px 14px}
.tmc-group{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 6px}
.tmc-group.is-second{padding-top:16px}
.tmc-group span{font-size:12px;font-weight:700;color:var(--v-muted)}
.tmc-group .v-iconbtn{width:24px;height:24px}
.tmc-list{display:flex;flex-direction:column;gap:2px}
.tmc-chan,.tmc-dm{display:flex;align-items:center;width:100%;border:0;border-radius:10px;background:transparent;color:#44516A;font-family:inherit;text-align:start;cursor:pointer}
.tmc-chan{gap:8px;min-height:38px;padding:6px 10px;font-size:14px;font-weight:500}
.tmc-chan:hover,.tmc-dm:hover{background:#F1F5FA}
.tmc-chan__hash{width:16px;text-align:center;color:#9AA6BC;font-weight:700}
.tmc-chan__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tmc-chan.is-unread{color:#0E1F3A;font-weight:700}
.tmc-chan.is-on,.tmc-dm.is-on{background:var(--tmc-blue-soft);color:var(--tmc-blue)}
.tmc-chan.is-on{font-weight:700}
.tmc-chan.is-on .tmc-chan__hash{color:var(--tmc-blue)}
.tmc-new{height:20px;padding:0 8px;font-size:11px}
.tmc-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--tmc-blue);color:#FFFFFF;font-size:11px;font-weight:700;display:grid;place-items:center}
.tmc-badge.is-mention{background:var(--tmc-badge-bad)}
.tmc-dm{gap:9px;min-height:48px;padding:6px 8px}
.tmc-dm__txt{flex:1;min-width:0}
.tmc-dm__txt b{display:block;font-size:14px;font-weight:500}
.tmc-dm__txt small{display:block;font-size:12px;color:var(--v-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tmc-dm.is-unread{color:#0E1F3A}
.tmc-dm.is-unread .tmc-dm__txt b,.tmc-dm.is-on .tmc-dm__txt b{font-weight:700}
.tmc-ava{position:relative;--s:30px;width:var(--s);height:var(--s);flex:none;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--tmc-navy);color:#FFFFFF}
.tmc-ava.is-24{--s:24px;font-size:11px}.tmc-ava.is-26{--s:26px;font-size:11px;margin-inline-start:-6px;border:2px solid #FFFFFF;box-sizing:border-box}
.tmc-ava.is-28{--s:28px;font-size:11px}.tmc-ava.is-32{--s:32px}.tmc-ava.is-34{--s:34px;font-size:13px}.tmc-ava.is-36{--s:36px;font-size:14px}.tmc-ava.is-40{--s:40px;font-size:14px}
.tmc-ava__dot{position:absolute;bottom:-1px;inset-inline-start:-1px;width:10px;height:10px;border-radius:50%;background:var(--v-good);border:2px solid var(--tmc-side-bg)}
.tmc-ava.is-36 .tmc-ava__dot{bottom:0;inset-inline-start:0;width:11px;height:11px;border-color:#FFFFFF}
.tmc-ava.is-34 .tmc-ava__dot{bottom:0;inset-inline-start:0;border-color:#FFFFFF}
.tmc-ava.is-gap{background:transparent;width:30px}
.tmc-main{flex:1;min-width:0;display:flex;flex-direction:column}
.tmc-conv-head{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--v-border);min-height:64px;box-sizing:border-box}
.tmc-conv-head__txt{flex:1;min-width:0}
.tmc-conv-head__txt b{display:block;font-size:16px;color:var(--v-ink)}
.tmc-conv-head__txt small{display:block;font-size:12px;color:var(--v-muted)}
.tmc-hashbox{width:36px;height:36px;flex:none;border-radius:10px;background:var(--tmc-blue-soft);color:var(--tmc-blue);display:grid;place-items:center;font-weight:800;font-size:17px}
.tmc-pins-pill svg{width:13px;height:13px}
.tmc-members{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--v-muted)}
.tmc-members__stack{display:flex}
.tmc-feed{flex:1;min-height:0;overflow:auto;padding:16px 22px 10px;background:var(--v-bg)}
.tmc-feed .v-empty{height:100%;box-sizing:border-box}
.tmc .v-empty__icon svg{width:22px;height:22px}
.tmc-daypill{display:flex;justify-content:center;margin:0 0 14px}
.tmc-daypill span{padding:3px 12px;border-radius:999px;background:#FFFFFF;border:1px solid var(--v-border);font-size:12px;font-weight:600;color:var(--v-muted)}
.tmc-newline{display:flex;align-items:center;gap:10px;margin:4px 0 14px;color:var(--v-bad);font-size:12px;font-weight:700}
.tmc-newline i{flex:1;height:1px;background:var(--tmc-urgent-line)}
.tmc-newline .v-link{font-size:12px}
.tmc-row{display:flex;margin-bottom:4px}
.tmc-row.is-other{flex-direction:row-reverse;align-items:flex-start;gap:8px}
.tmc-col{position:relative;max-width:min(76%,520px);display:flex;flex-direction:column;gap:5px}
.tmc-row.is-mine .tmc-col{align-items:flex-start}
.tmc-row.is-other .tmc-col{align-items:flex-end}
.tmc-bubble{background:#FFFFFF;border:1px solid var(--v-border);border-radius:16px 4px 16px 16px;padding:8px 12px 6px;box-shadow:0 1px 2px rgba(13,43,77,.05)}
.tmc-row.is-mine .tmc-bubble{background:var(--tmc-mine);border-color:var(--tmc-mine-line);border-radius:4px 16px 16px 16px}
.tmc-row.is-urgent .tmc-bubble{background:var(--tmc-urgent-bg);border-color:var(--tmc-urgent-line)}
.tmc-sender{display:block;font-size:12.5px;color:#22304A;margin-bottom:2px}
.tmc-urgent-tag{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--v-bad);margin-bottom:3px}
.tmc-urgent-tag svg{width:13px;height:13px}
.tmc-replyto{display:block;margin:0 0 4px;padding:2px 8px;border-inline-start:3px solid var(--tmc-blue-line);font-size:12px;color:var(--v-muted)}
.tmc-img{width:280px;max-width:100%;height:168px;margin:2px 0 6px;border-radius:10px;background:repeating-linear-gradient(135deg,#E9EEF5 0 10px,#F3F6FA 10px 20px);display:grid;place-items:center;overflow:hidden}
.tmc-img span{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:#6C7890}
.tmc-img img{width:100%;height:100%;object-fit:cover;display:block}
.tmc-doc{display:flex;align-items:center;gap:10px;min-width:240px;margin:2px 0 6px;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.75);border:1px solid var(--v-border)}
.tmc-doc__ico{width:36px;height:36px;flex:none;border-radius:8px;background:var(--v-bad-soft);color:var(--v-bad);display:grid;place-items:center}
.tmc-doc__ico svg{width:18px;height:18px}
.tmc-doc__txt{flex:1;min-width:0}
.tmc-doc__txt b{display:block;font-size:13px;color:var(--v-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tmc-doc__txt small{display:block;font-size:11.5px;color:var(--v-muted)}
.tmc-voice{display:flex;align-items:center;gap:10px;min-width:240px;padding:2px 0 4px}
.tmc-voice__play{width:34px;height:34px;flex:none;border-radius:50%;border:0;background:#FFFFFF;color:#5B6880;display:grid;place-items:center;cursor:pointer;box-shadow:0 1px 3px rgba(13,43,77,.15)}
.tmc-row.is-mine .tmc-voice__play{color:var(--tmc-blue)}
.tmc-voice__play svg{width:14px;height:14px;transform:scaleX(-1)}
.tmc-wave{display:flex;align-items:center;gap:2px;height:24px;flex:1;overflow:hidden}
.tmc-wave i{width:3px;flex:none;border-radius:2px;background:#B4C0D3}
.tmc-row.is-mine .tmc-wave i{background:#7EA6EC}
.tmc-voice__dur{font-size:12px;color:var(--v-muted)}
.tmc-text{margin:0;font-size:14px;line-height:1.55;color:var(--v-ink);text-wrap:pretty;white-space:pre-wrap;overflow-wrap:anywhere}
.tmc-mention{color:var(--tmc-blue);background:var(--tmc-mention-bg);border-radius:5px;padding:0 3px;font-weight:600}
.tmc-meta{display:flex;justify-content:flex-end;align-items:center;gap:5px;margin-top:2px;font-size:11px;color:var(--tmc-meta)}
.tmc-tick{font-weight:700;letter-spacing:-3px;color:#8A97AD}
.tmc-tick.is-read{color:var(--tmc-blue)}
.tmc-urgent-line{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--v-muted)}
.tmc-urgent-line svg{width:13px;height:13px}
.tmc-urgent-line .is-ok{color:var(--v-good)}.tmc-urgent-line .is-wait{color:var(--v-warn)}
.tmc-pinchip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;border:1px solid #C6DCFB;background:#FFFFFF;color:var(--tmc-blue);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}
.tmc-pinchip svg{width:13px;height:13px}
.tmc-reacts{display:flex;gap:4px;flex-wrap:wrap}
.tmc-react{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px;border-radius:999px;border:1px solid var(--tmc-chip-line);background:#FFFFFF;font-family:inherit;font-size:13px;cursor:pointer}
.tmc-react b{font-size:12px;font-weight:600;color:#22304A}
.tmc-react.is-on{border-color:var(--tmc-blue-line);background:var(--tmc-blue-soft)}
.tmc-react.is-on b{color:var(--tmc-blue)}
.tmc-threadbtn{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 10px 0 6px;border-radius:10px;border:1px solid transparent;background:transparent;font-family:inherit;cursor:pointer}
.tmc-threadbtn:hover{background:#FFFFFF;border-color:var(--tmc-chip-line)}
.tmc-threadbtn__av{display:flex}
.tmc-threadbtn__av span{width:20px;height:20px;border-radius:6px;margin-inline-start:-3px;display:grid;place-items:center;font-size:10px;font-weight:700;background:var(--tmc-navy);color:#FFFFFF;border:1.5px solid #FFFFFF}
.tmc-threadbtn b{font-size:12.5px;color:var(--tmc-blue)}
.tmc-threadbtn em{font-style:normal;font-size:12px;color:var(--v-muted)}
.tmc-quick{display:none;position:absolute;top:-16px;inset-inline-end:8px;align-items:center;gap:2px;padding:3px;background:#FFFFFF;border:1px solid var(--v-border);border-radius:12px;box-shadow:var(--v-sh-float);z-index:3}
.tmc-row:hover .tmc-quick,.tmc-row:focus-within .tmc-quick{display:flex}
.tmc-quick button.tmc-emoji{width:30px;height:30px;border:0;border-radius:8px;background:transparent;font-size:16px;cursor:pointer}
.tmc-quick button.tmc-emoji:hover{background:#F4F6FA}
.tmc-quick .v-x{width:30px;height:30px}
.tmc-quick .v-x svg{width:16px;height:16px}
.tmc-quick__sep{width:1px;height:20px;background:var(--v-border);margin:0 3px}
.tmc-gap{height:10px}
.tmc-composer{position:relative;padding:10px 16px 14px;border-top:1px solid var(--v-border);background:#FFFFFF}
.tmc-composer__row{display:flex;align-items:flex-end;gap:10px}
.tmc-composer__box{flex:1;min-width:0;border:1px solid var(--v-border);border-radius:14px;padding:8px 12px 6px;background:#FFFFFF}
.tmc-composer__box textarea{display:block;width:100%;box-sizing:border-box;border:0;outline:0;resize:none;font-family:inherit;font-size:14px;line-height:1.5;min-height:24px;background:transparent;color:var(--v-ink)}
.tmc-composer__tools{display:flex;align-items:center;gap:2px;margin-top:4px}
.tmc-composer__tools .v-x{width:32px;height:32px;font-weight:700;font-size:15px}
.tmc-composer__tools .v-link{height:32px;padding:0 8px;color:#44516A}
.tmc-composer__tools .tmc-sep{width:1px;height:18px;background:var(--v-border);margin:0 4px}
.tmc-composer__tools [disabled]{opacity:.45;cursor:default}
.tmc-roundbtn{width:44px;height:44px;flex:none;border-radius:50%;border:0;background:var(--tmc-blue);color:#FFFFFF;display:grid;place-items:center;cursor:pointer}
.tmc-roundbtn svg{width:20px;height:20px}
.tmc-roundbtn.is-send svg{width:18px;height:18px;transform:scaleX(-1)}
.tmc-roundbtn[disabled]{opacity:.45;cursor:default}
.tmc-mentions{position:absolute;bottom:calc(100% - 4px);inset-inline-start:16px;width:220px;padding:6px;background:#FFFFFF;border:1px solid var(--v-border);border-radius:12px;box-shadow:var(--v-sh-float);z-index:4}
.tmc-mentions small{display:block;padding:4px 8px 6px;font-size:11.5px;color:var(--v-muted)}
.tmc-mentions button{display:flex;align-items:center;gap:8px;width:100%;height:36px;padding:0 8px;border:0;border-radius:8px;background:transparent;font-family:inherit;font-size:14px;color:var(--v-ink);cursor:pointer;text-align:start}
.tmc-mentions button:hover{background:var(--tmc-blue-soft)}
.tmc-rec{display:flex;align-items:center;gap:12px;height:58px;padding:0 14px;border:1px solid var(--tmc-urgent-line);border-radius:14px;background:#FFF7F7}
.tmc-rec i{width:10px;height:10px;border-radius:50%;background:var(--v-bad)}
.tmc-rec b{font-size:14px;color:var(--v-bad)}
.tmc-rec__time{font-size:14px;font-weight:700;color:var(--v-ink)}
.tmc-rec__line{flex:1;height:2px;border-radius:2px;background:repeating-linear-gradient(90deg,#F2B3B9 0 4px,transparent 4px 8px)}
.tmc-note{margin:6px 0 0;font-size:12px;color:var(--v-muted)}
.tmc-note.is-bad{color:var(--v-bad)}
/* שרשור */
.tmc-thread{width:340px;flex:none;border-inline-start:1px solid var(--v-border);display:flex;flex-direction:column;min-height:0;background:#FFFFFF}
.tmc-thread__head{display:flex;align-items:center;gap:10px;padding:12px 16px;min-height:64px;box-sizing:border-box;border-bottom:1px solid var(--v-border)}
.tmc-thread__head div{flex:1}
.tmc-thread__head b{display:block;font-size:16px;color:var(--v-ink)}
.tmc-thread__head small{font-size:12px;color:var(--v-muted)}
.tmc-thread__head .v-x svg{width:16px;height:16px}
.tmc-thread__body{flex:1;overflow:auto;padding:16px}
.tmc-tmsg{display:flex;gap:10px}
.tmc-tmsg__txt{min-width:0}
.tmc-tmsg__who{display:flex;gap:8px;align-items:baseline}
.tmc-tmsg__who b{font-size:14px;color:var(--v-ink)}
.tmc-tmsg__who span{font-size:11.5px;color:var(--v-muted)}
.tmc-tmsg p{margin:3px 0 0;font-size:14px;line-height:1.55;color:var(--v-ink)}
.tmc-tmsg.is-reply .tmc-tmsg__who b{font-size:13.5px}
.tmc-tmsg.is-reply p{margin-top:2px;color:var(--v-ink-2)}
.tmc-tmsg .v-pill{margin-top:8px}
.tmc-tmsg .v-pill svg{width:13px;height:13px}
.tmc-tdiv{display:flex;align-items:center;gap:10px;margin:16px 0;font-size:12px;font-weight:600;color:var(--v-muted)}
.tmc-tdiv i{flex:1;height:1px;background:var(--v-border)}
.tmc-treplies{display:flex;flex-direction:column;gap:14px}
.tmc-thread__foot{padding:12px 16px 14px;border-top:1px solid var(--v-border)}
.tmc-thread__foot textarea{display:block;width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid var(--v-border);border-radius:12px;outline:0;resize:none;font-family:inherit;font-size:14px;color:var(--v-ink)}
.tmc-thread__act{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.tmc-check{display:flex;align-items:center;gap:7px;border:0;background:none;padding:0;font-family:inherit;font-size:12.5px;color:#44516A;cursor:pointer}
.tmc-check i{width:16px;height:16px;border-radius:5px;border:1.5px solid #C6D3E4;background:#FFFFFF;display:grid;place-items:center;color:#FFFFFF}
.tmc-check.is-on i{border-color:var(--tmc-blue);background:var(--tmc-blue)}
.tmc-check i svg{width:11px;height:11px}
/* חלונות */
.tmc-modal{position:fixed;inset:0;z-index:2147483050;background:rgba(10,26,46,.34);display:flex;align-items:center;justify-content:center;padding:24px}
.tmc-modal__box{width:min(460px,100%);background:#FFFFFF;border-radius:20px;box-shadow:var(--v-sh-float);overflow:hidden;max-height:100%;overflow-y:auto}
.tmc-modal__box.is-480{width:min(480px,100%)}.tmc-modal__box.is-440{width:min(440px,100%)}
.tmc-modal__head{display:flex;align-items:flex-start;gap:10px;padding:18px 20px 12px}
.tmc-modal__head.has-line{gap:12px;padding-bottom:14px;border-bottom:1px solid var(--v-border)}
.tmc-modal__head>div{flex:1}
.tmc-modal__head b{display:block;font-size:18px;color:var(--v-ink)}
.tmc-modal__head small{font-size:13px;color:var(--v-muted);line-height:1.5}
.tmc-modal__head .v-x svg{width:16px;height:16px}
.tmc-modal__ico{width:40px;height:40px;flex:none;border-radius:50%;background:var(--v-bad-soft);color:var(--v-bad);display:grid;place-items:center}
.tmc-modal__ico svg{width:20px;height:20px}
.tmc-modal__ico.is-blue{background:var(--tmc-blue-soft);color:var(--tmc-blue)}
.tmc-modal__ico.is-hash{border-radius:10px;font-weight:800;font-size:19px}
.tmc-modal__body{padding:0 20px 18px}
.tmc-modal__body.is-pad{padding:16px 20px 18px}
.tmc-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:16px}
.tmc-actions .tmc-grow{flex:1}
.tmc-actions .v-link.is-bad{color:var(--v-bad)}
.tmc-quote{display:flex;gap:10px;padding:10px 12px;border-radius:12px;background:var(--v-surface-2);margin-bottom:14px}
.tmc-quote small{font-size:12px;color:var(--v-muted)}
.tmc-quote small b{color:var(--v-ink-2)}
.tmc-quote p{margin:2px 0 0;font-size:13.5px;line-height:1.5;color:var(--v-ink)}
.tmc-picklist{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow:auto}
.tmc-picklist.is-tall{max-height:300px}
.tmc-pick{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 12px;border:1.5px solid var(--tmc-chip-line);border-radius:12px;background:#FFFFFF;font-family:inherit;text-align:start;cursor:pointer}
.tmc-pick.is-on{border-color:var(--tmc-blue);background:var(--tmc-blue-soft)}
.tmc-pick.is-person{min-height:52px}
.tmc-pick__ico{width:30px;height:30px;border-radius:50%;background:var(--v-surface-2);color:#5B6880;display:grid;place-items:center}
.tmc-pick__ico svg{width:15px;height:15px}
.tmc-pick__txt{flex:1;min-width:0}
.tmc-pick__txt b{display:block;font-size:14px;color:var(--v-ink)}
.tmc-pick__txt small{font-size:12px;color:var(--v-muted)}
.tmc-pick>svg{width:16px;height:16px;color:var(--tmc-blue)}
.tmc-empty-note{margin:8px 0;font-size:13px;color:var(--v-muted);text-align:center}
.tmc-done{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:700;color:var(--v-good)}
.tmc-done svg{width:16px;height:16px}
.tmc-sub{display:block;font-size:12px;color:var(--v-muted);margin-bottom:6px}
.tmc-cardmock{padding:14px 16px;box-shadow:none}
.tmc-cardmock__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.tmc-cardmock__head b{font-size:15px;color:var(--v-ink)}
.tmc-cardmock__row{display:flex;gap:10px}
.tmc-cardmock__row small{font-size:12px;color:var(--v-muted)}
.tmc-cardmock__row small b{color:var(--v-ink-2)}
.tmc-cardmock__row p{margin:2px 0 0;font-size:13.5px;line-height:1.5;color:var(--v-ink)}
.tmc-chips{display:flex;gap:6px;flex-wrap:wrap;margin:-2px 0 14px}
.tmc-chip{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px 0 14px;border-radius:999px;border:1.5px solid var(--tmc-chip-line);background:#FFFFFF;color:#22304A;font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.tmc-chip.is-on{border-color:var(--tmc-blue);background:var(--tmc-blue-soft);color:var(--tmc-blue)}
.tmc-chip svg{width:14px;height:14px}
.tmc-chars{display:block;text-align:end;margin-top:4px;font-size:11.5px;color:var(--v-muted)}
.tmc-sentmsg{margin:8px 0 14px;padding:10px 12px;border-radius:12px;background:var(--tmc-urgent-bg);border:1px solid var(--tmc-urgent-line);font-size:14px;line-height:1.5;color:var(--v-ink)}
.tmc-sent-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--v-ink)}
.tmc-sent-title svg{width:16px;height:16px;color:var(--v-good)}
.tmc-readhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.tmc-readhead b{font-size:13px;color:var(--v-ink-2)}
.tmc-readhead span{font-size:12px;color:var(--v-muted)}
.tmc-readlist{display:flex;flex-direction:column;border:1px solid var(--v-border);border-radius:12px;overflow:hidden}
.tmc-readlist>div{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 12px;border-bottom:1px solid var(--v-line)}
.tmc-readlist b{flex:1;font-size:14px;color:var(--v-ink)}
.tmc-preview{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--v-surface-2)}
.tmc-preview small{font-size:12px;color:var(--v-muted)}
.tmc-preview b{font-size:14px;color:var(--v-ink)}
.tmc-preview .tmc-grow{flex:1}
.tmc-modal .v-note{margin-top:0}
.tmc-searchbox{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid var(--v-border);border-radius:10px;color:#8A97AD;margin-bottom:12px}
.tmc-searchbox svg{width:15px;height:15px}
.tmc-searchbox input{flex:1;min-width:0;border:0;outline:0;font-family:inherit;font-size:14px;background:transparent;color:var(--v-ink)}
/* דחוף אצל המקבל */
.tmc-recv{position:fixed;inset:0;z-index:2147483100;background:rgba(10,26,46,.72);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px}
.tmc-recv__hint{color:#EAF1FA;font-size:12.5px;font-weight:600;padding:5px 14px;border:1px dashed rgba(234,241,250,.55);border-radius:999px}
.tmc-recv__card{width:min(440px,100%);background:#FFFFFF;border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.3);overflow:hidden}
.tmc-recv__top{background:var(--v-bad);color:#FFFFFF;padding:16px 20px;display:flex;align-items:center;gap:12px}
.tmc-recv__top span.tmc-recv__ico{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center}
.tmc-recv__top svg{width:22px;height:22px}
.tmc-recv__top b{display:block;font-size:18px}
.tmc-recv__top small{font-size:13px}
.tmc-recv__body{padding:20px}
.tmc-recv__body p{margin:0;font-size:19px;font-weight:700;line-height:1.5;color:var(--v-ink)}
.tmc-recv__body .v-btn{width:100%;height:50px;margin-top:16px;background:var(--v-bad);font-size:16px;justify-content:center}
.tmc-recv__body .v-btn svg{width:16px;height:16px}
.tmc-recv__body .v-note{margin-top:14px}
.tmc-recv__body p.tmc-recv__foot{margin:10px 0 0;text-align:center;font-size:12px;font-weight:400;line-height:normal;color:var(--v-muted)}
.tmc-toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);z-index:2147483120;padding:11px 18px;border-radius:12px;background:#0E1F3A;color:#FFFFFF;font-size:13.5px;font-weight:600;box-shadow:0 6px 24px rgba(0,0,0,.18)}
.tmc-soft{padding:14px 16px}
/* מובייל: רשימת שיחות ושיחה פתוחה, אותו רכיב גם במסגרת הטלפון של הדגם */
.tmc-phones{display:flex;gap:32px;justify-content:center;flex-wrap:wrap;padding:6px 0 24px}
.tmc-phonecol{display:flex;flex-direction:column;align-items:center;gap:10px}
.tmc-phonecol>span{font-size:13px;font-weight:700;color:var(--v-muted)}
.tmc-phone{position:relative;width:360px;height:740px;box-sizing:border-box;border-radius:44px;border:10px solid #0E1F3A;background:var(--v-bg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--v-sh-float)}
.tmc-m{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--v-bg)}
.tmc-m__clock{height:30px;flex:none;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--v-ink)}
.tmc-m__clock.is-white{background:#FFFFFF}
.tmc-m__title{padding:6px 16px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.tmc-m__title b{font-size:22px;color:var(--v-ink)}
.tmc-m__search{padding:0 16px 8px}
.tmc-m__search>div{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border:1px solid var(--v-border);border-radius:12px;background:#FFFFFF;color:#8A97AD;font-size:14px}
.tmc-m__search svg{width:16px;height:16px}
.tmc-m__lists{flex:1;overflow:auto;padding:0 10px 16px}
.tmc-m__lists>small{display:block;padding:10px 8px 4px;font-size:12px;font-weight:700;color:var(--v-muted)}
.tmc-m__lists>small.is-second{padding-top:14px}
.tmc-m__chan,.tmc-m__dm{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;padding:0 10px;border-radius:12px;font-family:inherit;text-align:start;cursor:pointer;color:#44516A;font-size:15px;font-weight:500}
.tmc-m__chan{min-height:48px}
.tmc-m__chan.is-unread{color:#0E1F3A;font-weight:700}
.tmc-m__hash{width:30px;height:30px;border-radius:9px;background:#FFFFFF;border:1px solid var(--v-border);display:grid;place-items:center;color:#9AA6BC;font-weight:800}
.tmc-m__chan>span:nth-child(2){flex:1}
.tmc-m .tmc-badge{min-width:22px;height:22px;font-size:11.5px}
.tmc-m__dm{min-height:56px}
.tmc-m__dm .tmc-dm__txt b{font-size:15px;color:var(--v-ink);font-weight:500}
.tmc-m__dm.is-unread .tmc-dm__txt b{font-weight:700}
.tmc-m__dm .tmc-dm__txt small{font-size:12.5px}
.tmc-m__dm .tmc-ava{--s:36px;font-size:13px}
.tmc-m__dm .tmc-ava__dot{border-color:#F3F7FC}
.tmc-m__bar{display:flex;align-items:center;gap:8px;padding:4px 10px 10px;background:#FFFFFF;border-bottom:1px solid var(--v-border)}
.tmc-m__bar>span,.tmc-m__bar>button{width:44px;height:44px;display:grid;place-items:center;color:#44516A;border:0;background:none;cursor:pointer}
.tmc-m__bar svg{width:20px;height:20px}
.tmc-m__bar button:last-child svg{width:18px;height:18px}
.tmc-m__bar div{flex:1;min-width:0}
.tmc-m__bar b{display:block;font-size:16px;color:var(--v-ink)}
.tmc-m__bar small{font-size:12px;color:var(--v-muted)}
.tmc-m__feed{flex:1;overflow:auto;padding:12px 12px 8px}
.tmc-m__feed .tmc-newline{gap:8px;margin:4px 0 12px;font-size:11.5px}
.tmc-m__feed .tmc-col{max-width:84%;gap:4px}
.tmc-m__feed .tmc-bubble{padding:7px 11px 5px}
.tmc-m__feed .tmc-sender{font-size:12px;margin-bottom:0}
.tmc-m__feed .tmc-text{font-size:14.5px;line-height:1.5}
.tmc-m__feed .tmc-urgent-tag{font-size:11.5px;gap:4px;margin-bottom:0}
.tmc-m__feed .tmc-urgent-tag svg{width:12px;height:12px}
.tmc-m__feed .tmc-img{width:220px;height:130px;margin:2px 0 5px}
.tmc-m__feed .tmc-img span{font-size:11px}
.tmc-m__feed .tmc-doc{min-width:0;gap:8px;margin:2px 0 5px;padding:8px}
.tmc-m__feed .tmc-doc__ico{width:30px;height:30px}.tmc-m__feed .tmc-doc__ico svg{width:16px;height:16px}
.tmc-m__feed .tmc-doc__txt b{font-size:12.5px}
.tmc-m__feed .tmc-voice{min-width:200px;gap:8px;padding:0}
.tmc-m__feed .tmc-voice__play{width:30px;height:30px}.tmc-m__feed .tmc-voice__play svg{width:12px;height:12px}
.tmc-m__feed .tmc-wave i{width:2.5px}
.tmc-m__feed .tmc-voice__dur{font-size:11.5px}
.tmc-m__feed .tmc-meta{gap:4px;font-size:10.5px;margin-top:0}
.tmc-m__feed .tmc-pinchip{height:auto;padding:0;border:0;background:none;font-size:11.5px;gap:5px;cursor:default}
.tmc-m__feed .tmc-pinchip svg{width:12px;height:12px}
.tmc-m__feed .tmc-react{height:24px;padding:0 7px;font-size:12px;gap:3px;cursor:default}
.tmc-m__thread{font-size:12px;font-weight:700;color:var(--tmc-blue)}
.tmc-m__compose{display:flex;align-items:center;gap:8px;padding:8px 10px 18px;background:#FFFFFF;border-top:1px solid var(--v-border)}
.tmc-m__compose>button.tmc-m__plus{width:40px;height:40px;display:grid;place-items:center;color:#5B6880;border:0;background:none}
.tmc-m__compose svg{width:20px;height:20px}
.tmc-m__compose textarea,.tmc-m__compose .tmc-m__fake{flex:1;height:42px;box-sizing:border-box;border-radius:999px;border:0;outline:0;background:var(--v-surface-2);color:var(--v-ink);font-family:inherit;font-size:14px;resize:none}
.tmc-m__compose textarea{display:block;padding:10px 14px;line-height:22px}
.tmc-m__compose .tmc-m__fake{display:flex;align-items:center;padding:0 14px}
.tmc-m__compose .tmc-m__fake{color:#8A97AD}
.tmc-m__urgent{position:absolute;inset:0;background:rgba(10,26,46,.72);display:flex;flex-direction:column;justify-content:center;padding:18px}
.tmc-m__urgent .tmc-recv__card{width:100%}
.tmc-m__urgent .tmc-recv__top{padding:14px 16px}
.tmc-m__urgent .tmc-recv__body{padding:16px}
.tmc-m__urgent .tmc-recv__body p{font-size:17px}
.tmc-m__urgent .v-btn.tmc-fake{display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;width:100%;height:50px;margin-top:14px;background:var(--v-bad);font-size:16px;justify-content:center}
.tmc-m__sheet{padding:0}
.tmc-mob{display:none}
@media (max-width:760px){
  .tmc-desktop{display:none}
  .tmc-mob{display:block}
  .tmc-head{display:none}
  .tmc-mob .tmc-m{height:calc(100vh - 150px);min-height:520px;border:1px solid var(--v-border);border-radius:20px;overflow:hidden;background:var(--v-bg)}
  .tmc-mob .tmc-m__clock{display:none}
}
.tmc-wrap{padding-block:18px 120px;max-width:1500px;min-width:0}
.team-reminder-link{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border:1px solid #aac9eb;border-radius:10px;background:#eef6ff;color:#165dab;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}
.team-reminder-link:focus-visible{outline:3px solid #8bc2ff;outline-offset:2px}
@media(max-width:560px){.team-reminder-link{font-size:11px;padding-inline:8px}.tmc-wrap{padding-inline:12px}}
.v-btn.tmc-bad{background:var(--v-bad)}
.tmc-modal .v-segment button.tmc-seg{height:32px;padding:0 16px}
.tmc-ta{box-sizing:border-box}.tmc-ta.is-84{height:84px}.tmc-ta.is-96{height:96px}
.tmc-modal__head.is-flat{padding:0 0 12px}
.tmc-thread.is-sheet{width:100%;border:0}
.tmc-count{font-size:12px;color:var(--v-muted)}
.tmc-search.is-m{height:42px;border-radius:12px;font-size:14px}
.tmc-mob.is-on{display:block}
.tmc-head__act{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
/* ==== TMC END ==== */
/* 1.11.2026 (Meital affiliate page): inline sub-rows under «אטרקציות» (VDS.SIDE item with inline:true). Same row look as .v-side__subitem, indented one step; no flyout. */
.v-side__group.is-inline{display:block}
.v-side__inline{display:flex;flex-direction:column;gap:2px;margin:2px 0 4px;padding-inline-start:26px}
.v-side__inline .v-side__subitem[hidden]{display:none!important}
.v-app.is-collapsed .v-side__inline{display:none}
.v-side__inline:not(:has(.v-side__subitem:not([hidden]))){display:none}   /* nobody allowed to see a kid: no empty gap under the row */
.v-side__group.is-inline:not(.is-expanded) .v-side__inline{display:none}   /* 2.11.2026: closed until the row is clicked */
.v-side__group.is-inline > .v-side__item .v-side__caret{margin-inline-start:auto;transition:transform 180ms ease}
.v-side__group.is-inline.is-expanded > .v-side__item .v-side__caret{transform:rotate(-90deg)}
.v-app.is-collapsed .v-side__group.is-inline .v-side__caret,body.is-collapsed .v-side__group.is-inline .v-side__caret{display:none}

/* ---------- PUSH SETUP: ההגדרה המלווה של התראות במחשב (מוכן לצירוף ל-_ds.css בסוף, מקטע חדש) ----------
   רק טוקנים קיימים (--v-*), רק על גבי רכיבי המערכת הקיימים (.v-modal .v-fx .v-btn .v-note .v-pill .v-segment .v-steps).
   מוסיף שלושה דברים שאין במערכת: רשימת צעדים ממוספרת, מסגרת לצילום מסך, ומחוון מצב. 2.11.2026. */
.v-fx.is-ps{max-width:520px;max-height:calc(100vh - 32px);overflow-y:auto}
.is-ps .v-steps{margin:0 0 14px;justify-content:center}
.is-ps .v-steps li + li::before{width:22px;margin-inline:6px}
.v-ps-state{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.v-ps-list{list-style:none;counter-reset:ps;margin:12px 0 10px;padding:0;display:flex;flex-direction:column;gap:12px}
.v-ps-list > li{counter-increment:ps;position:relative;padding-inline-start:34px;font-size:13.5px;line-height:1.55;color:var(--v-ink-2)}
.v-ps-list > li::before{content:counter(ps);position:absolute;inset-inline-start:0;top:0;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;
  background:var(--v-blue-soft);color:var(--v-blue);font-size:12px;font-weight:700}
.v-ps-list b{color:var(--v-ink);font-weight:700}
.v-ps-shot{display:block;margin:8px 0 0;width:100%;height:auto;border:var(--v-bw) solid var(--v-border);border-radius:var(--v-r-input);background:var(--v-surface-2)}
.is-ps .v-segment{margin:0 0 4px}
.v-ps-who{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column}
.v-ps-who > li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:var(--v-bw) solid var(--v-line);font-size:13.5px;color:var(--v-ink-2)}
.v-ps-who > li > b{flex:1;min-width:0;font-weight:600;color:var(--v-ink)}
.v-ps-who > li > small{color:var(--v-muted);font-size:12px}
.is-ps .v-fx__row{position:sticky;bottom:-22px;background:var(--v-surface);padding:12px 0 2px;margin-top:6px}

.v-ps-fig{margin:8px 0 0;padding:0}
.v-ps-fig .v-ps-shot{margin:0}
.v-ps-fig figcaption{margin:4px 0 0;font-size:11.5px;color:var(--v-muted);text-align:center}