/* ══════════════════════════════════════════════════════════════════════════
   Selliora r197 · 9-step setup
   Uses the CRM's own tokens (selliora-tokens.css), so branding, dark mode and
   the accent colour follow the workspace automatically.
   Cards: coloured left edge + soft shadow.
   ══════════════════════════════════════════════════════════════════════════ */
#page-setup9{padding:0}
.s9{--s9-shadow:var(--shadow);--s9-shadow-h:var(--shadow);
  max-width:1360px;margin:0 auto;padding:22px 28px 0;color:var(--t);font-size:13.5px;line-height:1.45}
[data-theme="dark"] .s9{--s9-shadow:0 1px 2px rgba(0,0,0,.4),0 8px 22px -6px rgba(0,0,0,.55);--s9-shadow-h:0 2px 4px rgba(0,0,0,.45),0 14px 30px -8px rgba(0,0,0,.6)}
.s9 *{box-sizing:border-box}
.s9 button{font-family:inherit}
.s9-loading,.s9-err{padding:14px 16px;border-radius:12px;margin:10px 0;font-size:13px}
.s9-loading{color:var(--t3);background:var(--s);border:1px dashed var(--bd2);text-align:center;padding:40px}
.s9-err{background:var(--rb);color:var(--r);border:1px solid var(--rbd)}
.s9-sp{flex:1}

/* ── header ── */
.s9-top{display:flex;align-items:flex-end;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.s9-top h2{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}
.s9-top p{margin:3px 0 0;color:var(--t2);font-size:13px;max-width:760px}
.s9-ready{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--t2)}
.s9-bar{width:150px;height:7px;border-radius:7px;background:var(--bd);overflow:hidden}
.s9-bar i{display:block;height:100%;background:var(--acc);border-radius:7px;transition:width .4s}

/* ── stepper ── */
.s9-steps{list-style:none;margin:0 0 18px;padding:12px 10px;display:grid;grid-template-columns:repeat(9,1fr);
  background:var(--s);border:1px solid var(--bd);border-radius:14px;box-shadow:var(--s9-shadow)}
.s9-st{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;position:relative;cursor:pointer;padding:2px 4px;border-radius:10px}
.s9-st:hover{background:var(--s2)}
.s9-st:not(:last-child)::after{content:"";position:absolute;top:15px;left:calc(50% + 19px);right:calc(-50% + 19px);height:2px;background:var(--bd2);border-radius:2px}
.s9-st.done:not(:last-child)::after{background:var(--acc)}
.s9-st .n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12.5px;
  border:2px solid var(--bd2);color:var(--t3);background:var(--s);position:relative;z-index:1}
.s9-st.on .n{background:var(--acc);border-color:var(--acc);color:#fff;box-shadow:0 0 0 4px var(--acc-l)}
.s9-st.done .n{background:var(--acc-l);border-color:var(--acc);color:var(--acc-d)}
.s9-st.done.on .n{background:var(--acc);border-color:var(--acc);color:#fff}
.s9-st b{font-size:12.3px;font-weight:600;color:var(--t2);line-height:1.2}
.s9-st.on b{color:var(--t)}
.s9-st small{font-size:10.8px;color:var(--t3);line-height:1.2}

/* ── layout ── */
.s9-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}
.s9-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:72px}
.s9-head{margin-bottom:4px}
.s9-kick{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--t3)}
.s9-head h1{margin:4px 0 4px;font-size:21px;font-weight:700;letter-spacing:-.01em}
.s9-head p{margin:0;color:var(--t2);max-width:780px}

/* ── cards: coloured left edge + shadow ── */
.s9-card,.s9-sc,.s9-ch{position:relative;background:var(--s);border:1px solid var(--bd);
  border-radius:var(--rad,12px);box-shadow:var(--s9-shadow)}
.s9-card{padding:18px 20px;margin-top:16px}
.s9-card:hover,.s9-ch:hover{box-shadow:var(--s9-shadow-h)}
.s9-card-h{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.s9-card-h>div:first-child{flex:1;min-width:0}
.s9-card h3{margin:0;font-size:14.5px;font-weight:650;display:flex;align-items:center;gap:8px}
.s9-hint{margin:3px 0 0;font-size:12.5px;color:var(--t3)}
.s9-tools{display:flex;gap:6px;flex:none}
.s9-sc{padding:14px 16px}
.s9-sc h4{margin:0 0 10px;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--t3);font-weight:700}
.s9-why{border-radius:var(--rad,12px);padding:12px 14px;font-size:12.5px;color:var(--t2);background:var(--s2);border:1px solid var(--bd)}
.s9-why>b:first-child{display:block;color:var(--t);margin-bottom:3px}
.s9-why b{color:var(--t)}

/* ── inputs & buttons ── */
.s9-g2{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
.s9-g4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.s9-f label{display:block;font-size:12px;font-weight:600;color:var(--t2);margin-bottom:5px}
.s9-f label em{color:var(--r);font-style:normal}
.s9-in{width:100%;border:1px solid var(--inp-bd);background:var(--inp);color:var(--t);border-radius:9px;padding:9px 11px;font:inherit;font-size:13px;height:auto;margin:0;min-width:0}
.s9-in:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 22%,transparent)}
.s9-in.sm{padding:6px 9px;font-size:12.5px;border-radius:8px}
.s9-in.num{width:84px;text-align:right}
.s9 .s9-in.num.up{color:var(--g);font-weight:700;border-color:color-mix(in srgb,var(--g) 45%,var(--inp-bd))}.s9 .s9-in.num.dn{color:var(--r);font-weight:700}
textarea.s9-in{resize:vertical}
.s9-btn{border:1px solid var(--bd2);background:var(--s);color:var(--t);border-radius:9px;padding:8px 14px;font-weight:600;font-size:13px;
  display:inline-flex;align-items:center;gap:6px;cursor:pointer;line-height:1.3;white-space:nowrap;height:auto}
.s9-btn:hover{border-color:var(--acc)}
.s9-btn.sm{padding:6px 11px;font-size:12.3px;border-radius:8px}
.s9-btn.pri{background:var(--acc);border-color:var(--acc);color:#fff}
.s9-btn.pri:hover{background:var(--acc-d);border-color:var(--acc-d)}
.s9-btn.ghost{background:transparent;border-color:transparent;color:var(--t2)}
.s9-btn.ghost:hover{color:var(--t);background:var(--s2)}
.s9-btn:disabled{opacity:.6;cursor:progress}
.s9-icon{border:0;background:transparent;color:var(--t3);width:28px;height:28px;border-radius:7px;cursor:pointer;font-size:12px;flex:none}
.s9-icon:hover{background:var(--rb);color:var(--r)}
.s9-icon.push{margin-left:auto}
.s9-tg{width:36px;height:20px;border-radius:999px;background:var(--bd2);position:relative;border:0;padding:0;cursor:pointer;flex:none;vertical-align:middle}
.s9-tg::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:left .15s}
.s9-tg.on{background:var(--acc)}.s9-tg.on::after{left:18px}
.s9-tg.lock{opacity:.55;cursor:not-allowed}
.s9-sw{position:relative;display:inline-block;width:28px;height:28px;border-radius:8px;cursor:pointer;flex:none;vertical-align:middle;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.55),0 0 0 1px var(--bd2)}
.s9-sw input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0;margin:0}
.s9-seg{display:inline-flex;border:1px solid var(--bd2);border-radius:10px;overflow:hidden}
.s9-seg button{border:0;background:var(--s);color:var(--t2);padding:8px 14px;font-size:12.5px;font-weight:600;cursor:pointer;border-left:1px solid var(--bd)}
.s9-seg button:first-child{border-left:0}
.s9-seg button.on{background:var(--acc);color:#fff}

/* ── pills, chips ── */
.s9-pill{display:inline-block;font-size:10.8px;font-weight:600;padding:2px 8px;border-radius:999px;line-height:1.5;white-space:nowrap}
.s9-pill.n{background:var(--s2);color:var(--t2);border:1px solid var(--bd)}
.s9-pill.b{background:var(--bb);color:var(--bc)}
.s9-pill.g{background:var(--gb);color:var(--g)}
.s9-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--bd2);background:var(--s);border-radius:999px;padding:4px 6px 4px 11px;font-size:12.5px;color:var(--t)}
.s9-chip .x{border:0;background:var(--s2);color:var(--t3);width:18px;height:18px;border-radius:50%;cursor:pointer;font-size:12px;line-height:1;padding:0}
.s9-chip .x:hover{background:var(--rb);color:var(--r)}
.s9-chip.pick{padding:4px 11px;cursor:pointer}
.s9-chip.pick.on{background:var(--acc-l);border-color:var(--acc);color:var(--acc-d);font-weight:600}
.s9-muted{color:var(--t3);font-size:12.5px}.s9-muted.small{font-size:11.5px}
.s9-note{margin-top:10px;font-size:12.5px;color:var(--t2);background:var(--s2);border-radius:9px;padding:8px 11px}
.s9-empty{border:1.5px dashed var(--bd2);border-radius:12px;padding:18px;text-align:center;color:var(--t3);font-size:12.5px}
.s9-addrow{display:flex;gap:8px;align-items:center;margin-top:12px}
.s9-addrow .s9-in{max-width:360px}
.s9-addrow.tight{margin-top:10px}.s9-addrow.tight .s9-in{max-width:none}
.s9-manual{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:10px}
.s9-bulk{margin-top:12px;font-size:12.5px}
.s9-bulk summary{cursor:pointer;color:var(--acc-d);font-weight:600}
.s9-bulk code,.s9-addrow code{background:var(--s2);border:1px solid var(--bd);padding:1px 6px;border-radius:5px;font-size:11.5px}

/* ── business type tiles ── */
.s9-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.s9-tiles.four{grid-template-columns:repeat(4,1fr)}
.s9-tile{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;cursor:pointer;background:var(--s);color:var(--t);
  border:1px solid var(--bd);border-radius:10px;padding:12px 13px;transition:border-color .15s,background .15s}
.s9-tile:hover{border-color:var(--bd2)}
.s9-tile.on{background:var(--acc-l);border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}
.s9-tile b{font-size:13px}.s9-tile span{font-size:11.8px;color:var(--t2)}
.s9-tile em{font-style:normal;font-size:11px;color:var(--t3);margin-top:3px}

/* ── trees (taxonomy, departments) ── */
.s9-tree{display:flex;flex-direction:column;gap:8px}
.s9-node{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--s);border:1px solid var(--bd);
  border-radius:10px}
.s9-nm{max-width:190px;font-weight:600}
.s9-subs{flex:1;display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}
.s9-kidin{width:190px;flex:none}
.s9-ord{display:inline-flex;flex-direction:column;gap:1px;flex:none}
.s9-ord button,.s9-col-tools button,.s9-fld-t button{border:1px solid var(--bd);background:var(--s);color:var(--t3);font-size:9px;line-height:1;padding:2px 5px;border-radius:4px;cursor:pointer}
.s9-ord button:disabled,.s9-col-tools button:disabled,.s9-fld-t button:disabled{opacity:.35;cursor:default}

/* ── tables ── */
.s9-tw{border:1px solid var(--bd);border-radius:12px;overflow:auto}
.s9 table{width:100%;border-collapse:collapse;margin:0}
.s9 th{font-size:10.8px;letter-spacing:.05em;text-transform:uppercase;color:var(--t3);text-align:left;font-weight:700;padding:8px 10px;border-bottom:1px solid var(--bd);background:var(--s2);white-space:nowrap}
.s9 td{padding:8px 10px;border-bottom:1px solid var(--bd);vertical-align:middle;color:var(--t)}
.s9 tr:last-child td{border-bottom:0}
.s9 td.r{text-align:right}
.s9 tr.off td{opacity:.55}
.s9-cell{display:flex;align-items:center;gap:8px}
.s9-cell .s9-in{max-width:260px}
.s9-pct{display:flex;align-items:center;gap:5px}.s9-pct .s9-in{width:74px}
.s9-ptsc{display:flex;align-items:center;gap:6px;justify-content:flex-end}
.s9-newf{margin-top:12px;border:1px dashed var(--acc);border-radius:12px;padding:14px;background:var(--acc-l)}

/* ── channels ── */
.s9-chgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.s9-ch{padding:14px 16px}
.s9-ch-h{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.s9-chn{font-weight:650;max-width:200px}
.s9-paid{border:1px solid var(--bd2);background:var(--s2);color:var(--t2);font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;cursor:pointer;margin-left:auto}
.s9-paid.on{background:var(--t);color:var(--s);border-color:var(--t)}
.s9-chips{display:flex;flex-wrap:wrap;gap:6px;min-height:28px}
.s9-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px}

/* ── field grouping ── */
.s9-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.s9-col{background:var(--s2);border:1px solid var(--bd);border-radius:10px;padding:10px;min-height:200px}
.s9-col.over{outline:2px dashed var(--acc);outline-offset:2px}
.s9-col-h{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.s9-col-h .s9-in{font-weight:700}
.s9-col-tools{display:flex;gap:4px;margin-bottom:8px}
.s9-col-tools button{font-size:10.5px;padding:3px 7px}
.s9-fld{display:flex;flex-wrap:wrap;align-items:center;gap:6px 7px;background:var(--s);border:1px solid var(--bd);border-radius:9px;padding:7px 8px;margin-bottom:6px;font-size:12.5px;cursor:grab;box-shadow:0 1px 2px rgba(17,24,38,.05)}
.s9-fld .grip{color:var(--t3);letter-spacing:-2px}
.s9-fld b{flex:1;font-weight:600;min-width:0;word-break:break-word}
.s9-fld-t{display:flex;align-items:center;gap:4px;flex:1 1 100%;padding-left:17px}
.s9-mv{border:1px solid var(--bd);background:var(--s);color:var(--t2);border-radius:6px;font-size:11px;padding:2px 4px;flex:1;min-width:0;height:auto}
.s9-drop{border:1.5px dashed var(--bd2);border-radius:9px;padding:8px;text-align:center;font-size:11.5px;color:var(--t3)}

/* ── assignment ── */
.s9-rule{border:1px solid var(--bd);border-radius:10px;padding:10px 12px;margin-bottom:10px;background:var(--s);display:flex;flex-direction:column;gap:8px}
.s9-rule.other{background:var(--s2)}
.s9-rule-l{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.s9-rule-l .s9-in{width:auto}
.s9-rn{width:24px;height:24px;border-radius:7px;background:var(--s2);border:1px solid var(--bd);display:grid;place-items:center;font-size:11.5px;font-weight:700;flex:none}
.s9-k{font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.05em}
.s9-vals,.s9-people{display:flex;flex-wrap:wrap;gap:6px}
.s9-person{border:1px solid var(--bd2);background:var(--s);color:var(--t2);border-radius:999px;padding:4px 11px;font-size:12.3px;cursor:pointer}
.s9-person.on{background:var(--acc);border-color:var(--acc);color:#fff;font-weight:600}
.s9-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px;border-bottom:1px dashed var(--bd)}
.s9-list>div:last-child{border-bottom:0}
.s9-result{margin-top:10px;padding:10px 12px;border-radius:9px;background:var(--s2);color:var(--t);font-size:12.5px;border:1px solid var(--bd)}

/* ── score ── */
.s9-bands{display:flex;height:34px;border-radius:9px;overflow:hidden;font-size:12px;font-weight:700;color:#fff;margin-bottom:12px}
.s9-bands div{display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden}
.s9-band{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.s9-band .s9-in:not(.num){max-width:180px}

/* ── side previews ── */
.s9-kv{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:6px 0;border-bottom:1px dashed var(--bd)}
.s9-kv:last-child{border-bottom:0}.s9-kv span{color:var(--t3)}
.s9-kv b.ok{color:var(--g)}.s9-kv b.todo{color:var(--t3);font-weight:500}
.s9-pv{margin-bottom:9px}
.s9-pv span{display:block;font-size:11px;color:var(--t3);margin-bottom:3px}
.s9-pv span .req{color:var(--r)}
.s9-pv div{border:1px solid var(--inp-bd);border-radius:7px;min-height:30px;background:var(--inp);display:flex;align-items:center;justify-content:space-between;padding:0 9px;font-size:12.5px;color:var(--t2)}
.s9-pv div i{font-style:normal;color:var(--t3)}
.s9-pvsec{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--t3);margin:12px 0 7px}
.s9-pvbtn{margin-top:6px;text-align:center;background:var(--acc);color:#fff;border-radius:8px;padding:7px;font-weight:600;font-size:12.5px}
.s9-brandrow{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.s9-brandrow i{width:40px;height:40px;border-radius:11px;background:var(--acc);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:18px;flex:none}
.s9-brandrow b{display:block}.s9-brandrow span{font-size:12px;color:var(--t3)}
.s9-journey{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.s9-journey span{font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:999px;color:var(--jc);
  background:color-mix(in srgb,var(--jc) 13%,transparent);border:1px solid color-mix(in srgb,var(--jc) 35%,transparent)}
.s9-journey i{color:var(--t3);font-style:normal}

/* ── footer ── */
.s9-foot{position:sticky;bottom:0;z-index:30;display:flex;align-items:center;gap:10px;margin:22px -28px 0;padding:12px 28px;
  background:color-mix(in srgb,var(--s) 94%,transparent);backdrop-filter:blur(6px);border-top:1px solid var(--bd);box-shadow:0 -6px 18px rgba(17,24,38,.06)}
.s9-meta{font-size:12.5px;color:var(--t3)}

/* ── resume button ── */
.s9-chipbtn{position:fixed;right:20px;bottom:20px;z-index:900;display:flex;align-items:center;gap:9px;border:1px solid var(--bd);
  background:var(--s);color:var(--t);padding:10px 16px;border-radius:12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;
  box-shadow:0 10px 28px rgba(17,24,38,.18)}
.s9-chipbtn i{width:9px;height:9px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 4px var(--acc-l)}

/* ── responsive ── */
@media(max-width:1180px){.s9-body{grid-template-columns:1fr}.s9-side{position:static}.s9-steps{grid-template-columns:repeat(9,minmax(96px,1fr));overflow-x:auto}}
@media(max-width:760px){
  .s9{padding:14px 12px 0}
  .s9-g2,.s9-g4,.s9-tiles,.s9-tiles.four,.s9-chgrid,.s9-manual{grid-template-columns:1fr}
  .s9-steps{grid-template-columns:repeat(9,86px)}
  .s9-st small{display:none}
  .s9-node{flex-wrap:wrap}.s9-kidin{width:100%}
  .s9-foot{margin:18px -12px 0;padding:10px 12px}
  .s9-foot .s9-meta{display:none}
}

/* ── inside Settings › Workspace setup ── */
.s9.embed{max-width:none;padding:6px 0 0}
.s9.embed .s9-foot{margin:22px 0 0;padding:12px 16px;border-radius:0 0 12px 12px}
.s9.embed .s9-side{top:12px}
@media(max-width:1500px){.s9.embed .s9-body{grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:1280px){.s9.embed .s9-body{grid-template-columns:1fr}.s9.embed .s9-side{position:static}}

/* ══ r201 · double-click editing in the leads table ══ */
#lead-tbody td[data-edit]{cursor:text;transition:background .15s,box-shadow .15s}
#lead-tbody td[data-edit]:hover{background:color-mix(in srgb,var(--acc) 6%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 35%,transparent)}
#lead-tbody td.ie-on{background:var(--s)!important;box-shadow:inset 0 0 0 2px var(--acc);padding:4px 6px!important;min-width:170px}
.ie-box{display:flex;flex-direction:column;gap:3px}
.inline-edit-input{width:100%;box-sizing:border-box;font:inherit;font-size:12.5px;padding:6px 8px;border:1px solid var(--acc);border-radius:7px;
  background:var(--inp);color:var(--t);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 20%,transparent);margin:0;height:auto}
textarea.inline-edit-input{resize:vertical;min-height:58px}
.ie-saving{font-size:12px;color:var(--t3)}
#lead-tbody td.ie-saved{animation:ieSaved 1.4s ease-out}
@keyframes ieSaved{0%{background:color-mix(in srgb,var(--g) 28%,transparent)}100%{background:transparent}}

/* ══ r203 · opportunity stages editor + move panel ══ */
.os-modal{max-width:480px}
.os-now{font-size:12.5px;color:var(--t2);margin-bottom:12px;padding:8px 10px;background:var(--s2);border-radius:8px;border:1px solid var(--bd)}
.os-modal .ff{margin-bottom:10px}
.os-fu{border:1px solid var(--bd);border-radius:10px;padding:10px 12px;margin-bottom:12px;background:var(--s2)}
.os-fu .ff{margin-bottom:0}
.os-fu-h{font-size:12px;font-weight:700;margin-bottom:8px}
.os-g2{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;margin-top:8px}
.os-req{border:1px solid var(--bd);border-radius:10px;padding:10px 12px;margin-bottom:12px;background:var(--s2)}
.os-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}

/* ══ r204 · opportunity stages — plain cards, arranged in sections ══ */
.os-card{background:var(--s);border:1px solid var(--bd);border-radius:var(--rad,12px);box-shadow:var(--shadow);padding:12px 14px;margin-bottom:10px}
.os-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.os-ord{display:inline-flex;flex-direction:column;gap:1px}.os-ord .btn{padding:0 6px;line-height:1.15}
.os-sw{position:relative;width:26px;height:26px;border-radius:7px;flex:none;border:1px solid var(--bd2);cursor:pointer}
.os-sw input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.os-name{flex:1 1 200px;min-width:160px;font-size:13px;font-weight:600}
.os-mini{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--t3)}
.os-mini select{width:auto;font-size:12.5px;padding:5px 8px}
.os-mini input{width:64px;font-size:12.5px}
.os-acts{margin-left:auto;display:flex;gap:6px}
.os-grid{display:grid;grid-template-columns:minmax(190px,1fr) minmax(300px,1.6fr) minmax(190px,1fr);gap:0;margin-top:12px;border-top:1px solid var(--bd)}
.os-cell{padding:10px 14px 2px 0}
.os-cell+.os-cell{padding-left:14px;border-left:1px solid var(--bd)}
.os-lbl{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--t3);margin-bottom:8px}
.os-stack{display:flex;flex-direction:column;gap:7px}
.os-two{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px}
.os-ck{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--t);cursor:pointer;line-height:1.3}
.os-ck input{width:14px;height:14px;margin:0;flex:none}
.os-ck.dis{color:var(--t3);cursor:default}
.os-note{font-size:11px;color:var(--t3);font-weight:400;text-transform:none;letter-spacing:0}
.os-subs{margin-top:10px;padding-top:10px;border-top:1px solid var(--bd)}
.os-subgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:6px 14px}
.os-sub{display:flex;align-items:center;gap:12px}
.os-sub input:not([type]){flex:1;min-width:0;font-size:12.5px;padding:5px 8px}
.os-x{border:0;background:none;color:var(--t3);cursor:pointer;font-size:12px;padding:4px}.os-x:hover{color:var(--r)}
@media(max-width:900px){.os-grid{grid-template-columns:1fr}.os-cell+.os-cell{border-left:0;padding-left:0;border-top:1px solid var(--bd)}}

/* ══════════════════════════════════════════════════════════════════════
   r206 · setup wizard — simple, professional cards
   One card style everywhere: white card, thin border, header strip with a
   divider, body underneath. Items inside cards are flat (no shadow).
   ══════════════════════════════════════════════════════════════════════ */
.s9{font-size:13px;padding-top:26px}
.s9-top{align-items:center;margin-bottom:18px}
.s9-top h2{font-size:22px;font-weight:700;letter-spacing:-.015em}
.s9-top p{font-size:13px;margin-top:4px}
.s9-ready{background:var(--s);border:1px solid var(--bd);border-radius:10px;padding:8px 12px}

/* stepper: a quiet bar */
.s9-steps{padding:14px 12px;border-radius:12px;box-shadow:none;margin-bottom:22px}
.s9-st .n{width:26px;height:26px;font-size:12px;border-width:1.5px}
.s9-st:not(:last-child)::after{top:13px;left:calc(50% + 17px);right:calc(-50% + 17px);height:1.5px}
.s9-st b{font-size:12px;font-weight:600}
.s9-st small{font-size:10.5px}
.s9-st:hover{background:transparent}.s9-st:hover b{color:var(--t)}

/* page heading */
.s9-kick{font-size:11px;letter-spacing:.08em;color:var(--t3)}
.s9-head{margin-bottom:2px}
.s9-head h1{font-size:19px;font-weight:700;margin:3px 0 4px}
.s9-head p{font-size:13px;color:var(--t2)}

/* the card */
.s9-card{padding:0;margin-top:16px;border-radius:12px;box-shadow:var(--shadow);overflow:visible}
.s9-card-h{margin:0;padding:14px 20px;border-bottom:1px solid var(--bd);align-items:center;gap:16px}
.s9-card h3{font-size:14px;font-weight:600;gap:0}
.s9-hint{margin-top:2px;font-size:12.5px}
.s9-card-b{padding:16px 20px 18px}
.s9-card-b>.s9-addrow:last-child{margin-bottom:0}

/* side column: same card */
.s9-side{gap:12px}
.s9-sc{padding:0;border-radius:12px;box-shadow:var(--shadow);overflow:hidden}
.s9-sc-h{padding:11px 16px;border-bottom:1px solid var(--bd);font-size:12.5px;font-weight:600;color:var(--t)}
.s9-sc-b{padding:12px 16px 14px}
.s9-sc h4{display:none}
.s9-why{background:var(--s)!important;padding:0!important;font-size:12.5px;color:var(--t2)}
.s9-why>b:first-child{display:none}

/* items inside a card: flat */
.s9-tile,.s9-ch,.s9-node,.s9-rule,.s9-fld{box-shadow:none!important;border-radius:9px;border:1px solid var(--bd)}
.s9-tile{padding:12px 14px}
.s9-tile b{font-size:13px;font-weight:600}
.s9-tile.on{background:var(--acc-l);border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)!important}
.s9-ch{padding:12px 14px;background:var(--s)}
.s9-chgrid{margin-top:16px;gap:12px}
.s9-ch:hover{box-shadow:none}
.s9-ch-h .s9-sw{width:22px;height:22px;border-radius:6px}
.s9-node{padding:9px 12px}
.s9-col{border-radius:9px;background:var(--s2)}
.s9-rule{background:var(--s)}
.s9-rule.other{background:var(--s2)}
.s9-tw{border-radius:9px}
.s9-empty{border-radius:9px}
.s9-note{border:1px solid var(--bd);background:var(--s2)}
.s9-newf{border:1px solid var(--bd);background:var(--s2);border-radius:9px}

/* buttons: one height */
.s9-btn{height:34px;padding:0 14px}
.s9-btn.sm{height:30px;padding:0 11px}
.s9-in{height:36px}
.s9-in.sm{height:30px}
textarea.s9-in{height:auto}

/* footer: a floating action bar that lines up with the content */
.s9-foot{margin:24px 0 16px;bottom:14px;padding:12px 18px;border:1px solid var(--bd);border-radius:12px;
  background:var(--s);backdrop-filter:none;box-shadow:0 8px 24px -10px rgba(16,24,40,.22)}
.s9.embed .s9-foot{margin:24px 0 0;border-radius:12px}

