/* ck-more-o6.css - O6 look for the remaining pages. 2026-10-22.
   INTERFACE ONLY: colours, borders, radii, shadows, outline, accent-color. No layout, no sizes, no display/visibility.
   Scope: every rule sits under one page root, with the id (or class) doubled so it beats the page's own injected <style>
   (which comes later in the document) and ck-theme.css's dark rules. Dark-only fixes are prefixed html[data-ck-theme="dark"].
   Colours are ck-theme.css tokens (light fallbacks), so dark mode flips with the tokens. Semantic green/red/amber and
   categorical colours (status pills, stage/type colours, avatars, chart series, map) are left alone.
   Loaded right after ck-pages-o6.css. */
/* =================================================================== HUB BARS (ck-hubs.js: Templates / Campaigns / Top Listings) */
/* hub shell + tab bar only; the page inside .ck-hub-body belongs to that page's own section */
#ck-hub-templates#ck-hub-templates,
#ck-hub-campaigns#ck-hub-campaigns,
#ck-hub-toplistings#ck-hub-toplistings { background: var(--ck-bg, #f5f4fa); }
#ck-hub-templates#ck-hub-templates .ck-hub-title small,
#ck-hub-campaigns#ck-hub-campaigns .ck-hub-title small,
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-title small { color: var(--ck-muted, #6c6c80) !important; }
#ck-hub-templates#ck-hub-templates .ck-hub-title b,
#ck-hub-campaigns#ck-hub-campaigns .ck-hub-title b,
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-title b { color: var(--ck-ink, #15151f) !important; }
#ck-hub-templates#ck-hub-templates .ck-hub-seg,
#ck-hub-campaigns#ck-hub-campaigns .ck-hub-seg,
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-seg { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); box-shadow: 0 2px 10px rgba(40, 20, 90, .05); }
#ck-hub-templates#ck-hub-templates .ck-hub-seg button,
#ck-hub-campaigns#ck-hub-campaigns .ck-hub-seg button,
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-seg button { color: var(--ck-muted, #6c6c80) !important; }
#ck-hub-templates#ck-hub-templates .ck-hub-seg button:hover,
#ck-hub-campaigns#ck-hub-campaigns .ck-hub-seg button:hover,
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-seg button:hover { color: var(--ck-ink, #15151f) !important; }
#ck-hub-templates#ck-hub-templates .ck-hub-seg button.on,
#ck-hub-campaigns#ck-hub-campaigns .ck-hub-seg button.on,
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-seg button.on {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  color: var(--ck-tab-ink, #0b2f6b) !important;
  box-shadow: inset 0 0 0 1px var(--ck-tab-line, #38bdf8), 0 0 0 3px rgba(56, 189, 248, .14), 0 4px 12px rgba(29, 139, 255, .14);
}
#ck-hub-templates#ck-hub-templates .ck-hub-msg,
#ck-hub-campaigns#ck-hub-campaigns .ck-hub-msg,
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-msg { color: var(--ck-muted, #6c6c80) !important; }

/* =================================================================== SETTINGS (#ck-settings — settings-v2.js, also ck-avatar-studio.js / ck-brien-training.js inside it) */
#ck-settings#ck-settings { background: var(--ck-bg, #f5f4fa); color: var(--ck-ink, #15151f); }
#ck-settings#ck-settings h1.cks-h1,
#ck-settings#ck-settings .cks-card-hd h3,
#ck-settings#ck-settings .cks-row-t,
#ck-settings#ck-settings .cks-sess b,
#ck-settings#ck-settings .cks-tile b,
#ck-settings#ck-settings .cks-ev b,
#ck-settings#ck-settings .cks-agent b,
#ck-settings#ck-settings .cks-av b,
#ck-settings#ck-settings .cks-hgbody b,
#ck-settings#ck-settings .cks-voice b,
#ck-settings#ck-settings .cks-modal h3,
#ck-settings#ck-settings .cks-pop label,
#ck-settings#ck-settings .cks-libitem small,
#ck-settings#ck-settings table.cks-tbl td { color: var(--ck-ink, #15151f) !important; }
#ck-settings#ck-settings .cks-sub,
#ck-settings#ck-settings .cks-card-hd p,
#ck-settings#ck-settings .cks-row-h,
#ck-settings#ck-settings .cks-sess small,
#ck-settings#ck-settings .cks-tile small,
#ck-settings#ck-settings .cks-ev small,
#ck-settings#ck-settings .cks-agent small,
#ck-settings#ck-settings .cks-av small,
#ck-settings#ck-settings .cks-hgbody small,
#ck-settings#ck-settings .cks-voice small,
#ck-settings#ck-settings .cks-empty,
#ck-settings#ck-settings .cks-loading,
#ck-settings#ck-settings .cks-pager,
#ck-settings#ck-settings .cks-pager span,
#ck-settings#ck-settings .cks-eyebrow,
#ck-settings#ck-settings .cks-lbl,
#ck-settings#ck-settings .cks-help,
#ck-settings#ck-settings .cks-note,
#ck-settings#ck-settings table.cks-tbl th { color: var(--ck-muted, #6c6c80) !important; }
/* cards */
#ck-settings#ck-settings .cks-card {
  background-color: var(--ck-card, #fff);
  border-color: var(--ck-line, #ececf3);
  border-radius: 18px;
  box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08));
}
#ck-settings#ck-settings .cks-row,
#ck-settings#ck-settings .cks-sess { border-top-color: var(--ck-line, #ececf3); }
#ck-settings#ck-settings .cks-tile,
#ck-settings#ck-settings .cks-tblwrap,
#ck-settings#ck-settings .cks-voices,
#ck-settings#ck-settings .cks-numres,
#ck-settings#ck-settings .cks-sig-linkrow { border-color: var(--ck-line, #ececf3); border-radius: 14px; }
#ck-settings#ck-settings table.cks-tbl th { background-color: var(--ck-card-2, #f8f8fc); border-bottom-color: var(--ck-line, #ececf3); }
#ck-settings#ck-settings table.cks-tbl td { border-bottom-color: var(--ck-line, #ececf3); }
#ck-settings#ck-settings table.cks-tbl tr:hover td { background-color: rgba(29, 139, 255, .045); }
#ck-settings#ck-settings .cks-sess .cks-dev,
#ck-settings#ck-settings .cks-cap,
#ck-settings#ck-settings .cks-pill.cks-grey,
#ck-settings#ck-settings .cks-strength,
#ck-settings#ck-settings .cks-av .cks-avimg,
#ck-settings#ck-settings .cks-hgimg,
#ck-settings#ck-settings .cks-libitem .cks-libimg { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-muted, #6c6c80) !important; }
#ck-settings#ck-settings .cks-preview,
#ck-settings#ck-settings .cks-logo-ph { background-color: var(--ck-card-2, #f8f8fc); border-color: var(--ck-line, #ececf3); }
/* inputs (theme.css forces white/black with !important on inputs) */
#ck-settings#ck-settings .cks-in,
#ck-settings#ck-settings .cks-sel,
#ck-settings#ck-settings .cks-ta {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-input-line, #e3e6ef) !important;
  color: var(--ck-ink, #15151f) !important;
  border-radius: 12px;
}
#ck-settings#ck-settings .cks-in:focus,
#ck-settings#ck-settings .cks-sel:focus,
#ck-settings#ck-settings .cks-ta:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18); outline: none; }
#ck-settings#ck-settings .cks-in[readonly],
#ck-settings#ck-settings .cks-in:disabled { background-color: var(--ck-card-2, #f8f8fc) !important; color: var(--ck-muted, #6c6c80) !important; }
#ck-settings#ck-settings .cks-ro .cks-lock { color: var(--ck-muted, #6c6c80); }
#ck-settings#ck-settings .cks-range { accent-color: var(--ck-blue, #1d8bff); }
/* buttons: secondary = card + border, primary = O6 gradient (brand-colour preview button keeps its inline colours) */
#ck-settings#ck-settings .cks-btn:not([style*="background"]) { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f) !important; border-radius: 12px; }
#ck-settings#ck-settings .cks-btn:not([style*="background"]):hover { background-color: var(--ck-card, #fff); border-color: var(--ck-tab-line, #38bdf8); }
#ck-settings#ck-settings .cks-btn.cks-dark:not([style*="background"]),
#ck-settings#ck-settings .cks-btn.cks-grad:not([style*="background"]) {
  background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff));
  border-color: transparent;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(29, 139, 255, .26);
}
#ck-settings#ck-settings .cks-btn.cks-dark:not([style*="background"]):hover,
#ck-settings#ck-settings .cks-btn.cks-grad:not([style*="background"]):hover { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); box-shadow: 0 10px 24px rgba(29, 139, 255, .34); }
#ck-settings#ck-settings .cks-btn.cks-pink:not([style*="background"]) { color: var(--ck-blue, #1d8bff) !important; border-color: rgba(56, 189, 248, .45); }
#ck-settings#ck-settings .cks-btn.cks-danger:not([style*="background"]) { color: #dc2626 !important; border-color: rgba(220, 38, 38, .35); }
#ck-settings#ck-settings .cks-link:not(.cks-red) { color: var(--ck-blue, #1d8bff) !important; }
/* switches keep the gradient "on"; off track follows the line token */
#ck-settings#ck-settings .cks-sw:not(.on) { background-color: var(--ck-input-line, #e3e6ef); }
/* checkboxes */
#ck-settings#ck-settings .cks-cb:not(.on) { background-color: var(--ck-input-bg, #fff); border-color: var(--ck-input-line, #e3e6ef); }
/* chips / segments / selectable cards: active = O6 blue glow */
#ck-settings#ck-settings .cks-chip { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f) !important; }
#ck-settings#ck-settings .cks-chip:not(.cks-src):hover { border-color: var(--ck-tab-line, #38bdf8); }
#ck-settings#ck-settings .cks-chip.on {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  border-color: var(--ck-tab-line, #38bdf8);
  color: var(--ck-tab-ink, #0b2f6b) !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .16), 0 4px 14px rgba(29, 139, 255, .16);
}
#ck-settings#ck-settings .cks-seg { background-color: var(--ck-card-2, #f8f8fc); border-radius: 12px; }
#ck-settings#ck-settings .cks-seg button { color: var(--ck-muted, #6c6c80) !important; border-radius: 9px; }
#ck-settings#ck-settings .cks-seg button.on {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  color: var(--ck-tab-ink, #0b2f6b) !important;
  box-shadow: inset 0 0 0 1px var(--ck-tab-line, #38bdf8), 0 0 0 3px rgba(56, 189, 248, .14), 0 4px 12px rgba(29, 139, 255, .14);
}
#ck-settings#ck-settings .cks-pill.cks-pink { background-color: rgba(29, 139, 255, .10); color: var(--ck-blue, #1d8bff) !important; }
#ck-settings#ck-settings .cks-av,
#ck-settings#ck-settings .cks-hgcard,
#ck-settings#ck-settings .cks-libitem { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); }
#ck-settings#ck-settings .cks-av { border-radius: 16px; }
#ck-settings#ck-settings .cks-hgcard { border-radius: 16px; box-shadow: 0 2px 8px rgba(40, 20, 90, .05); }
#ck-settings#ck-settings .cks-av.on,
#ck-settings#ck-settings .cks-hgcard.on,
#ck-settings#ck-settings .cks-libitem.on { border-color: var(--ck-tab-line, #38bdf8); box-shadow: 0 0 0 3px rgba(56, 189, 248, .16), 0 4px 14px rgba(29, 139, 255, .16); }
#ck-settings#ck-settings .cks-numres button { background-color: var(--ck-card, #fff); border-bottom-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f) !important; }
#ck-settings#ck-settings .cks-numres button.on,
#ck-settings#ck-settings .cks-voice.on { background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff)); box-shadow: inset 3px 0 0 var(--ck-tab-line, #38bdf8); }
#ck-settings#ck-settings .cks-voice { border-bottom-color: var(--ck-line, #ececf3); }
#ck-settings#ck-settings .cks-play:not(.on) { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f) !important; }
#ck-settings#ck-settings .cks-swatch { border-color: var(--ck-card, #fff); }
#ck-settings#ck-settings .cks-swatch.on { box-shadow: 0 0 0 2px var(--ck-blue, #1d8bff); }
/* popover + modal */
#ck-settings#ck-settings .cks-pop { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 14px; }
#ck-settings#ck-settings .cks-modal {
  background-color: var(--ck-card, #fff);
  border-radius: 18px;
  box-shadow: 0 30px 70px rgba(0, 0, 0, .25);
}
/* signature editor chrome (the editable area and the previews stay document-white) */
#ck-settings#ck-settings .cks-sig { border-color: var(--ck-line, #ececf3); border-radius: 14px; }
#ck-settings#ck-settings .cks-sig-tb { background-color: var(--ck-card-2, #f8f8fc); border-bottom-color: var(--ck-line, #ececf3); }
#ck-settings#ck-settings .cks-sig-tbb { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f) !important; }
#ck-settings#ck-settings .cks-sig-tbb:hover { border-color: var(--ck-tab-line, #38bdf8); }
#ck-settings#ck-settings .cks-sig-ed:focus { box-shadow: inset 0 0 0 2px rgba(29, 139, 255, .35); }
#ck-settings#ck-settings .cks-sig-smsprev { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-ink, #15151f) !important; }
/* save bar: dark ink in light mode; in dark mode it needs a lift off the page */
#ck-settings#ck-settings .cks-bar .cks-btn.cks-grad:not([style*="background"]) { box-shadow: none; }
/* B.R.I.E.N. training (ck-brien-training.js) inline panels */
#ck-settings#ck-settings div[style*="background: rgb(250, 248, 255)"] { background-color: rgba(29, 139, 255, .06) !important; border-color: rgba(56, 189, 248, .40) !important; }

/* dark-only fixes */
html[data-ck-theme="dark"] #ck-settings#ck-settings .cks-bar { background-color: var(--ck-card-2, #1a1c24); box-shadow: 0 0 0 1px var(--ck-line, #23252f), 0 20px 50px rgba(0, 0, 0, .5); }
html[data-ck-theme="dark"] #ck-settings#ck-settings .cks-sig-ed { background-color: #fff; color: #15151f; }
html[data-ck-theme="dark"] #ck-settings#ck-settings .cks-pill.cks-green { background-color: rgba(22, 163, 74, .15); }
html[data-ck-theme="dark"] #ck-settings#ck-settings div[style*="background: rgb(250, 250, 252)"] { background-color: var(--ck-card-2, #1a1c24) !important; }
html[data-ck-theme="dark"] #ck-settings#ck-settings div[style*="background: rgb(253, 236, 236)"],
html[data-ck-theme="dark"] #ck-settings#ck-settings div[style*="background: rgb(232, 240, 254)"] { box-shadow: inset 0 0 0 1px var(--ck-line, #23252f); }

/* =================================================================== TEMPLATES (#ck-etpl Email, #ck-stpl SMS, #ck-vtpl Call Scripts — same .tp-* markup) */
#ck-etpl#ck-etpl,
#ck-stpl#ck-stpl,
#ck-vtpl#ck-vtpl { background: var(--ck-bg, #f5f4fa) !important; color: var(--ck-ink, #15151f); }
#ck-etpl#ck-etpl .tp-h1, #ck-stpl#ck-stpl .tp-h1, #ck-vtpl#ck-vtpl .tp-h1,
#ck-etpl#ck-etpl .tp-title, #ck-stpl#ck-stpl .tp-title, #ck-vtpl#ck-vtpl .tp-title,
#ck-etpl#ck-etpl .tp-empty h3, #ck-stpl#ck-stpl .tp-empty h3, #ck-vtpl#ck-vtpl .tp-empty h3 { color: var(--ck-ink, #15151f) !important; }
#ck-etpl#ck-etpl .tp-mono, #ck-stpl#ck-stpl .tp-mono, #ck-vtpl#ck-vtpl .tp-mono,
#ck-etpl#ck-etpl .tp-sub, #ck-stpl#ck-stpl .tp-sub, #ck-vtpl#ck-vtpl .tp-sub,
#ck-etpl#ck-etpl .tp-count, #ck-stpl#ck-stpl .tp-count, #ck-vtpl#ck-vtpl .tp-count,
#ck-etpl#ck-etpl .tp-grp, #ck-stpl#ck-stpl .tp-grp, #ck-vtpl#ck-vtpl .tp-grp,
#ck-etpl#ck-etpl .tp-built, #ck-stpl#ck-stpl .tp-built, #ck-vtpl#ck-vtpl .tp-built,
#ck-etpl#ck-etpl .tp-goal, #ck-stpl#ck-stpl .tp-goal, #ck-vtpl#ck-vtpl .tp-goal,
#ck-etpl#ck-etpl .tp-foot .use, #ck-stpl#ck-stpl .tp-foot .use, #ck-vtpl#ck-vtpl .tp-foot .use,
#ck-etpl#ck-etpl .tp-empty, #ck-stpl#ck-stpl .tp-empty, #ck-vtpl#ck-vtpl .tp-empty,
#ck-etpl#ck-etpl .ckfs-count, #ck-stpl#ck-stpl .ckfs-count, #ck-vtpl#ck-vtpl .ckfs-count,
#ck-etpl#ck-etpl .ckfs-head, #ck-stpl#ck-stpl .ckfs-head, #ck-vtpl#ck-vtpl .ckfs-head { color: var(--ck-muted, #6c6c80) !important; }
/* header buttons */
#ck-etpl#ck-etpl .tp-btn, #ck-stpl#ck-stpl .tp-btn, #ck-vtpl#ck-vtpl .tp-btn { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f) !important; }
#ck-etpl#ck-etpl .tp-btn:hover, #ck-stpl#ck-stpl .tp-btn:hover, #ck-vtpl#ck-vtpl .tp-btn:hover { border-color: var(--ck-tab-line, #38bdf8); }
#ck-etpl#ck-etpl .tp-btn.primary, #ck-stpl#ck-stpl .tp-btn.primary, #ck-vtpl#ck-vtpl .tp-btn.primary {
  background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff));
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(29, 139, 255, .28);
}
#ck-etpl#ck-etpl .tp-btn.ai, #ck-stpl#ck-stpl .tp-btn.ai, #ck-vtpl#ck-vtpl .tp-btn.ai { background-color: rgba(29, 139, 255, .08); border-color: rgba(56, 189, 248, .40); color: var(--ck-blue, #1d8bff) !important; }
/* Upload CSV (inline-styled label; keeps its green CSV icon) */
#ck-etpl#ck-etpl label[title="Bulk-import templates from a CSV"],
#ck-stpl#ck-stpl label[title="Bulk-import templates from a CSV"],
#ck-vtpl#ck-vtpl label[title="Bulk-import templates from a CSV"] {
  background-color: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  color: var(--ck-ink, #15151f) !important;
  border-radius: 14px !important;
}
#ck-etpl#ck-etpl label[title="Bulk-import templates from a CSV"]:hover,
#ck-stpl#ck-stpl label[title="Bulk-import templates from a CSV"]:hover,
#ck-vtpl#ck-vtpl label[title="Bulk-import templates from a CSV"]:hover { border-color: var(--ck-tab-line, #38bdf8) !important; }
/* filter card, search, empty state, template cards */
#ck-etpl#ck-etpl .tp-bar, #ck-stpl#ck-stpl .tp-bar, #ck-vtpl#ck-vtpl .tp-bar,
#ck-etpl#ck-etpl .tp-empty, #ck-stpl#ck-stpl .tp-empty, #ck-vtpl#ck-vtpl .tp-empty,
#ck-etpl#ck-etpl .tp-card, #ck-stpl#ck-stpl .tp-card, #ck-vtpl#ck-vtpl .tp-card {
  background-color: var(--ck-card, #fff);
  border-color: var(--ck-line, #ececf3);
  border-radius: 18px;
  box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08));
}
#ck-etpl#ck-etpl .tp-card:hover, #ck-stpl#ck-stpl .tp-card:hover, #ck-vtpl#ck-vtpl .tp-card:hover { border-color: var(--ck-tab-line, #38bdf8); box-shadow: 0 0 0 3px rgba(56, 189, 248, .12), 0 8px 20px rgba(29, 139, 255, .12); }
#ck-etpl#ck-etpl .tp-search, #ck-stpl#ck-stpl .tp-search, #ck-vtpl#ck-vtpl .tp-search,
#ck-etpl#ck-etpl .ckfs-search, #ck-stpl#ck-stpl .ckfs-search, #ck-vtpl#ck-vtpl .ckfs-search { background-color: var(--ck-input-bg, #fff); border-color: var(--ck-input-line, #e3e6ef); color: var(--ck-muted, #6c6c80); }
#ck-etpl#ck-etpl .tp-search:focus-within, #ck-stpl#ck-stpl .tp-search:focus-within, #ck-vtpl#ck-vtpl .tp-search:focus-within,
#ck-etpl#ck-etpl .ckfs-search:focus-within, #ck-stpl#ck-stpl .ckfs-search:focus-within, #ck-vtpl#ck-vtpl .ckfs-search:focus-within { border-color: var(--ck-blue, #1d8bff); box-shadow: 0 0 0 3px rgba(29, 139, 255, .18); }
#ck-etpl#ck-etpl .tp-search input, #ck-stpl#ck-stpl .tp-search input, #ck-vtpl#ck-vtpl .tp-search input,
#ck-etpl#ck-etpl .ckfs-search input, #ck-stpl#ck-stpl .ckfs-search input, #ck-vtpl#ck-vtpl .ckfs-search input { background-color: transparent !important; color: var(--ck-ink, #15151f) !important; }
#ck-etpl#ck-etpl .ckfs-group, #ck-stpl#ck-stpl .ckfs-group, #ck-vtpl#ck-vtpl .ckfs-group { border-top-color: var(--ck-line, #ececf3); }
#ck-etpl#ck-etpl .ckfs-opt, #ck-stpl#ck-stpl .ckfs-opt, #ck-vtpl#ck-vtpl .ckfs-opt { color: var(--ck-ink, #15151f) !important; }
#ck-etpl#ck-etpl .ckfs-opt:hover, #ck-stpl#ck-stpl .ckfs-opt:hover, #ck-vtpl#ck-vtpl .ckfs-opt:hover { background-color: rgba(29, 139, 255, .06); }
#ck-etpl#ck-etpl .ckfs-opt b, #ck-stpl#ck-stpl .ckfs-opt b, #ck-vtpl#ck-vtpl .ckfs-opt b { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-muted, #6c6c80) !important; }
#ck-etpl#ck-etpl .ckfs-opt.on, #ck-stpl#ck-stpl .ckfs-opt.on, #ck-vtpl#ck-vtpl .ckfs-opt.on {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  color: var(--ck-tab-ink, #0b2f6b) !important;
  box-shadow: inset 3px 0 0 var(--ck-tab-line, #38bdf8), 0 0 0 1px rgba(56, 189, 248, .30), 0 4px 12px rgba(29, 139, 255, .12);
}
#ck-etpl#ck-etpl .ckfs-opt.on b, #ck-stpl#ck-stpl .ckfs-opt.on b, #ck-vtpl#ck-vtpl .ckfs-opt.on b { background-color: var(--ck-card, #fff); color: var(--ck-tab-ink, #0b2f6b) !important; }
#ck-etpl#ck-etpl .ckfs-more, #ck-stpl#ck-stpl .ckfs-more, #ck-vtpl#ck-vtpl .ckfs-more { color: var(--ck-blue, #1d8bff) !important; }
/* chips (older chip row): active = O6 blue glow */
#ck-etpl#ck-etpl .tp-chip, #ck-stpl#ck-stpl .tp-chip, #ck-vtpl#ck-vtpl .tp-chip { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f) !important; }
#ck-etpl#ck-etpl .tp-chip.on, #ck-stpl#ck-stpl .tp-chip.on, #ck-vtpl#ck-vtpl .tp-chip.on,
#ck-etpl#ck-etpl .tp-chip.pinkon, #ck-stpl#ck-stpl .tp-chip.pinkon, #ck-vtpl#ck-vtpl .tp-chip.pinkon {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  border-color: var(--ck-tab-line, #38bdf8);
  color: var(--ck-tab-ink, #0b2f6b) !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .16), 0 4px 14px rgba(29, 139, 255, .16);
}
#ck-etpl#ck-etpl .tp-chip.on b, #ck-stpl#ck-stpl .tp-chip.on b, #ck-vtpl#ck-vtpl .tp-chip.on b { color: var(--ck-muted, #6c6c80) !important; }
/* card internals */
#ck-etpl#ck-etpl .tp-aud, #ck-stpl#ck-stpl .tp-aud, #ck-vtpl#ck-vtpl .tp-aud { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-ink, #15151f) !important; }
#ck-etpl#ck-etpl .tp-subj, #ck-stpl#ck-stpl .tp-subj, #ck-vtpl#ck-vtpl .tp-subj { background-color: var(--ck-card-2, #f8f8fc); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f) !important; }
#ck-etpl#ck-etpl .tp-msg, #ck-stpl#ck-stpl .tp-msg, #ck-vtpl#ck-vtpl .tp-msg { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-ink, #15151f) !important; }
#ck-etpl#ck-etpl .tp-msg:after, #ck-stpl#ck-stpl .tp-msg:after, #ck-vtpl#ck-vtpl .tp-msg:after { background: linear-gradient(rgba(0, 0, 0, 0), var(--ck-card-2, #f8f8fc)); }
#ck-etpl#ck-etpl .tp-foot, #ck-stpl#ck-stpl .tp-foot, #ck-vtpl#ck-vtpl .tp-foot { border-top-color: var(--ck-line, #ececf3); }
#ck-etpl#ck-etpl .tp-sm, #ck-stpl#ck-stpl .tp-sm, #ck-vtpl#ck-vtpl .tp-sm { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f) !important; }
#ck-etpl#ck-etpl .tp-sm:hover, #ck-stpl#ck-stpl .tp-sm:hover, #ck-vtpl#ck-vtpl .tp-sm:hover { border-color: var(--ck-tab-line, #38bdf8); }
#ck-etpl#ck-etpl .tp-sm.del, #ck-stpl#ck-stpl .tp-sm.del, #ck-vtpl#ck-vtpl .tp-sm.del { color: #dc2626 !important; }
/* editor modals (inline-styled; positioned fixed inside the page root) */
#ck-etpl#ck-etpl div[style*="position: fixed"] > div[style*="max-height: 90vh"],
#ck-stpl#ck-stpl div[style*="position: fixed"] > div[style*="max-height: 90vh"],
#ck-vtpl#ck-vtpl div[style*="position: fixed"] > div[style*="max-height: 90vh"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  border-radius: 18px !important;
  box-shadow: 0 30px 70px rgba(0, 0, 0, .25) !important;
}
#ck-etpl#ck-etpl div[style*="position: fixed"] input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]),
#ck-stpl#ck-stpl div[style*="position: fixed"] input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]),
#ck-vtpl#ck-vtpl div[style*="position: fixed"] input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]),
#ck-etpl#ck-etpl div[style*="position: fixed"] select, #ck-stpl#ck-stpl div[style*="position: fixed"] select, #ck-vtpl#ck-vtpl div[style*="position: fixed"] select,
#ck-etpl#ck-etpl div[style*="position: fixed"] textarea, #ck-stpl#ck-stpl div[style*="position: fixed"] textarea, #ck-vtpl#ck-vtpl div[style*="position: fixed"] textarea {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-input-line, #e3e6ef) !important;
  color: var(--ck-ink, #15151f) !important;
  border-radius: 10px !important;
}
#ck-etpl#ck-etpl div[style*="position: fixed"] input:focus, #ck-stpl#ck-stpl div[style*="position: fixed"] input:focus, #ck-vtpl#ck-vtpl div[style*="position: fixed"] input:focus,
#ck-etpl#ck-etpl div[style*="position: fixed"] select:focus, #ck-stpl#ck-stpl div[style*="position: fixed"] select:focus, #ck-vtpl#ck-vtpl div[style*="position: fixed"] select:focus,
#ck-etpl#ck-etpl div[style*="position: fixed"] textarea:focus, #ck-stpl#ck-stpl div[style*="position: fixed"] textarea:focus, #ck-vtpl#ck-vtpl div[style*="position: fixed"] textarea:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; outline: none !important; }
/* modal primary buttons (Save / Generate) -> O6 gradient; old blue "Insert field" -> O6 blue */
#ck-etpl#ck-etpl div[style*="position: fixed"] button[style*="linear-gradient"],
#ck-stpl#ck-stpl div[style*="position: fixed"] button[style*="linear-gradient"],
#ck-vtpl#ck-vtpl div[style*="position: fixed"] button[style*="linear-gradient"],
#ck-stpl#ck-stpl div[style*="position: fixed"] button[style*="background: rgb(232, 72, 138)"] {
  background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)) !important;
  color: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 20px rgba(29, 139, 255, .26) !important;
}
#ck-etpl#ck-etpl div[style*="position: fixed"] button[style*="background: rgb(37, 99, 235)"],
#ck-stpl#ck-stpl div[style*="position: fixed"] button[style*="background: rgb(37, 99, 235)"],
#ck-vtpl#ck-vtpl div[style*="position: fixed"] button[style*="background: rgb(37, 99, 235)"] { background: var(--ck-blue, #1d8bff) !important; border-radius: 10px !important; }
/* modal secondary (Cancel) */
#ck-etpl#ck-etpl div[style*="position: fixed"] button[style*="background: rgb(245, 246, 248)"],
#ck-stpl#ck-stpl div[style*="position: fixed"] button[style*="solid rgb(236, 236, 242)"][style*="background: rgb(255, 255, 255)"],
#ck-vtpl#ck-vtpl div[style*="position: fixed"] button[style*="background: rgb(241, 245, 249)"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  color: var(--ck-ink, #15151f) !important;
  border-radius: 12px !important;
}
/* AI writer box (blue/purple tint) and purple accents -> O6 blue */
#ck-etpl#ck-etpl div[style*="rgba(124, 58, 237, 0.07)"] { background: linear-gradient(135deg, rgba(29, 139, 255, .08), rgba(232, 72, 138, .05)) !important; border-color: rgba(56, 189, 248, .40) !important; }
#ck-etpl#ck-etpl [style*="color: rgb(124, 58, 237)"], #ck-stpl#ck-stpl [style*="color: rgb(124, 58, 237)"], #ck-vtpl#ck-vtpl [style*="color: rgb(124, 58, 237)"] { color: var(--ck-blue, #1d8bff) !important; }
#ck-stpl#ck-stpl div[style*="background: rgba(219, 39, 119, 0.06)"] { background: rgba(29, 139, 255, .06) !important; }
/* quill editor chrome inside the email modal (editable page itself is token-coloured by its own wrapper) */
#ck-etpl#ck-etpl .ck-quill-wrapper { border-color: var(--ck-input-line, #e3e6ef) !important; border-radius: 12px !important; }

