/* WA CRM — אפליקציית הצוות. הכול scoped תחת .wacrm-app כדי לא להתנגש בתבנית. */
.wacrm-app{
  --bg:#F1F4F6; --surface:#FFFFFF; --surface-2:#F5F7F9; --sunken:#EDF0F3;
  --ink:#1B2531; --muted:#65707C; --faint:#98A2AC; --border:#E9EDF1; --border-2:#E1E6EB;
  --accent:#12936A; --accent-soft:#E4F2EC; --accent-ink:#0C7050;
  --urgent:#D14A32; --urgent-soft:#FBEAE5;
  --warn:#B98209; --warn-soft:#F6EFDA;
  --info:#3160CF; --info-soft:#E9EFFB;
  --shadow-sm:0 1px 2px rgba(20,30,45,.05);
  --shadow:0 6px 20px rgba(20,30,45,.08),0 18px 44px rgba(20,30,45,.07);
  --mono:ui-monospace,"Consolas","SF Mono",monospace;
  --sans:"Segoe UI",system-ui,-apple-system,"Arial Hebrew",Arial,sans-serif;
  direction:rtl; font-family:var(--sans); color:var(--ink); font-size:15px; line-height:1.6;
}
@media (prefers-color-scheme:dark){
  .wacrm-app{
    --bg:#0B1017; --surface:#141B23; --surface-2:#111820; --sunken:#0E141B;
    --ink:#EAEEF3; --muted:#9AA5B1; --faint:#5F6975; --border:#222C37; --border-2:#28323E;
    --accent:#3CC492; --accent-soft:#102C24; --accent-ink:#96E6C7;
    --urgent:#EE7159; --urgent-soft:#331D18;
    --warn:#DBA23C; --warn-soft:#2C2410;
    --info:#6E9AF5; --info-soft:#172234;
    --shadow-sm:0 1px 2px rgba(0,0,0,.3);
    --shadow:0 8px 24px rgba(0,0,0,.4),0 20px 48px rgba(0,0,0,.5);
  }
}
.wacrm-app *{box-sizing:border-box}
.wacrm-app button{font-family:var(--sans)}

/* ---- header ---- */
.wacrm-nav{--nbg:#FFFFFF; --nink:#1B2531; --nmuted:#65707C; --nborder:#E9EDF1; --nacc:#12936A; --nacc-soft:#E4F2EC;
  font-family:"Segoe UI",system-ui,-apple-system,Arial; direction:rtl; margin:0 auto 16px; max-width:1120px}
