/* מסך החיבורים החדש (דולב, 11/10/2026). אותה שפה של connect.css ו-ui2.css: אותם משתנים,
 * בהיר וכהה, RTL. שלושה אזורים במסך הראשי, אשף בחמישה שלבים, ותמונת מצב בעסק. */
html[data-ui="2"]{ --ch-bad:#C2410C; --ch-bad-soft:#FDE7DD; }
html[data-ui="2"][data-theme="dark"]{ --ch-bad:#FF8A5B; --ch-bad-soft:#3B1E13; }
.ch{max-width:1100px}
.ch .num,.ch-n{font-family:var(--font-num,'Inter','Heebo',system-ui,sans-serif);font-variant-numeric:tabular-nums}
.ch :is(button,a,input,select):focus-visible{outline:3px solid var(--accent-t3);outline-offset:2px}

/* אזורים */
.ch-zone{margin:0 0 26px}
.ch-h{font-size:18px;font-weight:800;margin:0 0 10px;color:var(--ink);display:flex;align-items:center;gap:8px}
.ch-n{min-width:24px;height:24px;padding:0 8px;border-radius:99px;display:inline-grid;place-items:center;font-size:13px;font-weight:800;background:var(--surface2);color:var(--ink2);border:1px solid var(--line)}
.ch-n.bad{background:var(--ch-bad-soft);color:var(--ch-bad);border-color:color-mix(in srgb,var(--ch-bad) 30%,transparent)}
.ch-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.ch-top .ch-h{margin:0}
.ch-q{max-width:340px;flex:1 1 220px}
.ch-q input{font-size:16px}
.ch-group{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--ch-bad)}
.ch-calm{border:1px dashed var(--line2,var(--line));border-radius:14px;padding:14px 16px;color:var(--ink2);font-size:14px;background:var(--surface)}
.ch-calm b{color:var(--accent-deep);margin-inline-end:4px}
html[data-ui="2"][data-theme="dark"] .ch-calm b{color:var(--accent-ink)}

/* דורש טיפול: שורה לכל תקלה, פס צבע לפי חומרה */
.ch-att{display:grid;gap:8px}
.ch-att-r{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;
  background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh1);border-inline-start:5px solid var(--cn-warn);transition:transform .15s ease,box-shadow .15s ease}
.ch-att-r.bad{border-inline-start-color:var(--ch-bad)}
@media (hover:hover) and (pointer:fine){.ch-att-r:hover{transform:translateY(-1px);box-shadow:var(--sh2)}}
.ch-att-r:active{transform:none}
.ch-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--cn-warn-soft);color:var(--cn-warn)}
.ch-att-r.bad .ch-ic{background:var(--ch-bad-soft);color:var(--ch-bad)}
.ch-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ch-att-t{display:grid;gap:2px;min-width:0}
.ch-att-t b{font-size:15px;color:var(--ink);overflow-wrap:anywhere}
.ch-att-t>span{font-size:14px;color:var(--ink2);overflow-wrap:anywhere}
.ch-att-t small{font-size:13px;color:var(--ink3);overflow-wrap:anywhere}
.ch-when{font-weight:700;color:var(--ink);white-space:nowrap}

/* תגיות מצב */
.ch-tag{border-radius:999px;padding:3px 11px;font-size:12px;font-weight:800;white-space:nowrap;justify-self:start;align-self:center;border:1px solid transparent}
.ch-tag.ok{background:var(--accent-soft);color:var(--accent-deep)}
html[data-ui="2"][data-theme="dark"] .ch-tag.ok{color:var(--accent-ink)}
.ch-tag.warn{background:var(--cn-warn-soft);color:var(--cn-warn)}
.ch-tag.bad{background:var(--ch-bad-soft);color:var(--ch-bad)}
.ch-tag.off,.ch-tag.na{background:var(--surface2);color:var(--ink3);border-color:var(--line)}