/* dark-only fixes */
html[data-ck-theme="dark"] #ck-etpl#ck-etpl .ck-quill-wrapper,
html[data-ck-theme="dark"] #ck-etpl#ck-etpl .ck-quill-wrapper .ql-toolbar.ql-snow,
html[data-ck-theme="dark"] #ck-etpl#ck-etpl .ck-quill-wrapper .ql-container.ql-snow { background-color: var(--ck-input-bg, #16181f) !important; }
html[data-ck-theme="dark"] #ck-etpl#ck-etpl .ck-quill-wrapper .ql-toolbar.ql-snow { border-bottom-color: var(--ck-line, #23252f) !important; }
html[data-ck-theme="dark"] #ck-etpl#ck-etpl .ck-quill-wrapper .ql-editor { color: var(--ck-ink, #e8e9f0) !important; }
html[data-ck-theme="dark"] #ck-etpl#ck-etpl .ck-quill-wrapper .ql-toolbar.ql-snow .ql-stroke { stroke: var(--ck-muted, #8d90a6) !important; }
html[data-ck-theme="dark"] #ck-etpl#ck-etpl .ck-quill-wrapper .ql-toolbar.ql-snow .ql-fill { fill: var(--ck-muted, #8d90a6) !important; }
html[data-ck-theme="dark"] #ck-etpl#ck-etpl .ck-quill-wrapper .ql-toolbar.ql-snow .ql-picker-label { color: var(--ck-ink, #e8e9f0) !important; }

/* =================================================================== ACTIVITY (#ck-activity — activity.js injected class CSS) */
#ck-activity#ck-activity { background: var(--ck-bg, #f5f4fa); color: var(--ck-ink, #15151f); }
#ck-activity#ck-activity .ac-h1 { color: var(--ck-ink, #15151f) !important; }
#ck-activity#ck-activity .ac-sub,
#ck-activity#ck-activity .ac-detail,
#ck-activity#ck-activity .ac-time,
#ck-activity#ck-activity .ac-empty,
#ck-activity#ck-activity .ac-count { color: var(--ck-muted, #6c6c80); }
#ck-activity#ck-activity .ac-line { color: var(--ck-ink, #15151f); }
/* category chips (All / Website / ...); "After hours only" keeps its amber inline colours */
#ck-activity#ck-activity .ac-chip { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); }
#ck-activity#ck-activity .ac-chip:not([style]) { color: var(--ck-muted, #6c6c80); }
#ck-activity#ck-activity .ac-chip:hover { border-color: var(--ck-tab-line, #38bdf8); }
#ck-activity#ck-activity .ac-chip.on:not([style*="background"]) {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  border-color: var(--ck-tab-line, #38bdf8);
  color: var(--ck-tab-ink, #0b2f6b);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .16), 0 4px 14px rgba(29, 139, 255, .16);
}
/* search + date inputs */
#ck-activity#ck-activity .ac-in {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-input-line, #e3e6ef) !important;
  color: var(--ck-ink, #15151f) !important;
  border-radius: 12px;
}
#ck-activity#ck-activity .ac-in:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18); outline: none; }
/* Mine / Team segment */
#ck-activity#ck-activity .ac-seg { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 12px; }
#ck-activity#ck-activity .ac-seg button { background-color: transparent; color: var(--ck-muted, #6c6c80); }
#ck-activity#ck-activity .ac-seg button:hover { color: var(--ck-ink, #15151f); }
#ck-activity#ck-activity .ac-seg button.on {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  color: var(--ck-tab-ink, #0b2f6b);
  box-shadow: inset 0 0 0 1px var(--ck-tab-line, #38bdf8), 0 4px 12px rgba(29, 139, 255, .14);
}
/* feed card */
#ck-activity#ck-activity .ac-list { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 18px; box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)); }
#ck-activity#ck-activity .ac-row { border-top-color: var(--ck-line, #ececf3); }
#ck-activity#ck-activity .ac-row:hover { background-color: rgba(29, 139, 255, .06); }
#ck-activity#ck-activity .ac-day { background-color: var(--ck-card-2, #f8f8fc); border-top-color: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80); }
#ck-activity#ck-activity .ac-more { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); border-radius: 12px; }
#ck-activity#ck-activity .ac-more:hover { border-color: var(--ck-tab-line, #38bdf8); }

/* =================================================================== TAGS (#ck-tags — tags-manager.js injected class CSS) */
#ck-tags#ck-tags { background: var(--ck-bg, #f5f4fa); color: var(--ck-ink, #15151f); }
#ck-tags#ck-tags .tg-mono,
#ck-tags#ck-tags .tg-h1 small,
#ck-tags#ck-tags .tg-sub,
#ck-tags#ck-tags .tg-grp.none,
#ck-tags#ck-tags .tg-cnt svg,
#ck-tags#ck-tags .tg-chip b,
#ck-tags#ck-tags .tg-searchwrap svg,
#ck-tags#ck-tags .tg-foot,
#ck-tags#ck-tags .tg-empty,
#ck-tags#ck-tags .tg-lbl { color: var(--ck-muted, #6c6c80); }
#ck-tags#ck-tags .tg-h1,
#ck-tags#ck-tags .tg-foot b,
#ck-tags#ck-tags .tg-cnt { color: var(--ck-ink, #15151f) !important; }
#ck-tags#ck-tags .tg-new { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); color: #fff; box-shadow: 0 10px 24px rgba(29, 139, 255, .28); }
#ck-tags#ck-tags .tg-card { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 18px; box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)); }
#ck-tags#ck-tags .tg-bar { border-bottom-color: var(--ck-line, #ececf3); }
/* group chips (All / each group / No group) — the coloured group dots stay */
#ck-tags#ck-tags .tg-chip { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-tags#ck-tags .tg-chip:hover { border-color: var(--ck-tab-line, #38bdf8); }
#ck-tags#ck-tags .tg-chip.on {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  border-color: var(--ck-tab-line, #38bdf8);
  color: var(--ck-tab-ink, #0b2f6b);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .16), 0 4px 14px rgba(29, 139, 255, .16);
}
#ck-tags#ck-tags .tg-chip.on b { color: var(--ck-blue, #1d8bff); }
/* search, inputs, selects (the page's own CSS uses !important) */
#ck-tags#ck-tags .tg-search,
#ck-tags#ck-tags .tg-in,
#ck-tags#ck-tags .tg-sel {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-input-line, #e3e6ef) !important;
  color: var(--ck-ink, #15151f) !important;
}
#ck-tags#ck-tags .tg-search:focus,
#ck-tags#ck-tags .tg-in:focus,
#ck-tags#ck-tags .tg-sel:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; outline: none; }
#ck-tags#ck-tags input[type="checkbox"] { accent-color: var(--ck-blue, #1d8bff); }
/* table */
#ck-tags#ck-tags th { background-color: var(--ck-card-2, #f8f8fc); border-bottom-color: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80) !important; }
#ck-tags#ck-tags td { border-bottom-color: var(--ck-line, #ececf3); }
#ck-tags#ck-tags td:not([style*="color"]) { color: var(--ck-ink, #15151f) !important; }
#ck-tags#ck-tags td[style*="color"],
#ck-tags#ck-tags td.tg-empty { color: var(--ck-muted, #6c6c80) !important; }
#ck-tags#ck-tags tr:hover td { background-color: rgba(29, 139, 255, .045); }
#ck-tags#ck-tags .tg-ib { color: var(--ck-muted, #6c6c80); }
#ck-tags#ck-tags .tg-ib:not(.del):hover { background-color: rgba(29, 139, 255, .08); color: var(--ck-blue, #1d8bff); }
/* buttons */
#ck-tags#ck-tags .tg-btn { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); border-radius: 12px; }
#ck-tags#ck-tags .tg-btn:hover { border-color: var(--ck-tab-line, #38bdf8); }
#ck-tags#ck-tags .tg-btn.primary { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); color: #fff; box-shadow: 0 6px 16px rgba(29, 139, 255, .26); }
/* New / Edit tag modal */
#ck-tags#ck-tags .tg-box { background-color: var(--ck-card, #fff); border-radius: 18px; box-shadow: 0 30px 70px rgba(0, 0, 0, .25); color: var(--ck-ink, #15151f); }

