/* מודול הקמפיינים (דולב, 30/09/2026). נשען על אסימוני התמה של המערכת. */
.ads{display:grid;gap:14px;font-family:var(--font-ui)}
.ads *{box-sizing:border-box}
.ads-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ads-head h2{font-size:20px;font-weight:800;margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ads-head .sub{font-size:13px;color:var(--ink3);margin-top:2px}
.ads-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ads-crumb{font-size:13px;color:var(--ink3);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ads-crumb a{color:var(--ink3);cursor:pointer;text-decoration:none} .ads-crumb a:hover{color:var(--accent-ink)}
.ads-crumb b{color:var(--ink)}
.ads-seg{display:inline-flex;background:var(--surface2);border-radius:10px;padding:3px;font-size:13px;font-weight:600}
.ads-seg button{font:inherit;font-size:13px;font-weight:600;padding:5px 11px;border-radius:8px;color:var(--ink3);border:0;background:transparent;cursor:pointer}
.ads-seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.ads-note{font-size:13px;color:var(--ink3)}
.ads-empty{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:28px 20px;text-align:center;color:var(--ink2);display:grid;gap:8px;justify-items:center}
.ads-err{background:var(--lost-t1);border:1px solid var(--lost-t3);border-radius:12px;padding:10px 14px;font-size:14px;color:var(--ink)}
.ads-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:0}
.ads-card>.h{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface2);border-radius:var(--r) var(--r) 0 0}
.ads-card>.h b{font-size:15px} .ads-card>.h .n{font-size:12px;color:var(--ink3);margin-inline-start:auto}
.ads-card>.h .lvl{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--on-accent);background:var(--accent)}
.ads-card>.h .lvl.s2{background:var(--indigo)} .ads-card>.h .lvl.s3{background:var(--won-vivid)}
.ads-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;align-items:start}
.ads-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ads-kpis.k8{grid-template-columns:repeat(8,minmax(0,1fr))} .ads-kpis.k6{grid-template-columns:repeat(6,minmax(0,1fr))} .ads-kpis.k3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ads-kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px 10px;min-width:0}
.ads-kpi b{display:block;font-family:var(--font-num);font-size:24px;font-weight:500;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ads-kpi span{font-size:12px;color:var(--ink3)}
.ads-kpi.hl{border-color:var(--accent);background:var(--accent-t1)}
.ads-say{border-radius:12px;padding:11px 14px;font-size:14px;display:flex;gap:10px;align-items:flex-start;background:var(--surface2)}
.ads-say.ok{background:color-mix(in srgb,var(--won-vivid) 12%,transparent)} .ads-say.warn{background:color-mix(in srgb,var(--prog-vivid) 14%,transparent)} .ads-say.bad{background:var(--lost-t1)} .ads-say.learn{background:var(--accent-t1)}
.ads-say i{font-style:normal;font-weight:800;flex:none}
.ads-say.ok i{color:var(--won)} .ads-say.warn i{color:var(--prog)} .ads-say.bad i{color:var(--lost)} .ads-say.learn i{color:var(--accent-ink)}
.ads-dot{width:11px;height:11px;border-radius:50%;flex:none;display:inline-block}
.ads-dot.ok{background:var(--won-vivid)} .ads-dot.warn{background:var(--prog-vivid)} .ads-dot.bad{background:var(--lost-vivid)} .ads-dot.off{background:var(--line2)} .ads-dot.learn{background:var(--accent)}
.ads-st{font-size:11px;padding:2px 8px;border-radius:99px;font-weight:600;white-space:nowrap;background:var(--surface2);color:var(--ink3)}
.ads-st.ACTIVE{background:color-mix(in srgb,var(--won-vivid) 16%,transparent);color:var(--won)}
.ads-st.learn{background:color-mix(in srgb,var(--prog-vivid) 18%,transparent);color:var(--prog)}
.ads-st.WITH_ISSUES,.ads-st.DISAPPROVED{background:var(--lost-t2);color:var(--lost)}
.ads-table{width:100%;border-collapse:collapse;font-size:13px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.ads-table th,.ads-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:right;vertical-align:middle}
.ads-table th{background:var(--surface2);font-size:12px;color:var(--ink3);font-weight:600;letter-spacing:.03em;white-space:nowrap}
.ads-table tr:last-child td{border-bottom:0}
.ads-table tr.row{cursor:pointer} .ads-table tr.row:hover td{background:var(--surface2)}
.ads-table tr.grp td{background:var(--surface2);font-weight:600}
.ads-table td.n{font-family:var(--font-num);direction:ltr;text-align:left;white-space:nowrap}
.ads-table .why{color:var(--ink3);font-size:13px;min-width:220px;max-width:360px}
.ads-table.list td:nth-child(6){min-width:120px}
.ads-table .name{display:flex;align-items:center;gap:8px;font-weight:600;min-width:0}
.ads-table .name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}
.ads-mini{display:inline-flex;gap:3px;align-items:flex-end;height:18px}
.ads-mini i{width:4px;background:var(--accent-t3);border-radius:2px;min-height:2px} .ads-mini i.hi{background:var(--accent)}
.ads-rowacts{display:flex;gap:4px;justify-content:flex-end}
.ads-rowacts .btn{padding:4px 9px;font-size:12px}
.ads-chart{display:flex;align-items:flex-end;gap:3px;height:96px;padding-top:6px}
.ads-chart i{flex:1;background:var(--accent-t2);border-radius:3px 3px 0 0;position:relative;min-height:2px}
.ads-chart i b{position:absolute;left:0;right:0;bottom:0;background:var(--accent);border-radius:3px 3px 0 0}
.ads-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--ink3);font-family:var(--font-num)}
.ads-leg{display:flex;gap:14px;font-size:12px;color:var(--ink3)} .ads-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:middle;margin-inline-end:4px}
.ads-tabs{display:flex;gap:16px;border-bottom:1px solid var(--line);padding:0 14px;overflow:auto;scrollbar-width:none}
.ads-tabs button{font:inherit;padding:10px 0;font-size:14px;color:var(--ink3);border:0;background:transparent;border-bottom:2px solid transparent;white-space:nowrap;cursor:pointer}
.ads-tabs button.on{color:var(--accent-ink);border-color:var(--accent);font-weight:700}
.ads-bars{display:grid;gap:8px;padding:12px 14px}
.ads-bar{display:grid;grid-template-columns:120px 1fr 46px 56px;gap:10px;align-items:center;font-size:13px}
.ads-bar .k{color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ads-bar .v{font-family:var(--font-num);color:var(--ink3);font-size:12px;text-align:left;direction:ltr}
.ads-bar .t{height:14px;border-radius:5px;background:var(--surface2);position:relative;overflow:hidden} .ads-bar .t i{position:absolute;inset:0 0 0 auto;background:var(--accent);border-radius:5px}
.ads-bar.warn .t i{background:var(--prog-vivid)}
.ads-who{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:12px 14px;font-size:13px}
.ads-who div{background:var(--surface2);border-radius:10px;padding:8px 11px;min-width:0} .ads-who small{display:block;color:var(--ink3);font-size:12px;overflow:hidden;text-overflow:ellipsis}
.ads-ad{display:flex;align-items:center;gap:10px;min-width:0}
.ads-th{width:44px;height:44px;border-radius:9px;background:var(--surface3);display:grid;place-items:center;font-size:16px;flex:none;overflow:hidden;object-fit:cover}
.ads-th img{width:100%;height:100%;object-fit:cover;display:block}
.ads-ad .t{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ads-ad .m{font-size:12px;color:var(--ink3)}
.ads-prev{border-radius:12px;background:var(--surface3);min-height:160px;display:grid;place-items:center;font-size:36px;overflow:hidden}
.ads-prev img{max-width:100%;max-height:360px;display:block}
.ads-funnel{display:grid;gap:6px;padding:12px 14px}
.ads-funnel .r{display:grid;grid-template-columns:120px 1fr 34px;gap:10px;align-items:center;font-size:13px}
.ads-funnel .t{height:22px;border-radius:6px;background:var(--surface2);position:relative} .ads-funnel .t i{position:absolute;inset:0 0 0 auto;border-radius:6px;background:var(--won-vivid);opacity:.85}
.ads-funnel .n{font-family:var(--font-num);text-align:left;direction:ltr}
.ads-mob{display:none}
/* חלונות */
.ads-modal p{font-size:14px;color:var(--ink2);margin:0 0 12px}
.ads-modal .row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;gap:10px}
.ads-modal .row:last-of-type{border-bottom:0}
.ads-modal .row b{font-family:var(--font-num);font-weight:500}
.ads-modal .acts{display:flex;justify-content:flex-start;gap:8px;margin-top:16px}
.ads-modal .warnbox{background:color-mix(in srgb,var(--prog-vivid) 14%,transparent);border-radius:10px;padding:9px 12px;font-size:13px;margin:10px 0}
.ads-modal .okbox{background:color-mix(in srgb,var(--won-vivid) 12%,transparent);border-radius:10px;padding:9px 12px;font-size:13px;margin:10px 0}
.ads-modal input[type=text],.ads-modal input[type=number],.ads-modal input[type=date],.ads-modal input[type=datetime-local]{font:inherit;font-size:16px;border:1px solid var(--line2);background:var(--surface);border-radius:9px;padding:8px 10px;width:100%;color:var(--ink)}
.ads-modal .chk{display:grid;gap:6px;font-size:14px} .ads-modal .chk label{display:flex;gap:8px;align-items:center;cursor:pointer}
.ads-modal.wide{width:min(520px,94vw)}
.ads-modal .lbl{margin:12px 0 4px;font-size:13px;color:var(--ink3)}
/* טופס הקמה */
.ads-def{background:var(--accent-t1);border:1px solid var(--accent-t3);border-radius:var(--r);padding:12px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ads-def .ic{width:36px;height:36px;border-radius:10px;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:800;font-size:16px;flex:none}
.ads-def b{font-size:14px} .ads-def p{margin:0;font-size:13px;color:var(--ink2)} .ads-def .grow{flex:1;min-width:200px}
.ads-src{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line2);border-radius:9px;padding:6px 10px;font-size:13px;font-weight:600}
.ads-src select{font:inherit;border:0;background:transparent;color:var(--ink);max-width:220px}
.ads-tag{font-size:11px;padding:1px 7px;border-radius:99px;background:var(--accent-t2);color:var(--accent-ink);font-weight:600;white-space:nowrap}
.ads-tag.edit{background:var(--prog-vivid);color:var(--on-prog)}
.ads-steps{display:flex;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:8px}
.ads-steps button{flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;font:inherit;font-size:13px;color:var(--ink3);min-width:0;border:0;background:transparent;cursor:pointer;text-align:start}
.ads-steps button span{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--surface2);color:var(--ink3);font-family:var(--font-num)}
.ads-steps button.on{background:var(--accent-t1);color:var(--ink);font-weight:700} .ads-steps button.on span{background:var(--accent);color:var(--on-accent)}
.ads-steps button.done span{background:var(--won-vivid);color:#fff} .ads-steps button.done{color:var(--ink2)}
.ads-w2{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}
.ads-sec{padding:16px;border-top:1px solid var(--line)} .ads-sec:first-child{border-top:0}
.ads-sec h3{margin:0 0 3px;font-size:16px;font-weight:800;display:flex;align-items:center;gap:8px}
.ads-sec .hint{font-size:13px;color:var(--ink3);margin:0 0 12px}
.ads-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.ads-c{border:1px solid var(--line2);border-radius:12px;padding:14px;background:var(--surface);display:grid;gap:6px;position:relative;min-height:100px;cursor:pointer;text-align:start;font:inherit;color:var(--ink);align-content:start}
.ads-c .ic{font-size:22px;line-height:1} .ads-c b{font-size:15px} .ads-c small{font-size:12px;color:var(--ink3);line-height:1.4}
.ads-c.sel{border-color:var(--accent);background:var(--accent-t2);box-shadow:0 0 0 1px var(--accent) inset}
.ads-c.sel::after{content:"✓";position:absolute;top:10px;left:12px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-size:13px;font-weight:800}
.ads-c.dis{opacity:.45;cursor:not-allowed}
.ads-c .ads-tag{justify-self:start}
.ads-sum{position:sticky;top:12px}
.ads-sum .r{display:flex;min-width:0;justify-content:space-between;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line);font-size:13px;cursor:pointer}
.ads-sum .r:hover{background:var(--surface2)} .ads-sum .r:last-of-type{border-bottom:0}
.ads-sum .r .k{color:var(--ink3);font-size:12px;flex:none} .ads-sum .r .v{font-weight:500;text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ads-sum .r.cur{background:var(--accent-t1)}
.ads-sum .est{padding:12px 14px;background:var(--surface2);display:grid;gap:4px;font-size:13px;color:var(--ink2);border-radius:0 0 var(--r) var(--r)}
.ads-sum .est b{font-family:var(--font-num);font-size:18px;color:var(--ink);font-weight:500}
.ads-nav{display:flex;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--line)}
.ads-w3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.ads-f{padding:11px 14px;border-bottom:1px solid var(--line);display:grid;gap:6px}
.ads-f:last-child{border-bottom:0}
.ads-f label{font-size:12px;color:var(--ink3);display:flex;justify-content:space-between;align-items:center;gap:6px}
.ads-f input[type=text],.ads-f input[type=number],.ads-f input[type=date],.ads-f input[type=datetime-local],.ads-f textarea,.ads-f select{font:inherit;font-size:16px;border:1px solid var(--line2);background:var(--surface);border-radius:8px;padding:6px 9px;width:100%;color:var(--ink)}
.ads-f textarea{min-height:64px;resize:vertical}
.ads-f .num{font-family:var(--font-num)}
.ads-f.changed{background:color-mix(in srgb,var(--prog-vivid) 9%,transparent)}
.ads-f.changed label::after{content:"שונה";font-size:11px;padding:1px 7px;border-radius:99px;background:var(--prog-vivid);color:var(--on-prog);font-weight:700}
.ads-pills{display:flex;gap:6px;flex-wrap:wrap}
.ads-pills button{border:1px solid var(--line2);border-radius:99px;padding:5px 11px;font:inherit;font-size:13px;color:var(--ink2);background:var(--surface);display:inline-flex;align-items:center;gap:5px;cursor:pointer}
.ads-pills button.sel{border-color:var(--accent);background:var(--accent-t2);color:var(--accent-ink);font-weight:700}
.ads-pills button.dis{opacity:.4;cursor:not-allowed}
.ads-pills button .n{font-family:var(--font-num);font-size:11px;color:var(--ink3)} .ads-pills button.sel .n{color:var(--accent-ink)}
.ads-chips{display:flex;gap:6px;flex-wrap:wrap}
.ads-chips span{background:var(--surface2);border-radius:8px;padding:5px 9px;font-size:13px;display:inline-flex;gap:6px;align-items:center}
.ads-chips span i{font-style:normal;color:var(--ink3)} .ads-chips span .x{cursor:pointer;color:var(--ink3);font-size:14px;line-height:1} .ads-chips span .x:hover{color:var(--lost)}
.ads-chips button.add{border:1px dashed var(--line2);background:transparent;color:var(--accent-ink);font-weight:600;border-radius:8px;padding:5px 9px;font:inherit;font-size:13px;cursor:pointer}
.ads-thumbs{display:flex;gap:6px;flex-wrap:wrap}
.ads-thumbs button{width:56px;height:56px;border-radius:9px;background:var(--surface3);display:grid;place-items:center;font-size:16px;position:relative;border:0;padding:0;overflow:hidden;cursor:pointer;color:var(--ink3)}
.ads-thumbs button img{width:100%;height:100%;object-fit:cover;display:block}
.ads-thumbs button.add{background:var(--surface2);border:1px dashed var(--line2)}
.ads-thumbs button.sel{box-shadow:0 0 0 2px var(--accent)} .ads-thumbs button.sel::after{content:"✓";position:absolute;bottom:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:11px;display:grid;place-items:center}
.ads-thumbs button .v{position:absolute;top:2px;right:4px;font-size:11px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.ads-lib{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;max-height:52vh;overflow:auto;padding:4px}
.ads-lib button{aspect-ratio:1;border-radius:10px;overflow:hidden;border:2px solid transparent;padding:0;background:var(--surface3);cursor:pointer;position:relative}
.ads-lib button img{width:100%;height:100%;object-fit:cover;display:block} .ads-lib button.sel{border-color:var(--accent)}
.ads-lib button small{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.55);color:#fff;font-size:11px;padding:2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ads-prevcard{margin:12px 14px;border-radius:10px;background:var(--surface2);padding:10px;display:grid;gap:6px;font-size:13px}
.ads-prevcard .img{min-height:110px;border-radius:8px;background:var(--surface3);display:grid;place-items:center;font-size:26px;overflow:hidden} .ads-prevcard .img img{max-width:100%;display:block}
.ads-est{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ads-est div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
.ads-est b{display:block;font-family:var(--font-num);font-size:20px;font-weight:500} .ads-est span{font-size:12px;color:var(--ink3)}
.ads-diff{background:color-mix(in srgb,var(--prog-vivid) 14%,transparent);border-radius:12px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}
/* טווח גילאים כמו במטא */
.ads-age{display:grid;gap:8px}
.ads-age .ctl{display:flex;gap:8px;align-items:center;font-size:14px}
.ads-age .ctl select{font:inherit;font-size:16px;border:1px solid var(--line2);border-radius:8px;padding:5px 8px;background:var(--surface);color:var(--ink);font-family:var(--font-num);width:auto}
.ads-age .track{position:relative;height:26px;margin:4px 8px 0}
.ads-age .track::before{content:"";position:absolute;left:0;right:0;top:11px;height:4px;border-radius:2px;background:var(--surface3)}
.ads-age .fill{position:absolute;top:11px;height:4px;border-radius:2px;background:var(--accent)}
.ads-age .h{position:absolute;top:3px;width:20px;height:20px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);box-shadow:0 1px 4px rgba(0,0,0,.2);transform:translateX(50%)}
.ads-age .lab{display:flex;justify-content:space-between;font-size:11px;color:var(--ink3);font-family:var(--font-num);direction:ltr}
.ads-age .hint{font-size:12px;color:var(--ink3)}
/* בחירת ממשק */
.ads-pick{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.ads-pick button{border:1px solid var(--line2);border-radius:12px;padding:14px;display:grid;gap:8px;background:var(--surface);font:inherit;color:var(--ink);text-align:start;cursor:pointer}
.ads-pick button.sel{border-color:var(--accent);background:var(--accent-t1);box-shadow:0 0 0 1px var(--accent) inset}
.ads-pick .pic{height:74px;border-radius:8px;background:var(--surface2);display:grid;place-items:center;font-size:12px;color:var(--ink3);gap:4px}
.ads-pick .pic .st{display:flex;gap:4px} .ads-pick .pic .st i{width:34px;height:6px;border-radius:3px;background:var(--line2)} .ads-pick .pic .st i.on{background:var(--accent)}
.ads-pick .pic .pl{display:flex;gap:3px;flex-wrap:wrap;justify-content:center} .ads-pick .pic .pl i{width:22px;height:9px;border-radius:99px;border:1px solid var(--line2)} .ads-pick .pic .pl i.on{background:var(--accent);border-color:var(--accent)}
.ads-pick b{font-size:14px} .ads-pick small{font-size:12px;color:var(--ink3)}
.ads-geo{position:relative} .ads-geo .res{position:absolute;top:100%;right:0;left:0;z-index:30;background:var(--surface);border:1px solid var(--line2);border-radius:10px;box-shadow:var(--sh2);max-height:240px;overflow:auto}
.ads-geo .res button{display:flex;justify-content:space-between;width:100%;padding:9px 12px;font:inherit;font-size:14px;border:0;background:transparent;color:var(--ink);cursor:pointer;text-align:start} .ads-geo .res button:hover{background:var(--surface2)}
.ads-log{font-size:13px;color:var(--ink2);display:grid;gap:4px;padding:10px 14px}
.ads-log span{color:var(--ink3);font-family:var(--font-num);margin-inline-start:6px}
@media (max-width:1100px){.ads-w3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:900px){.ads-w2{grid-template-columns:minmax(0,1fr)}.ads-sum{position:static}}
@media (max-width:760px){
  /* עמודה אחת שלא גדלה לפי התוכן: בלי זה התוכן מתח את המסך ל-424 פיקסלים והצד השמאלי נחתך (02/10/2026) */
  .ads{grid-template-columns:minmax(0,1fr)}
  .ads-grid{grid-template-columns:minmax(0,1fr)}
  .ads-kpis,.ads-kpis.k8,.ads-kpis.k6{grid-template-columns:repeat(2,minmax(0,1fr))} .ads-kpis.k3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ads-kpi b{font-size:20px}
  .ads-table.list{display:none} .ads-mob{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
  .ads-dupl{grid-template-columns:minmax(0,1fr)}   /* בחירת קמפיין לשכפול: שם ארוך גלל את הרשימה הצידה */
  .ads-modal.wide{width:auto}   /* 94vw בתוך גיליון מרופד = 10 פיקסלים מעבר לקצה */
  .ads-mcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;cursor:pointer}
  .ads-mcard .name{display:flex;align-items:center;gap:8px;font-weight:700} .ads-mcard .name span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ads-mcard .kp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .ads-mcard .kp div{background:var(--surface2);border-radius:10px;padding:7px 4px;text-align:center;min-width:0} .ads-mcard .kp b{display:block;font-family:var(--font-num);font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ads-mcard .kp small{font-size:11px;color:var(--ink3)}
  .ads-bar{grid-template-columns:86px 1fr 40px 48px;gap:6px;font-size:13px}
  .ads-w3{grid-template-columns:minmax(0,1fr)} .ads-est{gap:6px} .ads-est div{padding:8px 10px} .ads-est b{font-size:16px}
  .ads-pick{grid-template-columns:minmax(0,1fr)}
  .ads-steps{overflow-x:auto;scrollbar-width:none} .ads-steps button{flex:none;font-size:12px;padding:7px 9px} .ads-steps button:not(.on) i{display:none}
  .ads-cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .ads-c{min-height:0;padding:12px}
  .ads-table:not(.list){display:block;overflow-x:auto}
}

/* בחירת קמפיין לשכפול (30/09/2026) */
.ads-dupl{display:grid;gap:6px;max-height:56vh;overflow:auto;margin:4px 0}
.ads-dupl button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--line2);border-radius:10px;background:var(--surface);font:inherit;font-size:14px;color:var(--ink);cursor:pointer;text-align:start}
.ads-dupl button:hover{border-color:var(--accent);background:var(--accent-t1)}
.ads-dupl .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ads-dupl .n{flex:none;font-size:12px;color:var(--ink3)}

/* פרטי קמפיין: תקציר, הגדרות מדידה, תוצאות ופירוט שנפתח לפי הצורך. */
.ads-campaign,.ads-campaign>*{min-width:0}
.ads-campaign-head h2{font-size:24px;line-height:1.45;margin:8px 0;overflow-wrap:anywhere}
.ads-campaign-head p,.ads-period,.ads-metric-note{margin:0;line-height:1.6}
.ads-campaign-state{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--ink2);font-size:13px}
.ads-campaign-toolbar{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ads-campaign-toolbar .ads-seg button{min-height:44px}
.ads-campaign-actions summary,.ads-detail>summary,.ads-entity-more>summary{cursor:pointer;min-height:44px;padding:12px 16px;font-size:14px;font-weight:700}
.ads-campaign-actions{border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.ads-campaign-actions .ads-acts{padding:0 12px 12px}
.ads-primary-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.ads-primary-kpis .ads-kpi span{line-height:1.45}
.ads-target{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--r);padding:16px;background:var(--surface)}
.ads-target>div{flex:1;min-width:160px}
.ads-target h3{margin:0 0 4px;font-size:16px}
.ads-target p{margin:0;color:var(--ink2);font-size:13px;line-height:1.6}
.ads-target>b{font-family:var(--font-num);font-size:24px;direction:ltr}
.ads-target .btn{min-height:44px;white-space:nowrap}
.ads-modal #adsTargetForm{display:grid;gap:10px}
.ads-modal #adsTargetForm label{font-size:14px;font-weight:700}
.ads-modal #adsTargetHelp{font-size:13px;line-height:1.6;margin:0}
.ads-modal #adsTargetError[hidden]{display:none}
.ads-modal .ads-target-auto{margin-top:12px;min-height:44px;white-space:normal}
.ads-detail{overflow:hidden}
.ads-detail>summary{padding:16px;line-height:1.5}
.ads-detail>summary span{display:block;font-size:12px;font-weight:400;color:var(--ink2);padding-inline-start:18px;margin-top:4px}
.ads-detail[open]>summary{border-bottom:1px solid var(--line)}
.ads-secondary-kpis{padding:14px;grid-template-columns:repeat(4,minmax(0,1fr))}
.ads-secondary-kpis .ads-kpi{border:0;background:var(--surface2);padding:12px}
.ads-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ads-source-note{margin:0;padding:12px 16px;line-height:1.7;color:var(--ink2);overflow-wrap:anywhere}
.ads-card>.h{flex-wrap:wrap;min-width:0}
.ads-card>.h .n{white-space:normal}
.ads-chart-body{padding:14px 16px}
.ads-chart-wrap{min-width:0}
.ads-chart{height:110px;gap:3px}
.ads-chart-column{height:100%;flex:1;min-width:0;display:flex;align-items:flex-end;gap:1px;border-bottom:2px solid transparent}
.ads-chart-column.selected{border-bottom-color:var(--ink2)}
.ads-chart .ads-chart-column>i{min-width:0;min-height:0;border-radius:3px 3px 0 0}
.ads-chart .spend{background:var(--accent-t3)}
.ads-chart .leads{background:var(--accent)}
.ads-chart-wrap .ads-axis{direction:ltr;margin:5px 0 10px}
.ads-chart-wrap .ads-leg{flex-wrap:wrap;gap:6px 16px;color:var(--ink2)}
.ads-chart-wrap .ads-note{line-height:1.6;font-size:12px}
.ads-chart-picker{display:flex;align-items:center;gap:12px;font-size:13px;flex-wrap:wrap}
.ads-chart-select,.ads-audience-picker select{font:inherit;font-size:16px;min-height:44px;border:1px solid var(--line2);border-radius:9px;background:var(--surface);color:var(--ink);padding:8px;min-width:0;max-width:100%}
.ads-chart-readout{padding-top:10px;line-height:1.6;font-size:13px;color:var(--ink)}
.ads-mobile-entities{display:none}
.ads-entities{border:0;table-layout:fixed}
.ads-entities th:first-child{width:32%}
.ads-entities th:last-child{width:14%}
.ads-entities td{overflow-wrap:anywhere}
.ads-entities td.n{white-space:normal}
.ads-entities .ads-st{white-space:normal;display:inline-block}
.ads-entities .ads-ad .t,.ads-entities .ads-ad .m{white-space:normal}
.ads-entities .ads-rowacts{flex-wrap:wrap}
.ads-entities .ads-rowacts .btn{white-space:normal}
.ads-audience-picker{padding:14px 16px;display:grid;gap:10px}
.ads-audience-picker label{font-size:13px;font-weight:600}
.ads-audience-picker>b{overflow-wrap:anywhere;font-size:14px}
.ads-audience-picker p{margin:0;line-height:1.6}
.ads-who small{white-space:normal;overflow:visible;overflow-wrap:anywhere;line-height:1.65}
.ads-who-locations small{display:grid;gap:8px}
.ads-th img{width:100%;height:100%;object-fit:cover}
.ads-campaign button:focus-visible,.ads-campaign summary:focus-visible,.ads-entities tr:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1100px){
  .ads-results-grid{grid-template-columns:minmax(0,1fr)}
  .ads-entities{font-size:12px}
  .ads-entities th,.ads-entities td{padding:10px 7px}
}
@media(max-width:760px){
  .ads-campaign{gap:12px}
  .ads-campaign-head h2{font-size:20px;margin:6px 0}
  .ads-campaign .ads-crumb .btn{min-height:44px;padding-inline:0;font-size:13px}
  .ads-campaign-toolbar{display:grid;grid-template-columns:minmax(0,1fr)}
  .ads-campaign-toolbar .ads-seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
  .ads-campaign-toolbar .ads-seg button{padding:5px 2px;font-size:13px;min-width:0}
  .ads-campaign-actions{width:100%}
  .ads-campaign-actions .ads-acts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .ads-campaign-actions .btn{min-height:44px;white-space:normal}
  .ads-primary-kpis,.ads-secondary-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ads-primary-kpis .ads-kpi{padding:12px;min-height:86px}
  .ads-primary-kpis .ads-kpi b{font-size:24px}
  .ads-primary-kpis .ads-kpi span{font-size:12px}
  .ads-metric-note{font-size:12px}
  .ads-target{gap:10px;padding:14px}
  .ads-target>div{flex-basis:calc(100% - 80px);min-width:0}
  .ads-target .btn{width:100%}
  .ads-chart{gap:2px}
  .ads-chart-select{flex:1}
  #cv-camp .ads-entities{display:none}
  .ads-mobile-entities{display:grid;gap:16px;padding:12px}
  .ads-mobile-adset{border:1px solid var(--line2);border-radius:12px;background:var(--surface2);min-width:0;overflow:hidden}
  .ads-entity-open{width:100%;display:grid;gap:8px;justify-items:start;padding:14px;border:0;background:transparent;text-align:start;min-width:0;font:inherit;color:var(--ink);cursor:pointer}
  .ads-entity-open b{display:block;font-size:14px;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
  .ads-entity-kind{display:block;font-size:11px;color:var(--ink2);margin-bottom:3px}
  .ads-entity-link{font-size:12px;color:var(--accent-ink)}
  .ads-entity-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0 12px 12px}
  .ads-entity-metrics>div{background:var(--surface);border-radius:9px;padding:8px 3px;text-align:center;min-width:0}
  .ads-entity-metrics dt{font-size:11px;color:var(--ink2)}
  .ads-entity-metrics dd{margin:4px 0 0;font:500 16px var(--font-num);direction:ltr;overflow-wrap:anywhere}
  .ads-mobile-ad{background:var(--surface);margin:8px;border:1px solid var(--line);border-radius:10px;min-width:0;overflow:hidden}
  .ads-mobile-ad .ads-entity-metrics>div{background:var(--surface2)}
  .ads-mobile-ad .ads-ad{align-items:start}
  .ads-mobile-ad .ads-ad>span:last-child{min-width:0}
  .ads-entity-more{border-top:1px solid var(--line)}
  .ads-entity-more>summary{font-size:12px;font-weight:500;padding:12px}
  .ads-entity-more p{font-size:12px;padding:0 12px;line-height:1.6}
  .ads-entity-more .ads-rowacts{justify-content:start;padding:0 12px 12px}
  .ads-entity-more .ads-rowacts .btn{min-height:44px;padding:8px 12px}
  .ads-who{grid-template-columns:minmax(0,1fr)}
  .ads-funnel{padding:14px 12px}
  .ads-funnel .r{grid-template-columns:105px minmax(0,1fr) 30px;font-size:12px;gap:8px}
}