/* חיבור לא הושלם, כל העסקים */
.ch-list{display:grid;gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.ch-inc,.ch-biz{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line);min-height:52px}
.ch-inc:last-child,.ch-biz:last-child{border-bottom:0}
.ch-inc.stuck{box-shadow:inset 4px 0 0 var(--cn-warn)}
.ch-inc-t,.ch-biz-t{display:grid;gap:2px;min-width:0;flex:1}
.ch-inc-t b,.ch-biz-t b{font-size:15px;color:var(--ink);overflow-wrap:anywhere}
.ch-inc-t span,.ch-biz-t span{font-size:13px;color:var(--ink3);overflow-wrap:anywhere}
.ch-inc-t .ch-tag{margin-top:4px}
.ch-note{font-size:13px;color:var(--ink2)}
a.ch-biz{color:inherit;text-decoration:none;transition:background .12s}
a.ch-biz:hover{background:var(--surface2)}
.ch-biz>i{width:10px;height:10px;border-radius:50%;flex:none}

/* האשף */
.ch-steps-bar{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.ch-steps-bar li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--ink3);font-size:13px;min-width:0}
.ch-steps-bar li span{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-weight:800;background:var(--surface2);flex:none;font-family:var(--font-num,'Inter',system-ui)}
.ch-steps-bar li b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-steps-bar li.on{border-color:var(--accent);color:var(--ink);box-shadow:0 0 0 2px var(--accent-soft)}
.ch-steps-bar li.on span{background:var(--accent);color:var(--on-accent,#fff)}
.ch-steps-bar li.done span{background:var(--accent-soft);color:var(--accent-deep)}
.chw-card{max-width:none}
.ch-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ch input[type=tel],.ch input[type=text],.ch select{border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:var(--surface2);color:var(--ink);font:inherit;font-size:16px;min-width:0;width:100%;min-height:44px;box-sizing:border-box}
.req{color:var(--ch-bad);font-style:normal}
.ch-found{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;border-radius:14px;padding:12px 14px;border:1px solid var(--line);background:var(--surface)}
.ch-found.ok{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent-soft) 60%,var(--surface))}
.ch-found.miss{border-color:color-mix(in srgb,var(--cn-warn) 45%,transparent);background:var(--cn-warn-soft)}
.ch-found b{font-size:15px}
.ch-steps{margin:0;padding-inline-start:20px;display:grid;gap:4px;font-size:14px;color:var(--ink)}
.ch-more{border:1px dashed var(--line2,var(--line));border-radius:12px;padding:8px 10px;display:grid;gap:8px}
.ch-more summary{cursor:pointer;font-weight:700;font-size:14px;color:var(--ink2);min-height:32px;display:flex;align-items:center}
.ch-kinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ch-kind{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;transition:border-color .15s,box-shadow .15s}
.ch-kind.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.ch-kind input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin-top:1px}
.ch-kind span{display:grid;gap:2px}.ch-kind b{font-size:15px}.ch-kind small{font-size:13px;color:var(--ink3)}
.ch-sub{margin:4px 0 0;font-size:14px;font-weight:800;color:var(--ink2)}
.ch-map{display:grid;grid-template-columns:minmax(0,1.3fr) auto minmax(0,1.2fr);gap:8px 12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}
.ch-map-t{display:grid;gap:2px;min-width:0}.ch-map-t b{font-size:14px;overflow-wrap:anywhere}.ch-map-t small{font-size:13px;color:var(--ink3);overflow-wrap:anywhere}
.ch-map>.cn-field:last-child,.ch-map>.cn-note{grid-column:1/-1}
.ch-seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.ch-seg button{all:unset;box-sizing:border-box;cursor:pointer;padding:8px 12px;font-size:14px;font-weight:700;color:var(--ink2);min-height:40px;display:grid;place-items:center}
.ch-seg button+button{border-inline-start:1px solid var(--line)}
.ch-seg button.on{background:var(--accent);color:var(--on-accent,#fff)}
.ch-seg button[disabled]{opacity:.45;cursor:not-allowed}
.ch-seg button:focus-visible{outline:3px solid var(--accent-t3);outline-offset:-3px}
.ch-preview{border-radius:14px;padding:12px 14px;background:var(--cn-warn-soft);border:1px solid color-mix(in srgb,var(--cn-warn) 40%,transparent);display:grid;gap:6px;font-size:14px}
.ch-preview ul{margin:0;padding-inline-start:20px;display:grid;gap:3px}
.ch-sum{list-style:none;margin:0;padding:0;display:grid;gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ch-sum li{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--line);font-size:14px;background:var(--surface)}
.ch-sum li:last-child{border-bottom:0}
.ch-sum li span{color:var(--ink2)}
.ch-sum li.ok{box-shadow:inset 4px 0 0 var(--accent)}
.ch-sum li.miss{box-shadow:inset 4px 0 0 var(--cn-warn)}
.ch-ok{margin:0;font-size:15px;font-weight:700;color:var(--accent-deep)}
html[data-ui="2"][data-theme="dark"] .ch-ok{color:var(--accent-ink)}
.ch-checks{display:grid;gap:4px}
.ch-mtext{margin:0 0 8px;font-size:14px;color:var(--ink)}

/* לשונית החיבורים של עסק: תמונת מצב (חלק ג) ו"+ הוספת חיבור" */
.ch-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin:0 0 18px}
.ch-card{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;align-content:flex-start;padding:11px 13px;border-radius:13px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh1);min-width:0}
.ch-card>.lbl,.ch-card>b,.ch-card>small{flex-basis:100%}
.ch-card b{font-size:14px;overflow-wrap:anywhere;color:var(--ink)}
.ch-card small{font-size:12px;color:var(--ink3)}
.ch-card .btn{justify-self:start;min-height:32px;padding:3px 12px;font-size:13px}
.ch-card.meta{border-inline-start:4px solid var(--cn-meta)}
.ch-card.bot{border-inline-start:4px solid var(--cn-wa)}
.ch-card.ext{border-inline-start:4px solid var(--cn-ext)}
.ch-card.pend{border-inline-start:4px solid var(--cn-warn)}
.cs-add{position:relative}
.ch-addm{position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:30;width:min(340px,90vw);display:grid;gap:4px;padding:6px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh2);animation:cnIn .15s ease-out}
.ch-addm .btn{display:grid;justify-items:start;text-align:start;gap:0;min-height:48px;border:0;background:none;width:100%}
.ch-addm .btn:hover{background:var(--surface2)}
.ch-addm .btn small{font-weight:400;color:var(--ink3);font-size:12px}
.ch-addm .btn[aria-disabled="true"]{opacity:.55}
.ch-path{margin:0 0 18px}
.ch-path .cn-bar .ch-x{margin-inline-start:8px;min-height:32px;padding:2px 10px}

