/* אשף החיבורים (דולב, 05/10/2026). לפי ההדמיה המאושרת connect-wizard.html:
 * כרטיס לכל חיבור עם פס צבע לפי סוג, ירוק = נמצא אוטומטית, צהוב לא בשימוש כאן
 * (הוא היה סימון "חדש" בהדמיה בלבד). בהיר וכהה מאותם משתנים של הממשק. */
html[data-ui="2"]{
  --cn-meta:#1877F2; --cn-meta-soft:#E3EEFD; --cn-wa:#1FAF5C; --cn-wa-soft:#DEF5E7;
  --cn-ext:#7C3AED; --cn-ext-soft:#EEE6FD; --cn-warn:#8E5E18; --cn-warn-soft:#FDF0D8;
  --cn-bub:#D9FDD3; --cn-chat:#EFEAE2;
}
html[data-ui="2"][data-theme="dark"]{
  --cn-meta:#6EA8FF; --cn-meta-soft:#14243F; --cn-wa:#35C774; --cn-wa-soft:#123322;
  --cn-ext:#A78BFA; --cn-ext-soft:#241B3F; --cn-warn:#E9B055; --cn-warn-soft:#3A2C12;
  --cn-bub:#1F4D36; --cn-chat:#182238;
}
.cn{max-width:1100px}
.cn .num{font-family:var(--font-num,'Inter','Heebo',system-ui,sans-serif);font-variant-numeric:tabular-nums}
.cn-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.cn-top .note{color:var(--ink3);font-size:13px}
.cn-sp{flex:1}
.cn-add{font-weight:800}
.cn-add:focus-visible,.cn button:focus-visible,.cn select:focus-visible,.cn input:focus-visible{outline:3px solid var(--accent-t3);outline-offset:2px}

/* כרטיסי המצב */
.cn-conns{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:10px;margin-bottom:16px}
.cn-conn{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--line);border-radius:14px;padding:12px 12px 12px 14px;display:grid;gap:5px;align-content:start;
  background:var(--surface);border-inline-start:4px solid var(--c);box-shadow:var(--sh1);transition:transform .15s ease,box-shadow .15s ease}
.cn-conn:hover{transform:translateY(-1px);box-shadow:var(--sh2)}
.cn-conn:focus-visible{outline:3px solid var(--accent-t3);outline-offset:2px}
.cn-conn b{font-size:15px;color:var(--ink)}
.cn-conn small{color:var(--ink3);font-size:13px;overflow-wrap:anywhere}
.cn-conn.na{cursor:default;opacity:.72}
.cn-conn.na:hover{transform:none;box-shadow:var(--sh1)}
.cn-pill{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;justify-self:start;white-space:nowrap}
.cn-pill.ok{background:var(--accent-soft);color:var(--accent-deep)}
html[data-ui="2"][data-theme="dark"] .cn-pill.ok{color:var(--accent-ink)}
.cn-pill.miss{background:var(--cn-warn-soft);color:var(--cn-warn)}
.cn-pill.na,.cn-pill.none{background:var(--surface2);color:var(--ink3);border:1px solid var(--line)}