/* ══ r207 · Settings — section header "What you can find here" ══ */
.ia-head{margin:0 0 14px!important;padding:18px 20px!important;grid-column:1/-1}
.ia-kick{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}
.ia-head h2{margin:4px 0 4px;font-size:19px;font-weight:700;color:var(--t);letter-spacing:-.01em}
.ia-head p{margin:0;font-size:13px;color:var(--t2);max-width:880px;line-height:1.5}
.ia-lbl{margin:16px 0 8px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--t3)}
.ia-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.ia-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;cursor:pointer;background:var(--s2);border:1px solid var(--bd);
  border-radius:9px;padding:10px 12px;font:inherit;color:var(--t);height:auto}
.ia-item:hover{border-color:var(--acc);background:var(--s)}
.ia-item b{font-size:12.8px;font-weight:600}
.ia-item span{font-size:11.8px;color:var(--t3);line-height:1.35}
.ia-flash{animation:iaFlash 1.4s ease-out}
@keyframes iaFlash{0%{box-shadow:0 0 0 3px var(--acc)}100%{box-shadow:var(--shadow)}}
/* settings cards: title sits next to its icon, with a divider under it */
#page-settings .card-title{justify-content:flex-start;gap:9px;font-size:14px;font-weight:600;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--bd)}
#page-settings .card-title .sico{color:var(--t3)}
#page-settings .ia-head .card-title{border:0}

/* ══ r208 · Add / Edit lead drawer — about a third of the screen ══ */
#lead-modal.overlay.drawer .modal{width:clamp(480px,33vw,660px)!important;max-width:100vw!important}
#lead-modal .fgrid{grid-template-columns:1fr 1fr!important;gap:12px 14px}
#lead-modal .fgrid>.full,#lead-modal .fgrid>.lff-ghead,#lead-modal .fgrid>.ff:has(textarea){grid-column:1/-1}
#lead-modal .modal-title,#lead-modal .factions{margin-left:-24px;margin-right:-24px}
@media(max-width:720px){#lead-modal.overlay.drawer .modal{width:100vw!important}#lead-modal .fgrid{grid-template-columns:1fr!important}}

/* ══ r209 · Team & access panels ══ */
.tp-bar{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.tp-kpis{display:flex;gap:10px;flex:1}
.tp-kpis>div{border:1px solid var(--bd);border-radius:9px;padding:8px 14px;background:var(--s2);display:flex;align-items:baseline;gap:6px}
.tp-kpis b{font-size:16px}.tp-kpis span{font-size:12px;color:var(--t3)}
.tp-tw{border:1px solid var(--bd);border-radius:9px;overflow:auto}
.tp-t{width:100%;border-collapse:collapse}
.tp-t th{font-size:10.8px;letter-spacing:.05em;text-transform:uppercase;color:var(--t3);text-align:left;padding:8px 12px;background:var(--s2);border-bottom:1px solid var(--bd);white-space:nowrap}
.tp-t td{padding:9px 12px;border-bottom:1px solid var(--bd);font-size:12.8px;vertical-align:middle}
.tp-t tr:last-child td{border-bottom:0}
.tp-t tr.off td{opacity:.6}
.tp-sub{font-size:11.5px;color:var(--t3)}
.tp-pill{font-size:10.5px;background:var(--s2);border:1px solid var(--bd);border-radius:999px;padding:1px 7px;color:var(--t2);margin-left:4px}
.tp-in{height:32px;font-size:12.5px;padding:4px 9px;border:1px solid var(--inp-bd);border-radius:8px;background:var(--inp);color:var(--t);min-width:120px}
.tp-st{font-size:11.5px;font-weight:600;color:var(--t3)}.tp-st.on{color:var(--g)}
.tp-acts{white-space:nowrap;text-align:right}.tp-acts .btn{margin-left:4px}
.tp-dept{border:1px solid var(--bd);border-radius:9px;padding:10px 12px;margin-bottom:8px}
.tp-dh{display:flex;align-items:center;gap:10px}
.tp-name{flex:0 1 260px;font-weight:600}
.tp-count{font-size:12px;color:var(--t3);margin-right:auto}
.tp-teams{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.tp-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--bd2);border-radius:999px;padding:3px 6px 3px 11px;font-size:12.3px;background:var(--s)}
.tp-chip em{font-style:normal;font-size:11px;color:var(--t3)}
.tp-chip button{border:0;background:var(--s2);color:var(--t3);width:18px;height:18px;border-radius:50%;cursor:pointer;line-height:1;padding:0}
.tp-chip button:hover{color:var(--r)}
.tp-add{width:180px;min-width:0}
.tp-addrow{display:flex;gap:8px;margin-top:10px}.tp-addrow .tp-in{max-width:320px;flex:1}
.tp-empty{padding:18px;text-align:center;color:var(--t3);font-size:12.5px}
.tp-err{padding:12px;border:1px solid var(--rbd);background:var(--rb);color:var(--r);border-radius:9px;font-size:12.5px}

/* ══ r211 · Fields step — values column + edit row ══ */
.s9-optcell{display:inline-flex;align-items:center;gap:8px}
.s9-pill.w{background:var(--ab);color:var(--a);border:1px solid var(--abd)}
.s9 tr.s9-editrow td{background:var(--s2)}
.s9-edit{padding:6px 2px}
.s9-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px 12px}
.s9-opt{display:flex;align-items:center;gap:6px}.s9-opt .s9-in{flex:1;min-width:0}
.s9-muted.small{font-size:11.5px}

/* ══ r214 · Places card ══ */
.pl-stats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.pl-stats>div{border:1px solid var(--bd);border-radius:9px;padding:8px 14px;background:var(--s2);display:flex;align-items:baseline;gap:6px}
.pl-stats>div.warn{border-color:var(--abd);background:var(--ab)}
.pl-stats b{font-size:16px}.pl-stats span{font-size:12px;color:var(--t3)}
.pl-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.pl-status{font-size:12.5px;color:var(--t2)}
.pl-sub{font-size:12px;color:var(--t3);margin:6px 0}
.pl-sub code{background:var(--s2);border:1px solid var(--bd);border-radius:5px;padding:1px 5px}

/* ══ r215 · City is a plain text box (suggestions appear while typing) ══ */
#lm_city_text::-webkit-calendar-picker-indicator{display:none!important;opacity:0}

/* ══ r216 · calendar day view — task cards like the Tasks page ══ */
.tc-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:start;background:var(--s);border:1px solid var(--bd);
  border-radius:12px;padding:14px 16px;margin:0 14px 10px;box-shadow:var(--shadow)}
.tc-card:first-of-type{margin-top:12px}
.tc-main{cursor:pointer;min-width:0}
.tc-title{font-size:14px;font-weight:600;color:var(--t);line-height:1.35}
.tc-main:hover .tc-title{color:var(--acc-d,var(--acc))}
.tc-meta{margin-top:6px;font-size:12.8px;color:var(--t2);display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.tc-type{display:inline-block;background:var(--s2);border:1px solid var(--bd);border-radius:7px;padding:2px 9px;font-size:12px;font-weight:600;color:var(--t)}
.tc-badge{align-self:start;justify-self:end;font-size:12px;font-weight:600;color:var(--t2);background:var(--s2);border:1px solid var(--bd);border-radius:999px;padding:3px 10px;white-space:nowrap}
.tc-badge.late{color:var(--r);background:var(--rb);border-color:var(--rbd)}
.tc-badge.done{color:var(--g);background:var(--gb);border-color:transparent}
.tc-acts{grid-column:1/-1;display:flex;gap:8px;margin-top:4px}
.tc-acts .btn{height:32px}
.tc-card.done{opacity:.7}.tc-card.done .tc-title{text-decoration:line-through;color:var(--t3)}
.cd-day .cd-sec{margin:14px 14px 0}

/* ══ r217 · task card: lead line (stage · source · phone) and contact buttons ══ */
.tc-card{display:block}
.tc-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:start}
.tc-meta{gap:0}
.tc-meta>*:not(:first-child)::before{content:"·";margin:0 7px;color:var(--t3)}
.tc-meta .tc-type::before{content:none}
.tc-lead{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:9px;padding-top:9px;border-top:1px dashed var(--bd)}
.tc-name{font-weight:600;font-size:13px;color:var(--t)}
.tc-stage{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--t);background:var(--s2);border:1px solid var(--bd);border-radius:999px;padding:2px 10px}
.tc-stage i{width:8px;height:8px;border-radius:50%;background:var(--sc)}
.tc-src{font-size:12px;color:var(--t2);background:var(--s2);border:1px solid var(--bd);border-radius:999px;padding:2px 10px}
.tc-src::before{content:"Source: ";color:var(--t3)}
.tc-ph{font-size:12px;color:var(--t3);margin-left:auto}
.tc-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px}
.tc-contact{display:flex;gap:6px}
.tc-contact .btn{width:34px;height:32px;padding:0;display:inline-grid;place-items:center}
.tc-acts{margin-top:0;grid-column:auto}

/* ══ r220 · Leads table: copy on hover, tinted quick actions, quick tabs ══ */
.cpw{display:inline-flex;align-items:center;gap:6px;max-width:100%}
.cpy{opacity:0;border:1px solid var(--bd);background:var(--s);color:var(--t3);width:22px;height:22px;border-radius:6px;display:inline-grid;place-items:center;
  cursor:pointer;padding:0;flex:none;transition:opacity .12s}