/* 11/10/2026 (איילה): "חיבור מלא" בשורה של כל עסק */
.ch-biz-w{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding-inline-end:12px}
.ch-biz-w:last-child{border-bottom:0}
.ch-biz-w>.ch-biz{flex:1;min-width:0;border-bottom:0}
.ch-full{flex:none;min-height:36px;padding:4px 12px;font-size:13px}
.ch-card.full{border-inline-start:4px solid var(--accent)}

/* שלב 2: שני אזורים נפרדים, חשבון מודעות ודף עסקי. הבחירה מודגשת, ומה ששייך לעסק אחר מעומעם */
.ch-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.ch-pick{display:grid;gap:8px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--sh1);min-width:0}
.ch-pick.acc{border-top:4px solid var(--cn-meta,var(--accent))}
.ch-pick.page{border-top:4px solid var(--accent)}
.ch-pick-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px}
.ch-pick-h{margin:0;font-size:16px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:8px}
.ch-pick-h small{font-size:12px;font-weight:700;color:var(--ink3)}
.ch-pick-n{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--ink);color:var(--surface);font-size:13px;font-weight:800;font-family:var(--font-num,'Inter',system-ui)}
.ch-pick-sel{font-size:13px;color:var(--ink3);padding:4px 10px;border-radius:99px;background:var(--surface2);border:1px dashed var(--line);max-width:100%;overflow-wrap:anywhere}
.ch-pick-sel.on{color:var(--accent-deep);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}
html[data-ui="2"][data-theme="dark"] .ch-pick-sel.on{color:var(--accent-ink)}
.ch-pick .ch-q{max-width:none}
.ch-pick-l{grid-template-columns:1fr;max-height:320px;overflow:auto;padding:2px;overscroll-behavior:contain}
.ch-o{transition:border-color .12s,background .12s,box-shadow .12s}
.ch-o:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.ch-o.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 70%,var(--surface));box-shadow:0 0 0 2px var(--accent)}
.ch-o.taken{background:var(--surface2);border-style:dashed}
.ch-o.taken b{color:var(--ink3)}
.ch-o .ch-own{color:var(--cn-warn);font-weight:700}
.ch-chk{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--accent);color:var(--on-accent,#fff);font-size:11px;margin-inline-end:6px;vertical-align:1px}
.ch-soft{margin:0;font-size:13px;color:var(--ink2);padding:8px 10px;border-radius:10px;background:var(--cn-warn-soft);border-inline-start:3px solid var(--cn-warn)}
.ch-o .ch-soft-i{color:var(--cn-warn)}
/* שלב 4: מה כבר קיים, ומה ייפתח בפועל */
.ch-have{display:grid;gap:4px;padding:10px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--line);font-size:14px}
.ch-have>span{color:var(--ink2)}
.ch-have ul{margin:0;padding-inline-start:18px;display:grid;gap:2px;color:var(--ink2)}
.ch-newsum{margin:0;font-size:14px;font-weight:700;color:var(--ink);padding:8px 12px;border-radius:10px;background:var(--surface2);border:1px solid var(--line)}
.ch-cl{list-style:none;padding:0}
.ch-cl li{display:grid;gap:1px;padding:4px 0}
.ch-cl small{color:var(--ink3);font-size:13px}