/* =================================================================== TEAM CHAT (#ck-teamchat — inline-styled page; id hook on the root) */
#ck-teamchat#ck-teamchat { background: var(--ck-bg, #f5f4fa) !important; }
/* channel list panel, thread header, composer, attachment strip */
#ck-teamchat#ck-teamchat > div[style*="width: 300px"],
#ck-teamchat#ck-teamchat div[style*="padding: 12px 18px"][style*="background: rgb(255, 255, 255)"],
#ck-teamchat#ck-teamchat div[style*="padding: 10px 14px"][style*="background: rgb(255, 255, 255)"],
#ck-teamchat#ck-teamchat div[style*="padding: 8px 16px"][style*="background: rgb(255, 255, 255)"] { background: var(--ck-card, #fff) !important; }
#ck-teamchat#ck-teamchat div[style*="overflow-y: auto"][style*="padding: 16px"][style*="background: rgb(248, 250, 252)"] { background: var(--ck-bg, #f5f4fa) !important; }
#ck-teamchat#ck-teamchat [style*="border-right: 1px solid rgb(226, 232, 240)"] { border-right-color: var(--ck-line, #ececf3) !important; }
#ck-teamchat#ck-teamchat [style*="border-bottom: 1px solid rgb(226, 232, 240)"],
#ck-teamchat#ck-teamchat [style*="border-bottom: 1px solid rgb(241, 245, 249)"] { border-bottom-color: var(--ck-line, #ececf3) !important; }
#ck-teamchat#ck-teamchat [style*="border-top: 1px solid rgb(226, 232, 240)"] { border-top-color: var(--ck-line, #ececf3) !important; }
/* selected channel row: menu blue glow */
#ck-teamchat#ck-teamchat div[style*="padding: 11px 14px"][style*="cursor: pointer"]:hover { background: rgba(29, 139, 255, .06) !important; }
#ck-teamchat#ck-teamchat div[style*="padding: 11px 14px"][style*="background: rgb(241, 245, 249)"] {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff)) !important;
  box-shadow: inset 0 0 0 1px var(--ck-tab-line, #38bdf8), 0 4px 14px rgba(29, 139, 255, .14);
}
/* primary actions (+ New chat, Send, Save, Start chat / Create group, Add people, Share calendar ...), own bubbles, unread badge: old blue -> O6 gradient */
#ck-teamchat#ck-teamchat [style*="background: rgb(37, 99, 235)"] { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)) !important; color: #fff !important; }
#ck-teamchat#ck-teamchat button[style*="background: rgb(37, 99, 235)"] { box-shadow: 0 6px 16px rgba(29, 139, 255, .26); }
#ck-teamchat#ck-teamchat button[style*="background: rgb(37, 99, 235)"][style*="border-radius: 8px"] { border-radius: 10px !important; }
/* Group / Direct and Contact / Deal segments: active = O6 blue glow */
#ck-teamchat#ck-teamchat button[style^="flex: 1"][style*="padding: 8px"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  color: var(--ck-muted, #6c6c80) !important;
  border-radius: 10px !important;
  box-shadow: none;
}
#ck-teamchat#ck-teamchat button[style^="flex: 1"][style*="padding: 8px"][style*="background: rgb(37, 99, 235)"],
#ck-teamchat#ck-teamchat button[style^="flex: 1"][style*="padding: 8px"][style*="background: rgb(5, 150, 105)"] {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff)) !important;
  border-color: var(--ck-tab-line, #38bdf8) !important;
  color: var(--ck-tab-ink, #0b2f6b) !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .16), 0 4px 14px rgba(29, 139, 255, .16);
}
/* secondary buttons (Cancel / Close / Add all / mini Admin) and soft tool buttons (File / Drive / Calendar / manage) */
#ck-teamchat#ck-teamchat button[style*="background: rgb(255, 255, 255)"][style*="solid rgb(226, 232, 240)"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  color: var(--ck-ink, #15151f);
  border-radius: 10px !important;
}
#ck-teamchat#ck-teamchat button[style*="background: rgb(241, 245, 249)"] { background: var(--ck-card-2, #f8f8fc) !important; border-color: var(--ck-line, #ececf3) !important; border-radius: 10px !important; }
#ck-teamchat#ck-teamchat button[style*="solid rgb(226, 232, 240)"]:hover { border-color: var(--ck-tab-line, #38bdf8) !important; }
/* other people's bubbles */
#ck-teamchat#ck-teamchat div[style*="max-width: 72%"][style*="background: rgb(255, 255, 255)"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 8px rgba(40, 20, 90, .05);
}
#ck-teamchat#ck-teamchat div[style*="max-width: 72%"][style*="background: rgb(37, 99, 235)"] { border-radius: 16px !important; box-shadow: 0 6px 16px rgba(29, 139, 255, .18); }
/* shared contact/deal card, picked teammate rows, share chip */
#ck-teamchat#ck-teamchat a[style*="solid rgb(191, 219, 254)"] { background: var(--ck-card, #fff) !important; border-color: rgba(56, 189, 248, .45) !important; border-radius: 12px !important; }
#ck-teamchat#ck-teamchat [style*="background: rgb(239, 246, 255)"] { background: rgba(29, 139, 255, .10) !important; }
/* inputs + composer */
#ck-teamchat#ck-teamchat input:not([type="file"]),
#ck-teamchat#ck-teamchat textarea {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-input-line, #e3e6ef) !important;
  color: var(--ck-ink, #15151f) !important;
}
#ck-teamchat#ck-teamchat input[style*="border-radius: 8px"] { border-radius: 10px !important; }
#ck-teamchat#ck-teamchat input:not([type="file"]):focus,
#ck-teamchat#ck-teamchat textarea:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; outline: none; }
/* lists inside modals + mention popup */
#ck-teamchat#ck-teamchat div[style*="overflow-y: auto"][style*="solid rgb(226, 232, 240)"][style*="border-radius: 8px"] { border-color: var(--ck-line, #ececf3) !important; border-radius: 12px !important; }
#ck-teamchat#ck-teamchat div[style*="position: absolute"][style*="bottom: 100%"] { background: var(--ck-card, #fff) !important; border-color: var(--ck-line, #ececf3) !important; border-radius: 14px !important; }
/* modal box */
#ck-teamchat#ck-teamchat div[style*="position: fixed"] > div[style*="width: 440px"] {
  background: var(--ck-card, #fff) !important;
  border-radius: 18px !important;
  box-shadow: 0 30px 70px rgba(0, 0, 0, .25);
  color: var(--ck-ink, #15151f);
}
/* accent colours: old blue links/icons -> O6 blue; slate muted -> muted token */
#ck-teamchat#ck-teamchat [style^="color: rgb(37, 99, 235)"], #ck-teamchat#ck-teamchat [style*=" color: rgb(37, 99, 235)"] { color: var(--ck-blue, #1d8bff) !important; }
#ck-teamchat#ck-teamchat [style^="color: rgb(100, 116, 139)"], #ck-teamchat#ck-teamchat [style*=" color: rgb(100, 116, 139)"] { color: var(--ck-muted, #6c6c80) !important; }
/* dark only: light semantic tints (pinned bar, red Leave/Delete buttons) would glare — same hues, dark tints */
html[data-ck-theme="dark"] #ck-teamchat#ck-teamchat [style*="background: rgb(255, 251, 235)"] { background: rgba(217, 119, 6, .12) !important; border-bottom-color: rgba(217, 119, 6, .35) !important; }
html[data-ck-theme="dark"] #ck-teamchat#ck-teamchat button[style*="background: rgb(254, 242, 242)"] { background: rgba(220, 38, 38, .14) !important; border-color: rgba(220, 38, 38, .40) !important; }

/* =================================================================== R.A.L.P.H. (#ck-ask — ask-brien.js) */
#ck-ask#ck-ask { background: var(--ck-bg, #f5f4fa); color: var(--ck-ink, #15151f); }
#ck-ask#ck-ask .cka-side { background-color: var(--ck-card, #fff); border-right-color: var(--ck-line, #ececf3); }
#ck-ask#ck-ask .cka-new { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); color: #fff !important; box-shadow: 0 8px 20px rgba(29, 139, 255, .26); }
#ck-ask#ck-ask .cka-eyebrow,
#ck-ask#ck-ask .cka-empty,
#ck-ask#ck-ask .cka-conn .row .v,
#ck-ask#ck-ask .cka-sub,
#ck-ask#ck-ask .cka-typing,
#ck-ask#ck-ask .cka-disc,
#ck-ask#ck-ask .cka-card .ct small,
#ck-ask#ck-ask .cka-l .loc,
#ck-ask#ck-ask .cka-l .facts,
#ck-ask#ck-ask .cka-l .mls,
#ck-ask#ck-ask .cka-l .price s,
#ck-ask#ck-ask .cka-range .k,
#ck-ask#ck-ask .cka-tile2 .k,
#ck-ask#ck-ask .cka-crow .r,
#ck-ask#ck-ask .cka-modal .ms,
#ck-ask#ck-ask .cka-modal .it small { color: var(--ck-muted, #6c6c80); }
#ck-ask#ck-ask .cka-h1,
#ck-ask#ck-ask .cka-sug .q,
#ck-ask#ck-ask .cka-crow .n,
#ck-ask#ck-ask .cka-modal .mt { color: var(--ck-ink, #15151f); }
/* chat history: selected chat = O6 blue glow */
#ck-ask#ck-ask .cka-chat { color: var(--ck-ink, #15151f); }
#ck-ask#ck-ask .cka-chat:hover { background-color: rgba(29, 139, 255, .06); }
#ck-ask#ck-ask .cka-chat.on {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  color: var(--ck-tab-ink, #0b2f6b);
  box-shadow: inset 0 0 0 1px var(--ck-tab-line, #38bdf8), 0 0 0 3px rgba(56, 189, 248, .14), 0 4px 12px rgba(29, 139, 255, .14);
}
#ck-ask#ck-ask .cka-ib { color: var(--ck-muted, #6c6c80); }
#ck-ask#ck-ask .cka-ib:hover { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-ink, #15151f); }
#ck-ask#ck-ask .cka-chat input {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-blue, #1d8bff) !important;
  color: var(--ck-ink, #15151f) !important;
  box-shadow: 0 0 0 3px rgba(29, 139, 255, .18);
}
#ck-ask#ck-ask .cka-conn { background-color: var(--ck-card-2, #f8f8fc); border-color: var(--ck-line, #ececf3); border-radius: 16px; }
#ck-ask#ck-ask .cka-conn .row .dot.off { background-color: var(--ck-line, #ececf3); }
/* hero + suggestion cards */
#ck-ask#ck-ask .cka-tile { box-shadow: 0 18px 40px -18px rgba(29, 139, 255, .65); }
#ck-ask#ck-ask .cka-sug { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 18px; box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)); }
#ck-ask#ck-ask .cka-sug:hover { border-color: var(--ck-tab-line, #38bdf8); box-shadow: 0 0 0 3px rgba(56, 189, 248, .12), 0 8px 20px rgba(29, 139, 255, .12); }
#ck-ask#ck-ask .cka-sug .tag[style*="color: rgb(123, 92, 240)"] { color: var(--ck-blue, #1d8bff) !important; }
/* thread */
#ck-ask#ck-ask .cka-bub { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); box-shadow: 0 2px 8px rgba(40, 20, 90, .05); }
#ck-ask#ck-ask .cka-m.user .cka-bub { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); border-color: transparent; color: #fff !important; box-shadow: 0 6px 16px rgba(29, 139, 255, .18); }
#ck-ask#ck-ask .cka-link { color: var(--ck-blue, #1d8bff) !important; }
#ck-ask#ck-ask .cka-dots i { background-color: var(--ck-blue, #1d8bff); }
#ck-ask#ck-ask .cka-card { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 18px; box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)); }
#ck-ask#ck-ask .cka-l { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 16px; }
#ck-ask#ck-ask .cka-l .ph { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-muted, #6c6c80); }
#ck-ask#ck-ask .cka-btn { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); border-radius: 10px; }
#ck-ask#ck-ask .cka-btn:hover { background-color: var(--ck-card-2, #f8f8fc); border-color: var(--ck-tab-line, #38bdf8); }
#ck-ask#ck-ask .cka-btn.pink { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); border-color: transparent; color: #fff !important; }
#ck-ask#ck-ask table.cka-tbl th { color: var(--ck-muted, #6c6c80) !important; border-bottom-color: var(--ck-line, #ececf3); }
#ck-ask#ck-ask table.cka-tbl td { border-bottom-color: var(--ck-line, #ececf3); }
#ck-ask#ck-ask table.cka-tbl tr.subj td { background-color: rgba(29, 139, 255, .08); }
#ck-ask#ck-ask .cka-range,
#ck-ask#ck-ask .cka-tile2 { background-color: var(--ck-card-2, #f8f8fc); border-radius: 14px; }
#ck-ask#ck-ask .cka-crow { border-bottom-color: var(--ck-line, #ececf3); }
#ck-ask#ck-ask .cka-chip { background-color: rgba(29, 139, 255, .10); border-color: rgba(56, 189, 248, .45); color: var(--ck-blue, #1d8bff) !important; }
#ck-ask#ck-ask .cka-chip span { color: var(--ck-blue, #1d8bff) !important; }
/* composer */
#ck-ask#ck-ask .cka-comp { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 18px; box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)); }
#ck-ask#ck-ask .cka-comp.focus { border-color: var(--ck-blue, #1d8bff); box-shadow: 0 0 0 3px rgba(29, 139, 255, .18), var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)); }
#ck-ask#ck-ask .cka-ta { background-color: transparent !important; color: var(--ck-ink, #15151f) !important; }
#ck-ask#ck-ask .cka-mic { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-ask#ck-ask .cka-mic:hover { border-color: var(--ck-tab-line, #38bdf8); }
#ck-ask#ck-ask .cka-send { background-color: var(--ck-card-2, #f8f8fc); border-color: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80); }
#ck-ask#ck-ask .cka-send.ready { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); border-color: transparent; color: #fff !important; box-shadow: 0 8px 20px rgba(29, 139, 255, .28); }
/* share/attach modal */
#ck-ask#ck-ask .cka-modal { background-color: var(--ck-card, #fff); border-radius: 18px; }
#ck-ask#ck-ask .cka-modal input {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-input-line, #e3e6ef) !important;
  color: var(--ck-ink, #15151f) !important;
  border-radius: 10px;
}
#ck-ask#ck-ask .cka-modal input:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18); outline: none; }
#ck-ask#ck-ask .cka-modal .list { border-color: var(--ck-line, #ececf3); border-radius: 12px; }
#ck-ask#ck-ask .cka-modal .it { border-bottom-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-ask#ck-ask .cka-modal .it:hover { background-color: rgba(29, 139, 255, .08); }

/* =================================================================== MLS SEARCH (#ck-mls — mls-search.js) */
#ck-mls#ck-mls { background: var(--ck-bg, #f5f4fa) !important; color: var(--ck-ink, #15151f); }
#ck-mls#ck-mls .mls-side { background-color: var(--ck-card, #fff) !important; border-right-color: var(--ck-line, #ececf3) !important; }
#ck-mls#ck-mls .mls-results { background: var(--ck-bg, #f5f4fa) !important; }
#ck-mls#ck-mls .mls-h2,
#ck-mls#ck-mls .mls-count,
#ck-mls#ck-mls .mls-price,
#ck-mls#ck-mls .mls-addr,
#ck-mls#ck-mls .mls-facts b { color: var(--ck-ink, #15151f); }
#ck-mls#ck-mls .mls-lbl,
#ck-mls#ck-mls .mls-lbl em,
#ck-mls#ck-mls .mls-mono,
#ck-mls#ck-mls .mls-count small,
#ck-mls#ck-mls .mls-was,
#ck-mls#ck-mls .mls-city,
#ck-mls#ck-mls .mls-facts,
#ck-mls#ck-mls .mls-id { color: var(--ck-muted, #6c6c80); }
/* Search (primary) / Reset + Save this search (secondary) */
#ck-mls#ck-mls .mls-btn { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-mls#ck-mls .mls-btn:hover { border-color: var(--ck-tab-line, #38bdf8); }
#ck-mls#ck-mls .mls-btn.primary { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); color: #fff; box-shadow: 0 10px 24px rgba(29, 139, 255, .28); }
#ck-mls#ck-mls .mls-btn.dark { background: var(--ck-card, #fff); color: var(--ck-ink, #15151f); box-shadow: inset 0 0 0 1px var(--ck-line, #ececf3); }
#ck-mls#ck-mls .mls-btn.dark:hover { box-shadow: inset 0 0 0 1px var(--ck-tab-line, #38bdf8); }
/* filter panel */
#ck-mls#ck-mls .mls-side > div[style*="border-radius: 10px"] {
  background-color: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  border-radius: 16px !important;
  box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08));
}
#ck-mls#ck-mls .mls-side [style*="border-bottom: 1px solid rgb(226, 232, 240)"] { border-bottom-color: var(--ck-line, #ececf3) !important; }
#ck-mls#ck-mls .mls-chip { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-mls#ck-mls .mls-chip:hover { border-color: var(--ck-tab-line, #38bdf8); }
#ck-mls#ck-mls .mls-chip.on {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  border-color: var(--ck-tab-line, #38bdf8);
  color: var(--ck-tab-ink, #0b2f6b);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .16), 0 4px 14px rgba(29, 139, 255, .16);
}
#ck-mls#ck-mls input[type="checkbox"] { accent-color: var(--ck-blue, #1d8bff) !important; }
#ck-mls#ck-mls .mls-addfield { background-color: var(--ck-card, #fff); border-color: var(--ck-input-line, #e3e6ef); color: var(--ck-blue, #1d8bff); }
#ck-mls#ck-mls .mls-addfield:hover { background-color: rgba(29, 139, 255, .06); border-color: var(--ck-tab-line, #38bdf8); }
/* filter fields (shown when a filter is ticked) + the "Add a Field" panel search */
#ck-mls#ck-mls input:not([type="checkbox"]):not([type="radio"]),
#ck-mls#ck-mls select:not(.mls-sel),
#ck-mls#ck-mls textarea {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-input-line, #e3e6ef) !important;
  color: var(--ck-ink, #15151f) !important;
  border-radius: 10px !important;
}
#ck-mls#ck-mls input:not([type="checkbox"]):not([type="radio"]):focus,
#ck-mls#ck-mls select:not(.mls-sel):focus,
#ck-mls#ck-mls textarea:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; outline: none !important; }
/* "Add a Field" panel (mls-flex-catalog): group headers blue, Done = primary, Cancel = secondary */
#ck-mls#ck-mls div[style*="position: fixed"] > div[style*="background: rgb(255, 255, 255)"] { background: var(--ck-card, #fff) !important; }
#ck-mls#ck-mls div[style*="position: fixed"] [style^="color: rgb(37, 99, 235)"],
#ck-mls#ck-mls div[style*="position: fixed"] [style*=" color: rgb(37, 99, 235)"],
#ck-mls#ck-mls div[style*="position: fixed"] [style*=" color: rgb(37, 99, 235)"] > span:not([style]) { color: var(--ck-blue, #1d8bff) !important; }
#ck-mls#ck-mls div[style*="position: fixed"] div[style*="border-radius: 6px"][style*="cursor: pointer"] { border-radius: 10px !important; border-bottom-color: var(--ck-line, #ececf3) !important; }
#ck-mls#ck-mls div[style*="position: fixed"] [style*="border-bottom: 1px solid rgb(226, 232, 240)"] { border-bottom-color: var(--ck-line, #ececf3) !important; }
#ck-mls#ck-mls div[style*="position: fixed"] [style*="border-top: 1px solid rgb(226, 232, 240)"] { border-top-color: var(--ck-line, #ececf3) !important; }
#ck-mls#ck-mls div[style*="position: fixed"] button[style*="background: rgb(220, 38, 38)"] {
  background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)) !important;
  color: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 20px rgba(29, 139, 255, .26) !important;
}
#ck-mls#ck-mls div[style*="position: fixed"] button[style*="background: rgb(255, 255, 255)"][style*="border: 1px solid rgb(226, 232, 240)"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  color: var(--ck-ink, #15151f) !important;
  border-radius: 12px !important;
}
/* sort select + Grid / List / Map */
#ck-mls#ck-mls .mls-sel { background-color: var(--ck-input-bg, #fff) !important; border-color: var(--ck-input-line, #e3e6ef) !important; color: var(--ck-ink, #15151f) !important; }
#ck-mls#ck-mls .mls-sel:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; outline: none; }
#ck-mls#ck-mls .mls-view { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); }
#ck-mls#ck-mls .mls-view button { color: var(--ck-muted, #6c6c80); }
#ck-mls#ck-mls .mls-view button:hover { color: var(--ck-ink, #15151f); }
#ck-mls#ck-mls .mls-view button.on {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  color: var(--ck-tab-ink, #0b2f6b);
  box-shadow: inset 0 0 0 1px var(--ck-tab-line, #38bdf8), 0 0 0 3px rgba(56, 189, 248, .14), 0 4px 12px rgba(29, 139, 255, .14);
}
/* result cards */
#ck-mls#ck-mls .mls-card { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 18px; box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)); }
#ck-mls#ck-mls .mls-card:hover { border-color: var(--ck-tab-line, #38bdf8); box-shadow: 0 0 0 3px rgba(56, 189, 248, .12), 0 8px 20px rgba(29, 139, 255, .12); }
#ck-mls#ck-mls .mls-img { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-muted, #6c6c80); }
#ck-mls#ck-mls .mls-status { background-color: var(--ck-card, #fff); color: var(--ck-ink, #15151f); }
#ck-mls#ck-mls .mls-round { background-color: var(--ck-card, #fff); color: var(--ck-muted, #6c6c80); }
#ck-mls#ck-mls .mls-round.sq { background-color: var(--ck-line, #ececf3); }
#ck-mls#ck-mls .mls-round.sq.on { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); color: #fff; }
#ck-mls#ck-mls .mls-act { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-mls#ck-mls .mls-act:hover { border-color: var(--ck-tab-line, #38bdf8); }
#ck-mls#ck-mls .mls-act.rec { background-color: rgba(29, 139, 255, .08); border-color: rgba(56, 189, 248, .45); color: var(--ck-blue, #1d8bff); }
#ck-mls#ck-mls .mls-act.rec:hover { background-color: rgba(29, 139, 255, .14); }
/* empty-state card */
#ck-mls#ck-mls .mls-results > div[style*="padding: 60px"][style*="border-radius: 12px"] {
  background-color: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  border-radius: 18px !important;
  box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08));
}
#ck-mls#ck-mls .mls-results [style^="color: rgb(71, 85, 105)"],
#ck-mls#ck-mls .mls-results [style*=" color: rgb(71, 85, 105)"] { color: var(--ck-muted, #6c6c80) !important; }

/* =================================================================== CMA / HOME VALUES (#ck-cma — cma.js; the printable .cma-report stays light) */
#ck-cma#ck-cma { background: var(--ck-bg, #f5f4fa) !important; color: var(--ck-ink, #15151f); }
#ck-cma#ck-cma .cma-shell .cma-mono,
#ck-cma#ck-cma .cma-shell .cma-mono.grp,
#ck-cma#ck-cma .cma-shell .cma-step p,
#ck-cma#ck-cma .cma-shell .cma-addric,
#ck-cma#ck-cma .cma-shell .cma-range i,
#ck-cma#ck-cma .cma-shell .cma-stparr { color: var(--ck-muted, #6c6c80); }
#ck-cma#ck-cma .cma-shell .cma-h1,
#ck-cma#ck-cma .cma-shell .cma-step h2,
#ck-cma#ck-cma .cma-shell .cma-selic,
#ck-cma#ck-cma .cma-shell .cma-chk { color: var(--ck-ink, #15151f); }
/* step indicator: current step = O6 blue glow */
#ck-cma#ck-cma .cma-steps { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 18px; box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)); }
#ck-cma#ck-cma .cma-stp { color: var(--ck-muted, #6c6c80); }
#ck-cma#ck-cma .cma-stp b { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-muted, #6c6c80); }
#ck-cma#ck-cma .cma-stp.on {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  color: var(--ck-tab-ink, #0b2f6b);
  box-shadow: inset 0 0 0 1px var(--ck-tab-line, #38bdf8), 0 0 0 3px rgba(56, 189, 248, .14), 0 4px 12px rgba(29, 139, 255, .14);
}
#ck-cma#ck-cma .cma-stp.on b { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); color: #fff; }
#ck-cma#ck-cma .cma-stp.done { color: var(--ck-ink, #15151f); }
#ck-cma#ck-cma .cma-stp.done b { background: var(--ck-blue, #1d8bff); color: #fff; }
/* cards */
#ck-cma#ck-cma .cma-shell .cma-card { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 18px; box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)); }
#ck-cma#ck-cma .cma-shell .cma-hr { background-color: var(--ck-line, #ececf3); }
/* fields */
#ck-cma#ck-cma .cma-shell .cma-in {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-input-line, #e3e6ef) !important;
  color: var(--ck-ink, #15151f) !important;
}
#ck-cma#ck-cma .cma-shell .cma-in:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; }
#ck-cma#ck-cma .cma-shell .cma-chk input,
#ck-cma#ck-cma .cma-shell input[type="checkbox"] { accent-color: var(--ck-blue, #1d8bff); }
#ck-cma#ck-cma .cma-shell .cma-found { background-color: rgba(29, 139, 255, .08); border-color: rgba(56, 189, 248, .45); color: var(--ck-ink, #15151f); border-radius: 14px; }
/* status chips: the coloured "on" fills are categorical and stay; off chips use tokens */
#ck-cma#ck-cma .cma-shell .cma-stat { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-cma#ck-cma .cma-shell .cma-stat:not(.on) { color: var(--ck-muted, #6c6c80); }
/* buttons: Look up subject + Find comparable homes = primary; others secondary */
#ck-cma#ck-cma .cma-shell .cma-btn { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-cma#ck-cma .cma-shell .cma-btn:hover { border-color: var(--ck-tab-line, #38bdf8); }
#ck-cma#ck-cma .cma-shell .cma-btn.dark,
#ck-cma#ck-cma .cma-shell .cma-btn.primary { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); border-color: transparent; color: #fff; box-shadow: 0 10px 24px rgba(29, 139, 255, .28); }
/* dark: keep the categorical pastel "on" chips readable */
html[data-ck-theme="dark"] #ck-cma#ck-cma .cma-shell .cma-stat.on { color: #15151f; }