/* רשימת קמפיינים: פעילים פתוחים; לא פעילים וישנים מקופלים בכניסה. */
.ads-campaign-group{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);min-width:0;overflow:hidden}
.ads-campaign-group>summary{cursor:pointer;min-height:52px;padding:14px 16px;font-weight:700;color:var(--ink);background:var(--surface2);overflow-wrap:anywhere}
.ads-group-count{display:inline-block;margin-inline-start:10px;padding:1px 9px;border:1px solid var(--line);border-radius:99px;font-size:13px;font-family:var(--font-num)}
.ads-group-body{min-width:0}
.ads-list-table{max-width:100%;overflow-x:auto}
.ads-campaign-open{font:inherit;background:none;border:0;color:var(--ink);text-align:right;cursor:pointer;padding:6px 0;min-height:44px;width:100%}
.ads-campaign-group :is(summary,button):focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
@media(max-width:760px){
  .ads-group-body>.ads-mob{padding:10px}
  .ads-mcard .ads-campaign-open.name span{white-space:normal;overflow:visible;overflow-wrap:anywhere}
  .ads-mcard>.ads-st{justify-self:start}
  .ads-list-table{display:none}
}

.ads-list-table .ads-table .name span{max-width:220px;white-space:normal;overflow:visible;overflow-wrap:anywhere}
.ads-list-table .ads-table .why{min-width:140px;max-width:220px}

