/* הממשק החדש (מיזוג עם ChampionsCRM, 23/09/2026). חל רק כש-<html data-ui="2">.
 *
 * בהיר = שפת Champions: רקע ירקרק-אפור, כרטיסים לבנים עם אייקון, ירוק כאקסנט.
 * כהה = "לילה עם זהב" (01/10/2026): 0B0F1C עם זהב F2B84B. אותם מסכים, אותם נתונים.
 * הישן לא נוגע: כל כלל כאן מתחיל ב-html[data-ui="2"]. */

html[data-ui="2"][data-theme="light"]{
  --bg:#F3F5F2; --bg2:#FFFFFF; --surface:#FFFFFF; --surface2:#F7F9F6; --surface3:#EDF1EC;
  --line:#E3E8E3; --line2:#CFD7CF;
  --ink:#16211B; --ink2:#4C5B53; --ink3:#5F6E65;
  --accent:#0E9F6E; --accent-deep:#0B7A57; --accent-soft:rgba(14,159,110,.12); --accent-ink:#0A7151;
  --indigo:#4F46E5;
  --on-accent:#FFFFFF;
  --accent-t1:rgba(14,159,110,.06); --accent-t2:rgba(14,159,110,.13); --accent-t3:rgba(14,159,110,.3);
  --sh1:0 1px 2px rgba(20,40,30,.05),0 6px 18px rgba(20,40,30,.06);
  --sh2:0 10px 28px rgba(20,40,30,.10);
  --u2-v:#6A5BFF;
}
html[data-ui="2"][data-theme="dark"]{ --u2-v:#A79CFF; }
html[data-ui="2"] body{background:var(--bg)}

/* ── פריסה: סרגל | Header + תוכן ───────────────────────────────────── */
html[data-ui="2"] .shell{grid-template-columns:236px 1fr;grid-template-rows:auto 1fr}
html[data-ui="2"] .side{grid-row:1/3;padding:14px 12px 12px;gap:0;border-left:1px solid var(--line);background:var(--bg2)}
html[data-ui="2"] .side > :not(#u2side):not(.side-x){display:none}
html[data-ui="2"] .main{grid-column:2;grid-row:2}
/* סרגל מקופל (כפתור התפריט במחשב) */
html[data-ui="2"].u2-narrow .shell{grid-template-columns:0 1fr}
html[data-ui="2"].u2-narrow .side{display:none}
/* הפעמון מהבהב את "דורש טיפול" */
.u2-flash{box-shadow:0 0 0 3px var(--accent),0 0 0 8px var(--accent-soft)!important;transition:box-shadow .3s}
/* שורת התקופה בלוח הבקרה של הסוכנות */
.u2-period{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;margin:-4px 0 14px;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;font-size:13px}
.u2-period b{color:var(--ink)}.u2-period span{color:var(--ink2);font-variant-numeric:tabular-nums}.u2-period i{font-style:normal;font-size:12px}.u2-period i.up{color:var(--accent-deep)}.u2-period i.down{color:var(--lost)}
.u2-period small{color:var(--ink3);margin-inline-start:auto}
html[data-ui="2"] .u2h{grid-column:2;grid-row:1;position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:8px;
  padding:9px 18px;background:var(--bg2);border-bottom:1px solid var(--line);min-height:60px}

/* ── Header (אפשרות 2): אווטאר מימין, חיפוש באמצע, גלולה משמאל ───────── */
.u2h .u-user{display:flex;align-items:center;gap:9px;flex:none;cursor:pointer;border-radius:99px;padding:2px 8px 2px 2px}
.u2h .u-user:hover{background:var(--surface2)}
.u2h .u-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--u2-v),var(--accent));color:#fff;
  display:grid;place-items:center;font-weight:800;font-size:14px;border:2px solid var(--bg2);box-shadow:0 0 0 2px var(--accent-soft);flex:none}
.u2h .u-nm{line-height:1.15}.u2h .u-nm b{display:block;font-size:13px}.u2h .u-nm span{font-size:11px;color:var(--ink3)}
.u2h .u-grow{flex:1}
.u2h .u-srch{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface2);border-radius:99px;
  padding:7px 14px;color:var(--ink3);font-size:13px;flex:1 1 240px;min-width:0;max-width:440px;white-space:nowrap;overflow:hidden;cursor:text}
.u2h .u-srch span{overflow:hidden;text-overflow:ellipsis}
.u2h .u-srch kbd{margin-inline-start:auto;font:inherit;font-size:11px;border:1px solid var(--line);border-radius:5px;padding:0 5px;flex:none}
.u2h .u-plus{flex:none;width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;
  box-shadow:0 4px 12px var(--accent-t3);position:relative}
.u2h .u-plus svg{width:20px;height:20px;stroke-width:2.25}
.u2h .u-pill{display:inline-flex;align-items:center;gap:2px;background:var(--surface2);border:1px solid var(--line);border-radius:99px;padding:3px;flex:none}
.u2h .u-ic{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--ink2);position:relative;font-size:11px;font-weight:800}
.u2h .u-ic:hover{background:var(--bg2);color:var(--ink)}
.u2h .u-ic.on{background:var(--bg2);box-shadow:var(--sh1);color:var(--accent-deep)}
.u2h svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;display:block}
.u2h .u-badge{position:absolute;top:-4px;inset-inline-end:-5px;background:var(--lost-vivid,#E5484D);color:#fff;font-size:11px;font-weight:800;padding:0 5px;border-radius:99px;line-height:15px}
.u2h .u-menu{position:absolute;top:calc(100% + 6px);inset-inline-start:0;background:var(--bg2);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh2);
  padding:6px;min-width:190px;z-index:50;display:none}
.u2h .u-menu.open{display:block}
.u2h .u-menu button{display:flex;align-items:center;gap:8px;width:100%;text-align:right;padding:8px 10px;border-radius:8px;font-size:14px;color:var(--ink)}
.u2h .u-menu button:hover{background:var(--surface2)}
.u2h .u-menu .sep{height:1px;background:var(--line);margin:4px 0}
.u2h .u-wrap{position:relative;flex:none}

/* ── סרגל בקבוצות ───────────────────────────────────────────────────── */
#u2side{display:flex;flex-direction:column;height:100%;min-height:0}
.u2-brand{display:flex;align-items:center;gap:9px;padding:4px 6px 12px;font-weight:800;font-size:15px}
.u2-brand i{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--u2-v),var(--accent));display:grid;place-items:center;color:#fff;font-style:normal;font-size:14px;flex:none}
.u2-brand small{display:block;font-weight:500;font-size:11px;color:var(--ink3);letter-spacing:.06em}
.u2-ms{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface2);border-radius:10px;padding:6px 10px;margin:0 0 8px}
.u2-ms input{border:0;background:none;flex:1;font-size:16px;min-width:0;outline:none;color:var(--ink)}
.u2-ms svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;color:var(--ink3)}
.u2-scroll{flex:1;overflow-y:auto;min-height:0;margin:0 -4px;padding:0 4px}
.u2-grp{font-size:11px;font-weight:800;color:var(--ink3);letter-spacing:.08em;margin:10px 8px 4px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none}
.u2-grp i{font-style:normal;transition:transform .15s}
.u2-grp.closed i{transform:rotate(-90deg)}
.u2-grp.closed + .u2-items{display:none}
.u2-it{display:flex;align-items:center;gap:9px;width:100%;padding:7px 10px;border-radius:9px;color:var(--ink2);font-size:13px;text-align:right;border:1px solid transparent}
.u2-it svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none;opacity:.85}
@media (hover:hover) and (pointer:fine){.u2-it:hover{background:var(--surface2);color:var(--ink)}}
.u2-it.on{background:var(--accent-soft);color:var(--accent-deep);font-weight:700;border-color:transparent}
html[data-ui="2"][data-theme="dark"] .u2-it.on{color:var(--accent-ink)}
.u2-it .n{margin-inline-start:auto;font-size:11px;padding:1px 7px;border-radius:99px;background:var(--surface3);color:var(--ink2);font-weight:700}
.u2-it .n.hot{background:var(--lost-t2);color:var(--lost)}
.u2-it.soon{opacity:.55}
.u2-it .tag{margin-inline-start:auto;font-size:11px;padding:0 6px;border-radius:99px;background:var(--surface3);color:var(--ink3)}
.u2-foot{border-top:1px solid var(--line);padding-top:8px;margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}
.u2-foot button{font-size:12px;color:var(--ink3);padding:4px 8px;border-radius:7px}
.u2-foot button:hover{background:var(--surface2);color:var(--ink)}