@media (prefers-color-scheme:dark){.wacrm-nav{--nbg:#141B23; --nink:#EAEEF3; --nmuted:#9AA5B1; --nborder:#222C37; --nacc:#3CC492; --nacc-soft:#102C24}}
.wacrm-nav-in{display:flex; align-items:center; gap:16px; flex-wrap:wrap; background:var(--nbg); border:1px solid var(--nborder); border-radius:14px; padding:10px 16px; box-shadow:0 1px 2px rgba(20,30,45,.05)}
.wacrm-nav-brand{font-weight:800; font-size:15px; color:var(--nink); text-decoration:none}
a.wacrm-nav-brand:hover{color:var(--nacc)}
.wacrm-nav-links{display:flex; gap:4px; flex-wrap:wrap}
.wacrm-nav-links a{text-decoration:none; color:var(--nmuted); font-size:14px; font-weight:600; padding:7px 13px; border-radius:9px}
.wacrm-nav-links a:hover{color:var(--nink)}
.wacrm-nav-links a.on{background:var(--nacc-soft); color:var(--nacc)}
.wacrm-nav-user{margin-inline-start:auto; display:flex; align-items:center; gap:12px; font-size:13.5px; color:var(--nmuted)}
.wacrm-nav-logout{color:var(--nmuted); text-decoration:none; border:1px solid var(--nborder); border-radius:8px; padding:5px 11px; font-weight:600}
.wacrm-nav-logout:hover{color:var(--nink)}
.wacrm-login{max-width:380px; margin:40px auto; background:var(--surface); border:1px solid var(--border); border-radius:16px; box-shadow:var(--shadow); padding:28px 26px}
.wacrm-login h2{margin:0 0 18px; font-size:22px; font-weight:800; text-align:center}
.wacrm-login p{margin:0 0 14px}
.wacrm-login label{display:block; font-size:13px; font-weight:600; color:var(--muted); margin-bottom:5px}
.wacrm-login input[type=text], .wacrm-login input[type=password]{width:100%; background:var(--surface-2); border:1px solid var(--border); border-radius:10px; padding:11px 13px; font-size:15px; color:var(--ink); font-family:var(--sans)}
.wacrm-login input[type=text]:focus, .wacrm-login input[type=password]:focus{outline:2px solid var(--accent); outline-offset:1px}
.wacrm-login .login-remember label{display:flex; align-items:center; gap:7px; font-weight:500; color:var(--ink)}
.wacrm-login #wp-submit{width:100%; background:var(--accent); color:#fff; border:none; border-radius:11px; padding:12px; font-size:15px; font-weight:700; cursor:pointer; font-family:var(--sans)}
.wacrm-login .wacrm-forgot{text-align:center; margin:14px 0 0; font-size:13px}
.wacrm-login .wacrm-forgot a{color:var(--muted); text-decoration:none}
.wacrm-head{display:flex; align-items:center; gap:20px; flex-wrap:wrap; margin-bottom:18px}
.wacrm-hi h1{font-size:23px; font-weight:800; letter-spacing:-.015em; margin:0}
.wacrm-date{color:var(--muted); font-size:13.5px}
.wacrm-stats{display:flex; gap:18px; margin-inline-start:auto; flex-wrap:wrap}
.wacrm-stat{display:flex; align-items:center; gap:9px}
.wacrm-stat .n{font-size:19px; font-weight:800; font-variant-numeric:tabular-nums; letter-spacing:-.02em}
.wacrm-stat .l{font-size:12px; color:var(--muted); line-height:1.15}
.wacrm-stat .ring{width:9px; height:9px; border-radius:50%; background:var(--accent)}
.wacrm-stat.warn .ring{background:var(--urgent)}

/* ---- layout ---- */
.wacrm-layout{display:grid; grid-template-columns:1fr 370px; gap:16px; align-items:start}
.wacrm-panel{background:var(--surface); border:1px solid var(--border); border-radius:16px; box-shadow:var(--shadow-sm)}

/* ---- add task ---- */
.wacrm-addtask{display:flex; flex-direction:column; gap:8px; padding:14px 14px 4px}
.wacrm-addtask textarea{width:100%; box-sizing:border-box; background:var(--surface-2); border:1px solid var(--border); border-radius:10px; padding:10px 13px; font-size:14px; color:var(--ink); font-family:var(--sans); line-height:1.5; resize:vertical; min-height:64px}
.wacrm-addtask textarea:focus{outline:2px solid var(--accent); outline-offset:1px}
.wacrm-addtask input[type=text]{width:100%; box-sizing:border-box; background:var(--surface-2); border:1px solid var(--border); border-radius:10px; padding:9px 13px; font-size:13.5px; color:var(--ink); font-family:var(--sans)}
.wacrm-addtask input[type=text]:focus{outline:2px solid var(--accent); outline-offset:1px}
.wacrm-addtask-row{display:flex; gap:8px; flex-wrap:wrap; align-items:center}
.wacrm-addtask select{flex:0 0 auto; background:var(--surface-2); border:1px solid var(--border); border-radius:10px; padding:8px 10px; font-size:13px; color:var(--ink); font-family:var(--sans)}
.wacrm-addtask input[type=datetime-local]{flex:0 1 auto; max-width:185px; background:var(--surface-2); border:1px solid var(--border); border-radius:10px; padding:8px 10px; font-size:12.5px; color:var(--faint); font-family:var(--sans)}
.wacrm-addtask .daily-toggle{display:inline-flex; align-items:center; gap:5px; font-size:12.5px; color:var(--muted); cursor:pointer; user-select:none; white-space:nowrap}
.wacrm-addtask .daily-toggle input{cursor:pointer; margin:0}
.wacrm-addtask button{border:none; background:var(--accent); color:#fff; border-radius:10px; padding:9px 18px; font-weight:600; font-size:13.5px; cursor:pointer; font-family:var(--sans); margin-inline-start:auto}
.wacrm-app .wacrm-row .pill.rec{background:var(--info-soft); color:var(--info)}

/* ---- tabs ---- */
.wacrm-tabs{display:flex; gap:4px; padding:12px 14px; border-bottom:1px solid var(--border)}
.wacrm-tabs button{border:none; background:none; font-size:13.5px; font-weight:600; color:var(--faint);
  padding:6px 13px; border-radius:999px; cursor:pointer}
.wacrm-tabs button.on{background:var(--surface-2); color:var(--ink); box-shadow:var(--shadow-sm)}

/* ---- list ---- */
.wacrm-list{padding:12px 14px; display:flex; flex-direction:column; gap:9px; min-height:120px}
.wacrm-empty{color:var(--faint); text-align:center; padding:26px 0; font-size:14px}
.wacrm-glab{font-size:11px; letter-spacing:.11em; text-transform:uppercase; font-weight:700; color:var(--faint); margin:8px 2px 1px}
.wacrm-glab.u{color:var(--urgent)}
.wacrm-row{display:flex; align-items:center; gap:13px; background:var(--surface); border:1px solid var(--border);
  border-radius:13px; padding:13px 15px; cursor:pointer; box-shadow:var(--shadow-sm)}
.wacrm-row:hover{border-color:var(--border-2)}
.wacrm-row.sel{border-color:var(--accent); box-shadow:0 0 0 1px var(--accent)}
.wacrm-dot{width:8px; height:8px; border-radius:50%; background:var(--accent); flex:none}
.wacrm-dot.u{background:var(--urgent)} .wacrm-dot.done{background:var(--faint)}
.wacrm-chk{width:20px; height:20px; border-radius:6px; border:1.8px solid var(--border-2); flex:none; background:var(--surface); position:relative}
.wacrm-chk.on{background:var(--accent); border-color:var(--accent)}
.wacrm-chk.on::after{content:"✓"; color:#fff; font-size:12px; position:absolute; inset:0; display:grid; place-items:center}
.wacrm-row .b{min-width:0; flex:1}
.wacrm-row .t{font-size:14.5px; font-weight:600; line-height:1.35; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.wacrm-row.done .t{color:var(--faint); text-decoration:line-through}
.wacrm-row .s{display:flex; align-items:center; gap:8px; margin-top:4px; color:var(--muted); font-size:12.5px; flex-wrap:wrap}
.wacrm-row .tail{display:flex; align-items:center; gap:11px; flex:none}
.wacrm-cbadge{display:inline-flex; align-items:center; gap:4px; font-size:12px; color:var(--muted); font-weight:600}
.wacrm-cbadge .c{background:var(--accent); color:#fff; font-size:10px; border-radius:999px; padding:0 5px}
.wacrm-cbadge.unread{position:relative; font-size:15px; line-height:1}
.wacrm-cbadge.unread::after{content:""; position:absolute; top:-3px; inset-inline-start:-3px; width:9px; height:9px; border-radius:50%; background:var(--urgent); border:1.5px solid var(--surface)}
.wacrm-time{font-family:var(--mono); font-size:12px; color:var(--faint); white-space:nowrap}
.wacrm-time.run{color:var(--accent-ink); font-weight:700}
.pill{font-size:11px; font-weight:600; padding:2px 8px; border-radius:999px; white-space:nowrap}
.pill.u{background:var(--urgent-soft); color:var(--urgent)}
.pill.w{background:var(--warn-soft); color:var(--warn)}
.pill.g{background:var(--accent-soft); color:var(--accent-ink)}
.pill.n{background:var(--sunken); color:var(--muted)}

/* ---- detail + chat ---- */
.wacrm-detail{display:flex; flex-direction:column; overflow:hidden; position:sticky; top:14px; max-height:calc(100vh - 40px)}
.wacrm-detail-empty{padding:30px 20px; color:var(--faint); text-align:center; font-size:14px}
.wacrm-d-top{padding:17px 18px 14px}
.wacrm-d-eyebrow{font-family:var(--mono); font-size:11px; color:var(--accent); font-weight:600}
.wacrm-d-top h2{font-size:17px; font-weight:700; margin:6px 0 12px; line-height:1.3}
.wacrm-d-facts{display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px}
.wacrm-fact{font-size:11.5px; color:var(--muted); background:var(--sunken); border-radius:8px; padding:4px 9px}
.wacrm-fact b{color:var(--ink)} .wacrm-fact.u b{color:var(--urgent)}
.wacrm-d-actions{display:flex; gap:8px}
.wacrm-btn{flex:1; border:1px solid var(--border-2); background:var(--surface); color:var(--ink); border-radius:10px;
  padding:9px; font-size:13.5px; font-weight:600; cursor:pointer}
.wacrm-btn.pri{background:var(--accent); color:#fff; border-color:var(--accent)}
.wacrm-btn.del{flex:0 0 auto; color:var(--urgent); border-color:transparent; background:transparent; padding:9px 10px}
.wacrm-btn.del:hover{background:var(--urgent-soft)}
.wacrm-btn:hover{filter:brightness(.98)}

.wacrm-custlink{display:inline-block; margin-bottom:12px; color:var(--info); font-size:13px; font-weight:600; text-decoration:none}
.wacrm-custlink:hover{text-decoration:underline}
.wacrm-custlink.reconnect{margin-inline-start:14px; padding:5px 12px; border-radius:8px; background:var(--accent); color:#fff}
.wacrm-custlink.reconnect:hover{text-decoration:none; opacity:.92}
.wacrm-email{margin-top:14px; background:var(--surface-2); border:1px solid var(--border); border-radius:12px; padding:12px 14px; display:flex; flex-direction:column; gap:9px}
.wacrm-email .emsg.in{background:var(--info-soft); border:1px solid var(--info); border-radius:10px; padding:8px 10px; display:flex; flex-direction:column; gap:8px}
.wacrm-email .emsg.in.more{background:var(--surface); border-color:var(--border)}
.wacrm-ethread-d{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:6px 10px;margin-bottom:4px}
.wacrm-ethread-d summary{cursor:pointer;font-size:12.5px;font-weight:700;color:var(--muted)}
.wacrm-ethread-d .etrow{border-inline-start:3px solid var(--info);padding:6px 10px;margin:7px 0;background:var(--info-soft);border-radius:7px}
.wacrm-ethread-d .etrow.out{border-inline-start-color:var(--ok,#1a7f4b);background:var(--accent-soft)}
.wacrm-ethread-d .eth{font-size:11.5px;font-weight:700;color:var(--muted);margin-bottom:3px}
.wacrm-ethread-d .etb{font-size:12.5px;color:var(--ink);line-height:1.5}
.wacrm-email .emsg.in .eh{color:var(--info)}
.wacrm-email .eh{font-size:12.5px; font-weight:700; color:var(--muted)}
.wacrm-email .ebody{font-size:13px; color:var(--ink); line-height:1.55; white-space:pre-wrap; max-height:220px; overflow-y:auto; background:var(--surface); border:1px solid var(--border); border-radius:9px; padding:10px 12px}
.wacrm-email .ebody.html{white-space:normal; max-height:340px; overflow:auto}
.wacrm-email .ebody-frame{width:100%; min-height:120px; height:200px; border:1px solid var(--border); border-radius:9px; background:#fff; display:block}
.wacrm-email .ebody.html img{max-width:100%; height:auto}
.wacrm-email .ebody.html a{color:var(--info)}
.wacrm-email .ebody.html table{max-width:100%; border-collapse:collapse}
.wacrm-email .ebody.html *{max-width:100%}
.wacrm-email textarea{background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:10px 12px; font-size:13px; color:var(--ink); font-family:var(--sans); resize:vertical; min-height:70px}
.wacrm-email #wacrm-reply-send{align-self:flex-start}
.wacrm-email .reply-status{font-size:12.5px; color:var(--accent-ink); font-weight:600}
.wacrm-email .ebadge{display:inline-block; margin-inline-start:6px; background:var(--ok,#1a7f4b); color:#fff; font-size:11px; font-weight:700; border-radius:20px; padding:2px 9px; vertical-align:middle}
.ereplies{display:flex; flex-direction:column; gap:8px}
.ereplies .erep{background:var(--surface); border:1px solid var(--border); border-inline-start:3px solid var(--ok,#1a7f4b); border-radius:9px; padding:9px 12px}
.ereplies .erh{font-size:12px; font-weight:700; color:var(--ok,#1a7f4b); margin-bottom:4px}
.ereplies .erb{font-size:13px; color:var(--ink); line-height:1.55; white-space:pre-wrap}
/* תקלת שליחת ווצאפ */
.wacrm-fault{margin-top:14px; background:var(--urgent-soft); border:1px solid var(--urgent); border-radius:12px; padding:12px 14px; display:flex; flex-direction:column; gap:8px}
.wacrm-fault .wf-h{font-size:14px; font-weight:800; color:var(--urgent)}
.wacrm-fault .wf-row{font-size:13px; color:var(--ink)}
.wacrm-fault .wf-row span{color:var(--muted); font-weight:600}
.wacrm-fault .wf-row.err span{color:var(--urgent)}
.wacrm-fault .wf-msg{font-size:13px; color:var(--ink); line-height:1.55; white-space:pre-wrap; background:var(--surface); border:1px solid var(--border); border-radius:9px; padding:10px 12px; max-height:220px; overflow:auto}
.wacrm-fault .wf-actions{display:flex; align-items:center; gap:10px; flex-wrap:wrap}
.wacrm-fault .wf-retry{font-size:11.5px; color:var(--muted)}
.ereplies .erf{margin-top:6px; font-size:12px; color:var(--muted)}
/* קבצים מצורפים במייל */
.wacrm-email .eatts{display:flex; flex-wrap:wrap; gap:7px; align-items:center}
.wacrm-email .eatts-h{font-size:12.5px; font-weight:700; color:var(--muted); width:100%}
.wacrm-email .eatt{display:inline-flex; align-items:center; gap:6px; background:var(--surface); border:1px solid var(--border); border-radius:8px; padding:5px 10px; font-size:12.5px; color:var(--ink); text-decoration:none}
.wacrm-email .eatt:hover{border-color:var(--accent); color:var(--accent-ink)}
.wacrm-email .eatt-sz{color:var(--muted); font-size:11px}
.wacrm-email .reply-tools{display:flex; align-items:center; gap:10px; flex-wrap:wrap}
.wacrm-email .reply-file-lbl{display:inline-flex; align-items:center; gap:6px; background:var(--surface); border:1px solid var(--border-2); border-radius:8px; padding:6px 12px; font-size:12.5px; font-weight:600; color:var(--ink); cursor:pointer}
.wacrm-email .reply-file-lbl:hover{border-color:var(--accent)}
.wacrm-email .reply-file-names{font-size:12px; color:var(--muted)}
.wacrm-restore{border:1px solid var(--border-2); background:var(--surface); color:var(--accent-ink); border-radius:8px; padding:5px 12px; font-size:12.5px; font-weight:600; cursor:pointer; font-family:var(--sans)}
.wacrm-restore:hover{background:var(--accent-soft)}
.wacrm-history{margin-top:12px}
.wacrm-history:empty{display:none}
.wacrm-hist summary{cursor:pointer; font-size:12px; font-weight:700; color:var(--muted); letter-spacing:.04em}
.wacrm-hist summary::-webkit-details-marker{color:var(--faint)}
.wacrm-hist .hln{display:flex; gap:8px; align-items:baseline; padding:5px 2px; font-size:12.5px; border-top:1px solid var(--border)}
.wacrm-hist .hln:first-of-type{border-top:none; margin-top:6px}
.wacrm-hist .hev{font-weight:700; color:var(--ink); min-width:64px}
.wacrm-hist .hby{color:var(--accent-ink); font-weight:600}
.wacrm-hist .hwhen{margin-inline-start:auto; font-family:var(--mono); font-size:11px; color:var(--faint)}
.wacrm-help{margin-top:12px; display:flex; flex-direction:column; gap:6px}
.wacrm-help:empty{display:none}
.wacrm-help-h{font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--info); font-weight:700}
.wacrm-guide{background:var(--info-soft); border:1px solid color-mix(in srgb,var(--info) 25%,transparent); border-radius:10px; overflow:hidden}
.wacrm-guide summary{list-style:none; cursor:pointer; padding:9px 12px; font-size:13px; font-weight:600; color:var(--info); display:flex; align-items:center; gap:8px}
.wacrm-guide summary::-webkit-details-marker{display:none}
.wacrm-guide .qmark{width:18px; height:18px; border-radius:50%; background:var(--info); color:#fff; display:grid; place-items:center; font-size:12px; font-weight:800; flex:none}
.wacrm-guide .gbody{padding:2px 14px 12px; font-size:13px; color:var(--ink); line-height:1.6}
.wacrm-guide .gbody p{margin:0 0 8px}
.wacrm-chat-h{padding:12px 18px 8px; border-top:1px solid var(--border); display:flex; align-items:center; gap:8px}
.wacrm-chat-h b{font-size:13px}
.wacrm-chat-h .hint{font-size:11px; color:var(--faint); margin-inline-start:auto}
.wacrm-thread{flex:1; overflow-y:auto; padding:8px 18px 12px; display:flex; flex-direction:column; gap:11px; min-height:120px}
.wacrm-daysep{align-self:center; text-align:center; margin:3px 0}
.wacrm-daysep span{display:inline-block; background:var(--surface-2); color:var(--muted); font-size:11.5px; font-weight:600; border-radius:20px; padding:2px 12px; border:1px solid var(--border)}
.wacrm-msg{max-width:85%; display:flex; flex-direction:column; gap:3px}
.wacrm-msg .bub{padding:9px 12px; border-radius:14px; font-size:13px; line-height:1.45; word-wrap:break-word; position:relative}
.wacrm-msg .msgdel{border:none; background:rgba(0,0,0,.12); color:inherit; width:18px; height:18px; border-radius:50%; font-size:13px; line-height:1; cursor:pointer; padding:0; margin-inline-start:6px; vertical-align:middle; opacity:0; transition:opacity .12s}
.wacrm-msg:hover .msgdel{opacity:.75}
.wacrm-msg .msgdel:hover{opacity:1; background:var(--urgent); color:#fff}
.wacrm-msg .meta{font-size:10.5px; color:var(--faint); padding:0 4px}
.wacrm-msg.them{align-self:flex-start}
.wacrm-msg.them .bub{background:var(--sunken); color:var(--ink); border-bottom-right-radius:5px}
.wacrm-msg.me{align-self:flex-end; align-items:flex-end}
.wacrm-msg.me .bub{background:var(--accent); color:#fff; border-bottom-left-radius:5px}
.wacrm-chat-empty{color:var(--faint); font-size:12.5px; text-align:center; padding:14px 0}
.wacrm-composer{padding:11px 14px; border-top:1px solid var(--border); display:flex; gap:9px; align-items:center}
.wacrm-composer input{flex:1; background:var(--surface-2); border:1px solid var(--border); border-radius:11px;
  padding:10px 13px; color:var(--ink); font-size:13px; font-family:var(--sans)}
.wacrm-composer input:focus{outline:2px solid var(--accent); outline-offset:1px}
.wacrm-composer .chat-file{cursor:pointer; font-size:12.5px; font-weight:600; color:var(--muted); user-select:none; flex:0 0 auto; display:inline-flex; align-items:center; gap:4px; white-space:nowrap; background:var(--surface-2); border:1px solid var(--border); border-radius:11px; padding:8px 11px}
.wacrm-composer .chat-file:hover{border-color:var(--accent); color:var(--accent-ink)}
.chat-file-names{padding:2px 14px 8px; font-size:11.5px; color:var(--muted)}
.wacrm-msg .msgatts{display:flex; flex-direction:column; gap:4px; margin-top:6px}
.wacrm-msg .msgatt{display:inline-flex; align-items:center; gap:5px; font-size:12px; color:inherit; text-decoration:underline; opacity:.92}
.wacrm-msg .msgatt-sz{opacity:.7; font-size:10.5px}
.wacrm-composer .send{border:none; background:var(--accent); color:#fff; border-radius:11px; padding:0 16px;
  height:38px; font-weight:600; font-size:13px; cursor:pointer; flex:none}

@media (max-width:820px){
  .wacrm-layout{grid-template-columns:1fr}
  .wacrm-detail{position:static; max-height:none}
}

/* תאריך פתיחת משימה */
.wacrm-opened{font-size:11.5px; color:var(--faint)}

/* טיימר "כמה זמן פתוחה" למשימה דחופה שלא טופלה */
.wacrm-openwrap{color:var(--urgent); font-weight:700; font-variant-numeric:tabular-nums}
.wacrm-opentimer{font-variant-numeric:tabular-nums}
.wacrm-fact.u .wacrm-opentimer{color:var(--urgent)}

/* משימות נוספות על אותו טאבלט */
.wacrm-tabtasks{margin-top:12px}
.wacrm-tabtasks .tt-head{font-size:12.5px; font-weight:700; color:var(--muted); margin:0 0 6px}
.wacrm-tabtasks .tt-n{color:var(--faint); font-weight:600}
.wacrm-tabtasks .tt-row{display:flex; align-items:center; gap:8px; padding:6px 8px 6px 10px; margin-bottom:5px; background:var(--surface-2); border:1px solid var(--border); border-radius:9px; color:var(--ink); font-size:12.5px}
.wacrm-tabtasks .tt-row:hover{border-color:var(--accent)}
.wacrm-tabtasks .tt-main{flex:1; min-width:0; display:flex; align-items:center; gap:8px; flex-wrap:wrap; text-decoration:none; color:inherit}
.wacrm-tabtasks .tt-quick{flex:none; display:flex; align-items:center; gap:5px}
.wacrm-tabtasks .tt-q{width:27px; height:27px; border-radius:8px; border:1px solid var(--border-2); background:var(--surface); color:var(--ink); font-size:12px; line-height:1; cursor:pointer; padding:0; display:flex; align-items:center; justify-content:center}
.wacrm-tabtasks .tt-q:hover{filter:brightness(.97)}
.wacrm-tabtasks .tt-q:disabled{opacity:.5; cursor:default}
.wacrm-tabtasks .tt-q.start{color:var(--accent); border-color:var(--accent)}
.wacrm-tabtasks .tt-q.pause{color:var(--info); border-color:var(--info)}
.wacrm-tabtasks .tt-q.done{background:var(--accent); color:#fff; border-color:var(--accent); font-size:14px}
.wacrm-tabtasks .tt-t{font-weight:600}
.wacrm-tabtasks .tt-c{color:var(--muted)}
.wacrm-tabtasks .tt-u{margin-inline-start:auto; color:var(--faint)}
.wacrm-tabtasks .tt-s{font-size:11px; font-weight:700; padding:1px 8px; border-radius:999px; background:var(--sunken); color:var(--muted)}
.wacrm-tabtasks .tt-s.in_progress{background:var(--warn-soft); color:var(--warn)}
.wacrm-row .s .pill.emp{background:var(--info-soft); color:var(--info)}

/* העברת משימה לעובדת אחרת */
.wacrm-reassign{margin-top:10px; font-size:13px; color:var(--muted); display:flex; align-items:center; gap:8px; flex-wrap:wrap}
.wacrm-reassign select{background:var(--surface-2); border:1px solid var(--border); border-radius:9px; padding:6px 10px; font-size:13px; color:var(--ink); font-family:var(--sans)}
.wacrm-snooze{margin-top:10px; font-size:13px; color:var(--muted); display:flex; align-items:center; gap:6px; flex-wrap:wrap}
.wacrm-snooze .sk{color:var(--muted)}
.wacrm-snooze input[type=date]{background:var(--surface-2); border:1px solid var(--border); border-radius:9px; padding:5px 9px; font-size:13px; color:var(--ink); font-family:var(--sans)}
.wacrm-btn.sm{padding:4px 10px; font-size:12px}

/* ==================================================================== *
 *  עיצוב חדש 0.39 — מעטפת: סרגל צד + שורת-על + כרטיסים + מודל
 * ==================================================================== */
.wacrm-shell{
  --bg:#EEF1F4; --surface:#FFFFFF; --surface-2:#F5F7F9; --sunken:#EDF0F3;
  --ink:#1B2531; --muted:#65707C; --faint:#98A2AC; --border:#E9EDF1; --border-2:#E1E6EB;
  --accent:#12936A; --accent-soft:#E4F2EC; --accent-ink:#0C7050;
  --urgent:#D14A32; --urgent-soft:#FBEAE5; --warn:#B98209; --warn-soft:#F6EFDA;
  --info:#3160CF; --info-soft:#E9EFFB;
  --shadow-sm:0 1px 2px rgba(20,30,45,.05); --shadow:0 8px 26px rgba(20,30,45,.10);
  --sans:"Segoe UI",system-ui,-apple-system,"Arial Hebrew",Arial,sans-serif;
  direction:rtl; font-family:var(--sans); color:var(--ink); max-width:1500px; margin:0 auto; padding:6px 8px 30px;
}
@media (prefers-color-scheme:dark){.wacrm-shell{
  --bg:#0B1017; --surface:#141B23; --surface-2:#111820; --sunken:#0E141B;
  --ink:#EAEEF3; --muted:#9AA5B1; --faint:#5F6975; --border:#222C37; --border-2:#28323E;
  --accent:#3CC492; --accent-soft:#102C24; --accent-ink:#96E6C7;
  --urgent:#EE7159; --urgent-soft:#331D18; --warn:#DBA23C; --warn-soft:#2C2410;
  --info:#6E9AF5; --info-soft:#172234; --shadow:0 10px 28px rgba(0,0,0,.45);
}}
.wacrm-shell *{box-sizing:border-box}
.wacrm-shell svg{display:block}
.wacrm-shell a{text-decoration:none}

/* topbar */
.wacrm-topbar{display:flex; align-items:center; gap:18px; padding:10px 8px 16px}
.wacrm-brand{display:flex; align-items:center; gap:10px; font-weight:800; font-size:17px; color:var(--ink)}
.wacrm-brand .wa{width:32px;height:32px;border-radius:10px;background:var(--accent);display:grid;place-items:center;color:#fff}
.wacrm-topcenter{flex:1; text-align:center}
.wacrm-hello h1{margin:0; font-size:21px; font-weight:800; letter-spacing:-.02em}
.wacrm-hello .date{color:var(--muted); font-size:13px}
.wacrm-whoami{display:flex; align-items:center; gap:10px}
.wacrm-chipuser{display:flex; align-items:center; gap:8px; background:var(--surface); border:1px solid var(--border); border-radius:999px; padding:5px 12px 5px 7px; box-shadow:var(--shadow-sm); font-size:14px; font-weight:600; color:var(--ink)}
.wacrm-chipuser .av{width:26px;height:26px;border-radius:50%;background:var(--sunken); display:grid; place-items:center; color:var(--muted); font-weight:700}
.wacrm-logout{border:1px solid var(--border); background:var(--surface); border-radius:9px; padding:7px 13px; font-size:13.5px; font-weight:600; color:var(--muted); box-shadow:var(--shadow-sm)}
.wacrm-logout:hover{color:var(--ink)}

/* body + sidebar */
.wacrm-body{display:flex; gap:18px; align-items:flex-start}
.wacrm-sidebar{flex:0 0 210px; position:sticky; top:12px}
.wacrm-sidebar .wacrm-nav{display:flex; flex-direction:column; gap:3px; background:var(--surface); border:1px solid var(--border); border-radius:18px; padding:10px; box-shadow:var(--shadow-sm)}
.wacrm-sidebar .wacrm-nav a{display:flex; align-items:center; gap:12px; padding:11px 13px; border-radius:12px; color:var(--muted); font-weight:600; font-size:14.5px}
.wacrm-sidebar .wacrm-nav a .ic{color:var(--faint); display:grid; place-items:center; width:22px}
.wacrm-sidebar .wacrm-nav a:hover{background:var(--surface-2); color:var(--ink)}
.wacrm-sidebar .wacrm-nav a.on{background:var(--accent-soft); color:var(--accent-ink)}
.wacrm-sidebar .wacrm-nav a.on .ic{color:var(--accent)}
.wacrm-main{flex:1; min-width:0}

/* dashboard stat cards */
.wacrm-app{background:none; padding:0}
.wacrm-app .wacrm-stats{display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin:0 0 18px}
.wacrm-app .wacrm-stat{background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:15px 17px; box-shadow:var(--shadow-sm); display:flex; align-items:center; justify-content:space-between}
.wacrm-app .wacrm-stat .n{font-size:29px; font-weight:800; letter-spacing:-.03em; font-variant-numeric:tabular-nums; line-height:1}
.wacrm-app .wacrm-stat .l{color:var(--muted); font-size:13px; margin-top:6px}
.wacrm-app .wacrm-stat .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center}
.wacrm-app .wacrm-stat .ic.g{background:var(--accent-soft); color:var(--accent)}
.wacrm-app .wacrm-stat .ic.r{background:var(--urgent-soft); color:var(--urgent)}
.wacrm-app .wacrm-stat .ic.w{background:var(--warn-soft); color:var(--warn)}
.wacrm-app .wacrm-stat.clickable{cursor:pointer; transition:border-color .12s, box-shadow .12s, transform .06s}
.wacrm-app .wacrm-stat.clickable:hover{border-color:var(--accent); box-shadow:0 2px 10px rgba(0,0,0,.08)}
.wacrm-app .wacrm-stat.clickable:active{transform:translateY(1px)}
.wacrm-app .wacrm-stat.on{border-color:var(--accent); box-shadow:0 0 0 2px var(--accent-soft)}

/* dashboard layout */
.wacrm-dash{display:flex; gap:16px; align-items:flex-start; flex-direction:row-reverse}
.wacrm-side{flex:0 0 292px; display:flex; flex-direction:column; gap:16px}
.wacrm-tasks{flex:1; min-width:0; background:var(--surface); border:1px solid var(--border); border-radius:18px; box-shadow:var(--shadow-sm); overflow:hidden}
.wacrm-card{background:var(--surface); border:1px solid var(--border); border-radius:18px; box-shadow:var(--shadow-sm); padding:16px 17px}
.wacrm-card h3{margin:0 0 14px; font-size:15px; font-weight:800}
.wacrm-card .fld{margin-bottom:12px}
.wacrm-card .fld label{display:block; font-size:12.5px; color:var(--muted); font-weight:600; margin-bottom:5px}
.wacrm-card .fld select,.wacrm-card .fld input{width:100%; background:var(--surface-2); border:1px solid var(--border-2); border-radius:10px; padding:9px 12px; font-size:13.5px; color:var(--ink); font-family:var(--sans)}
.wacrm-clear{display:block; text-align:center; margin-top:4px; color:var(--muted); font-size:13px; font-weight:600; cursor:pointer}
.wacrm-qa{display:flex; flex-direction:column; gap:9px}
.wacrm-qa button,.wacrm-qa .qa-a{display:flex; align-items:center; justify-content:space-between; gap:10px; background:var(--surface-2); border:1px solid var(--border-2); border-radius:11px; padding:12px 14px; font-size:14px; font-weight:600; color:var(--ink); cursor:pointer; font-family:var(--sans)}
.wacrm-qa button:hover,.wacrm-qa .qa-a:hover{border-color:var(--accent); color:var(--accent-ink)}
.wacrm-qa .ic{color:var(--accent); font-size:18px; font-weight:700}
#wacrm-addtask{display:flex; flex-direction:column; gap:8px; margin-top:12px; padding-top:12px; border-top:1px solid var(--border)}
#wacrm-addtask input,#wacrm-addtask select{width:100%; background:var(--surface-2); border:1px solid var(--border-2); border-radius:10px; padding:9px 12px; font-size:13.5px; color:var(--ink); font-family:var(--sans)}
#wacrm-addtask button{border:none; background:var(--accent); color:#fff; border-radius:10px; padding:10px; font-weight:700; cursor:pointer; font-family:var(--sans)}

/* tasks head + tabs + rows */
.wacrm-tasks-head{padding:16px 18px 0}
.wacrm-tasks-head h2{margin:0; font-size:18px; font-weight:800}
.wacrm-app .wacrm-tabs{display:flex; gap:2px; padding:12px 14px 0; border-bottom:1px solid var(--border); margin:10px 0 0}
.wacrm-app .wacrm-tabs button{border:none; background:none; font-size:13.5px; font-weight:600; color:var(--faint); padding:9px 15px; cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-1px; border-radius:0; box-shadow:none; font-family:var(--sans)}
.wacrm-app .wacrm-tabs button.on{color:var(--accent-ink); border-bottom-color:var(--accent); background:none}
.wacrm-subhead{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; padding:12px 18px 4px; color:var(--muted); font-size:12.5px}
.wacrm-subhead .wacrm-tasksearch{flex:1; min-width:180px; max-width:340px; background:var(--surface); border:1px solid var(--border); border-radius:9px; padding:7px 12px; font-size:13px; color:var(--ink); box-sizing:border-box}
.wacrm-subhead .sort{display:inline-flex; align-items:center; gap:6px}
.wacrm-subhead .sort select{background:var(--surface-2); border:1px solid var(--border); border-radius:8px; padding:4px 8px; font-size:12.5px; color:var(--ink); font-family:var(--sans); cursor:pointer}
.wacrm-subhead .futtoggle{display:inline-flex; align-items:center; gap:5px; cursor:pointer; user-select:none}
.wacrm-subhead .futtoggle input{cursor:pointer; margin:0}
.wacrm-bulkbar{display:flex; align-items:center; gap:10px; margin:6px 18px 0; padding:9px 14px; background:var(--urgent-soft); border:1px solid var(--urgent); border-radius:11px}
.wacrm-bulkbar .bulk-n{font-size:13px; font-weight:700; color:var(--urgent); margin-inline-end:auto}
.wacrm-bulkbar .bulk-del{border:none; background:var(--urgent); color:#fff; border-radius:9px; padding:7px 14px; font-size:13px; font-weight:600; cursor:pointer; font-family:var(--sans)}
.wacrm-bulkbar .bulk-del:disabled{opacity:.6; cursor:default}
.wacrm-bulkbar .bulk-clr{border:1px solid var(--border); background:var(--surface); color:var(--ink); border-radius:9px; padding:7px 12px; font-size:13px; cursor:pointer; font-family:var(--sans)}
.wacrm-app .wacrm-row .row-sel{flex:none; width:17px; height:17px; margin-inline-end:4px; cursor:pointer; accent-color:var(--accent)}
.wacrm-app .wacrm-row.picked{background:var(--accent-soft)}
.wacrm-app .wacrm-list{padding:6px 12px 14px; display:block}
.wacrm-app .wacrm-row{position:relative; display:flex; align-items:center; gap:14px; padding:15px 18px; border:1px solid var(--border); border-radius:14px; margin:0 0 10px; background:var(--surface); cursor:pointer; box-shadow:none}
.wacrm-app .wacrm-row:hover{border-color:var(--border-2)}
.wacrm-app .wacrm-row.sel{border-color:var(--accent); box-shadow:0 0 0 1px var(--accent)}
.wacrm-app .wacrm-row .dot{position:absolute; inset-inline-start:0; top:15px; bottom:15px; width:4px; border-radius:0 4px 4px 0; background:var(--accent)}
.wacrm-app .wacrm-row .dot.r{background:var(--urgent)}
.wacrm-app .wacrm-row .dot.done{background:var(--faint)}
.wacrm-app .wacrm-row .main{flex:1; min-width:0}
.wacrm-app .wacrm-row .t{font-size:15px; font-weight:700; line-height:1.4}
.wacrm-app .wacrm-row.done .t{color:var(--faint); text-decoration:line-through}
.wacrm-app .wacrm-row .meta{display:flex; align-items:center; gap:7px; margin-top:8px; flex-wrap:wrap}
.wacrm-app .wacrm-row .pill{font-size:12px; font-weight:600; padding:3px 10px; border-radius:999px; background:var(--sunken); color:var(--muted)}
.wacrm-app .wacrm-row .pill.g{background:var(--accent-soft); color:var(--accent-ink)}
.wacrm-app .wacrm-row .pill.emp{background:var(--info-soft); color:var(--info)}
.wacrm-app .wacrm-row .pill.u{background:var(--urgent-soft); color:var(--urgent)}
.wacrm-app .wacrm-row .due{text-align:center; color:var(--muted); font-size:12px; min-width:96px}
.wacrm-app .wacrm-row .due .d{color:var(--ink); font-weight:700; font-size:13px; margin-top:3px; font-variant-numeric:tabular-nums}
.wacrm-app .wacrm-row .due .worked{color:var(--faint); font-size:11.5px; margin-top:4px}
.wacrm-app .wacrm-row .cbox{width:22px;height:22px;border:1.8px solid var(--border-2); border-radius:7px; background:var(--surface); flex:none}
.wacrm-app .wacrm-row .cbox.on{background:var(--accent); border-color:var(--accent)}
/* כפתורים מהירים בשורת המשימה */
.wacrm-app .wacrm-row .wacrm-quick{display:flex; align-items:center; gap:6px; flex:none}
.wacrm-app .wacrm-row .wacrm-q{width:30px; height:30px; border-radius:9px; border:1px solid var(--border-2); background:var(--surface); color:var(--ink); font-size:13px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; padding:0; transition:filter .12s, background .12s}
.wacrm-app .wacrm-row .wacrm-q:hover{filter:brightness(.97)}
.wacrm-app .wacrm-row .wacrm-q:disabled{opacity:.5; cursor:default}
.wacrm-app .wacrm-row .wacrm-q.start{color:var(--accent); border-color:var(--accent)}
.wacrm-app .wacrm-row .wacrm-q.pause{color:var(--info); border-color:var(--info)}
.wacrm-app .wacrm-row .wacrm-q.done{background:var(--accent); color:#fff; border-color:var(--accent); font-size:15px}
.wacrm-app .wacrm-row .wacrm-q.done:hover{filter:brightness(1.06)}

/* modal detail */
.wacrm-modal{position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center; padding:20px}
.wacrm-modal[hidden]{display:none}
.wacrm-modal-bg{position:absolute; inset:0; background:rgba(15,22,32,.45)}
.wacrm-modal-card{position:relative; background:var(--surface); border:1px solid var(--border); border-radius:18px; box-shadow:var(--shadow); width:min(680px,100%); max-height:88vh; overflow:auto; padding:22px}
.wacrm-modal-x{position:absolute; inset-inline-start:16px; top:14px; border:none; background:var(--sunken); color:var(--muted); width:30px; height:30px; border-radius:9px; font-size:15px; cursor:pointer}
.wacrm-modal-x:hover{color:var(--ink)}

@media (max-width:1080px){
  .wacrm-app .wacrm-stats{grid-template-columns:repeat(2,1fr)}
  .wacrm-dash{flex-direction:column}
  .wacrm-side{flex-basis:auto; width:100%}
  .wacrm-sidebar{flex-basis:60px}
  .wacrm-sidebar .wacrm-nav a span:last-child{display:none}
  .wacrm-topcenter{display:none}
}

/* ---- 0.39.1 — סינון ופעולות מהירות בעמודת התפריט ---- */
.wacrm-sidebar{flex:0 0 250px; position:static; display:flex; flex-direction:column; gap:14px}
.wacrm-sb-card{padding:14px 15px}
.wacrm-sb-card h3{margin-bottom:11px; font-size:14px}
.wacrm-sb-card .fld{margin-bottom:10px}
.wacrm-main .wacrm-tasks{width:100%}
@media (max-width:1080px){
  .wacrm-body{flex-direction:column}
  .wacrm-sidebar{flex-basis:auto; width:100%; flex-direction:column}
  .wacrm-sidebar .wacrm-nav{flex-direction:row; flex-wrap:wrap}
  .wacrm-sidebar .wacrm-nav a span:last-child{display:inline}
  .wacrm-topcenter{display:block}
}

/* ---- דלפק קדמי: כפתורים בולטים ---- */
.wacrm-frontdesk{display:flex; gap:14px; margin:0 0 16px}
.fd-btn{flex:1; display:flex; align-items:center; justify-content:center; gap:10px; border:none; border-radius:16px; padding:18px 20px; font-size:17px; font-weight:800; cursor:pointer; font-family:var(--sans); color:#fff; box-shadow:var(--shadow-sm)}
.fd-btn .fd-ic{font-size:22px}
.fd-btn.sec{background:var(--info)}
.fd-btn.call{background:var(--accent)}
.fd-btn.end{background:var(--urgent); flex:none; width:100%; padding:14px}
.fd-btn:hover{filter:brightness(1.05)}

/* ---- עבודות מזכירות — חוסם מסך ---- */
.wacrm-block{position:fixed; inset:0; z-index:100000; background:rgba(12,18,26,.78); backdrop-filter:blur(3px); display:flex; align-items:center; justify-content:center; padding:20px}
.wacrm-block[hidden]{display:none}
.wacrm-block-card{background:var(--surface); border-radius:22px; box-shadow:var(--shadow); padding:34px 40px; text-align:center; max-width:440px; width:100%}
.wacrm-block-card .sec-ic{font-size:44px}
.wacrm-block-card h2{margin:10px 0 6px; font-size:22px; font-weight:800}
.wacrm-block-card p{color:var(--muted); font-size:14px; margin:0 0 20px}
.sec-timer{font-size:52px; font-weight:800; letter-spacing:.02em; font-variant-numeric:tabular-nums; color:var(--info); margin:6px 0 4px}

/* ---- שיחה נכנסת ---- */
#wacrm-call-modal .call-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:14px}
#wacrm-call-modal .call-head h2{margin:0; font-size:19px; font-weight:800}
#wacrm-call-modal .call-timer{font-size:18px; font-weight:800; font-variant-numeric:tabular-nums; color:var(--accent-ink); background:var(--accent-soft); padding:4px 12px; border-radius:999px}
#wacrm-call-modal .call-picktype{display:flex; gap:18px; margin-bottom:12px; font-size:14px}
#wacrm-call-modal .call-picktype label{display:flex; align-items:center; gap:6px; cursor:pointer}
#wacrm-call-modal input[type=search],#wacrm-call-modal input[type=text],#wacrm-call-modal textarea{width:100%; background:var(--surface-2); border:1px solid var(--border-2); border-radius:11px; padding:11px 13px; font-size:14px; color:var(--ink); font-family:var(--sans); box-sizing:border-box; margin-bottom:8px}
#wacrm-call-modal .call-lbl{display:block; font-size:12.5px; color:var(--muted); font-weight:600; margin:6px 0 5px}
.call-results{max-height:180px; overflow:auto; margin-bottom:8px}
.call-res{padding:9px 12px; border:1px solid var(--border); border-radius:9px; margin-bottom:5px; cursor:pointer; font-size:13.5px}
.call-res:hover{border-color:var(--accent); background:var(--accent-soft)}
.call-none{color:var(--faint); font-size:13px; padding:6px}
.call-chosen{background:var(--accent-soft); color:var(--accent-ink); border-radius:9px; padding:9px 12px; font-size:13.5px; margin-bottom:8px}
.call-chosen a{color:var(--accent-ink); text-decoration:underline; cursor:pointer; margin-inline-start:6px}
.call-actions{display:flex; gap:10px; align-items:center; margin-top:6px}
.call-actions .fd-btn.end{flex:1; width:auto}

/* שיחה נכנסת — חלונית צפה שלא חוסמת את המסך (אפשר לעבוד בזמן שיחה) */
.wacrm-callpanel{position:fixed; left:20px; bottom:20px; z-index:100050; width:min(370px, calc(100vw - 40px))}
.wacrm-callpanel[hidden]{display:none}
.wacrm-callpanel-card{background:var(--surface); border:1px solid var(--border); border-radius:16px; box-shadow:var(--shadow); padding:18px; max-height:min(80vh, 620px); overflow:auto}

.wacrm-app .wacrm-row .pill.tab{background:var(--info-soft); color:var(--info)}

/* ---- פופאפ משימה: 2 עמודות — פרטים | צ'אט ---- */
.wacrm-modal .wacrm-modal-card{width:min(960px, 100%)}
.wacrm-d-grid{display:grid; grid-template-columns:1.1fr .9fr; gap:22px; align-items:start}
.wacrm-d-main{min-width:0}
.wacrm-d-chat{position:sticky; top:0; display:flex; flex-direction:column; max-height:calc(86vh - 8px); border-inline-start:1px solid var(--border); padding-inline-start:20px}
.wacrm-d-chat .wacrm-chat-h{margin-bottom:8px}
.wacrm-d-chat .wacrm-thread{flex:1 1 auto; min-height:220px; max-height:56vh; overflow-y:auto}
.wacrm-d-chat .wacrm-composer{margin-top:8px}
/* הגבלת רוחב הצ'אט: מאפשר לעמודת הצ'אט להצטמצם, ולינקים/מחרוזות ארוכות (דרישת תשלום) לרדת שורה —
   במקום להרחיב את הצ'אט ולדחוס את עמודת הפרטים. */
.wacrm-d-chat{min-width:0}
.wacrm-d-chat .wacrm-thread, .wacrm-d-chat .wacrm-thread *{min-width:0; overflow-wrap:anywhere; word-break:break-word}
@media (max-width:760px){
  .wacrm-d-grid{grid-template-columns:1fr}
  .wacrm-d-chat{position:static; max-height:none; border-inline-start:none; padding-inline-start:0; border-top:1px solid var(--border); padding-top:14px}
  .wacrm-d-chat .wacrm-thread{max-height:44vh}
}

.wacrm-notif-btn{border:1px solid var(--accent); background:var(--accent-soft); color:var(--accent-ink); border-radius:9px; padding:6px 12px; font-size:13px; font-weight:700; cursor:pointer; font-family:var(--sans)}
.wacrm-notif-btn:hover{background:var(--accent); color:#fff}