/* העלאת חומר קיים ויצירה בתשלום שטרם הופעלה. */
.ads-media-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.ads-media-actions .btn{white-space:normal;min-height:44px}.ads-media-paid{padding:14px;border:1px solid var(--line);border-radius:12px;margin:12px 0;background:var(--bg)}.ads-media-paid b{font-size:14px}.ads-media-paid small{display:block;font-size:13px;color:var(--ink3);line-height:1.6}.ads-pending{position:absolute;bottom:0;inset-inline:0;background:#fff1d1;color:#795200;font-size:10px;padding:3px}.ads-media-paid button:disabled{opacity:.65;cursor:not-allowed}@media(max-width:700px){.ads-media-actions .btn{flex:1;min-width:135px}.ads-media-paid{padding:12px}}

/* פילוח קמפיין בגרפי פסים (דולב אישר את ההדגמה, 20/10/2026).
   אפור שקט לכל הפסים, כחול לפס המוביל, אדום עמום לעלות לפנייה הגבוהה ביותר. */
:root{--bd-bar:#34405C;--bd-top:#6EA8FE;--bd-bad:#B8706E}
:root[data-theme="light"]{--bd-bar:#CDD4CF;--bd-top:#2563EB;--bd-bad:#DB9A92}
.ads-breakdown{container-type:inline-size;min-width:0}
.ads-breakdown>.h{flex-wrap:wrap;min-width:0}
.ads-breakdown>.h .n{white-space:normal}
.ads-bd-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.ads-bd-panel{padding:16px;border-bottom:1px solid var(--line);min-width:0}
.ads-bd-panel h3{font-size:16px;font-weight:800;line-height:1.45;margin:0 0 4px;color:var(--ink)}
.ads-bd-dim{display:block;font-size:12px;font-weight:700;color:var(--ink3);margin-bottom:2px}
.ads-bd-sub{font-size:12.5px;color:var(--ink3);line-height:1.55;margin:0 0 12px}
.ads-bd-k{display:inline-block;width:9px;height:9px;padding:0;border:0;border-radius:2px;margin-inline-end:4px;vertical-align:baseline}
.ads-bd-bars{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.ads-bd-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:center;min-height:24px;border-radius:6px}
.ads-bd-row:hover{background:var(--surface2)}
.ads-bd-l{font-size:13px;color:var(--ink2);line-height:1.3;overflow-wrap:anywhere}
.ads-bd-row.top .ads-bd-l{color:var(--ink);font-weight:700}
.ads-bd-t{display:flex;align-items:center;gap:7px;min-width:0}
/* הפס תופס עד 68% מהרוחב כדי שהערך תמיד ייכנס בסופו */
.ads-bd-t i{display:block;height:18px;flex:0 1 calc(var(--w) * .68);min-width:3px;background:var(--bd-bar);border-radius:4px 0 0 4px}
.ads-bd-row.top .ads-bd-t i{background:var(--bd-top)}
.ads-bd-row.bad .ads-bd-t i{background:var(--bd-bad)}
.ads-bd-row.zero .ads-bd-t i{background:transparent;border:1px dashed var(--line2);border-inline-start:0;min-width:3px}
.ads-bd-v{white-space:nowrap;font-family:var(--font-num);font-size:13px;color:var(--ink);font-weight:700;direction:ltr;unicode-bidi:isolate}
.ads-bd-v small{font-size:11.5px;font-weight:500;color:var(--ink3)}
.ads-bd-v small::after{content:" · ";color:var(--ink3)}
.ads-bd-row.bad .ads-bd-v small{color:var(--lost);font-weight:600}
.ads-bd-foot{font-size:12px;color:var(--ink3);margin:10px 0 0;line-height:1.55}
.ads-bd-badge{display:inline-block;font-size:11px;font-weight:700;color:var(--ink2);background:var(--surface2);border:1px solid var(--line);border-radius:999px;padding:0 8px;margin-inline-start:6px;vertical-align:2px}
.ads-bd-wait{font-size:13px;color:var(--ink3);margin:0}
.ads-bd-cmp{padding:16px;border-top:1px solid var(--line);min-width:0}
.ads-bd-cmp>h3{font-size:16px;font-weight:800;line-height:1.45;margin:0 0 4px}
.ads-bd-pick{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--ink2);margin-bottom:12px}
.ads-bd-pick select{flex:0 1 420px;min-width:0;max-width:100%;min-height:44px;font:inherit;font-size:14px;color:var(--ink);background:var(--surface);border:1px solid var(--line2);border-radius:10px;padding:0 10px}
.ads-bd-pair{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.ads-bd-mini{border:1px solid var(--line);border-radius:12px;padding:12px;min-width:0}
.ads-bd-mini h4{font-size:14px;font-weight:700;margin:0 0 10px;color:var(--ink);overflow-wrap:anywhere}
.ads-bd-mini h4 bdi{font-family:var(--font-num)}
.ads-breakdown .ads-source-note{margin:0;padding:12px 16px;line-height:1.7;color:var(--ink2);overflow-wrap:anywhere}
@container (max-width:420px){
  .ads-bd-t i{flex-basis:calc(var(--w) * .58)}
}
@container (min-width:640px){
  .ads-bd-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ads-bd-row{grid-template-columns:112px minmax(0,1fr)}
}
@container (min-width:880px){
  .ads-bd-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ads-bd-grid .ads-bd-panel.a{border-inline-end:1px solid var(--line)}
  .ads-bd-grid .ads-bd-panel.wide{grid-column:1/-1}
  .ads-bd-panel.wide .ads-bd-bars{max-width:560px}
  .ads-bd-panel{padding:18px 20px}
}