/* ── תוכן: כותרת עמוד, כרטיסים, טבלאות ──────────────────────────────── */
html[data-ui="2"] .main{background:var(--bg)}
html[data-ui="2"] .client-head{background:transparent;border:0;padding:18px 22px 6px}
html[data-ui="2"] .client-head h1{font-size:22px;font-weight:800;letter-spacing:-.01em}
html[data-ui="2"] .content{padding:8px 22px 40px}
html[data-ui="2"] .card,html[data-ui="2"] .kpi,html[data-ui="2"] .crm-card,html[data-ui="2"] .hq-a{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh1)}
html[data-ui="2"] .btn{border-radius:10px;border:1px solid var(--line);background:var(--surface);font-weight:600}
html[data-ui="2"] .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
html[data-ui="2"] .btn.primary:hover{background:var(--accent-deep)}
/* ⭐ דולב 10/10/2026: הכפתור הירוק ("+ ליד") קצת יותר כהה בבהיר, כדי שהטקסט הלבן ייקרא (ניגודיות 3.39 → 4.5+) */
html[data-ui="2"][data-theme="light"] .btn.primary{background:#0B8058;border-color:#0B8058}
html[data-ui="2"][data-theme="light"] .btn.primary:hover{background:#086B49;border-color:#086B49}
html[data-ui="2"] table.tb thead th,html[data-ui="2"] .hq-tb thead th{background:var(--surface2);font-size:12px;color:var(--ink3)}
html[data-ui="2"] .badge{border-radius:99px}

/* ── לוח הבקרה החדש ──────────────────────────────────────────────────── */
.u2-page{padding:18px 22px 40px;max-width:1280px}
.u2bz-types{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.u2bz-types .u2-chip{min-height:44px}
.u2-ph{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.u2-ph h1{font-size:22px;font-weight:800;margin:0}
.u2-ph small{display:block;font-size:13px;color:var(--ink3);font-weight:400;margin-top:2px}
.u2-tabs{display:inline-flex;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:3px}
.u2-tabs button{padding:6px 12px;border-radius:8px;color:var(--ink2);font-size:13px;font-weight:600;touch-action:manipulation}
.u2-tabs button.on{background:var(--accent-soft);color:var(--accent-deep)}
html[data-ui="2"][data-theme="dark"] .u2-tabs button.on{color:var(--accent-ink)}
.u2-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.u2-kpis-3{grid-template-columns:repeat(3,1fr)}
.u2-kpi{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:6px;box-shadow:var(--sh1);cursor:default}
.u2-kpi.link{cursor:pointer}.u2-kpi.link:hover{border-color:var(--accent)}
.u2-kpi .l{color:var(--ink3);font-size:13px}
.u2-kpi b{display:block;font-size:26px;font-weight:800;line-height:1.1;margin:4px 0 2px;font-variant-numeric:tabular-nums;font-family:var(--font-num)}
.u2-kpi .d{font-size:12px;color:var(--accent-deep)}.u2-kpi .d.down{color:var(--lost)}.u2-kpi .d.flat{color:var(--ink3)}
html[data-ui="2"][data-theme="dark"] .u2-kpi .d{color:var(--won)}
.u2-kpi i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-deep);font-style:normal}
.u2-kpi i svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.u2-kpi i.w{background:rgba(232,163,23,.14);color:#B45309}.u2-kpi i.r{background:var(--lost-t2);color:var(--lost)}.u2-kpi i.b{background:rgba(47,111,237,.12);color:#2F6FED}.u2-kpi i.v{background:rgba(106,91,255,.12);color:var(--u2-v)}
.u2-two{display:grid;grid-template-columns:1.45fr 1fr;gap:12px;align-items:start}
.u2-box{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:var(--sh1);margin-bottom:12px}
.u2-box h3{margin:0 0 10px;font-size:14px;font-weight:800;display:flex;align-items:center;gap:8px}
.u2-box h3 .n{background:var(--lost-t2);color:var(--lost);padding:0 8px;border-radius:99px;font-size:12px}
.u2-box h3 small{margin-inline-start:auto;font-weight:400;color:var(--ink3);font-size:12px}
.u2-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:11px;margin-bottom:6px;background:var(--surface);cursor:pointer}
.u2-row:hover{border-color:var(--line2)}
.u2-row.al{border-inline-start:3px solid var(--lost)}.u2-row.al.w{border-inline-start-color:#E8A317}
.u2-row b{display:block;font-size:14px}.u2-row span{display:block;color:var(--ink3);font-size:12px;margin-top:1px}
.u2-row .acts{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:860px){select.u2-mini{font-size:16px}}
.u2-mini{font-size:12px;font-weight:700;padding:5px 9px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);white-space:nowrap}
.u2-mini.p{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.u2-mini.ok{color:var(--accent-deep);border-color:var(--accent)}
.u2-feed div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:13px;align-items:baseline}
.u2-feed div:last-child{border:0}.u2-feed .k{color:var(--ink3);white-space:nowrap;font-size:12px}
.u2-feed .who{color:var(--ink3);font-size:12px}
.u2-bars div{display:grid;grid-template-columns:1fr 3fr auto;gap:10px;align-items:center;padding:5px 0;font-size:13px}
.u2-bars .t{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.u2-bars .t i{width:9px;height:9px;border-radius:3px;flex:none}
.u2-bars .bar{height:8px;border-radius:99px;background:var(--surface3);overflow:hidden}
.u2-bars .bar u{display:block;height:100%;background:var(--accent);border-radius:99px}
.u2-bars .n{font-variant-numeric:tabular-nums;font-weight:700;font-size:13px}
/* QA 06/10/2026: בטלפון שם הבורד נחתך מההתחלה ("izBoost" שלוש פעמים). השם בשורה משלו, הפס והמספר מתחתיו */
@media (max-width:640px){.u2-bars div{grid-template-columns:1fr auto;row-gap:4px}.u2-bars .t{grid-column:1 / -1;white-space:normal}}
/* שורות עם ראיות (אבחון): בטלפון הכותרת, הפס והמספרים זה מתחת לזה */
@media (max-width:860px){.u2-bars-ev div{grid-template-columns:1fr;gap:3px;padding:8px 0;border-bottom:1px dashed var(--line)}.u2-bars-ev div:last-child{border:0}.u2-bars-ev .t{white-space:normal;font-weight:700}.u2-bars-ev .n{font-weight:500;line-height:1.5}}
.u2-empty{color:var(--ink3);font-size:13px;padding:10px 0}
.u2-qa{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:6px}
.u2-qa button{border:1px solid var(--line);border-radius:11px;padding:10px 8px;background:var(--surface);font-weight:700;font-size:13px;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ink)}
.u2-qa button:hover{border-color:var(--accent);color:var(--accent-deep)}
.u2-qa svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.u2-soon{background:var(--surface);border:1px dashed var(--line2);border-radius:14px;padding:22px;color:var(--ink2);max-width:640px}
.u2-soon h2{margin:0 0 6px;font-size:18px}
.u2-soon ul{margin:8px 0 0;padding-inline-start:18px;font-size:14px}

/* ── קנבן עסקאות ─────────────────────────────────────────────────────── */
.u2-kan{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:10px;overflow-x:auto;padding-bottom:8px;align-items:start}
.u2-kcol{background:var(--surface2);border:1px solid var(--line);border-radius:14px;padding:8px;min-height:120px}
.u2-kcol.over{border-color:var(--accent);background:var(--accent-soft)}
.u2-kcol.won{border-top:3px solid var(--accent)}
.u2-kh{display:flex;align-items:center;gap:7px;padding:4px 6px 8px;font-size:13px}
.u2-kh i{width:10px;height:10px;border-radius:3px;flex:none}.u2-kh b{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.u2-kh span{color:var(--ink3);font-size:12px;white-space:nowrap}
.u2-kbody{display:flex;flex-direction:column;gap:6px}
.u2-dc{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 10px;cursor:grab;font-size:13px;box-shadow:var(--sh1)}
.u2-dc:hover{border-color:var(--line2)}.u2-dc.drag{opacity:.5}
.u2-dc b{display:block;font-size:13px}.u2-dc span{display:block;color:var(--ink2);margin-top:2px}.u2-dc small{display:block;color:var(--ink3);font-size:11px;margin-top:2px}
.u2-kempty{color:var(--ink3);font-size:12px;text-align:center;padding:14px 0}
html[data-ui="2"] .u2-tbl{width:100%;border-collapse:collapse;font-size:13px}
html[data-ui="2"] .u2-tbl th{text-align:right;font-size:12px;color:var(--ink3);padding:10px 12px;border-bottom:1px solid var(--line);background:var(--surface2)}
html[data-ui="2"] .u2-tbl td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
html[data-ui="2"] .u2-tbl tr:hover td{background:var(--surface2)}
html[data-ui="2"] .u2-tbl .acts{display:inline-flex;gap:5px}

/* ── משימות בקנבן, שבבים ─────────────────────────────────────────────── */
.u2-wide{max-width:none}
.u2-kan-tasks{grid-auto-columns:minmax(220px,260px)}
.u2-tc{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 10px;cursor:grab;font-size:13px;box-shadow:var(--sh1)}
.u2-tc:hover{border-color:var(--line2)}.u2-tc.drag{opacity:.5}
.u2-tc b{display:block;font-size:13px;line-height:1.3}.u2-tc span{display:block;color:var(--ink3);font-size:12px;margin-top:3px;line-height:1.4}
.u2-tc small{display:inline-block;margin-top:5px;font-size:11px;padding:1px 7px;border-radius:99px;background:var(--surface3);color:var(--ink3)}
.u2-tc.urgent{border-inline-start:3px solid var(--lost)}.u2-tc.late{background:var(--lost-t1)}
.u2-tc .urg{color:var(--lost);font-weight:900;margin-inline-end:4px}
.u2-kadd{border-style:dashed;background:transparent;cursor:pointer;min-height:60px}.u2-kadd .u2-kh b{color:var(--ink3)}
.u2-chip{font-size:12px;font-weight:600;padding:5px 11px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--ink2)}
.u2-chip i{font-style:normal;color:var(--ink3);font-weight:500}
.u2-chip.on{background:var(--accent-soft);color:var(--accent-deep);border-color:transparent}
html[data-ui="2"][data-theme="dark"] .u2-chip.on{color:var(--accent-ink)}

/* ── מסכי שיווק, אבחון, מחשבון, התאמה אישית, עסקים ──────────────────── */
.u2-vp{font-size:11px;padding:2px 8px;border-radius:99px;font-weight:700;white-space:nowrap;background:var(--surface3);color:var(--ink3)}
.u2-vp.g{background:var(--accent-soft);color:var(--accent-deep)}.u2-vp.w{background:rgba(232,163,23,.16);color:#B45309}.u2-vp.r{background:var(--lost-t2);color:var(--lost)}
html[data-ui="2"][data-theme="dark"] .u2-vp.g{color:var(--accent-ink)}
.u2-cpl{font-variant-numeric:tabular-nums;font-weight:700}.u2-cpl.g{color:var(--accent-deep)}.u2-cpl.w{color:#B45309}.u2-cpl.r{color:var(--lost)}.u2-cpl.x{color:var(--ink3);font-weight:400}
.u2-camps{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;padding:8px 4px}
.u2-camps div{background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:13px;display:flex;flex-direction:column;gap:3px}
.u2-camps span{color:var(--ink3);font-size:12px}
.u2-cgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.u2-cf{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink3)}
.u2-cf input{border:1px solid var(--line);border-radius:9px;padding:8px 10px;font:inherit;font-size:16px;background:var(--surface2);color:var(--ink);font-variant-numeric:tabular-nums}
.u2-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.u2-swatches button{border:1px solid var(--line);border-radius:11px;padding:10px;background:var(--surface);display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink)}
.u2-swatches button i{width:16px;height:16px;border-radius:50%;display:inline-block}.u2-swatches button.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.u2-srch{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:99px;padding:7px 12px;background:var(--surface);max-width:240px;min-width:180px}
.u2-srch svg{width:15px;height:15px;color:var(--ink3);flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.u2-srch input{border:0;background:none;outline:none;width:100%;color:var(--ink);font:inherit;font-size:16px}
.u2-kv div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:13px}
.u2-kv div:last-child{border:0}.u2-kv .v{font-weight:800;font-size:16px;font-variant-numeric:tabular-nums;color:var(--ink)}
.u2-fun{display:flex;flex-direction:column;align-items:center;gap:4px}
.u2-fun div{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-radius:9px;background:var(--accent-soft);color:var(--accent-deep);font-size:13px;font-weight:600;min-width:160px;transition:width .2s}
.u2-fun div:nth-child(2){background:var(--accent);color:#fff}.u2-fun div:nth-child(3){background:var(--ink);color:var(--bg)}
.u2-fun div span:last-child{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}
html[data-ui="2"][data-theme="dark"] .u2-fun div:nth-child(3){background:var(--surface3);color:var(--ink)}
.u2-biz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.u2-bz{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--line2);border-radius:13px;padding:12px 14px;cursor:pointer;box-shadow:var(--sh1);font-size:13px}
.u2-bz:hover{border-color:var(--line2);transform:translateY(-1px)}
.u2-bz>b{display:block;font-size:14px}.u2-bz>span{display:block;color:var(--ink3);font-size:12px;margin-top:1px}
.u2-bz .m{display:flex;gap:12px;margin-top:8px;font-size:12px;color:var(--ink3)}.u2-bz .m b{display:block;font-size:16px;color:var(--ink);font-variant-numeric:tabular-nums}
.u2-bz .tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px;min-height:18px}
@media (max-width:860px){.u2-cgrid{grid-template-columns:1fr}.u2-swatches{grid-template-columns:1fr 1fr}.u2-biz-grid{grid-template-columns:1fr 1fr;gap:8px}}

/* ── עמוד העסק בתוך הממשק החדש ─────────────────────────────────────── */
html[data-ui="2"] .client-head{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:var(--sh1);margin-bottom:12px}
html[data-ui="2"] .client-head h1{font-size:20px}
/* עמוד העסק בטלפון (דולב אישר את ההדמיה, 23/09/2026): שורה אחת למעלה עם שם
   העסק, "+ ליד" ו-⋯; הלשוניות בשורה אחת שנגללת; ⋯ פותח גיליון מלמטה. */
@media (max-width:760px){
  html[data-ui="2"] .client-head{padding:10px 12px;margin-bottom:8px}
  html[data-ui="2"] .client-head .ch-top{flex-wrap:nowrap;align-items:center;gap:8px}
  html[data-ui="2"] .client-head h1{font-size:18px;min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html[data-ui="2"] .ch-actions{width:auto;flex:none;margin-inline-start:auto;position:static}
  html[data-ui="2"] .ch-actions .btn{font-size:13px;padding:8px 12px}
  html[data-ui="2"] .ch-actions > .selbtn{display:inline-flex}
  html[data-ui="2"] .ch-menu{position:fixed;top:auto;inset:auto 0 calc(env(safe-area-inset-bottom,0px) + 64px) 0;z-index:70;min-width:0;border-radius:18px 18px 0 0;border-bottom:0;
    grid-template-columns:1fr 1fr;gap:6px;padding:14px 14px 16px;box-shadow:0 -12px 32px rgba(0,0,0,.18)}
  html[data-ui="2"] .ch-menu::before{content:"עוד פעולות";grid-column:1/-1;font-size:12px;color:var(--ink3);font-weight:700;padding:0 4px 4px}
  html[data-ui="2"] .ch-menu button{border:1px solid var(--line);border-radius:12px;background:var(--surface2);min-height:46px;font-size:14px;justify-content:flex-start}
}

/* לשונית "פגישות" בכרטיס הליד */
.d-meet{display:flex;flex-direction:column;gap:3px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:13px}
.d-meet:last-child{border:0}.d-meet b{font-size:14px}.d-meet .w{color:var(--ink3);font-size:12px}
.d-meet .st{display:inline-block;font-size:11px;padding:1px 8px;border-radius:99px;background:var(--surface3);color:var(--ink3);margin-inline-end:6px}
.d-meet .st.ok{background:var(--accent-soft);color:var(--accent-deep)}.d-meet .st.bad{background:var(--lost-t2);color:var(--lost)}

/* ── חיפוש מהיר (Ctrl K) ─────────────────────────────────────────────── */
.u2-pal{position:fixed;inset:0;z-index:90;background:var(--scrim);display:none;align-items:flex-start;justify-content:center;padding:10vh 16px}
.u2-pal.open{display:flex}
.u2-pal .box{width:min(640px,100%);background:var(--bg2);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh2);overflow:hidden}
.u2-pal input{width:100%;border:0;border-bottom:1px solid var(--line);padding:14px 16px;font-size:16px;background:transparent;outline:none;color:var(--ink)}
.u2-pal .list{max-height:52vh;overflow-y:auto;padding:6px}
.u2-pal .it{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;cursor:pointer;font-size:14px}
.u2-pal .it:hover,.u2-pal .it.on{background:var(--surface2)}
.u2-pal .it small{margin-inline-start:auto;color:var(--ink3);font-size:12px}
.u2-pal .it .dot{width:10px;height:10px;border-radius:3px;flex:none}
.u2-pal .grp{font-size:11px;color:var(--ink3);letter-spacing:.06em;padding:8px 12px 2px;font-weight:800}

/* ── מובייל ─────────────────────────────────────────────────────────── */
@media (max-width: 860px){
  html[data-ui="2"] .shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  /* קיצור דרך במסך הבית (אייפון, סרגל מצב שקוף): הכותרת יורדת מתחת לסרגל ולא נבלעת בו (24/09/2026) */
  html[data-ui="2"] .u2h{grid-column:1;padding:calc(8px + env(safe-area-inset-top,0px)) 10px 8px;min-height:54px}
  html[data-ui="2"] .side{padding-top:env(safe-area-inset-top,0px)}
  /* mobile.css מרחיק את .main מהשעון בשביל הממשק הישן (כותרת קבועה). בממשק החדש הכותרת
     בזרימה וכבר מרוחקת, והריווח הכפול יצר פס ריק של ~200px מעל "לוח בקרה" (24/09/2026) */
  html[data-ui="2"] .main{padding-top:0!important}
  html[data-ui="2"] .main{grid-column:1}
  html[data-ui="2"] .u2h .u-nm,html[data-ui="2"] .u2h .u-srch{display:none}
  html[data-ui="2"] .u2h .u-plus{width:36px;height:36px}
  html[data-ui="2"] .u2h .u-ic.hide-m{display:none}
  html[data-ui="2"] .side{grid-row:auto;position:fixed;inset:0 0 auto 0;height:auto;max-height:88vh;overflow-y:auto;z-index:60;transform:translateY(-105%);transition:transform .2s}
  html[data-ui="2"] .side.open{transform:none}
  html[data-ui="2"] .side > .side-x{display:flex}
  .u2-page,html[data-ui="2"] .content{padding:12px 14px 90px}
  .u2-ms input{font-size:16px}   /* מתחת ל-16px אייפון מזמזם פנימה */
  html[data-ui="2"] select.btn,html[data-ui="2"] input.btn,.u2-page input,.u2-page select{font-size:16px}
  .u2-kan{grid-auto-columns:minmax(78vw,1fr)}
  html[data-ui="2"] .client-head{padding:12px 14px 4px}
  .u2-kpis,.u2-kpis-3{grid-template-columns:1fr 1fr;gap:8px}
  .u2-kpis[style]{grid-template-columns:1fr 1fr!important}
  .u2-kpi{padding:11px 12px}.u2-kpi b{font-size:22px}.u2-kpi i{width:30px;height:30px}
  .u2-two{grid-template-columns:1fr}
  .u2-qa{grid-template-columns:1fr 1fr}
  html[data-ui="2"] .mnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset:auto 0 0 0;z-index:55;background:var(--bg2);border-top:1px solid var(--line);padding:5px 4px calc(5px + env(safe-area-inset-bottom))}
  html[data-ui="2"] .mnav button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 1px;min-height:50px;font-size:11px;color:var(--ink3);position:relative;border-radius:10px}
  html[data-ui="2"] .mnav button svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
  html[data-ui="2"] .mnav button.on{color:var(--accent-deep);background:var(--accent-soft)}
  html[data-ui="2"][data-theme="dark"] .mnav button.on{color:var(--accent-ink)}
  html[data-ui="2"] .mnav button .n-open{position:absolute;top:2px;inset-inline-end:10px;background:var(--lost);color:#fff;font-size:11px;padding:0 4px;min-width:14px;border-radius:99px;line-height:14px}
}
@media (min-width: 861px){
  html[data-ui="2"] .mnav{display:none!important}
}

/* ── משימות: "המשימות שלי" + כרטיס בסגנון מאנדיי (דולב, 25/09/2026) ─────────
 * הטקסט המשני כהה יותר בממשק החדש: דולב ביקש שהגופן "לא ייבלע ברקע".
 * ink3 הקודם (#7C8A82 על לבן) היה בניגודיות 3.6, עכשיו מעל 5. */
