/* מסך "הבוט" + התוספות לסקירה הכללית + "שאל את הבוט" (מעבר האפליקציה ל-CRM, 22/09/2026).
   רק למסכים שלנו. מקורות הנתונים: הבוט, דרך lib/botfeed.js. */

/* ── טבלת העסקים בסקירה: עלות לליד 3/7/30 מול יעד ── */
.hq-tb td.bot-c{font-family:var(--font-num);text-align:start;white-space:nowrap}
.hq-tb td.bot-c.g{color:var(--won)}
.hq-tb td.bot-c.w{color:var(--prog)}
.hq-tb td.bot-c.b{color:var(--lost);font-weight:700}
.hq-tb td.bot-c.dim,.hq-tb td.bot-c .dim{color:var(--ink3);font-weight:400}
.bot-pill{font-size:11px;padding:2px 8px;border-radius:99px;font-weight:600;white-space:nowrap}
.bot-pill.g{background:color-mix(in srgb,var(--won) 16%,transparent);color:var(--won)}
.bot-pill.w{background:color-mix(in srgb,var(--prog) 18%,transparent);color:var(--prog)}
.bot-pill.b{background:color-mix(in srgb,var(--lost) 16%,transparent);color:var(--lost)}
.bot-pill.u{background:var(--surface2);color:var(--ink3)}
.hq-tb tr.bot-x td{display:none}
.hq-tb tr.bot-x.on td{display:table-cell;background:var(--bg2);padding:6px 14px 10px}
.bot-camps{display:flex;flex-wrap:wrap;gap:6px}
.bot-camp{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;padding:4px 10px;border-radius:99px;border:1px solid var(--line2);color:var(--ink2)}
.bot-camp i{font-style:normal;font-family:var(--font-num);color:var(--ink)}
.bot-camp.b{border-color:color-mix(in srgb,var(--lost) 50%,transparent)}
.bot-camp.g{border-color:color-mix(in srgb,var(--won) 45%,transparent)}
.hq-tb .bot-more{cursor:pointer;color:var(--accent);font-size:12px;white-space:nowrap}
.bot-src{font-size:12px;color:var(--ink3);margin:6px 2px 0}

/* ── התראות הקמפיינים מהבוט בסקירה ── */
.bot-alerts{display:flex;flex-direction:column;gap:8px;margin:6px 0 4px}
.bot-al{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px 14px;cursor:pointer}
.bot-al:hover{border-color:var(--accent)}
.bot-al.s3{border-inline-start:3px solid var(--lost)}
.bot-al.s2{border-inline-start:3px solid var(--prog)}
.bot-al .who{font-size:12px;color:var(--ink3);padding-top:2px;min-width:44px}
.bot-al b{display:block;font-size:14.5px}
.bot-al .why{font-size:13px;color:var(--ink2);margin-top:2px}
.bot-al .reasons{margin:4px 0 0;padding-inline-start:16px;font-size:13px;color:var(--ink2)}
.bot-al .ago{font-family:var(--font-num);font-size:12px;color:var(--ink3);white-space:nowrap}
.bot-empty{color:var(--ink3);font-size:13.5px;padding:8px 2px}
.bot-err{color:var(--lost);font-size:13px;padding:8px 2px}