/* =================================================================== MARKET REPORTS (#ck-market — marketAI.js, inline-styled; id hook on the page root) */
#ck-market#ck-market { background: var(--ck-bg, #f5f4fa) !important; color: var(--ck-ink, #15151f) !important; }
#ck-market#ck-market i[style*="color: rgb(124, 58, 237)"] { color: var(--ck-blue, #1d8bff) !important; }
#ck-market#ck-market [style^="color: rgb(71, 85, 105)"],
#ck-market#ck-market [style*=" color: rgb(71, 85, 105)"] { color: var(--ck-muted, #6c6c80) !important; }
/* primary (Add Subscribers, Add / Save in the modal) */
#ck-market#ck-market button[style*="background: rgb(37, 99, 235)"] {
  background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)) !important;
  color: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 20px rgba(29, 139, 255, .26) !important;
}
/* secondary (Refresh, Upload flyer) */
#ck-market#ck-market [style*="padding: 10px 16px"][style*="border: 1px solid rgb(226, 232, 240)"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  color: var(--ck-ink, #15151f) !important;
  border-radius: 12px !important;
}
#ck-market#ck-market [style*="padding: 10px 16px"][style*="border: 1px solid rgb(226, 232, 240)"]:hover { border-color: var(--ck-tab-line, #38bdf8) !important; }
/* cards (flyer bar, filter bar, list, empty state) */
#ck-market#ck-market div[style*="background: rgb(255, 255, 255)"][style*="border: 1px solid rgb(226, 232, 240)"][style*="border-radius: 1"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  border-radius: 16px !important;
  box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08));
}
/* stat cards: token surface, categorical left stripe kept (and restored in dark) */
#ck-market#ck-market div[style*="border-width: 1px 1px 1px 4px"] {
  background: var(--ck-card, #fff) !important;
  border-top-color: var(--ck-line, #ececf3) !important;
  border-right-color: var(--ck-line, #ececf3) !important;
  border-bottom-color: var(--ck-line, #ececf3) !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 10px rgba(40, 20, 90, .05);
}
#ck-market#ck-market div[style*="border-width: 1px 1px 1px 4px"]:hover { box-shadow: 0 0 0 3px rgba(56, 189, 248, .14), 0 8px 20px rgba(29, 139, 255, .12); }
#ck-market#ck-market div[style*="border-width: 1px 1px 1px 4px"][style*="rgb(226, 232, 240) rgb(37, 99, 235)"] { border-left-color: var(--ck-blue, #1d8bff) !important; }
#ck-market#ck-market div[style*="border-width: 1px 1px 1px 4px"][style*="rgb(226, 232, 240) rgb(5, 150, 105)"] { border-left-color: #059669 !important; }
#ck-market#ck-market div[style*="border-width: 1px 1px 1px 4px"][style*="rgb(226, 232, 240) rgb(124, 58, 237)"] { border-left-color: #7c3aed !important; }
#ck-market#ck-market div[style*="border-width: 1px 1px 1px 4px"][style*="rgb(226, 232, 240) rgb(217, 119, 6)"] { border-left-color: #d97706 !important; }
#ck-market#ck-market div[style*="border-width: 1px 1px 1px 4px"][style*="rgb(226, 232, 240) rgb(71, 85, 105)"] { border-left-color: var(--ck-muted, #6c6c80) !important; }
/* search + modal fields */
#ck-market#ck-market input:not([type="file"]):not([type="checkbox"]):not([type="radio"]),
#ck-market#ck-market textarea,
#ck-market#ck-market select {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-input-line, #e3e6ef) !important;
  color: var(--ck-ink, #15151f) !important;
  border-radius: 10px !important;
}
#ck-market#ck-market input:not([type="file"]):not([type="checkbox"]):not([type="radio"]):focus,
#ck-market#ck-market textarea:focus,
#ck-market#ck-market select:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; outline: none !important; }
#ck-market#ck-market input[type="checkbox"] { accent-color: var(--ck-blue, #1d8bff); }
/* All / Active / Unsubscribed + modal "One person / Many" chips */
#ck-market#ck-market button[style*="border-radius: 20px"][style*="1.5px solid rgb(226, 232, 240)"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  color: var(--ck-muted, #6c6c80) !important;
}
#ck-market#ck-market button[style*="border-radius: 20px"][style*="1.5px solid rgb(226, 232, 240)"]:hover { border-color: var(--ck-tab-line, #38bdf8) !important; color: var(--ck-ink, #15151f) !important; }
#ck-market#ck-market button[style*="border-radius: 20px"][style*="1.5px solid rgb(37, 99, 235)"] {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff)) !important;
  border-color: var(--ck-tab-line, #38bdf8) !important;
  color: var(--ck-tab-ink, #0b2f6b) !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .16), 0 4px 14px rgba(29, 139, 255, .16) !important;
}
/* Add Subscribers panel */
#ck-market#ck-market div[style*="max-width: 860px"] { background: var(--ck-card, #fff) !important; box-shadow: 0 30px 70px rgba(0, 0, 0, .25) !important; }
#ck-market#ck-market div[style*="position: fixed"][style*="z-index: 1000"] { background: var(--ck-bg, #f5f4fa) !important; }
#ck-market#ck-market [style*="border-bottom: 1px solid rgb(226, 232, 240)"] { border-bottom-color: var(--ck-line, #ececf3) !important; }
#ck-market#ck-market [style*="border-top: 1px solid rgb(226, 232, 240)"] { border-top-color: var(--ck-line, #ececf3) !important; }

/* =================================================================== TOP LISTINGS tabs (bulkEmail.js / bulkSms.js inside the hub)
   No root of their own: scoped through the hub root id (#ck-hub-toplistings, ck-hubs.js) + .ck-hub-body. Hub bar not touched here. */
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body > div[style*="min-height: 100vh"] { background: var(--ck-bg, #f5f4fa) !important; }
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body h1 { color: var(--ck-ink, #15151f) !important; }
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body [style^="color: rgb(15, 23, 42)"],
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body [style*=" color: rgb(15, 23, 42)"] { color: var(--ck-ink, #15151f) !important; }
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body [style^="color: rgb(71, 85, 105)"],
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body [style*=" color: rgb(71, 85, 105)"],
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body [style^="color: rgb(148, 163, 184)"],
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body [style*=" color: rgb(148, 163, 184)"] { color: var(--ck-muted, #6c6c80) !important; }
/* old blue accents (icons, links, Back, outline buttons) -> O6 blue */
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body [style^="color: rgb(37, 99, 235)"],
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body [style*=" color: rgb(37, 99, 235)"] { color: var(--ck-blue, #1d8bff) !important; }
/* primary: New Campaign / New SMS Campaign / Save Sending Settings */
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body button[style*="background: rgb(37, 99, 235)"] {
  background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)) !important;
  color: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 20px rgba(29, 139, 255, .26) !important;
}
/* secondary: white buttons (Use Your Own Email, Edit, Preview, Save as draft); outline-blue ones keep a blue border */
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body button[style*="background: rgb(255, 255, 255)"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  border-radius: 12px !important;
}
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body button[style*="background: rgb(255, 255, 255)"]:hover { border-color: var(--ck-tab-line, #38bdf8) !important; }
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body button[style*="background: rgb(255, 255, 255)"][style*="solid rgb(37, 99, 235)"] { border-color: var(--ck-blue, #1d8bff) !important; }
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body label[style*="background: rgb(255, 255, 255)"][style*="border-radius: 8px"] { background: var(--ck-card, #fff) !important; border-color: var(--ck-line, #ececf3) !important; border-radius: 12px !important; }
/* cards: empty state, setup card, compose card, preview card */
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body div[style*="background: rgb(255, 255, 255)"][style*="border-radius: 12px"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  border-radius: 18px !important;
  box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)) !important;
}
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body div[style*="background: rgb(255, 255, 255)"][style*="border-radius: 12px"][style*="dashed"] { border-color: var(--ck-input-line, #e3e6ef) !important; box-shadow: none !important; }
/* campaign rows */
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body div[style*="background: rgb(255, 255, 255)"][style*="border-radius: 10px"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 8px rgba(40, 20, 90, .05) !important;
}
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body div[style*="background: rgb(255, 255, 255)"][style*="border-radius: 10px"]:hover { border-color: var(--ck-tab-line, #38bdf8) !important; }
/* sending-method choice (Use Your Own Email): unselected / selected = O6 blue glow */
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body label[style*="border-radius: 10px"] { border-radius: 14px !important; }
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body label[style*="border-radius: 10px"][style*="solid rgb(226, 232, 240)"] { background: var(--ck-card, #fff) !important; border-color: var(--ck-line, #ececf3) !important; }
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body label[style*="border-radius: 10px"][style*="solid rgb(37, 99, 235)"] {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff)) !important;
  border-color: var(--ck-tab-line, #38bdf8) !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .16), 0 4px 14px rgba(29, 139, 255, .16) !important;
}
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body span[style*="border: 2px solid rgb(37, 99, 235)"] { border-color: var(--ck-blue, #1d8bff) !important; }
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body span[style*="inset: 3px"][style*="background: rgb(37, 99, 235)"] { background: var(--ck-blue, #1d8bff) !important; }
/* Load contacts (grey secondary), AI Generate (purple accent -> blue), dashed preview/empty boxes */
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body button[style*="background: rgb(241, 245, 249)"] { background: var(--ck-card, #fff) !important; border-color: var(--ck-line, #ececf3) !important; color: var(--ck-ink, #15151f) !important; border-radius: 10px !important; }
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body button[style*="background: rgb(241, 245, 249)"]:hover { border-color: var(--ck-tab-line, #38bdf8) !important; }
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body button[style*="background: rgb(245, 243, 255)"] { background: rgba(29, 139, 255, .10) !important; border-color: rgba(56, 189, 248, .45) !important; color: var(--ck-blue, #1d8bff) !important; border-radius: 10px !important; }
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body [style*="dashed rgb(226, 232, 240)"] { border-color: var(--ck-input-line, #e3e6ef) !important; }
/* notices + status pills */
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body div[style*="background: rgb(239, 246, 255)"] { background: rgba(29, 139, 255, .10) !important; color: var(--ck-blue, #1d8bff) !important; border-radius: 12px !important; }
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body span[style*="background: rgb(219, 234, 254)"] { background: rgba(29, 139, 255, .12) !important; }
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body div[style*="background: rgb(255, 251, 235)"] { border-radius: 12px !important; }
/* own-SendGrid box + contact search dropdown */
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body div[style*="background: rgb(248, 250, 252)"][style*="border-radius: 8px"] { background: var(--ck-card-2, #f8f8fc) !important; border-color: var(--ck-line, #ececf3) !important; border-radius: 12px !important; }
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body div[style*="position: absolute"][style*="background: rgb(255, 255, 255)"] { background: var(--ck-card, #fff) !important; border-color: var(--ck-line, #ececf3) !important; border-radius: 12px !important; box-shadow: 0 18px 40px -12px rgba(29, 60, 120, .28) !important; }
/* fields */
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body input:not([type]),
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body input[type="text"],
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body input[type="email"],
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body input[type="number"],
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body input[type="password"],
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body input[type="date"],
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body input[type="time"],
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body input[type="datetime-local"],
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body textarea,
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body select {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-input-line, #e3e6ef) !important;
  color: var(--ck-ink, #15151f) !important;
  border-radius: 10px !important;
}
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body input:not([type]):focus,
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body input[type="text"]:focus,
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body input[type="email"]:focus,
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body input[type="number"]:focus,
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body input[type="password"]:focus,
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body input[type="date"]:focus,
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body input[type="time"]:focus,
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body input[type="datetime-local"]:focus,
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body textarea:focus,
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body select:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; outline: none !important; }
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body input[type="checkbox"],
#ck-hub-toplistings#ck-hub-toplistings .ck-hub-body input[type="radio"] { accent-color: var(--ck-blue, #1d8bff); }
/* dark-only: light tints that ck-theme.css does not map */
html[data-ck-theme="dark"] #ck-hub-toplistings#ck-hub-toplistings .ck-hub-body div[style*="background: rgb(255, 251, 235)"] { background: rgba(245, 158, 11, .12) !important; border-color: rgba(245, 158, 11, .35) !important; color: #fbbf24 !important; }
html[data-ck-theme="dark"] #ck-hub-toplistings#ck-hub-toplistings .ck-hub-body span[style*="background: rgb(209, 250, 229)"] { background: rgba(5, 150, 105, .18) !important; color: #34d399 !important; }

/* =================================================================== HOTSHEETS (#ck-hs, hotsheets.js) */
#ck-hs#ck-hs { background: var(--ck-bg, #f5f4fa) !important; color: var(--ck-ink, #15151f); }
#ck-hs#ck-hs .hs-mono,
#ck-hs#ck-hs .hs-sub,
#ck-hs#ck-hs .hs-stat span,
#ck-hs#ck-hs .hs-row .meta,
#ck-hs#ck-hs .hs-empty { color: var(--ck-muted, #6c6c80); }
#ck-hs#ck-hs .hs-h1 { color: var(--ck-ink, #15151f) !important; }
#ck-hs#ck-hs .hs-stat b,
#ck-hs#ck-hs .hs-title,
#ck-hs#ck-hs .hs-empty b,
#ck-hs#ck-hs .hs-row .nm { color: var(--ck-ink, #15151f); }
#ck-hs#ck-hs .hs-stat { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 16px; box-shadow: 0 2px 10px rgba(40, 20, 90, .05); }
#ck-hs#ck-hs .hs-stat:hover { border-color: var(--ck-tab-line, #38bdf8); box-shadow: 0 0 0 3px rgba(56, 189, 248, .14), 0 8px 20px rgba(29, 139, 255, .12); }
#ck-hs#ck-hs .hs-card { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 18px; box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)); }
#ck-hs#ck-hs .hs-sec { border-bottom-color: var(--ck-line, #ececf3); }
#ck-hs#ck-hs .hs-foot { background-color: var(--ck-card-2, #f8f8fc); }
/* fields */
#ck-hs#ck-hs .hs-in {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-input-line, #e3e6ef) !important;
  color: var(--ck-ink, #15151f) !important;
}
#ck-hs#ck-hs .hs-in:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; }
#ck-hs#ck-hs .hs-chips { background-color: var(--ck-input-bg, #fff); border-color: var(--ck-input-line, #e3e6ef); }
#ck-hs#ck-hs .hs-chips:focus-within { border-color: var(--ck-blue, #1d8bff); box-shadow: 0 0 0 3px rgba(29, 139, 255, .18); }
#ck-hs#ck-hs .hs-chipin { background-color: transparent !important; color: var(--ck-ink, #15151f) !important; }
#ck-hs#ck-hs .hs-chip { background-color: rgba(29, 139, 255, .10); color: var(--ck-blue, #1d8bff); }
#ck-hs#ck-hs .hs-chip button { color: var(--ck-blue, #1d8bff); }
/* status / property-type pills (status dots keep their colours) */
#ck-hs#ck-hs .hs-pill { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-hs#ck-hs .hs-pill:hover { border-color: var(--ck-tab-line, #38bdf8); }
#ck-hs#ck-hs .hs-pill.on {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  border-color: var(--ck-tab-line, #38bdf8);
  color: var(--ck-tab-ink, #0b2f6b);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .16), 0 4px 14px rgba(29, 139, 255, .16);
}
/* buttons */
#ck-hs#ck-hs .hs-btn { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-hs#ck-hs .hs-btn:hover { border-color: var(--ck-tab-line, #38bdf8); }
#ck-hs#ck-hs .hs-btn.primary { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); color: #fff; box-shadow: 0 12px 26px -8px rgba(29, 139, 255, .45); }
#ck-hs#ck-hs .hs-cnt { background-color: rgba(29, 139, 255, .10); color: var(--ck-blue, #1d8bff); }
#ck-hs#ck-hs .hs-empty { border-color: var(--ck-input-line, #e3e6ef); }
/* saved hotsheet rows */
#ck-hs#ck-hs .hs-row { border-color: var(--ck-line, #ececf3); }
#ck-hs#ck-hs .hs-row:hover { border-color: var(--ck-tab-line, #38bdf8); }
#ck-hs#ck-hs .hs-row.on {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  border-color: var(--ck-tab-line, #38bdf8);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .14), 0 4px 14px rgba(29, 139, 255, .14);
}
#ck-hs#ck-hs .hs-row.on .nm { color: var(--ck-tab-ink, #0b2f6b); }
#ck-hs#ck-hs .hs-sm { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-hs#ck-hs .hs-sm:hover { border-color: var(--ck-tab-line, #38bdf8); }
#ck-hs#ck-hs .hs-sm.on {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  border-color: var(--ck-tab-line, #38bdf8);
  color: var(--ck-tab-ink, #0b2f6b);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .14);
}
#ck-hs#ck-hs .hs-sm.del { color: #dc2626; }
#ck-hs#ck-hs .hs-sm.del:hover { background-color: rgba(220, 38, 38, .08); border-color: rgba(220, 38, 38, .35); }
/* results table */
#ck-hs#ck-hs th { background-color: var(--ck-card-2, #f8f8fc); border-bottom-color: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80) !important; }
#ck-hs#ck-hs td { border-bottom-color: var(--ck-line, #ececf3); }
#ck-hs#ck-hs td:not([style*="color"]) { color: var(--ck-ink, #15151f) !important; }
#ck-hs#ck-hs tbody tr:hover td { background-color: rgba(29, 139, 255, .045); }

/* =================================================================== SAVED SEARCHES (#ck-saved, saved-searches.js) */
#ck-saved#ck-saved { background: var(--ck-bg, #f5f4fa) !important; color: var(--ck-ink, #15151f); }
#ck-saved#ck-saved .sv-mono,
#ck-saved#ck-saved .sv-sub,
#ck-saved#ck-saved .sv-chip,
#ck-saved#ck-saved .sv-meta,
#ck-saved#ck-saved .sv-cnt span,
#ck-saved#ck-saved .sv-none,
#ck-saved#ck-saved .sv-empty,
#ck-saved#ck-saved .sv-searchwrap svg { color: var(--ck-muted, #6c6c80); }
#ck-saved#ck-saved .sv-h1 { color: var(--ck-ink, #15151f) !important; }
#ck-saved#ck-saved .sv-name,
#ck-saved#ck-saved .sv-chip b,
#ck-saved#ck-saved .sv-who a,
#ck-saved#ck-saved .sv-cnt b:not(.zero) { color: var(--ck-ink, #15151f); }
#ck-saved#ck-saved .sv-name:hover,
#ck-saved#ck-saved .sv-who a:hover { color: var(--ck-blue, #1d8bff); }
#ck-saved#ck-saved .sv-new { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); color: #fff; box-shadow: 0 10px 24px rgba(29, 139, 255, .28); }
/* the (single, always active) Saved searches tab = O6 glow */
#ck-saved#ck-saved .sv-tabs { border-bottom-color: var(--ck-line, #ececf3); }
#ck-saved#ck-saved .sv-tab {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  border-bottom-color: var(--ck-tab-line, #38bdf8);
  color: var(--ck-tab-ink, #0b2f6b);
  border-radius: 12px 12px 0 0;
  box-shadow: inset 0 0 0 1px rgba(56, 189, 248, .35), 0 -2px 14px rgba(29, 139, 255, .12);
}
#ck-saved#ck-saved .sv-pill { background-color: rgba(29, 139, 255, .12); color: var(--ck-blue, #1d8bff); }
/* search + sort (background-color only: .sv-sel keeps its chevron image) */
#ck-saved#ck-saved .sv-search,
#ck-saved#ck-saved .sv-sel {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-input-line, #e3e6ef) !important;
  color: var(--ck-ink, #15151f) !important;
}
#ck-saved#ck-saved .sv-search:focus,
#ck-saved#ck-saved .sv-sel:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; outline: none; }
/* cards */
#ck-saved#ck-saved .sv-card { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 18px; box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)); }
#ck-saved#ck-saved .sv-card:hover { border-color: var(--ck-tab-line, #38bdf8); }
#ck-saved#ck-saved .sv-nm-in { background-color: var(--ck-input-bg, #fff) !important; border-color: var(--ck-blue, #1d8bff) !important; color: var(--ck-ink, #15151f) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18); }
#ck-saved#ck-saved .sv-chip { background-color: var(--ck-card-2, #f8f8fc); }
#ck-saved#ck-saved .sv-acts { border-top-color: var(--ck-line, #ececf3); }
#ck-saved#ck-saved .sv-see { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); color: #fff; box-shadow: 0 12px 26px -10px rgba(29, 139, 255, .55); }
#ck-saved#ck-saved .sv-edit { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-saved#ck-saved .sv-edit:hover { border-color: var(--ck-tab-line, #38bdf8); }
#ck-saved#ck-saved .sv-ib { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80); }
#ck-saved#ck-saved .sv-ib:hover { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-ink, #15151f); }
#ck-saved#ck-saved .sv-ib.del:hover { background-color: rgba(220, 38, 38, .08); border-color: rgba(220, 38, 38, .35); color: #dc2626; }
#ck-saved#ck-saved .sv-empty { border-color: var(--ck-input-line, #e3e6ef); border-radius: 18px; }
/* dark-only: the green "new" pill tint (the dark sort chevron is in ck-theme.css O6 fix 1) */
html[data-ck-theme="dark"] #ck-saved#ck-saved .sv-newpill { background-color: rgba(21, 128, 61, .18); border-color: rgba(34, 197, 94, .35); color: #4ade80; }

/* =================================================================== CAMPAIGNS group
   #ck-nur AI Nurture (ai-nurture.js) · #ck-sms Text (smsCampaign.js) · #ck-em Email (email-campaign.js)
   #ck-vm Voicemail (voicemailCampaign.js) · #ck-aic AI Call (aiCalling.js) · #ck-newsletter Newsletter (newsletter.js, id hook)
   The hub bar (.ck-hub-bar / .ck-hub-seg) is styled by the hub section, not here. */

/* ------------------------------------------------------------------- AI NURTURE (#ck-nur) */
#ck-nur#ck-nur { background: var(--ck-bg, #f5f4fa); color: var(--ck-ink, #15151f); }
#ck-nur#ck-nur .nu-mono,
#ck-nur#ck-nur .nu-sub,
#ck-nur#ck-nur .nu-stat .l,
#ck-nur#ck-nur .nu-stat .s,
#ck-nur#ck-nur .nu-ready-h span.t,
#ck-nur#ck-nur .nu-who .ln,
#ck-nur#ck-nur .nu-panel-h .c,
#ck-nur#ck-nur .nu-search .si,
#ck-nur#ck-nur .nu-touch .ta,
#ck-nur#ck-nur .nu-live-h span,
#ck-nur#ck-nur .nu-li .ta,
#ck-nur#ck-nur .nu-step .ch,
#ck-nur#ck-nur .nu-empty-ready { color: var(--ck-muted, #6c6c80); }
#ck-nur#ck-nur .nu-run.off { background-color: var(--ck-card-2, #f8f8fc); border-color: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80); }
#ck-nur#ck-nur .nu-btn,
#ck-nur#ck-nur .nu-hand:not(:disabled),
#ck-nur#ck-nur .nu-b { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); color: #fff; box-shadow: 0 8px 20px rgba(29, 139, 255, .26); }
#ck-nur#ck-nur .nu-btn:disabled,
#ck-nur#ck-nur .nu-b:disabled { box-shadow: none; }
#ck-nur#ck-nur .nu-hand:disabled { background: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80); }
#ck-nur#ck-nur .nu-ghost,
#ck-nur#ck-nur .nu-g { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-nur#ck-nur .nu-icon { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80); }
#ck-nur#ck-nur .nu-ghost:hover,
#ck-nur#ck-nur .nu-g:hover,
#ck-nur#ck-nur .nu-icon:hover { border-color: var(--ck-tab-line, #38bdf8); }
/* status strip */
#ck-nur#ck-nur .nu-stats { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 18px; box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)); }
#ck-nur#ck-nur .nu-stat { border-left-color: var(--ck-line, #ececf3); border-top-color: var(--ck-line, #ececf3); }
#ck-nur#ck-nur .nu-stat:hover { background-color: rgba(29, 139, 255, .04); }
#ck-nur#ck-nur .nu-stat.on { background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff)); box-shadow: inset 0 0 0 1px var(--ck-tab-line, #38bdf8), inset 0 -3px 0 var(--ck-tab-line, #38bdf8); }
#ck-nur#ck-nur .nu-stat .n { color: var(--ck-ink, #15151f); }
/* "ready for an agent" block + lead cards */
#ck-nur#ck-nur .nu-ready { background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff)); border-color: rgba(56, 189, 248, .45); border-radius: 18px; }
#ck-nur#ck-nur .nu-ready-h .ic,
#ck-nur#ck-nur .nu-count { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); color: #fff; }
#ck-nur#ck-nur .nu-card { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 18px; box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)); }
#ck-nur#ck-nur .nu-why { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-ink, #15151f); }
#ck-nur#ck-nur .nu-why .sp { color: var(--ck-blue, #1d8bff); }
#ck-nur#ck-nur .nu-score { background-color: rgba(29, 139, 255, .10); color: var(--ck-blue, #1d8bff); }
#ck-nur#ck-nur .nu-empty-ready { background-color: var(--ck-card, #fff); border-color: rgba(56, 189, 248, .45); }
/* panels, search, table */
#ck-nur#ck-nur .nu-panel { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 18px; box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)); }
#ck-nur#ck-nur .nu-panel-h,
#ck-nur#ck-nur .nu-live-h { border-bottom-color: var(--ck-line, #ececf3); }
#ck-nur#ck-nur .nu-search input,
#ck-nur#ck-nur .nu-select,
#ck-nur#ck-nur .nu-map select,
#ck-nur#ck-nur .nu-areas input,
#ck-nur#ck-nur .nu-lt-form label input,
#ck-nur#ck-nur .nu-lt-form label select,
#ck-nur#ck-nur .nu-lt-form label textarea,
#ck-nur#ck-nur .nu-st textarea {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-input-line, #e3e6ef) !important;
  color: var(--ck-ink, #15151f) !important;
}
#ck-nur#ck-nur .nu-search input:focus,
#ck-nur#ck-nur .nu-select:focus,
#ck-nur#ck-nur .nu-map select:focus,
#ck-nur#ck-nur .nu-areas input:focus,
#ck-nur#ck-nur .nu-lt-form label input:focus,
#ck-nur#ck-nur .nu-lt-form label select:focus,
#ck-nur#ck-nur .nu-lt-form label textarea:focus,
#ck-nur#ck-nur .nu-st textarea:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; outline: none; }
#ck-nur#ck-nur .nu-t th { border-bottom-color: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80) !important; }
#ck-nur#ck-nur .nu-t td { border-bottom-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f) !important; }
#ck-nur#ck-nur .nu-t tr.r:hover td { background-color: rgba(29, 139, 255, .045); }
#ck-nur#ck-nur .nu-bar .b { background-color: var(--ck-line, #ececf3); }
#ck-nur#ck-nur .nu-bar .v { color: var(--ck-ink, #15151f); }
#ck-nur#ck-nur .nu-flag:not(.red) { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-muted, #6c6c80); }
/* playbook */
#ck-nur#ck-nur .nu-step { border-bottom-color: var(--ck-line, #ececf3); }
#ck-nur#ck-nur .nu-step .dy { color: var(--ck-blue, #1d8bff); }
#ck-nur#ck-nur .nu-step .lb { color: var(--ck-ink, #15151f); }
#ck-nur#ck-nur .nu-tab,
#ck-nur#ck-nur .nu-mtabs button { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80); }
#ck-nur#ck-nur .nu-tab:hover,
#ck-nur#ck-nur .nu-mtabs button:hover { border-color: var(--ck-tab-line, #38bdf8); color: var(--ck-ink, #15151f); }
#ck-nur#ck-nur .nu-tab.on,
#ck-nur#ck-nur .nu-mtabs button.on {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  border-color: var(--ck-tab-line, #38bdf8);
  color: var(--ck-tab-ink, #0b2f6b);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .16), 0 4px 14px rgba(29, 139, 255, .16);
}
/* upload / settings modals + lead drawer */
#ck-nur#ck-nur .nu-ov,
#ck-nur#ck-nur .nu-drawer { color: var(--ck-ink, #15151f); }
#ck-nur#ck-nur .nu-modal,
#ck-nur#ck-nur .nu-drawer { background-color: var(--ck-card, #fff); border-radius: 18px; }
#ck-nur#ck-nur .nu-drawer { border-radius: 18px 0 0 18px; }
#ck-nur#ck-nur .nu-mh,
#ck-nur#ck-nur .nu-map td,
#ck-nur#ck-nur .nu-ev { border-bottom-color: var(--ck-line, #ececf3); }
#ck-nur#ck-nur .nu-mf { border-top-color: var(--ck-line, #ececf3); }
#ck-nur#ck-nur .nu-mh .x { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80); }
#ck-nur#ck-nur .nu-steps span { border-bottom-color: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80); }
#ck-nur#ck-nur .nu-steps span.on { border-bottom-color: var(--ck-blue, #1d8bff); color: var(--ck-ink, #15151f); }
#ck-nur#ck-nur .nu-steps span.done { border-bottom-color: rgba(56, 189, 248, .55); }
#ck-nur#ck-nur .nu-mf .hint,
#ck-nur#ck-nur .nu-drop span,
#ck-nur#ck-nur .nu-map .ex,
#ck-nur#ck-nur .nu-sum span,
#ck-nur#ck-nur .nu-opt span,
#ck-nur#ck-nur .nu-lbl,
#ck-nur#ck-nur .nu-note,
#ck-nur#ck-nur .nu-kv span,
#ck-nur#ck-nur .nu-ev .ta,
#ck-nur#ck-nur .nu-lt-item span,
#ck-nur#ck-nur .nu-lt-form label { color: var(--ck-muted, #6c6c80); }
#ck-nur#ck-nur .nu-drop { background-color: rgba(29, 139, 255, .05); border-color: rgba(56, 189, 248, .55); }
#ck-nur#ck-nur .nu-drop.over { background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff)); border-color: var(--ck-blue, #1d8bff); }
#ck-nur#ck-nur .nu-sum div { border-color: var(--ck-line, #ececf3); border-radius: 14px; }
#ck-nur#ck-nur .nu-opt button,
#ck-nur#ck-nur .nu-ch,
#ck-nur#ck-nur .nu-lt-item { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-nur#ck-nur .nu-ch { color: var(--ck-muted, #6c6c80); }
#ck-nur#ck-nur .nu-opt button.on,
#ck-nur#ck-nur .nu-ch.on,
#ck-nur#ck-nur .nu-lt-item.on {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  border-color: var(--ck-tab-line, #38bdf8);
  color: var(--ck-tab-ink, #0b2f6b);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .16), 0 4px 14px rgba(29, 139, 255, .14);
}
#ck-nur#ck-nur .nu-lt-item.add,
#ck-nur#ck-nur .nu-link { color: var(--ck-blue, #1d8bff); }
#ck-nur#ck-nur .nu-st { background-color: var(--ck-card-2, #f8f8fc); border-color: var(--ck-line, #ececf3); }
#ck-nur#ck-nur .nu-st-x { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); }
#ck-nur#ck-nur input[type="checkbox"],
#ck-nur#ck-nur input[type="radio"] { accent-color: var(--ck-blue, #1d8bff); }
/* dark-only: semantic notes keep their meaning but lose the bright light tint */
html[data-ck-theme="dark"] #ck-nur#ck-nur .nu-run.on { background-color: rgba(22, 163, 74, .14); border-color: rgba(22, 163, 74, .40); color: #4ade80; }
html[data-ck-theme="dark"] #ck-nur#ck-nur .nu-banner,
html[data-ck-theme="dark"] #ck-nur#ck-nur .nu-warn { background-color: rgba(245, 158, 11, .12); border-color: rgba(245, 158, 11, .35); color: #fbbf24; }
html[data-ck-theme="dark"] #ck-nur#ck-nur .nu-err { background-color: rgba(220, 38, 38, .14); border-color: rgba(220, 38, 38, .40); color: #fca5a5; }
html[data-ck-theme="dark"] #ck-nur#ck-nur .nu-flag.red { background-color: rgba(220, 38, 38, .16); color: #fca5a5; }

/* ------------------------------------------------------------------- TEXT CAMPAIGN (#ck-sms) */
#ck-sms#ck-sms { background: var(--ck-bg, #f5f4fa) !important; color: var(--ck-ink, #15151f); }
#ck-sms#ck-sms .sm-mono,
#ck-sms#ck-sms .sm-sub,
#ck-sms#ck-sms .sm-ins,
#ck-sms#ck-sms .sm-ins .meta,
#ck-sms#ck-sms .sm-sum,
#ck-sms#ck-sms .sm-note,
#ck-sms#ck-sms .sm-ph-hint,
#ck-sms#ck-sms .sm-grp span,
#ck-sms#ck-sms .sm-tag span,
#ck-sms#ck-sms .sm-modal .hd button,
#ck-sms#ck-sms .sm-modal .r span { color: var(--ck-muted, #6c6c80); }
#ck-sms#ck-sms .sm-sum b,
#ck-sms#ck-sms .sm-ph-name { color: var(--ck-ink, #15151f); }
#ck-sms#ck-sms .sm-card { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 18px; box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)); }
#ck-sms#ck-sms .sm-step b { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); }
/* By tag / All my contacts */
#ck-sms#ck-sms .sm-seg { background-color: var(--ck-card-2, #f8f8fc); box-shadow: inset 0 0 0 1px var(--ck-line, #ececf3); }
#ck-sms#ck-sms .sm-seg button { color: var(--ck-muted, #6c6c80); }
#ck-sms#ck-sms .sm-seg button:hover { color: var(--ck-ink, #15151f); }
#ck-sms#ck-sms .sm-seg button.on {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  color: var(--ck-tab-ink, #0b2f6b);
  box-shadow: inset 0 0 0 1px var(--ck-tab-line, #38bdf8), 0 0 0 3px rgba(56, 189, 248, .14), 0 4px 12px rgba(29, 139, 255, .14);
}
/* tag search + chips */
#ck-sms#ck-sms .sm-search,
#ck-sms#ck-sms .sm-box { background-color: var(--ck-input-bg, #fff); border-color: var(--ck-input-line, #e3e6ef); color: var(--ck-muted, #6c6c80); }
#ck-sms#ck-sms .sm-search:focus-within,
#ck-sms#ck-sms .sm-box:focus-within { border-color: var(--ck-blue, #1d8bff); box-shadow: 0 0 0 3px rgba(29, 139, 255, .18); }
#ck-sms#ck-sms .sm-search input,
#ck-sms#ck-sms .sm-box textarea { background-color: transparent !important; color: var(--ck-ink, #15151f) !important; caret-color: var(--ck-blue, #1d8bff); }
#ck-sms#ck-sms .sm-sel { background-color: rgba(29, 139, 255, .10); border-color: rgba(56, 189, 248, .45); color: var(--ck-blue, #1d8bff); }
#ck-sms#ck-sms .sm-sel button { color: var(--ck-blue, #1d8bff); }
#ck-sms#ck-sms .sm-tags { background-color: var(--ck-card-2, #f8f8fc); border-color: var(--ck-line, #ececf3); }
#ck-sms#ck-sms .sm-grp,
#ck-sms#ck-sms .sm-tag { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-sms#ck-sms .sm-grp:hover,
#ck-sms#ck-sms .sm-tag:hover { border-color: var(--ck-tab-line, #38bdf8); }
#ck-sms#ck-sms .sm-grp.on,
#ck-sms#ck-sms .sm-tag.on {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  border-color: var(--ck-tab-line, #38bdf8);
  color: var(--ck-tab-ink, #0b2f6b);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .16), 0 4px 12px rgba(29, 139, 255, .14);
}
#ck-sms#ck-sms .sm-grp.on span,
#ck-sms#ck-sms .sm-tag.on span { color: var(--ck-blue, #1d8bff); }
#ck-sms#ck-sms .sm-chk input { accent-color: var(--ck-blue, #1d8bff); }
#ck-sms#ck-sms .sm-count.empty { background-color: var(--ck-card-2, #f8f8fc); border-color: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80); }
/* B.R.I.E.N. writer (was violet) */
#ck-sms#ck-sms .sm-ai { background-color: rgba(29, 139, 255, .07); border-color: rgba(56, 189, 248, .40); }
#ck-sms#ck-sms .sm-ai .t { color: var(--ck-blue, #1d8bff); }
#ck-sms#ck-sms .sm-in {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-input-line, #e3e6ef) !important;
  color: var(--ck-ink, #15151f) !important;
}
#ck-sms#ck-sms .sm-in:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; }
#ck-sms#ck-sms .sm-btn:not(.violet):not(.primary) { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-sms#ck-sms .sm-btn.violet { background: var(--ck-blue, #1d8bff); border-color: var(--ck-blue, #1d8bff); color: #fff; box-shadow: 0 6px 16px rgba(29, 139, 255, .26); }
#ck-sms#ck-sms .sm-btn.primary:not(:disabled) { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); color: #fff; box-shadow: 0 10px 24px rgba(29, 139, 255, .28); }
#ck-sms#ck-sms .sm-btn.primary:disabled { background: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80); }
#ck-sms#ck-sms .sm-ins { border-top-color: var(--ck-line, #ececf3); }
#ck-sms#ck-sms .sm-ins code { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-sms#ck-sms .sm-ins code:hover { border-color: var(--ck-tab-line, #38bdf8); color: var(--ck-blue, #1d8bff); }
/* phone preview (frame stays dark; screen follows the theme) */
#ck-sms#ck-sms .sm-phone { background-color: var(--ck-card-2, #f8f8fc); }
#ck-sms#ck-sms .sm-ph-top { background-color: var(--ck-card, #fff); border-bottom-color: var(--ck-line, #ececf3); }
#ck-sms#ck-sms .sm-ph-av { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); }
/* recipients modal */
#ck-sms#ck-sms .sm-modal > div { background-color: var(--ck-card, #fff); border-radius: 18px; box-shadow: 0 30px 70px rgba(0, 0, 0, .25); }
#ck-sms#ck-sms .sm-modal .hd,
#ck-sms#ck-sms .sm-modal .r { border-bottom-color: var(--ck-line, #ececf3); }
html[data-ck-theme="dark"] #ck-sms#ck-sms .sm-phone { border-color: var(--ck-input-line, #2a2d38); }
html[data-ck-theme="dark"] #ck-sms#ck-sms .sm-count:not(.empty),
html[data-ck-theme="dark"] #ck-sms#ck-sms .sm-ok { background-color: rgba(22, 163, 74, .14); border-color: rgba(22, 163, 74, .40); color: #86efac; }
html[data-ck-theme="dark"] #ck-sms#ck-sms .sm-err { background-color: rgba(220, 38, 38, .14); color: #fca5a5; }

/* ------------------------------------------------------------------- EMAIL CAMPAIGN (#ck-em) */
#ck-em#ck-em { color: var(--ck-ink, #15151f); }
#ck-em#ck-em .em-list { background-color: var(--ck-bg, #f5f4fa); }
#ck-em#ck-em .em-mono,
#ck-em#ck-em .em-sub,
#ck-em#ck-em .em-empty p,
#ck-em#ck-em .em-devlbl,
#ck-em#ck-em .em-hint,
#ck-em#ck-em .em-set label,
#ck-em#ck-em .em-set small,
#ck-em#ck-em .em-mh button,
#ck-em#ck-em .ds-ph p,
#ck-em#ck-em .ds-hint,
#ck-em#ck-em .ds-strip,
#ck-em#ck-em .ds-foot { color: var(--ck-muted, #6c6c80); }
#ck-em#ck-em .em-btn { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-em#ck-em .em-btn:hover { border-color: var(--ck-tab-line, #38bdf8); }
#ck-em#ck-em .em-btn.primary { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); color: #fff; box-shadow: 0 10px 24px rgba(29, 139, 255, .28); }
#ck-em#ck-em .em-btn.dark { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); color: #fff; }
#ck-em#ck-em .em-btn.del { color: #dc2626; }
#ck-em#ck-em .em-card { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 18px; box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)); }
#ck-em#ck-em .em-tbl th { background-color: var(--ck-card-2, #f8f8fc); border-bottom-color: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80) !important; }
#ck-em#ck-em .em-tbl td { border-bottom-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f) !important; }
#ck-em#ck-em .em-tbl tr:hover td { background-color: rgba(29, 139, 255, .045); }
#ck-em#ck-em .em-pill:not(.sent) { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-muted, #6c6c80); }
#ck-em#ck-em .em-empty .ico { background-color: rgba(29, 139, 255, .10); color: var(--ck-blue, #1d8bff); }
/* builder chrome (the email canvas itself is the email and is left alone) */
#ck-em#ck-em .em-build,
#ck-em#ck-em .em-canvas,
#ck-em#ck-em .ds-build { background-color: var(--ck-bg, #f5f4fa); }
#ck-em#ck-em .em-bar,
#ck-em#ck-em .em-tools,
#ck-em#ck-em .em-side,
#ck-em#ck-em .ds-rail,
#ck-em#ck-em .ds-panel,
#ck-em#ck-em .ds-strip,
#ck-em#ck-em .ds-foot { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); }
#ck-em#ck-em .em-tabs { border-bottom-color: var(--ck-line, #ececf3); }
#ck-em#ck-em .em-in {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-input-line, #e3e6ef) !important;
  color: var(--ck-ink, #15151f) !important;
}
#ck-em#ck-em .em-in:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; }
#ck-em#ck-em .ds-subj:focus { border-color: var(--ck-tab-line, #38bdf8); box-shadow: 0 0 0 3px rgba(56, 189, 248, .22); }
#ck-em#ck-em .em-ib,
#ck-em#ck-em .ds-tb { color: var(--ck-ink, #15151f); }
#ck-em#ck-em .em-ib:hover,
#ck-em#ck-em .ds-tb:hover,
#ck-em#ck-em .ds-rb:hover .ico { background-color: rgba(29, 139, 255, .08); }
#ck-em#ck-em .em-tab { color: var(--ck-muted, #6c6c80); }
#ck-em#ck-em .em-ib.on,
#ck-em#ck-em .em-tab.on,
#ck-em#ck-em .ds-tb.on,
#ck-em#ck-em .ds-rb.on .ico {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  color: var(--ck-tab-ink, #0b2f6b);
  box-shadow: inset 0 0 0 1px var(--ck-tab-line, #38bdf8), 0 0 0 3px rgba(56, 189, 248, .14), 0 4px 12px rgba(29, 139, 255, .14);
}
#ck-em#ck-em .ds-rb,
#ck-em#ck-em .ds-rb .ico { color: var(--ck-muted, #6c6c80); }
#ck-em#ck-em .ds-rb.on { color: var(--ck-ink, #15151f); }
#ck-em#ck-em .ds-btn.pri { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); box-shadow: 0 8px 20px rgba(29, 139, 255, .30); }
#ck-em#ck-em .ds-ph h3,
#ck-em#ck-em .ds-tpl .nm { color: var(--ck-ink, #15151f) !important; }
#ck-em#ck-em .ds-ph button,
#ck-em#ck-em .ds-foot button { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-em#ck-em .ds-tpl .th { border-color: var(--ck-line, #ececf3); }
#ck-em#ck-em .ds-tpl:hover .th { border-color: var(--ck-tab-line, #38bdf8); box-shadow: 0 0 0 3px rgba(56, 189, 248, .14), 0 10px 22px rgba(29, 139, 255, .14); }
#ck-em#ck-em .ds-sep { background-color: var(--ck-line, #ececf3); }
#ck-em#ck-em .ds-foot input[type=range] { accent-color: var(--ck-blue, #1d8bff); }
#ck-em#ck-em .ds-upload { background-color: rgba(29, 139, 255, .07); border-color: var(--ck-tab-line, #38bdf8); color: var(--ck-blue, #1d8bff); }
#ck-em#ck-em .gjs-block { background-color: var(--ck-card, #fff) !important; border-color: var(--ck-line, #ececf3) !important; color: var(--ck-ink, #15151f) !important; }
#ck-em#ck-em .gjs-block:hover { border-color: var(--ck-tab-line, #38bdf8) !important; }
#ck-em#ck-em .gjs-block-label,
#ck-em#ck-em .gjs-two-color { color: var(--ck-ink, #15151f) !important; }
#ck-em#ck-em .gjs-four-color,
#ck-em#ck-em .gjs-four-color-h:hover { color: var(--ck-blue, #1d8bff) !important; }
#ck-em#ck-em .gjs-badge { background-color: var(--ck-blue, #1d8bff) !important; }
#ck-em#ck-em .gjs-rte-active { background-color: var(--ck-blue, #1d8bff) !important; }
/* send modal */
#ck-em#ck-em .em-modal > div { background-color: var(--ck-card, #fff); border-radius: 18px; }
#ck-em#ck-em .em-mh { border-bottom-color: var(--ck-line, #ececf3); }
#ck-em#ck-em .em-dd { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); }
#ck-em#ck-em .em-dd div:hover { background-color: rgba(29, 139, 255, .08); }
html[data-ck-theme="dark"] #ck-em#ck-em .em-count,
html[data-ck-theme="dark"] #ck-em#ck-em .em-res.ok,
html[data-ck-theme="dark"] #ck-em#ck-em .em-pill.sent { background-color: rgba(22, 163, 74, .14); border-color: rgba(22, 163, 74, .40); color: #86efac; }
html[data-ck-theme="dark"] #ck-em#ck-em .em-res.err { background-color: rgba(220, 38, 38, .14); color: #fca5a5; }
/* dark-only: template thumbnails and colour swatches are email content, so ck-theme's white->card mapping must not repaint them */
html[data-ck-theme="dark"] #ck-em#ck-em .ds-tpl .th.dark[style*="background: rgb(255, 255, 255)"],
html[data-ck-theme="dark"] #ck-em#ck-em .ds-sw[style*="background: rgb(255, 255, 255)"] { background-color: #ffffff !important; }
html[data-ck-theme="dark"] #ck-em#ck-em .ds-tpl .th.dark[style*="background: rgb(246, 247, 251)"] { background-color: #f6f7fb !important; }
html[data-ck-theme="dark"] #ck-em#ck-em .ds-sw { border-color: rgba(255, 255, 255, .28); }
html[data-ck-theme="dark"] #ck-em#ck-em .gjs-sm-sector,
html[data-ck-theme="dark"] #ck-em#ck-em .gjs-layer,
html[data-ck-theme="dark"] #ck-em#ck-em .gjs-layers,
html[data-ck-theme="dark"] #ck-em#ck-em .gjs-clm-tags,
html[data-ck-theme="dark"] #ck-em#ck-em .gjs-mdl-dialog { background-color: var(--ck-card, #14161e) !important; color: var(--ck-ink, #e8e9f0) !important; }
html[data-ck-theme="dark"] #ck-em#ck-em .gjs-sm-sector-title,
html[data-ck-theme="dark"] #ck-em#ck-em .gjs-sm-sector .gjs-sm-title,
html[data-ck-theme="dark"] #ck-em#ck-em .gjs-sm-label,
html[data-ck-theme="dark"] #ck-em#ck-em .gjs-trt-trait .gjs-label,
html[data-ck-theme="dark"] #ck-em#ck-em .gjs-layer-name,
html[data-ck-theme="dark"] #ck-em#ck-em .gjs-title,
html[data-ck-theme="dark"] #ck-em#ck-em .gjs-mdl-title { color: var(--ck-ink, #e8e9f0) !important; }
html[data-ck-theme="dark"] #ck-em#ck-em .gjs-field,
html[data-ck-theme="dark"] #ck-em#ck-em .gjs-field input,
html[data-ck-theme="dark"] #ck-em#ck-em .gjs-field select,
html[data-ck-theme="dark"] #ck-em#ck-em .gjs-sm-field input,
html[data-ck-theme="dark"] #ck-em#ck-em .gjs-clm-field input,
html[data-ck-theme="dark"] #ck-em#ck-em .gjs-select { background-color: var(--ck-input-bg, #16181f) !important; color: var(--ck-ink, #e8e9f0) !important; border-color: var(--ck-input-line, #2a2d38) !important; }

/* ------------------------------------------------------------------- VOICEMAIL DROP (#ck-vm) */
#ck-vm#ck-vm { background: var(--ck-bg, #f5f4fa) !important; color: var(--ck-ink, #15151f); }
#ck-vm#ck-vm .vm-mono,
#ck-vm#ck-vm .vm-sub,
#ck-vm#ck-vm .vm-mode span,
#ck-vm#ck-vm .vm-ins,
#ck-vm#ck-vm .vm-ins .meta,
#ck-vm#ck-vm .vm-lbl,
#ck-vm#ck-vm .vm-hear small,
#ck-vm#ck-vm .vm-tag span,
#ck-vm#ck-vm .vm-opts label,
#ck-vm#ck-vm .vm-sum,
#ck-vm#ck-vm .vm-cmp .mt,
#ck-vm#ck-vm .vm-count .sk { color: var(--ck-muted, #6c6c80); }
#ck-vm#ck-vm .vm-sum b,
#ck-vm#ck-vm .vm-mode { color: var(--ck-ink, #15151f); }
#ck-vm#ck-vm .vm-card { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 18px; box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)); }
#ck-vm#ck-vm .vm-step b { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); }
#ck-vm#ck-vm .vm-in {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-input-line, #e3e6ef) !important;
  color: var(--ck-ink, #15151f) !important;
}
#ck-vm#ck-vm .vm-in:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; }
#ck-vm#ck-vm .vm-selw > svg { color: var(--ck-muted, #6c6c80); }
/* Record / Upload / My AI voice / Standard voice */
#ck-vm#ck-vm .vm-mode { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); }
#ck-vm#ck-vm .vm-mode svg { color: var(--ck-muted, #6c6c80); }
#ck-vm#ck-vm .vm-mode:hover { border-color: var(--ck-tab-line, #38bdf8); }
#ck-vm#ck-vm .vm-mode.on {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  border-color: var(--ck-tab-line, #38bdf8);
  color: var(--ck-tab-ink, #0b2f6b);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .16), 0 4px 14px rgba(29, 139, 255, .16);
}
#ck-vm#ck-vm .vm-mode.on svg,
#ck-vm#ck-vm .vm-mode.on b { color: var(--ck-blue, #1d8bff); }
#ck-vm#ck-vm .vm-ai { background-color: rgba(29, 139, 255, .07); border-color: rgba(56, 189, 248, .40); }
#ck-vm#ck-vm .vm-ai .t { color: var(--ck-blue, #1d8bff); }
#ck-vm#ck-vm .vm-btn:not(.violet):not(.primary) { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-vm#ck-vm .vm-btn.outline { border-color: rgba(56, 189, 248, .55); color: var(--ck-blue, #1d8bff); }
#ck-vm#ck-vm .vm-btn.violet { background: var(--ck-blue, #1d8bff); border-color: var(--ck-blue, #1d8bff); color: #fff; }
#ck-vm#ck-vm .vm-btn.primary:not(:disabled) { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); color: #fff; box-shadow: 0 10px 24px rgba(29, 139, 255, .28); }
#ck-vm#ck-vm .vm-btn.primary:disabled { background: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80); }
#ck-vm#ck-vm .vm-box,
#ck-vm#ck-vm .vm-search { background-color: var(--ck-input-bg, #fff); border-color: var(--ck-input-line, #e3e6ef); color: var(--ck-muted, #6c6c80); }
#ck-vm#ck-vm .vm-box:focus-within,
#ck-vm#ck-vm .vm-search:focus-within { border-color: var(--ck-blue, #1d8bff); box-shadow: 0 0 0 3px rgba(29, 139, 255, .18); }
#ck-vm#ck-vm .vm-box textarea,
#ck-vm#ck-vm .vm-search input { background-color: transparent !important; color: var(--ck-ink, #15151f) !important; caret-color: var(--ck-blue, #1d8bff); }
#ck-vm#ck-vm .vm-ins,
#ck-vm#ck-vm .vm-hear { border-top-color: var(--ck-line, #ececf3); }
#ck-vm#ck-vm .vm-ins code { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-vm#ck-vm .vm-seg { background-color: var(--ck-card-2, #f8f8fc); box-shadow: inset 0 0 0 1px var(--ck-line, #ececf3); }
#ck-vm#ck-vm .vm-seg button { color: var(--ck-muted, #6c6c80); }
#ck-vm#ck-vm .vm-seg button.on {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  color: var(--ck-tab-ink, #0b2f6b);
  box-shadow: inset 0 0 0 1px var(--ck-tab-line, #38bdf8), 0 0 0 3px rgba(56, 189, 248, .14), 0 4px 12px rgba(29, 139, 255, .14);
}
#ck-vm#ck-vm .vm-sel { background-color: rgba(29, 139, 255, .10); border-color: rgba(56, 189, 248, .45); color: var(--ck-blue, #1d8bff); }
#ck-vm#ck-vm .vm-sel button { color: var(--ck-blue, #1d8bff); }
#ck-vm#ck-vm .vm-tags { background-color: var(--ck-card-2, #f8f8fc); border-color: var(--ck-line, #ececf3); }
#ck-vm#ck-vm .vm-tag { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-vm#ck-vm .vm-tag.on {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  border-color: var(--ck-tab-line, #38bdf8);
  color: var(--ck-tab-ink, #0b2f6b);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .16);
}
#ck-vm#ck-vm .vm-count.empty { background-color: var(--ck-card-2, #f8f8fc); border-color: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80); }
#ck-vm#ck-vm .vm-cmp { border-color: var(--ck-line, #ececf3); }
#ck-vm#ck-vm .vm-pill,
#ck-vm#ck-vm .vm-prog { background-color: var(--ck-card-2, #f8f8fc); }
#ck-vm#ck-vm .vm-pill { color: var(--ck-muted, #6c6c80); }
#ck-vm#ck-vm .vm-need { color: var(--ck-blue, #1d8bff); }
/* Voicemail settings panel (inline styles; violet tint -> blue tint) */
#ck-vm#ck-vm div[style*="background: rgb(246, 243, 255)"] { background-color: rgba(29, 139, 255, .07) !important; border-color: rgba(56, 189, 248, .40) !important; border-radius: 18px !important; }
#ck-vm#ck-vm i[style*="color: rgb(123, 92, 240)"],
#ck-vm#ck-vm a[style*="color: rgb(123, 92, 240)"],
#ck-vm#ck-vm div[style*="color: rgb(123, 92, 240)"] { color: var(--ck-blue, #1d8bff) !important; }
#ck-vm#ck-vm button[style*="background: rgb(123, 92, 240)"],
#ck-vm#ck-vm button[style*="background: rgb(232, 72, 138)"] { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)) !important; color: #fff !important; box-shadow: 0 6px 16px rgba(29, 139, 255, .26) !important; }
#ck-vm#ck-vm button[style*="background: rgb(241, 245, 249)"] { background: var(--ck-card, #fff) !important; color: var(--ck-ink, #15151f) !important; box-shadow: inset 0 0 0 1px var(--ck-line, #ececf3) !important; }
#ck-vm#ck-vm button[style*="border-radius: 999px"][style*="background: rgb(255, 255, 255)"] { background-color: var(--ck-card, #fff) !important; border-color: var(--ck-line, #ececf3) !important; color: var(--ck-ink, #15151f) !important; }
#ck-vm#ck-vm button[style*="border-radius: 999px"][style*="solid rgb(232, 72, 138)"] {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff)) !important;
  border-color: var(--ck-tab-line, #38bdf8) !important;
  color: var(--ck-tab-ink, #0b2f6b) !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .16) !important;
}
#ck-vm#ck-vm textarea[style*="border: 1px solid rgb(236, 236, 242)"],
#ck-vm#ck-vm select[style*="border: 1px solid rgb(236, 236, 242)"],
#ck-vm#ck-vm input[style*="border: 1px solid rgb(236, 236, 242)"] {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-input-line, #e3e6ef) !important;
  color: var(--ck-ink, #15151f) !important;
}
#ck-vm#ck-vm textarea[style*="border: 1px solid rgb(236, 236, 242)"]:focus,
#ck-vm#ck-vm select[style*="border: 1px solid rgb(236, 236, 242)"]:focus,
#ck-vm#ck-vm input[style*="border: 1px solid rgb(236, 236, 242)"]:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; outline: none; }
#ck-vm#ck-vm input[type="checkbox"] { accent-color: var(--ck-blue, #1d8bff); }
html[data-ck-theme="dark"] #ck-vm#ck-vm .vm-bar:not(.warn),
html[data-ck-theme="dark"] #ck-vm#ck-vm .vm-count:not(.empty),
html[data-ck-theme="dark"] #ck-vm#ck-vm .vm-good { background-color: rgba(22, 163, 74, .14); border-color: rgba(22, 163, 74, .40); color: #86efac; }
html[data-ck-theme="dark"] #ck-vm#ck-vm .vm-bar.warn { background-color: rgba(245, 158, 11, .12); border-color: rgba(245, 158, 11, .35); color: #fbbf24; }
html[data-ck-theme="dark"] #ck-vm#ck-vm .vm-err { background-color: rgba(220, 38, 38, .14); color: #fca5a5; }

/* ------------------------------------------------------------------- AI CALL (#ck-aic — inline-styled page) */
#ck-aic#ck-aic { background: var(--ck-bg, #f5f4fa) !important; color: var(--ck-ink, #15151f) !important; }
/* cards + stat strip */
#ck-aic#ck-aic div[style*="background: rgb(255, 255, 255)"][style*="border-radius: 18px"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  border-radius: 18px !important;
  box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)) !important;
}
#ck-aic#ck-aic div[style*="background: rgb(250, 250, 252)"][style*="border-radius: 16px"] { background: var(--ck-card-2, #f8f8fc) !important; border-color: var(--ck-line, #ececf3) !important; }
#ck-aic#ck-aic div[style*="border-left: 1px solid rgb(236, 236, 242)"] { border-left-color: var(--ck-line, #ececf3) !important; }
#ck-aic#ck-aic div[style*="padding: 24px 28px"][style*="cursor: pointer"]:hover { background-color: rgba(29, 139, 255, .04) !important; }
/* Campaigns / Leads / Voice profiles / Call history tabs (pink underline -> blue glow) */
#ck-aic#ck-aic div[style*="border-bottom: 1px solid rgb(236, 236, 242)"][style*="gap: 4px"] { border-bottom-color: var(--ck-line, #ececf3) !important; }
#ck-aic#ck-aic button[style*="padding: 12px 20px 14px"] { border-radius: 12px 12px 0 0 !important; }
#ck-aic#ck-aic button[style*="padding: 12px 20px 14px"]:hover { color: var(--ck-ink, #15151f) !important; }
#ck-aic#ck-aic button[style*="padding: 12px 20px 14px"][style*="rgb(232, 72, 138)"] {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff)) !important;
  border-bottom-color: var(--ck-tab-line, #38bdf8) !important;
  color: var(--ck-tab-ink, #0b2f6b) !important;
  box-shadow: inset 0 0 0 1px rgba(56, 189, 248, .35), 0 -2px 14px rgba(29, 139, 255, .12) !important;
}
#ck-aic#ck-aic span[style*="min-width: 26px"][style*="background: rgb(253, 242, 248)"] { background: rgba(29, 139, 255, .14) !important; color: var(--ck-blue, #1d8bff) !important; }
/* pink "blue" accents of this page -> O6 blue */
#ck-aic#ck-aic div[style*="background: rgb(253, 242, 248)"],
#ck-aic#ck-aic tr[style*="background: rgb(253, 242, 248)"],
#ck-aic#ck-aic div[style*="background: rgb(253, 242, 248)"][style*="border"] { background: rgba(29, 139, 255, .08) !important; }
#ck-aic#ck-aic div[style*="border: 1px solid rgb(232, 72, 138)"] { border-color: rgba(56, 189, 248, .55) !important; }
#ck-aic#ck-aic [style^="color: rgb(232, 72, 138)"],
#ck-aic#ck-aic [style*=" color: rgb(232, 72, 138)"],
#ck-aic#ck-aic [style^="color: rgb(194, 48, 108)"],
#ck-aic#ck-aic [style*=" color: rgb(194, 48, 108)"] { color: var(--ck-blue, #1d8bff) !important; }
#ck-aic#ck-aic div[style*=" color: rgb(232, 72, 138)"] > span { color: var(--ck-blue, #1d8bff) !important; }
#ck-aic#ck-aic button[style*="border: 1px solid rgb(232, 72, 138)"] { border-color: var(--ck-blue, #1d8bff) !important; color: var(--ck-blue, #1d8bff) !important; }
/* violet / old-blue accents -> O6 blue */
#ck-aic#ck-aic div[style*="background: rgb(245, 243, 255)"] { background: rgba(29, 139, 255, .07) !important; border-color: rgba(56, 189, 248, .40) !important; border-radius: 14px !important; }
#ck-aic#ck-aic [style^="color: rgb(124, 58, 237)"], #ck-aic#ck-aic [style*=" color: rgb(124, 58, 237)"],
#ck-aic#ck-aic [style^="color: rgb(123, 92, 240)"], #ck-aic#ck-aic [style*=" color: rgb(123, 92, 240)"] { color: var(--ck-blue, #1d8bff) !important; }
#ck-aic#ck-aic div[style*="background: rgb(123, 92, 240)"] { background: var(--ck-blue, #1d8bff) !important; }
#ck-aic#ck-aic button[style*="background: rgb(124, 58, 237)"],
#ck-aic#ck-aic button[style*="background: rgb(37, 99, 235)"] { background: var(--ck-blue, #1d8bff) !important; color: #fff !important; box-shadow: 0 6px 16px rgba(29, 139, 255, .26) !important; }
/* primary gradient buttons: blue glow instead of violet */
#ck-aic#ck-aic button[style*="linear-gradient(90deg, rgb(232, 72, 138)"] { box-shadow: 0 10px 24px rgba(29, 139, 255, .28) !important; }
/* secondary buttons */
#ck-aic#ck-aic button[style*="border: 1px solid rgb(236, 236, 242)"][style*="background: rgb(255, 255, 255)"] { background: var(--ck-card, #fff) !important; border-color: var(--ck-line, #ececf3) !important; color: var(--ck-ink, #15151f) !important; }
#ck-aic#ck-aic button[style*="border: 1px solid rgb(236, 236, 242)"][style*="background: rgb(255, 255, 255)"]:hover { border-color: var(--ck-tab-line, #38bdf8) !important; }
/* fields */
#ck-aic#ck-aic input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
#ck-aic#ck-aic textarea,
#ck-aic#ck-aic select {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-input-line, #e3e6ef) !important;
  color: var(--ck-ink, #15151f) !important;
}
#ck-aic#ck-aic input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):focus,
#ck-aic#ck-aic textarea:focus,
#ck-aic#ck-aic select:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; outline: none; }
#ck-aic#ck-aic input[type="checkbox"],
#ck-aic#ck-aic input[type="radio"],
#ck-aic#ck-aic input[type="range"] { accent-color: var(--ck-blue, #1d8bff) !important; }
/* modals */
#ck-aic#ck-aic div[style*="position: fixed"] > div[style*="border-radius: 20px"] {
  background: var(--ck-card, #fff) !important;
  border-radius: 18px !important;
  box-shadow: 0 30px 70px rgba(0, 0, 0, .25) !important;
}
#ck-aic#ck-aic div[style*="border-bottom: 1px solid rgb(236, 236, 242)"] { border-bottom-color: var(--ck-line, #ececf3) !important; }
#ck-aic#ck-aic div[style*="border-top: 1px solid rgb(236, 236, 242)"] { border-top-color: var(--ck-line, #ececf3) !important; }
#ck-aic#ck-aic [style^="color: rgb(139, 139, 152)"], #ck-aic#ck-aic [style*=" color: rgb(139, 139, 152)"],
#ck-aic#ck-aic [style^="color: rgb(154, 154, 167)"], #ck-aic#ck-aic [style*=" color: rgb(154, 154, 167)"] { color: var(--ck-muted, #6c6c80) !important; }
/* the "1/2/3" step badge that is plain ink stays readable in dark */
html[data-ck-theme="dark"] #ck-aic#ck-aic div[style*="width: 42px"][style*="background: rgb(21, 21, 28)"] { background: var(--ck-card-2, #1a1c24) !important; box-shadow: inset 0 0 0 1px var(--ck-line, #23252f) !important; }
html[data-ck-theme="dark"] #ck-aic#ck-aic span[style*="background: rgb(209, 250, 229)"] { background: rgba(22, 163, 74, .16) !important; color: #86efac !important; }
html[data-ck-theme="dark"] #ck-aic#ck-aic span[style*="background: rgb(254, 226, 226)"] { background: rgba(220, 38, 38, .16) !important; color: #fca5a5 !important; }
html[data-ck-theme="dark"] #ck-aic#ck-aic span[style*="background: rgb(254, 243, 199)"] { background: rgba(245, 158, 11, .16) !important; color: #fbbf24 !important; }

/* ------------------------------------------------------------------- NEWSLETTER (#ck-newsletter — inline-styled page, id hook) */
#ck-newsletter#ck-newsletter { background: var(--ck-bg, #f5f4fa) !important; color: var(--ck-ink, #15151f); }
#ck-newsletter#ck-newsletter h1 i[style*="color: rgb(236, 72, 153)"] { color: var(--ck-blue, #1d8bff) !important; }
/* cards + stat tiles */
#ck-newsletter#ck-newsletter div[style*="background: rgb(255, 255, 255)"][style*="border-radius: 14px"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  border-radius: 18px !important;
  box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)) !important;
}
#ck-newsletter#ck-newsletter div[style*="background: rgb(255, 255, 255)"][style*="border-radius: 12px"][style*="min-width: 130px"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 10px rgba(40, 20, 90, .05) !important;
}
#ck-newsletter#ck-newsletter div[style*="min-width: 130px"][style*="rgb(236, 72, 153)"] {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff)) !important;
  border-color: var(--ck-tab-line, #38bdf8) !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .16), 0 4px 14px rgba(29, 139, 255, .16) !important;
}
/* warm-up progress bar */
#ck-newsletter#ck-newsletter div[style*="height: 10px"][style*="background: rgb(238, 242, 247)"] { background: var(--ck-line, #ececf3) !important; }
#ck-newsletter#ck-newsletter div[style*="height: 100%"][style*="background: rgb(59, 130, 246)"] { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)) !important; }
#ck-newsletter#ck-newsletter div[style*="border-radius: 6px 6px 0px 0px"][style*="background: rgb(59, 130, 246)"] { background: var(--ck-blue, #1d8bff) !important; }
/* buttons: Queue (blue) / Send test (pink) -> gradient; Desktop/Mobile active (dark) -> glow; outline -> card */
#ck-newsletter#ck-newsletter button[style*="background: rgb(59, 130, 246)"],
#ck-newsletter#ck-newsletter button[style*="background: rgb(236, 72, 153)"] { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)) !important; color: #fff !important; border-radius: 12px !important; box-shadow: 0 8px 20px rgba(29, 139, 255, .26) !important; }
#ck-newsletter#ck-newsletter button[style*="background: rgb(30, 41, 59)"] {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff)) !important;
  color: var(--ck-tab-ink, #0b2f6b) !important;
  border-radius: 12px !important;
  box-shadow: inset 0 0 0 1px var(--ck-tab-line, #38bdf8), 0 0 0 3px rgba(56, 189, 248, .14), 0 4px 12px rgba(29, 139, 255, .14) !important;
}
#ck-newsletter#ck-newsletter button[style*="background: rgb(255, 255, 255)"][style*="border: 1px solid rgb(226, 232, 240)"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  color: var(--ck-ink, #15151f) !important;
  border-radius: 12px !important;
}
#ck-newsletter#ck-newsletter button[style*="background: rgb(255, 255, 255)"][style*="border: 1px solid rgb(226, 232, 240)"]:hover { border-color: var(--ck-tab-line, #38bdf8) !important; }
/* fields */
#ck-newsletter#ck-newsletter input,
#ck-newsletter#ck-newsletter select {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-input-line, #e3e6ef) !important;
  color: var(--ck-ink, #15151f) !important;
}
#ck-newsletter#ck-newsletter input:focus,
#ck-newsletter#ck-newsletter select:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; outline: none; }
/* recipients table + links */
#ck-newsletter#ck-newsletter th { border-bottom-color: var(--ck-line, #ececf3) !important; color: var(--ck-muted, #6c6c80) !important; }
#ck-newsletter#ck-newsletter td { border-bottom-color: var(--ck-line, #ececf3) !important; }
#ck-newsletter#ck-newsletter tr:hover td { background-color: rgba(29, 139, 255, .045); }
#ck-newsletter#ck-newsletter td[style*="color: rgb(59, 130, 246)"],
#ck-newsletter#ck-newsletter a[style*="color: rgb(59, 130, 246)"] { color: var(--ck-blue, #1d8bff) !important; }
#ck-newsletter#ck-newsletter iframe { border-color: var(--ck-line, #ececf3) !important; border-radius: 14px !important; }
#ck-newsletter#ck-newsletter [style^="color: rgb(100, 116, 139)"], #ck-newsletter#ck-newsletter [style*=" color: rgb(100, 116, 139)"] { color: var(--ck-muted, #6c6c80) !important; }
html[data-ck-theme="dark"] #ck-newsletter#ck-newsletter div[style*="background: rgb(254, 242, 242)"] { background: rgba(220, 38, 38, .14) !important; border-color: rgba(220, 38, 38, .40) !important; color: #fca5a5 !important; }
html[data-ck-theme="dark"] #ck-newsletter#ck-newsletter div[style*="background: rgb(236, 253, 245)"] { background: rgba(22, 163, 74, .14) !important; border-color: rgba(22, 163, 74, .40) !important; color: #86efac !important; }
html[data-ck-theme="dark"] #ck-newsletter#ck-newsletter div[style*="background: rgb(255, 251, 235)"] { background: rgba(245, 158, 11, .12) !important; border-color: rgba(245, 158, 11, .35) !important; color: #fbbf24 !important; }

/* =================================================================== LEAD GEN + DEALS
   Workflows (.ck-auto-page, automation.js) | Forms (ck-viewmode.js hooks only) | Pages (#ck-sites, sites.js)
   Pipeline (#ck-pipeline, transactions.js) | Management (#ck-mgmt, skyslope.js) | Listings (#ck-listings, listings.js) */

/* ------------------------------------------------------------------- WORKFLOWS (.ck-auto-page, list + builder .ck-wf) */
.ck-auto-page.ck-auto-page { background: var(--ck-bg, #f5f4fa) !important; color: var(--ck-ink, #15151f) !important; }
.ck-auto-page.ck-auto-page h1[style*="color: rgb(21, 21, 28)"],
.ck-auto-page.ck-auto-page h3[style*="color: rgb(21, 21, 28)"] { color: var(--ck-ink, #15151f) !important; }
.ck-auto-page.ck-auto-page p[style*="color: rgb(111, 111, 124)"] { color: var(--ck-muted, #6c6c80) !important; }
/* header tile + empty-state tile: pink->purple -> pink->blue */
.ck-auto-page.ck-auto-page [style*="linear-gradient(135deg, rgb(232, 72, 138) 0%, rgb(123, 92, 240) 100%)"] { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)) !important; box-shadow: 0 6px 16px rgba(29, 139, 255, .22) !important; }
.ck-auto-page.ck-auto-page [style*="linear-gradient(135deg, rgba(232, 72, 138, 0.125), rgba(123, 92, 240, 0.125))"] { background: linear-gradient(135deg, rgba(232, 72, 138, .12), rgba(29, 139, 255, .12)) !important; border-color: var(--ck-line, #ececf3) !important; }
/* cards (stat cards, list rows, empty state) */
.ck-auto-page.ck-auto-page .ck-card { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 18px; box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)); }
.ck-auto-page.ck-auto-page .ck-card[style*="background: transparent"] { background-color: transparent; box-shadow: none; border-color: var(--ck-input-line, #e3e6ef); }
.ck-auto-page.ck-auto-page .ck-card:hover { border-color: var(--ck-tab-line, #38bdf8); box-shadow: 0 0 0 3px rgba(56, 189, 248, .12), 0 8px 20px rgba(29, 139, 255, .12); }
.ck-auto-page.ck-auto-page .ck-card[style*="outline: rgb(232, 72, 138)"] { outline-color: var(--ck-tab-line, #38bdf8) !important; box-shadow: 0 0 0 3px rgba(56, 189, 248, .16), 0 4px 14px rgba(29, 139, 255, .16); }
.ck-auto-page.ck-auto-page .ck-mini-stat-value { color: var(--ck-ink, #15151f); }
.ck-auto-page.ck-auto-page .ck-mini-stat-label,
.ck-auto-page.ck-auto-page .ck-label { color: var(--ck-muted, #6c6c80); }
.ck-auto-page.ck-auto-page [style*="background: rgba(123, 92, 240, 0.125)"] { background: rgba(29, 139, 255, .12) !important; }
.ck-auto-page.ck-auto-page [style*="color: rgb(123, 92, 240)"] { color: var(--ck-blue, #1d8bff) !important; }
/* buttons */
.ck-auto-page.ck-auto-page .ck-btn-primary { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)) !important; color: #fff; box-shadow: 0 10px 22px rgba(29, 139, 255, .26) !important; }
.ck-auto-page.ck-auto-page .ck-btn-secondary { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
.ck-auto-page.ck-auto-page .ck-btn-secondary:hover { background-color: var(--ck-card, #fff); border-color: var(--ck-tab-line, #38bdf8); }
.ck-auto-page.ck-auto-page .ck-btn-secondary[style*="color: rgb(232, 72, 138)"] { border-color: rgba(232, 72, 138, .35) !important; }
.ck-auto-page.ck-auto-page .ck-btn-ghost { color: var(--ck-muted, #6c6c80); }
.ck-auto-page.ck-auto-page .ck-btn-ghost:hover { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-ink, #15151f); }
/* All / Active / Inactive and grid / list segments */
.ck-auto-page.ck-auto-page div[style*="padding: 4px; border-radius: 10px"] { background: var(--ck-card, #fff) !important; border-color: var(--ck-line, #ececf3) !important; border-radius: 12px !important; }
.ck-auto-page.ck-auto-page .ck-tab { color: var(--ck-muted, #6c6c80); border-radius: 9px; }
.ck-auto-page.ck-auto-page .ck-tab:hover { color: var(--ck-ink, #15151f); }
.ck-auto-page.ck-auto-page .ck-tab.active {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  border-color: transparent;
  color: var(--ck-tab-ink, #0b2f6b);
  box-shadow: inset 0 0 0 1px var(--ck-tab-line, #38bdf8), 0 0 0 3px rgba(56, 189, 248, .14), 0 4px 12px rgba(29, 139, 255, .14);
}
/* fields (theme.css forces light-mode fields at 0,3,1 !important -> doubled class + .ck-input.ck-input = 0,4,0) */
.ck-auto-page.ck-auto-page .ck-input.ck-input {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-input-line, #e3e6ef) !important;
  color: var(--ck-ink, #15151f) !important;
  border-radius: 12px;
}
.ck-auto-page.ck-auto-page .ck-input.ck-input:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; }
.ck-auto-page.ck-auto-page .ck-toggle:not(.on) { background-color: var(--ck-line, #ececf3); border-color: var(--ck-input-line, #e3e6ef); }
.ck-auto-page.ck-auto-page .ck-pill-muted { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-muted, #6c6c80); }
.ck-auto-page.ck-auto-page .ck-palette-item:hover { background-color: rgba(29, 139, 255, .06); border-color: var(--ck-line, #ececf3); }
/* "New workflow" picker + AI Workflow Builder modals */
.ck-auto-page.ck-auto-page .wfs-box,
.ck-auto-page.ck-auto-page .aib-box { background-color: var(--ck-card, #fff); color: var(--ck-ink, #15151f); border-radius: 18px; }
.ck-auto-page.ck-auto-page .wfs-box p.sub,
.ck-auto-page.ck-auto-page .aib-box p.sub,
.ck-auto-page.ck-auto-page .wfs-it span,
.ck-auto-page.ck-auto-page .wfs-row small { color: var(--ck-muted, #6c6c80); }
.ck-auto-page.ck-auto-page .wfs-it b,
.ck-auto-page.ck-auto-page .aib-f b { color: var(--ck-ink, #15151f); }
.ck-auto-page.ck-auto-page .wfs-it:hover { background: rgba(29, 139, 255, .06); border-color: var(--ck-tab-line, #38bdf8); box-shadow: 0 0 0 3px rgba(56, 189, 248, .12); }
.ck-auto-page.ck-auto-page .wfs-it:focus-visible { outline-color: var(--ck-blue, #1d8bff); }
.ck-auto-page.ck-auto-page .wfs-ic { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-ink, #15151f); }
.ck-auto-page.ck-auto-page .wfs-it:hover .wfs-ic { background-color: var(--ck-card, #fff); color: var(--ck-blue, #1d8bff); }
.ck-auto-page.ck-auto-page .aib-box h2 i { color: var(--ck-blue, #1d8bff) !important; }
.ck-auto-page.ck-auto-page .aib-f textarea { background-color: var(--ck-input-bg, #fff) !important; border-color: var(--ck-input-line, #e3e6ef) !important; color: var(--ck-ink, #15151f) !important; }
.ck-auto-page.ck-auto-page .aib-f textarea:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; }
/* builder (.ck-wf): top bar, step panel, canvas, step cards */
.ck-auto-page.ck-auto-page .wf-top { background-color: var(--ck-card, #fff); border-bottom-color: var(--ck-line, #ececf3); }
.ck-auto-page.ck-auto-page .wf-ib,
.ck-auto-page.ck-auto-page .wf-btn:not(.primary),
.ck-auto-page.ck-auto-page .wf-active { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
.ck-auto-page.ck-auto-page .wf-ib:hover,
.ck-auto-page.ck-auto-page .wf-btn:not(.primary):hover { border-color: var(--ck-tab-line, #38bdf8); }
.ck-auto-page.ck-auto-page .wf-btn.primary { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); color: #fff; box-shadow: 0 10px 22px rgba(29, 139, 255, .28); }
.ck-auto-page.ck-auto-page .wf-name { color: var(--ck-ink, #15151f); }
.ck-auto-page.ck-auto-page .wf-desc,
.ck-auto-page.ck-auto-page .wf-steps,
.ck-auto-page.ck-auto-page .wf-sidehead p,
.ck-auto-page.ck-auto-page .wf-mono,
.ck-auto-page.ck-auto-page .wf-cat b,
.ck-auto-page.ck-auto-page .wf-item .tx span,
.ck-auto-page.ck-auto-page .cv-tools span,
.ck-auto-page.ck-auto-page .cv-help,
.ck-auto-page.ck-auto-page .wf-note,
.ck-auto-page.ck-auto-page .wf-end { color: var(--ck-muted, #6c6c80); }
.ck-auto-page.ck-auto-page .wf-tog:not(.on) { background-color: var(--ck-input-line, #e3e6ef); }
.ck-auto-page.ck-auto-page .wf-side { background-color: var(--ck-card, #fff); border-right-color: var(--ck-line, #ececf3); }
.ck-auto-page.ck-auto-page .wf-sidehead h3,
.ck-auto-page.ck-auto-page .wf-item .tx b,
.ck-auto-page.ck-auto-page .wf-card .ttl b { color: var(--ck-ink, #15151f); }
.ck-auto-page.ck-auto-page .wf-search { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-muted, #6c6c80); box-shadow: inset 0 0 0 1px var(--ck-line, #ececf3); }
.ck-auto-page.ck-auto-page .wf-search:focus-within { box-shadow: inset 0 0 0 1px var(--ck-blue, #1d8bff), 0 0 0 3px rgba(29, 139, 255, .18); }
.ck-auto-page.ck-auto-page .wf-search input { color: var(--ck-ink, #15151f); }
.ck-auto-page.ck-auto-page .wf-seg { background-color: var(--ck-card-2, #f8f8fc); }
.ck-auto-page.ck-auto-page .wf-seg button { color: var(--ck-muted, #6c6c80); }
.ck-auto-page.ck-auto-page .wf-seg button:hover { color: var(--ck-ink, #15151f); }
.ck-auto-page.ck-auto-page .wf-seg button.on {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  color: var(--ck-tab-ink, #0b2f6b);
  box-shadow: inset 0 0 0 1px var(--ck-tab-line, #38bdf8), 0 0 0 3px rgba(56, 189, 248, .14), 0 4px 12px rgba(29, 139, 255, .14);
}
.ck-auto-page.ck-auto-page .wf-item:hover { background-color: rgba(29, 139, 255, .06); }
.ck-auto-page.ck-auto-page .wf-canvas { background-color: var(--ck-bg, #f5f4fa); }
.ck-auto-page.ck-auto-page .cv-tools,
.ck-auto-page.ck-auto-page .cv-help,
.ck-auto-page.ck-auto-page .wf-note,
.ck-auto-page.ck-auto-page .wf-end { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); }
.ck-auto-page.ck-auto-page .cv-tools { border-radius: 14px; box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)); }
.ck-auto-page.ck-auto-page .cv-tools button { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); border-radius: 9px; }
.ck-auto-page.ck-auto-page .cv-tools button:hover { border-color: var(--ck-tab-line, #38bdf8); color: var(--ck-blue, #1d8bff); }
.ck-auto-page.ck-auto-page .wf-card { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); box-shadow: 0 2px 8px rgba(40, 20, 90, .05); }
.ck-auto-page.ck-auto-page .wf-card:hover { border-color: var(--ck-tab-line, #38bdf8); box-shadow: 0 0 0 3px rgba(56, 189, 248, .12), 0 8px 20px rgba(29, 139, 255, .12); }
.ck-auto-page.ck-auto-page .wf-card.sel { border-color: var(--ck-tab-line, #38bdf8); box-shadow: 0 0 0 3px rgba(56, 189, 248, .18), 0 6px 18px rgba(29, 139, 255, .16); }
.ck-auto-page.ck-auto-page .wf-card .st:not(.warn) { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-ink, #15151f); }
.ck-auto-page.ck-auto-page .wf-card .x.mv:hover { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-ink, #15151f); }
.ck-auto-page.ck-auto-page .cv-port:not(.on) { background-color: var(--ck-card, #fff); }
.ck-auto-page.ck-auto-page .wf-plus { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
.ck-auto-page.ck-auto-page .wf-plus:hover,
.ck-auto-page.ck-auto-page .wf-plus.on { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); border-color: transparent; color: #fff; box-shadow: 0 4px 12px rgba(29, 139, 255, .26); }
.ck-auto-page.ck-auto-page .wf-br select { background-color: var(--ck-input-bg, #fff) !important; border-color: var(--ck-input-line, #e3e6ef) !important; color: var(--ck-ink, #15151f) !important; }
/* dark-only: the builder's own light surfaces/tints that the tokens above do not reach */
html[data-ck-theme="dark"] .ck-auto-page.ck-auto-page .wf-canvas { background-image: radial-gradient(rgba(255, 255, 255, .07) 1px, transparent 1px); }
html[data-ck-theme="dark"] .ck-auto-page.ck-auto-page .wf-line,
html[data-ck-theme="dark"] .ck-auto-page.ck-auto-page .wf-branch::before,
html[data-ck-theme="dark"] .ck-auto-page.ck-auto-page .wf-branch::after { background-color: #3a3d4a; }
html[data-ck-theme="dark"] .ck-auto-page.ck-auto-page .wf-note { border-color: #3a3d4a; }
html[data-ck-theme="dark"] .ck-auto-page.ck-auto-page .wf-card .st.warn { background-color: rgba(245, 158, 11, .14); color: #f59e0b; }
html[data-ck-theme="dark"] .ck-auto-page.ck-auto-page .wf-br.yes,
html[data-ck-theme="dark"] .ck-auto-page.ck-auto-page .wf-bhead.yes,
html[data-ck-theme="dark"] .ck-auto-page.ck-auto-page .wf-inc .yes { background-color: rgba(22, 163, 74, .16); }
html[data-ck-theme="dark"] .ck-auto-page.ck-auto-page .wf-br.no,
html[data-ck-theme="dark"] .ck-auto-page.ck-auto-page .wf-bhead.no,
html[data-ck-theme="dark"] .ck-auto-page.ck-auto-page .wf-inc .no,
html[data-ck-theme="dark"] .ck-auto-page.ck-auto-page .wf-card .x:not(.mv):hover { background-color: rgba(220, 38, 38, .16); }
html[data-ck-theme="dark"] .ck-auto-page.ck-auto-page .wf-item .add { background-color: rgba(22, 163, 74, .16); }
html[data-ck-theme="dark"] .ck-auto-page.ck-auto-page .wf-card.cv-node.trig { border-color: rgba(232, 72, 138, .45); }
html[data-ck-theme="dark"] .ck-auto-page.ck-auto-page .cv-del circle { fill: var(--ck-card, #14161e); }
html[data-ck-theme="dark"] .ck-auto-page.ck-auto-page .aib-err { background-color: rgba(220, 38, 38, .16); color: #fca5a5; }
/* dark-only: ck-theme.css paints every untyped input with the field colours (1,2,2 !important) - the builder's name /
   description / step search are borderless inline inputs; the :not(#ck-nx) prefix lifts these to (1,4,2) */
html[data-ck-theme="dark"]:not(#ck-nx) .ck-auto-page.ck-auto-page .wf-name,
html[data-ck-theme="dark"]:not(#ck-nx) .ck-auto-page.ck-auto-page .wf-desc,
html[data-ck-theme="dark"]:not(#ck-nx) .ck-auto-page.ck-auto-page .wf-search input { background-color: transparent !important; border-color: transparent !important; }
/* dark-only: ck-theme.css turns every focused field pink (1,3,2 !important); keep the O6 blue focus here (1,5,1) */
html[data-ck-theme="dark"]:not(#ck-nx) .ck-auto-page.ck-auto-page .ck-input:focus,
html[data-ck-theme="dark"]:not(#ck-nx) .ck-auto-page.ck-auto-page .aib-f textarea:focus { border-color: var(--ck-blue, #1d8bff) !important; }

/* ------------------------------------------------------------------- FORMS (no page root: only ck-viewmode.js hooks) */
/* Cards / Board / List switch - shared by Forms and Pages (same look on both) */
.ck-vt.ck-vt { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 14px; }
.ck-vt.ck-vt button { color: var(--ck-muted, #6c6c80); }
.ck-vt.ck-vt button:hover { color: var(--ck-ink, #15151f); }
.ck-vt.ck-vt button.on {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  color: var(--ck-tab-ink, #0b2f6b);
  box-shadow: inset 0 0 0 1px var(--ck-tab-line, #38bdf8), 0 0 0 3px rgba(56, 189, 248, .14), 0 4px 12px rgba(29, 139, 255, .14);
}
/* Forms: "New Form" sits right after the switch (Pages has its search box there, so this only hits Forms) */
.ck-vt.ck-vt + button[style*="background: rgb(30, 64, 175)"] { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)) !important; color: #fff !important; border-radius: 12px !important; box-shadow: 0 8px 20px rgba(29, 139, 255, .26) !important; }
/* form cards */
.ck-vgrid[data-scope="forms"] .ck-vcard[data-scope="forms"] {
  background-color: var(--ck-card, #fff) !important;
  border-radius: 18px !important;
  box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08));
}
.ck-vgrid[data-scope="forms"] .ck-vcard[data-scope="forms"]:hover { box-shadow: 0 0 0 3px rgba(56, 189, 248, .12), 0 8px 20px rgba(29, 139, 255, .12); }
.ck-vgrid[data-scope="forms"] .ck-vcard[data-scope="forms"][style*="solid rgb(30, 64, 175)"] { border-color: var(--ck-tab-line, #38bdf8) !important; }
.ck-vgrid[data-scope="forms"] .ck-vbanner { border-bottom-color: var(--ck-line, #ececf3) !important; }
.ck-vgrid[data-scope="forms"] .ck-vcard[data-scope="forms"] [style*="color: rgb(30, 64, 175)"] { color: var(--ck-blue, #1d8bff) !important; }
.ck-vgrid[data-scope="forms"] .ck-vcard[data-scope="forms"] div[style*="font-family: monospace"] {
  background-color: var(--ck-card-2, #f8f8fc) !important;
  border-color: var(--ck-line, #ececf3) !important;
  color: var(--ck-muted, #6c6c80) !important;
  border-radius: 10px !important;
}
.ck-vgrid[data-scope="forms"] .ck-vcard[data-scope="forms"] button[style*="padding: 8px 12px"] { border-radius: 10px !important; }
.ck-vgrid[data-scope="forms"] .ck-vcard[data-scope="forms"] button[style*="padding: 8px 12px"]:not([style*="rgba(239, 68, 68"]) {
  background-color: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  color: var(--ck-ink, #15151f) !important;
}
.ck-vgrid[data-scope="forms"] .ck-vcard[data-scope="forms"] button[style*="padding: 8px 12px"]:not([style*="rgba(239, 68, 68"]):hover { border-color: var(--ck-tab-line, #38bdf8) !important; color: var(--ck-blue, #1d8bff) !important; }
/* Board view column titles (ck-viewmode.js paints them #eef1f6 / #64748b, also in dark) */
.ck-vgrid[data-scope="forms"]::before,
.ck-vgrid[data-scope="forms"]::after { background: var(--ck-card-2, #f8f8fc) !important; color: var(--ck-muted, #6c6c80) !important; border-radius: 12px !important; box-shadow: inset 0 0 0 1px var(--ck-line, #ececf3); }

/* ------------------------------------------------------------------- PAGES (#ck-sites) */
#ck-sites#ck-sites { background: var(--ck-bg, #f5f4fa) !important; color: var(--ck-ink, #15151f); }
#ck-sites#ck-sites .st-mono,
#ck-sites#ck-sites .st-sub,
#ck-sites#ck-sites .st-stat span,
#ck-sites#ck-sites .st-meta,
#ck-sites#ck-sites .st-meta .dt,
#ck-sites#ck-sites .st-empty,
#ck-sites#ck-sites .st-modal p,
#ck-sites#ck-sites .st-kinds button span { color: var(--ck-muted, #6c6c80); }
#ck-sites#ck-sites .st-h1,
#ck-sites#ck-sites .st-stat b,
#ck-sites#ck-sites .st-name b,
#ck-sites#ck-sites .st-empty h3,
#ck-sites#ck-sites .st-modal h3 { color: var(--ck-ink, #15151f) !important; }
#ck-sites#ck-sites .st-btn { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-sites#ck-sites .st-btn:hover { border-color: var(--ck-tab-line, #38bdf8); }
#ck-sites#ck-sites .st-btn.primary { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); color: #fff; box-shadow: 0 12px 26px rgba(29, 139, 255, .28); }
#ck-sites#ck-sites .st-stats { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 18px; box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)); }
#ck-sites#ck-sites .st-stat { border-left-color: var(--ck-line, #ececf3); }
#ck-sites#ck-sites .st-stat:hover { background-color: rgba(29, 139, 255, .04); }
/* All / Websites / Funnels and Any status / Published / Draft */
#ck-sites#ck-sites .st-seg { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); }
#ck-sites#ck-sites .st-seg button { color: var(--ck-muted, #6c6c80); }
#ck-sites#ck-sites .st-seg button:hover { color: var(--ck-ink, #15151f); }
#ck-sites#ck-sites .st-seg button.on {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  color: var(--ck-tab-ink, #0b2f6b);
  box-shadow: inset 0 0 0 1px var(--ck-tab-line, #38bdf8), 0 0 0 3px rgba(56, 189, 248, .14), 0 4px 12px rgba(29, 139, 255, .14);
}
#ck-sites#ck-sites .st-seg button i { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-muted, #6c6c80); }
#ck-sites#ck-sites .st-seg button.on i { background-color: rgba(29, 139, 255, .12); color: var(--ck-blue, #1d8bff); }
/* search (its inner input has no type: beat ck-theme.css's dark field paint) */
#ck-sites#ck-sites .st-search { background-color: var(--ck-input-bg, #fff); border-color: var(--ck-input-line, #e3e6ef); color: var(--ck-muted, #6c6c80); }
#ck-sites#ck-sites .st-search:focus-within { border-color: var(--ck-blue, #1d8bff); box-shadow: 0 0 0 3px rgba(29, 139, 255, .18); }
#ck-sites#ck-sites .st-search input { background-color: transparent !important; border-color: transparent !important; color: var(--ck-ink, #15151f) !important; box-shadow: none !important; }
/* page cards */
#ck-sites#ck-sites .st-card { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 18px; box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)); }
#ck-sites#ck-sites .st-card:hover { border-color: var(--ck-tab-line, #38bdf8); box-shadow: 0 0 0 3px rgba(56, 189, 248, .12), 0 8px 20px rgba(29, 139, 255, .12); }
#ck-sites#ck-sites .st-thumb:not(.website) { background: linear-gradient(135deg, #fce4f0 0%, #e2f0ff 100%); }
#ck-sites#ck-sites .st-kind { background-color: var(--ck-card, #fff); }
#ck-sites#ck-sites .st-thumb:not(.website) .st-kind { color: var(--ck-blue, #1d8bff); }
#ck-sites#ck-sites .st-mock { background-color: var(--ck-card, #fff); }
#ck-sites#ck-sites .st-mock i:not(.a):not(.d) { background-color: var(--ck-line, #ececf3); }
#ck-sites#ck-sites .st-pill:not(.live) { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-muted, #6c6c80); }
#ck-sites#ck-sites .st-slug { color: var(--ck-blue, #1d8bff); }
#ck-sites#ck-sites .st-acts { border-top-color: var(--ck-line, #ececf3); }
#ck-sites#ck-sites .st-sm { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-sites#ck-sites .st-sm:hover { border-color: var(--ck-tab-line, #38bdf8); }
#ck-sites#ck-sites .st-sm.dark { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); border-color: transparent; color: #fff; box-shadow: 0 6px 16px rgba(29, 139, 255, .24); }
#ck-sites#ck-sites .st-menu { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); }
#ck-sites#ck-sites .st-menu button:not(.del) { color: var(--ck-ink, #15151f); }
#ck-sites#ck-sites .st-menu button:hover { background-color: rgba(29, 139, 255, .08); }
#ck-sites#ck-sites .st-empty { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)); }
#ck-sites#ck-sites .st-empty .ico { background: linear-gradient(135deg, rgba(232, 72, 138, .12), rgba(29, 139, 255, .12)); }
/* create modal */
#ck-sites#ck-sites .st-modal > div { background-color: var(--ck-card, #fff); border-radius: 18px; }
#ck-sites#ck-sites .st-in { background-color: var(--ck-input-bg, #fff) !important; border-color: var(--ck-input-line, #e3e6ef) !important; color: var(--ck-ink, #15151f) !important; }
#ck-sites#ck-sites .st-in:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; }
#ck-sites#ck-sites .st-kinds button { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-sites#ck-sites .st-kinds button b { color: var(--ck-ink, #15151f); }
#ck-sites#ck-sites .st-kinds button.on {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  border-color: var(--ck-tab-line, #38bdf8);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .16), 0 4px 14px rgba(29, 139, 255, .16);
}
/* template picker + leads modal (inline-styled) */
#ck-sites#ck-sites div[style*="width: 900px"][style*="background: rgb(255, 255, 255)"] { background: var(--ck-card, #fff) !important; border-color: var(--ck-line, #ececf3) !important; border-radius: 18px !important; }
#ck-sites#ck-sites div[style*="width: 900px"] h2 { color: var(--ck-ink, #15151f) !important; }
#ck-sites#ck-sites div[style*="cursor: pointer"][style*="border-radius: 12px"][style*="overflow: hidden"] { background: var(--ck-card, #fff) !important; border-radius: 16px !important; }
#ck-sites#ck-sites [style*="linear-gradient(135deg, rgb(37, 99, 235), rgb(124, 58, 237))"] { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)) !important; }
#ck-sites#ck-sites [style*="color: rgb(37, 99, 235)"] { color: var(--ck-blue, #1d8bff) !important; }
#ck-sites#ck-sites [style^="color: rgb(100, 116, 139)"], #ck-sites#ck-sites [style*=" color: rgb(100, 116, 139)"] { color: var(--ck-muted, #6c6c80) !important; }
/* dark-only: light tints in sites.js's own CSS */
html[data-ck-theme="dark"] #ck-sites#ck-sites .st-thumb:not(.website) { background: linear-gradient(135deg, rgba(232, 72, 138, .20), rgba(29, 139, 255, .20)); }
html[data-ck-theme="dark"] #ck-sites#ck-sites .st-thumb.website { background: linear-gradient(135deg, rgba(13, 148, 136, .24), rgba(29, 139, 255, .16)); }
html[data-ck-theme="dark"] #ck-sites#ck-sites .st-pill.live { background-color: rgba(22, 163, 74, .16); color: #4ade80; }

/* ------------------------------------------------------------------- PIPELINE (#ck-pipeline - inline-styled) */
#ck-pipeline#ck-pipeline { background: var(--ck-bg, #f5f4fa) !important; }
#ck-pipeline#ck-pipeline h1[style*="color: rgb(15, 23, 42)"] { color: var(--ck-ink, #15151f) !important; }
/* primary (New deal / Create deal / Save) */
#ck-pipeline#ck-pipeline button[style*="background: rgb(37, 99, 235)"] {
  background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)) !important;
  color: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 20px rgba(29, 139, 255, .26) !important;
}
/* secondary (Cancel) and the "Showing: ..." filter chip (= active filter -> glow) */
#ck-pipeline#ck-pipeline button[style*="padding: 10px 18px"][style*="background: rgb(255, 255, 255)"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  color: var(--ck-ink, #15151f) !important;
  border-radius: 12px !important;
}
#ck-pipeline#ck-pipeline button[style*="padding: 10px 16px"][style*="background: rgb(255, 255, 255)"] { background: var(--ck-card, #fff) !important; border-radius: 12px !important; }
#ck-pipeline#ck-pipeline button[style*="padding: 6px 14px"][style*="border-radius: 999px"] {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff)) !important;
  border-color: var(--ck-tab-line, #38bdf8) !important;
  color: var(--ck-tab-ink, #0b2f6b) !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .16), 0 4px 14px rgba(29, 139, 255, .16) !important;
}
/* stat cards, empty board, kanban columns */
#ck-pipeline#ck-pipeline div[style*="padding: 18px 20px"][style*="border-radius: 14px"],
#ck-pipeline#ck-pipeline div[style*="padding: 60px"][style*="border-radius: 14px"],
#ck-pipeline#ck-pipeline div[style*="min-width: 290px"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  border-radius: 18px !important;
  box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)) !important;
}
#ck-pipeline#ck-pipeline div[style*="padding: 18px 20px"][style*="cursor: pointer"]:hover { border-color: var(--ck-tab-line, #38bdf8) !important; box-shadow: 0 0 0 3px rgba(56, 189, 248, .14), 0 8px 20px rgba(29, 139, 255, .12) !important; }
#ck-pipeline#ck-pipeline span[style*="background: rgb(241, 245, 249)"] { background: var(--ck-card-2, #f8f8fc) !important; }
#ck-pipeline#ck-pipeline div[style*="2px dashed rgb(226, 232, 240)"] { border-color: var(--ck-input-line, #e3e6ef) !important; border-radius: 12px !important; }
/* deal cards (border is left to the inline hover; blue hover border -> O6 line) */
#ck-pipeline#ck-pipeline div[draggable="true"] { background: var(--ck-card, #fff) !important; border-radius: 14px !important; }
#ck-pipeline#ck-pipeline div[draggable="true"][style*="solid rgb(37, 99, 235)"] { border-color: var(--ck-tab-line, #38bdf8) !important; box-shadow: 0 0 0 3px rgba(56, 189, 248, .12), 0 8px 20px rgba(29, 139, 255, .12) !important; }
/* deal drawer */
#ck-pipeline#ck-pipeline form[style*="width: 520px"] { background: var(--ck-card, #fff) !important; }
#ck-pipeline#ck-pipeline form [style*="border-bottom: 1px solid rgb(226, 232, 240)"] { border-bottom-color: var(--ck-line, #ececf3) !important; }
#ck-pipeline#ck-pipeline form [style*="border-top: 1px solid rgb(226, 232, 240)"] { border-top-color: var(--ck-line, #ececf3) !important; }
#ck-pipeline#ck-pipeline div[style*="padding: 16px"][style*="border-radius: 12px"][style*="background: rgb(248, 250, 252)"] { background: var(--ck-card-2, #f8f8fc) !important; border-color: var(--ck-line, #ececf3) !important; border-radius: 14px !important; }
#ck-pipeline#ck-pipeline div[style*="padding: 10px 12px"][style*="background: rgb(255, 255, 255)"] { background: var(--ck-card, #fff) !important; border-color: var(--ck-line, #ececf3) !important; border-radius: 10px !important; }
/* Buyer / Seller / Both */
#ck-pipeline#ck-pipeline button[type="button"][style*="padding: 9px 8px"] { border-radius: 10px !important; }
#ck-pipeline#ck-pipeline button[type="button"][style*="padding: 9px 8px"][style*="background: rgb(255, 255, 255)"] { background: var(--ck-card, #fff) !important; border-color: var(--ck-line, #ececf3) !important; color: var(--ck-muted, #6c6c80) !important; }
#ck-pipeline#ck-pipeline button[type="button"][style*="padding: 9px 8px"][style*="background: rgb(219, 234, 254)"] {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff)) !important;
  border-color: var(--ck-tab-line, #38bdf8) !important;
  color: var(--ck-tab-ink, #0b2f6b) !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .16) !important;
}
/* fields */
#ck-pipeline#ck-pipeline input,
#ck-pipeline#ck-pipeline select,
#ck-pipeline#ck-pipeline textarea {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-input-line, #e3e6ef) !important;
  color: var(--ck-ink, #15151f) !important;
  border-radius: 10px !important;
}
#ck-pipeline#ck-pipeline input:focus,
#ck-pipeline#ck-pipeline select:focus,
#ck-pipeline#ck-pipeline textarea:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; outline: none !important; }
/* accents: old blue / purple -> O6 blue; slate labels -> muted */
#ck-pipeline#ck-pipeline [style^="color: rgb(37, 99, 235)"], #ck-pipeline#ck-pipeline [style*=" color: rgb(37, 99, 235)"],
#ck-pipeline#ck-pipeline [style^="color: rgb(124, 58, 237)"], #ck-pipeline#ck-pipeline [style*=" color: rgb(124, 58, 237)"] { color: var(--ck-blue, #1d8bff) !important; }
#ck-pipeline#ck-pipeline [style^="color: rgb(100, 116, 139)"], #ck-pipeline#ck-pipeline [style*=" color: rgb(100, 116, 139)"],
#ck-pipeline#ck-pipeline [style^="color: rgb(51, 65, 85)"], #ck-pipeline#ck-pipeline [style*=" color: rgb(51, 65, 85)"] { color: var(--ck-muted, #6c6c80) !important; }

/* ------------------------------------------------------------------- MANAGEMENT (#ck-mgmt - inline-styled, every view) */
#ck-mgmt#ck-mgmt { background: var(--ck-bg, #f5f4fa) !important; color: var(--ck-ink, #15151f) !important; }
/* primary (New Transaction / Create / Save ...): blue->purple -> O6 gradient */
#ck-mgmt#ck-mgmt [style*="linear-gradient(135deg, rgb(37, 99, 235), rgb(124, 58, 237))"] {
  background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)) !important;
  color: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 20px rgba(29, 139, 255, .26) !important;
}
/* secondary (Reports / Review Queue / Templates / Cancel ...) */
#ck-mgmt#ck-mgmt button[style*="background: rgb(241, 245, 249)"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  color: var(--ck-ink, #15151f) !important;
  border-radius: 12px !important;
}
#ck-mgmt#ck-mgmt button[style*="background: rgb(241, 245, 249)"]:hover { border-color: var(--ck-tab-line, #38bdf8) !important; }
/* status filter chips; the selected one gets the O6 glow */
#ck-mgmt#ck-mgmt button[style*="padding: 6px 12px; border-radius: 14px"] { border-color: var(--ck-line, #ececf3) !important; color: var(--ck-muted, #6c6c80) !important; background: var(--ck-card, #fff) !important; }
#ck-mgmt#ck-mgmt button[style*="padding: 6px 12px; border-radius: 14px"][style*="rgba(37, 99, 235, 0.133)"] {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff)) !important;
  border-color: var(--ck-tab-line, #38bdf8) !important;
  color: var(--ck-tab-ink, #0b2f6b) !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .16), 0 4px 14px rgba(29, 139, 255, .16) !important;
}
/* detail tabs (Documents / Checklist / Details / Audit Log) */
#ck-mgmt#ck-mgmt button[style*="padding: 10px 16px"][style*="2px solid rgb(37, 99, 235)"] {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff)) !important;
  border-bottom-color: var(--ck-tab-line, #38bdf8) !important;
  color: var(--ck-tab-ink, #0b2f6b) !important;
  border-radius: 12px 12px 0 0 !important;
  box-shadow: inset 0 0 0 1px rgba(56, 189, 248, .35), 0 -2px 14px rgba(29, 139, 255, .12) !important;
}
#ck-mgmt#ck-mgmt [style*="border-bottom: 1px solid rgb(226, 232, 240)"] { border-bottom-color: var(--ck-line, #ececf3) !important; }
/* cards: transaction cards, empty state, detail panels, template cards, report stats */
#ck-mgmt#ck-mgmt div[style*="background: rgb(255, 255, 255)"][style*="border-radius: 10px"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  border-radius: 16px !important;
  box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)) !important;
}
#ck-mgmt#ck-mgmt div[style*="background: rgb(255, 255, 255)"][style*="border-radius: 10px"][style*="cursor: pointer"]:hover { box-shadow: 0 0 0 3px rgba(56, 189, 248, .12), 0 8px 20px rgba(29, 139, 255, .12) !important; }
#ck-mgmt#ck-mgmt div[style*="background: rgb(255, 255, 255)"][style*="border-radius: 10px"][style*="solid rgb(37, 99, 235)"] { border-color: var(--ck-tab-line, #38bdf8) !important; }
#ck-mgmt#ck-mgmt div[style*="border-radius: 10px"][style*="dashed"] { box-shadow: none !important; border-color: var(--ck-input-line, #e3e6ef) !important; }
#ck-mgmt#ck-mgmt div[style*="background: rgb(255, 255, 255)"][style*="border-radius: 8px"],
#ck-mgmt#ck-mgmt div[style*="background: rgb(255, 255, 255)"][style*="border-radius: 6px"] { background: var(--ck-card, #fff) !important; border-color: var(--ck-line, #ececf3) !important; border-radius: 12px !important; }
/* modals (create transaction / template / signature) */
#ck-mgmt#ck-mgmt div[style*="max-height: 88vh"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  border-radius: 18px !important;
  box-shadow: 0 30px 70px rgba(0, 0, 0, .25) !important;
}
/* fields */
#ck-mgmt#ck-mgmt input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
#ck-mgmt#ck-mgmt select,
#ck-mgmt#ck-mgmt textarea {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-input-line, #e3e6ef) !important;
  color: var(--ck-ink, #15151f) !important;
  border-radius: 10px !important;
}
#ck-mgmt#ck-mgmt input:focus,
#ck-mgmt#ck-mgmt select:focus,
#ck-mgmt#ck-mgmt textarea:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; outline: none !important; }
#ck-mgmt#ck-mgmt input[type="checkbox"] { accent-color: var(--ck-blue, #1d8bff); }
/* accents: old blue / purple -> O6 blue (status colours untouched); slate text -> tokens */
#ck-mgmt#ck-mgmt [style^="color: rgb(37, 99, 235)"], #ck-mgmt#ck-mgmt [style*=" color: rgb(37, 99, 235)"],
#ck-mgmt#ck-mgmt [style^="color: rgb(124, 58, 237)"], #ck-mgmt#ck-mgmt [style*=" color: rgb(124, 58, 237)"] { color: var(--ck-blue, #1d8bff) !important; }
#ck-mgmt#ck-mgmt span[style*="background: rgba(124, 58, 237, 0.133)"] { background: rgba(29, 139, 255, .12) !important; }
#ck-mgmt#ck-mgmt [style^="color: rgb(71, 85, 105)"], #ck-mgmt#ck-mgmt [style*=" color: rgb(71, 85, 105)"],
#ck-mgmt#ck-mgmt [style^="color: rgb(100, 116, 139)"], #ck-mgmt#ck-mgmt [style*=" color: rgb(100, 116, 139)"] { color: var(--ck-muted, #6c6c80) !important; }

/* ------------------------------------------------------------------- LISTINGS (#ck-listings - setup / error / empty / grid) */
#ck-listings#ck-listings { color: var(--ck-ink, #15151f); }
#ck-listings#ck-listings[style*="max-width: 520px"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  border-radius: 18px !important;
  box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)) !important;
}
#ck-listings#ck-listings h2[style*="color: rgb(15, 23, 42)"] { color: var(--ck-ink, #15151f) !important; }
#ck-listings#ck-listings > input {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-input-line, #e3e6ef) !important;
  color: var(--ck-ink, #15151f) !important;
  border-radius: 12px !important;
}
#ck-listings#ck-listings > input:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; }
#ck-listings#ck-listings button[style*="background: rgb(37, 99, 235)"] {
  background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)) !important;
  color: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 20px rgba(29, 139, 255, .26) !important;
}
/* Refresh */
#ck-listings#ck-listings button[style*="padding: 8px 14px"][style*="background: rgb(255, 255, 255)"] { background: var(--ck-card, #fff) !important; border-color: var(--ck-line, #ececf3) !important; color: var(--ck-ink, #15151f) !important; border-radius: 12px !important; }
#ck-listings#ck-listings button[style*="padding: 8px 14px"][style*="background: rgb(255, 255, 255)"]:hover { border-color: var(--ck-tab-line, #38bdf8) !important; }
/* listing cards + empty state */
#ck-listings#ck-listings div[style*="border-radius: 12px"][style*="overflow: hidden"][style*="cursor: pointer"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  border-radius: 18px !important;
  box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)) !important;
}
#ck-listings#ck-listings div[style*="border-radius: 12px"][style*="overflow: hidden"][style*="cursor: pointer"]:hover { border-color: var(--ck-tab-line, #38bdf8) !important; box-shadow: 0 0 0 3px rgba(56, 189, 248, .12), 0 8px 20px rgba(29, 139, 255, .12) !important; }
#ck-listings#ck-listings div[style*="1px dashed"] { background: var(--ck-card, #fff) !important; border-color: var(--ck-input-line, #e3e6ef) !important; border-radius: 18px !important; }
/* detail modal */
#ck-listings#ck-listings div[style*="max-width: 840px"] { background: var(--ck-card, #fff) !important; border-radius: 18px !important; }
#ck-listings#ck-listings div[style*="max-width: 840px"] [style*="border-bottom: 1px solid rgb(226, 232, 240)"] { border-bottom-color: var(--ck-line, #ececf3) !important; }
#ck-listings#ck-listings span[style*="background: rgb(239, 246, 255)"] { background: rgba(29, 139, 255, .10) !important; }
#ck-listings#ck-listings img[style*="2px solid rgb(37, 99, 235)"] { border-color: var(--ck-tab-line, #38bdf8) !important; }
/* accents */
#ck-listings#ck-listings [style^="color: rgb(37, 99, 235)"], #ck-listings#ck-listings [style*=" color: rgb(37, 99, 235)"] { color: var(--ck-blue, #1d8bff) !important; }
#ck-listings#ck-listings [style^="color: rgb(71, 85, 105)"], #ck-listings#ck-listings [style*=" color: rgb(71, 85, 105)"] { color: var(--ck-muted, #6c6c80) !important; }