html[data-ui="2"][data-theme="light"]{ --ink2:#3F4D46; --ink3:#5A6961; }
html[data-ui="2"][data-theme="dark"]{ --ink2:#B6B4A8; --ink3:#9F9D92; }

.u2-tb-acts{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.u2-tl{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;align-items:start}
.u2-tl > div{min-width:0}
.u2-tsec{margin-bottom:14px}
.u2-tsech{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:10px;
  background:color-mix(in srgb,var(--gc) 10%,transparent);border-inline-start:3px solid var(--gc);
  font:inherit;font-size:14px;color:var(--ink);text-align:start;margin-bottom:8px}
.u2-tsech .chev{font-style:normal;color:var(--ink3);width:12px}
.u2-tsech .t{font-weight:800}
.u2-tsech .n{font-size:12px;padding:0 8px;border-radius:99px;background:var(--surface);color:var(--ink2);font-variant-numeric:tabular-nums}
.u2-tsech .hint{margin-inline-start:auto;font-size:12px;color:var(--ink3)}
.u2-tsec-tools{display:flex;gap:6px;flex-wrap:wrap;margin:-2px 0 8px}
.u2-task-daily-title h2{font-size:17px;margin:0 0 10px}
.u2-task-group-head{display:flex;align-items:stretch;gap:5px;margin-bottom:8px}
.u2-task-group-head .u2-tsech{margin-bottom:0;min-width:0;flex:1;border-radius:6px}
.u2-task-group-edit{flex:none;width:44px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);cursor:pointer}
.u2-task-columns{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0 14px;border-bottom:1px solid var(--line);margin-bottom:18px}
.u2-task-columns button,.u2-task-edit button{font:inherit;font-size:13px;border:0;border-radius:5px;background:var(--surface2);color:var(--ink);min-height:40px;padding:7px 12px;cursor:pointer}
.u2-task-columns button:hover,.u2-task-edit button:hover{background:var(--accent-soft);color:var(--accent-deep)}
#u2TaskAddColumn{min-width:44px;min-height:44px}
.u2-task-edit{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.u2-task-edit button{background:none;color:var(--accent-deep);padding:6px 2px}
.u2-task-field{display:flex;align-items:center;gap:10px;justify-content:space-between;padding-top:8px;font-size:13px}
.u2-task-field>span{color:var(--ink3);overflow-wrap:anywhere}.u2-task-field button{min-height:40px;padding:6px 10px;max-width:65%;overflow-wrap:anywhere;background:var(--surface2);color:var(--ink);border:1px solid var(--line);border-radius:5px;font:inherit;cursor:pointer}
.u2-tkc .u2-task-edit,.u2-tkc .u2-task-field{position:relative;z-index:1}
.u2-tk{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:7px;
  box-shadow:var(--sh1);cursor:pointer;transition:border-color .14s,transform .14s}
.u2-tk:hover{border-color:var(--line2)}
.u2-tk:active{transform:scale(.995)}
.u2-tk.urgent{border-inline-start:3px solid var(--lost)}
.u2-tk.today{background:color-mix(in srgb,var(--accent) 7%,var(--surface))}
.u2-tk.done .u2-tk-t{text-decoration:line-through;color:var(--ink3)}
.u2-tk-t{display:block;font-size:14px;line-height:1.35;color:var(--ink);font-weight:700}
.u2-tk-sub{display:block;font-size:13px;color:var(--ink2);margin-top:3px;line-height:1.45}
.u2-tk-sub b{color:var(--ink);font-weight:700}
.u2-tk-f{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}
.u2-tk-f .tst{font-size:12px;font-weight:700;padding:3px 10px;min-height:0;border-radius:99px}
.u2-tk-tag{font-size:12px;padding:2px 8px;border-radius:99px;background:var(--surface3);color:var(--ink2);font-variant-numeric:tabular-nums}
.u2-tempty{font-size:13px;color:var(--ink3);padding:6px 10px 10px}
.u2-tsec .card.sec{margin:0}
@media (max-width: 860px){
  .u2-tl{grid-template-columns:1fr;gap:0}
  .u2-tk{padding:12px 13px}
  .u2-tk-t{font-size:15px}
  .u2-tk-sub{font-size:13px}
  html[data-ui="2"] .u2-tk-f select.tst{width:auto;max-width:62%;flex:0 1 auto;min-height:34px;padding:3px 14px;font-weight:700}
  html[data-ui="2"] .u2-tb-acts > .btn,html[data-ui="2"] .u2-tb-acts > select.btn{flex:1 1 0;min-height:40px;padding:6px 8px;justify-content:center}
  html[data-ui="2"] .u2-tb-acts > .btn.primary{flex:1.3 1 0}
  .u2-tsech{min-height:44px}
  .u2-tb-acts{width:100%}
  .u2-tb-acts .u2-tabs{order:-1;width:100%}
  .u2-tb-acts .u2-tabs button{flex:1;min-height:40px}
}

/* ── כרטיס המשימה ── */
.tk-tabs{display:flex;gap:2px;padding:6px 16px 0;border-bottom:1px solid var(--line);background:var(--surface);flex:none;position:relative}
.tk-tab{flex:1;padding:9px 8px;font:inherit;font-size:14px;font-weight:600;color:var(--ink2);border-bottom:2px solid transparent;margin-bottom:-1px}
.tk-tab i{font-style:normal;font-size:12px;padding:0 6px;border-radius:99px;background:var(--surface3);color:var(--ink2);margin-inline-start:3px}
.tk-tab.on{color:var(--accent-deep,var(--accent));border-bottom-color:var(--accent);font-weight:800}
html[data-theme="dark"] .tk-tab.on{color:var(--accent-ink)}
.tk-body{padding-top:8px}
.tk-row{display:grid;grid-template-columns:104px 1fr;align-items:center;gap:10px;min-height:50px;padding:5px 0;border-bottom:1px solid var(--line)}
.tk-row.top{align-items:start}.tk-row.top .tk-k{padding-top:10px}
.tk-row:last-of-type{border-bottom:0}
.tk-k{font-size:13px;font-weight:700;color:var(--ink2)}
.tk-v{min-width:0;display:flex;flex-direction:column;gap:6px;align-items:stretch}
.tk-val{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:7px 11px;border-radius:9px;
  border:1px solid var(--line);background:var(--surface2);color:var(--ink);font:inherit;font-size:14px;font-weight:600;text-align:start;cursor:pointer}
button.tk-val:hover{border-color:var(--accent)}
.tk-val.hot{border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 9%,var(--surface2))}
.tk-val .tk-car{margin-inline-start:auto;color:var(--ink3);font-size:11px}
.tk-none{color:var(--ink3);font-weight:500}
.tk-tog.on{background:color-mix(in srgb,var(--lost) 12%,var(--surface2));border-color:color-mix(in srgb,var(--lost) 45%,transparent);color:var(--lost)}
select.tk-fill{width:100%;min-height:40px;border-radius:7px;border:1px solid;font:inherit;font-size:14px!important;font-weight:800;text-align:center;
  text-align-last:center;appearance:none;-webkit-appearance:none;cursor:pointer;padding:6px 10px}
select.tk-fill:disabled{opacity:1;cursor:default}
.tk-v textarea{width:100%;min-height:78px;background:var(--surface2);border:1px solid var(--line);border-radius:9px;padding:9px 11px;font:inherit;font-size:14px;color:var(--ink);resize:vertical}
.tk-v textarea:focus{outline:none;border-color:var(--accent)}
.tk-av{width:24px;height:24px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:11px;font-weight:800;
  background:color-mix(in srgb,var(--u2-v,var(--accent)) 16%,transparent);color:var(--u2-v,var(--accent))}
.tk-note{margin:10px 0 0;font-size:12px}
.tk-empty{list-style:none;color:var(--ink3);font-size:13px;padding:6px 0}
.tk-foot{flex-wrap:wrap;gap:8px}
.tk-foot #tkMsg{margin-inline-start:auto}
.tk-plist{display:flex;flex-direction:column;gap:2px;max-height:260px;overflow:auto;margin:6px 0}
.tk-pi{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:8px;font:inherit;font-size:14px;color:var(--ink);text-align:start;width:100%}
.tk-pi:hover{background:var(--surface2)}
.tk-pi.on{background:var(--accent-soft);color:var(--accent-deep,var(--accent));font-weight:700}
#pop #tkcQ,#pop #trNote,#pop #trOther{width:100%;margin-top:4px}
@media (max-width: 760px){
  .tk-row{grid-template-columns:88px 1fr;min-height:54px}
  .tk-k{font-size:14px}
  .tk-val,select.tk-fill{min-height:44px}
  .tk-tab{min-height:44px;font-size:14px}
  .tk-foot .btn{flex:1;justify-content:center;min-height:46px}
  .tk-foot #tkMsg{flex-basis:100%;text-align:center;margin:0}
  .tk-pi{min-height:44px}
  /* הכרטיס מעל סרגל הניווט התחתון (55) ומעל כפתור הבוט, אחרת "✓ בוצע" נחבא מאחוריהם */
  html[data-ui="2"] #drawer:not([hidden]){z-index:90;max-height:92vh;padding-bottom:env(safe-area-inset-bottom)}
  html[data-ui="2"] body:has(#drawer:not([hidden])) .drawer-backdrop{z-index:88}
  html[data-ui="2"] body:has(#drawer:not([hidden])) #pop{z-index:95}
  /* ⛔ 14/10/2026 (בדיקות קצה לקצה): ההודעה (80) ישבה מתחת לכרטיס הפתוח (90), ובטלפון
     "הסטטוס עודכן" עם "ביטול" לא נראתה ולא נלחצה בכלל. עכשיו מעל הכרטיס, מתחת לחלונות (96+) */
  html[data-ui="2"] body:has(#drawer:not([hidden])) .toast{z-index:19990}
}
/* בטאבלט סרגל הניווט עדיין מוצג עד 860px, ולכן גם הכרטיס חייב להיות מעליו. */
@media (min-width:761px) and (max-width:860px){
  html[data-ui="2"] #drawer:not([hidden]){z-index:90}
  html[data-ui="2"] body:has(#drawer:not([hidden])) .drawer-backdrop{z-index:88}
}

/* ── תבניות הבוט (25/09/2026) ── */
.bt-page{padding:4px 0 30px}
.bt-top h2{margin:0;font-size:20px;font-weight:800}
.bt-top .c-hint{margin:2px 0 8px;color:var(--ink2)}
.bt-pend-t{color:var(--prog)}
.bt-bar{position:sticky;top:0;z-index:3;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:8px 0;background:var(--bg);border-bottom:1px solid var(--line);margin-bottom:6px}
.bt-bar::-webkit-scrollbar{display:none}
.bt-bar .chipb i{font-style:normal;opacity:.7}
.bt-gh{font-size:16px;font-weight:800;margin:18px 0 8px;scroll-margin-top:70px}
.bt-gh small{font-weight:400;color:var(--ink3);font-size:13px;margin-inline-start:6px}
.bt-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.bt-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh1);overflow:hidden;min-width:0}
.bt-card.learned{border-inline-start:4px solid #C9A227}
.bt-h{padding:12px 14px 10px;display:flex;flex-direction:column;gap:6px}
.bt-t{font-size:16px;font-weight:800;line-height:1.3;color:var(--ink)}
.bt-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.bt-kind{font-size:13px;font-weight:800;padding:3px 10px;border-radius:99px}
.bt-kind.video{background:color-mix(in srgb,#6A5BFF 14%,transparent);color:#6A5BFF}
.bt-kind.image{background:color-mix(in srgb,#D97706 15%,transparent);color:#B45309}
.bt-kind.text{background:var(--accent-soft);color:var(--accent-deep,var(--accent))}
html[data-theme="dark"] .bt-kind.video{color:#B3A8FF}html[data-theme="dark"] .bt-kind.image{color:#F2B84B}html[data-theme="dark"] .bt-kind.text{color:var(--accent-ink)}
.bt-when{font-size:13px;color:var(--ink2);background:var(--surface2);border:1px solid var(--line);border-radius:99px;padding:3px 10px}
.bt-pend{font-size:12px;font-weight:800;color:var(--prog);background:color-mix(in srgb,var(--prog) 14%,transparent);border-radius:99px;padding:3px 10px}
.bt-pend.st-applied{color:var(--won-vivid,#1a9c6b);background:color-mix(in srgb,var(--won-vivid,#1a9c6b) 12%,transparent)}
.bt-pend.st-failed{color:var(--lost-vivid,#d13c4b);background:color-mix(in srgb,var(--lost-vivid,#d13c4b) 12%,transparent)}
.bt-pend.st-draft{color:var(--ink3);background:color-mix(in srgb,var(--ink3) 12%,transparent)}
.bt-why{font-size:12px;color:var(--lost-vivid,#d13c4b)}.bt-ver{font-size:12px;color:var(--ink3);font-weight:600}
.bt-rev{margin-inline-start:8px;font-size:12px;background:none;border:1px solid var(--line);border-radius:99px;padding:1px 8px;cursor:pointer;color:var(--ink2)}.bt-rev:hover{border-color:var(--accent)}
.bt-appr{font-size:13px;color:var(--ink3)}.bt-appr b{color:var(--ink2)}
.bt-warn{font-size:13px;color:var(--prog);background:color-mix(in srgb,var(--prog) 12%,transparent);border-radius:8px;padding:5px 9px}
.bt-chat{--wa-bg:#EFE7DD;--wa-out:#D9FDD3;--wa-ink:#111B21;background:var(--wa-bg);padding:12px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
html[data-theme="dark"] .bt-chat{--wa-bg:#0B141A;--wa-out:#005C4B;--wa-ink:#E9EDEF}
.bt-bub{max-width:94%;background:var(--wa-out);color:var(--wa-ink);border-radius:10px 10px 10px 2px;padding:8px 10px;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.bt-bub mark{background:#FFE58A;color:#5A4300;border-radius:4px;padding:0 3px}
.bt-medias{display:flex;gap:6px;flex-wrap:wrap}
.bt-media{width:180px;border-radius:10px;position:relative;overflow:hidden;aspect-ratio:9/14;background:linear-gradient(160deg,#2b3350,#11151f);display:flex;align-items:flex-end}
.bt-media.img{aspect-ratio:4/3;background:linear-gradient(135deg,#8a7a66,#c9b79c)}
.bt-media video,.bt-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bt-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:26px}
.bt-fn{position:relative;margin:6px;font-size:11px;background:rgba(0,0,0,.5);color:#fff;padding:2px 7px;border-radius:6px;max-width:92%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}
.bt-f{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:10px 14px;border-top:1px solid var(--line)}
.bt-hist{flex-basis:100%;font-size:13px;color:var(--ink2)}.bt-hist summary{cursor:pointer;color:var(--ink3)}
.bt-hist div{border-top:1px dashed var(--line);padding:6px 0}.bt-hist span{color:var(--ink3);font-size:12px}.bt-hist p{margin:2px 0 0;white-space:pre-wrap}
.bt-edit{padding:12px 14px;border-top:1px solid var(--line);background:var(--surface2);display:flex;flex-direction:column;gap:9px}
.bt-edit label{font-size:13px;font-weight:700;color:var(--ink2)}.bt-edit label small{font-weight:400;color:var(--ink3)}
.bt-seg{display:flex;gap:3px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:3px;flex-wrap:wrap}
.bt-seg button{flex:1;font:inherit;font-size:13px;font-weight:700;padding:8px 10px;border-radius:9px;color:var(--ink2);min-height:40px;white-space:nowrap}
.bt-seg button.on{background:var(--accent-soft);color:var(--accent-deep,var(--accent))}
.bt-slot{display:flex;gap:8px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px}
.bt-thumb{width:40px;height:54px;border-radius:8px;flex:none;background:linear-gradient(160deg,#2b3350,#11151f);display:grid;place-items:center;color:#fff}
.bt-thumb.img{background:linear-gradient(135deg,#8a7a66,#c9b79c);height:40px}
.bt-nm{flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bt-nm small{display:block;font-weight:400;color:var(--ink3);font-size:12px}
.bt-add{border:1px dashed var(--line2);border-radius:12px;padding:11px;color:var(--ink2);font:inherit;font-size:14px;font-weight:700;background:transparent}
.bt-edit textarea{width:100%;min-height:150px;font:inherit;font-size:16px;line-height:1.5;padding:10px 12px;border-radius:10px;border:1px solid var(--line2);background:var(--surface);color:var(--ink);resize:vertical}
.bt-edit textarea:focus{outline:none;border-color:var(--accent)}
.bt-vars{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--ink3)}
.bt-vars button{font:inherit;font-size:13px;font-weight:700;padding:5px 10px;border-radius:99px;border:1px dashed var(--accent);color:var(--accent-deep,var(--accent))}
@media (max-width: 760px){
  .bt-grid{grid-template-columns:1fr}
  .bt-media{width:150px}
  .bt-f .btn,.bt-edit .bt-row .btn{flex:1;justify-content:center;min-height:44px}
  .bt-edit textarea{font-size:16px}
}


/* ── 01/10/2026, דולב: אין שורת לשוניות בתוך עסק. הניווט הוא קוביות + חזרה (›).
 * הכפתורים נשארים ב-DOM כי הקוביות, הקישורים העמוקים והבוט לוחצים עליהם בקוד;
 * הם רק לא מוצגים, בשום רוחב ובשום תפקיד (גם סרגל האייקונים של הטלפון מ-27/09). */

/* ברכת מסך הבית של הצוות */
.hm-greet{font-size:16px;font-weight:700;color:var(--ink);margin:4px 0 2px !important}

/* קוביות ארוכות מתחת לבורדים: תור לידים, הגדרות לידים */
.hm-long{margin-top:14px}
.hm-t.long{grid-column:1 / -1;flex-direction:row;justify-content:center;gap:12px;min-height:60px;padding:12px 16px;text-align:start}
.hm-t.long .hm-n{font-size:15px}
.hm-t.long .hm-c{min-height:0}
@media (max-width:760px){.hm-t.long{flex-wrap:wrap;gap:4px 10px}}

/* מסך "עסקים" (08/10/2026): שלוש קוביות עם מספר, ומתחתן "ניהול לקוחות".
 * צבע לפי משמעות: פעילים בצבע המותג, בהשעייה כתום, לא פעילים אפור.
 * ⛔ לא auto-fit: שלוש קוביות ב-390px היו יוצאות שתיים ואחת יתומה.
 * בטלפון אחת מתחת לשנייה, והארוכה בסוף. */
.u2bz-acts{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.u2bz .u2bz-q{width:300px;max-width:100%}
.u2bz-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.u2bz-3 .u2bz-t{min-height:150px;padding:20px 14px 16px;border-top:4px solid var(--bz-c,var(--accent))}
.u2bz-t.active{--bz-c:var(--accent)}
.u2bz-t.suspended{--bz-c:#E8A317}
.u2bz-t.inactive{--bz-c:var(--ink3)}
.u2bz-t.other{--bz-c:var(--lost-vivid);border-style:dashed}
.u2bz-t .hm-ic{color:var(--bz-c)}
.u2bz-n{font-family:var(--font-num);font-size:34px;font-weight:800;line-height:1;letter-spacing:-1px;color:var(--ink);font-variant-numeric:tabular-nums}
.u2bz-t .hm-n{font-size:15px;font-weight:700}
.u2bz-t:hover{border-top-color:var(--bz-c)}
.u2bz-cnt{font-family:var(--font-num);font-size:.7em;font-weight:700;color:var(--ink3);margin-inline-start:6px}
.u2bz .u2bz-grp{font-weight:800}
@media (max-width:760px){
  .u2bz-3{grid-template-columns:1fr;gap:8px}
  .u2bz-3 .u2bz-t{min-height:0;flex-direction:row;justify-content:flex-start;gap:12px;padding:14px 16px;text-align:start;border-top:1px solid var(--line);border-inline-start:4px solid var(--bz-c,var(--accent))}
  .u2bz-3 .u2bz-t .hm-c{display:none}
  .u2bz-n{font-size:26px;order:3;margin-inline-start:auto}
  .u2bz .u2bz-acts{width:100%;flex-wrap:nowrap}
  .u2bz .u2bz-q{flex:1;width:auto;min-width:0;max-width:none}
  .u2bz .u2bz-acts .btn{flex:none;white-space:nowrap}
  /* ⭐ 25/10/2026 (דולב): "+ הוספת לקוח חדש" בשורה משלו מעל החיפוש, ברוחב מלא. בלי גלישה לצד */
  .u2bz .u2bz-acts:has(.btn.primary){flex-wrap:wrap}
  .u2bz .u2bz-acts .btn.primary{order:-1;flex:1 1 100%;min-height:44px}
}
/* ניהול לקוחות: החיפוש ליד "+ הוספת לקוח חדש". בטלפון החיפוש בשורה משלו, ברוחב מלא */
.mg-acts{align-items:center;flex-wrap:wrap}
/* ⭐ 25/10/2026 (דולב): "סינון", "מה חסר בכרטיסים" ו"סנכרון מהבורד" נראים תמיד. ch-actions מסתיר כל כפתור שאינו primary,
 * ולכן הם יושבים בקבוצה משלהם (mg-more), והכלל כאן מחזיר אותם. בטלפון: שורה קומפקטית אחת מתחת להוספה */
.mg-more{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
html .client-head .mg-more > .btn.mg-b{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.mg-miss-list{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px;max-height:min(60vh,520px);overflow:auto}
.mg-miss-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;min-width:0}
.mg-miss-row .link-name{min-height:40px;font-weight:700;text-align:start;overflow-wrap:anywhere}
.mg-miss-f{color:var(--ink3);font-size:13px;overflow-wrap:anywhere}
.mg-acts .u2-srch{width:300px;max-width:100%}
@media (max-width:760px){
  html .client-head .ch-top:has(.mg-acts){flex-wrap:wrap}
  html .client-head .ch-actions.mg-acts{width:100%;flex:1 1 100%;flex-wrap:wrap;margin-inline-start:0}
  html .client-head .mg-acts .u2-srch{flex:1 1 100%;width:auto;max-width:none;min-width:0}
  html .client-head .mg-acts #mgAdd{flex:1 1 100%;min-height:44px;font-size:15px}
  html .client-head .mg-acts .mg-more{flex:1 1 100%;flex-wrap:nowrap}
  html .client-head .mg-more > .btn.mg-b{flex:1 1 0;min-width:0;min-height:44px;padding:8px 6px;font-size:13px;white-space:normal;line-height:1.15;text-align:center}
}
/* החלון אחרי שמירת לקוח חדש: שתי הבחירות נשברות לשורות במסך צר, בלי גלישה לצד */
.ncb-next{flex-wrap:wrap}
.ncb-next .btn{min-height:44px;white-space:normal;text-align:center}
@media (max-width:760px){.ncb-next .btn{flex:1 1 100%}}

/* הכפתור הצף של העוזר הדיגיטלי: אפשרות 6, ניצוצות על עיגול כהה עם זוהר ירוק.
 * בכהה (לילה עם זהב) הזוהר בזהב. האייקון עצמו בקבוע אחד ב-assist.js. */
.bot-fab.as-fab{width:56px;height:56px;padding:0;border-radius:50%;justify-content:center;background:#111827;color:#34C79C;
  box-shadow:0 0 0 6px rgba(52,199,156,.18),var(--sh2)}
.bot-fab.as-fab:hover{background:#0B1220;color:#34C79C}
.bot-fab.as-fab svg{width:28px;height:28px}
:root:not([data-theme="light"]) .bot-fab.as-fab{color:var(--accent-ink);box-shadow:0 0 0 6px rgba(242,184,75,.22),var(--sh2)}
:root:not([data-theme="light"]) .bot-fab.as-fab:hover{color:var(--accent-ink)}
.as-btns{display:flex;gap:6px;flex-wrap:wrap;align-self:flex-start;max-width:92%}
.as-btn{font:inherit;font-size:13px;font-weight:600;padding:7px 12px;border-radius:99px;border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent-deep);cursor:pointer;min-height:36px}
.as-btn:hover{background:var(--accent);color:var(--on-accent)}
html[data-theme="dark"] .as-btn{color:var(--accent-ink)}
html[data-theme="dark"] .as-btn:hover{color:var(--on-accent)}

/* שיחה עם בוט במסך מלא (הבוט של Impact ב-Workspace, הבוט שלנו בעסק) */
.bot-screen{display:flex;flex-direction:column;height:min(640px,calc(100dvh - 220px));min-height:360px;background:var(--surface);border:1px solid var(--line2);border-radius:16px;overflow:hidden;box-shadow:var(--sh1)}
.bot-screen .bot-log{min-height:0}
#cv-botchat .bot-screen{margin-top:8px}
@media (max-width:760px){.bot-screen{height:calc(100dvh - 260px)}}

/* Workspace: אותן קוביות של מסך הבית */
.hm-ws .hm-top h1,.hm-ws .hm-top h2{font-family:var(--font-num)}

/* מסך הבוט: פעולות המיפוי */
.bot-map-acts{display:flex;gap:6px;flex-wrap:wrap}
.bot-map-acts .btn{font-size:13px;padding:6px 10px}
.bot-hidden{margin-top:12px}
.bot-hidden summary{cursor:pointer;color:var(--ink3);font-size:13px;padding:6px 0}

/* מחשבון: טווח תאריכים ל"מלא מהנתונים" */
.u2-range{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.u2-range input[type="date"]{font:inherit;font-size:13px;padding:6px 8px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);min-height:36px}
@media (max-width:760px){.u2-range input[type="date"]{font-size:16px}}

/* אבחון עסקי מאוחד: הציון למעלה, אבחון הקמפיינים מתחת */
.u2-diag-camp .diag{padding:0}
.u2-diag-camp .c-sh{font-size:14px;font-weight:800;display:flex;align-items:center;gap:8px;margin-bottom:8px}

/* רשימת הצבעים בהתאמה אישית: שם מלא, בלי קיטום (01/10/2026) */
.u2-colors div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line);font-size:13px}
.u2-colors div:last-child{border:0}
.u2-colors .t{display:flex;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}
.u2-colors .t i{width:9px;height:9px;border-radius:3px;flex:none;display:inline-block}
.u2-colors .n{font-family:var(--font-num);font-weight:400;color:var(--ink3);flex:none}
.u2-link{color:var(--accent-deep);text-decoration:underline dotted;cursor:pointer}
html[data-theme="dark"] .u2-link{color:var(--accent-ink)}

/* כפתור חזרה בראש כל מסך (02/10/2026) */
.u2h .u-back{border:1px solid var(--line);background:var(--surface,transparent);color:var(--ink);border-radius:999px;padding:6px 14px;font:inherit;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap}
.u2h .u-back:hover,.u2h .u-back:focus-visible{border-color:var(--accent-ink);color:var(--accent-ink)}
.u2h .u-back[hidden]{display:none}
@media (max-width:760px){.u2h .u-back{padding:6px 10px;font-size:13px}}

/* ── שוליים בטלפון: 16 פיקסלים מכל צד, במקום אחד (02/10/2026) ──────────
   ⛔ דולב באייפון: "התוכן נוגע בקצה" בעסק, בקמפיינים, בכספים, במסך הבוט,
   בהגדרות, בעריכות ובלקוחות Impact. הסיבה: השוליים ישבו בעטיפות (.u2-page,
   .content, .hm-team), וכל מסך שצייר ל-#main בלי עטיפה (כותרת העסק
   .client-head, כספים, הבוט, הגדרות) נדבק לקצה. עכשיו #main עצמו נותן את
   השוליים, והעטיפות לא מוסיפות עוד (אחרת 30 פיקסלים במסכים שכן עטופים).
   מה שאמור לרוץ מקצה לקצה (הכותרת העליונה, הניווט התחתון, גיליונות) הוא
   fixed ולא מושפע. דסקטופ לא משתנה: הכל בתוך השאילתה. */
@media (max-width:760px){
  html[data-ui="2"]{--gut:16px}
  html[data-ui="2"] #main{padding-inline:var(--gut)}
  html[data-ui="2"] #main .u2-page,html[data-ui="2"] #main .content,html[data-ui="2"] #main > .hm-team{padding-inline:0}
  /* לשוניות העסק גוללות מקצה לקצה של המסך, כמו קודם */
}

/* ── 03/10/2026 (דולב) ─────────────────────────────────────────────────────
 * שורת הכלים של מסך (בחירת אדם, לשוניות, כפתורים) בצד ימין, צמודה לכותרת,
 * ולא נדחקת לקצה השמאלי. בעברית העין מתחילה מימין. */
.u2-ph{justify-content:flex-start;align-items:flex-end;column-gap:20px}
.u2-tb-acts{justify-content:flex-start}

/* רענון: סימן שהלחיצה נקלטה עד שהדף נטען */
.u2h .u-ic.spin svg{animation:u2spin .8s linear infinite}
@keyframes u2spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.u2h .u-ic.spin svg{animation:none}}

/* ── הפעמון ── */
.u2h .u2-notif{inset-inline-start:auto;inset-inline-end:-8px;width:min(380px,92vw);padding:0;max-height:min(560px,75vh);display:none;flex-direction:column;overflow:hidden}
.u2h .u2-notif.open{display:flex}
.u2n-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:12px 14px 8px;border-bottom:1px solid var(--line)}
.u2n-h b{font-size:16px;font-weight:800;color:var(--ink)}.u2n-h span{font-size:12px;color:var(--ink3)}
.u2n-list{overflow-y:auto;flex:1;padding:4px 6px 6px}
.u2n-sec{font-size:12px;font-weight:800;color:var(--ink3);letter-spacing:.04em;padding:10px 8px 4px}
.u2n-it{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:start;padding:9px 8px;border-radius:10px;color:var(--ink);font:inherit}
.u2n-it:hover{background:var(--surface2)}
.u2n-it.fresh{background:var(--accent-soft)}
.u2n-it.old{opacity:.72}
.u2n-dot{width:9px;height:9px;border-radius:50%;flex:none;margin-top:6px;background:var(--won)}
.u2n-dot.r{background:var(--lost)}.u2n-dot.w{background:var(--prog)}
.u2n-b{min-width:0;display:flex;flex-direction:column;gap:1px}
.u2n-b b{font-size:14px;font-weight:700;line-height:1.3}
.u2n-b span{font-size:13px;color:var(--ink2);line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.u2n-b small{font-size:12px;color:var(--ink3)}
.u2n-it.fresh .u2n-b small{color:var(--accent-deep,var(--accent));font-weight:700}
.u2n-empty{padding:22px 12px;text-align:center;color:var(--ink3);font-size:14px}
.u2n-all{border-top:1px solid var(--line);padding:11px;font:inherit;font-size:13px;font-weight:700;color:var(--accent-deep,var(--accent))}
.u2n-all:hover{background:var(--surface2)}
@media (max-width:860px){
  .u2h .u2-notif{position:fixed;top:calc(64px + env(safe-area-inset-top));inset-inline:8px;width:auto;max-height:calc(100vh - 150px)}
  .u2n-it{min-height:48px}
}

/* ── סידור הסרגל ── */
.u2-edbar{margin:6px 4px 4px;padding:8px 10px;border-radius:10px;background:var(--accent-soft);font-size:12px;color:var(--ink2);display:flex;flex-direction:column;gap:2px}
.u2-edbar b{color:var(--ink);font-size:13px}
.u2-scroll.editing .u2-grp{cursor:default}
.u2-ed{cursor:grab;user-select:none;border:1px dashed var(--line2);margin-bottom:3px;background:var(--surface)}
.u2-ed.drag{opacity:.45}
.u2-ed.over,.u2-edg.over,.u2-items.over{outline:2px solid var(--accent);outline-offset:1px;border-radius:9px}
.u2-grip{color:var(--ink3);font-size:12px;letter-spacing:-2px;flex:none}
.u2-arr{display:flex;gap:2px;margin-inline-start:auto;flex:none}
.u2-arr button{width:24px;height:24px;border-radius:6px;font-size:11px;color:var(--ink2);background:var(--surface2);display:grid;place-items:center}
.u2-arr button:hover{background:var(--accent-soft);color:var(--accent-deep,var(--accent))}
.u2-edempty{font-size:12px;color:var(--ink3);padding:8px 10px;border:1px dashed var(--line2);border-radius:9px}
.u2-foot button.on{background:var(--accent);color:var(--on-accent)}
@media (max-width:860px){ .u2-arr button{width:34px;height:34px;font-size:12px} .u2-ed{min-height:44px} }

/* ── לוח שנה של משימות ── */
.u2c-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.u2c-bar b{font-size:16px;min-width:120px;text-align:center}
.u2c-leg{display:inline-flex;gap:10px;align-items:center;margin-inline-start:auto;font-size:12px;color:var(--ink2)}
.u2c-leg i{width:10px;height:10px;border-radius:3px;display:inline-block;margin-inline-end:3px;vertical-align:-1px}
.u2c-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.u2c-wd{font-size:12px;font-weight:800;color:var(--ink3);text-align:center;padding:4px 0}
.u2c-day{min-height:104px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:5px;display:flex;flex-direction:column;gap:3px;min-width:0}
.u2c-day.out{background:transparent;border-color:transparent}
.u2c-day.today{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.u2c-day.late .u2c-n{color:var(--lost)}
.u2c-n{font-size:12px;font-weight:800;color:var(--ink2);font-variant-numeric:tabular-nums}
.u2c-chip{display:block;width:100%;text-align:start;font:inherit;font-size:12px;line-height:1.3;padding:3px 6px;border-radius:6px;color:var(--ink);
  background:var(--surface2);border-inline-start:3px solid var(--line2);overflow-wrap:anywhere;cursor:pointer}   /* 25/10/2026: כותרת ארוכה נשברת לשורות ולא נחתכת */
.u2c-chip:hover{background:var(--surface3)}
.u2c-chip.m,.u2c-leg i.m{border-color:#7C3AED}.u2c-leg i.m{background:#7C3AED}
.u2c-chip.r,.u2c-leg i.r{border-color:#0EA5E9}.u2c-leg i.r{background:#0EA5E9}
.u2c-chip.c,.u2c-leg i.c{border-color:#F59E0B}.u2c-leg i.c{background:#F59E0B}
.u2c-chip.u2c-urg{font-weight:700}
.u2c-more{font:inherit;font-size:11px;color:var(--accent-deep,var(--accent));text-align:start;padding:2px 6px}
.u2c-daylist{display:flex;flex-direction:column;gap:6px;margin:8px 0}
.u2c-daylist .u2c-chip{font-size:14px;padding:10px 12px;white-space:normal}
@media (max-width:760px){
  .u2c-grid{gap:2px}
  .u2c-day{min-height:72px;padding:3px;border-radius:7px}
  .u2c-chip{font-size:0;height:6px;padding:0;border-inline-start-width:0;border-radius:3px;background:var(--line2)}
  .u2c-chip.m{background:#7C3AED}.u2c-chip.r{background:#0EA5E9}.u2c-chip.c{background:#F59E0B}
  .u2c-more{font-size:11px;padding:0}
  .u2c-leg{width:100%;margin:0}
}

/* ── בורר הצבעים ── */
.cp-pop{position:fixed;z-index:1300;width:268px;background:var(--surface,#fff);color:var(--ink);border:1px solid var(--line2);border-radius:14px;box-shadow:var(--sh2,0 10px 30px rgba(0,0,0,.2));padding:12px;font-family:inherit}
.cp-pop.sheet{inset:auto 0 0 0;width:auto;border-radius:18px 18px 0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom))}
.cp-t{font-size:13px;font-weight:800;margin-bottom:8px}
.cp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}
.cp-sw{aspect-ratio:1;border-radius:8px;background:var(--c);border:2px solid transparent;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.cp-sw:hover{transform:scale(1.08)}
.cp-sw:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.cp-sw.on{border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--surface,#fff)}
.cp-own{display:flex;align-items:center;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.cp-own span{font-size:13px;font-weight:700;color:var(--ink2);flex:none}
.cp-own .cp-native{width:34px;height:34px;padding:0;border:1px solid var(--line2);border-radius:8px;background:none;flex:none;cursor:pointer}
.cp-own .cp-hex{flex:1;min-width:0;font:inherit;font-size:14px;padding:7px 8px;border:1px solid var(--line2);border-radius:8px;background:var(--surface2);color:var(--ink);text-transform:uppercase}
.cp-own .cp-hex.bad{border-color:var(--lost)}
.cp-own .cp-ok{font:inherit;font-size:13px;font-weight:700;padding:7px 12px;border-radius:8px;background:var(--accent);color:var(--on-accent,#fff);flex:none}
@media (max-width:640px){ .cp-grid{grid-template-columns:repeat(6,1fr);gap:9px} .cp-own .cp-hex{font-size:16px} .cp-own .cp-native{width:44px;height:44px} }
input[type="color"]:not(.cp-native){cursor:pointer}

/* ── חיבורים ← מטא ── */
.u2-rowlink{text-decoration:none;color:inherit}
.u2-rowlink:hover{border-color:var(--accent)}
.u2-rowlink .u2-go{font-size:13px;font-weight:700;color:var(--accent-deep,var(--accent));white-space:nowrap}
.u2mm-help{max-width:90ch;margin:-4px 0 12px}
.u2mm-biz h3 a{color:var(--ink);text-decoration:none}.u2mm-biz h3 a:hover{text-decoration:underline}
.u2mm-tbl{display:flex;flex-direction:column}
.u2mm-r{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.2fr) 90px minmax(160px,1fr) 110px;gap:10px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--line);font-size:13px}
.u2mm-r:last-child{border-bottom:0}
.u2mm-hd{font-size:12px;font-weight:800;color:var(--ink3);padding-top:0}
.u2mm-r b{font-weight:700;overflow-wrap:anywhere}
.u2mm-r .num small{display:block;font-size:11px;color:var(--ink3)}
.u2mm-sel{width:100%;min-height:36px;border:1px solid var(--line2);border-radius:9px;padding:5px 8px;background:var(--surface2);color:var(--ink);font:inherit;font-size:13px}
.u2mm-move{display:flex;gap:8px;align-items:flex-start;margin:10px 0;font-size:14px}
@media (max-width:860px){
  .u2mm-hd{display:none}
  .u2mm-r{grid-template-columns:1fr 1fr;row-gap:6px;padding:12px 2px}
  .u2mm-r > span{display:flex;flex-direction:column;gap:2px;min-width:0}
  .u2mm-r > span::before{content:attr(data-l);font-size:11px;font-weight:700;color:var(--ink3)}
  .u2mm-r > span[data-l="קמפיין"],.u2mm-r > span[data-l="בורד"]{grid-column:1/-1}
  .u2mm-sel{min-height:44px;font-size:16px}
}
/* גרירת משימות (04/10/2026): ידית בצד שמאל, בכל המסכים */
.u2-tk{position:relative}
.u2-tk:has(.u2-tk-drag){padding-inline-end:34px}
.u2-tk-drag{position:absolute;inset-inline-end:4px;top:50%;transform:translateY(-50%);width:26px;height:40px;border:0;border-radius:8px;
  background:transparent;color:var(--ink3);font-size:15px;letter-spacing:-2px;cursor:grab;touch-action:none;opacity:.55}
.u2-tk:hover .u2-tk-drag,.u2-tk-drag:focus-visible{opacity:1;background:var(--surface2)}
.u2-tk.dragging{opacity:.85;box-shadow:0 14px 30px -14px rgba(0,0,0,.45);outline:2px solid var(--accent);z-index:2}
.u2-tk.dragging .u2-tk-drag{cursor:grabbing;opacity:1}
/* צבע המשימה לפי הסטטוס, ועדיפות בולטת (דולב 04/10/2026: צבע 2 + עדיפות 1 עם רקע קל) */
.u2-tk.u2-tkc{border-inline-start:4px solid var(--sc);background:color-mix(in srgb,var(--sc) 6%,var(--surface))}
.u2-tk.u2-tkc.pr1{background:color-mix(in srgb,#F59E0B 9%,var(--surface))}
.u2-tk.u2-tkc.pr2{background:color-mix(in srgb,var(--lost,#DC2626) 8%,var(--surface));border-color:var(--lost,#DC2626);
  box-shadow:0 0 0 1px var(--lost,#DC2626);border-inline-start-color:var(--sc)}
.u2-tk.u2-tkc.today{background:color-mix(in srgb,var(--accent) 9%,var(--surface))}
.u2-tk.u2-tkc.done{background:var(--surface);border-inline-start-color:var(--line)}
.u2-pr{border-radius:6px;padding:1px 8px;font-weight:800;font-size:12px;line-height:1.6;white-space:nowrap}
.u2-pr.p2{background:var(--lost,#DC2626);color:#fff}
.u2-pr.p1{background:#F59E0B;color:#2A1A00}

/* הוצאות Zappy (04/10/2026): מערכת × חודש, שורה נפתחת לרכיבים קבועים / משתנים */
.zc-tbl td.n,.zc-tbl th{text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}
.zc-tbl td:first-child,.zc-tbl th:first-child{text-align:start}
.zc-tbl th small{font-weight:400;color:var(--ink3);font-size:11px}
.zc-sys{cursor:pointer}
.zc-sys:hover td{background:var(--accent-soft)}
.zc-car{display:inline-block;width:12px;color:var(--ink3)}
.zc-part td{font-size:13px;color:var(--ink2,#444);background:rgba(127,127,127,.04)}
.zc-part td:first-child{padding-inline-start:30px}
.zc-sub td{font-size:13px;color:var(--ink2,#444)}
.zc-tot td{border-top:2px solid var(--line,#e5e7eb);background:var(--accent-soft)}
.zc-0{color:var(--ink3)}
.zc-n{display:block;font-weight:400;color:var(--ink3);font-size:11px;margin-top:1px}
.zc-tag{display:inline-block;font-size:11px;font-weight:700;padding:2px 7px;border-radius:99px;vertical-align:1px}
.zc-tag.f{background:rgba(59,130,246,.12);color:#1D4ED8}
.zc-tag.v{background:rgba(232,163,23,.16);color:#B45309}
.zc-edit{margin-top:18px;padding:14px 16px}
.zc-edt{all:unset;cursor:pointer;display:flex;gap:10px;align-items:baseline;min-height:36px;width:100%}
.zc-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.zc-h{margin:16px 0 6px;font-size:15px}
.zc-ed{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line,#eee);font-size:13px}
.zc-ed .acts{display:flex;gap:6px}
.zc-mob{display:none}
@media (max-width:760px){
  .zc-desk{display:none}
  .zc-mob{display:grid;gap:8px}
  .zc-months{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}
  .zc-months button{flex:0 0 auto;min-height:40px;padding:0 14px;border-radius:99px;border:1px solid var(--line,#ddd);background:var(--surface,#fff);font-weight:700;font-size:14px}
  .zc-months button.on{background:var(--accent);color:#fff;border-color:var(--accent)}
  .zc-mhead{padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}
  .zc-mhead b{font-size:24px;font-variant-numeric:tabular-nums}
  .zc-split{grid-column:1/-1;font-size:13px;color:var(--ink2,#444)}
  .zc-mm{padding:12px 14px}
  .zc-mm summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:15px;min-height:36px;justify-content:space-between}
  .zc-ml{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid var(--line,#eee);font-size:14px}
  .zc-ml b,.zc-mm summary b{font-variant-numeric:tabular-nums}
  .zc-ed{grid-template-columns:1fr auto}
  .zc-ed .acts{grid-column:1/-1}
}
.zc-tbl .zc-n{display:inline;margin-inline-start:8px}
@media (max-width:760px){.zc-page{padding-bottom:120px}}
/* מסך Meta: כל העסקים ברשימה, פירוט בלחיצה (05/10/2026) */
.u2mm-bh{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%;cursor:pointer;padding:2px 0}
.u2mm-bh b{font-size:16px}.u2mm-bh small{color:var(--ink3);font-size:13px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.u2mm-bh .dot{width:10px;height:10px;border-radius:50%;flex:none}
.u2mm-chev{margin-inline-start:auto;font-style:normal;color:var(--ink3)}
.u2mm-bh:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}
.u2mm-acts{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.u2mm-biz:not(.open){padding-block:10px}

/* ── החיפוש העליון מוצא לידים, ומילה מתחת לכל ציור בטלפון (דולב אישר 09/10/2026) ──
 * בטלפון שורת החיפוש מוסתרת (אין לה מקום), ולכן בגלולה יש כפתור חיפוש משלו.
 * בטלפון כל ציור בגלולה מקבל מילה קצרה מתחתיו; במחשב המילה מוסתרת. */
.u2h .u-ic .u-lbl{display:none}
.u2h .u-ic.show-m{display:none}
.u2h .u-svg{display:contents}
@media (max-width: 860px){
  html[data-ui="2"] .u2h .u-ic.show-m{display:grid}
  html[data-ui="2"] .u2h .u-pill{border-radius:14px;padding:2px 3px}
  html[data-ui="2"] .u2h .u-ic{width:auto;min-width:44px;height:44px;border-radius:11px;grid-template-rows:auto auto;align-content:center;justify-items:center;gap:1px;padding:0 4px}
  html[data-ui="2"] .u2h .u-ic .u-lbl{display:block;font-size:11px;font-weight:600;line-height:1.1;color:var(--ink2)}
  html[data-ui="2"] .u2h .u-ic svg{width:17px;height:17px}
  html[data-ui="2"] .u2h .u-badge{top:1px;inset-inline-end:2px}
}
/* תוצאת ליד: שם, טלפון משמאל לימין, ומתחת העסק · הבורד · הסטטוס; חיוג ווואטסאפ בצד */
.u2-pal .it.u2-ld{align-items:center;gap:8px;padding:8px 10px}
.u2-ld-b{display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:1px;min-width:0;flex:1}
.u2-ld-b b{font-size:15px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u2-ld-b .u2-ltr{font-family:Inter,system-ui,sans-serif;font-size:13px;color:var(--ink2);justify-self:start;unicode-bidi:isolate}
.u2-pal .it .u2-ld-b small{grid-column:1 / -1;margin:0;font-size:12px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u2-ld-acts{display:flex;gap:6px;flex:none}
.u2-ld-a{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--surface);
  font-size:17px;text-decoration:none;transition:background-color .15s,border-color .15s,transform .1s}
.u2-ld-a:hover{background:var(--surface2);border-color:var(--accent)}
.u2-ld-a:active{transform:scale(.95)}
.u2-ld-a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* ── שורת "איפה אני" מעל המסך של העסק, במחשב בלבד (09/10/2026) ────────── */
.crumb{display:flex;align-items:center;flex-wrap:wrap;gap:2px 4px;margin:6px 0 0;font-size:13px;color:var(--ink3);min-height:28px}
.crumb .cr-a{font:inherit;color:var(--ink2);background:none;border:0;border-radius:7px;padding:3px 6px;cursor:pointer;
  text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:background-color .15s,text-decoration-color .15s}
.crumb .cr-a:hover{background:var(--surface2);color:var(--ink);text-decoration-color:currentColor}
.crumb .cr-a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.crumb .cr-cur{color:var(--ink);font-weight:700;padding:3px 6px}
.crumb .cr-sep{color:var(--ink3);opacity:.7}
.crumb:empty{display:none}
@media (max-width:860px){.crumb{display:none}}

/* לוח בקרה: מאיפה המספר ומתי עודכן (09/10/2026) */
.u2-kpi .u2-src{display:block;margin-top:4px;font-size:12px;line-height:1.35;color:var(--ink3)}
.u2-upd{font-size:12px;color:var(--ink3);margin:-6px 0 10px}

/* דף מערכת העיצוב (#/ds, צוות בלבד) */
.ds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;align-items:start}
.ds-grid .u2-box{margin:0}
.ds-grid h3{margin:0 0 10px;font-size:14px}
.ds-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ds-grid .state{padding:14px 8px}
@media (max-width:760px){.ds-grid{grid-template-columns:1fr}}

/* יעדי מגע בכותרת: לפחות 40 פיקסל במסך מגע (הרובוט, 09/10/2026) */
@media (max-width:1100px){
  html[data-ui="2"] .u2h .u-plus{width:42px;height:42px}
  html[data-ui="2"] .u2h .u-back{min-height:40px}
}
@media (max-width:1100px){ .ch-back{width:40px;height:40px} }
.ch-back{flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px;min-height:44px}

/* ── סיסמאות בכרטיס הלקוח (11/10/2026): ערך כנקודות, עין והעתקה כמו ב-Render ── */
.csx{display:flex;flex-direction:column;gap:8px}
.csx-row{background:var(--surface2);border:1px solid var(--line);border-radius:var(--r-ctl);padding:10px 12px;display:flex;flex-direction:column;gap:6px;
  transition:border-color .15s}
.csx-row:hover,.csx-row:focus-within{border-color:var(--line2)}
.csx-h{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.csx-l{font-size:14px;color:var(--ink)}
.csx-acts{display:flex;gap:4px}
.csx-acts .csx-del:hover{color:var(--lost)}
.csx-f{display:grid;grid-template-columns:88px minmax(0,1fr) auto auto;align-items:center;gap:6px;min-height:32px}
.csx-k{font-size:12px;color:var(--ink3)}
.csx-v{font-family:var(--font-num);font-size:14px;color:var(--ink2);letter-spacing:.06em;overflow-wrap:anywhere;text-align:left;
  background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:5px 8px;min-width:0}
.csx-v.on{color:var(--ink);letter-spacing:0;border-color:var(--accent-t3);background:var(--accent-t1);user-select:all}
.csx-f .csx-v.muted{background:none;border-color:transparent}
.csx-b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--line2);background:var(--surface);
  color:var(--ink2);cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
.csx-b:hover{color:var(--ink);background:var(--surface3)}
.csx-b:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.csx-b[aria-pressed="true"]{color:var(--accent-ink);border-color:var(--accent-t3)}
.csx-b:disabled{opacity:.5;cursor:progress}
.csx-note{font-size:13px;color:var(--ink3);white-space:pre-wrap}
.csx-pw{display:flex;gap:6px;align-items:center}
.csx-pw input{flex:1;min-width:0}
.csx-m input{font-size:16px}
@media (max-width:560px){
  .csx-f{grid-template-columns:minmax(0,1fr) auto auto}
  .csx-k{grid-column:1/-1}
  .csx-b{width:40px;height:40px}
}

/* ── לקוחות פעילים: העברה ללא פעיל / לעובד אחר, וקטע לא פעילים מתקפל (11/10/2026) ── */
@media (min-width:761px){
  .ac-row:has([data-ac-life]){grid-template-columns:200px 1fr auto auto auto auto}
  .ac-row.ac-row-off{grid-template-columns:200px 1fr auto}
}
@media (max-width:760px){
  .ac-row [data-ac-move],.ac-row [data-ac-life]{min-height:40px}
}
.ac-off{margin-top:12px;border-top:1px solid var(--line);padding-top:8px}
.ac-off>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;font-weight:700;color:var(--ink2);padding:6px 0;border-radius:8px}
.ac-off>summary::-webkit-details-marker{display:none}
.ac-off>summary::before{content:'›';display:inline-block;transition:transform .15s;color:var(--ink3)}
.ac-off[open]>summary::before{transform:rotate(90deg)}
.ac-off>summary:hover{color:var(--ink)}
.ac-off>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ac-off>summary .n{font-family:var(--font-num);font-size:12px;color:var(--ink3);background:var(--surface2);border-radius:999px;padding:1px 8px}
.ac-row-off .ac-name a{color:var(--ink2)}

/* הוספת עסק לבורד (11/10/2026) */
#acAdd{margin-inline-start:auto}
.ac-tabs{display:flex;gap:6px;margin:0 0 12px}
.ac-tabs .mini.on{background:var(--accent-soft);color:var(--accent-deep,var(--accent));font-weight:700}
.card.sec > .c-sh:has(#acAdd){display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#acAdd{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700;padding:6px 14px;border-radius:999px}
#acAdd:hover{filter:brightness(1.06)}
.ac-row .mini{white-space:nowrap}
@media (min-width:761px){.ac-row:not(.ac-row-off){grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) repeat(4,auto)}}
.ac-row .ac-name{min-width:0}

/* ── כרטיס הליד, "גרסה ג · שני טורים" (דולב בחר 11/10/2026) ─────────────
 * במחשב: פס צד כהה וצר (230) עם השם, הטלפון, הסטטוס והפעולות, שנשאר במקום;
 * התוכן לבן ורחב, עם שורת מיקום, מסלול כחיצים, לשוניות כגלולות וקופסאות בשני
 * טורים. בטלפון (mobile.css): הפס הופך לראש כהה והפעולות יורדות לסרגל האגודל.
 * ⛔ צבעים מהטוקנים; הפס כהה בשני המצבים (גם במצב כהה הוא כהה מהתוכן). */
#drawer.d-slim.d-v4{width:min(1040px,96vw);display:grid;grid-template-columns:230px minmax(0,1fr);
  --v4-side:color-mix(in srgb,#0E1712 90%,var(--accent) 10%);--v4-side-ink:#E7F1EA;--v4-side-mute:#A9BDB1;
  --v4-ok:#16A34A}
#drawer.d-v4 .v4-side{background:var(--v4-side);color:var(--v4-side-ink);padding:18px 14px 14px;display:flex;flex-direction:column;
  gap:10px;min-height:0;overflow-y:auto;overscroll-behavior:contain}
#drawer.d-v4 .v4-who{display:grid;gap:10px}
#drawer.d-v4 .v4-av{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-weight:800;font-size:21px;
  background:var(--g,var(--accent));color:var(--fg,#fff);box-shadow:0 10px 22px -12px var(--g,var(--accent))}
#drawer.d-v4 .v4-id{display:grid;gap:2px;min-width:0}
#drawer.d-v4 .v4-side .v3-name{color:#fff;font-size:20px;line-height:1.25}
#drawer.d-v4 .v4-ph{font-size:14px;color:var(--v4-side-mute);text-align:right;unicode-bidi:plaintext;font-variant-numeric:tabular-nums}
#drawer.d-v4 .v4-st{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:42px;border-radius:12px;padding:8px 12px;
  font-size:14px}
#drawer.d-v4 .v4-st[aria-busy="true"]{opacity:.65;cursor:progress}   /* 26/10/2026: הסטטוס הקודם עוד נשמר (table.js DW_BUSY) */
#drawer.d-v4 .v4-st:focus-visible{outline:2px solid #fff;outline-offset:2px}
#drawer.d-v4 .v4-side .d-menu{background:var(--surface);border-radius:12px;max-height:min(50vh,380px)}
/* הפעולות אחת מתחת לשנייה, וואטסאפ מלא בירוק */
#drawer.d-v4 .v4-side .v3-acts{display:grid;grid-template-columns:1fr;grid-auto-flow:row;gap:6px}
#drawer.d-v4 .v4-side .v3-acts .d-a{justify-content:flex-start;padding:9px 12px;min-height:42px;font-size:14px;
  background:rgba(255,255,255,.08);color:var(--v4-side-ink);transition:background .15s ease,transform .1s ease}
#drawer.d-v4 .v4-side .v3-acts .d-a:hover:not(:disabled){background:rgba(255,255,255,.16);filter:none}
#drawer.d-v4 .v4-side .v3-acts .d-a:active:not(:disabled){transform:scale(.98)}
#drawer.d-v4 .v4-side .v3-acts .d-a:focus-visible{outline:2px solid #fff;outline-offset:1px}
#drawer.d-v4 .v4-side .v3-acts .d-a.wa{background:var(--v3-wa);color:#fff}
#drawer.d-v4 .v4-side .v3-acts .d-a.up.on{background:var(--accent);color:var(--bg)}
#drawer.d-v4 .v4-side .v3-acts .d-a:disabled{opacity:.45}
#drawer.d-v4 .v4-meta{margin-top:auto;display:grid;gap:3px;font-size:13px;color:var(--v4-side-mute);border-top:1px solid rgba(255,255,255,.1);padding-top:10px}
#drawer.d-v4 .v4-meta b{color:var(--v4-side-ink);font-weight:700}
#drawer.d-v4 .v4-tools{display:flex;flex-wrap:wrap;gap:6px}
#drawer.d-v4 .v4-tool{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 10px;
  border-radius:10px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;background:transparent;
  border:1px solid rgba(255,255,255,.18);color:var(--v4-side-ink)}
#drawer.d-v4 .v4-tool.v3-move{color:var(--v4-side-ink);border-color:rgba(255,255,255,.18);font-size:13px}
#drawer.d-v4 .v4-tool:hover,#drawer.d-v4 .v4-tool.v3-move:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.3)}
#drawer.d-v4 .v4-tool.v3-del{color:#FFB4AE;border-color:color-mix(in srgb,var(--v3-del) 60%,transparent);background:transparent}
#drawer.d-v4 .v4-tool.v3-del:hover{background:var(--v3-del);color:#fff}
#drawer.d-v4 .v4-tool svg{width:15px;height:15px}
/* התוכן */
#drawer.d-v4 .v4-main{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--surface)}
#drawer.d-v4 .v4-crumbs{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--line);font-size:13px;color:var(--ink3);flex:none}
#drawer.d-v4 .v4-path{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
#drawer.d-v4 .v4-path i{font-style:normal;opacity:.6}
#drawer.d-v4 .v4-pos{font-variant-numeric:tabular-nums;color:var(--ink2)}
#drawer.d-v4 .v4-crumbs .d-x{margin-inline-start:auto}
#drawer.d-v4 .d-body{background:var(--surface);padding:0 0 12px}
#drawer.d-v4 .v4-band{padding:10px 16px 0}
#drawer.d-v4 .v4-band:empty{display:none}
/* "איפה הליד עכשיו" כחיצים לרוחב, השלב הנוכחי בצבע הסטטוס */
#drawer.d-v4 .v4-steps{display:flex;padding:12px 16px 0;overflow-x:auto;scrollbar-width:none}
#drawer.d-v4 .v4-steps::-webkit-scrollbar{display:none}
#drawer.d-v4 .v4-steps span{flex:1 0 auto;text-align:center;font-size:12px;font-weight:700;padding:7px 14px;white-space:nowrap;
  background:var(--surface2);color:var(--ink3);margin-inline-start:-5px;
  clip-path:polygon(100% 0,9px 0,0 50%,9px 100%,100% 100%,calc(100% - 9px) 50%)}
#drawer.d-v4 .v4-steps span:first-child{margin-inline-start:0;clip-path:polygon(100% 0,9px 0,0 50%,9px 100%,100% 100%)}
#drawer.d-v4 .v4-steps span.cur{background:var(--c);color:var(--fg,#fff)}
/* לשוניות כגלולות */
#drawer.d-v4 .d-tabs{margin:12px 16px 0;padding:0;background:none;gap:6px;flex-wrap:wrap}
#drawer.d-v4 .d-tabs button{flex:0 0 auto;border-radius:999px;padding:6px 14px;font-size:14px;background:transparent;color:var(--ink3)}
#drawer.d-v4 .d-tabs button:hover{background:var(--surface2);color:var(--ink)}
#drawer.d-v4 .d-tabs button.on{background:var(--ink);color:var(--surface);box-shadow:none}
#drawer.d-v4 .d-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* קופסאות בשני טורים, עם מסגרת דקה במקום פס צבע */
#drawer.d-v4 .v4-grid{padding:12px 16px 4px;gap:12px}
#drawer.d-v4 .v4-grid > .v3-col{display:grid;gap:12px;align-content:start;min-width:0}
#drawer.d-v4 .v3-card{border:1px solid var(--line);border-inline-start:3px solid var(--c,var(--line));box-shadow:none;border-radius:14px}
#drawer.d-v4 .v3-card h4{font-size:13px;align-items:center}
/* מאיפה הגיע: תמונת המודעה בצד, רק כשכבר שמורה */
#drawer.d-v3 .v3-origin:has(> .v3-adimg){display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:12px;align-items:start}
#drawer.d-v3 .v3-origin > h4{grid-column:1/-1}
/* ⭐ 21/10/2026: המסע באתר בתוך "מאיפה הגיע" (public/table.js journeyHtml). ציר אנכי, טוקנים של ui2 לבהיר ולכהה */
#drawer .v4-jr{grid-column:1/-1;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);min-width:0}
#drawer .v4-jr h5{margin:0 0 2px;font-size:14px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#drawer .v4-jr-tag{font-size:12px;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--surface2);color:var(--ink2);border:1px solid var(--line)}
#drawer .v4-jr-meta{margin:0 0 6px;font-size:13px;color:var(--ink3)}
#drawer .v4-jr-l{list-style:none;margin:0;padding:0;display:grid;position:relative}
#drawer .v4-jr-l li{position:relative;display:grid;grid-template-columns:10px minmax(0,1fr);gap:10px;padding:5px 0;font-size:14px;line-height:1.4}
#drawer .v4-jr-l li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:4px;top:18px;bottom:-6px;width:2px;background:var(--line)}
#drawer .v4-jr-l li > i{width:10px;height:10px;border-radius:50%;margin-top:5px;background:var(--ink3);position:relative;z-index:1}
#drawer .v4-jr-l li.src > i,#drawer .v4-jr-l li.first > i{background:var(--v3-src)}
#drawer .v4-jr-l li.land > i{background:var(--accent)}
#drawer .v4-jr-l li.end > i{background:var(--v3-contact,#1FAF5C)}
#drawer .v4-jr-l li > div{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0}
#drawer .v4-jr-k{font-size:12px;color:var(--ink3);flex:0 0 auto}
#drawer .v4-jr-l b{font-weight:600;color:var(--ink);overflow-wrap:anywhere;unicode-bidi:plaintext;min-width:0}
#drawer .v4-jr-l small{flex-basis:100%;font-size:12px;color:var(--ink3);overflow-wrap:anywhere;text-align:start}
#drawer .v4-jr-l em{font-style:normal;font-size:12px;color:var(--ink2);margin-inline-start:auto}
#drawer.d-v3 .v3-adimg{width:76px;height:76px;object-fit:cover;border-radius:12px;margin-top:4px;background:var(--surface2);
  box-shadow:0 0 0 1px var(--line),0 8px 18px -12px rgba(0,0,0,.5)}
/* שאלות סינון ותשובות בטופס */
#drawer.d-v4 .v4-qa-l{display:grid}
#drawer.d-v4 .v4-qa-r{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:7px 0;
  border-bottom:1px dashed var(--line);font-size:14px}
#drawer.d-v4 .v4-qa-r:last-child{border-bottom:0}
#drawer.d-v4 .v4-qa-r span{color:var(--ink3);overflow-wrap:anywhere}
#drawer.d-v4 .v4-qa-r b{text-align:end;font-weight:700;color:var(--ink);max-width:22ch;overflow-wrap:anywhere}
#drawer.d-v4 .v4-qa-r b.yes{color:var(--v4-ok)}
#drawer.d-v4 .v4-flag{font-size:12px;font-weight:800;color:var(--v4-ok);background:color-mix(in srgb,var(--v4-ok) 14%,transparent);
  border-radius:999px;padding:2px 9px}
/* אחרון בהיסטוריה */
#drawer.d-v4 .v4-recent .d-link{font-size:13px;min-height:0;padding:0}
#drawer.d-v4 .v4-tl{list-style:none;margin:0;padding:0;display:grid}
#drawer.d-v4 .v4-tl li{display:grid;grid-template-columns:10px minmax(0,1fr);gap:10px;padding:6px 0;font-size:14px;line-height:1.45}
#drawer.d-v4 .v4-tl li > i{width:10px;height:10px;border-radius:50%;margin-top:6px;background:var(--ink3)}
#drawer.d-v4 .v4-tl li.t-status > i{background:var(--v3-call)}
#drawer.d-v4 .v4-tl li.t-note > i{background:var(--accent)}
#drawer.d-v4 .v4-tl li.t-webhook > i{background:var(--v3-src)}
#drawer.d-v4 .v4-tl li span{overflow-wrap:anywhere;color:var(--ink)}
#drawer.d-v4 .v4-tl small{display:block;color:var(--ink3);font-size:12px}
#drawer.d-v4 .d-foot{background:var(--surface);border-top:1px solid var(--line)}

/* ── סרגל האגודל: רק בטלפון (mobile.css). במחשב אין סרגל ── */
#drawer .dw-thumb{display:none}
/* ── שורת משימה עשירה (11/10/2026, דולב אישר) ──
 * פס בצבע העסק בקצה השורה (הפס של הסטטוס נשאר בצד השני), תג "עודכן…" שמאדים
 * אחרי 3 ימים, ו"✓ בוצע" / "העברה" שצפים רק כשהעכבר על השורה. במכשיר מגע אין
 * ריחוף, ולכן שם הכפתורים לא מופיעים בשורה ונשארים בכרטיס כמו קודם. */
.u2-tk.biz::after{content:'';position:absolute;inset-block:7px;inset-inline-end:0;width:4px;border-radius:4px;background:var(--bz);opacity:.95;pointer-events:none}
.u2-tkupd{background:var(--surface3)}
.u2-tkupd.old{background:color-mix(in srgb,var(--lost,#DC2626) 14%,var(--surface));color:var(--lost,#DC2626);font-weight:700}
.u2-tk-qa{display:none}
@media (hover:hover) and (pointer:fine){
  .u2-tk-qa{display:flex;gap:4px;position:absolute;top:7px;inset-inline-end:36px;z-index:1;padding:3px;border-radius:10px;
    background:var(--surface);border:1px solid var(--line2);box-shadow:0 6px 18px -10px rgba(0,0,0,.35);
    opacity:0;transform:translateY(-2px);pointer-events:none;transition:opacity .14s,transform .14s}
  .u2-tk:hover .u2-tk-qa,.u2-tk:focus-within .u2-tk-qa{opacity:1;transform:none;pointer-events:auto}
  .u2-tk.dragging .u2-tk-qa{display:none}
}
.u2-tkq{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;width:auto;min-width:0;min-height:0;font:inherit;font-size:12px;font-weight:700;padding:4px 10px;border-radius:7px;border:0;background:var(--surface2);color:var(--ink);cursor:pointer;white-space:nowrap}
.u2-tkq:hover{background:var(--surface3)}
.u2-tkq:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.u2-tkq.ok{background:var(--accent);color:var(--on-accent,#fff)}
.u2-tkq.ok:hover{filter:brightness(1.07)}
.u2-tkq:active{transform:scale(.96)}
.u2-tkq:disabled{opacity:.55;cursor:default}

/* ── לוח שנה: מתג חודש / שבוע, ותצוגת שבוע ── */
.u2c-mode{flex:0 0 auto}
.u2c-leg i.f{background:#14B8A6}
.u2w-hint{margin:-4px 0 8px}
.u2w-grid{display:grid;grid-template-columns:repeat(var(--n,6),minmax(0,1fr));gap:6px;align-items:stretch}
.u2w-col{background:var(--surface);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;min-width:0;min-height:280px;transition:border-color .12s,background .12s}
.u2w-col.today{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.u2w-col.past{background:var(--surface2)}
.u2w-col.over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));box-shadow:0 0 0 2px var(--accent) inset}
.u2w-h{display:flex;align-items:baseline;gap:6px;padding:8px 9px 6px;border-bottom:1px solid var(--line)}
.u2w-h b{font-size:13px;font-weight:800;color:var(--ink)}
.u2w-h span{font-size:12px;color:var(--ink3);font-variant-numeric:tabular-nums}
.u2w-h i{margin-inline-start:auto;font-style:normal;font-size:11px;font-weight:700;padding:0 7px;border-radius:99px;background:var(--surface3);color:var(--ink2)}
.u2w-col.today .u2w-h b{color:var(--accent-deep,var(--accent))}
.u2w-body{display:flex;flex-direction:column;gap:5px;padding:7px;flex:1}
.u2w-empty{font-size:12px;color:var(--ink3);padding:4px 2px}
.u2w-chip{display:block;width:100%;text-align:start;font:inherit;color:var(--ink);background:var(--surface2);border:0;border-inline-start:3px solid var(--line2);cursor:pointer;
  white-space:normal;padding:6px 8px;font-size:13px;line-height:1.35;border-radius:8px;box-shadow:var(--sh1);-webkit-touch-callout:none;user-select:none;transition:background .12s}
.u2w-chip:hover{background:var(--surface3)}
.u2w-chip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.u2w-chip.m{border-inline-start-color:#7C3AED}.u2w-chip.r{border-inline-start-color:#0EA5E9}.u2w-chip.c{border-inline-start-color:#F59E0B}.u2w-chip.f{border-inline-start-color:#14B8A6}
.u2w-chip.u2w-urg{font-weight:700}
.u2w-chip .u2w-t{display:block;overflow-wrap:anywhere}
.u2w-chip small{display:block;font-size:11px;color:var(--ink3);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u2w-chip[data-kind]{cursor:grab}
.u2w-chip.dragging{position:relative;z-index:30;cursor:grabbing;pointer-events:none;opacity:.92;box-shadow:0 14px 30px -12px rgba(0,0,0,.45);outline:2px solid var(--accent)}
body.u2w-drag{cursor:grabbing;user-select:none}
@media (max-width:760px){
  .u2c-mode{width:100%}
  .u2c-mode button{flex:1 1 0}
  .u2c-bar b{flex:1;min-width:0}
  .u2w-grid{grid-template-columns:1fr;gap:6px}
  .u2w-col{min-height:0}
  .u2w-h{padding:7px 10px}
  .u2w-body{padding:7px 8px}
  .u2w-chip{font-size:14px;padding:9px 11px}
  .u2w-empty{padding:0 2px}
}


/* ⭐ 12/10/2026 (תוכנית העיצוב, שלב 3) */
/* אייקון קו מהספרייה היחידה, בכפתורי הכותרת, בתפריט "עוד" ובשורת הליד */
svg.ch-ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vertical-align:-4px;flex:none}
/* כותרת העסק: "+ ליד" ו"עוד" גם במחשב. שאר הפעולות בתפריט, והמחיקה בתחתיתו באדום */
.ch-actions{position:relative}
.ch-actions > .btn:not(.primary):not(.selbtn){display:none}
#btnMoreActs{display:inline-flex;align-items:center;gap:6px}
.ch-menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:35;min-width:240px;background:var(--surface);
  border:1px solid var(--line2);border-radius:14px;box-shadow:var(--sh2);padding:6px;display:grid;gap:2px}
.ch-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:8px 12px;border:0;border-radius:10px;
  background:none;font:inherit;font-size:15px;color:var(--ink);text-align:start;cursor:pointer}
.ch-menu button:hover,.ch-menu button:focus-visible{background:var(--surface2)}
.ch-menu button.danger{color:var(--lost);border-top:1px solid var(--line);border-radius:0 0 10px 10px;margin-top:4px}
.u2-team-focus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 22px}
.u2-team-focus>button{min-height:104px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);text-align:start;cursor:pointer}
.u2-team-focus>button:hover{border-color:var(--accent)}
.u2-team-focus>button.hot{border-inline-start:4px solid var(--lost)}
.u2-team-focus span,.u2-team-focus small{display:block;color:var(--ink3)}
.u2-team-focus b{display:block;margin:4px 0;font-size:26px}
@media(max-width:760px){.u2-team-focus{grid-template-columns:1fr}.u2-team-focus>button{min-height:82px}}
.u2-meet-mode{margin-top:8px;width:max-content}
.u2-meet-cal{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:10px;overflow-x:auto;align-items:start;padding-bottom:8px;scroll-snap-type:x proximity}
.u2-meet-cal>.u2-box{margin:0;scroll-snap-align:start}
.u2-meet-cal .u2-row{display:block}
.u2-meet-cal .u2-row .acts{margin-top:8px}
@media(max-width:760px){.u2-meet-cal{grid-auto-columns:minmax(82vw,1fr)}}
.u2-cal-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0 18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden}
.u2-cal-summary>div{min-width:0;padding:14px;text-align:center;border-inline-start:1px solid var(--line)}.u2-cal-summary>div:first-child{border-inline-start:0}
.u2-cal-summary b,.u2-cal-summary span{display:block}.u2-cal-summary b{color:var(--accent);font-size:26px;line-height:1.1}.u2-cal-summary span{margin-top:4px;color:var(--ink3);font-size:13px}
.u2-calendar-month{max-width:820px;margin-inline:auto}.u2-month-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;margin-bottom:8px}
.u2-month-head h2{margin:0;text-align:center;font-size:18px}.u2-icon-btn{width:40px;height:40px;border:0;background:none;color:var(--ink);font:700 28px/1 system-ui;cursor:pointer;border-radius:8px}.u2-icon-btn:hover{background:var(--surface2)}
.u2-month-weekdays,.u2-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%}.u2-month-weekdays span{padding:7px 2px;text-align:center;color:var(--ink3);font-size:12px;font-weight:700}
.u2-month-grid{gap:4px;overflow:visible}.u2-month-day,.u2-month-blank{min-width:0;aspect-ratio:1;min-height:48px}
.u2-month-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:4px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink);font:inherit;cursor:pointer}
.u2-month-day:hover{background:var(--surface2)}.u2-month-day.today b{color:var(--accent)}.u2-month-day.selected{border-color:var(--accent);background:var(--accent-soft)}.u2-month-day b{font-size:14px}
.u2-month-dots{display:flex;gap:3px;min-height:5px}.u2-month-dots i{display:block;width:5px;height:5px;border-radius:50%}
.u2-selected-day{margin-top:20px}.u2-selected-day>h3{margin:0 0 8px;font-size:17px}.u2-selected-day>h3 small{color:var(--ink3);font-weight:500}
.u2-cal-event{--event-color:var(--accent);display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;margin:8px 0;padding:11px 12px;border:1px solid var(--line);border-inline-start:4px solid var(--event-color);border-radius:8px;background:var(--surface)}
.u2-cal-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;font-style:normal;font-weight:800}.u2-cal-copy{min-width:0}.u2-cal-copy b,.u2-cal-copy span{display:block}.u2-cal-copy b{overflow-wrap:anywhere}.u2-cal-copy>span,.u2-cal-client{margin-top:3px;color:var(--ink3);font-size:13px;font-weight:400}.u2-row.google{--event-color:#4285f4}
@media(max-width:760px){.u2-cal-summary>div{padding:11px 6px}.u2-cal-summary b{font-size:22px}.u2-calendar-month{margin-inline:0}.u2-month-grid{gap:2px}.u2-month-day,.u2-month-blank{min-height:40px}.u2-month-day{gap:3px;padding:2px}.u2-cal-event{grid-template-columns:40px minmax(0,1fr);padding:10px}.u2-cal-event .acts{grid-column:1/-1;margin:0}.u2-cal-avatar{width:38px;height:38px}}
.u2-calendar-page .u2-cal-heading{margin-bottom:6px;align-items:center}.u2-cal-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.u2-cal-heading .btn{flex:none;max-width:100%;white-space:normal}
.u2-cal-connection{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:24px;font-size:13px;color:var(--ink3);margin-bottom:8px}
.u2-cal-connection:empty{display:none}
.u2-cal-link,.u2-cal-today{border:0;background:none;color:var(--accent-deep);font:inherit;font-size:13px;min-height:40px;cursor:pointer;padding:6px 8px}
.u2-cal-link,.u2-cal-today{min-width:44px}
.u2-cal-filters{border-bottom:1px solid var(--line);margin-bottom:16px}.u2-cal-filters>summary{cursor:pointer;font-size:13px;color:var(--ink3);padding:8px 0;min-height:40px}
.u2-cal-filter-body{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:6px 0 14px}.u2-cal-filter-body .u2-meet-mode{margin:0}
.u2-cal-filter-body .btn{min-height:44px}
.u2-calendar-page .u2-calendar-month{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:28px;max-width:none;align-items:start}
.u2-calendar-page .u2-month-pane{min-width:0;padding-inline-end:24px;border-inline-end:1px solid var(--line)}
.u2-calendar-page .u2-month-head{margin-bottom:0}.u2-calendar-page .u2-icon-btn{width:44px;height:44px}
.u2-calendar-page .u2-month-day,.u2-calendar-page .u2-month-blank{aspect-ratio:auto;min-height:44px;height:44px}
.u2-calendar-page .u2-selected-day{margin:8px 0 0;min-width:0}.u2-calendar-page .u2-selected-day>h3{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}
.u2-calendar-page .u2-cal-event{grid-template-columns:40px minmax(0,1fr)}.u2-calendar-page .u2-cal-event .acts{grid-column:1/-1;flex-wrap:wrap}
.u2-cal-open{display:block;width:100%;min-height:44px;padding:4px 0;border:0;background:transparent;color:var(--ink);font:inherit;font-weight:700;text-align:start;overflow-wrap:anywhere;cursor:pointer}
.u2-cal-open:hover{color:var(--accent-ink);text-decoration:underline}
.u2-cal-open:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.u2-role-cards{display:none}
@media(max-width:860px){
  .u2-user-list .tablewrap{overflow:visible}
  .u2-user-list table,.u2-user-list tbody{display:block;width:100%;min-width:0}
  .u2-user-list thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
  .u2-user-list tr{display:grid;padding:12px 16px;border-bottom:1px solid var(--line)}
  .u2-user-list td{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border:0;padding:7px 0;white-space:normal;overflow-wrap:anywhere;min-width:0}
  .u2-user-list td::before{content:attr(data-label);font-size:13px;font-weight:500;color:var(--ink2);flex-shrink:0}
  .u2-role-table{display:none}
  .u2-role-cards{display:grid;gap:12px;margin-bottom:16px}
  .u2-role-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0 16px}
  .u2-role-card summary{cursor:pointer;padding:16px 0;min-height:56px}
  .u2-role-card summary small{display:block;color:var(--ink2);font-size:13px;line-height:1.6;margin-top:4px}
  .u2-role-card dl>div{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.6}
  .u2-role-card dd{margin:0;color:var(--ink2);overflow-wrap:anywhere}
}
@media(max-width:760px){
  html[data-ui="2"] .u2-closed-deals.resp td{white-space:normal;overflow-wrap:anywhere}
  html[data-ui="2"] .u2-closed-deals.resp td:first-child{display:block}
  html[data-ui="2"] .u2-closed-deals.resp td .acts{flex-wrap:wrap}
}
.u2-calendar-page .u2-cal-summary{margin-top:28px}.u2-calendar-page .u2-cal-summary b{font-size:20px}
@media(max-width:860px){.u2-calendar-page .u2-calendar-month{grid-template-columns:minmax(0,1fr);gap:16px}.u2-calendar-page .u2-month-pane{border-inline-end:0;border-bottom:1px solid var(--line);padding:0 0 14px}.u2-calendar-page .u2-cal-heading h1{font-size:24px}.u2-calendar-page .u2-month-day,.u2-calendar-page .u2-month-blank{height:40px;min-height:40px}.u2-cal-filter-body .btn{max-width:100%}.u2-cal-heading .btn{padding:8px 10px;font-size:13px}}
@media(max-width:1099px){
  .u2-it,.u2-ph .btn,.ap-person,.ap-chip,.u2-mini{min-height:44px}
}

/* ── מועדפים ⭐ (14/10/2026): כוכב ליד כל פריט בסרגל, כל קובייה בבית וכל עסק ──
   הכוכב הוא כפתור אחות של הפריט (לא בתוכו), ממוקם בקצה. במחשב מופיע בריחוף
   או כשהוא דלוק; במגע (אייפון) תמיד גלוי, כי אין ריחוף. */
.u2-itw{position:relative}
.u2-itw>.u2-it{padding-inline-end:32px}
.u2-star{position:absolute;inset-inline-end:4px;top:50%;transform:translateY(-50%);inline-size:28px;block-size:28px;display:grid;place-items:center;
  border:0;border-radius:8px;background:none;color:var(--ink3);font:15px/1 system-ui,sans-serif;cursor:pointer;opacity:0;transition:opacity .12s}
.u2-star.on{opacity:1;color:#D99A06}
.u2-star:focus-visible{opacity:1;outline:2px solid var(--focus-ring,var(--accent));outline-offset:-2px}
@media (hover:hover) and (pointer:fine){.u2-itw:hover .u2-star{opacity:1}.u2-star:hover{background:var(--surface2);color:#D99A06}}
@media (hover:none){.u2-star{opacity:.6}.u2-star.on{opacity:1}}
.u2-fgrp{cursor:default;color:#B07C05}
html[data-theme="dark"] .u2-fgrp,html[data-theme="dark"] .u2-star.on{color:#F5C451}
.u2-fdot{inline-size:12px;block-size:12px;border-radius:4px;flex:none;display:inline-block}
.hm-ic .u2-fdot{inline-size:18px;block-size:18px;border-radius:6px}
/* קובייה בבית עם כוכב בפינה */
.hm-tw{position:relative;display:grid;min-width:0}
.hm-tw>.hm-t{inline-size:100%;min-width:0}
.hm-tw>.u2-star,.u2-bz>.u2-star{top:6px;inset-inline-end:6px;transform:none;opacity:1}
.hm-tw>.u2-star:not(.on),.u2-bz>.u2-star:not(.on){opacity:.55}
.u2-bz{position:relative}
.u2-bz>b{padding-inline-end:26px}
/* במסך מגע: יעד של 40 פיקסל לפחות (בדיקת המסכים, scripts/ui-probe.js) */
@media (max-width:1099px){
  .u2-star{inline-size:40px;block-size:40px;font-size:17px}
  .u2-itw>.u2-it{min-height:40px;padding-inline-end:44px}
  .hm-tw>.u2-star,.u2-bz>.u2-star{top:0;inset-inline-end:0}
  .u2-bz>b{padding-inline-end:34px}
}

/* ── Impact Workspace בשורות (14/10/2026) ──────────────────────────────
   כל שורה ברוחב מלא; מספר העמודות = מספר הקוביות בשורה. ⛔ html.rd .hm-g קובע
   עמודות במחשב, ולכן הבוררים כאן בשלוש מחלקות כדי לגבור עליו. */
.hm-ws .ws-row{margin-top:10px}
.hm-g.ws-row.ws-n1{grid-template-columns:1fr}
.hm-g.ws-row.ws-n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hm-g.ws-row.ws-n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hm-g.ws-row.ws-nx{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.ws-row .hm-t{min-width:0}
.ws-row .hm-n,.ws-row .hm-c,.hm-tw .hm-n{overflow-wrap:anywhere}
/* בטלפון: קובייה ברוחב מלא היא שורה נמוכה (סמל ליד השם), ולא ריבוע גבוה */
@media (max-width:860px){.ws-row.ws-n1 .hm-t{flex-direction:row;justify-content:center;min-height:64px;gap:12px}}
@media (max-width:560px){
  .ws-row.ws-n3 .hm-t{padding:12px 6px 10px;min-height:92px}
  .ws-row.ws-n3 .hm-c{display:none}
  .ws-row.ws-n3 .hm-n{font-size:12px}
}

/* הלקוחות שלי: רשימה ייעודית ונקייה ממשימות, עם הערה פרטית למשתמש. */
.myc-page{max-width:900px}
.myc-group{margin-block:18px 26px}
.myc-gh{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:0 2px 10px}
.myc-gh h2{font-size:18px;margin:0}.myc-gh span{color:var(--ink3);font-weight:700}
.myc-list{display:grid;gap:8px;margin-top:10px}
.myc-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer}
.myc-row:hover{border-color:var(--accent)}.myc-row>i{width:10px;height:34px;border-radius:4px}
.myc-row b,.myc-row span{display:block}.myc-row span{font-size:12px;color:var(--ink3);margin-top:3px}
.myc-drawer section{padding:16px 0;border-bottom:1px solid var(--line)}.myc-drawer h3{font-size:15px;margin:0 0 10px}
.myc-contact{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0}.myc-contact span{display:block;font-size:12px;color:var(--ink3)}
.myc-private textarea{width:100%;margin:8px 0 10px;resize:vertical}
@media(max-width:600px){.myc-row{grid-template-columns:8px minmax(0,1fr)}.myc-row>.u2-mini{grid-column:2;justify-self:start}.myc-page .u2-ph{align-items:flex-start}}

/* ── סטטוס פיננסי בכרטיס הליד (דולב, 21/10/2026, SDH) ─────────────────────
 * כפתור בשורה של וואטסאפ וחיוג, וחלון שנפתח מעל הכרטיס עם השדות לפי נושא. */
#drawer .d-a.fin{--c:var(--accent)}
#drawer .d-a.fin .fin-n{font-weight:500;opacity:.8;font-size:.85em}
#drawer .dw-t.fin{background:var(--accent)}
#drawer .fin-sheet{position:absolute;inset:0;z-index:30;background:var(--surface);color:var(--ink);display:flex;flex-direction:column;min-width:0}
#drawer .fin-sheet[hidden]{display:none}
#drawer .fin-top{display:flex;align-items:center;gap:10px;padding:14px 16px 10px;border-bottom:1px solid var(--line)}
#drawer .fin-top h3{margin:0;font-size:18px;flex:none}
#drawer .fin-top .d-hint{flex:1;min-width:0}
#drawer .fin-x{border:0;background:var(--accent-soft);color:var(--ink);width:36px;height:36px;border-radius:99px;font-size:16px;cursor:pointer;flex:none}
#drawer .fin-x:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#drawer .fin-body{flex:1;overflow-y:auto;padding:12px 16px 16px;display:flex;flex-direction:column;gap:16px;min-width:0}
#drawer .fin-sec{display:flex;flex-direction:column;gap:8px;min-width:0}
#drawer .fin-sec h4{margin:0;font-size:14px;color:var(--accent)}
#drawer .fin-sum{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--accent-soft)}
#drawer .fin-sum pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px;line-height:1.6}
#drawer .fin-foot{padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);display:flex}
#drawer .fin-foot .btn{flex:1;min-height:46px;font-weight:700}

/* ⭐ 22/10/2026 (דולב): כפתור החזרה בכותרת בצד ימין, לפני הכותרת (u2BackRight ב-ui2.js) */
.u2-ph>.u2-ph-back{flex:none;align-self:center;display:flex}
.u2-ph>.u2-ph-back .btn{white-space:nowrap}

/* כפתורים בבורד ובכרטיס ליד צריכים להתאים למגע גם ברוחב טאבלט. */
@media(any-pointer:coarse){
  html[data-ui="2"] #filterbar .chip,
  html[data-ui="2"] #filterbar .qhelp,
  html[data-ui="2"] #drawer .d-tabs button,
  html[data-ui="2"] #drawer .d-tagadd,
  html[data-ui="2"] #drawer .v4-tool,
  html[data-ui="2"] #drawer .d-x,
  html[data-ui="2"] #drawer .d-link,
  html[data-ui="2"] #drawer.d-v4 .v4-recent .d-link,
  html[data-ui="2"] #drawer .dw-nb,
  html[data-ui="2"] #drawer #lwFolAdd,
  html[data-ui="2"] #pgPrev,
  html[data-ui="2"] #pgNext,
  html[data-ui="2"] .sv-go,
  html[data-ui="2"] .sv-x,
  html[data-ui="2"] .cviews .cv{min-height:44px}
  html[data-ui="2"] #drawer .d-x{min-width:44px}
  html[data-ui="2"] .sv-x{min-width:44px}
  html[data-ui="2"] #filterbar .qhelp{min-width:44px}
  html[data-ui="2"] .sp-del,html[data-ui="2"] .sp-col{width:44px;height:44px}
  html[data-ui="2"] .sp-name{min-height:44px;font-size:16px}
}