/* פירוט מה שמחובר */
.cn-list{display:grid;gap:8px}
.cn-item{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--surface2)}
.cn-item .t{display:grid;gap:2px;min-width:0;flex:1 1 220px}
.cn-item .t b{font-size:14px;overflow-wrap:anywhere}.cn-item .t span{font-size:13px;color:var(--ink3);overflow-wrap:anywhere}
.cn-item .acts{display:flex;gap:6px;flex-wrap:wrap}
.cn-confirm{flex-basis:100%;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--cn-warn-soft);border-radius:10px;padding:10px 12px;font-size:14px}
.cn-confirm p{margin:0;flex:1 1 220px;color:var(--ink)}
.btn.cn-danger{background:var(--lost,#C2410C);border-color:var(--lost,#C2410C);color:#fff}
.cn-log{display:grid;gap:4px;font-size:13px}
.cn-log div{display:flex;gap:8px;flex-wrap:wrap;color:var(--ink2)}
.cn-log time{color:var(--ink3);font-family:var(--font-num,'Inter',system-ui);font-size:12px;min-width:92px}

/* האשף */
.cn-wiz{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 50px -34px rgba(0,0,0,.45);overflow:hidden;margin-bottom:16px;animation:cnIn .18s ease-out}
@keyframes cnIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.cn-wiz{animation:none}.cn-conn{transition:none}}
.cn-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);font-weight:800}
.cn-bar small{color:var(--ink3);font-weight:500;margin-inline-start:auto;font-size:13px}
.cn-body{padding:14px 16px;display:grid;gap:12px}
.cn-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cn-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cn-type{all:unset;box-sizing:border-box;cursor:pointer;border:1.5px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:4px;background:var(--surface);color:var(--ink);text-align:start}
.cn-type .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:800;color:#fff;background:var(--c);font-size:15px}
.cn-type b{font-size:15px}.cn-type small{color:var(--ink3);font-size:13px}
.cn-type.sel{border-color:var(--c);box-shadow:0 0 0 2px var(--c)}
.cn-type:focus-visible{outline:3px solid var(--accent-t3);outline-offset:2px}
.cn-type[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.cn-field{display:grid;gap:4px}
.cn-field>label,.cn-field>.lb{font-size:13px;color:var(--ink3);font-weight:700}
.cn-inp{border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:var(--surface2);font-size:15px;display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap;color:var(--ink)}
.cn-inp.auto{background:var(--accent-soft);border-color:var(--accent)}
.cn-inp .tag{font-size:12px;font-weight:700;color:var(--accent-deep)}
html[data-ui="2"][data-theme="dark"] .cn-inp .tag{color:var(--accent-ink)}
.cn select,.cn input[type=text],.cn input:not([type]){border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:var(--surface2);color:var(--ink);font:inherit;font-size:15px;min-width:0;max-width:100%;width:100%}
.cn-form{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:8px;background:var(--surface2)}
.cn-form.done{border-color:var(--accent);background:var(--accent-t1,var(--surface2))}
.cn-form .t{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cn-form .t b{font-size:15px;overflow-wrap:anywhere}
.cn-form .t small{color:var(--ink3);font-size:13px}
.cn-choice{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.cn-ch{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:14px;background:var(--surface);color:var(--ink);text-align:start}
.cn-ch.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
.cn-ch:focus-visible{outline:3px solid var(--accent-t3);outline-offset:2px}
.cn-chk{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--ink2);cursor:pointer}
.cn-chk input{width:18px;height:18px;accent-color:var(--accent)}
.cn-code{font-family:var(--font-num,'Inter',ui-monospace,monospace);direction:ltr;text-align:left;background:var(--surface2);border:1px dashed var(--line2,var(--line));border-radius:10px;padding:9px 12px;font-size:13px;overflow-wrap:anywhere;color:var(--ink)}
.cn-waad{background:var(--cn-chat);border-radius:12px;padding:10px;display:grid}
.cn-bub{background:var(--cn-bub);border-radius:10px;padding:8px 10px;font-size:14px;max-width:85%;justify-self:end;color:var(--ink);overflow-wrap:anywhere}
html[data-ui="2"][data-theme="light"] .cn-bub{color:#111b21}
.cn-ok{display:flex;gap:8px;align-items:flex-start;font-size:14px}
.cn-ok i{flex:none;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-style:normal;font-size:12px;margin-top:2px}
.cn-ok.miss i{background:var(--cn-warn)}
.cn-note{font-size:13px;color:var(--ink3)}
.cn-help{background:var(--cn-warn-soft);border-radius:12px;padding:10px 12px;font-size:14px;color:var(--ink)}
.cn-load{color:var(--ink3);font-size:14px;padding:8px 0}
.cn-res{border:1px solid var(--accent);background:var(--accent-soft);border-radius:12px;padding:10px 12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:14px}

@media (max-width:640px){
  .cn-types{grid-template-columns:1fr}
  .cn-choice{grid-template-columns:1fr}
  .cn-conns{grid-template-columns:1fr}
  .cn-body{padding:12px}
  .cn select,.cn input[type=text],.cn input:not([type]){font-size:16px}
  .cn-wiz .cn-row .btn.primary{flex:1 1 100%}
}
/* פעילים / לא פעילים בשלב הטפסים (05/10/2026) */
.cn-sec{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:4px 0 2px}
.cn-sec b{font-size:15px}.cn-sec span{font-size:13px;color:var(--ink3)}
.cn-old{border:1px dashed var(--line2,var(--line));border-radius:12px;padding:8px 10px;margin-top:6px;display:grid;gap:8px}
.cn-old summary{cursor:pointer;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;list-style:none}
.cn-old summary::before{content:"‹";transition:transform .15s;display:inline-block}
.cn-old[open] summary::before{transform:rotate(-90deg)}
.cn-old summary span{font-size:13px;color:var(--ink3)}
.cn-old .cn-form{opacity:.85}
.cn-field textarea{width:100%;font:inherit;font-size:16px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--surface);color:var(--ink);resize:vertical}
/* נלמד אוטומטית, ממתין לבדיקה (05/10/2026): מסך החיבורים של עסק ומסך Meta */
.cn-rev{border-color:var(--cn-warn);background:color-mix(in srgb,var(--cn-warn-soft) 45%,var(--surface2))}
.cn-rev .t{gap:6px}
.cn-auto{font-size:12px;padding:1px 8px;vertical-align:middle}
.cn-revbox{border-inline-start:4px solid var(--cn-warn)}
.u2mm-rev{display:grid;gap:8px;margin:4px 0 12px}
.u2mm-rev h4{margin:0;font-size:14px;color:var(--cn-warn)}
.u2mm-rev h4 small{color:var(--ink3);font-weight:400;margin-inline-start:6px}
/* נמדד מנתוני הקמפיין (עסק בקמפיינים לוואטסאפ בלי בוט, 05/10/2026) */
.cn-pill.camp{background:var(--cn-wa-soft);color:var(--cn-wa);border:1px solid color-mix(in srgb,var(--cn-wa) 35%,transparent)}
.cn-measured{border-inline-start:4px solid var(--cn-wa)}

/* חיבורים ← מטא בקוביות: שורת חיפוש ומסננים, ובמה החיפוש נמצא */
.u2mm-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 6px}
.u2mm-q{flex:1 1 280px;max-width:520px}
.u2mm-q input{width:100%}
.u2mm-hit{margin-top:7px;font-size:12px;color:var(--ink2);background:var(--accent-soft);border-radius:8px;padding:4px 8px;overflow-wrap:anywhere}
.u2mm-hit b{font-weight:700}
.cn-h{font-size:17px;font-weight:800;margin:0;color:var(--ink);display:flex;align-items:center;gap:8px}
/* 11/10/2026: "חיבורים פעילים" / "חיבורים לא פעילים" בתוך "לאן נכנסים הלידים" */
.cs-grp{margin:4px 0 8px;font-size:15px;font-weight:700;color:var(--ink);display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
.cs-grp small{font-size:13px;font-weight:400;color:var(--ink2);overflow-wrap:anywhere}
.cs-old>.cn-note{margin:2px 0 8px}
.cn-det-t{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--ink2);padding:6px 2px;min-height:44px}
.cn-det-t::before{content:"‹";display:inline-block;transition:transform .15s}
.cs-old.open .cn-det-t::before{transform:rotate(-90deg)}
.cn-det-t:focus-visible{outline:3px solid var(--accent-t3);outline-offset:2px;border-radius:8px}

/* 07/10/2026 (דולב: "פשוט"): מסך העסק בשני חלקים. שורת מצב, חשבון מטא, ולאן נכנסים הלידים */
.cs .cn-top{margin-bottom:10px}
.cs-status{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;border-radius:14px;padding:11px 16px;margin:0 0 18px;font-weight:800;font-size:15px;border:1px solid var(--line)}
.cs-status i{font-style:normal;color:var(--ink3);font-weight:400}
.cs-status.ok{background:var(--accent-soft);color:var(--accent-deep);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}
html[data-ui="2"][data-theme="dark"] .cs-status.ok{color:var(--accent-ink)}
.cs-status.warn{background:var(--cn-warn-soft);color:var(--ink);border-color:color-mix(in srgb,var(--cn-warn) 45%,transparent)}
.cs-sec{margin:0 0 20px;display:grid;gap:10px}
.cs-n{width:26px;height:26px;border-radius:8px;display:inline-grid;place-items:center;background:var(--ink);color:var(--surface);font-size:14px;flex:none}
.cm-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;box-shadow:var(--sh1)}
.cm-card.ok{border-inline-start:4px solid var(--accent)}
.cm-card.warn{border:2px solid #F5C518;background:color-mix(in srgb,#FFE24A 14%,var(--surface))}
.cm-t{display:grid;gap:6px;flex:1 1 300px;min-width:0}
.cm-h{font-size:16px}
.cm-kv{display:flex;gap:8px;flex-wrap:wrap;align-items:baseline;font-size:14px}
.cm-kv>span:first-child{color:var(--ink3);min-width:96px;font-size:13px;font-weight:700}
.cm-kv b{overflow-wrap:anywhere}
.cm-card>.cn-confirm{flex-basis:100%}
.cm-card .cn-help{flex:1 1 300px}
.cm-q{max-width:none;width:100%}
.cm-card>b.cm-h{flex-basis:100%}
/* ⭐ 25/10/2026: חשבונות מודעות נוספים, בשורה משלהם בתוך כרטיס מטא */
.cm-extra{flex-basis:100%;display:grid;gap:8px;border-top:1px solid var(--line);padding-top:10px;min-width:0}
.cm-xlist{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.cm-xrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}
.cm-xrow>b{overflow-wrap:anywhere;min-width:0}
.cm-xrow>.btn{margin-inline-start:auto;min-height:40px}
.cm-xrow>.cn-confirm{flex-basis:100%}
.cm-extra .cs-btns .btn{min-height:44px}
.cm-card>p.cn-note{flex-basis:100%;margin:0}
#cmLists{flex-basis:100%;display:grid;gap:8px}
.cm-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}
.cm-opt{all:unset;box-sizing:border-box;cursor:pointer;border:1.5px solid var(--line);border-radius:10px;padding:8px 10px;display:grid;gap:2px;background:var(--surface);color:var(--ink);min-height:44px}
.cm-opt small{color:var(--ink3);font-size:12px}
.cm-opt.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
.cm-opt[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.cm-opt:focus-visible{outline:3px solid var(--accent-t3);outline-offset:2px}
.lbl{font-size:12px;font-weight:800;color:var(--ink3)}
.cs-btns{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.cs-list{display:grid;gap:8px}
.cs-row,.cs-sub{display:grid;grid-template-columns:minmax(0,1.35fr) 22px minmax(0,1fr) auto;gap:8px 12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:10px 12px}
.cs-row.warn{border:2px solid #F5C518;background:color-mix(in srgb,#FFE24A 14%,var(--surface))}
.cs-row.old{opacity:.85}
/* טופס חדש שהחליף ישן (07/10/2026): פס בצבע ההצלחה בצד, תגית "החליף את…" */
.cs-row.swapped{border-inline-start:4px solid var(--accent)}
.cs-swap{font-size:12px;padding:0 8px}
.cs-swapold{color:var(--ink2);font-weight:700}
.cs-src{display:flex;gap:10px;align-items:center;min-width:0}
.cs-ic{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:14px;flex:none;background:var(--accent)}
.cs-ic.camp{background:var(--cn-meta)}.cs-ic.wa{background:var(--cn-wa)}.cs-ic.ext{background:var(--cn-ext)}
.cs-t{display:grid;gap:1px;min-width:0}
.cs-t b{font-size:14px;overflow-wrap:anywhere}
.cs-t small{font-size:13px;color:var(--ink3);overflow-wrap:anywhere}
.cs-arr{color:var(--ink3);font-size:18px;text-align:center}
.cs-board{min-width:0}
.cs .cs-sel{width:100%;min-height:38px;border:1px solid var(--line);border-radius:10px;padding:6px 10px;background:var(--surface2);color:var(--ink);font:inherit;font-size:14px}
.cs-sug{display:grid;gap:6px;font-size:14px}
.cs-sug>span{color:var(--ink2)}
.cs-acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.cs-pend,.cs-row>.cn-confirm,.cs-sub>.cn-confirm,.cs-extra{grid-column:1/-1}
.cs-pend{background:var(--surface2);border-radius:10px;padding:10px 12px;display:grid;gap:8px;font-size:14px}
.cs-pend p{margin:0}
.cs-extra{display:grid;gap:8px;justify-items:start}
.cs-link{all:unset;cursor:pointer;color:var(--accent-deep);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px;min-height:32px;display:inline-flex;align-items:center}
html[data-ui="2"][data-theme="dark"] .cs-link{color:var(--accent-ink)}
.cs-link:focus-visible{outline:3px solid var(--accent-t3);outline-offset:2px;border-radius:6px}
.cs-subs{display:grid;gap:6px;justify-self:stretch;border-inline-start:3px solid var(--line);padding-inline-start:10px}
.cs-sub{background:var(--surface2);padding:8px 10px}
.cs-sub.exc{border-color:color-mix(in srgb,var(--cn-warn) 50%,transparent)}
.cs-sub .cs-ic{width:26px;height:26px;font-size:12px}
.cs-exc{font-size:11px;padding:0 7px}
.cs-add{position:relative;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.cs-addm{display:flex;gap:6px;flex-wrap:wrap}
.cs-addm .btn{display:grid;gap:0;text-align:start;justify-items:start;min-height:44px}
.cs-addm .btn small{font-weight:400;color:var(--ink3);font-size:12px}
.cs-addm .btn[aria-disabled="true"]{opacity:.55}
/* שורת חיבור (דולב, 07/10/2026, גרסה ב): שורה דקה כמו טבלה, קמפיין › טופס › בורד,
 * הפעולות מתחת, ומגירה בצד להחלפה (בטלפון: גיליון מלמטה) */
.cr-i{min-width:0;overflow-wrap:anywhere}
.cr-i b{font-weight:800}
.cr-l{color:var(--ink3);font-weight:600}
.cr-sub{font-size:13px;color:var(--ink3);overflow-wrap:anywhere}
.cr-wait{color:var(--ink3);font-weight:700;font-style:italic}
.cs-list:has(.cr2){gap:0;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--surface)}
.cr2{background:var(--surface);display:grid;gap:0;border-bottom:1px solid var(--line)}
.cr2:last-child{border-bottom:0}
.cr2.warn{box-shadow:inset 4px 0 0 #F5C518}
.cr2.old{opacity:.85}
.cr2.swapped{box-shadow:inset 4px 0 0 var(--accent)}
.vb-line{all:unset;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 18px;gap:12px;align-items:center;padding:10px 14px;width:100%;min-height:48px}
.vb-line.vb-2{grid-template-columns:1fr 2fr 18px}
button.vb-line{cursor:pointer;transition:background .12s}
button.vb-line:hover{background:var(--surface2)}
button.vb-line:focus-visible{outline:3px solid var(--accent-t3);outline-offset:-3px}
.vb-c{display:grid;gap:1px;min-width:0;font-size:14px;overflow-wrap:anywhere}
.vb-l{font-size:11px;font-weight:700;color:var(--ink3)}
.vb-go{color:var(--ink3);font-size:20px}
.cr2>.cr-sub{padding:0 14px 8px}
.vb-acts{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:0 14px 10px}
.vb-acts .btn{min-height:32px;padding:4px 12px;font-size:13px}
.vb-box{margin:0 14px 12px;background:color-mix(in srgb,#FFE24A 18%,var(--surface));border:1px solid #F5C518;border-radius:10px;padding:10px 12px;display:grid;gap:8px;font-size:14px}
.va-btns{display:flex;gap:6px;flex-wrap:wrap}
.cs-ign{color:var(--ink2)}
.cr2>.cs-pend,.cr2>.cn-confirm{margin:0 14px 12px}
.rp-q{max-width:340px}
/* "החלפה": שלוש קוביות וצעד אחד בכל פעם, בתוך המגירה */
.rp{background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:10px}
.rp-h{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.rp-h b{font-size:15px}
.rp-tiles{display:grid;grid-template-columns:1fr;gap:8px}
.rp-tile{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:3px;justify-items:start;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);min-height:44px;transition:border-color .15s,box-shadow .15s,transform .15s}
.rp-tile:hover{border-color:var(--accent);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 18%,transparent);transform:translateY(-1px)}
.rp-tile:focus-visible{outline:3px solid var(--accent-t3);outline-offset:2px}
.rp-tile b{font-size:15px}.rp-tile small{color:var(--ink3);font-size:12px}
.rp-ti{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-deep);font-weight:800}
html[data-ui="2"][data-theme="dark"] .rp-ti{color:var(--accent-ink)}
.rp .cm-opts{max-height:300px;overflow:auto}
.rp-new{display:grid;gap:4px}.rp-new label{font-size:12px;font-weight:700;color:var(--ink3)}
.rp-new input{min-height:40px;border:1px solid var(--line);border-radius:10px;padding:6px 10px;background:var(--surface);color:var(--ink);font:inherit;font-size:14px;flex:1 1 180px}
.rp-qs,.rp-nav{display:flex;gap:6px;flex-wrap:wrap}
.rp-nav{border-top:1px dashed var(--line);padding-top:10px}
.rp-sum{margin:0;font-size:15px}
.rp-notes{margin:0;padding-inline-start:18px;font-size:13px;color:var(--ink2)}
.cr2>.rp{margin:0 14px 12px}
/* המגירה */
.cn-dr-bg{position:fixed;inset:0;background:rgba(10,14,12,.38);z-index:140;animation:cnFade .15s ease-out}
.cn-dr{position:fixed;top:0;bottom:0;inset-inline-start:0;width:min(440px,92vw);background:var(--surface);z-index:141;box-shadow:0 0 40px rgba(0,0,0,.25);padding:16px;display:grid;align-content:start;gap:12px;overflow:auto;animation:cnSlide .2s ease-out}
.cn-dr-h{display:flex;justify-content:space-between;align-items:center}.cn-dr-h b{font-size:17px}
.cn-dr-row{display:grid;gap:4px;font-size:14px;background:var(--surface2);border-radius:10px;padding:10px 12px}
.cn-dr .rp{border:0;padding:0;background:none}
@keyframes cnFade{from{opacity:0}to{opacity:1}}
@keyframes cnSlide{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}
@keyframes cnUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@media (max-width:760px){
  .cs-row,.cs-sub{grid-template-columns:1fr;gap:8px}
  .cs-arr{display:none}
  .cs-board::before{content:"נכנס לבורד";display:block;font-size:12px;font-weight:700;color:var(--ink3);margin-bottom:3px}
  .cs-acts{justify-content:flex-start}
  .cs .cs-sel{min-height:44px;font-size:16px}
  .cs-add{justify-content:flex-start}
  /* בטלפון: שלושת הפריטים אחד מתחת לשני, הכפתורים מתחתם, וההחלפה בגיליון מלמטה */
  .vb-line,.vb-line.vb-2{grid-template-columns:1fr 18px;gap:6px}
  .vb-line .vb-c{grid-column:1}
  .vb-line .vb-go{grid-row:1/span 3;grid-column:2;align-self:center}
  .vb-acts .btn,.va-btns .btn{min-height:44px}
  .rp-new input{font-size:16px;min-height:44px}
  .rp-q{max-width:none}
  .cn-dr{top:auto;inset-inline:0;width:auto;max-height:86vh;border-radius:18px 18px 0 0;animation:cnUp .22s ease-out;padding-bottom:calc(16px + env(safe-area-inset-bottom))}
}

/* גם טאבלט ומחשב עם מסך מגע צריכים כפתורי פעולה נוחים, בלי לשנות את הפריסה. */
@media (any-pointer:coarse){
  .vb-acts .btn,.va-btns .btn,.cn-dr .btn{min-height:44px}
  .cn-dr-h .btn{min-width:44px}
}