/* ── מסך "הבוט" ── */
.bot-chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.bot-chip{font:inherit;font-size:13.5px;padding:7px 14px;border-radius:99px;border:1px solid var(--line2);color:var(--ink2);background:var(--surface);cursor:pointer;display:inline-flex;align-items:center;gap:7px}
.bot-chip.on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);font-weight:700}
.bot-chip i{font-style:normal;font-family:var(--font-num);font-size:11px;padding:0 6px;border-radius:99px;background:var(--surface2);color:var(--ink2)}
.bot-chip.on i{background:var(--accent);color:var(--on-accent)}
.bot-sec{font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--ink3);margin:18px 0 8px;display:flex;align-items:center;gap:8px}
.bot-sec .hint{font-weight:400;letter-spacing:0;margin-inline-start:auto;font-size:12px}
.bot-list{display:flex;flex-direction:column;gap:8px}
.bot-row{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px 14px}
.bot-row .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;font-size:15px;background:var(--surface2)}
.bot-row .ic.warn{background:color-mix(in srgb,var(--prog) 18%,transparent)}
.bot-row .ic.bad{background:color-mix(in srgb,var(--lost) 16%,transparent)}
.bot-row .ic.ok{background:color-mix(in srgb,var(--won) 16%,transparent)}
.bot-row .bd{flex:1;min-width:0}
.bot-row .bd b{display:block;font-size:15px}
.bot-row .bd span{font-size:13px;color:var(--ink2);display:block}
.bot-row .bd .pre{white-space:pre-wrap;font-size:13px;color:var(--ink2);margin-top:4px;line-height:1.5}
.bot-row .m{font-family:var(--font-num);font-size:12px;color:var(--ink3);flex:none;padding-top:2px}
.bot-acts{display:flex;gap:6px;flex:none;flex-wrap:wrap;justify-content:flex-end}
.bot-row .link{color:var(--accent);cursor:pointer;font-size:13px}
.bot-health{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.bot-h{font-size:13px;padding:6px 12px;border-radius:99px;border:1px solid var(--line2);background:var(--surface);color:var(--ink2);display:inline-flex;gap:6px;align-items:center}
.bot-h.ok{border-color:color-mix(in srgb,var(--won) 45%,transparent)}
.bot-h.stale{border-color:color-mix(in srgb,var(--prog) 55%,transparent);color:var(--prog)}
.bot-h.down{border-color:color-mix(in srgb,var(--lost) 55%,transparent);color:var(--lost)}
.bot-tl{border-inline-start:2px solid var(--line2);margin-inline-start:9px;padding-inline-start:16px;display:flex;flex-direction:column;gap:10px}
.bot-tl div{position:relative;font-size:14px}
.bot-tl div::before{content:"";position:absolute;inset-inline-start:-22px;top:7px;width:10px;height:10px;border-radius:50%;background:var(--accent)}
.bot-tl div.closed::before{background:var(--won)}
.bot-tl .t{font-family:var(--font-num);color:var(--ink3);font-size:12px;margin-inline-end:8px}
.bot-tl .bz{font-weight:600}
.bot-search{width:100%;max-width:360px;font:inherit;font-size:14px;padding:8px 12px;border-radius:10px;border:1px solid var(--line2);background:var(--surface);color:var(--ink);margin-bottom:10px}
.bot-team{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}
.bot-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.bot-card .nm{font-size:16px;font-weight:700}
.bot-card .cnt{display:flex;gap:12px;flex-wrap:wrap;margin:6px 0 4px;font-size:12px;color:var(--ink3)}
.bot-card .cnt b{font-family:var(--font-num);color:var(--ink);font-size:14px;margin-inline-end:4px}
.bot-card .cnt b.bad{color:var(--lost)}
.bot-card h5{margin:8px 0 2px;font-size:12px;color:var(--ink3);font-weight:600;letter-spacing:.04em}
.bot-card ul{margin:0;padding-inline-start:18px;font-size:13.5px;color:var(--ink2)}
.bot-card li.late{color:var(--prog)}

/* ── שאל את הבוט: כפתור צף וחלון ── */
.bot-fab{position:fixed;inset-inline-end:18px;inset-inline-start:auto;bottom:18px;z-index:60;font:inherit;font-size:14px;font-weight:700;
  padding:11px 16px;border-radius:99px;border:0;background:var(--accent);color:var(--on-accent);cursor:pointer;
  box-shadow:var(--sh2);display:inline-flex;align-items:center;gap:8px}
.bot-fab:hover{background:var(--accent-deep);color:#fff}
.bot-panel{position:fixed;inset-inline-start:18px;bottom:72px;width:min(400px,calc(100vw - 36px));height:min(560px,calc(100vh - 110px));
  z-index:61;background:var(--surface);border:1px solid var(--line2);border-radius:16px;box-shadow:var(--sh3);display:flex;flex-direction:column;overflow:hidden}
.bot-panel[hidden]{display:none}
.bot-ph{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line);font-weight:700}
.bot-ph small{font-weight:400;color:var(--ink3);font-size:12px}
.bot-ph .x{margin-inline-start:auto;font:inherit;font-size:13px;color:var(--ink3);background:none;border:0;cursor:pointer}
.bot-log{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.bot-msg{max-width:88%;padding:8px 12px;border-radius:12px;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.bot-msg.me{align-self:flex-end;background:var(--accent-soft);color:var(--ink);border-end-end-radius:4px}
.bot-msg.bot{align-self:flex-start;background:var(--bg2);border:1px solid var(--line);border-end-start-radius:4px}
.bot-msg.wait{color:var(--ink3);font-style:italic}
.bot-in{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}
.bot-in textarea{flex:1;font:inherit;font-size:14px;resize:none;border-radius:10px;border:1px solid var(--line2);background:var(--bg2);color:var(--ink);padding:8px 10px;min-height:40px;max-height:120px}
.bot-in button{font:inherit;font-size:14px;font-weight:700;border-radius:10px;border:0;background:var(--accent);color:var(--on-accent);padding:0 16px;cursor:pointer}
.bot-in button[disabled]{opacity:.5;cursor:default}
@media (max-width:760px){
  /* כפתור עגול, רק האייקון, מעל הניווט התחתון ולא על השורה האחרונה ברשימה */
  /* בצד של החץ והמונה (שמאל ב-RTL), לא בצד של שמות העסקים */
  .bot-fab{bottom:calc(env(safe-area-inset-bottom,0px) + 78px);inset-inline-start:auto;inset-inline-end:12px;width:50px;height:50px;padding:0;
    justify-content:center;font-size:22px;border-radius:50%}
  .bot-fab .lbl{display:none}
  body:has(.bot-fab) .main{padding-bottom:150px}
  /* הגיליון: כל המסך. הגובה מגיע מ-JS לפי visualViewport כשהמקלדת פתוחה */
  .bot-panel{inset:0;width:auto;height:var(--vvh,100dvh);max-height:none;border-radius:0;border:0;
    padding-top:env(safe-area-inset-top,0px)}
  .bot-in{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
  .bot-in button{min-width:64px;min-height:44px}
  .bot-ph{min-height:52px}
  .bot-ph .x{font-size:15px;padding:10px 12px;min-height:44px}
  body.botchat #mnav,body.botchat .bot-fab,body.botchat .filterbar,body.botchat .bulkbar,body.botchat .tb-bulk{display:none!important}
  body.botchat{overflow:hidden}
  .bot-al{grid-template-columns:1fr auto}
  .bot-al .who{grid-column:1 / -1;min-width:0}
  /* בטלפון טבלת הקמפיינים מציגה לליד 30 יום ויעד בלבד; 3 ו-7 ימים נשארים במחשב */
  .hq-tb th:nth-child(5),.hq-tb th:nth-child(6),.hq-tb td[data-bot-cpl="3"],.hq-tb td[data-bot-cpl="7"]{display:none}
}