/* ck-pages-o6.css — O6 look for Conversations, Opportunities, Tasks, Calendar and Pond. 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 doubled so it beats the page's own injected <style>
   (which comes later in the document) and ck-theme.css's dark rules (1,2,1):
     #ck-inbox    Conversations   (inbox-v2.js)
     #ck-opps     Opportunities   (opportunities.js, incl. the shared Price range control .ckpr from ck-price-range.js)
     #ck-pond     Pond            (pond.js)
     #ck-tasks    Tasks           (tasks.js — id hook added on the page root, nothing else changed)
     #ck-calendar Calendar        (calendars.js — id hook added on the page root, nothing else changed)
   Colours are ck-theme.css tokens (light fallbacks), so dark mode flips with the tokens. The only literal colours are
   white text on gradient buttons and translucent blue glows/tints that read correctly on both light and dark.
   Inline React styles are matched on the browser's serialised style text (rgb()/rgba()). Semantic green/red/amber,
   stage colours, appointment/category colours and avatar palettes are left alone. */

/* =================================================================== CONVERSATIONS (#ck-inbox) */
#ck-inbox#ck-inbox { background-color: var(--ck-card, #fff); color: var(--ck-ink, #15151f); }
#ck-inbox#ck-inbox .cki-list { background-color: var(--ck-card, #fff); border-right-color: var(--ck-line, #ececf3); }
#ck-inbox#ck-inbox .cki-title b { color: var(--ck-ink, #15151f); }
#ck-inbox#ck-inbox .cki-plus { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); box-shadow: 0 6px 16px rgba(29, 139, 255, .28); }
#ck-inbox#ck-inbox .cki-search input {
  background-color: var(--ck-input-bg, #fff) !important;
  color: var(--ck-ink, #15151f) !important;
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px var(--ck-input-line, #e3e6ef);
}
#ck-inbox#ck-inbox .cki-search input:focus { box-shadow: inset 0 0 0 1px var(--ck-blue, #1d8bff), 0 0 0 3px rgba(29, 139, 255, .18); }
/* channel tabs: All / SMS / Email / Facebook / Calls */
#ck-inbox#ck-inbox .cki-chip { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80); border-radius: 10px; }
#ck-inbox#ck-inbox .cki-chip:hover { border-color: var(--ck-tab-line, #38bdf8); color: var(--ck-ink, #15151f); }
#ck-inbox#ck-inbox .cki-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-inbox#ck-inbox .cki-chip.on i { color: var(--ck-blue, #1d8bff); }
#ck-inbox#ck-inbox .cki-ctl,
#ck-inbox#ck-inbox .cki-sort { color: var(--ck-muted, #6c6c80); }
#ck-inbox#ck-inbox .cki-who {
  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-inbox#ck-inbox .cki-who:focus,
#ck-inbox#ck-inbox .cki-sort:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18); outline: none; }
#ck-inbox#ck-inbox .cki-selbtn { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); border-radius: 10px; }
#ck-inbox#ck-inbox .cki-selbtn.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-inbox#ck-inbox .cki-bulk { background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff)); border-color: rgba(56, 189, 248, .45); color: var(--ck-ink, #15151f); }
#ck-inbox#ck-inbox .cki-bulk button { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-inbox#ck-inbox .cki-bulk button.pri { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); color: #fff; }
#ck-inbox#ck-inbox .cki-ck { background-color: var(--ck-card, #fff); border-color: var(--ck-input-line, #e3e6ef); }
#ck-inbox#ck-inbox .cki-ck.on { background-color: var(--ck-blue, #1d8bff); border-color: var(--ck-blue, #1d8bff); }
/* conversation rows + selected row (menu blue glow) */
#ck-inbox#ck-inbox .cki-row:hover { background-color: rgba(29, 139, 255, .06); }
#ck-inbox#ck-inbox .cki-row.sel {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  box-shadow: inset 0 0 0 1px var(--ck-tab-line, #38bdf8), 0 0 0 3px rgba(56, 189, 248, .14), 0 4px 14px rgba(29, 139, 255, .14);
}
#ck-inbox#ck-inbox .cki-row.sel .cki-rn b { color: var(--ck-tab-ink, #0b2f6b); }
#ck-inbox#ck-inbox .cki-rn b { color: var(--ck-ink, #15151f); }
#ck-inbox#ck-inbox .cki-rp > span:first-child,
#ck-inbox#ck-inbox .cki-empty,
#ck-inbox#ck-inbox .cki-center { color: var(--ck-muted, #6c6c80); }
#ck-inbox#ck-inbox .cki-row.unread .cki-rp > span:first-child { color: var(--ck-ink, #15151f); }
#ck-inbox#ck-inbox .cki-badge { border-color: var(--ck-card, #fff); }
/* thread */
#ck-inbox#ck-inbox .cki-thread { background-color: var(--ck-bg, #f5f4fa); }
#ck-inbox#ck-inbox .cki-th { background-color: var(--ck-card, #fff); border-bottom-color: var(--ck-line, #ececf3); }
#ck-inbox#ck-inbox .cki-th .nm { color: var(--ck-ink, #15151f); }
#ck-inbox#ck-inbox .cki-th .sub,
#ck-inbox#ck-inbox .cki-to,
#ck-inbox#ck-inbox .cki-sig { color: var(--ck-muted, #6c6c80); }
#ck-inbox#ck-inbox .cki-pill { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-muted, #6c6c80); }
#ck-inbox#ck-inbox .cki-ib { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80); border-radius: 12px; }
#ck-inbox#ck-inbox .cki-ib:hover { border-color: var(--ck-tab-line, #38bdf8); color: var(--ck-ink, #15151f); }
#ck-inbox#ck-inbox .cki-ib.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-inbox#ck-inbox .cki-day { color: var(--ck-muted, #6c6c80); }
#ck-inbox#ck-inbox .cki-day::before,
#ck-inbox#ck-inbox .cki-day::after,
#ck-inbox#ck-inbox .cki-div { background-color: var(--ck-line, #ececf3); }
#ck-inbox#ck-inbox .cki-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-inbox#ck-inbox .cki-m.out .cki-bub { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); color: #fff; box-shadow: 0 6px 16px rgba(29, 139, 255, .18); }
#ck-inbox#ck-inbox .cki-em { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 16px; box-shadow: var(--ck-shadow, 0 6px 24px rgba(40, 20, 90, .08)); }
#ck-inbox#ck-inbox .cki-m.out .cki-em { border-color: rgba(56, 189, 248, .45); }
#ck-inbox#ck-inbox .cki-em .top { border-bottom-color: var(--ck-line, #ececf3); }
#ck-inbox#ck-inbox .cki-em .top b,
#ck-inbox#ck-inbox .cki-em .body { color: var(--ck-ink, #15151f); }
#ck-inbox#ck-inbox .cki-sig { border-left-color: var(--ck-line, #ececf3); }
#ck-inbox#ck-inbox .cki-dots { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-muted, #6c6c80); }
#ck-inbox#ck-inbox .cki-link { color: var(--ck-blue, #1d8bff); }
/* composer */
#ck-inbox#ck-inbox .cki-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-inbox#ck-inbox .cki-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-inbox#ck-inbox .cki-seg { background-color: var(--ck-card-2, #f8f8fc); }
#ck-inbox#ck-inbox .cki-seg button { color: var(--ck-muted, #6c6c80); }
#ck-inbox#ck-inbox .cki-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-inbox#ck-inbox .cki-brienpick { background-color: rgba(29, 139, 255, .10); color: var(--ck-blue, #1d8bff); }
#ck-inbox#ck-inbox .cki-subj { border-bottom-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-inbox#ck-inbox .cki-ta { color: var(--ck-ink, #15151f); }
#ck-inbox#ck-inbox .cki-tb { color: var(--ck-muted, #6c6c80); }
#ck-inbox#ck-inbox .cki-tb:hover { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-ink, #15151f); }
#ck-inbox#ck-inbox .cki-goal { background-color: var(--ck-card-2, #f8f8fc); }
#ck-inbox#ck-inbox .cki-goal:focus-within { border-color: var(--ck-blue, #1d8bff); box-shadow: 0 0 0 3px rgba(29, 139, 255, .14); }
#ck-inbox#ck-inbox .cki-goal span { color: var(--ck-blue, #1d8bff); }
#ck-inbox#ck-inbox .cki-goal input { color: var(--ck-ink, #15151f); }
#ck-inbox#ck-inbox .cki-write { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); color: #fff; }
#ck-inbox#ck-inbox .cki-send { background-color: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80); }
#ck-inbox#ck-inbox .cki-send.ready { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); color: #fff; box-shadow: 0 8px 20px rgba(29, 139, 255, .28); }
#ck-inbox#ck-inbox .cki-att { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-muted, #6c6c80); }
#ck-inbox#ck-inbox .cki-pop,
#ck-inbox#ck-inbox .cki-menu { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 14px; }
#ck-inbox#ck-inbox .cki-pop .it,
#ck-inbox#ck-inbox .cki-menu button { color: var(--ck-ink, #15151f); }
#ck-inbox#ck-inbox .cki-pop .it:hover,
#ck-inbox#ck-inbox .cki-menu button:hover,
#ck-inbox#ck-inbox .cki-emoji button:hover { background-color: rgba(29, 139, 255, .08); }
#ck-inbox#ck-inbox .cki-mbox { background-color: var(--ck-card, #fff); border-radius: 18px; }
/* contact panel */
#ck-inbox#ck-inbox .cki-panel { background-color: var(--ck-card, #fff); border-left-color: var(--ck-line, #ececf3); }
#ck-inbox#ck-inbox .cki-ptop { background: linear-gradient(180deg, rgba(29, 139, 255, .08), rgba(29, 139, 255, 0)); border-bottom-color: var(--ck-line, #ececf3); }
#ck-inbox#ck-inbox .cki-pname,
#ck-inbox#ck-inbox .cki-kv b { color: var(--ck-ink, #15151f); }
#ck-inbox#ck-inbox .cki-kv span,
#ck-inbox#ck-inbox .cki-sl { color: var(--ck-muted, #6c6c80); }
#ck-inbox#ck-inbox .cki-qa button { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80); border-radius: 12px; }
#ck-inbox#ck-inbox .cki-qa button:hover {
  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-inbox#ck-inbox .cki-sec { border-bottom-color: var(--ck-line, #ececf3); }
#ck-inbox#ck-inbox .cki-tag { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-ink, #15151f); }
#ck-inbox#ck-inbox .cki-tag.add { background-color: var(--ck-card, #fff); border-color: var(--ck-input-line, #e3e6ef); color: var(--ck-muted, #6c6c80); }
#ck-inbox#ck-inbox .cki-full { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); border-radius: 12px; }
#ck-inbox#ck-inbox .cki-full:hover { border-color: var(--ck-tab-line, #38bdf8); }

/* =================================================================== OPPORTUNITIES (#ck-opps) */
#ck-opps#ck-opps { background: var(--ck-bg, #f5f4fa) !important; color: var(--ck-ink, #15151f) !important; }
#ck-opps#ck-opps .op-mono { color: var(--ck-muted, #6c6c80); }
#ck-opps#ck-opps .op-h1 { color: var(--ck-ink, #15151f) !important; }
#ck-opps#ck-opps .op-btn { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-opps#ck-opps .op-btn:hover { border-color: var(--ck-tab-line, #38bdf8); }
#ck-opps#ck-opps .op-btn.primary { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); color: #fff; box-shadow: 0 10px 24px rgba(29, 139, 255, .28); }
#ck-opps#ck-opps .op-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-opps#ck-opps .op-stat { border-left-color: var(--ck-line, #ececf3); }
#ck-opps#ck-opps .op-stat:hover { background-color: rgba(29, 139, 255, .04); }
#ck-opps#ck-opps .op-stat span { color: var(--ck-muted, #6c6c80); }
#ck-opps#ck-opps .op-stat b { color: var(--ck-ink, #15151f); }
/* All / Mine and Board / List toggles */
#ck-opps#ck-opps .op-seg,
#ck-opps#ck-opps .op-view { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); }
#ck-opps#ck-opps .op-seg button,
#ck-opps#ck-opps .op-view button { color: var(--ck-muted, #6c6c80); }
#ck-opps#ck-opps .op-seg button:hover,
#ck-opps#ck-opps .op-view button:hover { color: var(--ck-ink, #15151f); }
#ck-opps#ck-opps .op-seg button.on,
#ck-opps#ck-opps .op-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);
}
/* pipeline select, search, status / agents / All types selects (their own CSS uses !important) */
#ck-opps#ck-opps .op-pipe,
#ck-opps#ck-opps .op-search,
#ck-opps#ck-opps .op-sel {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-input-line, #e3e6ef) !important;
  color: var(--ck-ink, #15151f) !important;
}
#ck-opps#ck-opps .op-pipe:focus,
#ck-opps#ck-opps .op-search:focus,
#ck-opps#ck-opps .op-sel:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; outline: none; }
#ck-opps#ck-opps input[type="checkbox"] { accent-color: var(--ck-blue, #1d8bff) !important; }
/* Price range control (ck-price-range.js, classes .ckpr-*) inside Opportunities */
#ck-opps#ck-opps .ckpr .ckpr-btn { background-color: var(--ck-input-bg, #fff); border-color: var(--ck-input-line, #e3e6ef); color: var(--ck-ink, #15151f); }
#ck-opps#ck-opps .ckpr .ckpr-btn:focus { border-color: var(--ck-blue, #1d8bff); box-shadow: 0 0 0 3px rgba(29, 139, 255, .18); outline: none; }
#ck-opps#ck-opps .ckpr .ckpr-btn.on {
  background-color: rgba(56, 189, 248, .12);
  border-color: var(--ck-tab-line, #38bdf8);
  color: var(--ck-tab-ink, #0b2f6b);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .14), 0 4px 12px rgba(29, 139, 255, .14);
}
#ck-opps#ck-opps .ckpr .ckpr-pop { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 18px; box-shadow: 0 18px 40px -12px rgba(29, 60, 120, .28); }
#ck-opps#ck-opps .ckpr .ckpr-mono,
#ck-opps#ck-opps .ckpr .ckpr-scale,
#ck-opps#ck-opps .ckpr .ckpr-ins label,
#ck-opps#ck-opps .ckpr .ckpr-dash,
#ck-opps#ck-opps .ckpr .ckpr-link { color: var(--ck-muted, #6c6c80); }
#ck-opps#ck-opps .ckpr .ckpr-head b { color: var(--ck-ink, #15151f); }
#ck-opps#ck-opps .ckpr .ckpr-track { background-color: var(--ck-line, #ececf3); }
#ck-opps#ck-opps .ckpr .ckpr-dual input[type=range]::-webkit-slider-thumb { border-color: var(--ck-blue, #1d8bff); box-shadow: 0 2px 6px rgba(29, 139, 255, .35); }
#ck-opps#ck-opps .ckpr .ckpr-dual input[type=range]::-moz-range-thumb { border-color: var(--ck-blue, #1d8bff); box-shadow: 0 2px 6px rgba(29, 139, 255, .35); }
#ck-opps#ck-opps .ckpr .ckpr-ins input { background-color: var(--ck-input-bg, #fff) !important; border-color: var(--ck-input-line, #e3e6ef) !important; color: var(--ck-ink, #15151f) !important; }
#ck-opps#ck-opps .ckpr .ckpr-ins input:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; }
#ck-opps#ck-opps .ckpr .ckpr-q { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80); }
#ck-opps#ck-opps .ckpr .ckpr-q.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-opps#ck-opps .ckpr .ckpr-foot { border-top-color: var(--ck-line, #ececf3); }
#ck-opps#ck-opps .ckpr .ckpr-apply { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); color: #fff; box-shadow: 0 6px 16px rgba(29, 139, 255, .26); }
/* board */
#ck-opps#ck-opps .op-col { 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-opps#ck-opps .op-colh b,
#ck-opps#ck-opps .op-colv { color: var(--ck-ink, #15151f); }
#ck-opps#ck-opps .op-colh .n { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-muted, #6c6c80); }
#ck-opps#ck-opps .op-colh .more { color: var(--ck-muted, #6c6c80); }
#ck-opps#ck-opps .op-colh .more:hover { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-ink, #15151f); }
#ck-opps#ck-opps .op-colv .track { background-color: var(--ck-card-2, #f8f8fc); }
#ck-opps#ck-opps .op-card { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 16px; box-shadow: 0 2px 8px rgba(40, 20, 90, .05); }
#ck-opps#ck-opps .op-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-opps#ck-opps .op-card .nm,
#ck-opps#ck-opps .op-pond,
#ck-opps#ck-opps .op-pond b { color: var(--ck-ink, #15151f); }
#ck-opps#ck-opps .op-card .nm:hover { color: var(--ck-blue, #1d8bff); }
#ck-opps#ck-opps .op-card .src,
#ck-opps#ck-opps .op-pond-row,
#ck-opps#ck-opps .op-days { color: var(--ck-muted, #6c6c80); }
#ck-opps#ck-opps .op-pond-brien { background-color: rgba(29, 139, 255, .07); border-color: rgba(56, 189, 248, .40); color: var(--ck-tab-ink, #0b2f6b); }
#ck-opps#ck-opps .op-pond-brien b { color: var(--ck-blue, #1d8bff); }
#ck-opps#ck-opps .op-val.none { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80); }
#ck-opps#ck-opps .op-tag { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-ink, #15151f); }
#ck-opps#ck-opps .op-acts { border-top-color: var(--ck-line, #ececf3); }
#ck-opps#ck-opps .op-ic { color: var(--ck-muted, #6c6c80); }
#ck-opps#ck-opps .op-ic:hover { background-color: rgba(29, 139, 255, .08); color: var(--ck-blue, #1d8bff); }
#ck-opps#ck-opps .op-empty { border-color: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80); border-radius: 14px; }
#ck-opps#ck-opps .op-add { background-color: var(--ck-card-2, #f8f8fc); border-color: var(--ck-input-line, #e3e6ef); color: var(--ck-muted, #6c6c80); }
#ck-opps#ck-opps .op-add:hover { background-color: rgba(29, 139, 255, .06); border-color: var(--ck-tab-line, #38bdf8); color: var(--ck-blue, #1d8bff); }
#ck-opps#ck-opps .op-menu { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 14px; }
#ck-opps#ck-opps .op-menu button:not([style*="color"]) { color: var(--ck-ink, #15151f); }
#ck-opps#ck-opps .op-menu button:hover { background-color: rgba(29, 139, 255, .08); }
/* list */
#ck-opps#ck-opps table { 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-opps#ck-opps th { background-color: var(--ck-card-2, #f8f8fc); border-bottom-color: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80) !important; }
#ck-opps#ck-opps td { border-bottom-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f) !important; }
#ck-opps#ck-opps tr:hover td { background-color: rgba(29, 139, 255, .045); }

/* =================================================================== POND (#ck-pond) */
#ck-pond#ck-pond { background-color: var(--ck-bg, #f5f4fa); color: var(--ck-ink, #15151f); }
#ck-pond#ck-pond .pd-mono,
#ck-pond#ck-pond .pd-sub,
#ck-pond#ck-pond .pd-count,
#ck-pond#ck-pond .pd-loc,
#ck-pond#ck-pond .pd-step > div > span,
#ck-pond#ck-pond .pd-noprice { color: var(--ck-muted, #6c6c80); }
#ck-pond#ck-pond .pd-h1 { color: var(--ck-ink, #15151f) !important; }
#ck-pond#ck-pond .pd-step b,
#ck-pond#ck-pond .pd-count b,
#ck-pond#ck-pond .pd-name { color: var(--ck-ink, #15151f); }
#ck-pond#ck-pond .pd-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-pond#ck-pond .pd-step .n[style*="rgb(123, 92, 240)"] { background: var(--ck-blue, #1d8bff) !important; }
#ck-pond#ck-pond .pd-step .n[style*="rgb(21, 21, 28)"] { box-shadow: inset 0 0 0 1px var(--ck-line, #ececf3); }
#ck-pond#ck-pond .pd-arrow { color: var(--ck-muted, #6c6c80); }
/* Pond / Pending claims tabs */
#ck-pond#ck-pond .pd-tabs { border-bottom-color: var(--ck-line, #ececf3); }
#ck-pond#ck-pond .pd-tab { color: var(--ck-muted, #6c6c80); border-radius: 12px 12px 0 0; }
#ck-pond#ck-pond .pd-tab:hover { color: var(--ck-ink, #15151f); }
#ck-pond#ck-pond .pd-tab.on {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff));
  border-bottom-color: var(--ck-tab-line, #38bdf8);
  color: var(--ck-tab-ink, #0b2f6b);
  box-shadow: inset 0 0 0 1px rgba(56, 189, 248, .35), 0 -2px 14px rgba(29, 139, 255, .12);
}
/* filters */
#ck-pond#ck-pond .pd-search,
#ck-pond#ck-pond .pd-sel {
  background-color: var(--ck-input-bg, #fff) !important;
  border-color: var(--ck-input-line, #e3e6ef) !important;
  color: var(--ck-ink, #15151f) !important;
}
#ck-pond#ck-pond .pd-search:focus,
#ck-pond#ck-pond .pd-sel:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; outline: none; }
#ck-pond#ck-pond .pd-prbtn { background-color: var(--ck-input-bg, #fff); border-color: var(--ck-input-line, #e3e6ef); color: var(--ck-ink, #15151f); }
#ck-pond#ck-pond .pd-prbtn:focus { border-color: var(--ck-blue, #1d8bff); box-shadow: 0 0 0 3px rgba(29, 139, 255, .18); outline: none; }
#ck-pond#ck-pond .pd-prbtn.on {
  background-color: rgba(56, 189, 248, .12);
  border-color: var(--ck-tab-line, #38bdf8);
  color: var(--ck-tab-ink, #0b2f6b);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .14), 0 4px 12px rgba(29, 139, 255, .14);
}
#ck-pond#ck-pond .pd-prpop { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); border-radius: 18px; box-shadow: 0 18px 40px -12px rgba(29, 60, 120, .28); }
#ck-pond#ck-pond .pd-prhead b { color: var(--ck-ink, #15151f); }
#ck-pond#ck-pond .pd-prscale,
#ck-pond#ck-pond .pd-prins label,
#ck-pond#ck-pond .pd-prdash { color: var(--ck-muted, #6c6c80); }
#ck-pond#ck-pond .pd-track { background-color: var(--ck-line, #ececf3); }
#ck-pond#ck-pond .pd-dual input[type=range]::-webkit-slider-thumb { border-color: var(--ck-blue, #1d8bff); box-shadow: 0 2px 6px rgba(29, 139, 255, .35); }
#ck-pond#ck-pond .pd-dual input[type=range]::-moz-range-thumb { border-color: var(--ck-blue, #1d8bff); box-shadow: 0 2px 6px rgba(29, 139, 255, .35); }
#ck-pond#ck-pond .pd-prins input { background-color: var(--ck-input-bg, #fff) !important; border-color: var(--ck-input-line, #e3e6ef) !important; color: var(--ck-ink, #15151f) !important; }
#ck-pond#ck-pond .pd-prins input:focus { border-color: var(--ck-blue, #1d8bff) !important; box-shadow: 0 0 0 3px rgba(29, 139, 255, .18) !important; }
#ck-pond#ck-pond .pd-prq { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80); }
#ck-pond#ck-pond .pd-prq.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-pond#ck-pond .pd-prfoot { border-top-color: var(--ck-line, #ececf3); }
#ck-pond#ck-pond .pd-prapply { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); color: #fff; box-shadow: 0 6px 16px rgba(29, 139, 255, .26); }
#ck-pond#ck-pond .pd-noprice input { accent-color: var(--ck-blue, #1d8bff); }
#ck-pond#ck-pond .pd-link:not([style*="color"]) { color: var(--ck-blue, #1d8bff); }
/* lead cards */
#ck-pond#ck-pond .pd-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-pond#ck-pond .pd-chip { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-ink, #15151f); }
#ck-pond#ck-pond .pd-price { background-color: var(--ck-card-2, #f8f8fc); border-color: var(--ck-line, #ececf3); border-radius: 14px; }
#ck-pond#ck-pond .pd-price .v:not(.free):not(.none) { color: var(--ck-ink, #15151f); }
#ck-pond#ck-pond .pd-price .v.none { color: var(--ck-muted, #6c6c80); }
#ck-pond#ck-pond .pd-pin { border-color: var(--ck-input-line, #e3e6ef); }
#ck-pond#ck-pond .pd-claim:not(:disabled) { background: var(--ck-grad, linear-gradient(90deg, #e8488a, #1d8bff)); color: #fff; box-shadow: 0 12px 26px -8px rgba(29, 139, 255, .45); }
#ck-pond#ck-pond .pd-claim.other { background-color: var(--ck-card-2, #f8f8fc); color: var(--ck-muted, #6c6c80); }
#ck-pond#ck-pond .pd-insight { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-blue, #1d8bff); }
#ck-pond#ck-pond .pd-insight:hover { border-color: var(--ck-tab-line, #38bdf8); }
#ck-pond#ck-pond .pd-insight.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-pond#ck-pond .pd-brien { background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff)); border-color: rgba(56, 189, 248, .45); border-radius: 14px; }
#ck-pond#ck-pond .pd-brien .t { color: var(--ck-blue, #1d8bff); }
#ck-pond#ck-pond .pd-brien .a { color: var(--ck-ink, #15151f); }
#ck-pond#ck-pond .pd-brien .r { color: var(--ck-muted, #6c6c80); }
#ck-pond#ck-pond .pd-empty { border-color: var(--ck-input-line, #e3e6ef); color: var(--ck-muted, #6c6c80); border-radius: 18px; }
#ck-pond#ck-pond .pd-msg { background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff)); border-color: rgba(56, 189, 248, .45); color: var(--ck-ink, #15151f); border-radius: 14px; }
#ck-pond#ck-pond .pd-more { background-color: var(--ck-card, #fff); border-color: var(--ck-line, #ececf3); color: var(--ck-ink, #15151f); }
#ck-pond#ck-pond .pd-more:hover { border-color: var(--ck-tab-line, #38bdf8); }
/* Pending claims table */
#ck-pond#ck-pond table { 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-pond#ck-pond th { border-bottom-color: var(--ck-line, #ececf3); color: var(--ck-muted, #6c6c80) !important; }
#ck-pond#ck-pond td { border-bottom-color: var(--ck-line, #ececf3); }
#ck-pond#ck-pond .pd-no { background-color: var(--ck-card, #fff); }

/* =================================================================== TASKS (#ck-tasks — inline-styled page) */
#ck-tasks#ck-tasks { background: var(--ck-bg, #f5f4fa) !important; }
/* the big page card, the stat cards and the task cards */
#ck-tasks#ck-tasks > div[style*="padding: 24px"][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-tasks#ck-tasks [style*="text-align: center"][style*="cursor: pointer"][style*="transition"] {
  background: var(--ck-card, #fff) !important;
  border-right-color: var(--ck-line, #ececf3) !important;
  border-bottom-color: var(--ck-line, #ececf3) !important;
  border-left-color: var(--ck-line, #ececf3) !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 10px rgba(40, 20, 90, .05) !important;
}
#ck-tasks#ck-tasks [style*="text-align: center"][style*="cursor: pointer"][style*="transition"]:hover { box-shadow: 0 0 0 3px rgba(56, 189, 248, .14), 0 8px 20px rgba(29, 139, 255, .12) !important; }
/* active status card (tasks.js puts .ck-on + aria-pressed="true" on the card matching the status filter) — menu blue glow */
#ck-tasks#ck-tasks .ck-on[style*="text-align: center"][style*="cursor: pointer"][style*="transition"],
#ck-tasks#ck-tasks .ck-on[style*="text-align: center"][style*="cursor: pointer"][style*="transition"]:hover {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff)) !important;
  border-right-color: var(--ck-tab-line, #38bdf8) !important;
  border-bottom-color: var(--ck-tab-line, #38bdf8) !important;
  border-left-color: var(--ck-tab-line, #38bdf8) !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-tasks#ck-tasks .ck-on[style*="text-align: center"][style*="cursor: pointer"][style*="transition"] > p:first-child { color: var(--ck-tab-ink, #0b2f6b) !important; }
html[data-ck-theme="dark"] #ck-tasks#ck-tasks .ck-on[style*="text-align: center"][style*="cursor: pointer"][style*="transition"],
html[data-ck-theme="dark"] #ck-tasks#ck-tasks .ck-on[style*="text-align: center"][style*="cursor: pointer"][style*="transition"]:hover {
  box-shadow: inset 0 0 0 1px var(--ck-tab-line, #38e1ff), 0 0 0 3px rgba(56, 225, 255, .16), 0 4px 16px rgba(0, 180, 255, .20) !important;
}
#ck-tasks#ck-tasks div[style*="grid-template-columns: auto 1fr auto"] {
  background: var(--ck-card, #fff) !important;
  border-radius: 14px !important;
}
#ck-tasks#ck-tasks div[style*="grid-template-columns: auto 1fr auto"]:not([style*="solid rgb(220, 38, 38)"]) {
  border-color: var(--ck-line, #ececf3) !important;
  box-shadow: 0 2px 8px rgba(40, 20, 90, .05) !important;
}
#ck-tasks#ck-tasks div[style*="grid-template-columns: auto 1fr auto"]:not([style*="solid rgb(220, 38, 38)"]):hover { border-color: var(--ck-tab-line, #38bdf8) !important; }
/* primary buttons (Add Task, Create/Update in the modal) */
#ck-tasks#ck-tasks button[style*="background: rgb(37, 99, 235)"][style*="padding: 10px 20px"] {
  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 button (Cancel in the modal) */
#ck-tasks#ck-tasks button[style*="padding: 10px 20px"][style*="background: rgb(248, 250, 252)"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  color: var(--ck-ink, #15151f) !important;
  border-radius: 12px !important;
}
/* All Tasks / My Tasks toggle */
#ck-tasks#ck-tasks div[style*="padding: 3px"][style*="border-radius: 6px"] {
  background: var(--ck-card-2, #f8f8fc) !important;
  border-color: var(--ck-line, #ececf3) !important;
  border-radius: 12px !important;
}
#ck-tasks#ck-tasks button[style*="padding: 6px 14px"] { color: var(--ck-muted, #6c6c80) !important; border-radius: 9px !important; }
#ck-tasks#ck-tasks button[style*="padding: 6px 14px"]:not([style*="background: transparent"]) {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff)) !important;
  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) !important;
}
/* inputs / selects / textareas (page + modal) */
#ck-tasks#ck-tasks input[type="text"],
#ck-tasks#ck-tasks input[type="date"],
#ck-tasks#ck-tasks input[type="datetime-local"],
#ck-tasks#ck-tasks textarea,
#ck-tasks#ck-tasks 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-tasks#ck-tasks input[type="text"]:focus,
#ck-tasks#ck-tasks input[type="date"]:focus,
#ck-tasks#ck-tasks input[type="datetime-local"]:focus,
#ck-tasks#ck-tasks textarea:focus,
#ck-tasks#ck-tasks 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-tasks#ck-tasks input[type="checkbox"] { accent-color: var(--ck-blue, #1d8bff); }
/* modal box */
#ck-tasks#ck-tasks div[style*="max-width: 500px"][style*="border-radius: 12px"] {
  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;
}
/* accent colours: old blue #2563EB / #3B82F6 -> O6 blue; muted labels -> muted token */
#ck-tasks#ck-tasks [style^="color: rgb(37, 99, 235)"], #ck-tasks#ck-tasks [style*=" color: rgb(37, 99, 235)"],
#ck-tasks#ck-tasks [style^="color: rgb(59, 130, 246)"], #ck-tasks#ck-tasks [style*=" color: rgb(59, 130, 246)"] { color: var(--ck-blue, #1d8bff) !important; }
#ck-tasks#ck-tasks [style*="background: rgba(37, 99, 235, 0.12)"] { background: rgba(29, 139, 255, .10) !important; }
#ck-tasks#ck-tasks [style*="solid rgba(37, 99, 235, 0.25)"] { border-color: rgba(56, 189, 248, .45) !important; }
#ck-tasks#ck-tasks button[style*="solid rgb(37, 99, 235)"] { border-color: var(--ck-blue, #1d8bff) !important; }
#ck-tasks#ck-tasks [style^="color: rgb(71, 85, 105)"], #ck-tasks#ck-tasks [style*=" color: rgb(71, 85, 105)"] { color: var(--ck-muted, #6c6c80) !important; }

/* =================================================================== CALENDAR (#ck-calendar — inline-styled page) */
#ck-calendar#ck-calendar { background: var(--ck-bg, #f5f4fa) !important; }
#ck-calendar#ck-calendar > div[style*="padding: 24px"][style*="background: rgb(255, 255, 255)"] {
  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;
}
/* primary (New Appointment / Create) = the green 10px 20px button */
#ck-calendar#ck-calendar button[style*="background: rgb(5, 150, 105)"][style*="padding: 10px 20px"] {
  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-calendar#ck-calendar button[style*="padding: 10px 20px"]:not([style*="background: rgb(5, 150, 105)"]) { border-radius: 12px !important; }
/* secondary (white 10px 20px buttons, e.g. Disconnect keeps its red text/border) */
#ck-calendar#ck-calendar button[style*="padding: 10px 20px"][style*="background: rgb(255, 255, 255)"] { background: var(--ck-card, #fff) !important; }
#ck-calendar#ck-calendar span[style*="padding: 10px 16px"][style*="background: rgb(255, 255, 255)"] { background: var(--ck-card, #fff) !important; border-color: var(--ck-line, #ececf3) !important; border-radius: 12px !important; }
/* Today / < > / Month / Week / Day / List */
#ck-calendar#ck-calendar button[style*="padding: 8px 16px"][style*="cursor: pointer; font-size: 13px"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  color: var(--ck-muted, #6c6c80) !important;
  border-radius: 10px !important;
}
#ck-calendar#ck-calendar button[style*="padding: 8px 16px"][style*="cursor: pointer; font-size: 13px"]:hover { border-color: var(--ck-tab-line, #38bdf8) !important; color: var(--ck-ink, #15151f) !important; }
#ck-calendar#ck-calendar button[style*="padding: 8px 16px; background: rgb(37, 99, 235)"][style*="cursor: pointer; font-size: 13px"] {
  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;
}
#ck-calendar#ck-calendar div[style*="width: 1px"][style*="background: rgb(226, 232, 240)"] { background: var(--ck-line, #ececf3) !important; }
/* Team Calendar / My Calendar toggle */
#ck-calendar#ck-calendar div[style*="padding: 3px"][style*="border-radius: 6px"] {
  background: var(--ck-card-2, #f8f8fc) !important;
  border-color: var(--ck-line, #ececf3) !important;
  border-radius: 12px !important;
}
#ck-calendar#ck-calendar button[style*="padding: 6px 14px"] { color: var(--ck-muted, #6c6c80) !important; border-radius: 9px !important; }
#ck-calendar#ck-calendar button[style*="padding: 6px 14px"]:not([style*="background: transparent"]) {
  background: var(--ck-tab-bg, linear-gradient(90deg, #e6f6ff, #f2f8ff)) !important;
  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) !important;
}
/* filters + modal fields */
#ck-calendar#ck-calendar input[type="text"],
#ck-calendar#ck-calendar input[type="email"],
#ck-calendar#ck-calendar input[type="date"],
#ck-calendar#ck-calendar input[type="time"],
#ck-calendar#ck-calendar input[type="datetime-local"],
#ck-calendar#ck-calendar textarea,
#ck-calendar#ck-calendar 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-calendar#ck-calendar input[type="text"]:focus,
#ck-calendar#ck-calendar input[type="email"]:focus,
#ck-calendar#ck-calendar input[type="date"]:focus,
#ck-calendar#ck-calendar input[type="time"]:focus,
#ck-calendar#ck-calendar input[type="datetime-local"]:focus,
#ck-calendar#ck-calendar textarea:focus,
#ck-calendar#ck-calendar 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-calendar#ck-calendar input[type="checkbox"] { accent-color: var(--ck-blue, #1d8bff); }
/* month title strip, month grid cells, week/day grid lines, list rows */
#ck-calendar#ck-calendar div[style*="text-align: center; margin-bottom: 20px; padding: 12px"] {
  background: var(--ck-card-2, #f8f8fc) !important;
  border-color: var(--ck-line, #ececf3) !important;
  border-radius: 14px !important;
}
#ck-calendar#ck-calendar div[style*="min-height: 100px"][style*="cursor: pointer"] { border-radius: 12px !important; }
#ck-calendar#ck-calendar div[style*="min-height: 100px"][style*="background: rgb(255, 255, 255)"] { background: var(--ck-card, #fff) !important; }
#ck-calendar#ck-calendar div[style*="min-height: 100px"][style*="background: rgb(248, 250, 252)"] { background: var(--ck-card-2, #f8f8fc) !important; }
#ck-calendar#ck-calendar div[style*="min-height: 100px"][style*="solid rgb(226, 232, 240)"] { border-color: var(--ck-line, #ececf3) !important; }
#ck-calendar#ck-calendar div[style*="min-height: 100px"][style*="cursor: pointer"]:hover { border-color: var(--ck-tab-line, #38bdf8) !important; }
#ck-calendar#ck-calendar div[style*="min-height: 100px"][style*="solid rgb(37, 99, 235)"] {
  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, .14) !important;
}
#ck-calendar#ck-calendar [style*="border-bottom: 1px solid rgb(226, 232, 240)"] { border-bottom-color: var(--ck-line, #ececf3) !important; }
#ck-calendar#ck-calendar [style*="border-right: 1px solid rgb(226, 232, 240)"] { border-right-color: var(--ck-line, #ececf3) !important; }
#ck-calendar#ck-calendar div[style*="margin-bottom: 12px"][style*="cursor: pointer"][style*="border-left: 3px solid"] {
  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: 12px !important;
}
/* modal boxes (Task details, appointment details/new) */
#ck-calendar#ck-calendar div[style*="position: fixed"] > div[style*="background: rgb(255, 255, 255)"] {
  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-calendar#ck-calendar button[style*="padding: 8px 16px"][style*="background: rgb(248, 250, 252)"] {
  background: var(--ck-card, #fff) !important;
  border-color: var(--ck-line, #ececf3) !important;
  color: var(--ck-ink, #15151f) !important;
  border-radius: 10px !important;
}
/* accent colours */
#ck-calendar#ck-calendar [style^="color: rgb(37, 99, 235)"], #ck-calendar#ck-calendar [style*=" color: rgb(37, 99, 235)"],
#ck-calendar#ck-calendar [style^="color: rgb(124, 58, 237)"], #ck-calendar#ck-calendar [style*=" color: rgb(124, 58, 237)"] { color: var(--ck-blue, #1d8bff) !important; }
#ck-calendar#ck-calendar [style^="color: rgb(148, 163, 184)"], #ck-calendar#ck-calendar [style*=" color: rgb(148, 163, 184)"],
#ck-calendar#ck-calendar [style^="color: rgb(71, 85, 105)"], #ck-calendar#ck-calendar [style*=" color: rgb(71, 85, 105)"] { color: var(--ck-muted, #6c6c80) !important; }