/* פעולות על לידים, מצב סימון, מסך וואטסאפ ומסך סיכום (דולב, 02/10/2026, הדמיה מאושרת).
 * leadacts.js · leadscreens.js · select.js · table.js */

/* ── תיבת סימון על כותרת קבוצה (אפשרות 5) ─────────────────────────────
 * במחשב תמיד, ליד עמודת התיבות. בטלפון רק במצב סימון. */
.lg-cb{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;
  border-radius:9px 0 0 0;background:color-mix(in srgb,var(--gc) 9%,var(--surface));cursor:pointer}
.lg-cb input{width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}
.lg-cb input:disabled{opacity:.35;cursor:default}
.lg-cb + .lg-b{border-radius:0 9px 0 0}

/* ── מצב סימון בטלפון: פס עליון, עיגולים, סרגל פעולות ─────────────── */
.sel-top{display:none}
@media (max-width:760px){
  .lg-cb{display:none}
  body.selmode .lg-cb{display:inline-flex;width:44px;background:transparent;border-radius:12px}
  body.selmode .lg-cb + .lg-b{border-radius:12px}
  /* העיגול: כמו בגלריה של האייפון */
  body.selmode .lg-cb input,
  body.selmode table.resp:not(.tasks-table) tr[data-id] td.cb-col input{
    -webkit-appearance:none;appearance:none;width:26px;height:26px;margin:0;border-radius:50%;
    border:2px solid color-mix(in srgb,var(--ink3) 70%,transparent);background:var(--surface);
    display:grid;place-items:center;cursor:pointer;transition:background-color .15s,border-color .15s}
  body.selmode .lg-cb input:checked,
  body.selmode table.resp:not(.tasks-table) tr[data-id] td.cb-col input:checked{
    background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-9'/%3E%3C/svg%3E") center/16px no-repeat;
    border-color:var(--accent)}
  body.selmode .lg-cb input:indeterminate{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 12h10'/%3E%3C/svg%3E") center/16px no-repeat;border-color:var(--accent)}
  body.selmode .lg-cb input:focus-visible,
  body.selmode table.resp:not(.tasks-table) tr[data-id] td.cb-col input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  /* העיגול יושב בתחילת הכרטיס (ימין), והכרטיס מפנה לו מקום */
  body.selmode table.resp:not(.tasks-table) tr[data-id]{padding-inline-start:52px}
  /* ⛔ grid-row/column auto: עם אזור ברשת (mobile.css) תיבת ההכלה הייתה עמודת התוכן, והעיגול נחת באמצע הכרטיס */
  body.selmode table.resp:not(.tasks-table) tr[data-id] td.cb-col{position:absolute;top:50%;transform:translateY(-50%);
    grid-column:auto;grid-row:auto;inset-inline-start:14px;inset-inline-end:auto;display:flex;z-index:1;
    padding:0;margin:0;width:auto;border:0;box-shadow:none;background:transparent}
  body.selmode table.resp:not(.tasks-table) tr.sel td:not(.when):not(.st-col){background:transparent;box-shadow:none}
  body.selmode table.resp:not(.tasks-table) tr[data-id] td.when{visibility:visible}
  body.selmode table.resp:not(.tasks-table) tr.sel{border-color:var(--accent);
    background:color-mix(in srgb,var(--accent) 8%,var(--surface));box-shadow:0 0 0 1px var(--accent)}

  /* הפס העליון: ✕ ביטול · N נבחרו · בחירת הכל */
  .sel-exit{display:none}
  .sel-top{position:fixed;inset:0 0 auto 0;z-index:80;display:grid;grid-template-columns:auto 1fr auto;align-items:center;
    gap:8px;padding:calc(env(safe-area-inset-top,0px) + 8px) 16px 8px;min-height:56px;
    background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 6px 18px rgba(0,0,0,.08)}
  .sel-top .st-n{text-align:center;font-size:16px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
  .sel-top button{font:inherit;font-size:14px;font-weight:700;min-height:44px;padding:0 12px;border-radius:12px;border:0;
    background:transparent;color:var(--accent-deep,var(--accent));cursor:pointer}
  .sel-top .st-x{color:var(--ink2)}
  .sel-top button:active{background:var(--surface2)}
  body.selmode .ch-actions .selbtn{display:none}

  /* סרגל הפעולות: ארבעה כפתורים שווים מעל הניווט התחתון */
  body.selmode .bulkbar{inset:auto 0 calc(62px + env(safe-area-inset-bottom,0px)) 0;border-radius:16px 16px 0 0;
    border-inline:0;padding:8px 10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;
    background:var(--surface);box-shadow:0 -8px 24px rgba(0,0,0,.10)}
  body.selmode .bulkbar .bb-count,body.selmode .bulkbar .bb-link,body.selmode .bulkbar .bb-act.bb-x,
  body.selmode .bulkbar .bb-close,body.selmode .bulkbar .bb-sep{display:none}
  body.selmode .bulkbar .dd{display:contents}
  body.selmode .bulkbar .bb-act{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    min-height:54px;width:100%;padding:6px 2px;border-radius:12px;font-size:13px;font-weight:700;
    background:var(--surface2);border:0;color:var(--ink)}
  body.selmode .bulkbar .bb-act.danger{color:var(--lost);background:color-mix(in srgb,var(--lost) 10%,var(--surface))}
  body.selmode .bulkbar .dd-panel{position:fixed;inset:auto 8px calc(140px + env(safe-area-inset-bottom,0px)) 8px;
    max-height:50vh;overflow:auto}
  body.selmode .main{padding-bottom:170px}
}

/* ── החלקה למחיקה (אפשרות 1) ──────────────────────────────────────── */
@media (max-width:760px){
  table.resp:not(.tasks-table) tr[data-id]{touch-action:pan-y}
  table.resp:not(.tasks-table) tr.sw-on{will-change:transform}
  table.resp:not(.tasks-table) tr[data-id] td.sw-act{display:flex;position:absolute;top:-1px;bottom:-1px;
    left:calc(100% + 8px);width:84px;padding:0;margin:0;border:0;align-items:stretch}
  td.sw-act .sw-del{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    border:0;border-radius:16px;background:var(--lost,#dc2626);color:#fff;font:inherit;font-size:13px;font-weight:800;
    cursor:pointer;font-size:20px}
  td.sw-act .sw-del span{font-size:13px}
  td.sw-act .sw-del:focus-visible{outline:3px solid color-mix(in srgb,var(--lost) 40%,transparent);outline-offset:2px}
}
@media (max-width:760px) and (prefers-reduced-motion:no-preference){
  table.resp:not(.tasks-table) tr.sw-anim{transition:transform .2s cubic-bezier(.2,.8,.2,1)}
}
@media (min-width:761px){ td.sw-act{display:none} }

/* ── לחיצה ארוכה: גיליון פעולות (אפשרות 3) ─────────────────────────── */
.la-back{position:fixed;inset:0;z-index:84;background:var(--scrim,rgba(15,23,42,.45))}
.la-back[hidden],.la-sheet[hidden]{display:none}
.la-sheet{position:fixed;inset:auto 0 0 0;z-index:85;max-height:86vh;overflow:auto;
  background:var(--bg2,var(--surface));border-radius:20px 20px 0 0;box-shadow:0 -16px 40px rgba(0,0,0,.22);
  padding:6px 16px calc(14px + env(safe-area-inset-bottom,0px))}
@media (prefers-reduced-motion:no-preference){ .la-sheet:not([hidden]){animation:la-up .22s cubic-bezier(.2,.8,.2,1)} }
@keyframes la-up{from{transform:translateY(24px);opacity:.4}to{transform:none;opacity:1}}
@media (min-width:761px){ .la-sheet{inset:auto 50% 24px auto;transform:translateX(50%);width:420px;border-radius:20px} }
.la-grab{width:40px;height:4px;border-radius:99px;background:var(--line2);margin:6px auto 10px}
.la-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:2px 2px 12px;border-bottom:1px solid var(--line)}
.la-h b{font-size:19px;font-weight:800;color:var(--ink);min-width:0;overflow-wrap:anywhere}
.la-st{display:inline-block;font-size:13px;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--g);color:var(--fg)}
.la-acts{display:grid;gap:2px;padding:8px 0}
.la-a{display:flex;align-items:center;gap:14px;min-height:52px;padding:0 6px;border:0;border-radius:12px;background:transparent;
  font:inherit;font-size:16px;font-weight:600;color:var(--ink);text-decoration:none;cursor:pointer;text-align:start}
.la-a svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.la-a:hover,.la-a:focus-visible{background:var(--surface2)}
.la-a:active{background:var(--surface3)}
.la-a.danger{color:var(--lost)}
.la-a.danger svg{stroke:var(--lost)}
.la-cancel{width:100%;min-height:50px;margin-top:4px;border:0;border-radius:14px;background:var(--surface2);
  font:inherit;font-size:16px;font-weight:700;color:var(--ink);cursor:pointer}
.la-sub{display:flex;align-items:center;gap:10px;padding:10px 0 6px}
.la-sub b{font-size:15px}
.la-up{border:0;background:var(--surface2);border-radius:10px;min-height:40px;padding:0 12px;font:inherit;font-weight:700;color:var(--ink2);cursor:pointer}
.la-list{display:grid;gap:4px;padding-bottom:6px}
.la-g{font-size:12px;font-weight:800;color:var(--ink3);letter-spacing:.02em;padding:10px 4px 2px}
.la-pick{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 10px;border:1px solid var(--line);
  border-radius:12px;background:var(--surface);font:inherit;font-size:15px;color:var(--ink);cursor:pointer;text-align:start}
.la-pick.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.la-pick i{font-style:normal;color:var(--accent-ink);font-weight:800}
.la-none{color:var(--ink3);padding:14px 4px}

/* ── מסך וואטסאפ ומסך סיכום ────────────────────────────────────────── */
.ls-screen{--wa-head:#f0f2f5;--wa-bg:#efeae2;--wa-dot:rgba(0,0,0,.035);--wa-in:#ffffff;--wa-out:#d9fdd3;--wa-ink:#111b21;
  --wa-ink2:#667781;--wa-tick:#53bdeb;--wa-sys:#ffffffd9;--wa-day:#ffffffe6;--wa-green:#00a884;--wa-comp:#f0f2f5;
  position:fixed;inset:0;z-index:86;background:var(--wa-bg);color:var(--wa-ink)}
.ls-screen[hidden]{display:none}
html[data-theme="dark"] .ls-screen{--wa-head:#202c33;--wa-bg:#0b141a;--wa-dot:rgba(255,255,255,.03);--wa-in:#202c33;--wa-out:#005c4b;
  --wa-ink:#e9edef;--wa-ink2:#8696a0;--wa-sys:#182229e6;--wa-day:#182229;--wa-comp:#202c33;--wa-field:#2a3942}
@media (prefers-color-scheme:dark){
  html:not([data-theme="light"]) .ls-screen{--wa-head:#202c33;--wa-bg:#0b141a;--wa-dot:rgba(255,255,255,.03);--wa-in:#202c33;--wa-out:#005c4b;
    --wa-ink:#e9edef;--wa-ink2:#8696a0;--wa-sys:#182229e6;--wa-day:#182229;--wa-comp:#202c33;--wa-field:#2a3942}
}
body.ls-open{overflow:hidden}
.ls-in{height:100%;max-width:880px;margin:0 auto;display:flex;flex-direction:column;background:var(--wa-bg)}
@media (min-width:900px){ .ls-in{border-inline:1px solid color-mix(in srgb,var(--wa-ink) 12%,transparent)} }
.ls-h{display:flex;align-items:center;gap:10px;flex:none;padding:calc(env(safe-area-inset-top,0px) + 8px) 12px 8px;
  min-height:60px;background:var(--wa-head);color:var(--wa-ink);border-bottom:1px solid color-mix(in srgb,var(--wa-ink) 8%,transparent)}
.ls-back{display:grid;place-items:center;width:40px;height:40px;flex:none;border:0;border-radius:50%;background:transparent;color:var(--wa-ink);cursor:pointer}
.ls-back:hover,.ls-back:focus-visible{background:color-mix(in srgb,var(--wa-ink) 8%,transparent)}
.ls-av{width:40px;height:40px;flex:none;border-radius:50%;overflow:hidden;display:grid;place-items:center;
  background:color-mix(in srgb,var(--wa-green) 22%,var(--wa-head));color:var(--wa-ink);font-weight:800;font-size:15px}
.ls-av img{width:100%;height:100%;object-fit:cover;display:block}
.ls-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ls-who b{font-size:16.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ls-who small{font-size:13px;color:var(--wa-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}
.ls-ic{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;color:var(--wa-ink2);text-decoration:none}
.ls-ic:hover,.ls-ic:focus-visible{background:color-mix(in srgb,var(--wa-ink) 8%,transparent);color:var(--wa-ink)}
.ls-rf{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;padding:2px 4px;border-radius:8px;
  font:inherit;font-size:13px;font-weight:700;color:var(--wa-green);cursor:pointer}
.ls-rf:disabled{opacity:.6;cursor:default}

/* גוף השיחה: טפט בסגנון וואטסאפ */
.ls-msgs{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:10px 12px 14px;display:flex;flex-direction:column;gap:3px;
  background-color:var(--wa-bg);
  background-image:radial-gradient(var(--wa-dot) 1.2px,transparent 1.3px),radial-gradient(var(--wa-dot) 1.2px,transparent 1.3px);
  background-size:26px 26px;background-position:0 0,13px 13px}
.ls-load{margin:auto;color:var(--wa-ink2);font-size:14px}
.ls-more{align-self:center;font-size:12px;color:var(--wa-ink2);padding:6px 0}
.ls-day{display:flex;justify-content:center;margin:10px 0 6px;position:sticky;top:0;z-index:1}
.ls-day span{background:var(--wa-day);color:var(--wa-ink2);font-size:13px;font-weight:600;padding:5px 12px;border-radius:8px;
  box-shadow:0 1px .5px rgba(11,20,26,.13)}
.ls-sys{display:flex;justify-content:center;margin:6px 0}
.ls-sys span{background:var(--wa-sys);color:var(--wa-ink2);font-size:13px;padding:5px 12px;border-radius:8px;text-align:center;max-width:88%;
  box-shadow:0 1px .5px rgba(11,20,26,.13)}
.ls-row{display:flex;margin-top:2px}
.ls-row.them{justify-content:flex-start}     /* RTL: הלקוח/ה מימין */
.ls-row.us{justify-content:flex-end}         /* אנחנו (הבוט / נציג/ה) משמאל */
.ls-b{position:relative;max-width:min(78%,520px);padding:6px 9px 4px;border-radius:10px;background:var(--wa-in);
  box-shadow:0 1px .5px rgba(11,20,26,.13);font-size:15px;line-height:1.42}
.ls-row.us .ls-b{background:var(--wa-out)}
.ls-row.them .ls-b{border-start-start-radius:2px}
.ls-row.us .ls-b{border-start-end-radius:2px}
.ls-row.pend .ls-b{opacity:.75}
.ls-by{font-size:13px;font-weight:700;color:var(--wa-green);margin-bottom:1px}
.ls-row.human .ls-by{color:#7c5cff}
html[data-theme="dark"] .ls-row.human .ls-by{color:#b39dff}
.ls-t{white-space:pre-wrap;overflow-wrap:anywhere}
.ls-at{display:flex;justify-content:flex-end;align-items:center;gap:3px;margin-top:1px;font-size:11px;color:var(--wa-ink2);font-variant-numeric:tabular-nums;direction:ltr}
.ls-tick{font-style:normal;color:var(--wa-tick);letter-spacing:-3px;padding-inline-end:3px}
.ls-media{display:block;margin:2px -5px 4px;border-radius:8px;overflow:hidden;text-decoration:none;color:inherit}
.ls-thumb{display:block;width:100%;max-width:280px;min-width:160px;height:auto;border-radius:8px}
.ls-mlabel{display:inline-block;padding:10px 12px;border-radius:8px;background:color-mix(in srgb,var(--wa-ink) 6%,transparent);font-size:14px}

/* תיבת הכתיבה */
.ls-comp{flex:none;background:var(--wa-comp);padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))}
.ls-note{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--wa-ink2);padding:2px 4px 8px;line-height:1.45}
.ls-note button{flex:none;border:0;border-radius:99px;padding:6px 12px;min-height:34px;font:inherit;font-weight:700;font-size:13px;
  background:color-mix(in srgb,var(--wa-green) 16%,transparent);color:var(--wa-green);cursor:pointer}
.ls-err{margin:0 4px 8px;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--lost,#dc2626) 12%,var(--wa-head));
  color:var(--lost,#dc2626);font-size:14px}
.ls-cbox{display:flex;align-items:flex-end;gap:8px}
.ls-cbox textarea{flex:1;min-height:44px;max-height:140px;resize:none;border:0;border-radius:22px;padding:11px 16px;
  font:inherit;font-size:16px;line-height:1.35;background:var(--wa-field,var(--wa-in));color:var(--wa-ink);box-shadow:0 1px .5px rgba(11,20,26,.1)}
.ls-cbox textarea:focus{outline:2px solid color-mix(in srgb,var(--wa-green) 55%,transparent);outline-offset:0}
.ls-send{width:46px;height:46px;flex:none;border:0;border-radius:50%;background:var(--wa-green);color:#fff;display:grid;place-items:center;cursor:pointer;
  transition:transform .12s}
.ls-send:active{transform:scale(.92)}
.ls-send:disabled{opacity:.55;cursor:default}
.ls-send:focus-visible{outline:3px solid color-mix(in srgb,var(--wa-green) 45%,transparent);outline-offset:2px}
.ls-ro{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--wa-comp);
  padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));font-size:14px;color:var(--wa-ink2)}

/* ── וואטסאפ מלא (דולב, 25/10/2026): מדיה, ציטוטים, תגובות, הקלטה, צירוף ── */
.ls-in.ls-wa{position:relative}
.ls-row.flash .ls-b{animation:ls-flash 1.6s ease}
@keyframes ls-flash{0%,60%{box-shadow:0 0 0 3px color-mix(in srgb,var(--wa-green) 55%,transparent)}100%{box-shadow:0 1px .5px rgba(11,20,26,.13)}}
.ls-b.has-rx{margin-bottom:14px}
.ls-rx{position:absolute;bottom:-14px;inset-inline-start:8px;background:var(--wa-in);border-radius:99px;padding:1px 6px;font-size:14px;line-height:20px;
  box-shadow:0 1px 2px rgba(11,20,26,.2)}
.ls-row.us .ls-rx{inset-inline-start:auto;inset-inline-end:8px}
.ls-tick.read{color:var(--wa-tick)}
.ls-tick:not(.read){color:var(--wa-ink2)}
.ls-tick.wait{letter-spacing:0;font-size:10px}
.ls-tick.fail{color:var(--lost,#dc2626);letter-spacing:0;font-weight:800}
.ls-at span{margin-inline-end:4px}
.ls-del{font-style:italic;color:var(--wa-ink2)}
.ls-by i{font-weight:400;color:var(--wa-ink2)}
.ls-q{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;margin:2px 0 4px;padding:5px 9px;border:0;border-inline-start:4px solid #06cf9c;
  border-radius:7px;background:color-mix(in srgb,var(--wa-ink) 6%,transparent);color:var(--wa-ink);font:inherit;text-align:start;cursor:pointer}
.ls-q.us{border-inline-start-color:#7c5cff}
.ls-q b{font-size:12.5px;color:#06cf9c}
.ls-q.us b{color:#7c5cff}
.ls-q span{font-size:13.5px;color:var(--wa-ink2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.ls-img,.ls-vid{display:block;position:relative;padding:0;border:0;margin:2px -5px 4px;border-radius:8px;overflow:hidden;background:color-mix(in srgb,var(--wa-ink) 8%,transparent);cursor:zoom-in;max-width:300px}
.ls-img img,.ls-vid img{display:block;width:100%;min-width:180px;max-height:340px;object-fit:cover}
.ls-img img:not(.full){filter:blur(1px)}
.ls-img img.gone{filter:grayscale(1) opacity(.6)}
.ls-img.stk{background:transparent;cursor:default;max-width:150px;margin:0}
.ls-img.stk img{min-width:0;width:150px;height:150px;object-fit:contain;filter:none}
.ls-row.bare .ls-b{background:transparent!important;box-shadow:none;padding:0}
.ls-vid{cursor:pointer}
.ls-vph{display:block;width:240px;height:160px;background:#0b141a}
.ls-vplay{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(11,20,26,.55);color:#fff}
.ls-vdur{position:absolute;bottom:6px;inset-inline-end:8px;color:#fff;font-size:12px;text-shadow:0 1px 2px #000;direction:ltr}
.ls-video{display:block;width:100%;max-width:300px;max-height:420px;border-radius:8px;margin:2px -5px 4px;background:#000}
.ls-audio{display:flex;align-items:center;gap:8px;min-width:min(240px,62vw);padding:4px 2px 2px}
.ls-play{width:40px;height:40px;flex:none;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--wa-ink2);cursor:pointer}
.ls-play:disabled{opacity:.4;cursor:default}
.ls-track{flex:1;min-width:0;display:flex}
.ls-track input{width:100%;accent-color:var(--wa-green);margin:0;direction:ltr}
.ls-dur{font-size:12px;color:var(--wa-ink2);font-variant-numeric:tabular-nums;direction:ltr;min-width:32px}
.ls-mic{color:var(--wa-green);display:grid}
.ls-audio.voice .ls-play{color:var(--wa-ink)}
.ls-doc{display:flex;align-items:center;gap:10px;margin:2px -3px 4px;padding:9px 10px;border-radius:8px;background:color-mix(in srgb,var(--wa-ink) 6%,transparent);min-width:min(240px,62vw)}
.ls-doc.big{min-width:min(320px,80vw);background:var(--wa-in)}
.ls-docic{width:36px;height:44px;flex:none;border-radius:5px;display:grid;place-items:center;background:#e53935;color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.02em}
.ls-docn{flex:1;min-width:0;display:flex;flex-direction:column}
.ls-docn b{font-size:14px;font-weight:600;overflow-wrap:anywhere}
.ls-docn small{font-size:12px;color:var(--wa-ink2)}
.ls-wa .ls-who small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}
.ls-dl{width:36px;height:36px;flex:none;border:1px solid color-mix(in srgb,var(--wa-ink) 20%,transparent);border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--wa-ink2);cursor:pointer}
.ls-loc{display:block;margin:2px -5px 2px;border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;background:color-mix(in srgb,var(--wa-ink) 6%,transparent);max-width:300px}
.ls-loc img{display:block;width:100%;min-width:200px;max-height:180px;object-fit:cover}
.ls-map{display:grid;place-items:center;width:100%;min-width:220px;height:130px;color:#e53935;
  background:linear-gradient(90deg,transparent 48%,color-mix(in srgb,var(--wa-ink) 10%,transparent) 48% 52%,transparent 52%),
    linear-gradient(0deg,transparent 46%,color-mix(in srgb,var(--wa-ink) 10%,transparent) 46% 54%,transparent 54%),#cfe8d4}
html[data-theme="dark"] .ls-map{background-color:#1f3b2c}
.ls-map svg{width:38px;height:38px}
.ls-locn{display:flex;flex-direction:column;padding:7px 10px}
.ls-locn b{font-size:14px}
.ls-locn small{font-size:12.5px;color:var(--wa-ink2);overflow-wrap:anywhere}
.ls-locl{display:flex;gap:14px;padding:4px 2px 0;font-size:13px}
.ls-locl a,.ls-cact a{color:#027eb5;text-decoration:none;font-weight:600}
html[data-theme="dark"] .ls-locl a,html[data-theme="dark"] .ls-cact a{color:#53bdeb}
.ls-card{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:min(240px,62vw);padding:6px 2px}
.ls-cav{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--wa-ink) 10%,transparent);color:var(--wa-ink2)}
.ls-cn{flex:1;min-width:0;display:flex;flex-direction:column}
.ls-cn b{font-size:14.5px}
.ls-cn small{font-size:12.5px;color:var(--wa-ink2)}
.ls-cact{display:flex;gap:12px;width:100%;border-top:1px solid color-mix(in srgb,var(--wa-ink) 10%,transparent);padding-top:6px;font-size:13.5px}
.ls-poll{display:flex;flex-direction:column;gap:5px;min-width:min(230px,60vw)}
.ls-poll span{padding:6px 10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--wa-ink) 16%,transparent);font-size:14px}
.ls-prev{display:flex;gap:8px;margin:2px -3px 4px;padding:6px;border-radius:7px;background:color-mix(in srgb,var(--wa-ink) 6%,transparent)}
.ls-prev img{width:56px;height:56px;object-fit:cover;border-radius:5px;flex:none}
.ls-prev span{display:flex;flex-direction:column;min-width:0}
.ls-prev b{font-size:13px}
.ls-prev small{font-size:12px;color:var(--wa-ink2);overflow-wrap:anywhere}
/* תיבת הכתיבה המלאה */
.ls-as{font-size:12.5px;color:var(--wa-ink2);padding:0 6px 6px;line-height:1.4}
.ls-as b{color:var(--wa-ink)}
.ls-cb{width:42px;height:44px;flex:none;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--wa-ink2);cursor:pointer}
.ls-cb.on,.ls-cb:hover,.ls-cb:focus-visible{color:var(--wa-green);background:color-mix(in srgb,var(--wa-ink) 6%,transparent)}
.ls-emo{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:2px;max-height:190px;overflow-y:auto;padding:4px 2px 8px}
.ls-emo button{height:40px;border:0;border-radius:8px;background:transparent;font-size:23px;cursor:pointer;line-height:1}
.ls-emo button:hover,.ls-emo button:focus-visible{background:color-mix(in srgb,var(--wa-ink) 8%,transparent)}
.ls-att{display:flex;flex-wrap:wrap;gap:10px;padding:4px 4px 10px}
.ls-att button{display:flex;align-items:center;gap:8px;border:0;border-radius:12px;padding:8px 12px 8px 14px;min-height:44px;font:inherit;font-size:14px;font-weight:600;
  background:var(--wa-field,var(--wa-in));color:var(--wa-ink);cursor:pointer;box-shadow:0 1px .5px rgba(11,20,26,.1)}
.ls-att span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff}
.ls-att .i1{background:#bf59cf}.ls-att .i2{background:#7f66ff}.ls-att .i3{background:#1fa855}
.ls-att span svg{width:18px;height:18px}
.ls-recbox{align-items:center;background:var(--wa-field,var(--wa-in));border-radius:24px;padding:2px 2px 2px 6px}
.ls-recdot{width:12px;height:12px;border-radius:50%;background:#ea0038;flex:none}
@media (prefers-reduced-motion:no-preference){ .ls-recdot{animation:ls-blink 1s infinite} }
@keyframes ls-blink{50%{opacity:.25}}
.ls-rect{font-variant-numeric:tabular-nums;direction:ltr;font-size:15px;min-width:42px}
.ls-recl{flex:1;color:var(--wa-ink2);font-size:14px}
/* חלון לפני שליחת קובץ, ותמונה במסך מלא */
.ls-sheet,.ls-viewer{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;background:var(--wa-comp)}
.ls-shh,.ls-vh{display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 8px) 12px 8px;min-height:56px}
.ls-shh b{font-size:16px;min-width:0;overflow-wrap:anywhere}
.ls-shb{flex:1;min-height:0;display:grid;place-items:center;padding:12px;overflow:auto;background:var(--wa-bg)}
.ls-shb img,.ls-shb video{max-width:100%;max-height:100%;border-radius:8px}
.ls-shb audio{width:min(420px,90%)}
.ls-shloc{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--wa-ink)}
.ls-shloc svg{width:52px;height:52px;color:#e53935}
.ls-shf{display:flex;gap:8px;align-items:center;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))}
.ls-shf input{flex:1;min-width:0;min-height:46px;border:0;border-radius:23px;padding:0 16px;font:inherit;font-size:16px;background:var(--wa-field,var(--wa-in));color:var(--wa-ink)}
.ls-shf .ls-send{margin-inline-start:auto}
.ls-sheet .ls-err{margin:0 12px 10px}
.ls-viewer{background:rgba(11,20,26,.96)}
.ls-viewer .ls-back,.ls-viewer .ls-ic{color:#fff}
.ls-vh{justify-content:space-between}
.ls-viewer img{flex:1;min-height:0;width:100%;object-fit:contain;padding:8px}
@media (max-width:520px){ .ls-b{max-width:86%} .ls-img,.ls-vid,.ls-loc,.ls-video{max-width:240px} }

/* מסך הסיכום: חמישה קטעים מרווחים */
.ls-sum{background:var(--bg,var(--wa-bg))}
.ls-sbody{flex:1;overflow-y:auto;padding:18px 16px calc(28px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px}
.ls-sec{background:var(--surface,#fff);border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:var(--sh1)}
.ls-sec h2{margin:0 0 6px;font-size:13px;font-weight:800;letter-spacing:.01em;color:var(--accent-deep,var(--accent))}
.ls-sec p{margin:0;font-size:16px;line-height:1.6;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}
.ls-sec:first-child{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
@media (prefers-reduced-motion:no-preference){
  .ls-sec{animation:ls-in .32s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 45ms)}
}
@keyframes ls-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ls-sum .ls-err{margin:0}
.ls-towa{align-self:center;margin-top:6px}
.ls-sum .ls-h{background:var(--surface);color:var(--ink);border-bottom-color:var(--line)}
.ls-sum .ls-who small{color:var(--ink3)}
.ls-sum .ls-back,.ls-sum .ls-ic{color:var(--ink2)}

/* ── בורד הלידים בטאבלט (768–1100, דולב 09/10/2026: "התאמה לכל מכשיר") ──
 * עד היום הטבלה החזיקה רוחב מינימלי של 900 פיקסל (ui.css פרק 47), ובאייפד
 * (768, 820) עמודת "תאריך קליטה" נחתכה בצד ונשארה חצי בחוץ. כאן הטבלה נכנסת
 * לרוחב המסך: ריווח צפוף יותר, תאריך קצר ("לפני 3 ש׳") כמו בטלפון, ומקור
 * שנקטע עם "…". עמודות שהוספו לבורד נשארות בגלילה של הטבלה עצמה.
 * כלל אחד לכל התפקידים. */
@media (min-width:761px) and (max-width:1100px){
  #content .tablewrap > table:not(.tasks-table){min-width:0;width:100%}
  #content .tablewrap > table:not(.tasks-table) th{padding:10px 8px;white-space:normal;line-height:1.25}
  #content .tablewrap > table:not(.tasks-table) td{padding:9px 8px;max-width:180px}
  #content .tablewrap > table:not(.tasks-table) td.when{white-space:nowrap}
  #content .tablewrap > table:not(.tasks-table) td.when .full{display:none}
  #content .tablewrap > table:not(.tasks-table) td.when .rel{display:inline}
  #content .tablewrap > table:not(.tasks-table) td.src{max-width:110px}
  #content .tablewrap > table:not(.tasks-table) .phone-cell{gap:6px}
  #content .tablewrap > table:not(.tasks-table) td.st-col select.status-native{padding:4px 10px!important;max-width:150px;text-overflow:ellipsis}
}

/* ── "התצוגות שלי" מעל הטבלה (09/10/2026) ────────────────────────────── */
.filterbar .f-views{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:2px}
.f-views-t{font-size:12px;font-weight:800;color:var(--ink3);margin-inline-end:2px}
.sv-chip{display:inline-flex;align-items:stretch;border:1px solid var(--line2);border-radius:999px;background:var(--surface);overflow:hidden;
  transition:border-color .15s,background-color .15s}
.sv-chip:hover{border-color:var(--accent)}
.sv-chip.on{border-color:var(--accent);background:var(--accent-soft)}
.sv-go{font:inherit;font-size:13px;font-weight:600;color:var(--ink);background:none;border:0;padding:6px 12px;cursor:pointer;min-height:36px}
.sv-chip.on .sv-go{color:var(--accent-deep)}
.sv-x{font:inherit;font-size:11px;color:var(--ink3);background:none;border:0;border-inline-start:1px solid var(--line);padding:0 10px;cursor:pointer;min-width:34px}
.sv-x:hover{color:var(--lost);background:var(--surface2)}
.sv-add{font:inherit;font-size:13px;font-weight:700;color:var(--accent-deep);background:none;border:1px dashed var(--accent);border-radius:999px;padding:6px 12px;cursor:pointer;min-height:36px}
.sv-add:hover{background:var(--accent-soft)}
.sv-new{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}
.sv-new input{font:inherit;font-size:14px;padding:7px 10px;border:1px solid var(--line2);border-radius:10px;background:var(--surface);color:var(--ink);min-width:160px}
.sv-new .btn{min-height:36px}
.sv-go:focus-visible,.sv-x:focus-visible,.sv-add:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
:root[data-theme="dark"] .sv-chip.on .sv-go,:root[data-theme="dark"] .sv-add{color:var(--accent-ink)}
@media (max-width:760px){
  .filterbar .f-views{order:3;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px}
  .filterbar .f-views::-webkit-scrollbar{display:none}
  .sv-chip,.sv-add{flex:none}
  .sv-go,.sv-add{min-height:40px}
  .sv-x{min-width:40px}
  .sv-new input{font-size:16px;min-width:0;flex:1 1 140px}
  .sv-new .btn{min-height:40px}
}

/* טיוטת עדכון בכרטיס (09/10/2026) */
.d-bf .d-draft{font-size:12px;color:var(--ink3);margin-inline-end:auto}

/* מסך ריק: מה עושים עכשיו (09/10/2026) */
.state .st-acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.state .st-acts .btn{min-height:44px;padding:0 18px;text-decoration:none;display:inline-flex;align-items:center}
@media (max-width:760px){.state .st-acts{flex-direction:column}.state .st-acts .btn{justify-content:center}}

/* "מי שינה את הליד" בלשונית העדכונים (09/10/2026) */
.d-body .d-who{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 10px;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);font-size:13px}
.d-body .d-who b{font-size:13px;color:var(--ink3);font-weight:800;margin-inline-end:2px}
.d-who-p{display:inline-flex;align-items:center;gap:6px;color:var(--ink)}
.d-who-p i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-deep);font-style:normal;font-weight:800;font-size:12px}
.d-who-p small{color:var(--ink3);font-size:12px}
:root[data-theme="dark"] .d-who-p i{color:var(--accent-ink)}
#drawer.d-v3 .v3-move{cursor:pointer;color:var(--ink2);font:inherit;font-size:13px}
#drawer.d-v3 .v3-move:hover{border-color:var(--accent);color:var(--accent-deep)}
@media (max-width:760px){#drawer.d-v3 .v3-move{min-height:40px;padding:6px 12px}}
/* גיליון הפעולות שנפתח מתוך הכרטיס (↪ העבר לבורד אחר) יושב מעל הכרטיס (z 90 ב-ui2.css) */
body:has(#drawer:not([hidden])) .la-back:not([hidden]){z-index:92}
body:has(#drawer:not([hidden])) .la-sheet:not([hidden]){z-index:93}

/* "ליד חדש נכנס עכשיו" בראש הבורד (09/10/2026) */
.live-new{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px;padding:9px 12px;border-radius:12px;
  background:color-mix(in srgb,var(--accent) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--ink);font-size:14px}
.live-new .btn{min-height:36px;margin-inline-start:auto}
.live-new .ln-x{border:0;background:none;color:var(--ink3);font-size:15px;min-width:36px;min-height:36px;cursor:pointer;border-radius:8px}
.live-new .ln-x:hover{background:var(--surface2)}
.live-new .ln-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);flex:none;animation:lnPulse 1.4s ease-in-out infinite}
@keyframes lnPulse{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.live-new .ln-dot{animation:none}}
@media (max-width:760px){.live-new .btn,.live-new .ln-x{min-height:40px}}
/* סטטוס חיצוני שלא קיים בבורד: השאלה לעסק בראש הבורד (דולב 09/10/2026, public/statusgate.js sqPaint) */
.sq-band{display:flex;flex-direction:column;gap:8px;margin:0 0 12px}
.sq-q{background:var(--warn-soft,#fff7e6);border:1px solid var(--warn,#f0ad4e);border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.5}
.sq-q small{color:var(--ink3,#6b7280);margin-inline-start:6px}
.sq-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.sq-acts select{font-size:16px;padding:6px 10px;border-radius:8px;border:1px solid var(--line,#d0d5dd);background:var(--card,#fff);color:inherit;max-width:100%}
.sq-or{color:var(--ink3,#6b7280);font-size:13px}
.sq-ro{margin-top:6px;color:var(--ink3,#6b7280);font-size:13px}
/* 11/10/2026: קודם קבוצה ואז סטטוס */
.sq-steps{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-end;margin-top:8px}
.sq-step{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 240px}
.sq-step legend{font-weight:600;font-size:13px;color:var(--ink2,#374151);padding:0;margin-bottom:2px}
.sq-opt{display:flex;align-items:center;gap:8px;min-height:36px;cursor:pointer}
.sq-opt input{width:18px;height:18px;margin:0;accent-color:var(--brand,#579bfc)}
.sq-opt:has(input:disabled){opacity:.5;cursor:default}
.sq-in{font-size:16px;padding:7px 10px;border-radius:8px;border:1px solid var(--line,#d0d5dd);background:var(--card,#fff);color:inherit;width:100%;max-width:320px;box-sizing:border-box}
.sq-in:focus-visible{outline:2px solid var(--brand,#579bfc);outline-offset:1px}
.sq-in[hidden],.sq-step[hidden]{display:none}
.sq-save{flex:0 0 auto}
.sq-save .btn{min-height:40px}
/* ⭐ 26/10/2026: מספר רשמי אחרי 24 שעות בלי הודעה מהליד: רק תבנית מאושרת (public/leadscreens.js) */
.ls-win{margin:0 4px 8px;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,#E5B04A 18%,var(--wa-head));color:var(--wa-ink,inherit);font-size:13.5px;line-height:1.45}
.ls-tplsel{flex:1;min-width:0;font:inherit;font-size:16px;padding:10px 12px;border:0;border-radius:22px;background:var(--wa-field,var(--wa-in));color:var(--wa-ink,inherit)}