@media (prefers-reduced-motion:reduce){.ch-att-r,.ch-kind,.ch-addm,.ch-o{transition:none;animation:none}}
@media (max-width:760px){
  .ch-att-r{grid-template-columns:34px minmax(0,1fr);gap:10px}
  .ch-att-r>.ch-tag{grid-column:2}
  .ch-ic{width:34px;height:34px}
  .ch-inc{flex-wrap:wrap}
  .ch-inc .btn{flex:1 1 100%;min-height:44px}
  .ch-biz{flex-wrap:wrap}
  .ch-q{max-width:none;min-width:0}
  .ch-steps-bar{grid-template-columns:repeat(5,minmax(0,1fr))}
  .ch-steps-bar li{justify-content:center;padding:8px 4px}
  .ch-steps-bar li b{display:none}
  .ch-steps-bar li.on b{display:none}
  .ch-grid2,.ch-kinds{grid-template-columns:1fr}
  .ch-map{grid-template-columns:1fr}
  .ch-seg{width:100%}.ch-seg button{flex:1;min-height:44px}
  .ch .cn-row .btn{min-height:44px}
  /* בטלפון התפריט נפתח בתוך הדף, מתחת לכפתור, ולא מעל התוכן */
  .u2-tb-acts:has(.cs-add){flex-wrap:wrap}
  .cs-add{flex:1 1 100%;display:grid;justify-content:stretch}
  .cs-add>.btn{min-height:44px}
  .ch-addm{position:static;width:auto;margin-top:6px;box-shadow:var(--sh1);animation:none}
  .ch-card .btn,.ch-path .cn-bar .ch-x{min-height:44px}
  .ch-strip{grid-template-columns:1fr 1fr}
  .ch-picks{grid-template-columns:1fr}
  .ch-biz-w{flex-wrap:wrap;padding:0 0 10px}
  .ch-biz-w>.ch-biz{flex:1 1 100%}
  .ch-full{min-height:44px;margin-inline:14px}
  .ch-o{min-height:48px}
}
@media (max-width:420px){.ch-strip{grid-template-columns:1fr}}
/* 23/10/2026 (בדיקת המסכים, 768): בטאבלט עם מגע הכלל של הטלפון למעלה לא חל, ו"החלפה", "שינוי"
   ו"חיבור מלא" נשארו 32 עד 36 פיקסל. רק הגובה, בלי לשנות את הפריסה של הטאבלט. */
@media (pointer:coarse){
  .ch-card .btn,.ch-full,.ch .cn-row .btn,.ch-seg button,.cs-add>.btn,.ch-inc .btn,.ch-path .cn-bar .ch-x{min-height:44px}
}