td:hover>.cpw .cpy,.cpw:hover .cpy,.cpy:focus{opacity:1}   /* only the cell under the mouse */
.cpy:hover{color:var(--t);border-color:var(--bd2)}
.cpy.ok{opacity:1;color:var(--g);border-color:var(--g)}
/* quick actions: call · WhatsApp · email · follow-up */
.lead-acts>.btn.licon:nth-child(1):not(.is-off),.tc-contact>.btn.licon:nth-child(1):not(.is-off){background:#FDECEC!important;border-color:#F8CACA!important;color:#C0392B!important}
.lead-acts>.btn.licon:nth-child(2):not(.is-off),.tc-contact>.btn.licon:nth-child(2):not(.is-off){background:#E7F7EC!important;border-color:#BDE8CA!important;color:#1E8E4A!important}
.lead-acts>.btn.licon:nth-child(3):not(.is-off),.tc-contact>.btn.licon:nth-child(4):not(.is-off){background:#FCEAF3!important;border-color:#F4C6DD!important;color:#B83280!important}
.lead-acts>.btn.licon:nth-child(4):not(.is-off){background:#E6F4FB!important;border-color:#BCE2F4!important;color:#1F7FB0!important}
.tc-contact>.btn.licon:nth-child(3):not(.is-off){background:#EFEDFC!important;border-color:#D6D1F6!important;color:#5B4BC4!important}
.lead-acts>.btn.licon:not(.is-off):hover,.tc-contact>.btn.licon:not(.is-off):hover{filter:brightness(.95)}
[data-theme="dark"] .lead-acts>.btn.licon:not(.is-off),[data-theme="dark"] .tc-contact>.btn.licon:not(.is-off){filter:saturate(.8) brightness(.85)}
/* quick tabs */
.fchip.qt .qt-n{margin-left:6px;font-size:11px;font-weight:700;background:var(--s2);border:1px solid var(--bd);border-radius:999px;padding:0 7px;line-height:17px}
.fchip.qt.on .qt-n{background:rgba(255,255,255,.25);border-color:transparent;color:inherit}
.fchip.qt-warn .qt-n{color:var(--r)}
/* r221: Follow-up · New · Pending sit in the middle of the bar */
.qt-mid{flex:1 1 auto;display:flex;justify-content:center;align-items:center;gap:8px;min-width:0}
/* r333: the quick filters are one left-to-right row — All leads, Re-enquired,
   Referred to me, Follow-up, New, Pending — with a divider before the counts. */
.qt-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.qt-mid.qt-left{flex:0 0 auto;justify-content:flex-start;margin:0;gap:8px;position:relative;padding-left:9px}
.qt-mid.qt-left::before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:1px;background:var(--bd2)}
.qt-mid+.chipbar-right{margin-left:0}
@media(max-width:1100px){.qt-mid{justify-content:flex-start}}

/* r222: the bar behind the top tabs on the Leads page uses the page's grey
   (the same colour as the gutter beside it); the tabs themselves stay white */
#page-leads{background:var(--bg)!important}
#lead-chipbar{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
#page-leads button.fchip.on{background:var(--acc-l,#FFF1E8)!important;border-color:var(--acc)!important;color:var(--acc-d,var(--acc))!important}

/* r225: group rows on the opportunities list show the group's value */
.sp-grp-v{margin-left:8px;font-size:12px;color:var(--t3);font-weight:600}

/* r227: Leads page loading state */
.sk-bar{display:inline-block;height:10px;border-radius:6px;background:linear-gradient(90deg,var(--s2) 0%,var(--bd) 50%,var(--s2) 100%);background-size:200% 100%;animation:skShim 1.2s linear infinite;vertical-align:middle}
.sk-row td{padding-top:18px!important;padding-bottom:18px!important}
@keyframes skShim{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ══ r232 · live WhatsApp reply-window timer ══ */
.wa-timer{display:inline-flex;align-items:center;gap:9px;margin-left:auto;margin-right:10px;padding:5px 12px 5px 8px;border-radius:12px;border:1px solid var(--bd);background:var(--s);flex:none}
.wa-timer-ic{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--s2);color:var(--t3)}
.wa-timer-body{display:flex;flex-direction:column;line-height:1.1}
.wa-timer-lbl{font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--t3)}
.wa-timer-val{font:700 17px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--t);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.wa-timer.ok{border-color:#BBF7D0;background:#F0FDF4}.wa-timer.ok .wa-timer-ic{background:#DCFCE7;color:#15803D}.wa-timer.ok .wa-timer-val{color:#15803D}
.wa-timer.warn{border-color:#FDE68A;background:#FFFBEB}.wa-timer.warn .wa-timer-ic{background:#FEF3C7;color:#B45309}.wa-timer.warn .wa-timer-val{color:#B45309}
.wa-timer.late{border-color:#FECACA;background:#FEF2F2}.wa-timer.late .wa-timer-ic{background:#FEE2E2;color:#B91C1C}.wa-timer.late .wa-timer-val{color:#B91C1C}
.wa-timer.late .wa-timer-ic{animation:waPulse 1s ease-in-out infinite}
.wa-timer.closed .wa-timer-val{color:var(--t3);font-size:14px}
@keyframes waPulse{50%{transform:scale(1.08)}}
[data-theme="dark"] .wa-timer.ok,[data-theme="dark"] .wa-timer.warn,[data-theme="dark"] .wa-timer.late{background:var(--s2)}
/* r233: the reply-window timer sits exactly in the middle of the empty space
   between the contact's name and the pills / buttons on the right (placed by JS) */
.wa-thread-head{position:relative}
.wa-thread-head .wa-timer{position:absolute;top:50%;transform:translateY(-50%);margin:0;left:50%}
.wa-thread-head .wa-timer + *{margin-left:auto}
/* the timer replaces the small "session open · 16h 20m left" line under the name */
.wa-thread-head.wa-open .wa-thread-sub{display:none}
.wa-thread-head.wa-closed .wa-timer{display:none}
/* narrow screens: timer sits next to the buttons instead of the middle */
@media(max-width:1100px){.wa-thread-head .wa-timer{position:static;transform:none;margin:0 10px 0 auto;left:auto!important}}

/* ══ r235 · reply-window timer: small, light, appears in place ══ */
.wa-thread-head .wa-timer{visibility:hidden;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px 0 8px;border-radius:999px;
  border:1px solid var(--bd);background:var(--s);box-shadow:none;transition:none}
.wa-thread-head .wa-timer.placed{visibility:visible}
.wa-thread-head .wa-timer-ic{width:auto;height:auto;background:none!important;border-radius:0;display:inline-flex;animation:none!important}
.wa-thread-head .wa-timer-val{font:500 13px/1 system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.wa-thread-head .wa-timer-lbl{font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--t3)}
.wa-thread-head .wa-timer-body{display:contents}
.wa-thread-head .wa-timer.ok{background:#F2FBF5;border-color:#D3EEDC}.wa-thread-head .wa-timer.ok .wa-timer-val,.wa-thread-head .wa-timer.ok .wa-timer-ic{color:#1E7A45}
.wa-thread-head .wa-timer.warn{background:#FFF9EC;border-color:#F6E3B4}.wa-thread-head .wa-timer.warn .wa-timer-val,.wa-thread-head .wa-timer.warn .wa-timer-ic{color:#A15C07}
.wa-thread-head .wa-timer.late{background:#FEF3F2;border-color:#F8D4D1}.wa-thread-head .wa-timer.late .wa-timer-val,.wa-thread-head .wa-timer.late .wa-timer-ic{color:#B42318}
[data-theme="dark"] .wa-thread-head .wa-timer{background:var(--s2)!important;border-color:var(--bd2)!important}
/* r236: contact circles in the chat list and the chat header = brand colour */
.wa-av,.wa-thread-head .wa-avatar-sm{background:var(--acc)!important;color:#fff!important}
/* r238: Cards view hidden on Leads (until asked for) */
#page-leads [data-view="cards"],#leadview-cards{display:none!important}
/* r239: Kanban fills the screen — every column runs to the bottom, cards scroll inside */
.sv-kanban{align-items:stretch!important}
.sv-kanban .sv-col{height:var(--kb-h,calc(100vh - 300px));max-height:none!important}
.sv-kanban .sv-cards{flex:1;min-height:0}
/* the "Show 25 rows" pager means nothing on a board */
.sv-host:has(.sv-kanban) ~ #lead-pager,#page-leads:has(.sv-kanban) #lead-pager,#page-leads:has(.sv-kanban) #pipe-pager{display:none!important}
/* r242: Opportunities board uses the same cards as Leads */
.sv-card-f .sv-late{color:var(--r);font-weight:600}
#page-leads.lo-opps-active #pipe-kanban-view{display:none!important}

/* ══ r245: ‹ › beside the page tabs when some are out of view ══ */
.tb-sub-arrow{flex:none;width:26px;height:26px;border-radius:50%;border:1px solid var(--bd2);background:var(--s);color:var(--t2);
  display:inline-grid;place-items:center;cursor:pointer;padding:0;box-shadow:0 1px 3px rgba(16,24,40,.12)}
.tb-sub-arrow:hover{color:var(--acc);border-color:var(--acc)}
.tb-sub-arrow[hidden]{display:none!important}
#tb-sub-prev{margin-right:2px}#tb-sub-next{margin-left:2px}
.tb-subnav{flex:1 1 auto;min-width:0}
/* r246: the Walk-ins page is not part of this CRM's menu — never shown */
.ntab[data-page="walkins"],.tb-sub[data-page="walkins"],[data-nav="walkins"]{display:none!important}

/* ══ r248: branding editor with a live CRM preview on the side ══ */
#sbrand-modal{width:min(1120px,96vw)!important;max-height:92vh!important}
#sbrand-modal .sbrand-split{display:grid;grid-template-columns:minmax(360px,440px) 1fr;align-items:start}
#sbrand-modal .sbrand-split>.bd{border-right:1px solid var(--bd)}
.sbrand-live{position:sticky;top:0;padding:18px 20px 22px}
.sbrand-live-h{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--t3);margin-bottom:10px}
.sbrand-live-h span{text-transform:none;letter-spacing:0;font-weight:400}
.mk{display:grid;grid-template-columns:120px 1fr;height:360px;border:1px solid;border-radius:12px;overflow:hidden;font-size:11px;box-shadow:0 10px 30px -12px rgba(16,24,40,.35)}
.mk-side{display:flex;flex-direction:column;gap:3px;padding:10px 8px;color:#fff}
.mk-logo{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;font-weight:700;font-size:13px;margin:0 0 10px 4px;color:#fff}
.mk-nav{display:flex;align-items:center;gap:7px;padding:6px 7px;border-radius:7px;color:rgba(255,255,255,.82)}
.mk-nav.on{color:#fff;font-weight:600}
.mk-nav i{width:10px;height:10px;border:1.5px solid;border-radius:3px}
.mk-me{margin-top:auto;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:10px;color:#fff;margin-left:4px}
.mk-main{display:flex;flex-direction:column;min-width:0}
.mk-top{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid}
.mk-tab{font-weight:600;padding:4px 0;border-bottom:2px solid transparent}
.mk-search{margin-left:auto;border:1px solid;border-radius:7px;padding:4px 10px;width:130px}
.mk-av{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:10px}
.mk-body{padding:10px 12px;display:flex;flex-direction:column;gap:10px}
.mk-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mk-chip{border:1px solid;border-radius:7px;padding:4px 9px;font-weight:600;display:inline-flex;gap:5px;align-items:center}
.mk-chip b{font-size:10px;border-radius:999px;padding:0 6px}
.mk-btn{margin-left:auto;color:#fff;font-weight:700;border-radius:7px;padding:5px 10px}
.mk-table{border:1px solid;border-radius:9px;overflow:hidden}
.mk-tr{display:grid;grid-template-columns:1.3fr 1fr .6fr;align-items:center;padding:7px 10px;border-bottom:1px solid}
.mk-tr:last-child{border-bottom:0}
.mk-th{font-size:9.5px;font-weight:700;letter-spacing:.05em}
.mk-tr i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;vertical-align:1px}
.mk-tr em{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;color:#fff;font-style:normal;font-weight:700;font-size:9px}
@media(max-width:900px){#sbrand-modal .sbrand-split{grid-template-columns:1fr}.sbrand-live{position:static}}
#sbrand-modal .sbrand-row{display:grid!important;grid-template-columns:1fr 1fr;gap:12px}
#sbrand-modal .sbrand-color{min-width:0}
#sbrand-modal .sbrand-color .ci{display:flex;gap:6px;min-width:0;align-items:center}
#sbrand-modal .sbrand-color .ci input[type=text]{flex:1;min-width:0;width:auto!important}
/* r249: controls and preview are the same height; the preview fills its side */
#sbrand-modal .sbrand-split{align-items:stretch!important}
.sbrand-live{position:static!important;display:flex;flex-direction:column;min-height:0}
#sbrand-mock{flex:1;display:flex;min-height:0}
#sbrand-mock .mk{height:auto!important;flex:1;min-height:420px}
#sbrand-mock .mk-body{flex:1}
#sbrand-mock .mk-table{flex:1}

/* ══ r254 · WhatsApp chat window — WhatsApp's own look ══════════════════════
   green header, beige doodle wallpaper, white / light-green bubbles with
   tails, blue read ticks, grey composer bar and a green send button */
.wa-pop-host .wapop{border:0!important;box-shadow:0 -4px 30px rgba(11,20,26,.26)!important}
.wa-pop-host .wapop-head{background:#008069!important;border-bottom:0!important;padding:10px 10px!important}
.wa-pop-host .wapop-who b{color:#fff!important}
.wa-pop-host .wapop-who i{color:rgba(255,255,255,.82)!important}
.wa-pop-host .wapop-av{box-shadow:0 0 0 2px rgba(255,255,255,.25)!important}
.wa-pop-host .wapop-acts button{color:rgba(255,255,255,.9)!important}
.wa-pop-host .wapop-acts button:hover{background:rgba(255,255,255,.14)!important;color:#fff!important}
.wa-pop-host .wapop-acts button.on svg,.wa-pop-host .wapop-acts button.on{color:#FFD54F!important}
.wa-pop-host .wapop-bar{background:#F0F2F5!important;border-bottom:1px solid #E9EDEF!important}
.wa-pop-host .wapop-bar select{background:#fff!important;border-color:#E9EDEF!important;color:#3B4A54!important}
.wa-pop-host .wapop-body{background-color:#EFEAE2!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23d9d2c5' stroke-width='1.2' opacity='.38'%3E%3Ccircle cx='18' cy='20' r='7'/%3E%3Cpath d='M52 12l8 8-8 8-8-8z'/%3E%3Cpath d='M90 16c6 0 10 4 10 9s-4 9-10 9'/%3E%3Crect x='14' y='62' width='16' height='12' rx='3'/%3E%3Cpath d='M58 66c0-6 10-6 10 0s-10 10-10 10'/%3E%3Ccircle cx='96' cy='70' r='4'/%3E%3Cpath d='M22 100h14M29 93v14'/%3E%3Cpath d='M62 98l6 10 6-10'/%3E%3Cpath d='M92 96c4 4 8 4 12 0'/%3E%3C/g%3E%3C/svg%3E")!important;padding:10px 12px 8px!important;gap:2px!important}
.wa-pop-host .wapop-day{background:#fff!important;border:0!important;color:#54656F!important;font-size:11px!important;font-weight:500!important;box-shadow:0 1px .5px rgba(11,20,26,.13)!important;border-radius:7px!important;padding:4px 10px!important}
.wa-pop-host .wapop-bub{border:0!important;border-radius:8px!important;background:#fff!important;color:#111B21!important;box-shadow:0 1px .5px rgba(11,20,26,.13)!important;padding:6px 8px 4px 9px!important;font-size:13px!important}
.wa-pop-host .wapop-row.out .wapop-bub{background:#D9FDD3!important;border:0!important}
/* the little tails */
.wa-pop-host .wapop-row:not(.out) .wapop-bub{border-top-left-radius:0!important}
.wa-pop-host .wapop-row.out .wapop-bub{border-top-right-radius:0!important}
.wa-pop-host .wapop-row:not(.out) .wapop-bub::before{content:"";position:absolute!important;left:-7px!important;top:0!important;border-top:8px solid #fff!important;border-left:8px solid transparent!important}
.wa-pop-host .wapop-row.out .wapop-bub::before{content:"";position:absolute!important;right:-7px!important;top:0!important;border-top:8px solid #D9FDD3!important;border-right:8px solid transparent!important}
.wa-pop-host .wapop-meta{color:#667781!important;font-size:10.5px!important}
.wa-pop-host .wapop-tick.read{color:#53BDEB!important}
.wa-pop-host .wapop-foot{background:#F0F2F5!important;border-top:0!important;padding:8px 8px!important;align-items:center!important}
.wa-pop-host .wapop-foot textarea{background:#fff!important;border:0!important;border-radius:8px!important;padding:9px 12px!important;font-size:13px!important;color:#111B21!important}
.wa-pop-host .wapop-foot textarea::placeholder{color:#667781!important}
.wa-pop-host .wapop-ic{color:#54656F!important}
.wa-pop-host .wapop-ic:hover{background:rgba(11,20,26,.06)!important;color:#111B21!important}
.wa-pop-host .wapop-send{background:#00A884!important;width:36px!important;height:36px!important}
.wa-pop-host .wapop-send:hover{background:#008F72!important;filter:none!important}
.wa-pop-host .wapop-empty{background:#FFEECD!important;color:#54656F!important;border-radius:8px!important;box-shadow:0 1px .5px rgba(11,20,26,.13)!important;margin:auto 10px!important;font-size:11.5px!important}

/* dark mode — WhatsApp's dark palette */
[data-theme="dark"] .wa-pop-host .wapop-head{background:#202C33!important}
[data-theme="dark"] .wa-pop-host .wapop-bar,[data-theme="dark"] .wa-pop-host .wapop-foot{background:#202C33!important;border-color:#2A3942!important}
[data-theme="dark"] .wa-pop-host .wapop-bar select,[data-theme="dark"] .wa-pop-host .wapop-foot textarea{background:#2A3942!important;border-color:#2A3942!important;color:#E9EDEF!important}
[data-theme="dark"] .wa-pop-host .wapop-body{background-color:#0B141A!important;background-image:none!important}
[data-theme="dark"] .wa-pop-host .wapop-bub{background:#202C33!important;color:#E9EDEF!important}
[data-theme="dark"] .wa-pop-host .wapop-row:not(.out) .wapop-bub::before{border-top-color:#202C33!important}
[data-theme="dark"] .wa-pop-host .wapop-row.out .wapop-bub{background:#005C4B!important}
[data-theme="dark"] .wa-pop-host .wapop-row.out .wapop-bub::before{border-top-color:#005C4B!important}
[data-theme="dark"] .wa-pop-host .wapop-day{background:#182229!important;color:#8696A0!important}
[data-theme="dark"] .wa-pop-host .wapop-meta{color:#8696A0!important}

/* ══ r255 · amount in words + voice typing ══ */
.amt-words{margin-top:5px;font-size:12px;line-height:1.35;color:var(--g,#16A34A);font-weight:500}
.mic-wrap{position:relative;display:block;width:100%}
.mic-wrap>textarea{width:100%;padding-right:44px!important;box-sizing:border-box}
.mic-btn{position:absolute;right:8px;bottom:8px;width:30px;height:30px;border-radius:50%;border:1px solid var(--bd2);background:var(--s);
  color:var(--t3);display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:0 1px 3px rgba(16,24,40,.1);z-index:2}
.mic-btn:hover{color:var(--acc);border-color:var(--acc)}
.mic-btn.rec{background:#EF4444;border-color:#EF4444;color:#fff;animation:micPulse 1.2s ease-in-out infinite}
@keyframes micPulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.45)}70%{box-shadow:0 0 0 9px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}

/* ══ r262 · Bulk actions ══ */
#lead-chipbar .cbtn.bulk-btn{width:auto!important;padding:0 11px!important;gap:7px;display:inline-flex;align-items:center;font:600 12.5px/1 inherit;color:var(--t)}
#lead-chipbar .cbtn.bulk-btn span{white-space:nowrap}
#lead-chipbar .cbtn.bulk-btn .bulk-n{background:var(--acc);color:#fff;border-radius:999px;padding:2px 7px;font-size:11px;line-height:1.2}
#lead-chipbar .cbtn.bulk-btn.on{border-color:var(--acc)!important;color:var(--acc)}
.bulk-menu{position:absolute;z-index:9600;width:330px;background:var(--s);border:1px solid var(--bd);border-radius:12px;box-shadow:0 18px 44px -12px rgba(16,24,40,.35);padding:6px;display:none}
.bm-head{padding:10px 10px 8px;border-bottom:1px solid var(--bd);margin-bottom:4px;font-size:12.5px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.bm-head b{color:var(--t)}
.bm-head span{color:var(--t3);font-size:12px;line-height:1.4}
.bm-head a{color:var(--acc);cursor:pointer;font-weight:600;font-size:12px}
.bm-sec{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--t3);padding:8px 10px 4px}
.bm-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:0;background:transparent;padding:8px 10px;border-radius:9px;cursor:pointer;font:inherit;color:var(--t)}
.bm-item:hover:not(.dis){background:var(--s2)}
.bm-ic{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);flex:none}
.bm-t{display:flex;flex-direction:column;min-width:0}
.bm-t b{font-size:13px;font-weight:600}
.bm-t small{font-size:11.5px;color:var(--t3);line-height:1.3}
.bm-item.danger b{color:#DC2626}
.bm-item.dis{opacity:.45;cursor:not-allowed}
/* the toolbar can move this button into the views bar — keep its size and look there too */
#page-leads .cbtn.bulk-btn.bulk-btn,#page-leads #sv-leads-row #sv-leads-bar .cbtn.bulk-btn,#page-leads #sv-leads-row #lead-chipbar .chipbar-right > .cbtn.bulk-btn{width:auto!important;min-width:0!important;padding:0 11px!important;gap:7px!important;
  display:inline-flex!important;align-items:center!important;font:600 12.5px/1 inherit!important;color:var(--t)!important;background:var(--s)!important;border:1px solid var(--bd2)!important;border-radius:8px!important;height:32px!important}
#page-leads .cbtn.bulk-btn.bulk-btn.on,#page-leads #sv-leads-row #sv-leads-bar .cbtn.bulk-btn.on,#page-leads #sv-leads-row #lead-chipbar .chipbar-right > .cbtn.bulk-btn.on{background:var(--acc-l,#FFF1E8)!important;border-color:var(--acc)!important;color:var(--acc)!important}
#page-leads .cbtn.bulk-btn svg{flex:none}
/* r263: compact, professional bulk menu — about half the screen at most */
.bulk-menu{width:236px;padding:4px;border-radius:10px;max-height:50vh;overflow-y:auto;box-shadow:0 12px 32px -10px rgba(16,24,40,.28)}
.bm-head{padding:7px 9px 6px;margin-bottom:2px;font-size:12px;gap:8px;align-items:center}
.bm-head b{font-weight:600}
.bm-head a{font-size:11.5px}
.bm-sec{font-size:9.5px;letter-spacing:.07em;padding:6px 9px 2px}
.bm-item{gap:9px;padding:5px 9px;border-radius:7px;min-height:30px}
.bm-ic{width:22px;height:22px;border-radius:6px}
.bm-t{font-size:12.5px;font-weight:500;color:var(--t);white-space:nowrap}
.bm-item.danger .bm-t{color:#DC2626}
/* r264: the menu fits without scrolling on normal screens; on very small ones a
   hair-thin scrollbar (no arrows) appears instead of the big default one */
.bulk-menu{max-height:min(72vh,480px);scrollbar-width:thin;scrollbar-color:var(--bd2) transparent}
.bulk-menu::-webkit-scrollbar{width:4px}
.bulk-menu::-webkit-scrollbar-track{background:transparent;margin:6px 0}
.bulk-menu::-webkit-scrollbar-thumb{background:var(--bd2);border-radius:4px}
.bulk-menu::-webkit-scrollbar-button{display:none;height:0}

/* ══ r266 · bulk WhatsApp / AI call dialogs ══ */
.bx-back{position:fixed;inset:0;z-index:9700;background:rgba(15,23,42,.45);display:grid;place-items:center;padding:20px}
.bx-card{width:min(640px,100%);max-height:88vh;display:flex;flex-direction:column;background:var(--s);border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.3);overflow:hidden}
.bx-h{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px 12px;border-bottom:1px solid var(--bd)}
.bx-h b{display:block;font-size:16px;color:var(--t)}.bx-h span{font-size:12.5px;color:var(--t3)}
.bx-x{border:0;background:transparent;color:var(--t3);font-size:16px;cursor:pointer;width:30px;height:30px;border-radius:8px}.bx-x:hover{background:var(--s2);color:var(--t)}
.bx-b{padding:16px 20px;overflow:auto;display:flex;flex-direction:column;gap:14px}
.bx-f{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--bd);background:var(--s2)}
.bx-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bx-f1{display:flex;flex-direction:column;gap:5px;font-size:12.5px}
.bx-f1>span{font-weight:600;color:var(--t)}.bx-f1>span em{font-weight:400;color:var(--t3);font-style:normal}
.bx-f1 small{font-size:11.5px;color:var(--t3)}
.bx-f1 select,.bx-f1 input,.bx-f1 textarea{height:38px;border:1px solid var(--bd2);border-radius:9px;padding:0 10px;background:var(--s);color:var(--t);font:inherit;font-size:13px}
.bx-f1 textarea{height:auto;padding:9px 10px;resize:vertical}
.bx-wide{grid-column:1/-1}
.bx-row{display:flex;align-items:center;gap:8px}.bx-row input{flex:1}.bx-row em{font-style:normal;color:var(--t3)}
.bx-prev{background:#EFEAE2;border-radius:10px;padding:14px}
.bx-prev-e{color:#54656F;font-size:12.5px;text-align:center;padding:8px}
.bx-prev-l{font-size:11.5px;color:#54656F;margin-bottom:6px}
.bx-bubble{background:#fff;border-radius:0 8px 8px 8px;padding:8px 10px;font-size:13px;color:#111B21;box-shadow:0 1px .5px rgba(11,20,26,.13);max-width:92%;line-height:1.45}
.bx-bubble small{display:block;color:#667781;font-size:11.5px;margin-top:6px}
.bx-note{font-size:12px;color:var(--t2);background:var(--s2);border-radius:8px;padding:9px 11px}
.bx-warn{font-size:12.5px;color:#92400E;background:#FFFBEB;border:1px solid #FDE68A;border-radius:9px;padding:10px 12px}
.bx-empty{display:flex;flex-direction:column;gap:6px;text-align:center;padding:26px 10px;color:var(--t2)}.bx-empty b{color:var(--t)}
.bx-prog-t{font-size:13px;color:var(--t2);margin-bottom:8px}.bx-prog-t b{font-size:18px;color:var(--t)}
.bx-bar{height:8px;background:var(--s2);border-radius:6px;overflow:hidden}.bx-bar i{display:block;height:100%;width:0;background:#25D366;transition:width .2s}
.bx-log{margin-top:10px;max-height:220px;overflow:auto;font-size:12px;display:flex;flex-direction:column;gap:3px}
.bx-log .ok{color:#15803D}.bx-log .bad{color:#B91C1C}
.bx-done{font-size:13px;padding:10px 12px;border-radius:9px;background:#F0FDF4;color:#15803D;border:1px solid #BBF7D0}
.bx-done.warn{background:#FFFBEB;color:#92400E;border-color:#FDE68A}
@media(max-width:640px){.bx-grid{grid-template-columns:1fr}}
/* r267: a required field left empty is outlined in red until filled */
.ff-missing{border-color:#DC2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.15)!important}

/* ══ r268 · in-app confirm + floating, minimisable progress panel ══ */
.bx-cf-back{z-index:9800}
.bx-cf{width:min(440px,100%);background:var(--s);border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.3);padding:20px 20px 16px;display:grid;grid-template-columns:40px 1fr;gap:4px 14px;animation:bxIn .14s ease-out}
@keyframes bxIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.bx-cf-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent)}
.bx-cf-t b{display:block;font-size:15px;color:var(--t);margin:2px 0 4px}
.bx-cf-t p{margin:0;font-size:13px;line-height:1.5;color:var(--t2)}
.bx-cf-a{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
#bx-jobs{position:fixed;right:18px;bottom:40px;z-index:9550;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.bx-job{width:320px;background:var(--s);border:1px solid var(--bd);border-radius:12px;box-shadow:0 14px 40px -12px rgba(16,24,40,.35);overflow:hidden;animation:bxIn .16s ease-out}
.bx-job-h{display:flex;align-items:center;gap:10px;padding:10px 10px 8px 12px;cursor:pointer}
.bx-job-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#16A34A;background:#DCFCE7;flex:none}
.bx-job-tt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.bx-job-tt b{font-size:13px;color:var(--t);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bx-job-s{font-size:11.5px;color:var(--t3)}
.bx-job-b{border:0;background:transparent;color:var(--t3);width:26px;height:26px;border-radius:7px;display:grid;place-items:center;cursor:pointer;transition:transform .15s}
.bx-job-b:hover{background:var(--s2);color:var(--t)}
.bx-job.min [data-min]{transform:rotate(180deg)}
.bx-job-bar{height:3px;background:var(--s2);margin:0 12px}
.bx-job-bar i{display:block;height:100%;width:0;background:#25D366;border-radius:3px;transition:width .2s}
.bx-job.done .bx-job-bar i{background:#16A34A}.bx-job.warn .bx-job-bar i{background:#F59E0B}
.bx-job-body{padding:8px 12px 10px}
.bx-job.min .bx-job-body{display:none}
.bx-job.min .bx-job-bar{margin-bottom:10px}
.bx-job-sum{font-size:12.5px;color:var(--t);margin-bottom:6px}.bx-job-sum:empty{display:none}
.bx-job-log{max-height:150px;overflow:auto;font-size:12px;display:flex;flex-direction:column;gap:3px;scrollbar-width:thin}
.bx-job-log .ok{color:#15803D}.bx-job-log .bad{color:#B91C1C}
.bx-job-f{display:flex;justify-content:flex-end;margin-top:8px}

/* bold words inside the confirm text stay in the sentence */
.bx-cf-t p b{display:inline;margin:0;font-size:inherit;color:var(--t)}

/* ══ r271 · Campaigns table + insights ══ */
.cp-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}
.cp-k{background:var(--s);border:1px solid var(--bd);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.cp-k span{font-size:12px;color:var(--t2);font-weight:600}.cp-k b{font-size:22px;color:var(--t);letter-spacing:-.01em}.cp-k small{font-size:11.5px;color:var(--t3)}
.cp-card{background:var(--s);border:1px solid var(--bd);border-radius:12px;overflow:hidden}
.cp-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid var(--bd)}
.cp-tabs{display:flex;gap:2px}
.cp-tabs button{border:0;background:transparent;padding:7px 12px;border-radius:8px;font:600 12.5px/1 inherit;color:var(--t2);cursor:pointer}
.cp-tabs button.on{background:var(--acc-l,#FFF1E8);color:var(--acc)}
.cp-q,.cp-rq{height:34px;border:1px solid var(--bd2);border-radius:9px;padding:0 11px;width:240px;background:var(--s);color:var(--t);font:inherit;font-size:13px}
.cp-tw{overflow-x:auto}
.cp-t{width:100%;border-collapse:collapse;font-size:13px}
.cp-t th{font-size:10.8px;letter-spacing:.05em;text-transform:uppercase;color:var(--t3);font-weight:700;text-align:left;padding:10px 14px;background:var(--s2);border-bottom:1px solid var(--bd);white-space:nowrap}
.cp-t td{padding:11px 14px;border-bottom:1px solid var(--bd);vertical-align:middle;color:var(--t)}
.cp-t tbody tr{cursor:pointer}.cp-t tbody tr:hover td{background:var(--s2)}
.cp-t .r{text-align:right}
.cp-t td.r b{display:block;font-weight:700}.cp-t td.r small{display:block;font-size:11px;color:var(--t3)}
.cp-n b{display:block;font-weight:600;color:var(--t)}.cp-n small{display:block;font-size:11.5px;color:var(--t3);margin-top:2px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-ch{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--c);background:color-mix(in srgb,var(--c) 10%,transparent);padding:3px 9px;border-radius:999px}
.cp-st{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--s2);color:var(--t2)}
.cp-st.g{background:#E7F7EC;color:#15803D}.cp-st.b{background:#EAF2FF;color:#1D4ED8}.cp-st.r{background:#FDECEC;color:#B91C1C}.cp-st.a{background:#FFF7E6;color:#B45309}.cp-st.p{background:#F1EDFD;color:#6D28D9}
.cp-sub{display:block;font-size:11px;color:var(--t3);margin-top:3px}
.cp-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:cpBlink 1s ease-in-out infinite}@keyframes cpBlink{50%{opacity:.3}}
.cp-reach{display:inline-flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:110px}
.cp-reach span{font-size:12.5px;color:var(--t3)}.cp-reach b{color:var(--t)}
.cp-reach i{width:110px;height:5px;background:var(--s2);border-radius:4px;overflow:hidden;display:block}.cp-reach em{display:block;height:100%;background:var(--acc);border-radius:4px}
.cp-when{white-space:nowrap}.cp-when small{display:block;font-size:11px;color:var(--t3)}
.cp-act{white-space:nowrap;text-align:right}.cp-act .btn{margin-left:4px}
.cp-more{border:1px solid var(--bd2);background:var(--s);width:30px;height:28px;border-radius:7px;cursor:pointer;color:var(--t2);margin-left:4px}
.cp-menu{position:absolute;z-index:9600;width:150px;background:var(--s);border:1px solid var(--bd);border-radius:10px;box-shadow:0 12px 30px -10px rgba(16,24,40,.3);padding:4px}
.cp-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:8px 10px;border-radius:7px;font:inherit;font-size:13px;cursor:pointer;color:var(--t)}
.cp-menu button:hover{background:var(--s2)}.cp-menu .bad{color:#DC2626}
.cp-empty{padding:34px;text-align:center;color:var(--t3);font-size:13px}.cp-empty.sm{padding:18px}
.bad{color:#B91C1C}.mut{color:var(--t3)}
.cp-ins-back{position:fixed;inset:0;z-index:9400;background:rgba(15,23,42,.35);display:flex;justify-content:flex-end}
.cp-ins{width:min(880px,100%);height:100%;background:var(--bg);display:flex;flex-direction:column;box-shadow:-20px 0 50px -20px rgba(0,0,0,.35);animation:cpIn .18s ease-out}
@keyframes cpIn{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}
.cp-ins-h{display:flex;justify-content:space-between;gap:12px;padding:18px 22px;background:var(--s);border-bottom:1px solid var(--bd)}
.cp-ins-t{font-size:18px;font-weight:700;color:var(--t)}
.cp-ins-s{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px;font-size:12px}.cp-ins-s .cp-sub{display:inline;margin:0}
.cp-x{border:0;background:transparent;font-size:17px;color:var(--t3);cursor:pointer;width:32px;height:32px;border-radius:8px}.cp-x:hover{background:var(--s2)}
.cp-ins-b{flex:1;overflow:auto;padding:18px 22px;display:flex;flex-direction:column;gap:14px}
.cp-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.cp-tile{background:var(--s);border:1px solid var(--bd);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.cp-tile span{font-size:11.5px;color:var(--t2);font-weight:600}.cp-tile b{font-size:21px;color:var(--c)}.cp-tile small{font-size:11px;color:var(--t3)}
.cp-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cp-box{background:var(--s);border:1px solid var(--bd);border-radius:12px;padding:14px 16px}
.cp-box h4{margin:0 0 12px;font-size:13.5px;color:var(--t)}
.cp-fn{margin-bottom:10px}.cp-fn-l{display:flex;align-items:baseline;gap:8px;font-size:12.5px;margin-bottom:4px}
.cp-fn-l span{flex:1;color:var(--t2)}.cp-fn-l b{color:var(--t)}.cp-fn-l em{font-style:normal;color:var(--t3);width:40px;text-align:right}
.cp-fn-bar{height:8px;background:var(--s2);border-radius:5px;overflow:hidden}.cp-fn-bar i{display:block;height:100%;border-radius:5px}
.cp-days{display:flex;align-items:flex-end;gap:8px;height:150px;padding-top:6px}
.cp-day{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px;min-width:0}
.cp-day i{width:100%;max-width:34px;background:var(--acc);border-radius:5px 5px 2px 2px;opacity:.85}
.cp-day em{font-style:normal;font-size:11px;font-weight:700;color:var(--t2);order:-1}
.cp-day small{font-size:10.5px;color:var(--t3);white-space:nowrap}
.cp-rh{display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}.cp-rh h4{margin:0}
.cp-rtabs{display:flex;gap:2px;flex:1}
.cp-rtabs button{border:0;background:transparent;padding:6px 10px;border-radius:8px;font:600 12px/1 inherit;color:var(--t2);cursor:pointer}
.cp-rtabs button span{color:var(--t3);font-weight:600;margin-left:3px}
.cp-rtabs button.on{background:var(--acc-l,#FFF1E8);color:var(--acc)}
.cp-rtw{border:1px solid var(--bd);border-radius:10px;max-height:420px;overflow:auto}
.cp-rt th{position:sticky;top:0}
.cp-note{font-size:11.5px;color:var(--t3);margin-top:8px}
@media(max-width:1100px){.cp-kpis{grid-template-columns:repeat(2,1fr)}.cp-tiles{grid-template-columns:repeat(3,1fr)}.cp-two{grid-template-columns:1fr}}
.cp-reach span{white-space:nowrap}

/* ══ r272 · New campaign opens as a panel from the left, half the screen wide ══ */
#campaign-modal.overlay{justify-content:flex-start!important;align-items:stretch!important;padding:0!important;overflow:hidden!important}
#campaign-modal .modal{width:50vw!important;min-width:560px;max-width:100%!important;height:100vh;max-height:100vh;margin:0!important;border-radius:0 16px 16px 0!important;
  overflow-y:auto;padding:22px 28px 90px!important;animation:cmSlideLeft .22s cubic-bezier(.2,.8,.2,1)!important;box-shadow:24px 0 60px -20px rgba(0,0,0,.35)!important}
@keyframes cmSlideLeft{from{transform:translateX(-40px);opacity:0}to{transform:none;opacity:1}}
/* title stays on top and the Save / Cancel buttons stay at the bottom while you scroll */
#campaign-modal .modal-title{position:sticky;top:-22px;z-index:2;background:var(--s);margin:-22px -28px 12px;padding:18px 28px 12px;border-bottom:1px solid var(--bd)}
#campaign-modal .modal-actions{position:sticky;bottom:-90px;z-index:2;background:var(--s);margin:14px -28px -90px;padding:14px 28px;border-top:1px solid var(--bd);display:flex;gap:8px;justify-content:flex-end}
@media(max-width:900px){#campaign-modal .modal{width:100vw!important;min-width:0;border-radius:0!important}}
#campaign-modal .fgrid{grid-template-columns:1fr 1fr!important}
#campaign-modal .modal{display:flex;flex-direction:column}
#campaign-modal .modal-actions{margin-top:auto!important}
/* r273: the New campaign panel opens from the RIGHT */
#campaign-modal.overlay{justify-content:flex-end!important}
#campaign-modal .modal{border-radius:16px 0 0 16px!important;animation:cmSlideRight .22s cubic-bezier(.2,.8,.2,1)!important;box-shadow:-24px 0 60px -20px rgba(0,0,0,.35)!important}
@keyframes cmSlideRight{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}

/* ══ r274 · Connect email in one step ══ */
.ec-back{position:fixed;inset:0;z-index:9400;background:rgba(15,23,42,.35);display:flex;justify-content:flex-end}
.ec{width:min(620px,100%);height:100%;background:var(--s);display:flex;flex-direction:column;box-shadow:-24px 0 60px -20px rgba(0,0,0,.35);animation:cmSlideRight .22s cubic-bezier(.2,.8,.2,1)}
.ec-h{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 26px 14px;border-bottom:1px solid var(--bd)}
.ec-h b{display:block;font-size:18px;color:var(--t)}.ec-h span{font-size:12.5px;color:var(--t3)}
.ec-x{border:0;background:transparent;font-size:17px;color:var(--t3);cursor:pointer;width:32px;height:32px;border-radius:8px}.ec-x:hover{background:var(--s2)}
.ec-b{flex:1;overflow:auto;padding:20px 26px;display:flex;flex-direction:column;gap:18px}
.ec-step{display:grid;grid-template-columns:30px 1fr;gap:14px}
.ec-step.off{opacity:.45;pointer-events:none}
.ec-n{width:28px;height:28px;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}
.ec-step.off .ec-n{background:var(--bd2)}
.ec-sb{display:flex;flex-direction:column;gap:7px;min-width:0}
.ec-sb label{font-size:12.5px;font-weight:600;color:var(--t)}.ec-sb label em{font-weight:400;color:var(--t3);font-style:normal}
.ec-sb input,.ec-sb select{height:40px;border:1px solid var(--bd2);border-radius:9px;padding:0 11px;background:var(--s);color:var(--t);font:inherit;font-size:13px;width:100%;box-sizing:border-box}
.ec-sb small{font-size:11.5px;color:var(--t3);line-height:1.45}
.ec-row{display:flex;gap:8px}.ec-row input{flex:1}
.ec-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.ec-grid>div{display:flex;flex-direction:column;gap:6px}
.ec-chk{display:flex!important;align-items:center;gap:7px;font-weight:500!important;margin-top:4px}.ec-chk input{width:auto;height:auto}
.ec-list{display:flex;flex-direction:column;gap:6px}
.ec-ok,.ec-bad,.ec-warn{font-size:12.5px;padding:8px 11px;border-radius:8px;line-height:1.45}
.ec-ok{background:#F0FDF4;color:#15803D}.ec-bad{background:#FEF2F2;color:#B91C1C}.ec-warn{background:#FFFBEB;color:#92400E}
.ec-url{margin-top:6px;color:#78350F}.ec-url code{display:block;margin-top:4px;padding:6px 8px;background:#fff;border:1px solid #FDE68A;border-radius:6px;word-break:break-all;user-select:all;font-size:11.5px}
.ec-f{display:flex;align-items:center;gap:8px;padding:14px 26px;border-top:1px solid var(--bd);background:var(--s2)}
.ec-f a{font-size:12.5px;color:var(--t2)}
.ec-spin{display:inline-block;width:11px;height:11px;border:2px solid var(--bd2);border-top-color:var(--acc);border-radius:50%;animation:bxSpin .8s linear infinite;vertical-align:-1px;margin-right:4px}
@keyframes bxSpin{to{transform:rotate(360deg)}}
/* r275: key-only connect */
.ec{width:min(520px,100%)}
.ec-list{margin-top:10px}
.ec-who{font-size:13px;color:var(--t);padding:2px 0 4px}
/* r276: editable sender */
.ec-sender{border:1px solid var(--bd);border-radius:10px;padding:12px 14px;background:var(--s2)}
.ec-sender-r{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ec-sender-r span{display:block;font-size:11.5px;color:var(--t3);font-weight:600}
.ec-sender-r b{display:block;font-size:13.5px;color:var(--t);margin:2px 0}
.ec-sender-r small{font-size:11.5px;color:var(--t3)}
.ec-grid1{display:flex;flex-direction:column;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--bd)}
.ec-grid1 label{font-size:12.5px;font-weight:600;color:var(--t);margin-top:4px}.ec-grid1 label em{font-weight:400;color:var(--t3);font-style:normal}
.ec-grid1 input,.ec-grid1 select{height:38px;border:1px solid var(--bd2);border-radius:9px;padding:0 10px;background:var(--s);color:var(--t);font:inherit;font-size:13px;width:100%;box-sizing:border-box}
.ec-grid1 small{font-size:11.5px;color:var(--t3)}
.ec-addr{display:flex;align-items:center;gap:6px}.ec-addr input{flex:1}.ec-addr span{color:var(--t3);font-weight:600}.ec-addr select{flex:1.3}
.ec-row2{display:flex;align-items:center;gap:10px;margin-top:8px}
/* r281: WhatsApp token connect */
.wc-nums{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.wc-acc{font-size:12px;font-weight:700;color:var(--t2);margin-top:6px}
.wc-num{display:flex!important;align-items:center;gap:10px;border:1px solid var(--bd2);border-radius:9px;padding:9px 11px;cursor:pointer;font-weight:400!important}
.wc-num input{width:auto;height:auto}
.wc-num span{flex:1;font-size:13px;color:var(--t2)}.wc-num b{color:var(--t)}
.wc-num em{font-style:normal;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--s2);color:var(--t2);text-transform:capitalize}
.wc-num em.green{background:#E7F7EC;color:#15803D}.wc-num em.yellow{background:#FFF7E6;color:#B45309}.wc-num em.red{background:#FDECEC;color:#B91C1C}
.wc-num:has(input:checked){border-color:var(--acc);background:var(--acc-l,#FFF1E8)}
.ec-sb label em{font-weight:400;color:var(--t3);font-style:normal}
/* r283: platform Meta app box (owner only) */
.wc-app{margin-top:16px;border:1px dashed var(--bd2);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.wc-app.ok{flex-direction:row;align-items:center;justify-content:space-between;border-style:solid;background:var(--s2)}
.wc-app b{display:block;font-size:13px;color:var(--t)}.wc-app small{display:block;font-size:11.5px;color:var(--t3);line-height:1.45}
.wc-app .ec-grid label{font-size:12px;font-weight:600;color:var(--t)}
.wc-app input{height:38px;border:1px solid var(--bd2);border-radius:9px;padding:0 10px;background:var(--s);color:var(--t);font:inherit;font-size:13px;width:100%;box-sizing:border-box}
/* r285: a message WhatsApp won't hand over */
.wa-unsup{display:flex;flex-direction:column;gap:4px;max-width:340px}
.wa-unsup b{font-size:13px;color:#8A5A00;display:flex;align-items:center;gap:6px}
.wa-unsup small{font-size:12px;color:#54656F;line-height:1.45}
.wa-unsup-btn{align-self:flex-start;margin-top:4px;border:1px solid #D1D7DB;background:#fff;color:#008069;font:600 12px/1 inherit;padding:6px 10px;border-radius:14px;cursor:pointer}
.wa-unsup-btn:hover{background:#F0F2F5}
[data-theme="dark"] .wa-unsup small{color:#8696A0}[data-theme="dark"] .wa-unsup-btn{background:#202C33;border-color:#2A3942;color:#00A884}

/* ══ r286 · lead rating stars ══ */
.lrate{display:inline-flex;gap:1px;align-items:center}
.lrate button{border:0;background:transparent;padding:2px;cursor:pointer;line-height:0;border-radius:4px}
.lrate svg{fill:none;stroke:#CBD5E1;stroke-width:1.8;stroke-linejoin:round;transition:transform .1s,fill .1s,stroke .1s}
.lrate button.on svg{fill:#F59E0B;stroke:#F59E0B}
.lrate:hover button svg{stroke:#F59E0B}
.lrate button:hover svg{transform:scale(1.15)}
/* stars up to the one under the mouse light up while choosing */
.lrate:hover button svg{fill:#FDE68A}
.lrate button:hover~button svg{fill:none;stroke:#CBD5E1}
[data-theme="dark"] .lrate svg{stroke:#475569}

/* r287: the Filters / Group By / Favorites panel never taller than 80% of the
   screen — each column scrolls on its own (thin scrollbar), headings stay put */
.sp-panel{max-height:80vh!important;overflow:hidden!important;align-items:stretch}
.sp-panel .sp-col{max-height:calc(80vh - 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--bd2) transparent}
.sp-panel .sp-col::-webkit-scrollbar{width:4px}
.sp-panel .sp-col::-webkit-scrollbar-thumb{background:var(--bd2);border-radius:4px}
.sp-panel .sp-col::-webkit-scrollbar-button{display:none;height:0}
.sp-panel .sp-col>:first-child{position:sticky;top:0;z-index:1;background:var(--s)}

/* ══ r288 · City dropdown (follows the District) ══ */
.cty{position:relative}
.cty input{width:100%;padding-right:34px!important;cursor:pointer;box-sizing:border-box}
.cty input:disabled{cursor:not-allowed;background:var(--s2);color:var(--t3)}
.cty-chev{position:absolute;right:12px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:1.6px solid var(--t2);border-bottom:1.6px solid var(--t2);transform:rotate(45deg);pointer-events:none}
.cty input:disabled~.cty-chev{border-color:var(--t3);opacity:.6}
.cty-menu{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:60;max-height:240px;overflow-y:auto;background:var(--s);border:1px solid var(--bd2);border-radius:10px;
  box-shadow:0 14px 34px -12px rgba(16,24,40,.3);padding:4px;scrollbar-width:thin}
.cty-opt{padding:8px 10px;border-radius:7px;font-size:13.5px;color:var(--t);cursor:pointer}
.cty-opt.act,.cty-opt:hover{background:var(--s2)}
.cty-opt.sel{font-weight:600;color:var(--acc)}
.cty-opt.add{color:var(--acc);font-weight:600;border-top:1px solid var(--bd);margin-top:2px;border-radius:0 0 7px 7px}
.cty-empty{padding:10px;font-size:12.5px;color:var(--t3)}

/* r290: product rows in Setup › Taxonomy — name, then its sub-products (chips +
   an input that fills the rest), then the count and the remove button; nothing
   overlaps, and it wraps neatly on narrow screens */
.s9 .s9-tree .s9-node{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
.s9 .s9-tree .s9-node>.s9-nm{flex:0 0 220px;width:220px!important;max-width:220px!important;min-width:0}
.s9 .s9-tree .s9-node>.s9-subs{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.s9 .s9-tree .s9-node .s9-kidin{flex:1 1 180px;width:auto!important;min-width:150px;max-width:none}
.s9 .s9-tree .s9-node>.s9-pill,.s9 .s9-tree .s9-node>.s9-icon,.s9 .s9-tree .s9-node>.s9-ord{flex:none;position:static}
.s9 .s9-tree .s9-node>.s9-pill{min-width:26px;text-align:center}
@media(max-width:900px){.s9 .s9-tree .s9-node{flex-wrap:wrap}.s9 .s9-tree .s9-node>.s9-subs{flex-basis:100%;order:5}}

/* ══ r292 · product API connection ══ */
.s9 .s9-tree .s9-node>.s9-conn{flex:none;display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:8px;border:1px dashed var(--bd2);
  background:var(--s);color:var(--t2);font:600 12px/1 inherit;cursor:pointer;white-space:nowrap}
.s9 .s9-tree .s9-node>.s9-conn:hover{border-color:var(--acc);color:var(--acc)}
.s9 .s9-tree .s9-node>.s9-conn.auto{border-style:solid;border-color:#86EFAC;background:#F0FDF4;color:#15803D}
.s9 .s9-tree .s9-node>.s9-conn.ask{border-style:solid;border-color:#BFDBFE;background:#EFF6FF;color:#1D4ED8}
.s9 .s9-tree .s9-node>.s9-conn.off{border-style:solid;color:var(--t3)}
.pc-seg{display:inline-flex;border:1px solid var(--bd2);border-radius:10px;overflow:hidden;margin-top:2px}
.pc-seg button{border:0;background:var(--s);padding:9px 14px;font:600 12.5px/1 inherit;color:var(--t2);cursor:pointer;border-right:1px solid var(--bd2)}
.pc-seg button:last-child{border-right:0}
.pc-seg button.on.auto{background:#16A34A;color:#fff}.pc-seg button.on.ask{background:#2563EB;color:#fff}.pc-seg button.on.off{background:#64748B;color:#fff}
.pc-help{display:block;margin-top:6px}
#pc-rules.off{opacity:.45;pointer-events:none}
.pc-src{display:flex;flex-direction:column;border:1px solid var(--bd);border-radius:10px;overflow:hidden;margin-top:2px}
.pc-src-r{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border-bottom:1px solid var(--bd)}
.pc-src-r:last-child{border-bottom:0}
.pc-src-r span{font-size:13px;color:var(--t)}
.pc-src-r select{width:170px!important;height:34px!important;flex:none}
.ec-f a.bad{color:#DC2626;font-size:12.5px}
#pc-rules{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
#pc-rules .pc-src{align-self:stretch}

/* ══ r293 · Company CRM API builder ══ */
.cc-back{position:fixed;inset:0;z-index:9450;background:rgba(15,23,42,.4);display:flex;justify-content:flex-end}
.cc{width:min(980px,100%);height:100%;background:var(--bg);display:flex;flex-direction:column;box-shadow:-24px 0 60px -20px rgba(0,0,0,.35);animation:cmSlideRight .22s cubic-bezier(.2,.8,.2,1)}
.cc-h{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 24px 12px;background:var(--s);border-bottom:1px solid var(--bd)}
.cc-h b{display:block;font-size:18px;color:var(--t)}.cc-h span{font-size:12.5px;color:var(--t3)}
.cc-steps{display:flex;align-items:center;gap:10px;padding:12px 24px;background:var(--s);border-bottom:1px solid var(--bd)}
.cc-steps em{flex:1;height:2px;background:var(--bd);max-width:80px}
.cc-st{display:flex;align-items:center;gap:10px;border:0;background:transparent;cursor:pointer;text-align:left;padding:4px 6px;border-radius:8px;font:inherit}
.cc-st i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:13px;background:var(--s2);color:var(--t3);border:1px solid var(--bd2)}
.cc-st.on i{background:var(--acc);color:#fff;border-color:var(--acc)}.cc-st.done i{background:#16A34A;color:#fff;border-color:#16A34A}
.cc-st b{display:block;font-size:13px;color:var(--t)}.cc-st small{font-size:11.5px;color:var(--t3)}
.cc-b{flex:1;overflow:auto;padding:18px 24px;display:flex;flex-direction:column;gap:14px}
.cc-f{display:flex;gap:8px;padding:12px 24px;background:var(--s);border-top:1px solid var(--bd)}
.cc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:var(--s);border:1px solid var(--bd);border-radius:12px;padding:14px 16px}
.cc-f1{display:flex;flex-direction:column;gap:5px;font-size:12.5px}.cc-f1>span{font-weight:600;color:var(--t)}.cc-f1 small{color:var(--t3);font-size:11.5px}
.cc-f1.wide{grid-column:span 3}.cc-f1.wide3{grid-column:span 3}.cc-auth.wide3{grid-column:span 3;display:flex;gap:8px;align-items:flex-end}
.cc input,.cc select{height:38px;border:1px solid var(--bd2);border-radius:9px;padding:0 10px;background:var(--s);color:var(--t);font:inherit;font-size:13px;box-sizing:border-box;min-width:0}
.cc-auth input{flex:1}
.cc-sec{background:var(--s);border:1px solid var(--bd);border-radius:12px;padding:14px 16px}
.cc-sec-h{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;flex-wrap:wrap}.cc-sec-h b{font-size:13.5px;color:var(--t)}.cc-sec-h small{font-size:12px;color:var(--t3)}
.cc-fmt{margin-left:auto;font-size:12px;color:var(--t2);display:flex;align-items:center;gap:6px}.cc-fmt select{height:30px}
.cc-map,.cc-hdrs{display:flex;flex-direction:column;gap:8px}
.cc-mr{display:flex;align-items:center;gap:8px}.cc-mr .cc-k,.cc-mr .cc-hk{width:220px;flex:none;font-family:ui-monospace,Menlo,monospace;font-size:12.5px}
.cc-mr select,.cc-mr .cc-hv{flex:1}.cc-mr .cc-fixed{flex:1}
.cc-arrow{color:var(--t3);font-weight:700}
.cc-x{border:0;background:transparent;color:var(--t3);cursor:pointer;width:28px;height:28px;border-radius:7px}.cc-x:hover{background:var(--s2);color:#DC2626}
.cc-add{margin-top:8px;border:1px dashed var(--bd2);background:transparent;color:var(--acc);font:600 12.5px/1 inherit;padding:8px 12px;border-radius:8px;cursor:pointer}
.cc-test,.cc-rules-wrap{display:flex;flex-direction:column;gap:12px}
.cc-row{display:flex;gap:12px;align-items:flex-end;background:var(--s);border:1px solid var(--bd);border-radius:12px;padding:14px 16px}
.cc-res{background:var(--s);border:1px solid var(--bd);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.cc-res-h{display:flex;gap:12px;align-items:center;font-size:12px}
.cc-code{font-weight:700;font-size:12.5px;padding:3px 10px;border-radius:999px}.cc-code.ok{background:#E7F7EC;color:#15803D}.cc-code.warn{background:#FFF7E6;color:#B45309}.cc-code.bad{background:#FDECEC;color:#B91C1C}
.cc-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cc-lab{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--t3);margin-bottom:6px}
.cc-pre{margin:0;background:#0F172A;color:#E2E8F0;border-radius:10px;padding:12px;font:12px/1.5 ui-monospace,Menlo,monospace;max-height:340px;overflow:auto;white-space:pre-wrap;word-break:break-word}
.cc-empty{background:var(--s);border:1px dashed var(--bd2);border-radius:12px;padding:28px;text-align:center;color:var(--t3);font-size:13px}
.cc-rules-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:14px;align-items:start}
.cc-reply,.cc-rulebox{background:var(--s);border:1px solid var(--bd);border-radius:12px;padding:14px 16px}
.cc-kv{display:flex;flex-direction:column;gap:4px;max-height:430px;overflow:auto}
.cc-kv-r{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--bd);background:var(--s);border-radius:8px;padding:7px 10px;cursor:pointer;text-align:left;font:inherit}
.cc-kv-r:hover{border-color:var(--acc);background:var(--acc-l,#FFF1E8)}
.cc-kv-r span{font:12px ui-monospace,Menlo,monospace;color:var(--t2)}.cc-kv-r b{font-size:12.5px;color:var(--t);max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-rule{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border:1px solid var(--bd);border-radius:10px;padding:8px;margin-bottom:8px;background:var(--s2)}
.cc-rule select,.cc-rule input{height:34px;font-size:12.5px}
.cc-rule .r-path{width:150px;font-family:ui-monospace,Menlo,monospace}.cc-rule .r-val{width:120px}
.cc-if,.cc-then{font-size:12px;font-weight:700;color:var(--t2)}
.r-res.primary{background:#E7F7EC;color:#15803D;border-color:#86EFAC}.r-res.secondary{background:#EAF2FF;color:#1D4ED8;border-color:#BFDBFE}.r-res.rejected{background:#FDECEC;color:#B91C1C;border-color:#FECACA}
.cc-else{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;font-weight:600;color:var(--t2)}
.cc-verdict{margin-top:12px;padding:10px 12px;border-radius:10px;font-size:13px;background:var(--s2);color:var(--t2)}
.cc-verdict.primary{background:#F0FDF4;color:#15803D}.cc-verdict.secondary{background:#EFF6FF;color:#1D4ED8}.cc-verdict.rejected{background:#FEF2F2;color:#B91C1C}
@media(max-width:900px){.cc-rules-wrap,.cc-two{grid-template-columns:1fr}.cc-grid{grid-template-columns:1fr 1fr}.cc-f1.wide,.cc-f1.wide3,.cc-auth.wide3{grid-column:1/-1}}
/* r294: the locked "source = our CRM" row */
.cc-mr.cc-lock .cc-auto{flex:1;display:flex;align-items:center;gap:7px;height:38px;padding:0 12px;border-radius:9px;background:var(--s2);border:1px dashed var(--bd2);color:var(--t2);font-size:13px;font-weight:600}
.cc-mr.cc-lock .cc-x{visibility:hidden}

/* ══ r300 · Studio › Products — spreadsheet grid (one line per item, like Odoo / Excel) ══ */
.s9-gd-wrap{overflow:hidden;border:1px solid var(--bd);border-radius:10px;background:var(--s)}
.s9-gd{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}
.s9-gd th{text-transform:none;letter-spacing:0;position:sticky;top:0;z-index:1;background:var(--s2);color:var(--t2);font-size:12px;font-weight:600;text-align:left;padding:8px 8px;border-bottom:1px solid var(--bd2);border-right:1px solid var(--bd);white-space:nowrap}
.s9-gd td{padding:0;border-bottom:1px solid var(--bd);border-right:1px solid var(--bd);height:34px;vertical-align:middle}
.s9-gd th:last-child,.s9-gd td:last-child{border-right:0}
.s9-gd th.c-num{text-align:right}
.s9-gd .c-ord{width:24px}.s9-gd .c-sel{width:112px}.s9-gd .c-num{width:84px}.s9-gd .c-cnt{width:74px;text-align:center;color:var(--t2);font-variant-numeric:tabular-nums;white-space:normal!important;line-height:1.2}
.s9-gd .c-conn{width:86px;text-align:center}.s9-gd .c-x{width:32px;text-align:center}
.s9-gd tbody tr.s9-gd-r:hover td{background:color-mix(in srgb,var(--acc) 4%,transparent)}
.s9-gd tr.d0 td{background:var(--s)}
.s9-gd tr.d0 .s9-gd-nm input{font-weight:600}
.s9-gd tr.d1 td,.s9-gd tr.d2 td,.s9-gd tr.d3 td{background:var(--s2)}
/* cells: plain until you click them, like a sheet */
.s9 .s9-gd td input,.s9 .s9-gd td select{width:100%;height:33px;border:1px solid transparent!important;background:transparent!important;box-shadow:none;color:var(--t);font:inherit;font-size:13px;padding:0 8px;border-radius:0;outline:0;margin:0;min-width:0}
.s9-gd td select{cursor:pointer;padding-right:4px}
.s9 .s9-gd td input:focus,.s9 .s9-gd td select:focus{border-color:var(--acc)!important;background:var(--s)!important;box-shadow:inset 0 0 0 1px var(--acc)}
.s9-gd td.c-num input{text-align:right;font-variant-numeric:tabular-nums}
.s9-gd td input::placeholder{color:var(--t3);font-style:italic}
.s9-gd td input:disabled{color:var(--t3);cursor:default}
.s9-gd td.bad{box-shadow:inset 0 0 0 1.5px var(--r)}
.c-ord{text-align:center;white-space:nowrap}
.c-ord button{display:block;margin:0 auto;border:0;background:none;color:var(--t3);font-size:8px;line-height:1;height:13px;padding:0 3px;cursor:pointer}
.c-ord button:disabled{opacity:.3;cursor:default}
.s9-gd-nm{display:flex;align-items:center;gap:6px;padding-right:6px}
.s9-gd-nm input{flex:1}
.s9-gd-exp{flex:none;width:18px;height:18px;margin-left:6px;border:1px solid var(--bd2);border-radius:3px;background:var(--s);color:var(--t2);font-weight:700;font-size:12px;line-height:14px;padding:0;cursor:pointer}
.s9-gd-exp.none{visibility:hidden}
.s9-gd .c-add{width:40px;text-align:center}
.s9-gd-sub{width:28px;height:24px;border:1px dashed var(--acc);background:transparent;color:var(--acc);border-radius:6px;padding:0;font-size:16px;font-weight:700;line-height:1;cursor:pointer}
.s9-gd-sub:hover{border-color:var(--acc);background:var(--acc-l)}
.s9-gd-conn{height:24px;border:1px dashed var(--bd2);background:transparent;color:var(--t2);border-radius:6px;padding:0 8px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
.s9-gd-conn:hover{border-color:var(--acc);color:var(--acc)}
.c-x button{border:0;background:none;color:var(--t3);cursor:pointer;font-size:12px;width:26px;height:26px;border-radius:5px}
.c-x button:hover{color:var(--r);background:var(--rb)}
.s9-gd tr.s9-gd-err td{height:auto;padding:4px 8px;font-size:12px;color:var(--r);background:var(--rb)}
.s9-gd tr.s9-gd-add td{background:var(--s)}
.s9 .s9-gd tr.s9-gd-add input{height:30px;border:1px dashed var(--bd2)!important;border-radius:6px;background:var(--s)!important}
.s9-gd tr.s9-gd-add .s9-gd-nm{padding:4px 6px 4px 0}
.s9-gd tr.s9-gd-add.top .s9-gd-nm{padding-left:30px}
.s9-gd tr.s9-gd-tot td{height:30px;padding:0 8px;background:var(--s2);color:var(--t2);font-size:12px;font-weight:600;border-bottom:0}
.s9-gd-empty{padding:12px 8px!important;color:var(--t3)}

/* ══ r300 · catalogue picker on opportunity forms ══ */
.cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.cat-grid select{width:100%}
.so-cat .cat-grid{margin:2px 0 6px}
.so-cat .so-f{min-width:0}
.cat-note{font-size:12px;color:var(--t2);margin-top:4px;line-height:1.4}
.cat-note b{display:block;color:var(--r);font-weight:600}
input.cat-locked,.modal input.cat-locked{background:var(--s2)!important;color:var(--t2);cursor:not-allowed}
input.cat-bad{border-color:var(--r)!important}

/* ══ r300 · Reports › Pipeline by product ══ */
.cat-pv-card{margin-top:16px}
.cat-pv-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.cat-pv-h h3{margin:0;font-size:15px}
.cat-pv-h p{margin:2px 0 0;font-size:12.5px;color:var(--t3)}
.cat-pv-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.cat-seg{display:inline-flex;border:1px solid var(--bd2);border-radius:8px;overflow:hidden}
.cat-seg button{border:0;background:var(--s);padding:6px 11px;font-size:12.5px;font-weight:600;color:var(--t2);cursor:pointer}
.cat-seg button.on{background:var(--acc);color:#fff}
.cat-pv-wrap{overflow-x:auto}
.cat-pv{border-collapse:collapse;width:100%;min-width:640px}
.cat-pv th,.cat-pv td{border:1px solid var(--bd);padding:8px 10px;font-size:13px;white-space:nowrap}
.cat-pv th{background:var(--s2);font-weight:600;text-align:right;color:var(--t2)}
.cat-pv th.l,.cat-pv td.l{text-align:left}
.cat-pv td{text-align:right;font-variant-numeric:tabular-nums}
.cat-pv tr.tot td{font-weight:700;background:var(--s2)}
.cat-pv tr.d0 td{font-weight:600}
.cat-pv td.cat-pv-z{color:var(--t3)}
.cat-exp{width:20px;height:20px;border:1px solid var(--bd2);border-radius:4px;background:var(--s);color:var(--t2);font-weight:700;line-height:16px;padding:0;cursor:pointer;vertical-align:middle}
.cat-exp.none{display:inline-block;visibility:hidden}

/* r300: the grid always fits its card — cells shrink, text never runs under the next column */
.s9-gd th{padding:8px 6px;white-space:normal;line-height:1.2}
.s9-gd td{overflow:hidden;text-overflow:ellipsis}.s9-gd th{overflow:hidden;overflow-wrap:anywhere}
.s9 .s9-gd td input,.s9 .s9-gd td select{padding:0 6px;font-size:13px}
.s9-gd-conn{max-width:100%;padding:0 6px;overflow:hidden;text-overflow:ellipsis}
.s9-gd tr.s9-gd-add .s9-btn{flex:none;white-space:nowrap}
.s9-gd tr.s9-gd-add.top .s9-gd-nm{padding-left:6px}

/* ══ r301 · Stages — how an opportunity moves its lead ══ */
.s9-rules{display:flex;flex-direction:column;gap:0}
.s9-rule-row{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--bd)}
.s9-rule-row:last-child{border-bottom:0}
.s9-rule-row>.s9-tg{flex:none;margin-top:2px}
.s9-rule-row b{font-size:13.5px;color:var(--t)}
.s9-rule-row .s9-hint{margin:3px 0 0}
.s9-rule-sel{margin-top:8px;max-width:260px}

/* ══ r305 · working hours and shifts ══ */
.s9-wh{margin-top:6px;display:flex;flex-direction:column;gap:12px}
.s9-wh.off{opacity:.55}
.s9-days{display:flex;flex-wrap:wrap;gap:6px}
.s9-day{height:32px;min-width:48px;padding:0 10px;border:1px solid var(--bd2);border-radius:8px;background:var(--s);color:var(--t2);font-weight:600;font-size:12.5px;cursor:pointer}
.s9-day.on{background:var(--acc-l);border-color:var(--acc);color:var(--acc-d)}
.s9-day:disabled{cursor:default}
.s9-wh .s9-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:760px){.s9-wh .s9-g3{grid-template-columns:1fr}}
.s9-shift{display:flex;align-items:center;gap:6px;min-width:220px}
.s9-shift .s9-in{width:auto;flex:1}
.s9-shift i{color:var(--t3);font-style:normal}

/* ══ r308 · Campaigns — channel modules, cards, New campaign steps ══ */
.cp-filters{padding:14px 16px;display:flex;flex-direction:column;gap:12px}
.cp-frow{display:flex;gap:28px;flex-wrap:wrap}
.cp-fg label{display:block;font-size:11.5px;font-weight:700;color:var(--t2);margin-bottom:6px}
.cp-fg label span{font-weight:500;color:var(--t3);margin-left:6px}
.cp-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.cp-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border:1px solid var(--bd2);border-radius:999px;background:var(--s);font-size:13px;font-weight:600;color:var(--t2);cursor:pointer;white-space:nowrap}
.cp-chip b{font-size:11px;background:var(--s2);border-radius:999px;padding:1px 7px;color:var(--t2);font-weight:700}
.cp-chip.on{background:var(--acc);border-color:var(--acc);color:#fff}.cp-chip.on b{background:rgba(255,255,255,.25);color:#fff}
.cp-drow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cp-drow .cp-q{flex:1;min-width:220px;height:34px}
.cp-d{height:32px;width:150px}
.cp-cards{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.cp-cc{padding:14px 16px}
.cp-cc-h{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cp-cc-t{font-size:15.5px}
.cp-src{font-size:11.5px;font-weight:600;border-radius:999px;padding:2px 9px;background:var(--s2);border:1px solid var(--bd);color:var(--t2)}
.cp-when2{font-size:12.5px;color:var(--t3)}
.cp-cc-m{font-size:13px;color:var(--t2)}.cp-cc-m b{color:var(--t)}.cp-cc-m b.ok{color:#16A34A}
.cp-cc-h .cp-push{margin-left:auto}
.cp-cc-a{display:flex;gap:6px;align-items:center}
.cp-cc-s{font-size:12px;color:var(--t3);margin-top:6px}
.cp-sec{margin-top:14px;padding-top:12px;border-top:1px solid var(--bd)}
.cp-sec h4{margin:0;font-size:13.5px}.cp-sec p{margin:2px 0 8px;font-size:12px;color:var(--t3)}
.cp-dt{border:1px solid var(--bd);border-radius:10px;overflow-x:auto}
.cp-dt table{width:100%;border-collapse:collapse}
.cp-dt th{background:var(--s2);font-size:11.5px;font-weight:700;color:var(--t2);text-align:left;padding:9px 12px}
.cp-dt td{padding:11px 12px;border-top:1px solid var(--bd);vertical-align:top;font-size:12.5px}
.cp-dd{width:150px}.cp-dd b{display:block;font-size:13px}.cp-dd span{color:var(--t3);font-size:11.5px}
.cp-cell b{font-size:13px}
.cp-bar2{height:6px;border-radius:3px;background:var(--s2);display:flex;overflow:hidden;margin:5px 0}
.cp-bar2 i{display:block;background:#16A34A}.cp-bar2 u{display:block;background:#DC2626}
.cp-l{display:flex;gap:10px;flex-wrap:wrap}.cp-l .ok{color:#16A34A}.cp-l .bad{color:#DC2626}
.cp-m{color:var(--t3);font-size:11.5px;margin-top:3px}
.cp-fun{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}
.cp-fs{flex:1;min-width:130px;border:1px solid var(--bd);border-radius:10px;padding:10px 12px}
.cp-fs small{display:block;color:var(--t3);font-size:11.5px}.cp-fs b{display:block;font-size:20px;margin:2px 0}
.cp-fs.win{background:var(--gb,#E1F3EA);border-color:#79BE9C}.cp-fs.win b{color:#136B45}
.cp-arr{align-self:center;color:var(--t3)}
.cp-ai{display:grid;grid-template-columns:220px 1fr;gap:10px}
.cp-ai span{display:block;font-size:11.5px;color:var(--t3)}.cp-ai b{font-size:13px;font-weight:600}
.cp-note.warn{margin-top:10px;background:var(--ab,#FBEBD8);color:var(--a,#8A4B0B);border:1px solid var(--abd,#DE9A3C);border-radius:9px;padding:9px 12px;font-size:12.5px}
/* New campaign drawer */
.overlay.drawer .modal.cw{width:min(900px,96vw);display:flex;flex-direction:column;padding:0!important;overflow:hidden}
.cw .modal-title{padding:16px 22px;margin:0;border-bottom:1px solid var(--bd)}
.cw-steps{display:flex;gap:6px;padding:12px 22px;border-bottom:1px solid var(--bd);flex-wrap:wrap}
.cw-st{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--t3);padding:3px 10px 3px 3px;border-radius:999px}
.cw-st i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--bd2);font-style:normal;font-size:11.5px}
.cw-st.on{color:var(--t)}.cw-st.on i{background:var(--acc);border-color:var(--acc);color:#fff}
.cw-st.done i{background:var(--gb,#E1F3EA);border-color:#79BE9C;color:#136B45}
.cw-body{flex:1;overflow-y:auto;padding:18px 22px}
.cw-lead{margin:0 0 12px;color:var(--t2)}
.cw-mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px}
.cw-mod{border:1.5px solid var(--bd);border-radius:12px;padding:14px;background:var(--s);cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:6px;color:var(--t)}
.cw-mod:hover{border-color:var(--bd2)}.cw-mod.on{border-color:var(--acc);background:var(--acc-l)}
.cw-ic{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:#fff}
.cw-mod b{font-size:14px}.cw-mod span:last-child{font-size:12px;color:var(--t2);line-height:1.4}
.cw-two{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}
.cw-two>*{min-width:0}
@media (max-width:860px){.cw-two{grid-template-columns:1fr}}
.cw-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.cw-help{font-size:12.5px;color:var(--t2);background:var(--s2);border-radius:9px;padding:9px 12px;margin-top:6px}
.cw-help:empty{display:none}
.cw-pv{border:1px solid var(--bd);border-radius:14px;background:var(--s2);padding:14px}
.cw-pv h5{margin:0 0 10px;font-size:12px;color:var(--t3);font-weight:700}
.cw-wa{background:#E5DDD5;border-radius:12px;padding:12px;min-height:160px}
.cw-bub{background:#fff;border-radius:10px;padding:9px 11px;font-size:13px;white-space:pre-wrap;color:#111;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.cw-mail{background:var(--s);border:1px solid var(--bd);border-radius:10px;padding:12px;font-size:13px;white-space:pre-wrap}
.cw-mail b{display:block;margin-bottom:6px}
.cw-sms{background:var(--s);border:1px solid var(--bd);border-radius:16px;padding:9px 12px;font-size:13px;white-space:pre-wrap}
.cw-rcs{background:var(--s);border:1px solid var(--bd);border-radius:12px;overflow:hidden;font-size:13px;white-space:pre-wrap}
.cw-rcs>div:last-child{padding:10px 12px}.cw-rcs-i{height:80px;background:linear-gradient(135deg,#FDBA74,#F97316)}
.cw-call{background:var(--s);border:1px solid var(--bd);border-radius:12px;padding:12px;font-size:13px;display:flex;flex-direction:column;gap:6px}
.cw-call small{font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.03em}
.cw-call .mut{color:var(--t2)}
.cw-review{border:1px solid var(--bd);border-radius:12px;padding:14px;margin-top:14px}
.cw-review h4{margin:0 0 10px;font-size:14px}
.cw-rev{display:grid;grid-template-columns:150px 1fr;gap:8px 14px;font-size:13px}.cw-rev span{color:var(--t3)}
.cw-foot{padding:12px 22px;border-top:1px solid var(--bd);display:flex;gap:10px;align-items:center;background:var(--s)}
.cw-sp{flex:1}
.cw-msg{margin:0 22px 10px;background:var(--rb,#FBE5E5);color:var(--r,#9B1C1C);border:1px solid var(--rbd,#E59595);border-radius:9px;padding:9px 12px;font-size:13px;font-weight:500}

/* ══ r314 · stage cards fold to one line ══ */
.os-tools{display:flex;gap:6px;justify-content:flex-end;margin-bottom:8px}
.os-fold{flex:none;width:28px;height:28px;border:1px solid var(--bd2);border-radius:7px;background:var(--s);color:var(--t2);font-size:12px;cursor:pointer;padding:0}
.os-fold:hover{border-color:var(--acc);color:var(--acc)}
.os-sum{display:none;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px;padding-left:38px;cursor:pointer}
.os-sum span{font-size:12px;font-weight:500;color:var(--t2);background:var(--s2);border:1px solid var(--bd);border-radius:999px;padding:2px 9px}
.os-sum span.os-none{background:none;border:0;padding:0;color:var(--t3)}
.os-sum b{margin-left:auto;font-size:12px;font-weight:600;color:var(--acc)}
.os-card.collapsed{padding-top:10px;padding-bottom:10px}
.os-card.collapsed .os-grid,.os-card.collapsed .os-subs{display:none}
.os-card.collapsed .os-sum{display:flex}
.os-mini input[type=number]{min-width:64px}

/* ══ r315 · Branding page ══ */
.bp-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px;align-items:start;margin-top:12px}
@media (max-width:1100px){.bp-page{grid-template-columns:1fr}}
.bp-left{display:flex;flex-direction:column;gap:14px;min-width:0}
.bp-card{background:var(--s);border:1px solid var(--bd);border-radius:14px;padding:18px 20px;box-shadow:var(--shadow)}
.bp-card h3{margin:0;font-size:15px}.bp-card p{margin:3px 0 14px;font-size:13px;color:var(--t2)}
.bp-hh{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.bp-badge{font-size:11.5px;font-weight:700;border:1px solid var(--bd2);border-radius:999px;padding:3px 10px;color:var(--t2);white-space:nowrap}
.bp-f{display:block;margin-bottom:14px}
.bp-f>span{display:block;font-size:12px;font-weight:700;color:var(--t2);margin-bottom:6px;letter-spacing:.01em}
.bp-f em{color:var(--r);font-style:normal}
.bp-f small{display:block;font-size:12px;color:var(--t3);margin-top:5px}
.bp-in{width:100%;height:40px;border:1px solid var(--inp-bd);background:var(--inp);color:var(--t);border-radius:9px;padding:0 12px;font:inherit;font-size:13.5px;min-width:0}
.bp-in:disabled{opacity:.6}
.bp-row{display:flex;gap:8px;align-items:center}
.bp-row .bp-in{flex:1}
.bp-row input[type=color]{width:44px;height:40px;padding:3px;border:1px solid var(--inp-bd);border-radius:9px;background:var(--inp);cursor:pointer;flex:none}
.bp-thumb{flex:none;width:40px;height:40px;border-radius:9px;border:1px solid var(--bd);background:var(--s2);display:grid;place-items:center;font-weight:800;color:var(--t2);overflow:hidden}
.bp-thumb img{max-width:100%;max-height:100%;object-fit:contain}
.bp-thumb.sm{width:32px;height:32px}
.bp-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.bp-pre{display:flex;align-items:center;gap:6px;border:1px solid var(--bd2);border-radius:10px;background:var(--s);padding:6px 10px 6px 6px;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--t2)}
.bp-pre i{width:16px;height:22px;border-radius:5px;display:block}.bp-pre i+i{margin-left:-4px}
.bp-pre.on{border-color:var(--acc);background:var(--acc-l);color:var(--t)}
.bp-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:640px){.bp-two{grid-template-columns:1fr}}
.bp-chk{display:flex;gap:10px;align-items:flex-start;border-radius:10px;padding:10px 12px;font-size:13px;margin-top:8px;border:1px solid}
.bp-chk>span{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff}
.bp-chk.ok{background:var(--gb);border-color:var(--gbd);color:var(--g)}.bp-chk.ok>span{background:var(--g)}
.bp-chk.warn{background:var(--ab);border-color:var(--abd);color:var(--a)}.bp-chk.warn>span{background:var(--abd)}
.bp-chk.bad{background:var(--rb);border-color:var(--rbd);color:var(--r)}.bp-chk.bad>span{background:var(--r)}
.bp-chk .btn{margin-left:6px}
.bp-modes{display:flex;gap:8px;flex-wrap:wrap}
.bp-mode{flex:1;min-width:120px;height:40px;border:1px solid var(--bd2);border-radius:10px;background:var(--s);font-weight:600;color:var(--t2);cursor:pointer}
.bp-mode.on{border-color:var(--acc);background:var(--acc-l);color:var(--t)}
.bp-save{position:sticky;bottom:0;display:flex;gap:10px;align-items:center;background:var(--s);border:1px solid var(--bd);border-radius:14px;padding:12px 16px;box-shadow:var(--shadow-lg)}
.bp-save span{flex:1}
.bp-note{background:var(--ab);border:1px solid var(--abd);color:var(--a);border-radius:10px;padding:10px 12px;font-size:13px}
.bp-right{min-width:0}.bp-sticky{position:sticky;top:12px}
.bp-live{display:flex;align-items:center;gap:8px;font-size:12.5px!important;letter-spacing:.06em;text-transform:uppercase;color:var(--t2)}
.bp-live i{width:8px;height:8px;border-radius:50%;background:#16A34A;display:inline-block}
.bp-seg{display:inline-flex;border:1px solid var(--bd2);border-radius:9px;overflow:hidden}
.bp-seg button{border:0;background:var(--s);padding:7px 12px;font-weight:600;font-size:12.5px;cursor:pointer;color:var(--t2)}
.bp-seg button.on{background:var(--s2);color:var(--t);box-shadow:inset 0 0 0 1px var(--bd2)}
#bp-mock{margin-top:14px}
.bp-win{border:1px solid;border-radius:12px;overflow:hidden}
.bp-bar{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid}
.bp-bar i{width:9px;height:9px;border-radius:50%;display:block}
.bp-bar span{margin-left:8px;flex:1;border-radius:6px;padding:4px 10px;font-size:11.5px}
.bp-app{display:grid;grid-template-columns:170px 1fr;min-height:380px}
.bp-app aside{padding:12px 10px;display:flex;flex-direction:column;gap:4px}
.bp-brand{display:flex;align-items:center;gap:8px;padding:4px 6px 12px;font-size:13px}
.bp-brand b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bp-nav{padding:9px 10px;border-radius:8px;font-size:12.5px;opacity:.85}.bp-nav.on{opacity:1;font-weight:700}
.bp-ver{margin-top:auto;font-size:11px;padding:6px}
.bp-app main{min-width:0;display:flex;flex-direction:column}
.bp-top{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid;font-size:12.5px}
.bp-top span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:11.5px}
.bp-body{padding:14px;display:flex;flex-direction:column;gap:12px}
.bp-h{display:flex;justify-content:space-between;align-items:center}
.bp-h small{display:block;font-size:10.5px;letter-spacing:.06em}.bp-h b{font-size:15px}
.bp-btn{border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:700}
.bp-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bp-kpis>div{border:1px solid;border-radius:10px;padding:10px 12px}
.bp-kpis small{display:flex;justify-content:space-between;font-size:11.5px}.bp-kpis em{font-style:normal;font-weight:700}
.bp-kpis b{display:block;font-size:22px;margin:4px 0}
.bp-prog{display:block;height:5px;border-radius:3px;overflow:hidden;margin-top:8px}.bp-prog u{display:block;height:100%;width:70%}
.bp-list{font-size:12.5px}.bp-list>b{display:block;margin-bottom:6px;font-size:13px}
.bp-list>div{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid}
.bp-av{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:700}
.bp-foot{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font-size:12.5px;color:var(--t3);flex-wrap:wrap}
.bp-foot b.ok{color:var(--g)}.bp-foot b.bad{color:var(--r)}

/* ══ r316 · branding preview = the real CRM layout ══ */
.bq-app{display:grid;grid-template-columns:74px 1fr;min-height:420px;font-size:11.5px}
.bq-sb{display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:8px 5px}
.bq-logo{display:grid;place-items:center;min-height:34px;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.12);text-align:center}
.bq-nv{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;border-radius:8px;font-size:9.5px;font-weight:500;opacity:.8;text-align:center;line-height:1.1}
.bq-nv.on{opacity:1;font-weight:700}
.bq-me{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:3px;padding-top:8px;border-top:1px solid rgba(255,255,255,.12)}
.bq-me span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:700}
.bq-me b{font-size:10.5px}.bq-me em{font-style:normal;font-size:8.5px;font-weight:700;border-radius:3px;padding:1px 5px}
.bq-main{min-width:0;display:flex;flex-direction:column}
.bq-top{display:flex;align-items:center;gap:10px;padding:0 12px;height:44px;border-bottom:1px solid}
.bq-tabs{display:flex;gap:12px;align-items:stretch;height:100%}
.bq-tabs b,.bq-tabs span{display:flex;align-items:center;font-weight:600;border-bottom:2px solid transparent}
.bq-search{flex:1;max-width:230px;margin-left:auto;height:26px;border:1px solid;border-radius:7px;display:flex;align-items:center;gap:6px;padding:0 8px;font-size:10.5px}
.bq-plus{width:26px;height:26px;border:1px solid;border-radius:7px;display:grid;place-items:center}
.bq-av{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:700}
.bq-body{padding:12px;display:flex;flex-direction:column;gap:10px}
.bq-chips{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.bq-chip{border:1px solid;border-radius:8px;padding:4px 9px;font-weight:600;display:inline-flex;gap:5px;align-items:center}
.bq-chip i{font-style:normal;font-size:9.5px;border-radius:999px;padding:0 6px}
.bq-add{margin-left:auto;border-radius:8px;padding:5px 11px;font-weight:700}
.bq-tbl{border:1px solid;border-radius:10px;overflow:hidden}
.bq-tr{display:grid;grid-template-columns:1.3fr 1.3fr 1.1fr .6fr .9fr 1fr;gap:8px;align-items:center;padding:8px 10px;border-top:1px solid}
.bq-th{border-top:0;font-size:9.5px;font-weight:700;letter-spacing:.05em}
.bq-tr>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bq-tr b{display:flex;align-items:center;gap:5px;font-weight:600}.bq-tr b i{width:6px;height:6px;border-radius:50%;display:block}
.bq-tr u{display:block;height:3px;border-radius:2px;margin-top:4px;overflow:hidden}.bq-tr u s{display:block;height:100%}
.bq-tr em{font-style:normal;font-weight:700;font-size:10.5px;border-radius:6px;padding:2px 7px}
.bq-acts{display:flex;gap:4px}
.bq-act{width:22px;height:22px;border:1px solid;border-radius:6px;display:grid;place-items:center}

/* ══ r316 · Branding preview = the real CRM (Leads screen) ══ */
.bm{display:grid;grid-template-columns:62px minmax(0,1fr);border:1px solid;border-radius:12px;overflow:hidden;font-size:11px;min-height:430px}
.bm aside{display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:8px 5px}
.bm-top{display:grid;place-items:center;padding:4px 0 10px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px}
.bm-logo{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:14px}
.bm-nv{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;border-radius:8px;font-size:9px;font-weight:600;text-align:center;overflow-wrap:anywhere;line-height:1.15}
.bm-me{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:3px;padding-top:8px}
.bm-me b{font-size:10px}.bm-me em{font-style:normal;font-size:8px;font-weight:800;border-radius:3px;padding:1px 5px}
.bm-av{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:10.5px;flex:none}
.bm-main{display:flex;flex-direction:column;min-width:0}
.bm-bar{display:flex;align-items:center;gap:12px;padding:0 10px;height:42px;border-bottom:1px solid}
.bm-tab{font-weight:700;font-size:11px;padding:13px 0 11px;border-bottom:2px solid transparent;white-space:nowrap}
.bm-search{flex:1;display:flex;align-items:center;gap:6px;border:1px solid;border-radius:7px;padding:5px 8px;font-size:10px;min-width:0;white-space:nowrap;overflow:hidden}
.bm-sq{width:24px;height:24px;border:1px solid;border-radius:6px;display:grid;place-items:center;flex:none}
.bm-body{padding:10px;flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}
.bm-chips{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;overflow:hidden}
.bm-chips>span{border:1px solid;border-radius:7px;padding:5px 8px;font-weight:600;white-space:nowrap;display:inline-flex;gap:5px;align-items:center}
.bm-chips b{border-radius:999px;padding:0 5px;font-size:9.5px}
.bm-chips .bm-sp{flex:1;border:0;padding:0}
.bm-chips .bm-ic{border:0;width:24px;height:24px;padding:0;justify-content:center}
.bm-tbl{border:1px solid;border-radius:9px;overflow:hidden}
.bm-tr{display:grid;grid-template-columns:1.25fr 1.2fr 1.1fr .6fr 1.2fr;gap:6px;align-items:center;padding:7px 9px;border-top:1px solid}
.bm-th{border-top:0;font-size:9px;font-weight:700;letter-spacing:.05em}
.bm-tr>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bm-tr b{font-size:10.5px}.bm-tr small{display:block;font-size:9px}
.bm-line{display:block;height:3px;border-radius:2px;margin-top:3px;overflow:hidden;max-width:80px}.bm-line u{display:block;height:100%}
.bm-cnt{font-style:normal;font-weight:700;border-radius:5px;padding:1px 6px}
.bm-add{font-style:normal;border:1px solid;border-radius:5px;padding:1px 5px;font-size:9.5px}
.bm-acts{display:flex;gap:3px}
.bm-act{width:21px;height:21px;border:1px solid;border-radius:5px;display:grid;place-items:center}
.bm-stat{display:flex;align-items:center;gap:6px;padding:5px 10px;border-top:1px solid;font-size:9.5px}
.bm-stat i{width:6px;height:6px;border-radius:50%;display:block}
.bp-pre span{white-space:nowrap}
.cw-bulk{display:flex;flex-direction:column;gap:3px;background:var(--acc-l);border:1px solid var(--acc);border-radius:10px;padding:12px 14px;margin-bottom:14px;font-size:13px;color:var(--t2)}
.cw-bulk b{font-size:16px;color:var(--t)}

/* ══ r321 · Automation drawer ══ */
.overlay.drawer .modal.wfw{width:min(760px,96vw)!important;max-width:none!important}
.wf-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:640px){.wf-cats{grid-template-columns:1fr}}
.wf-cat{display:flex;flex-direction:column;gap:5px;text-align:left;border:1.5px solid var(--bd);border-radius:12px;padding:13px 14px;background:var(--s);cursor:pointer;color:var(--t)}
.wf-cat:hover{border-color:var(--bd2)}
.wf-cat.on{border-color:var(--acc);background:var(--acc-l)}
.wf-cat b{font-size:13.5px;display:flex;align-items:center;gap:6px}
.wf-cat span{font-size:12.5px;color:var(--t2);line-height:1.45}
.wf-pane .ff{margin-bottom:12px}
.wf-more{margin-top:14px;padding-top:12px;border-top:1px solid var(--bd);display:flex;flex-direction:column;gap:8px}
.wf-more .ff{max-width:200px}
.wf-hint{font-weight:500;color:var(--t3);margin-left:4px}
.wf-ck{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--t2)}
.wf-ck input{width:auto}
.wf-type{display:inline-flex;align-items:center;gap:5px;margin-left:8px;font-size:12px;font-weight:600;color:var(--t2);background:var(--s2);border:1px solid var(--bd);border-radius:999px;padding:2px 10px;vertical-align:middle}

/* ══ r322 · Automation table + insights ══ */
.wt-wrap{border:1px solid var(--bd);border-radius:12px;overflow-x:auto;background:var(--s)}
.wt{width:100%;border-collapse:collapse;font-size:13px}
.wt th{text-align:left;font-size:12px;font-weight:600;color:var(--t2);padding:11px 12px;border-bottom:1px solid var(--bd);background:var(--s2);white-space:nowrap}
.wt td{padding:12px;border-bottom:1px solid var(--bd);vertical-align:middle}
.wt th.r,.wt td.r{text-align:right;font-variant-numeric:tabular-nums}.wt th.c,.wt td.c{text-align:center}
.wt td small{color:var(--t3);font-size:11.5px;margin-left:3px}
.wt-row{cursor:pointer}.wt-row:hover td{background:var(--s2)}.wt-row.open td{background:var(--acc-l)}
.wt-cat{font-size:11.5px;color:var(--t3);margin-top:2px;display:flex;align-items:center;gap:4px}
.wt-cat svg{width:12px;height:12px}
.wt-sw{position:relative;display:inline-block;width:36px;height:20px;vertical-align:middle;margin-right:8px;cursor:pointer}
.wt-sw input{opacity:0;width:0;height:0;position:absolute}
.wt-sw i{position:absolute;inset:0;border-radius:999px;background:var(--bd2);transition:background .15s}
.wt-sw i::after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .15s}
.wt-sw input:checked+i{background:var(--acc)}.wt-sw input:checked+i::after{transform:translateX(16px)}
.wt-sw input:focus-visible+i{outline:2px solid var(--acc);outline-offset:2px}
.wt-st{font-size:12px;font-weight:600;border-radius:6px;padding:2px 8px;background:var(--s2);color:var(--t2)}
.wt-st.on{background:var(--gb);color:var(--g)}
.wt-act{white-space:nowrap}.wt-act .btn{margin-left:4px}
.wt-mut{color:var(--t3)}
.wt-empty{padding:18px;color:var(--t3);text-align:center}
.wt-note{margin-top:10px;font-size:12.5px;background:var(--ab);border:1px solid var(--abd);color:var(--a);border-radius:9px;padding:9px 12px}
.wt-ins td{background:var(--s2);padding:14px 16px}
.wt-insb h4{margin:14px 0 8px;font-size:13px}
.wt-fun{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}
.wt-fun>span{align-self:center;color:var(--t3)}
.wt-fs{flex:1;min-width:120px;background:var(--s);border:1px solid var(--bd);border-radius:10px;padding:9px 12px}
.wt-fs small{display:block;font-size:11.5px;color:var(--t3)}.wt-fs b{display:block;font-size:19px;margin:2px 0}
.wt-fs.win{border-color:#C4B5FD}.wt-fs.win b{color:#7C3AED}
.wt-fs.bad b{color:var(--r)}
.wt-sub{background:var(--s);border:1px solid var(--bd);border-radius:10px;overflow:hidden}
.wt-sub td{padding:9px 12px}
.wt-chip{font-size:11.5px;font-weight:600;border-radius:999px;padding:2px 9px}

/* ══ r323 · Data privacy (contact masking) ══ */
input.sp-lock,textarea.sp-lock{background:var(--s2)!important;color:var(--t2)!important;cursor:not-allowed}
#sp-badge{position:fixed;left:50%;bottom:6px;transform:translateX(-50%);z-index:900;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;
  color:var(--t2);background:var(--s);border:1px solid var(--bd2);border-radius:999px;padding:3px 10px;box-shadow:var(--shadow)}

/* ══ r324 · Sort menu ══ */
.sort-pop{position:absolute;z-index:1200;width:340px;max-height:70vh;display:flex;flex-direction:column;background:var(--s);border:1px solid var(--bd);border-radius:12px;box-shadow:var(--shadow-lg,0 12px 32px rgba(0,0,0,.14))}
.sort-pop .sp-h{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--bd)}
.sort-pop .sp-h b{font-size:13.5px}
.sort-pop .sp-x{border:0;background:none;font-size:18px;color:var(--t3);cursor:pointer}
.sort-pop .sp-list{overflow-y:auto;padding:6px}
.sort-pop .sp-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;font-size:13px}
.sort-pop .sp-row.on{background:var(--acc-l)}
.sort-pop .sp-row>span:first-child{font-weight:600;color:var(--t)}
.sort-pop .sp-dirs{display:flex;gap:4px}
.sort-pop .sp-d{border:1px solid var(--bd2);background:var(--s);border-radius:7px;padding:4px 8px;font-size:11.5px;font-weight:600;color:var(--t2);cursor:pointer;white-space:nowrap}
.sort-pop .sp-d:hover{border-color:var(--acc);color:var(--acc)}
.sort-pop .sp-d.on{background:var(--acc);border-color:var(--acc);color:#fff}
.sort-pop .sp-f{padding:10px 14px;border-top:1px solid var(--bd)}
.sort-pop .sp-reset{border:0;background:none;color:var(--acc);font-weight:600;font-size:12.5px;cursor:pointer;padding:0}
button.cbtn.on{background:var(--acc-l);border-color:var(--acc);color:var(--acc)}

/* ══ r326 · Automation builder ══ */
.fb-ic{width:30px;height:30px;border-radius:8px;display:inline-grid;place-items:center;color:#fff;flex:none}
.fb-two{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start}
@media (max-width:1100px){.fb-two{grid-template-columns:1fr}}
.fb-runs{border:1px solid var(--bd);border-radius:12px;overflow:hidden}.fb-runs-h{padding:10px 14px;font-weight:700;font-size:13px;background:var(--s2);border-bottom:1px solid var(--bd)}
.fb-run{display:flex;gap:10px;padding:9px 14px;border-top:1px solid var(--bd);font-size:12.5px;align-items:flex-start}.fb-run:first-of-type{border-top:0}
.fb-run small{display:block;color:var(--t3);font-size:11.5px}.fb-run a{color:var(--acc);cursor:pointer}
.fb-rs{margin-left:auto;font-size:11.5px;font-weight:600;white-space:nowrap}.fb-rs.ok{color:#16A34A}.fb-rs.bad{color:var(--r)}
body.fb-lock{overflow:hidden}
#flow-builder{position:fixed;inset:0;z-index:700;background:var(--bg);display:none;flex-direction:column;padding:0 18px 18px}
#flow-builder.open{display:flex}
.fb-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0}
.fb-name{height:36px;border:1px solid var(--bd2);border-radius:8px;padding:0 10px;font:inherit;font-size:14.5px;font-weight:600;min-width:300px;background:var(--inp);color:var(--t)}
.fb-tag{font-size:12px;font-weight:600;color:var(--t2);background:var(--s2);border:1px solid var(--bd);border-radius:999px;padding:4px 11px}.fb-tag.on{background:var(--gb);color:var(--g);border-color:var(--gbd)}
.fb-body{display:grid;grid-template-columns:230px minmax(0,1fr) 330px;gap:14px;flex:1;min-height:0}
.fb-pal{padding:12px;overflow-y:auto}.fb-pal h4{margin:0 0 2px;font-size:13px}.fb-pal p{margin:0 0 6px;font-size:11.5px;color:var(--t3)}.fb-pal h5{margin:12px 0 6px;font-size:11px;color:var(--t3);text-transform:uppercase;letter-spacing:.04em}
.fb-pi{display:flex;gap:9px;align-items:center;border:1px solid var(--bd);border-radius:9px;padding:7px 9px;margin-bottom:6px;cursor:grab;background:var(--s)}.fb-pi:hover{border-color:var(--acc)}
.fb-pi b{font-size:12.5px;display:block}.fb-pi small{font-size:11px;color:var(--t3);display:block}.fb-pi .fb-ic{width:26px;height:26px;border-radius:7px}
.fb-cv{background-color:var(--s2);background-image:radial-gradient(var(--bd2) 1px,transparent 1px);background-size:18px 18px;border:1px solid var(--bd);border-radius:12px;padding:22px;overflow:auto;display:flex;flex-direction:column;align-items:center}
.fb-nd{width:300px;background:var(--s);border:1.5px solid var(--bd);border-radius:12px;padding:10px 12px;display:flex;gap:10px;align-items:flex-start;cursor:pointer;position:relative;flex:none}
.fb-nd.on{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-l)}.fb-nd.warn{border-color:#DE9A3C}.fb-nd.end{border-style:dashed}
.fb-nd b{font-size:13px;display:block}.fb-nd small{font-size:11.5px;color:var(--t3);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fb-nd .kind{font-size:10.5px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.04em}
.fb-nd .wn{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#8A4B0B;background:#FBEBD8;border-radius:6px;padding:2px 6px;margin-top:4px;font-weight:600}
.fb-x{position:absolute;right:6px;top:6px;width:20px;height:20px;border:0;background:none;color:var(--t3);font-size:16px;line-height:1;cursor:pointer;border-radius:5px;display:none}.fb-nd:hover .fb-x,.fb-rule .fb-x{display:block}.fb-x:hover{background:var(--rb);color:var(--r)}
.fb-ln{width:2px;height:26px;background:var(--bd2);position:relative;flex:none}
.fb-ln.plus{display:grid;place-items:center;width:22px;height:26px;background:none;color:transparent;cursor:pointer}
.fb-ln.plus::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--bd2);transform:translateX(-50%)}
.fb-ln.plus::after{content:"+";position:relative;width:20px;height:20px;border-radius:50%;background:var(--s);border:1px solid var(--bd2);display:grid;place-items:center;font-size:14px;color:var(--t2)}
.fb-ln.plus:hover::after,.fb-ln.plus.over::after{border-color:var(--acc);color:var(--acc);background:var(--acc-l)}
.fb-br{display:flex;gap:30px;align-items:flex-start;position:relative;margin-top:10px}.fb-br::before{content:"";position:absolute;top:-10px;left:150px;right:150px;height:2px;background:var(--bd2)}
.fb-col{display:flex;flex-direction:column;align-items:center;min-width:300px}.fb-col::before{content:"";width:2px;height:12px;background:var(--bd2)}
.fb-lab{font-size:11px;font-weight:700;color:#fff;border-radius:999px;padding:3px 10px;margin-bottom:8px}.fb-lab.y{background:#16A34A}.fb-lab.n{background:#DC2626}
.fb-cfg{padding:14px;overflow-y:auto}.fb-cfg h3{margin:0 0 2px;font-size:14px}.fb-cfg p{margin:0 0 12px;font-size:12px;color:var(--t3)}
.fb-cfg .f{margin-bottom:11px}.fb-cfg .f label{display:block;font-size:12px;font-weight:600;color:var(--t2);margin-bottom:5px}.fb-cfg .f .hint{font-size:11.5px;color:var(--t3);margin-top:4px}
.fb-cfg .in{width:100%;height:36px;border:1px solid var(--bd2);border-radius:8px;padding:0 10px;font:inherit;font-size:13px;background:var(--inp);color:var(--t)}.fb-cfg textarea.in{height:auto;padding:8px 10px}
.fb-note{background:#EAF2FB;border:1px solid #BFD6F0;color:#12558F;border-radius:8px;padding:8px 10px;font-size:12px;margin-top:4px}.fb-note.w{background:#FBEBD8;border-color:#DE9A3C;color:#8A4B0B}.fb-note a{color:inherit;font-weight:700;cursor:pointer;text-decoration:underline}
.fb-ck{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--t2);margin:6px 0 10px}.fb-ck input{width:auto}
.fb-mf{display:flex;flex-wrap:wrap;gap:5px}.fb-mf span{font-size:11px;background:var(--s2);border:1px solid var(--bd);border-radius:5px;padding:2px 6px;font-family:ui-monospace,monospace;cursor:pointer}.fb-mf span:hover{border-color:var(--acc)}
.fb-chips{display:flex;flex-wrap:wrap;gap:6px}.fb-chips .chip{display:inline-flex;align-items:center;height:28px;padding:0 10px;border:1px solid var(--bd2);border-radius:999px;background:var(--s);font-size:12px;font-weight:600;color:var(--t2);cursor:pointer}.fb-chips .chip.on{background:var(--acc);border-color:var(--acc);color:#fff}
.fb-nx{margin-top:12px;font-size:12px;color:var(--t3)}.fb-nx div{border:1px solid var(--bd);border-radius:9px;padding:8px 10px;margin-top:6px;font-size:12.5px;color:var(--t)}
.fb-rules .fb-rule{display:flex;gap:6px;align-items:center;margin-bottom:6px;position:relative;padding-right:22px}.fb-rules .fb-rule .in{flex:1;min-width:0;height:32px;font-size:12.5px}.fb-rules .fb-rule .fb-x{position:absolute;right:0;top:6px}
.fb-pick{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:900;display:grid;place-items:center}
.fb-pick-b{background:var(--s);border-radius:14px;padding:16px;width:340px;max-height:80vh;overflow:auto;box-shadow:var(--shadow-lg)}.fb-pick-b>b{display:block;margin-bottom:8px;font-size:14px}
.fb-tick{width:52px;height:52px;border-radius:50%;background:var(--gb);color:var(--g);display:grid;place-items:center;margin:0 auto 8px;font-size:26px}.fb-tick.bad{background:var(--rb);color:var(--r)}
.fb-tl{list-style:none;padding:0;margin:0 0 14px;text-align:left}.fb-tl li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--bd);font-size:13px}.fb-tl li small{color:var(--t3);display:block;font-size:11.5px}.fb-tl b.ok{color:#16A34A}.fb-tl b.warn{color:#8A4B0B}.fb-tl b.bad{color:var(--r)}
#flows_root .wt td:first-child{min-width:230px}#flows_root .wt td:nth-child(2){min-width:120px}
.fb-right{display:flex;flex-direction:column;gap:12px;overflow-y:auto;min-height:0}
.fb-right .fb-cfg{overflow:visible}
.fb-story{padding:14px}.fb-story h4{margin:0 0 8px;font-size:13px}
.fb-st{list-style:none;counter-reset:fs;padding:0;margin:0;font-size:12.5px}
.fb-st li{padding:5px 0 5px 8px;border-left:2px solid var(--bd);color:var(--t2);line-height:1.45}
.fb-st li.on{border-left-color:var(--acc);color:var(--t);font-weight:600;background:var(--acc-l);border-radius:0 6px 6px 0;cursor:pointer}
.fb-st li[data-story]{cursor:pointer}.fb-st li[data-story]:hover{color:var(--t)}
.fb-st .fb-st-t{font-weight:700;color:var(--t);border-left-color:var(--acc)}
.fb-st .fb-st-b{font-weight:700;color:var(--t3);font-size:11.5px}
.fb-st .fb-st-m{color:var(--t3);font-style:italic}
.fb-sets{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.fb-setl{flex:0 0 120px;font-size:12.5px;color:var(--t2);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fb-cfg optgroup{font-size:11px;color:var(--t3)}

/* r333 · move a column by dragging its header */
th[draggable="true"]{cursor:grab}
th.th-dragging{opacity:.45}
th.th-drop-l{box-shadow:inset 3px 0 0 var(--acc)}
th.th-drop-r{box-shadow:inset -3px 0 0 var(--acc)}

/* r334 · arrange the quick tabs */
.qtb[draggable="true"]{cursor:pointer}
.qtb.qt-dragging{opacity:.45}
.qtb.qt-over{box-shadow:inset 3px 0 0 var(--acc)}
.qt-cog{margin-left:2px}
.qt-panel{position:absolute;z-index:1200;width:258px;background:var(--s);border:1px solid var(--bd);border-radius:12px;box-shadow:var(--shadow-lg,0 12px 32px rgba(0,0,0,.14));padding:4px 0 0}
.qt-panel .qt-ph{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 6px}
.qt-panel .qt-ph b{font-size:13px}
.qt-panel .qt-px{border:0;background:none;font-size:17px;color:var(--t3);cursor:pointer;line-height:1}
.qt-panel .qt-phint{font-size:11px;color:var(--t3);padding:0 12px 8px;border-bottom:1px solid var(--bd)}
.qt-prow{display:flex;align-items:center;gap:8px;padding:7px 12px;font-size:13px;cursor:grab}
.qt-prow:hover{background:var(--s2)}
.qt-prow.dragging{opacity:.45}
.qt-prow.over{box-shadow:inset 0 2px 0 var(--acc)}
.qt-prow input{width:auto}
.qt-grip{color:var(--t3);display:inline-flex}
.qt-pl.off{color:var(--t3)}
.qt-pl i{font-style:normal;font-size:10px;color:var(--t3)}
.qt-pf{border-top:1px solid var(--bd);padding:9px 12px}
.qt-preset{border:0;background:none;color:var(--acc);font-weight:600;font-size:12.5px;cursor:pointer;padding:0}

/* r339 · a row action that can't be used (no email / no mobile) carries one
   grey line across it — the "not available" sign. No badge, no colour. */
.btn.licon.is-off{position:relative;overflow:hidden;background:var(--s2)!important;border-color:var(--bd2)!important;color:var(--t3)!important}
.btn.licon.is-off::after{content:"";position:absolute;left:50%;top:50%;width:22px;height:1.6px;border-radius:2px;
  background:var(--t3);opacity:.7;transform:translate(-50%,-50%) rotate(-45deg);pointer-events:none}

/* r338 · the leads toolbar stays on ONE line at every width, like a Mac or
   tablet screen: the tabs scroll sideways inside their own strip and the
   view / Bulk actions / filter group keeps its place on the right. Nothing
   wraps to a second line. Leads page only. */
#lead-chipbar{flex-wrap:nowrap;align-items:center;overflow:visible}
#lead-chipbar .qt-row{flex:1 1 auto;min-width:120px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;
  scrollbar-width:none;-ms-overflow-style:none;padding-bottom:1px;scroll-behavior:smooth}
#lead-chipbar .qt-row::-webkit-scrollbar{display:none;height:0}
#lead-chipbar .qt-row>*{flex:0 0 auto}
#lead-chipbar .chipbar-right{flex:0 0 auto;margin-left:8px;flex-wrap:nowrap;width:auto}
/* tight screens: the group keeps every button, just more compact */
@media(max-width:1180px){
  #lead-chipbar .chipbar-right{gap:5px}
  #lead-chipbar .chipbar-right .cbtn{padding-left:7px;padding-right:7px}
  #lead-chipbar .bulk-btn span{display:none}
  #lead-chipbar .bulk-btn{padding-left:8px;padding-right:8px}
}
@media(max-width:860px){
  #lead-chipbar .qt-row{min-width:90px}
}

/* ══ r345 · workspace switcher (one email, many businesses) ══ */
.wsx-btn{display:flex;align-items:center;gap:9px;width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);
  color:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;font-family:inherit;text-align:left;margin-bottom:10px}
.wsx-btn:hover{background:rgba(255,255,255,.12)}
.wsx-btn .wsx-t{flex:1;min-width:0}
.wsx-btn b{display:block;font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wsx-btn small{display:block;font-size:10.5px;color:rgba(255,255,255,.6)}
.wsx-av{width:24px;height:24px;border-radius:7px;background:var(--acc);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
body.sb-fixed .wsx-btn{justify-content:center;padding:8px 0}
body.sb-fixed .wsx-btn .wsx-t,body.sb-fixed .wsx-btn svg{display:none}
.wsx-menu{position:fixed;z-index:1300;width:258px;background:var(--s);border:1px solid var(--bd);border-radius:12px;
  box-shadow:var(--shadow-lg,0 14px 36px rgba(0,0,0,.18));padding:4px 0;overflow:hidden}
.wsx-mh{font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.04em;padding:9px 12px 6px}
.wsx-row{display:flex;align-items:center;gap:9px;padding:8px 12px;cursor:pointer;font-size:13px}
.wsx-row:hover{background:var(--s2)}
.wsx-row.on{background:var(--acc-l)}
.wsx-nm{flex:1;min-width:0}.wsx-nm b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wsx-nm small{display:block;font-size:11px;color:var(--t3);text-transform:capitalize}
.wsx-tick{color:var(--acc);font-weight:700}
.wsx-new{border-top:1px solid var(--bd);margin-top:4px;padding:10px 12px;color:var(--acc);font-weight:600;font-size:12.5px;cursor:pointer}
.wsx-new:hover{background:var(--acc-l)}
.wsx-pick{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:1400;display:grid;place-items:center}
.wsx-box{background:var(--s);border-radius:14px;width:min(430px,94vw);padding:18px}
.wsx-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.wsx-h b{font-size:15px}
.wsx-x{border:0;background:none;font-size:18px;color:var(--t3);cursor:pointer;line-height:1}
.wsx-p{font-size:12.5px;color:var(--t2);margin:0 0 12px;line-height:1.6}
.wsx-l{display:block;font-size:12px;font-weight:600;color:var(--t2);margin-bottom:5px}
.wsx-in{width:100%;height:38px;border:1px solid var(--bd2);border-radius:8px;padding:0 11px;font:inherit;font-size:14px;background:var(--inp);color:var(--t)}
.wsx-err{color:var(--r);font-size:12.5px;font-weight:600;min-height:18px;margin-top:6px}
.wsx-f{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}

/* ══ r349 · first-run setup takes the whole screen ══
   While the wizard is open there is nothing to navigate to yet — the sidebar,
   the top tabs and the status bar only get in the way, and a half-set-up CRM
   behind them invites clicks that lead nowhere. "Finish later" brings them
   all back. */
body.s9-on .sbar,
body.s9-on .topbar,
body.s9-on .stat,
body.s9-on #nav-tabs{display:none!important}
body.s9-on #app{padding-left:0!important}
body.s9-on .main,
body.s9-on #app>.content,
body.s9-on .page-wrap{margin-left:0!important}
body.s9-on #page-setup9,
body.s9-on .page.active{padding-top:26px}
body.s9-on{overflow-y:auto}

/* r352 · drag a field row into the order you want */
.s9-grip{color:var(--t3);cursor:grab;font-size:13px;margin-right:6px;user-select:none}
.s9 tr[draggable="true"]{cursor:default}
.s9 tr.dragging{opacity:.45}
.s9 tr.drop-a td{box-shadow:inset 0 2px 0 var(--acc)}
.s9 tr.drop-b td{box-shadow:inset 0 -2px 0 var(--acc)}

/* r354 · the activity list, edited where it is scored */
.s9-acts{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0 4px}
.s9-acts .s9-chip{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--bd2);background:var(--s);border-radius:999px;padding:3px 4px 3px 10px}
.s9-chip-in{border:0;background:none;font:inherit;font-size:12.5px;color:var(--t);width:120px;padding:2px 0}
.s9-chip-in:focus{outline:none;border-bottom:1px solid var(--acc)}
.s9-acts .s9-chip .x{border:0;background:none;color:var(--t3);cursor:pointer;font-size:12px;line-height:1;padding:3px 5px;border-radius:50%}
.s9-acts .s9-chip .x:hover{background:var(--rb);color:var(--r)}
.s9-actadd{display:inline-flex;gap:6px;align-items:center}
.s9-actadd .s9-in{width:190px}

/* r360 · what Meta reported about a WhatsApp token */
.wc-diag{margin-top:8px;border:1px solid var(--bd);border-radius:8px;background:var(--s2)}
.wc-diag summary{cursor:pointer;padding:8px 11px;font-size:12.5px;font-weight:600;color:var(--t2)}
.wc-diag>div{padding:0 11px 10px;font-size:12px;color:var(--t2);line-height:1.7;word-break:break-word}
.wc-diag b{color:var(--t)}

/* ══ r368 · Settings ══
   1 The left menu stays put while the right side scrolls. It used to scroll
     away with the page, so on a long page (stages, fields) you had to scroll
     all the way back up to reach another section.
   2 The "What you can find here" cards at the top are gone — they repeated
     the menu that is already on the left.
   3 Lead stages are set up in the wizard, so Settings only shows them. */
.settings-shell .set-tabs,
/* r375: the top bar is FIXED over the page, so a menu pinned at top:12px
   slides underneath it and its first items disappear. Pin it just below the
   bar instead — --tbh is that bar's height. */
.settings-shell .set-tabs,
#page-settings .set-tabs{
  position:sticky;top:calc(var(--tbh, 60px) + 12px);align-self:start;
  max-height:calc(100vh - var(--tbh, 60px) - 40px);overflow-y:auto;
  scrollbar-width:thin;z-index:2}
.settings-shell .set-tabs::-webkit-scrollbar,
#page-settings .set-tabs::-webkit-scrollbar{width:6px}
.settings-shell .set-tabs::-webkit-scrollbar-thumb,
#page-settings .set-tabs::-webkit-scrollbar-thumb{background:var(--bd2);border-radius:3px}
#page-settings .set-findhere,
#page-settings [data-findhere]{display:none!important}
@media(max-width:820px){
  .settings-shell .set-tabs,#page-settings .set-tabs{position:static;max-height:none;overflow:visible}
}
/* r371: the stages card was removed from Settings; its read-only styling is no longer needed. */

/* ══ r370 · why the Settings menu still scrolled away ══
   html and body carry overflow-x:hidden (added long ago to stop sideways
   scrolling). That turns them into scroll containers, and a sticky element
   inside one of those stops sticking — the menu went up with the page however
   many times "position:sticky" was set on it.
   overflow-x:clip hides the same sideways overflow WITHOUT creating a scroll
   container, so sticky works again and nothing else changes. */
html,body{overflow-x:clip}

/* ══ r372 · Settings menu: a soft colour per section ══ */
#page-settings .set-tab{display:flex;align-items:center;gap:10px}
#page-settings .set-tab .st-ico{
  width:26px;height:26px;flex:none;border-radius:8px;display:grid;place-items:center;
  background:var(--st-bg,#EEF2F7);color:var(--st-fg,#64748B)}
#page-settings .set-tab .st-ico i{font-size:14px;line-height:1}
#page-settings .set-tab .st-ico svg{width:15px;height:15px}
#page-settings .set-tab:hover .st-ico{filter:brightness(.97)}
#page-settings .set-tab .st-ico[data-grp="workspace"]  {--st-bg:#F3E8FF;--st-fg:#7E22CE}
#page-settings .set-tab .st-ico[data-grp="business"]   {--st-bg:#E0E7FF;--st-fg:#4338CA}
#page-settings .set-tab .st-ico[data-grp="navigation"] {--st-bg:#E0F2FE;--st-fg:#0369A1}
#page-settings .set-tab .st-ico[data-grp="leads"]      {--st-bg:#DCFCE7;--st-fg:#15803D}
#page-settings .set-tab .st-ico[data-grp="opps"]       {--st-bg:#FFEDD5;--st-fg:#C2410C}
#page-settings .set-tab .st-ico[data-grp="dropdowns"]  {--st-bg:#FEF3C7;--st-fg:#A16207}
#page-settings .set-tab .st-ico[data-grp="team"]       {--st-bg:#FCE7F3;--st-fg:#BE185D}
#page-settings .set-tab .st-ico[data-grp="comms"]      {--st-bg:#CCFBF1;--st-fg:#0F766E}
#page-settings .set-tab .st-ico[data-grp="integrations"]{--st-bg:#E2E8F0;--st-fg:#334155}
#page-settings .set-tab .st-ico[data-grp="system"]     {--st-bg:#F1F5F9;--st-fg:#475569}
[data-theme="dark"] #page-settings .set-tab .st-ico{filter:saturate(.8) brightness(.9)}

/* ══ r373 · Apps: each card wears its own mark on a soft tint ══
   Ten identical grey glyphs told you nothing. The tints are pale on purpose —
   the page stays calm, but WhatsApp, Email, SMS and the rest are found by
   colour before the words are read. */
.integ-ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:var(--ai-bg,#EEF2F7);color:var(--ai-fg,#64748B)}
.integ-ico svg{width:20px;height:20px;display:block}
.integ-ico i{font-size:17px;line-height:1}
.integ-ico[data-app="whatsapp"]  {--ai-bg:#DCFCE7;--ai-fg:#15803D}
.integ-ico[data-app="facebook"]  {--ai-bg:#E0ECFF;--ai-fg:#1D4ED8}
.integ-ico[data-app="google"]    {--ai-bg:#FEE2E2;--ai-fg:#B91C1C}
.integ-ico[data-app="email"]     {--ai-bg:#EDE9FE;--ai-fg:#6D28D9}
.integ-ico[data-app="sms"]       {--ai-bg:#FFEDD5;--ai-fg:#C2410C}
.integ-ico[data-app="ivr"]       {--ai-bg:#FCE7F3;--ai-fg:#BE185D}
.integ-ico[data-app="publishers"]{--ai-bg:#CCFBF1;--ai-fg:#0F766E}
.integ-card.soon .integ-ico{filter:grayscale(.55);opacity:.75}
[data-theme="dark"] .integ-ico{filter:saturate(.8) brightness(.92)}
/* the small row in Connected apps follows the same colours */
.ca-ico{background:var(--ai-bg,#EEF2F7);color:var(--ai-fg,#64748B)}

/* r399 · optional sub-stages under each stage (Step 3) */
.s9-subswitch{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--t)}
.s9-subswitch span{cursor:pointer}
.s9-subswitch em{font-style:normal;font-weight:500;font-size:11px;color:var(--t3);border:1px solid var(--bd);border-radius:999px;padding:0 7px;line-height:17px}
.s9-subnote{margin-top:10px}
.s9-subtr td{padding-top:0!important;border-top:0!important}
.s9-tw tr:has(+ tr.s9-subtr)>td{border-bottom:0!important}
.s9-tw tr.s9-subtr>td{background:inherit}
.s9-subs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:0 0 10px;margin-top:-4px}
.s9-subs-l{font-size:11.5px;font-weight:600;color:var(--t3);margin-right:2px}
.s9-subchip{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:500;color:var(--t);background:var(--s2);border:1px solid var(--bd);border-radius:999px;padding:2px 3px 2px 10px;line-height:18px}
.s9-subchip button{width:18px;height:18px;border:0;background:none;border-radius:50%;color:var(--t3);cursor:pointer;font-size:10px;line-height:1;padding:0;display:grid;place-items:center}
.s9-subchip button:hover{background:var(--rb);color:var(--r)}
.s9-subchip button:focus-visible,.s9-sublink:focus-visible{outline:2px solid var(--p);outline-offset:1px}
.s9-sublink{border:1px dashed var(--bd2);background:none;color:var(--p);font:inherit;font-size:12px;font-weight:600;border-radius:999px;padding:2px 10px;cursor:pointer;line-height:18px}
.s9-sublink:hover{background:var(--pl);border-color:var(--p)}
.s9-subadd{display:inline-flex;align-items:center;gap:6px}
.s9-subadd .s9-in{width:190px}
.s9-subnone{font-size:11.5px;color:var(--t3)}

/* r487 · Setup › Fields › "How should it behave?" */
.s9-plat{background:color-mix(in srgb,#2563EB 8%,var(--s));border:1px solid color-mix(in srgb,#2563EB 25%,var(--bd));color:var(--t);border-radius:10px;padding:10px 12px;font-size:12.5px;margin-bottom:10px}
.s9-beh{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding:12px 14px;border:1px solid var(--bd);border-radius:10px;background:var(--s)}
.s9-beh>b{font-size:13.5px}
.s9-sws{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.s9-sw{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--bd);font-size:13px;cursor:pointer}
.s9-sw input{position:absolute;opacity:0;width:1px;height:1px}
.s9-sw i{width:36px;height:20px;border-radius:99px;background:var(--bd2);position:relative;flex:none;transition:background .15s}
.s9-sw i::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.s9-sw input:checked+i{background:var(--p)}
.s9-sw input:checked+i::after{left:18px}
.s9-sw input:focus-visible+i{outline:2px solid var(--p);outline-offset:2px}
.s9-sw.lock{opacity:.6;cursor:not-allowed}
@media (max-width:760px){.s9-sws{grid-template-columns:1fr}}
/* r488 · the switch rows win over the editor's general label style */
.s9-edit .s9-beh .s9-sws{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 24px!important}
.s9-edit .s9-beh label.s9-sw{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;
  width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:9px 0!important;gap:12px!important;
  font-size:13px!important;font-weight:500!important;color:var(--t)!important;text-transform:none!important;letter-spacing:0!important;line-height:1.35!important}
.s9-edit .s9-beh label.s9-sw>span{flex:1 1 auto!important;min-width:0!important;white-space:normal!important;display:block!important}
.s9-edit .s9-beh label.s9-sw>i{flex:none!important;display:block!important}
@media (max-width:760px){.s9-edit .s9-beh .s9-sws{grid-template-columns:1fr!important}}

/* ═══ r489 · the field panel (new / edit) ═══ */
.s9-dw{position:fixed;inset:0;z-index:9300;background:rgba(15,23,42,.42);display:flex;justify-content:flex-end}
.s9-dw-c{width:min(980px,94vw);height:100%;background:var(--s);box-shadow:-20px 0 50px rgba(15,23,42,.25);display:flex;flex-direction:column;overflow:auto}
.s9-dw-h{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:16px 22px;background:var(--s);border-bottom:1px solid var(--bd)}
.s9-dw-h>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.s9-dw-h b{font-size:17px;color:var(--t)}
.s9-dw-h span{font-size:12.5px;color:var(--t2)}
.s9-dw .s9-plat{margin:14px 22px 0}
.s9-dw-b{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;padding:16px 22px 28px}
.s9-dw-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.s9-dw-st{font-size:14px;color:var(--t)}
.s9-dw .s9-f label{display:block;font-size:12.5px;font-weight:600;color:var(--t2);margin-bottom:6px;text-transform:none}
.s9-tcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.s9-tc{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 11px;border:1px solid var(--bd);border-radius:10px;background:var(--s);cursor:pointer;text-align:left;color:var(--t2);font:inherit}
.s9-tc svg{color:var(--t3);margin-bottom:2px}
.s9-tc b{font-size:13px;color:var(--t)}
.s9-tc small{font-size:11.5px;color:var(--t3);line-height:1.3}
.s9-tc:hover:not(:disabled){border-color:var(--p)}
.s9-tc.on{border-color:var(--p);background:color-mix(in srgb,var(--p) 8%,var(--s));box-shadow:0 0 0 1px var(--p) inset}
.s9-tc.on svg,.s9-tc.on b{color:var(--p)}
.s9-tc:disabled{cursor:not-allowed;opacity:.55}
.s9-tc.on:disabled{opacity:1}
.s9-tc:focus-visible{outline:2px solid var(--p);outline-offset:2px}
.s9-dw .s9-sws1{display:flex;flex-direction:column;border:1px solid var(--bd);border-radius:10px;padding:2px 14px}
.s9-dw .s9-sws1 label.s9-sw{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  padding:11px 0!important;margin:0!important;border:0!important;border-bottom:1px solid var(--bd)!important;border-radius:0!important;
  font-size:13.5px!important;font-weight:500!important;color:var(--t)!important;text-transform:none!important;width:auto!important}
.s9-dw .s9-sws1 label.s9-sw:last-child{border-bottom:0!important}
.s9-dw .s9-sws1 label.s9-sw>span{flex:1 1 auto!important;white-space:normal!important}
@media (max-width:860px){.s9-dw-b{grid-template-columns:1fr}.s9-tcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* r489 · descriptions and choices read as sentences, not Title Case */
.s9-dw .s9-tc small,.s9-dw select,.s9-dw option,.s9-dw .s9-dw-h span,.s9-dw .s9-plat,.s9-dw .s9-muted,.s9-dw input::placeholder,.s9-dw textarea::placeholder{text-transform:none!important}
.s9-dw .s9-sws1 label.s9-sw>span{text-transform:none!important}

/* ═══ r491 · Fields: chips, Actions column, roomier rows — like Automation / Opportunities ═══ */
.s9-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;line-height:1;padding:5px 9px;border-radius:6px;white-space:nowrap;
  color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);text-transform:none}
.s9-sec{display:inline-block;font-size:12px;font-weight:500;color:var(--t2);background:var(--s2);border:1px solid var(--bd);border-radius:6px;padding:3px 8px;white-space:nowrap}
.s9-vals{display:block;font-size:12px;color:var(--t2);line-height:1.35;max-width:220px}
.s9-tw table td{padding-top:11px!important;padding-bottom:11px!important;vertical-align:middle}
.s9-tw table th.r,.s9-tw table td.r{text-align:right}
.s9-acts{display:inline-flex;gap:6px;justify-content:flex-end}
.s9-ib{width:32px;height:32px;border-radius:8px;border:0;display:grid;place-items:center;cursor:pointer;color:var(--c);background:color-mix(in srgb,var(--c) 10%,var(--s))}
.s9-ib.ed{--c:#2563EB}.s9-ib.rm{--c:#DC2626}
.s9-ib:hover{background:color-mix(in srgb,var(--c) 18%,var(--s))}
.s9-ib:focus-visible{outline:2px solid var(--c);outline-offset:2px}

/* the panel: two cards, icon-tile headings, a switch list with real spacing */
.s9-dw-c{background:var(--bg,#F4F6FA)!important}
.s9-dw-h{background:var(--s)!important}
.s9-dw-b{gap:16px!important;padding:16px 22px 28px!important;align-items:start}
.s9-dw-card{background:var(--s);border:1px solid var(--bd);border-radius:14px;padding:18px 18px 20px;gap:16px!important}
.s9-dw-sh{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--bd)}
.s9-dw-sh>div{display:flex;flex-direction:column;gap:2px}
.s9-dw-sh b{font-size:15px;color:var(--t)}
.s9-dw-sh small{font-size:12px;color:var(--t2);text-transform:none}
.s9-dw-it{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent)}
.s9-dw .s9-in{height:40px;border-radius:9px}
.s9-dw textarea.s9-in{height:auto}
.s9-dw .s9-sws1{border:1px solid var(--bd)!important;border-radius:12px!important;padding:0!important;overflow:hidden;background:var(--s)}
.s9-dw .s9-sws1 label.s9-sw{padding:13px 16px!important;border-bottom:1px solid var(--bd)!important;gap:16px!important;align-items:center!important}
.s9-dw .s9-sws1 label.s9-sw:last-child{border-bottom:0!important}
.s9-dw .s9-sws1 label.s9-sw:hover{background:color-mix(in srgb,var(--p) 4%,var(--s))}
.s9-dw .s9-sws1 label.s9-sw>span{display:flex!important;flex-direction:column;gap:2px}
.s9-dw .s9-sws1 label.s9-sw>span b{font-size:13.5px;font-weight:600;color:var(--t)}
.s9-dw .s9-sws1 label.s9-sw>span small{font-size:12px;font-weight:400;color:var(--t2);text-transform:none}
.s9-dw .s9-sws1 label.s9-sw.lock>span small::after{content:' \00b7 always on for this field'}
.s9-dw .s9-tc{padding:12px!important;border-radius:12px!important;gap:3px!important}
.s9-dw .s9-tc svg{width:30px;height:30px;padding:6px;border-radius:8px;box-sizing:border-box;color:var(--t2);background:var(--s2);margin-bottom:6px}
.s9-dw .s9-tc.on svg{color:var(--p);background:color-mix(in srgb,var(--p) 14%,transparent)}
.s9-dw .s9-plat{border-radius:12px!important;padding:12px 14px!important}
.s9-tw td .s9-acts{display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;white-space:nowrap}
.s9-tw td.r{min-width:84px;width:84px}
/* r491 · the switch rows keep their full height (they were being squeezed by the flex column) */
.s9-dw .s9-dw-col>*{flex-shrink:0}
.s9-dw .s9-sws1{flex:none!important;height:auto!important}
.s9-dw .s9-sws1 label.s9-sw{flex:none!important;height:auto!important;min-height:58px}
/* r492 · answer-type icons in their own colour on a light tint (like Bulk Action items) */
.s9-dw .s9-tc svg{color:var(--c)!important;background:color-mix(in srgb,var(--c) 12%,transparent)!important}
.s9-dw .s9-tc.on{border-color:var(--c)!important;background:color-mix(in srgb,var(--c) 6%,var(--s))!important;box-shadow:0 0 0 1px var(--c) inset!important}
.s9-dw .s9-tc.on b{color:var(--c)!important}
.s9-dw .s9-tc.on svg{color:var(--c)!important;background:color-mix(in srgb,var(--c) 18%,transparent)!important}
.s9-dw .s9-tc:hover:not(:disabled){border-color:var(--c)!important}
.s9-dw .s9-tc:disabled{opacity:.6}
.s9-dw .s9-tc.on:disabled{opacity:1}
/* r496/r498 · managed fields: one card · the table: one line per field, full names, no sideways scroll */
.s9-dw-b.one{grid-template-columns:minmax(0,620px)!important}
.s9-tw .s9-cell{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.s9-tw .s9-cell .s9-in.sm[data-fl]{width:170px;min-width:150px;font-weight:500}
.s9-tw .s9-vals{max-width:170px}

/* ── r505: Edit rules under each opportunity stage (setup step 3) ──────── */
.s9-ortr td{padding-bottom:12px!important}
.s9-or-sum{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:-4px}
.s9-or-tag{font-size:12px;font-weight:500;color:var(--t2);background:var(--s2);border:1px solid var(--bd);border-radius:999px;padding:2px 10px;line-height:18px}
.s9-or-edit{margin-left:auto;border:1px solid var(--bd);background:var(--s);color:var(--t);font:600 12.5px/1 inherit;padding:7px 12px;border-radius:8px;cursor:pointer}
.s9-or-edit:hover{border-color:var(--p);color:var(--p)}
.s9-or-box{margin-top:10px;border:1px solid var(--bd);border-radius:10px;background:var(--s);padding:14px 16px}
.s9-or-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);gap:18px}
.s9-or-col{display:flex;flex-direction:column;gap:7px;min-width:0}
.s9-or-col+.s9-or-col{border-left:1px solid var(--bd);padding-left:18px}
.s9-or-h{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--t3);margin-bottom:2px}
.s9-or-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px}
.s9-or-ck{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--t);cursor:pointer}
.s9-or-ck input{width:15px;height:15px;margin:0;accent-color:var(--p);flex:none}
.s9-or-ck.dis{color:var(--t3);cursor:default}
.s9-or-note{font-size:11.5px;font-weight:400;color:var(--t3);text-transform:none;letter-spacing:0}
.s9-or-subs{margin-top:14px;padding-top:12px;border-top:1px solid var(--bd);display:flex;flex-direction:column;gap:7px}
.s9-or-sub{display:flex;align-items:center;gap:14px}
.s9-or-sub .s9-in{max-width:280px}
@media(max-width:900px){.s9-or-grid{grid-template-columns:1fr}.s9-or-col+.s9-or-col{border-left:0;padding-left:0;border-top:1px solid var(--bd);padding-top:12px}}
.s9-or-subn{min-width:140px;font-size:13px;font-weight:600;color:var(--t)}

/* ── r544: Connect email › Sender emails — added and edited inside the panel ── */
.ecs{border:1px solid var(--bd);border-radius:12px;padding:14px;margin-bottom:14px;background:var(--s)}
.ecs-h b{display:block;font-size:13.5px;color:var(--t)}
.ecs-h span{display:block;font-size:11.5px;color:var(--t3);margin:2px 0 10px}
.ecs-row{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--bd);border-radius:10px;margin-bottom:8px}
.ecs-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#DB2777;background:color-mix(in srgb,#DB2777 12%,var(--s));flex:none;font-size:15px}
.ecs-t{flex:1;min-width:0}
.ecs-t b{display:block;font-size:12.5px;color:var(--t)}
.ecs-t b em{font-style:normal;font-size:10.5px;font-weight:700;color:#15803D;background:color-mix(in srgb,#16A34A 12%,var(--s));padding:1px 7px;border-radius:999px;margin-left:6px}
.ecs-t span{display:block;font-size:11.5px;color:var(--t3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ecs-q{font-size:12px;font-weight:600;color:var(--r)}
.ecs-form{border:1px solid color-mix(in srgb,#DB2777 35%,var(--bd));background:color-mix(in srgb,#DB2777 4%,var(--s));border-radius:12px;padding:12px;margin:4px 0 8px}
.ecs-form>b{display:block;font-size:13px;color:var(--t);margin-bottom:8px}
.ecs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}
.ecs-grid label{display:flex;flex-direction:column;gap:4px;font-size:11.5px;font-weight:600;color:var(--t2)}
.ecs-grid label span{font-weight:400;color:var(--t3)}
.ecs-grid input{width:100%}
.ecs-form small{display:block;font-size:11px;color:var(--t3);margin-top:8px}
.ecs-err{font-size:12px;color:var(--r);background:color-mix(in srgb,#DC2626 8%,var(--s));border-radius:8px;padding:7px 10px;margin-top:8px}
.ecs-acts{display:flex;gap:8px;margin-top:10px}
@media(max-width:600px){.ecs-grid{grid-template-columns:1fr}}

/* r600: people picker — dropdown with checkboxes and search */
.s9-pp{position:relative;min-width:260px;max-width:460px;flex:1}
.s9-pp-btn{width:100%;display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 12px;border:1px solid var(--bd);border-radius:10px;background:var(--s);font:inherit;font-size:13px;color:var(--t);cursor:pointer;text-align:left}
.s9-pp-btn:hover,.s9-pp.open .s9-pp-btn{border-color:color-mix(in srgb,var(--p) 45%,var(--bd))}
.s9-pp-btn:focus-visible{outline:2px solid var(--p);outline-offset:2px}
.s9-pp-lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s9-pp-ph{color:var(--t3)}
.s9-pp-n{display:inline-block;font-size:11px;font-weight:700;color:var(--p);background:color-mix(in srgb,var(--p) 12%,var(--s));border-radius:999px;padding:1px 7px;margin-left:4px}
.s9-pp-car{color:var(--t3);transition:transform .15s}.s9-pp.open .s9-pp-car{transform:rotate(180deg)}
.s9-pp-pop{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;background:var(--s);border:1px solid var(--bd);border-radius:12px;box-shadow:0 14px 34px rgba(15,23,42,.16);padding:8px;min-width:280px}
.s9-pp-pop[hidden]{display:none}
.s9-pp-sr input{width:100%;height:36px;border:1px solid var(--bd);border-radius:8px;padding:0 10px;font:inherit;font-size:13px;background:var(--s2,#F8FAFC)}
.s9-pp-sr input:focus{outline:none;border-color:var(--p);background:var(--s)}
.s9-pp-acts{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:var(--t3);padding:8px 4px 6px}
.s9-pp-acts button{border:0;background:none;color:var(--p);font:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:2px 6px;border-radius:6px}
.s9-pp-acts button:hover{background:color-mix(in srgb,var(--p) 8%,var(--s))}
.s9-pp-list{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}
.s9-pp-row{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px;cursor:pointer;user-select:none}
.s9-pp-row:hover,.s9-pp-row:focus-visible{background:var(--s2,#F4F6F9);outline:none}
.s9-pp-row[hidden]{display:none}
.s9-pp-cb{width:18px;height:18px;border-radius:5px;border:1.5px solid #CBD5E1;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;flex:none;transition:background .12s,border-color .12s}
.s9-pp-row.on .s9-pp-cb{background:var(--p);border-color:var(--p)}
.s9-pp-av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--p);background:color-mix(in srgb,var(--p) 12%,var(--s));flex:none}
.s9-pp-t{min-width:0}.s9-pp-t b{display:block;font-size:13px;font-weight:600;color:var(--t)}.s9-pp-t small{display:block;font-size:11.5px;color:var(--t3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s9-pp-none{font-size:12.5px;color:var(--t3);text-align:center;padding:12px}
.s9-pp,.s9-pp *{text-transform:none!important}

/* ══ r646 · Setup wizard, refreshed look — brand header, icon tiles, soft cards.
   Every colour comes from the CRM's live accent (--acc / --acc-l / --acc-d), so a
   workspace's own brand colour and dark mode apply automatically. ══ */
.s9.r646{background:transparent}
.s9.r646 .s9-hero{align-items:center;gap:18px;background:var(--s);border:1px solid var(--bd);border-radius:14px;padding:14px 18px;margin-bottom:14px}
.s9.r646 .s9-brand{display:flex;align-items:center;gap:10px;padding-right:18px;border-right:1px solid var(--bd)}
.s9.r646 .s9-brand i{width:36px;height:36px;border-radius:10px;background:var(--acc-l);color:var(--acc);display:grid;place-items:center;font-style:normal;font-weight:800;font-size:16px}
.s9.r646 .s9-brand b{font-size:15px;font-weight:700;color:var(--t)}
.s9.r646 .s9-ttl h2{font-size:19px;font-weight:750}
.s9.r646 .s9-ttl p{margin:2px 0 0;font-size:12.5px;color:var(--t3)}
.s9.r646 .s9-ready{flex-direction:column;align-items:stretch;gap:7px;min-width:210px;border:1px solid var(--bd);border-radius:10px;padding:9px 12px;background:var(--s)}
.s9.r646 .s9-ready-h{display:flex;justify-content:space-between;font-size:12px;color:var(--t2)}
.s9.r646 .s9-ready-h b{color:var(--t);font-variant-numeric:tabular-nums}
.s9.r646 .s9-bar{width:auto;height:6px;background:var(--s2)}
.s9.r646 .s9-steps{border-radius:14px;box-shadow:none;padding:16px 10px 12px}
.s9.r646 .s9-st .n{width:32px;height:32px}
.s9.r646 .s9-st.on .n{box-shadow:0 0 0 5px var(--acc-l)}
.s9.r646 .s9-st b{font-size:12.5px;font-weight:650;color:var(--t)}
.s9.r646 .s9-body{gap:18px}
.s9.r646 .s9-main{background:var(--s);border:1px solid var(--bd);border-radius:14px;padding:20px 22px}
.s9.r646 .s9-kick{color:var(--acc);letter-spacing:.07em}
.s9.r646 .s9-head h1{font-size:22px;font-weight:750;margin:6px 0 4px}
.s9.r646 .s9-card{box-shadow:none;border:0;border-top:1px solid var(--bd);border-radius:0;padding:18px 0 4px;margin-top:18px}
.s9.r646 .s9-card:hover{box-shadow:none}
.s9.r646 .s9-card h3{font-size:15px;font-weight:700}
/* business-type tiles */
.s9.r646 .s9-tiles{gap:12px}
.s9.r646 .s9-tile{position:relative;padding:16px;gap:6px;border:1px solid var(--bd);border-radius:12px;min-height:118px}
.s9.r646 .s9-tile:hover{border-color:var(--acc)}
.s9.r646 .s9-tile.on{background:var(--acc-l);border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)!important}
.s9.r646 .s9-tile-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--acc-l);color:var(--acc);margin-bottom:6px}
.s9.r646 .s9-tile.on .s9-tile-ic{background:var(--s)}
.s9.r646 .s9-tile b{font-size:14px;font-weight:700}
.s9.r646 .s9-tile span:not(.s9-tile-ic):not(.s9-tile-ok){font-size:12.3px;color:var(--t2)}
.s9.r646 .s9-tile-ok{position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;background:var(--acc);color:#fff;display:none;place-items:center}
.s9.r646 .s9-tile.on .s9-tile-ok{display:grid}
.s9.r646 .s9-tile em{color:var(--t3)}
/* side cards */
.s9.r646 .s9-sc{border-radius:14px;box-shadow:none}
.s9.r646 .s9-sc-h{font-size:14px;font-weight:700;padding:14px 16px;display:flex;align-items:center;gap:8px}
.s9.r646 .s9-brandrow{padding:4px 0 6px}
.s9.r646 .s9-brandrow i{width:46px;height:46px;border-radius:50%;background:var(--acc);font-size:19px}
.s9.r646 .s9-brandrow b{font-size:14.5px}
.s9.r646 .s9-pill{display:inline-block;margin-top:5px;font-style:normal;font-size:11.5px;font-weight:600;color:var(--g);background:var(--gb);border-radius:999px;padding:2px 10px}
.s9.r646 .s9-kv{border-bottom:1px solid var(--bd);padding:9px 0;font-size:13px}
.s9.r646 .s9-kv b{font-variant-numeric:tabular-nums}
.s9.r646 .s9-why{background:var(--acc-l)!important;border-color:transparent}
.s9.r646 .s9-why .s9-sc-h{border-bottom:0;padding-bottom:4px}
.s9.r646 .s9-why .s9-sc-b{padding:0 16px 14px;color:var(--t2);line-height:1.55}
.s9.r646 .s9-why-ic{width:28px;height:28px;border-radius:50%;background:var(--s);color:var(--acc);display:grid;place-items:center;flex:none}
/* action bar */
.s9.r646 .s9-foot{border-radius:14px}
.s9.r646 .s9-foot .s9-btn.pri{height:38px;padding:0 18px;border-radius:10px}
@media(max-width:900px){
  .s9.r646 .s9-brand{border-right:0;padding-right:0}
  .s9.r646 .s9-ready{min-width:0;width:100%}
  .s9.r646 .s9-main{padding:16px}
}
.s9.r646 .s9-card-h,.s9.r646 .s9-card-b{padding-left:0!important;padding-right:0!important}
.s9.r646 .s9-card-h{border-bottom:0!important;margin-bottom:12px}
.s9.r646 .s9-brandrow span{display:block}
.s9.r646 .s9-bar i{min-width:6px}
/* r649 · workspace card lists what will be added; no status bar on the setup page */
body.s9-on #status-bar,body.s9-on .status-bar{display:none!important}
.s9.r646 .s9-wsl{padding:10px 0;border-bottom:1px solid var(--bd)}
.s9.r646 .s9-wsl:last-child{border-bottom:0}
.s9.r646 .s9-wsl-h{display:flex;justify-content:space-between;font-size:12.5px;color:var(--t3);margin-bottom:7px}
.s9.r646 .s9-wsl-h b{color:var(--t);font-variant-numeric:tabular-nums}
.s9.r646 .s9-wsl-c{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.s9.r646 .s9-wsl-c span{font-size:11.8px;font-weight:600;color:var(--t2);background:var(--s2);border:1px solid var(--bd);border-radius:999px;padding:2px 9px;line-height:1.5}
.s9.r646 .s9-wsl-c.flow span{border-radius:6px;background:var(--acc-l);color:var(--acc-d);border-color:transparent}
.s9.r646 .s9-wsl-c i{font-style:normal;font-size:11px;color:var(--t3)}
.s9.r646 .s9-wsl-e{font-size:12px;color:var(--t3)}
/* ══ r653 · vertical step rail: steps | the step's work | live preview ══ */
.s9.r646 .s9-body.s9-3col{display:grid;grid-template-columns:250px minmax(0,1fr) 320px;gap:18px;align-items:start}
.s9.r646 .s9-rail{position:sticky;top:16px;background:var(--s);border:1px solid var(--bd);border-radius:14px;padding:10px}
.s9.r646 .s9-rail-h{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--t3);padding:6px 8px 8px}
.s9.r646 .s9-rail .s9-steps{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;background:none;border:0;box-shadow:none;grid-template-columns:none}
.s9.r646 .s9-rail .s9-st{flex-direction:row;align-items:flex-start;text-align:left;gap:10px;padding:9px 8px;border-radius:10px;position:relative}
.s9.r646 .s9-rail .s9-st::after{display:none}
.s9.r646 .s9-rail .s9-st:not(:last-child)::before{content:"";position:absolute;left:21px;top:40px;bottom:-6px;width:2px;background:var(--bd);border-radius:2px}
.s9.r646 .s9-rail .s9-st.done:not(:last-child)::before{background:var(--acc)}
.s9.r646 .s9-rail .s9-st .n{width:28px;height:28px;flex:none;font-size:12px}
.s9.r646 .s9-rail .s9-st.on{background:var(--acc-l)}
.s9.r646 .s9-rail .s9-st.on .n{box-shadow:none}
.s9.r646 .s9-rail .s9-st .tx{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.s9.r646 .s9-rail .s9-st b{font-size:13px;font-weight:650;color:var(--t);line-height:1.3}
.s9.r646 .s9-rail .s9-st small{font-size:11.8px;color:var(--t3);line-height:1.3}
.s9.r646 .s9-rail .s9-st.done small{color:var(--g)}
.s9.r646 .s9-rail .opt{font-style:normal;font-size:10.5px;font-weight:700;color:var(--t3);background:var(--s2);border-radius:6px;padding:2px 6px;margin-top:4px;flex:none}
.s9.r646 .s9-rail-help{margin:8px 4px 4px;padding:10px 12px;border-radius:10px;background:var(--s2);font-size:12px;color:var(--t2);line-height:1.5}
@media(max-width:1280px){.s9.r646 .s9-body.s9-3col{grid-template-columns:230px minmax(0,1fr)}.s9.r646 .s9-3col .s9-side{grid-column:2;position:static}}
@media(max-width:820px){
  .s9.r646 .s9-body.s9-3col{grid-template-columns:1fr}
  .s9.r646 .s9-3col .s9-side{grid-column:auto}
  .s9.r646 .s9-rail{position:static}
  .s9.r646 .s9-rail .s9-steps{flex-direction:row;overflow-x:auto}
  .s9.r646 .s9-rail .s9-st{min-width:170px}
  .s9.r646 .s9-rail .s9-st::before{display:none}
  .s9.r646 .s9-rail-help{display:none}
}
/* r654 · setup page uses the full width — 5px around, nothing more */
body.s9-on #page-setup9,body.s9-on .page.active#page-setup9{padding:5px!important;max-width:none!important;margin:0!important}
body.s9-on .main,body.s9-on #app>.content,body.s9-on .page-wrap{padding:0!important}
.s9.r646{max-width:none;padding:0}
.s9.r646 .s9-hero{margin-bottom:5px}
.s9.r646 .s9-body.s9-3col{gap:5px}
.s9.r646 .s9-foot{margin:5px 0 0!important;bottom:5px}
/* r655 · the step list and the workspace card stay put; only the middle column scrolls */
@media(min-width:821px){
  body.s9-on{overflow:hidden}
  body.s9-on .s9.r646:not(.embed){height:calc(100vh - 10px);display:flex;flex-direction:column}
  body.s9-on .s9.r646:not(.embed) .s9-hero,body.s9-on .s9.r646:not(.embed) .s9-foot,body.s9-on .s9.r646:not(.embed) #s9-err{flex:none}
  body.s9-on .s9.r646:not(.embed) .s9-body.s9-3col{flex:1;min-height:0;align-items:stretch}
  body.s9-on .s9.r646:not(.embed) .s9-rail,
  body.s9-on .s9.r646:not(.embed) .s9-side,
  body.s9-on .s9.r646:not(.embed) .s9-main{position:static;min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain}
  body.s9-on .s9.r646:not(.embed) .s9-side{align-self:start}
  body.s9-on .s9.r646:not(.embed) .s9-rail{align-self:start}
  body.s9-on .s9.r646:not(.embed) .s9-foot{position:static}
}
@media(min-width:821px) and (max-width:1280px){
  body.s9-on .s9.r646:not(.embed) .s9-body.s9-3col{grid-template-columns:210px minmax(0,1fr) 250px}
  body.s9-on .s9.r646:not(.embed) .s9-3col .s9-side{grid-column:auto}
}
/* r656 · the step list fills the whole height of the screen */
@media(min-width:821px){
  body.s9-on .s9.r646:not(.embed) .s9-rail{align-self:stretch;max-height:none;display:flex;flex-direction:column}
  body.s9-on .s9.r646:not(.embed) .s9-rail .s9-steps{flex:1;justify-content:space-evenly;min-height:0}
  body.s9-on .s9.r646:not(.embed) .s9-rail .s9-steps{position:relative}
  body.s9-on .s9.r646:not(.embed) .s9-rail .s9-steps::before{content:"";position:absolute;left:21px;top:32px;bottom:40px;width:2px;background:var(--bd);border-radius:2px}
  body.s9-on .s9.r646:not(.embed) .s9-rail .s9-st::before{display:none}
  body.s9-on .s9.r646:not(.embed) .s9-rail .s9-st .n{position:relative;z-index:1}
  body.s9-on .s9.r646:not(.embed) .s9-rail-help{margin-top:auto}
}
/* r657 · step list never squeezes: it grows into spare height, and scrolls when the screen is short */
.s9.r646 .s9-body.s9-3col{grid-template-columns:280px minmax(0,1fr) 320px}
@media(min-width:821px){
  body.s9-on .s9.r646:not(.embed) .s9-rail{overflow-y:auto;overflow-x:hidden}
  body.s9-on .s9.r646:not(.embed) .s9-rail .s9-steps{flex:1 0 auto;min-height:auto}
  body.s9-on .s9.r646:not(.embed) .s9-rail .s9-st{flex:none}
  body.s9-on .s9.r646:not(.embed) .s9-rail-help{flex:none;margin-top:8px}
}
/* the Optional tag sits under the name, so names never wrap into three lines */
.s9.r646 .s9-rail .s9-st{flex-wrap:nowrap}
.s9.r646 .s9-rail .s9-st .tx b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s9.r646 .s9-rail .s9-st .tx small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s9.r646 .s9-rail .s9-st>.opt{display:none}
.s9.r646 .s9-rail .s9-st .tx .opt{display:inline-block;align-self:flex-start;margin-top:3px}
@media(min-width:821px) and (max-width:1280px){
  body.s9-on .s9.r646:not(.embed) .s9-body.s9-3col{grid-template-columns:240px minmax(0,1fr) 250px}
}
/* Optional tag on the same line as the name: shorter rows, fits short screens */
.s9.r646 .s9-rail .s9-st .tx{display:grid;grid-template-columns:minmax(0,auto) auto;justify-content:start;align-items:center;column-gap:6px}
.s9.r646 .s9-rail .s9-st .tx b{grid-column:1;grid-row:1}
.s9.r646 .s9-rail .s9-st .tx .opt{grid-column:2;grid-row:1;margin-top:0}
.s9.r646 .s9-rail .s9-st .tx small{grid-column:1 / -1;grid-row:2}
/* r658 · compact business-type cards: icon beside the name, one line each, all six fit on screen */
.s9.r646 .s9-tiles{gap:10px}
.s9.r646 .s9-tile{min-height:0;padding:12px 14px;display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:center}
.s9.r646 .s9-tile-ic{width:32px;height:32px;margin:0;grid-row:1 / span 2;align-self:start;border-radius:9px}
.s9.r646 .s9-tile-ic svg{width:16px;height:16px}
.s9.r646 .s9-tile b{grid-column:2;font-size:13.5px;line-height:1.3;padding-right:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s9.r646 .s9-tile span:not(.s9-tile-ic):not(.s9-tile-ok){grid-column:2;font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.s9.r646 .s9-tile em{grid-column:1 / -1;margin-top:6px;padding-top:6px;border-top:1px dashed var(--bd);font-size:11.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s9.r646 .s9-tile-ok{top:10px;right:10px;width:18px;height:18px}
/* the head of the step takes less room too */
.s9.r646 .s9-main{padding:16px 18px}
.s9.r646 .s9-head h1{font-size:20px;margin:4px 0 2px}
.s9.r646 .s9-head p{font-size:13px}
.s9.r646 .s9-card{margin-top:12px;padding-top:12px}
.s9.r646 .s9-card-h{margin-bottom:10px}
/* r659 · business phone: country code and number in one box */
.s9 .s9-tel{display:flex;align-items:stretch;height:36px;border:1px solid var(--inp-bd,var(--bd2));border-radius:var(--rads,9px);background:var(--inp,var(--s));overflow:hidden;transition:border-color .15s,box-shadow .15s}
.s9 .s9-tel:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-l)}
.s9 .s9-tel.bad{border-color:var(--r)}
.s9 .s9-tel select{flex:none;width:96px;border:0;border-right:1px solid var(--bd);background:var(--s2);color:var(--t);font:inherit;font-size:13px;font-weight:600;padding:0 8px 0 12px;outline:none;cursor:pointer;border-radius:0}
.s9 .s9-tel input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--t);font:inherit;font-size:13.5px;padding:0 12px;letter-spacing:.02em;border-radius:0;box-shadow:none}
.s9 .s9-tel input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px var(--inp,var(--s)) inset!important;-webkit-text-fill-color:var(--t)}
.s9 .s9-tel-err{font-size:12px;color:var(--r);margin-top:4px}
.s9 .s9-tel-err:empty{display:none}
/* r660 · the app's global input/select styles must not reach inside the phone box */
.s9 .s9-tel input[data-bnum],.s9 .s9-tel input[data-bnum]:focus,.s9 .s9-tel input[data-bnum]:hover{
  border:0!important;border-radius:0!important;box-shadow:none!important;outline:none!important;
  background:transparent!important;height:100%!important;min-height:0!important;margin:0!important;padding:0 12px!important;width:auto!important}
.s9 .s9-tel select[data-bcc],.s9 .s9-tel select[data-bcc]:focus,.s9 .s9-tel select[data-bcc]:hover{
  -webkit-appearance:none!important;appearance:none!important;border:0!important;border-right:1px solid var(--bd)!important;border-radius:0!important;
  box-shadow:none!important;outline:none!important;height:100%!important;min-height:0!important;margin:0!important;width:100px!important;
  padding:0 26px 0 12px!important;background-color:var(--s2)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 9px center!important;background-size:12px!important}

/* r660b · stronger, so no page-level rule can win · the app's global input/select styles must not reach inside the phone box */
#page-setup9 .s9 .s9-tel input[data-bnum],html body .s9 .s9-tel input[data-bnum],html body .s9 .s9-tel input[data-bnum]:focus,html body .s9 .s9-tel input[data-bnum]:hover{
  border:0!important;border-radius:0!important;box-shadow:none!important;outline:none!important;
  background:transparent!important;height:100%!important;min-height:0!important;margin:0!important;padding:0 12px!important;width:auto!important}
#page-setup9 .s9 .s9-tel select[data-bcc],html body .s9 .s9-tel select[data-bcc],html body .s9 .s9-tel select[data-bcc]:focus,html body .s9 .s9-tel select[data-bcc]:hover{
  -webkit-appearance:none!important;appearance:none!important;border:0!important;border-right:1px solid var(--bd)!important;border-radius:0!important;
  box-shadow:none!important;outline:none!important;height:100%!important;min-height:0!important;margin:0!important;width:100px!important;
  padding:0 26px 0 12px!important;background-color:var(--s2)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 9px center!important;background-size:12px!important}
/* r661 · Taxonomy: how many levels, and a name for each */
.s9 .s9-lv-q{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.s9 .s9-lv-q>span{font-size:13px;font-weight:600;color:var(--t2)}
.s9 .s9-lv-seg{display:inline-flex;border:1px solid var(--bd2);border-radius:10px;overflow:hidden;background:var(--s)}
.s9 .s9-lv-seg button{border:0;border-left:1px solid var(--bd);background:transparent;min-width:52px;padding:8px 16px;font:inherit;font-size:13px;font-weight:650;color:var(--t2);cursor:pointer}
.s9 .s9-lv-seg button:first-child{border-left:0}
.s9 .s9-lv-seg button:hover{background:var(--s2)}
.s9 .s9-lv-seg button.on{background:var(--acc);color:#fff}
.s9 .s9-lv-seg button:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}
.s9 .s9-lv-rows{display:flex;flex-direction:column;gap:8px}
.s9 .s9-lv-row{display:grid;grid-template-columns:32px minmax(0,1fr) 190px;gap:14px;align-items:center;padding:10px 14px;border:1px solid var(--bd);border-radius:12px;background:var(--s)}
.s9 .s9-lv-row .s9-f{margin:0}
.s9 .s9-lv-n{width:30px;height:30px;border-radius:50%;background:var(--acc-l);color:var(--acc);display:grid;place-items:center;font-weight:700;font-size:13px}
.s9 .s9-lv-pl{font-size:12.5px;color:var(--t3)}
.s9 .s9-lv-pl b{color:var(--t)}
.s9 .s9-lv-prev{margin-top:12px;padding:10px 14px;border-radius:12px;background:var(--acc-l);display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--t2)}
.s9 .s9-lv-prev b{font-size:12px;font-weight:650;color:var(--acc-d);background:var(--s);border-radius:7px;padding:3px 9px}
.s9 .s9-lv-prev i{font-style:normal;color:var(--t3)}
@media(max-width:700px){.s9 .s9-lv-row{grid-template-columns:30px minmax(0,1fr)}.s9 .s9-lv-pl{grid-column:2}}
/* r662 · level rows slide in and out */
@keyframes s9LvIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes s9LvOut{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}
.s9 .s9-lv-row.s9-lv-in{animation:s9LvIn .2s ease-out}
.s9 .s9-lv-row.s9-lv-out{animation:s9LvOut .18s ease-in forwards;pointer-events:none}
.s9 .s9-lv-seg button{transition:background .15s,color .15s}
@media (prefers-reduced-motion:reduce){.s9 .s9-lv-row.s9-lv-in,.s9 .s9-lv-row.s9-lv-out{animation:none}}
/* r663 · a price error points at its own column, not the whole row */
.s9-gd tr.s9-gd-err td{background:transparent!important;padding:0 8px 8px!important;border-top:0!important}
.s9-gd .s9-gd-errmsg{position:relative;display:inline-block;max-width:100%;margin-top:6px;padding:6px 10px;border-radius:8px;background:var(--rb);border:1px solid var(--rbd,var(--r));color:var(--r);font-size:12px;line-height:1.4;white-space:normal}
.s9-gd .s9-gd-errmsg::before{content:"";position:absolute;top:-6px;left:16px;width:10px;height:10px;background:var(--rb);border-left:1px solid var(--rbd,var(--r));border-top:1px solid var(--rbd,var(--r));transform:rotate(45deg)}
.s9-gd td.c-num.bad input{box-shadow:inset 0 0 0 1.5px var(--r)!important;border-radius:6px}
.s9-gd td .amt-words{display:none!important}
/* r665: levels under a Fixed price are locked */
.s9 .s9-gd td.c-sel.locked select{color:var(--t2)!important;cursor:not-allowed;-webkit-appearance:none;appearance:none;background:transparent!important;font-style:italic;text-overflow:ellipsis}
.s9 .s9-gd td input:disabled{cursor:not-allowed}
/* r666: the "Add a …" boxes in the table must look like inputs */
#page-setup9 .s9 .s9-gd tr.s9-gd-add input,.s9 .s9-gd tr.s9-gd-add td input{height:36px!important;border:1px solid #93C5FD!important;border-radius:8px!important;background:#fff!important;padding:0 12px!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s}
#page-setup9 .s9 .s9-gd tr.s9-gd-add input:hover,.s9 .s9-gd tr.s9-gd-add td input:hover{border-color:#60A5FA!important}
#page-setup9 .s9 .s9-gd tr.s9-gd-add input:focus,.s9 .s9-gd tr.s9-gd-add td input:focus{border-color:var(--acc,#2563EB)!important;box-shadow:0 0 0 3px rgba(37,99,235,.15)!important}
#page-setup9 .s9 .s9-gd tr.s9-gd-add input::placeholder{color:#94A3B8;font-style:normal}
#page-setup9 .s9 .s9-gd tr.s9-gd-add .s9-gd-nm{gap:8px;align-items:center}
/* r670: drag a stage by its grip */
.s9 td.s9-ordc{white-space:nowrap}
.s9 .s9-grip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:28px;margin-right:4px;vertical-align:middle;color:var(--t3);font-size:13px;letter-spacing:-3px;cursor:grab;border-radius:4px;user-select:none}
.s9 .s9-grip:hover{background:var(--s2,#F1F4F8);color:var(--t2)}
.s9 .s9-grip:active{cursor:grabbing}
.s9 .s9-ordc .s9-ord{vertical-align:middle}
.s9 tbody.s9-sg.sg-drag{opacity:.4}
.s9 tbody.s9-sg.sg-a>tr:first-child>td{box-shadow:inset 0 2px 0 var(--acc,#2563EB)}
.s9 tbody.s9-sg.sg-b>tr:last-child>td{box-shadow:inset 0 -2px 0 var(--acc,#2563EB)}
/* r671: Channels & Sources on one page */
.s9 .s9-num{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--acc,#2563EB);color:#fff;font-size:12px;font-weight:700;margin-right:8px;vertical-align:1px}
.s9 .s9-chtab td,.s9 .s9-srctab td{vertical-align:middle}
.s9 .s9-chtab th.c,.s9 .s9-chtab td.c,.s9 .s9-srctab th.c,.s9 .s9-srctab td.c{text-align:center}
.s9 .s9-cnt{color:var(--t2);font-variant-numeric:tabular-nums}
.s9 .s9-chtab .s9-icon:disabled{opacity:.3;cursor:not-allowed}
.s9 .s9-srctab tr.s9-off td>*:not(.s9-stat){opacity:.55}
.s9 .s9-stat{font:inherit;font-size:12px;font-weight:600;padding:4px 12px;border-radius:99px;border:1px solid var(--bd);background:var(--s2,#F1F4F8);color:var(--t3);cursor:pointer}
.s9 .s9-stat.on{background:#E7F5EC;border-color:#BBE3C8;color:#15803D}
.s9 .s9-add2{margin-top:12px}
.s9 .s9-add2 .s9-in{border-color:#93C5FD}
.s9 .s9-legend{margin-top:12px;font-size:12.5px}
.s9 .s9-kvsub{font-size:12.5px;color:var(--t2);margin:-4px 0 8px 18px}
.s9 .s9-manual.s9-add2.two{grid-template-columns:minmax(0,1fr) auto}
.s9 .s9-kvsub{margin:-2px 0 10px 18px}
/* r672: the right column scrolls as a whole — its cards keep their full height instead of being squeezed and cut */
@media(min-width:821px){
  body.s9-on .s9.r646:not(.embed) .s9-side{max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
  body.s9-on .s9.r646:not(.embed) .s9-side>*{flex:none}
}
.s9 .s9-side>*{flex-shrink:0}
/* r674: field removal + duplicate note under the name */
.s9 .s9-dupline{display:flex;align-items:center;gap:8px;margin:4px 0 0 26px}
.s9 .s9-lnk{border:0;background:none;padding:0;font:inherit;font-size:12.5px;font-weight:600;color:var(--acc,#2563EB);cursor:pointer}
.s9 .s9-lnk:hover{text-decoration:underline}
.s9 .s9-gone{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;border:1px dashed var(--bd2,#D5DBE5);border-radius:10px;background:var(--s2,#F6F8FB)}
.s9 .s9-gone>span{font-size:12.5px;font-weight:600;color:var(--t2);margin-right:4px}
.s9 .s9-gonechip{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:12.5px;padding:4px 10px;border-radius:99px;border:1px solid #BFDBFE;background:#fff;color:var(--t);cursor:pointer}
.s9 .s9-gonechip b{font-weight:600;color:var(--acc,#2563EB)}
.s9 .s9-gonechip:hover{border-color:var(--acc,#2563EB)}
/* r676: assignment rule builder */
.s9 .s9-ar-list{border:1px solid var(--bd);border-radius:10px;overflow:visible;background:var(--s)}
.s9 .s9-ar-row{display:grid;grid-template-columns:18px 28px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--bd)}
.s9 .s9-ar-row.open{background:#EFF6FF}
.s9 .s9-ar-row.off .s9-ar-txt{opacity:.55}
.s9 .s9-ar-row.sg-drag{opacity:.4}
.s9 .s9-ar-row.sg-a{box-shadow:inset 0 2px 0 var(--acc,#2563EB)}
.s9 .s9-ar-row.sg-b{box-shadow:inset 0 -2px 0 var(--acc,#2563EB)}
.s9 .s9-ar-txt b{font-size:14px;display:block}
.s9 .s9-ar-txt small{display:block;font-size:12.5px;color:var(--t2);margin-top:2px;line-height:1.45}
.s9 .s9-ar-txt small em{font-style:normal;font-weight:600;color:var(--t)}
.s9 .s9-ar-n{width:26px;height:26px;border-radius:50%;background:var(--s2);border:1px solid var(--bd);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--t2);flex:none}
.s9 .s9-ar-fb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:11px 14px;background:var(--s2);border-top:1px dashed var(--bd2);border-radius:0 0 10px 10px;font-size:13.5px;color:var(--t2)}
.s9 .s9-ar-fb>select{width:auto;min-width:200px}
.s9 .s9-ar-fb .s9-mp{flex:1 1 260px;min-width:240px}
.s9 .s9-ar-list>.s9-empty{border:0;border-bottom:1px solid var(--bd);border-radius:0}
.s9 .s9-ar-ed{border:1.5px solid #93C5FD;border-radius:12px;padding:18px;margin-top:14px;background:var(--s)}
.s9 .s9-ar-ed h4{margin:0 0 14px;font-size:15px}
.s9 .s9-ar-f{margin-bottom:16px;min-width:0}
.s9 .s9-ar-f>label,.s9 .s9-ar-lh>label{display:block;font-size:12.5px;font-weight:600;color:var(--t2);margin-bottom:6px}
.s9 .s9-ar-f>label span{font-weight:400;color:var(--t3)}
.s9 .s9-ar-lh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.s9 .s9-ar-lh>label{margin:0}
.s9 .s9-ar-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.s9 .s9-ar-cond{display:grid;grid-template-columns:minmax(140px,180px) minmax(130px,150px) minmax(0,1fr) 34px;gap:8px;align-items:center}
.s9 .s9-ar-and{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--t3);margin:6px 0 6px 8px}
.s9 .s9-ar-who{font-size:12.5px;color:var(--t2);margin-top:6px}
.s9 .s9-ar-ratio{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-top:10px}
.s9 .s9-ar-ratio label{display:flex;align-items:center;gap:8px;border:1px solid var(--bd);border-radius:8px;padding:6px 10px;font-size:13px}
.s9 .s9-ar-ratio label span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s9 .s9-ar-ratio input{width:64px;text-align:right}
.s9 .s9-ar-ratio em{font-style:normal;color:var(--t3);font-size:12px}
.s9 .s9-ar-ratio p{grid-column:1/-1;margin:0}
.s9 .s9-ar-foot{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--bd);padding-top:14px}
.s9 .s9-ar-k{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--t3);margin:12px 0 4px}
.s9 .s9-ar-k:first-child{margin-top:0}
.s9 .s9-ar-pvc{display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.s9 .s9-ar-pvc span{font-size:12.5px;padding:3px 9px;border-radius:7px;background:#FFF7ED;border:1px solid #FED7AA;color:#9A3412}
/* multi-pick box */
.s9 .s9-mp{position:relative;min-width:0}
.s9 .s9-mp-in{border:1px solid var(--bd2);border-radius:8px;min-height:36px;padding:4px 30px 4px 6px;display:flex;flex-wrap:wrap;gap:5px;align-items:center;background:var(--s);cursor:pointer;position:relative}
.s9 .s9-mp.open .s9-mp-in,.s9 .s9-mp-in:focus{outline:0;border-color:var(--acc,#2563EB);box-shadow:0 0 0 3px rgba(37,99,235,.14)}
.s9 .s9-mp-ph{color:var(--t3);font-size:13px;padding-left:4px}
.s9 .s9-mp-car{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--t3);font-size:11px}
.s9 .s9-mpc{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:3px 6px 3px 10px;border-radius:99px;background:#EFF6FF;color:#1E40AF;border:1px solid #BFDBFE;max-width:100%}
.s9 .s9-mpc.d{background:#F5F3FF;color:#5B21B6;border-color:#DDD6FE}
.s9 .s9-mpc.t{background:#ECFDF5;color:#047857;border-color:#A7F3D0}
.s9 .s9-mpc button{border:0;background:none;color:inherit;opacity:.6;cursor:pointer;font-size:14px;line-height:1;padding:0 2px}
.s9 .s9-mpc button:hover{opacity:1}
.s9 .s9-mp-pop{position:absolute;left:0;right:0;top:calc(100% + 4px);background:var(--s);border:1px solid var(--bd2);border-radius:10px;box-shadow:0 12px 30px rgba(15,23,42,.14);z-index:30;max-height:300px;overflow:auto;padding:6px}
.s9 .s9-mp-gh{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--t3);padding:8px 8px 4px}
.s9 .s9-mp-o{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:6px;font-size:13.5px;cursor:pointer}
.s9 .s9-mp-o:hover,.s9 .s9-mp-o:focus{background:var(--s2);outline:0}
.s9 .s9-mp-cb{width:16px;height:16px;border:1.5px solid var(--bd2);border-radius:4px;display:grid;place-items:center;font-size:11px;color:#fff;flex:none}
.s9 .s9-mp-o.on .s9-mp-cb{background:#2563EB;border-color:#2563EB}
.s9 .s9-mp-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s9 .s9-mp-o small{margin-left:auto;color:var(--t3);font-size:12px;white-space:nowrap}
.s9 .s9-mp-none,.s9 .s9-mp-tip{padding:8px;color:var(--t3);font-size:12.5px}
.s9 .s9-mp-tip{background:var(--s2);border-radius:6px;margin-bottom:4px}
@media(max-width:760px){.s9 .s9-ar-cond{grid-template-columns:1fr 1fr}.s9 .s9-ar-cond .s9-mp{grid-column:1/-1}}
/* r679: People as one well-aligned table */
.s9 .s9-ppltab{table-layout:fixed;width:100%}
.s9 .s9-ppltab td,.s9 .s9-ppltab th{vertical-align:middle;padding-top:10px;padding-bottom:10px}
.s9 .s9-ppltab td .s9-in{width:100%;min-width:0}
.s9 .s9-ppltab .s9-pn{display:flex;align-items:center;gap:10px;min-width:0}
.s9 .s9-ppltab .s9-pn b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s9 .s9-ppltab .s9-pn .s9-pill{flex:none}
.s9 .s9-ppltab .s9-pp-av{flex:none;width:30px;height:30px;border-radius:50%;background:#EEF2F8;color:#3F4C6B;font-size:11.5px;font-weight:700;display:grid;place-items:center}
.s9 .s9-ppltab .s9-pe{color:var(--t2);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s9 .s9-ppltab tr.s9-invite td{background:var(--s2,#F6F8FB);border-top:1px dashed var(--bd2)}
.s9 .s9-ppltab tr.s9-invite .s9-in{border-color:#93C5FD}
.s9 .s9-ppltab tr.s9-invite .s9-btn{width:100%;justify-content:center}
.s9 .s9-pwline{margin-top:10px;font-size:12.5px}
.s9 .s9-pwline code{font-size:12px;padding:2px 6px;border-radius:5px;background:var(--s2);border:1px solid var(--bd)}
@media(max-width:900px){.s9 .s9-ppltab{table-layout:auto;min-width:760px}}
.s9 input[type="email"],.s9 input[type="email"]::placeholder{text-transform:none!important}
/* r682: departments table */
.s9 .s9-dptab{table-layout:fixed;width:100%}
.s9 .s9-dptab td,.s9 .s9-dptab th{vertical-align:middle;padding-top:10px;padding-bottom:10px}
.s9 .s9-dptab th.c,.s9 .s9-dptab td.c{text-align:center}
.s9 .s9-dpn{display:flex;align-items:center;gap:10px}
.s9 .s9-dpn i{flex:none;width:10px;height:10px;border-radius:50%}
.s9 .s9-dpn .s9-in{flex:1;min-width:0}
.s9 .s9-dpt{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:36px;padding:4px 8px;border:1px solid var(--bd2);border-radius:8px;background:var(--s)}
.s9 .s9-dpt:focus-within{border-color:var(--acc,#2563EB);box-shadow:0 0 0 3px rgba(37,99,235,.14)}
.s9 .s9-dpt-in{flex:1;min-width:150px;border:0!important;outline:0;background:transparent!important;font:inherit;font-size:13px;height:26px;padding:0 4px;box-shadow:none!important;color:var(--t)}
.s9 .s9-dpt-in::placeholder{color:var(--t3)}
/* r686: Your Team — people, then teams with a leader */
.s9 .s9-tw.s9-tw-open{overflow:visible}
.s9 .s9-tmtab td{vertical-align:middle}
.s9 .s9-tmtab td.c{text-align:center}
.s9 .s9-lead{font-style:normal;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:99px;background:#FEF3C7;color:#92400E;margin-left:2px}
.s9 .s9-tmtab .s9-mp-in{min-height:34px}
/* r697: one opportunity per customer, or many */
.s9-gd .c-om{width:150px}
.s9 .s9-gd td.c-om select{color:var(--t)}
.cat-taken{grid-column:1/-1;font-size:12.5px;color:var(--t2);background:var(--s2,#F8FAFC);border:1px dashed var(--bd2,#CBD5E1);border-radius:8px;padding:8px 10px}
/* r698: add many from a CSV / Excel file */
.s9-imp{margin-top:14px;border:1px dashed var(--bd2);border-radius:10px;padding:14px 16px;background:var(--s2)}
.s9-imp-h{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.s9-imp-h b{display:block;font-size:14px}
.s9-imp-h span{display:block;font-size:12.5px;color:var(--t2);margin-top:2px}
.s9-imp-btns{display:flex;gap:8px;flex-wrap:wrap}
.s9-imp-up{cursor:pointer}
.s9-imp-res{margin-top:12px;font-size:13px;line-height:1.5;padding:10px 12px;border-radius:8px;background:#ECFDF3;border:1px solid #ABEFC6}
.s9-imp-res.bad{background:#FFFAEB;border-color:#FEDF89}
.s9-imp-res ul{margin:6px 0;padding-left:18px;color:#B54708}
.s9-imp-res span{display:block;color:var(--t2);margin-top:4px}
/* r698: in a narrow space (Settings) the grid scrolls sideways, but the Name column stays in view */
.s9-gd-wrap{overflow-x:auto!important}
.s9-gd{min-width:980px}
.s9-gd tr>:nth-child(1){position:sticky;left:0;z-index:2;background:var(--s)}
.s9-gd tr>:nth-child(2){position:sticky;left:24px;z-index:2;background:var(--s);box-shadow:1px 0 0 var(--bd)}
.s9-gd thead tr>:nth-child(1),.s9-gd thead tr>:nth-child(2){background:var(--s2)}
.s9-gd-add tr>:nth-child(2),.s9-gd tr.s9-gd-add>:nth-child(2),.s9-gd tr.s9-gd-err>:nth-child(2),.s9-gd tr.s9-gd-tot>:nth-child(2){position:static;box-shadow:none}

/* ══ r709 · Workspaces switcher above the profile ══ */
.wsx-btn{margin-bottom:10px;padding:8px 10px;gap:10px}
.wsx-btn .wsx-av{width:30px;height:30px;border-radius:8px;font-size:13px}
.wsx-btn .wsx-k{display:block;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:1px}
.wsx-btn b{font-size:13px;text-transform:none}
.wsx-btn small{text-transform:none}
.wsx-btn > svg{flex:none;opacity:.7}
.wsx-btn.busy{opacity:.7;pointer-events:none}
.wsx-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
body.sb-fixed .wsx-btn .wsx-k{display:none}
.wsx-menu{width:272px;padding:4px 0 6px;box-shadow:0 12px 32px rgba(15,23,42,.18)}
.wsx-mh{text-transform:uppercase}
.wsx-row,.wsx-new{width:100%;border:0;background:none;font:inherit;text-align:left;color:var(--t)}
.wsx-row .wsx-av{width:28px;height:28px;border-radius:8px}
.wsx-row:focus-visible,.wsx-new:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}
.wsx-row b,.wsx-row small{text-transform:none!important}
.wsx-tick{color:var(--acc);flex:none}
.wsx-new{display:flex;align-items:center;gap:8px}
.wsx-box .wsx-p,.wsx-box .wsx-in{text-transform:none}
.wsx-box .wsx-in::placeholder{text-transform:none}

/* ══ r729 · the eye on a column heading: hold 2 s or click → what it is, why it matters, an example ══ */
.fh-eye{position:relative;display:inline-grid;place-items:center;width:20px;height:20px;margin-left:5px;padding:0;border:0;border-radius:50%;
  background:transparent;color:var(--t3);cursor:help;vertical-align:-5px;transition:color .15s,background .15s}
.fh-eye:hover,.fh-eye:focus-visible{color:var(--acc,#F97316);background:var(--acc-l,#FFF1E7);outline:none}
.fh-ov{position:fixed;inset:0;z-index:2100;background:rgba(15,23,42,.45);display:grid;place-items:center;padding:16px}
.fh-card{width:min(440px,94vw);background:var(--s,#fff);border-radius:14px;box-shadow:0 20px 50px rgba(15,23,42,.25);overflow:hidden;text-transform:none}
.fh-h{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--bd)}
.fh-h b{flex:1;font-size:15.5px;color:var(--t)}
.fh-ic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--acc-l,#FFF1E7);color:var(--acc,#F97316)}
.fh-ic svg{width:16px;height:16px}
.fh-x{border:0;background:none;font-size:20px;line-height:1;color:var(--t3);cursor:pointer}
.fh-b{padding:14px 18px 6px}
.fh-s{margin-bottom:12px}
.fh-s span{display:block;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--t3);margin-bottom:3px}
.fh-s p{margin:0;font-size:13.5px;line-height:1.55;color:var(--t);text-transform:none}
.fh-ex p{background:var(--s2,#f8f9fa);border:1px solid var(--bd);border-radius:8px;padding:8px 10px}
.fh-f{display:flex;justify-content:flex-end;padding:10px 18px 16px}