.theme-panel{position:fixed;display:none;flex-direction:column;background:#fff;border:1px solid #E8E8E6;border-radius:14px;box-shadow:0 24px 64px -16px rgba(16,24,40,0.20),0 8px 20px -8px rgba(16,24,40,0.10);width:320px;padding:6px;z-index:9100;opacity:0;transform:translateX(6px);transition:opacity .18s ease,transform .22s cubic-bezier(.2,.7,.3,1)}
.theme-panel.open{display:flex;opacity:1;transform:translateX(0)}
.tp-head{display:flex;align-items:center;gap:6px;padding:6px 6px 8px 4px;border-bottom:1px solid #F2F2F0;margin-bottom:6px}
.tp-back{appearance:none;background:transparent;border:0;width:28px;height:28px;border-radius:8px;display:inline-grid;place-items:center;color:#52525B;cursor:pointer}
.tp-back:hover{background:#F4F4F5;color:#1A1A1A}
.tp-title{font:600 13px/1.2 'Inter',sans-serif;color:#1A1A1A;letter-spacing:-0.005em}
.tp-section{padding:6px 8px 10px}
.tp-section + .tp-section{border-top:1px solid #F2F2F0;margin-top:2px;padding-top:10px}
.tp-section-label{font:500 11px/1 'Inter',sans-serif;color:#71717A;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
.tp-row{display:flex;align-items:center;gap:12px;padding:4px 0}
.tp-row-text{flex:1 1 auto;min-width:0}
.tp-row-l{font:550 13px/1.3 'Inter',sans-serif;color:#1A1A1A}
.tp-row-h{font:400 12px/1.35 'Inter',sans-serif;color:#71717A;margin-top:2px}
.tp-switch{position:relative;display:inline-block;width:34px;height:20px;flex:0 0 34px}
.tp-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.tp-track{position:absolute;inset:0;background:#D4D4D8;border-radius:999px;transition:background .18s ease}
.tp-track::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.18);transition:transform .2s cubic-bezier(.2,.7,.3,1)}
.tp-switch input:checked + .tp-track{background:var(--brand-blue,#004CE6)}
.tp-switch input:checked + .tp-track::after{transform:translateX(14px)}
.tp-brand-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tp-brand{appearance:none;background:#fff;border:1px solid #E4E4E7;border-radius:10px;padding:10px;display:flex;align-items:center;gap:10px;cursor:pointer;font:550 13px/1 'Inter',sans-serif;color:#1A1A1A;transition:border-color .15s ease,background .15s ease}
.tp-brand:hover{background:#FAFAFA;border-color:#D4D4D8}
.tp-brand.active{border-color:var(--brand-blue,#004CE6);background:var(--brand-blue-soft,#EFF8FF)}
.tp-sw{width:18px;height:18px;border-radius:50%;flex:0 0 18px;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.06)}

/* ===== Brand: green ===== */
body.brand-green{--brand-blue:#0E8C5C;--brand-blue-strong:#10A36C;--brand-blue-soft:#E8F7EF}

/* ===== Dark mode — comprehensive ===== */
body.theme-dark{
  --d-bg:#1F2023;
  --d-bg-elev:#1F2228;
  --d-bg-card:#1F2228;
  --d-bg-hover:#23262C;
  --d-bg-active:#2A2D33;
  --d-border:#2A2D33;
  --d-border-strong:#353841;
  --d-text:#E5E7EB;
  --d-text-strong:#F4F4F5;
  --d-text-muted:#9CA3AF;
  --d-text-dim:#71717A;
  --brand-blue-soft:rgba(0,76,230,0.18);
  --sb-bg:#191A1C;
  --sb-text:#E5E7EB;
  --sb-text-dim:#9CA3AF;
  --sb-divider:#2A2D33;
  --sb-selected:#23262C;
  --sb-hover:#1F2023;
  background:#191A1C;color:#E5E7EB;
}
body.theme-dark.brand-green{--brand-blue-soft:rgba(14,140,92,0.20)}
/* Dark mode brand blue: match archived-calls link (#4D8DFF) — softer, higher contrast on dark surfaces */
body.theme-dark:not(.brand-green){--brand-blue:#4D8DFF;--brand-blue-strong:#4D8DFF;--brand-blue-soft:rgba(77,139,255,0.18)}

/* Base scaffolding */
body.theme-dark,
/* Theme swap: instant (no jitter) — suppress all transitions while theme class is toggled */
html.theme-switching, html.theme-switching *, html.theme-switching *::before, html.theme-switching *::after{transition:none !important;animation-duration:0s !important}
/* The reveal repaints live content each frame, so park the decorative loops for its
   duration. Deliberately scoped to just these elements: a universal selector here made
   adding/removing the class force two full-tree recalcs mid-sweep (the old glitch). */
html.vt-park .gs-pill-stroke *,html.vt-park .ai-assist-btn::before,html.vt-park .aia-spark,html.vt-park .ags-card,html.vt-park .ags-viewall,html.vt-park .seg-skel .sk-shimmer{animation-play-state:paused !important}
@property --jcr{syntax:'<length>';inherits:false;initial-value:0px}
#jcThemeClone{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:2147483000;--jcr:0px}
#jcThemeClone.jc-grow{-webkit-mask-image:radial-gradient(circle at var(--jcx) var(--jcy), #000 var(--jcr), transparent var(--jcr));mask-image:radial-gradient(circle at var(--jcx) var(--jcy), #000 var(--jcr), transparent var(--jcr))}
#jcThemeClone.jc-shrink{-webkit-mask-image:radial-gradient(circle at var(--jcx) var(--jcy), transparent var(--jcr), #000 var(--jcr));mask-image:radial-gradient(circle at var(--jcx) var(--jcy), transparent var(--jcr), #000 var(--jcr))}
#jcThemeClone.jc-run{transition:--jcr 660ms cubic-bezier(.32,.06,.24,1)}
/* The freeze rule above zeroes every animation-duration; the reveal must opt out. */
html.theme-switching #jcThemeClone,#jcThemeClone{animation-duration:640ms !important}
/* The clone is a still picture: kill every animation, transition and layer hint inside
   it. Left running, the copied interface re-ran all of its own shimmers, spinners and
   SVG stroke loops on the main thread while the reveal was sweeping — that competing
   work is what made the sweep pause partway and then resume. */
/* Scoped to the copied UI (inside the counter-scale holder) rather than every descendant:
   `#jcThemeClone *` also matched the holder itself and killed its counter-scale animation,
   which made the cloned content render magnified instead of holding still. */
#jcThemeClone>div *,#jcThemeBase>div *{animation:none !important;transition:none !important;will-change:auto !important}
/* Rasterise the copied UI once into its own layer so the clip only re-composites. */
#jcThemeClone>div,#jcThemeBase>div{transform:translateZ(0);backface-visibility:hidden;contain:strict;width:100vw;height:100vh}

/* Shimmer/skeleton: low-contrast in dark mode (was full white) */
body.theme-dark .shimmer-bar{background:linear-gradient(90deg,#1E2024 0%,#26292F 50%,#1E2024 100%) !important;background-size:200% 100% !important;opacity:.85}
body.theme-dark .shimmer-overlay{background:transparent !important}
/* Table-row skeletons (sk-shimmer / sk-row) — dim the bars and the moving shine */
body.theme-dark .ct-table tbody tr.sk-row td,
body.theme-dark .ct-table tbody tr.sk-row:hover td{background:transparent !important}
body.theme-dark .sk-shimmer{background:#262A30 !important}
body.theme-dark .sk-shimmer::after{background-image:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.06) 50%,rgba(255,255,255,0) 100%) !important}
/* Neutralize inline white/grey card + grid-gap backgrounds inside shimmers */
body.theme-dark .shimmer-overlay [style*="background:#fff"],
body.theme-dark .shimmer-overlay [style*="background: #fff"],
body.theme-dark .shimmer-overlay [style*="background:#FFF"]{background:#1F2023 !important}
body.theme-dark .shimmer-overlay [style*="background:#fafafa"],
body.theme-dark .shimmer-overlay [style*="background: #fafafa"]{background:#202226 !important}
body.theme-dark .shimmer-overlay [style*="background:#f0f0f0"],
body.theme-dark .shimmer-overlay [style*="background: #f0f0f0"]{background:#2A2D33 !important}
body.theme-dark .shimmer-overlay [style*="border:1px solid #f0f0f0"],
body.theme-dark .shimmer-overlay [style*="border: 1px solid #f0f0f0"]{border-color:#2A2D33 !important}
body.theme-dark .shimmer-overlay [style*="border:1px solid #E4E4E7"],
body.theme-dark .shimmer-overlay [style*="border: 1px solid #E4E4E7"]{border-color:#2A2D33 !important}
body.theme-dark .app,
body.theme-dark .layout,
body.theme-dark .main,
body.theme-dark main{background:#191A1C !important;color:#E5E7EB !important}
body.theme-dark .page,
body.theme-dark .content,
body.theme-dark .workspace{background:#1F2023 !important;color:#E5E7EB !important}
body.theme-dark{background:#191A1C !important}
body.theme-dark html{background:#191A1C !important}
body.theme-dark .app{background:#191A1C !important}
body.theme-dark .topbar{background:#191A1C !important;border-color:#2A2D33 !important}

/* All text defaults */
body.theme-dark *{border-color:#2A2D33}
body.theme-dark p,body.theme-dark span,body.theme-dark div,body.theme-dark li,body.theme-dark td,body.theme-dark th,body.theme-dark label,body.theme-dark dd,body.theme-dark dt,body.theme-dark figcaption,body.theme-dark small,body.theme-dark a{color:inherit}
body.theme-dark h1,body.theme-dark h2,body.theme-dark h3,body.theme-dark h4,body.theme-dark h5,body.theme-dark h6{color:#F4F4F5}
body.theme-dark a{color:var(--brand-blue,#4D8DFF)}

/* Sidebar */
body.theme-dark .sidebar,
body.theme-dark .sb-foot,
body.theme-dark .sb-head{background:#191A1C !important;color:#D4D4D8 !important;border-color:#2A2D33 !important}
body.theme-dark{background:#191A1C !important}
body.theme-dark .sidebar *{color:inherit}
body.theme-dark .nav-item,body.theme-dark .sb-foot-item,body.theme-dark .sb-profile{color:#D4D4D8 !important}
/* Dark mode: keep the AI Studio tile but darken it so it doesn't glare, and match the settings gear to the other nav icons */
/* Dark mode: settings gear matches the other nav icons */
body.theme-dark .ni-icon[data-icon="settings"] svg,
body.theme-dark .ni-icon[data-icon="settings"] svg *{color:#D4D4D8 !important;stroke:#D4D4D8 !important}
body.theme-dark .nav-item:hover .ni-icon[data-icon="settings"] svg,
body.theme-dark .nav-item:hover .ni-icon[data-icon="settings"] svg *{color:#fff !important;stroke:#fff !important}
body.theme-dark .nav-item:hover,body.theme-dark .sb-foot-item:hover,body.theme-dark .sb-profile:hover{background:#23262C !important;color:#fff !important;box-shadow:none !important;outline:none !important;border-color:transparent !important}
/* Bulk action bars: keep light-theme styling in dark mode (white pill, dark text) for contrast against dark page */
body.theme-dark .jc-bulk-bar,body.theme-dark .bulk-bar{background:#FFFFFF !important;color:#1F2937 !important;box-shadow:0 12px 32px -8px rgba(0,0,0,0.55),0 4px 12px -2px rgba(0,0,0,0.35),0 0 0 1px rgba(0,0,0,0.06) !important}
body.theme-dark .jc-bulk-count,body.theme-dark .bulk-bar-count{color:#1F2937 !important;border-right-color:rgba(16,24,40,0.10) !important}
body.theme-dark .jc-bulk-count b,body.theme-dark .bulk-bar-count .n{background:#3E4AFE !important;color:#FFFFFF !important}
body.theme-dark .jc-bulk-btn,body.theme-dark .bulk-bar-act{color:#344054 !important;background:transparent !important}
body.theme-dark .jc-bulk-btn svg,body.theme-dark .bulk-bar-act svg{color:currentColor !important}
body.theme-dark .jc-bulk-btn:hover,body.theme-dark .bulk-bar-act:hover{background:rgba(16,24,40,0.06) !important;color:#101828 !important}
body.theme-dark .jc-bulk-btn.danger,body.theme-dark .bulk-bar-act.danger{color:#B42318 !important}
body.theme-dark .jc-bulk-btn.danger:hover,body.theme-dark .bulk-bar-act.danger:hover{background:rgba(217,45,32,0.10) !important;color:#B42318 !important}
body.theme-dark .jc-bulk-close{color:#667085 !important;background:transparent !important}
body.theme-dark .jc-bulk-close:hover{background:rgba(16,24,40,0.06) !important;color:#101828 !important}
body.theme-dark .nav-item:hover .badge-new.badge-kind-pro,body.theme-dark .nav-item:hover .badge-new.badge-kind-pro *{color:#1F1300 !important;-webkit-text-fill-color:#1F1300 !important}
body.theme-dark .nav-item.selected,body.theme-dark .nav-item.active{background:transparent !important;color:#fff !important;box-shadow:none !important}
body.theme-dark .nav-item.open,body.theme-dark .nav-item.open.selected{background:transparent !important;box-shadow:none !important}
/* Sub-item selected: NO background fill — accent comes from the left rail + brighter text. */
body.theme-dark .nav-sub-inner > .selected{background:transparent !important;color:#fff !important;box-shadow:none !important}
body.theme-dark .nav-sub-inner > .selected :is(h1,h2,h3,h4,h5,h6,p,li,dt,dd,blockquote,figcaption,label,span,a,em,strong,small,td,th,caption){color:#fff !important}
/* Sub-item hover (dark): subtle fill + brighter text for contrast */
body.theme-dark .sub-item{color:#A1A1AA !important}
body.theme-dark .sub-item:hover{background:#23262C !important;color:#F4F4F5 !important}
body.theme-dark .sub-item:hover :is(span,a,strong,em){color:#F4F4F5 !important}
/* No outline/box-shadow stroke on nav/sub hover in dark mode */
body.theme-dark.tweak-selected-shadow.proto-nav-v2 .nav-item:hover,
body.theme-dark.tweak-selected-shadow.proto-nav-v2 .sub-item:hover,
body.theme-dark .nav-item:hover,
body.theme-dark .sub-item:hover{box-shadow:none !important;outline:none !important}
body.theme-dark .sb-divider,body.theme-dark .sb-section-label{color:#71717A !important;border-color:#2A2D33 !important}
body.theme-dark .sb-profile-name{color:#F4F4F5 !important}
/* Sidebar logo (icon fills + wordmark) — dark variant, same position/size */
body.theme-dark .sb-logo .sb-logo-main svg path,
body.theme-dark .sb-logo .sb-logo-settings svg path{fill:#FFFFFF !important}
body.theme-dark .sb-logo .sb-logo-back{color:#E5E7EB !important;background:transparent !important;border-color:transparent !important}
body.theme-dark .sb-logo .sb-logo-back svg,
body.theme-dark .sb-logo .sb-logo-back svg path{stroke:#E5E7EB !important;fill:none !important;color:#E5E7EB !important}
body.theme-dark .sb-logo .sb-logo-back:hover{background:#23262C !important;color:#FFFFFF !important}
body.theme-dark .sb-logo .sb-logo-back:hover svg,
body.theme-dark .sb-logo .sb-logo-back:hover svg path{stroke:#FFFFFF !important;fill:none !important}
body.theme-dark .sb-logo .sb-logo-main svg path[fill="#03008F"],
body.theme-dark .sb-logo .sb-logo-settings svg path[fill="#03008F"]{fill:#FFFFFF !important;fill-opacity:.62 !important}
body.theme-dark .sb-logo .wm{color:#FFFFFF !important}
body.theme-dark [aria-label="Open global search"]{background:#23262C !important;color:#E5E7EB !important;border-color:#2A2D33 !important}

/* Topbar / page heads / toolbars */
body.theme-dark .topbar,
body.theme-dark .topbar-inner,
body.theme-dark .page-head,
body.theme-dark .page-header,
body.theme-dark .ct-toolbar,
body.theme-dark .vh-toolbar,
body.theme-dark .va-toolbar,
body.theme-dark .an-toolbar,
body.theme-dark .settings-head,
body.theme-dark .tab-bar,
body.theme-dark .filters,
body.theme-dark .breadcrumb{background:#1F2023 !important;color:#E5E7EB !important;border-color:#2A2D33 !important}

/* Cards / panels / modals — every common container */
body.theme-dark .card,
body.theme-dark .ct-card,
body.theme-dark .vh-card,
body.theme-dark .va-card,
body.theme-dark .pp-card,
body.theme-dark .mp-form,
body.theme-dark .settings-body,
body.theme-dark .settings-card,
body.theme-dark .panel,
body.theme-dark .widget,
body.theme-dark .an-widget,
body.theme-dark .an-card,
body.theme-dark .ct-empty,
body.theme-dark .vh-empty,
body.theme-dark .modal,
body.theme-dark .dialog,
body.theme-dark .popover,
body.theme-dark .menu,
body.theme-dark .dropdown,
body.theme-dark .profile-pop,
body.theme-dark .theme-panel,
body.theme-dark .av-flyout,
body.theme-dark .av-current,
body.theme-dark .vh-modal,
body.theme-dark .tm-modal,
body.theme-dark .an-setup,
body.theme-dark .ct-detail,
body.theme-dark .ct-drawer,
body.theme-dark .clk-pop,
body.theme-dark .ai-sheet,
body.theme-dark .ai-card,
body.theme-dark .skeleton-card,
body.theme-dark #avPopover,
body.theme-dark .mp-section,
body.theme-dark .mp-row,
body.theme-dark .toast{background:#1F2228 !important;color:#E5E7EB !important;border-color:#2A2D33 !important;box-shadow:0 24px 64px -16px rgba(0,0,0,0.55),0 8px 20px -8px rgba(0,0,0,0.35) !important}

/* Lighter containers (subtle elevation difference) */
body.theme-dark .mp-form,body.theme-dark .settings-body{background:#1F2228 !important;border-color:#2A2D33 !important}
/* Center-align all settings content at 768px */
.settings-body{display:flex;flex-direction:column;align-items:center}
.settings-body > *{width:100%;max-width:768px}
.mp-form{max-width:768px !important;margin-left:auto !important;margin-right:auto !important;width:100%}

/* Inputs / forms */
body.theme-dark input,
body.theme-dark textarea,
body.theme-dark select,
body.theme-dark .input,
body.theme-dark .field,
body.theme-dark .ct-search,
body.theme-dark .va-search,
body.theme-dark .vh-search,
body.theme-dark .mp-input,
body.theme-dark .search-input,
body.theme-dark .phone-input{background:#23262C !important;color:#E5E7EB !important;border-color:#2F333A !important;caret-color:#E5E7EB}
body.theme-dark input::placeholder,body.theme-dark textarea::placeholder,body.theme-dark .search-input::placeholder{color:#71717A !important}
body.theme-dark input:focus,body.theme-dark textarea:focus,body.theme-dark select:focus{border-color:var(--brand-blue) !important;box-shadow:none !important;outline:none}
body.theme-dark .ct-search-wrap,body.theme-dark .va-search-wrap{background:#23262C !important;border-color:#2F333A !important}

/* Buttons */
body.theme-dark .btn,body.theme-dark button.secondary,body.theme-dark .btn-secondary,body.theme-dark .ghost-btn,body.theme-dark .icon-btn{background:transparent !important;color:#E5E7EB !important;border-color:#2F333A !important}
body.theme-dark .btn:hover,body.theme-dark button.secondary:hover,body.theme-dark .btn-secondary:hover,body.theme-dark .ghost-btn:hover,body.theme-dark .icon-btn:hover{background:#23262C !important;color:#fff !important;border-color:#353841 !important}
body.theme-dark .btn-primary,body.theme-dark .primary-btn,body.theme-dark .pp-btn-primary,body.theme-dark .an-setup-primary{background:var(--brand-blue) !important;color:#fff !important;border-color:transparent !important}

/* Tables */
body.theme-dark table,
body.theme-dark .va-table,
body.theme-dark .ct-table,
body.theme-dark .vh-table,
body.theme-dark .an-table{color:#E5E7EB !important;background:transparent}
body.theme-dark thead,body.theme-dark .va-table thead,body.theme-dark .ct-table thead,body.theme-dark .vh-table thead{background:#1F2023 !important;color:#9CA3AF !important}
body.theme-dark th{color:#9CA3AF !important;border-color:#2A2D33 !important;background:#1F2023 !important}
body.theme-dark td{border-color:#23262C !important;color:#E5E7EB !important;background:transparent !important}
body.theme-dark tbody tr{background:transparent !important}
body.theme-dark tbody tr:hover,body.theme-dark .va-table tbody tr:hover,body.theme-dark .ct-table tbody tr:hover{background:#23262C !important}

/* Profile popover internals */
body.theme-dark .profile-pop-item{color:#E5E7EB !important;background:transparent !important}
body.theme-dark .profile-pop-item:hover{background:#23262C !important;color:#fff !important}
body.theme-dark .profile-pop-header{background:transparent !important;border-color:#2A2D33 !important}
body.theme-dark .profile-pop-group{border-color:#2A2D33 !important}
body.theme-dark .profile-pop-name,body.theme-dark .pp-label,body.theme-dark .pp-id-text{color:#F4F4F5 !important}
body.theme-dark .pp-id-status,body.theme-dark .pp-id-reason{color:#9CA3AF !important}
body.theme-dark .pp-icon,body.theme-dark .pp-chev{color:#9CA3AF !important}
body.theme-dark .profile-pop-danger{color:#FCA5A5 !important}

/* Availability menu */
body.theme-dark .av-current{background:#23262C !important;border-color:#2F333A !important}
body.theme-dark .av-current-l{color:#F4F4F5 !important}
body.theme-dark .av-current-h{color:#9CA3AF !important}
body.theme-dark .av-status-btn{color:#E5E7EB !important;background:transparent !important}
body.theme-dark .av-status-btn:hover{background:#23262C !important}
body.theme-dark .av-flyout-sep{color:#9CA3AF !important;border-color:#2A2D33 !important;background:transparent !important}
body.theme-dark .av-flyout-foot{border-color:#2A2D33 !important}
body.theme-dark .av-foot-link{color:#9CA3AF !important}
body.theme-dark .sb-av-badge{background:#23262C !important;border-color:#2F333A !important;color:#D4D4D8 !important}
body.theme-dark .sb-av-badge:hover{background:#2A2D33 !important;border-color:#353841 !important;color:#fff !important}

/* Theme panel itself */
body.theme-dark .theme-panel{background:#1F2228 !important;border-color:#2A2D33 !important}
body.theme-dark .tp-title,body.theme-dark .tp-row-l{color:#F4F4F5 !important}
body.theme-dark .tp-row-h,body.theme-dark .tp-section-label{color:#9CA3AF !important}
body.theme-dark .tp-head{border-bottom-color:#2A2D33 !important}
body.theme-dark .tp-section + .tp-section{border-top-color:#2A2D33 !important}
body.theme-dark .tp-back{color:#9CA3AF !important}
body.theme-dark .tp-back:hover{background:#2A2D33 !important;color:#fff !important}
body.theme-dark .tp-track{background:#3A3D45}
body.theme-dark .tp-brand{background:#23262C !important;border-color:#2F333A !important;color:#E5E7EB !important}
body.theme-dark .tp-brand:hover{background:#2A2D33 !important;border-color:#353841 !important}
body.theme-dark .tp-brand.active{background:rgba(0,76,230,0.16) !important;border-color:var(--brand-blue) !important;color:#fff !important}
body.theme-dark.brand-green .tp-brand.active{background:rgba(14,140,92,0.18) !important}

/* Skeletons / dividers / chips */
body.theme-dark hr,body.theme-dark .divider,body.theme-dark .sep{border-color:#2A2D33 !important;background:#2A2D33 !important}
body.theme-dark .chip,body.theme-dark .tag,body.theme-dark .pill{background:#23262C !important;color:#D4D4D8 !important;border-color:#2F333A !important}
body.theme-dark .skeleton,body.theme-dark .skeleton-bar,body.theme-dark .ct-skel,body.theme-dark .vh-skel{background:linear-gradient(90deg,#23262C 0%,#2A2D33 50%,#23262C 100%) !important}

/* Contacts / lists / detail surfaces */
body.theme-dark .ct-row,body.theme-dark .vh-row,body.theme-dark .va-row{border-color:#23262C !important;background:transparent !important}
body.theme-dark .ct-row:hover,body.theme-dark .vh-row:hover,body.theme-dark .va-row:hover{background:#23262C !important}
body.theme-dark .ct-row.selected,body.theme-dark .vh-row.selected{background:#2A2D33 !important}
body.theme-dark .ct-name,body.theme-dark .vh-name,body.theme-dark .va-name{color:#F4F4F5 !important}
body.theme-dark .ct-meta,body.theme-dark .vh-meta,body.theme-dark .va-meta,body.theme-dark .muted,body.theme-dark .text-muted,body.theme-dark .text-dim{color:#9CA3AF !important}

/* Status / availability dots — keep their colors */
body.theme-dark .sb-profile-avatar .status-dot{box-shadow:0 0 0 1.5px #1F2023 !important}

/* Avatars — adjust ring for dark surface */
body.theme-dark .ct-avatar,body.theme-dark .vh-avatar,body.theme-dark .va-avatar,body.theme-dark .pp-id-avatar{filter:none}

/* Scrollbar */
body.theme-dark{scrollbar-width:thin;scrollbar-color:#2A2D33 transparent}
body.theme-dark *{scrollbar-width:thin;scrollbar-color:#2A2D33 transparent}
body.theme-dark ::-webkit-scrollbar{width:8px;height:8px;background:transparent}
body.theme-dark ::-webkit-scrollbar-track{background:transparent}
body.theme-dark ::-webkit-scrollbar-thumb{background:#2A2D33;border-radius:8px;border:2px solid transparent;background-clip:padding-box}
body.theme-dark ::-webkit-scrollbar-thumb:hover{background:#3F4148;background-clip:padding-box}
body.theme-dark ::-webkit-scrollbar-corner{background:transparent}

/* Tooltip / overlay */
body.theme-dark .tooltip,body.theme-dark [role="tooltip"]{background:#23262C !important;color:#F4F4F5 !important;border-color:#353841 !important}

/* Backdrops keep dimming */
body.theme-dark .modal-backdrop,body.theme-dark .tm-backdrop,body.theme-dark .an-setup-backdrop{background:rgba(0,0,0,0.55) !important}

/* Reminder widget stays dark — already dark */
body.theme-dark .av-reminder{background:#191A1C !important;border-color:rgba(255,255,255,0.10) !important}

/* Edit-mode overrides scoped to dark */
body.theme-dark #sidebar [aria-label="Open global search"]{background:#23262C !important;color:#E5E7EB !important}

/* Topbar action buttons (Dialer / Support / Credits / notif) */
body.theme-dark .pill-live-support,
body.theme-dark .credits-btn,
body.theme-dark .notif-btn,
body.theme-dark .topbar-icon-btn,
body.theme-dark .topbar .icon-btn,
body.theme-dark .right-cluster button{background:#23262C !important;color:#E5E7EB !important;border-color:#2F333A !important}
body.theme-dark .pill-live-support:hover,
body.theme-dark .credits-btn:hover,
body.theme-dark .notif-btn:hover{background:#2A2D33 !important;border-color:#353841 !important;color:#fff !important}
/* Dialer button: stroke/outline brand blue in dark mode (matches archived-calls #4D8DFF) */
body.theme-dark .btn-dialer,
body.theme-dark .right-cluster button.btn-dialer{background:transparent !important;color:#D1D5DB !important;border:1px solid #353841 !important;box-shadow:none !important}
body.theme-dark .btn-dialer:hover,
body.theme-dark .right-cluster button.btn-dialer:hover{background:#2A2D33 !important;border-color:#3A3F47 !important;color:#fff !important}
body.theme-dark .btn-dialer svg [stroke]{stroke:var(--brand-blue) !important}
body.theme-dark .btn-dialer svg [fill]:not([fill="none"]){fill:var(--brand-blue) !important}
body.theme-dark .credits-txt{color:#E5E7EB !important;font-weight:500}
body.theme-dark .credits-val{color:#FFFFFF !important;font-weight:600}
body.theme-dark .credits-icon{color:#D1D5DB !important}
body.theme-dark .pill-live-support .txt,
body.theme-dark .pill-live-support{color:#E5E7EB !important;font-weight:500}
body.theme-dark .pill-live-support .ic{color:#D1D5DB !important}

/* Table headers in dark mode — grey text on slightly raised band so they’re visible against the page */
body.theme-dark thead,
body.theme-dark .va-table thead,
body.theme-dark .ct-table thead,
body.theme-dark .vh-table thead{background:#2A2D33 !important;color:#9CA3AF !important}
body.theme-dark th,
body.theme-dark .ct-table th,
body.theme-dark .ct-table thead tr th{background:#2A2D33 !important;color:#9CA3AF !important;border-bottom-color:#3A3E46 !important;border-top-color:transparent !important;font-weight:500 !important}
body.theme-dark .ct-table thead tr{background:#2A2D33 !important}
body.theme-dark .ct-table thead.is-stuck tr th{box-shadow:inset 0 -1px 0 #2F333A !important}

/* Global-search keyboard shortcut pill (sidebar ⌘K) */
body.theme-dark .sb-kbd{background:#2A2D33 !important;color:#E5E7EB !important;border:1px solid #3A3E46 !important;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.35) !important;font-weight:600}

/* "Pro" / "New" pill on dialer & elsewhere — adapt for dark */
html body.theme-dark .badge-new.badge-kind-pro,
html body.theme-dark .sidebar .badge-new.badge-kind-pro,
html body.theme-dark .nav-item .badge-new.badge-kind-pro,
html body.theme-dark .nav-item:hover .badge-new.badge-kind-pro,
html body.theme-dark .nav-item.selected .badge-new.badge-kind-pro,
html body.theme-dark .badge-new.badge-kind-pro *{color:#1F1300 !important;-webkit-text-fill-color:#1F1300 !important;text-shadow:none !important;opacity:1 !important;filter:none !important}
body.theme-dark .badge-new.badge-kind-pro{background:linear-gradient(180deg,#FFE3A6,#FFC872) !important;text-shadow:none !important;border:1px solid rgba(120,80,10,0.35) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 1px 1px rgba(0,0,0,0.4) !important}
body.theme-dark .badge-new{background:#2A2D33 !important;color:#E5E7EB !important;border-color:#3A3E46 !important}
html body.theme-dark .sb-pro-pill,
html body.theme-dark .nav-item .sb-pro-pill,
html body.theme-dark .nav-item.locked .sb-pro-pill,
html body.theme-dark .nav-item:hover .sb-pro-pill,
html body.theme-dark .nav-item.selected .sb-pro-pill,
html body.theme-dark .sb-pro-pill *{color:#1F1300 !important;-webkit-text-fill-color:#1F1300 !important;text-shadow:none !important;opacity:1 !important;filter:none !important}
html body.theme-dark .sb-pro-pill{background:linear-gradient(180deg,#FFE3A6,#FFC872) !important;border:1px solid rgba(120,80,10,0.35) !important}
body.theme-dark .topbar-divider{background:#2A2D33 !important}

/* Call Logs toolbar: never wrap. The search field is the only elastic control,
   so narrowing the page (e.g. the AI Assist panel) shrinks it instead of
   breaking button labels onto a second line. */
.ct-filter-row{flex-wrap:nowrap !important;min-width:0}
.ct-filter-row>*{flex:0 0 auto}
.ct-filter-row .ct-btn-ghost,.ct-filter-row .ct-archived-link,.ct-filter-row .ct-btn-ghost span{white-space:nowrap}
.ct-filter-row .ct-search{flex:0 1 260px;min-width:132px}
.ct-filter-row .ct-search input{min-width:0}
.ct-filter-row .spacer{flex:1 1 8px;min-width:8px}
.ct-kebab-wrap{position:relative;display:none}
.ct-filter-row.is-compact .ct-kebab-wrap{display:block}
.ct-filter-row.is-compact .ct-tb-icon{display:none}
/* Collapse Download + Columns into the kebab only when the toolbar itself runs
   out of room. Keyed to the row's own container, not the viewport: this page has
   a fixed 1280px layout viewport, so viewport breakpoints do not track the real
   available width. The row needs ~596px (search at its 132px floor + every
   control at natural width + gaps); .page adds 24px margins either side. */
.page{container-type:inline-size}
@container (max-width:644px){
  .ct-filter-row .ct-kebab-wrap{display:block}
  .ct-filter-row .ct-tb-icon{display:none}
}
.ct-kebab-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:40;min-width:186px;padding:5px;background:#fff;border:1px solid #E4E7EC;border-radius:10px;box-shadow:0 10px 28px -6px rgba(16,24,40,.16),0 2px 6px rgba(16,24,40,.06);display:flex;flex-direction:column;gap:2px}
.ct-kebab-menu[hidden]{display:none}
.ct-kebab-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:8px 9px;border:0;border-radius:7px;background:none;cursor:pointer;font:450 13px/1 'Inter',sans-serif;color:#344054;text-align:left}
.ct-kebab-menu button svg{flex:0 0 16px;color:#667085}
.ct-kebab-menu button:hover{background:#F4F5F7}
body.theme-dark .ct-kebab-menu{background:#23262C;border-color:#2A2D33}
body.theme-dark .ct-kebab-menu button{color:#E5E7EB}
body.theme-dark .ct-kebab-menu button:hover{background:#2A2D33}
/* Page-head + toolbars (Call logs header, Last 7 Days, Filters, archived calls bar) */
body.theme-dark .page-head,
body.theme-dark .ct-toolbar,
body.theme-dark .vh-toolbar,
body.theme-dark .va-toolbar,
body.theme-dark .cv-toolbar,
body.theme-dark .cl-toolbar,
body.theme-dark .sk-subtab-row,
body.theme-dark .sk-tabs,
body.theme-dark .tabs,
body.theme-dark .filter-bar,
body.theme-dark .archived-bar{background:#1F2023 !important;border-color:#2A2D33 !important;color:#E5E7EB !important}

/* Filter / date / export buttons inside the page */
body.theme-dark .filter-btn,
body.theme-dark .date-btn,
body.theme-dark .range-btn,
body.theme-dark .export-btn,
body.theme-dark .col-toggle-btn,
body.theme-dark .ct-filter-btn,
body.theme-dark .cv-filter-btn,
body.theme-dark .cl-filter-btn,
body.theme-dark .vh-filter,
body.theme-dark .toolbar-btn,
body.theme-dark .archived-link{background:#23262C !important;color:#E5E7EB !important;border-color:#2F333A !important}
body.theme-dark .filter-btn:hover,
body.theme-dark .date-btn:hover,
body.theme-dark .range-btn:hover,
body.theme-dark .export-btn:hover,
body.theme-dark .col-toggle-btn:hover,
body.theme-dark .toolbar-btn:hover{background:#2A2D33 !important;border-color:#353841 !important;color:#fff !important}

/* Tabs */
body.theme-dark .tabs,body.theme-dark .sk-tabs,body.theme-dark .sk-subtab-row{border-bottom-color:#2A2D33 !important}
body.theme-dark .tab,body.theme-dark .sk-tab,body.theme-dark .sk-subtab{color:#9CA3AF !important;background:transparent !important;border-color:transparent !important}
body.theme-dark .tab:hover,body.theme-dark .sk-tab:hover,body.theme-dark .sk-subtab:hover{color:#E5E7EB !important;background:#23262C !important}
body.theme-dark .tab.active,body.theme-dark .sk-tab.active,body.theme-dark .sk-subtab.active{color:#F4F4F5 !important;border-bottom-color:var(--brand-blue-strong) !important}
body.theme-dark .tab .badge,body.theme-dark .sk-tab .badge,body.theme-dark .tab-count{background:#2A2D33 !important;color:#E5E7EB !important;border-color:#353841 !important}

/* CT-table direction icons — brighter dark-mode tints */
body.theme-dark .ct-dir.in,body.theme-dark .ct-dir.in svg,body.theme-dark .ct-dir.in svg *{color:#5B8BFF !important;stroke:#5B8BFF !important}
body.theme-dark .ct-dir.out,body.theme-dark .ct-dir.out svg,body.theme-dark .ct-dir.out svg *{color:#34D399 !important;stroke:#34D399 !important}
body.theme-dark .ct-dir.miss,body.theme-dark .ct-dir.outMiss,body.theme-dark .ct-dir.miss svg,body.theme-dark .ct-dir.outMiss svg,body.theme-dark .ct-dir.miss svg *,body.theme-dark .ct-dir.outMiss svg *{color:#F87171 !important;stroke:#F87171 !important}
body.theme-dark.brand-green .ct-dir.in,body.theme-dark.brand-green .ct-dir.in svg,body.theme-dark.brand-green .ct-dir.in svg *{color:#5BD6A4 !important;stroke:#5BD6A4 !important}

/* Traits in dark mode — deeper bg, brighter text, visible borders */
body.theme-dark .ct-trait{background:#23262C !important;color:#E5E7EB !important;border-color:#2F333A !important}
body.theme-dark .ct-trait.voice{background:rgba(105,65,198,0.18) !important;color:#C4B5FD !important;border-color:rgba(105,65,198,0.45) !important}
body.theme-dark .ct-trait.ai{background:rgba(124,58,237,0.18) !important;color:#C4B5FD !important;border-color:rgba(124,58,237,0.45) !important}
body.theme-dark .ct-trait.transfer{background:rgba(240,68,56,0.16) !important;color:#FCA5A5 !important;border-color:rgba(240,68,56,0.40) !important}
body.theme-dark .ct-trait.spam{background:rgba(240,68,56,0.18) !important;color:#FCA5A5 !important;border-color:rgba(240,68,56,0.45) !important}
body.theme-dark .ct-trait.voicemail{background:rgba(245,158,11,0.18) !important;color:#FCD34D !important;border-color:rgba(245,158,11,0.45) !important}
body.theme-dark .ct-trait.hotlead{background:rgba(249,112,9,0.18) !important;color:#FDBA74 !important;border-color:rgba(249,112,9,0.45) !important}
body.theme-dark .ct-trait.followup{background:rgba(18,183,106,0.18) !important;color:#6EE7B7 !important;border-color:rgba(18,183,106,0.45) !important}
body.theme-dark .ct-trait.tagged{background:rgba(14,165,233,0.18) !important;color:#7DD3FC !important;border-color:rgba(14,165,233,0.45) !important}
body.theme-dark .ct-trait.outbound{background:rgba(31,91,255,0.18) !important;color:#93C5FD !important;border-color:rgba(31,91,255,0.45) !important}
body.theme-dark .ct-trait.conf{background:rgba(217,70,239,0.16) !important;color:#F0ABFC !important;border-color:rgba(217,70,239,0.40) !important}
body.theme-dark .ct-trait.recorded{background:#23262C !important;color:#D1D5DB !important;border-color:#353841 !important}
body.theme-dark .ct-trait.human{background:#23262C !important;color:#D1D5DB !important;border-color:#353841 !important}
body.theme-dark .ct-trait.more{background:#1F2228 !important;color:#9CA3AF !important;border-color:#2F333A !important}
body.theme-dark .ct-trait.queued{background:#1F2228 !important;color:#9CA3AF !important;border-color:#2F333A !important}

/* Voice agent icon tiles (Agent column) — readable on dark via per-tone overrides */
body.theme-dark .va-ic{box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06) !important}
body.theme-dark .va-ic[data-tone="blue"]   {background:rgba(96,165,250,0.18) !important;color:#93C5FD !important}
body.theme-dark .va-ic[data-tone="indigo"] {background:rgba(129,140,248,0.18) !important;color:#A5B4FC !important}
body.theme-dark .va-ic[data-tone="teal"]   {background:rgba(45,212,191,0.18) !important;color:#5EEAD4 !important}
body.theme-dark .va-ic[data-tone="amber"]  {background:rgba(251,191,36,0.18) !important;color:#FCD34D !important}
body.theme-dark .va-ic[data-tone="purple"] {background:rgba(167,139,250,0.18) !important;color:#C4B5FD !important}
body.theme-dark .va-ic[data-tone="rose"]   {background:rgba(251,113,133,0.18) !important;color:#FDA4AF !important}
body.theme-dark .va-ic[data-tone="slate"]  {background:rgba(148,163,184,0.18) !important;color:#CBD5E1 !important}
body.theme-dark .va-ic[data-tone="green"]  {background:rgba(52,211,153,0.18) !important;color:#6EE7B7 !important}
body.theme-dark .va-ic[data-tone="cyan"]   {background:rgba(56,189,248,0.18) !important;color:#7DD3FC !important}
body.theme-dark .va-ic[data-tone="orange"] {background:rgba(251,146,60,0.18) !important;color:#FDBA74 !important}

/* Pagination */
body.theme-dark .pagination,body.theme-dark .pg-row{background:transparent !important;color:#9CA3AF !important}
body.theme-dark .pg-btn,body.theme-dark .pg-page{background:transparent !important;color:#E5E7EB !important;border-color:transparent !important}
body.theme-dark .pg-page.active{color:var(--brand-blue) !important;background:rgba(0,76,230,0.18) !important}
body.theme-dark .pg-btn:hover,body.theme-dark .pg-page:hover{background:#23262C !important}

/* Show entries select */
body.theme-dark .show-select,body.theme-dark .pg-select{background:#23262C !important;color:#E5E7EB !important;border-color:#2F333A !important}

/* Status pills inside table (Completed/No answer/Busy) — keep tints but darken bg */
body.theme-dark .cl-status,body.theme-dark .status-pill,body.theme-dark .va-status{background:transparent !important}

/* Cell hover backgrounds in light variants */
body.theme-dark tr[data-name]:hover{background:#23262C !important}

/* Any element relying on default white bg via inline style fallback */
body.theme-dark .card-white,body.theme-dark .bg-white,body.theme-dark .surface-white{background:#1F2228 !important;color:#E5E7EB !important}

/* Catch-all for elements with hardcoded white/light backgrounds */
body.theme-dark [style*="background:#fff"],
body.theme-dark [style*="background: #fff"],
body.theme-dark [style*="background:#ffffff"],
body.theme-dark [style*="background-color:#fff"],
body.theme-dark [style*="background-color: #fff"]{background:#1F2228 !important;color:#E5E7EB !important}

/* === ACTUAL CLASSES IN USE === */
/* Call Logs toolbar buttons */
body.theme-dark .ct-btn-ghost{background:#23262C !important;color:#E5E7EB !important;border:1px solid #2F333A !important}
body.theme-dark .ct-icon-btn{background:transparent !important;color:#E5E7EB !important;border-color:transparent !important}
body.theme-dark .ct-btn-ghost:hover{background:#2A2D33 !important;border-color:#353841 !important;color:#fff !important}
body.theme-dark .ct-icon-btn:hover{background:#23262C !important;border-color:transparent !important;color:#fff !important}
body.theme-dark .sb-collapse-btn,body.theme-dark .sb-collapse-morph{background:transparent !important;color:#D4D4D8 !important;border-color:transparent !important}
body.theme-dark .sb-collapse-btn:hover,body.theme-dark .sb-collapse-morph:hover{background:#23262C !important;color:#fff !important;border-color:transparent !important}
body.theme-dark .ct-archived-link{background:transparent !important;color:var(--brand-blue) !important;border:1px solid var(--brand-blue) !important;padding:0 12px !important;text-decoration:none !important;border-radius:7px !important;display:inline-flex !important;align-items:center !important;font-weight:500 !important}
body.theme-dark .ct-archived-link:hover{background:rgba(25,106,255,0.10) !important;color:var(--brand-blue) !important;text-decoration:none !important;border-color:var(--brand-blue) !important}
body.theme-dark.brand-green .ct-archived-link{color:#39C68B !important;border-color:#39C68B !important}
body.theme-dark.brand-green .ct-archived-link:hover{color:#39C68B !important;background:rgba(57,198,139,0.10) !important;border-color:#39C68B !important}
body.theme-dark .ct-search{background:#23262C !important;border-color:#2F333A !important}
body.theme-dark .ct-search input{background:transparent !important;color:#E5E7EB !important}
body.theme-dark .ct-search input::placeholder{color:#71717A !important}
body.theme-dark .ct-search svg{color:#71717A !important}

/* Table chrome */
body.theme-dark .ct-table-wrap{background:transparent !important;border:none !important}
body.theme-dark .ct-table{background:transparent !important;color:#E5E7EB !important}
body.theme-dark .ct-table thead tr{background:#2A2D33 !important}
body.theme-dark .ct-table th{background:#2A2D33 !important;color:#9CA3AF !important;border-bottom-color:#3A3E46 !important;border-top-color:transparent !important;font-weight:500 !important}
body.theme-dark .ct-table td{background:transparent !important;color:#E5E7EB !important;border-bottom-color:#23262C !important}
body.theme-dark tr.ct-row-in[data-name]:hover,
body.theme-dark .ct-table tbody tr:hover,
body.theme-dark .ct-table tbody tr:hover td{background:#1F2228 !important}
body.theme-dark .ct-table tbody tr.selected td{background:#23262C !important}
body.theme-dark .cb-box{background:#23262C !important;border-color:#3A3D45 !important}
body.theme-dark .cb input:checked + .cb-box{background:var(--brand-blue) !important;border-color:var(--brand-blue) !important}
body.theme-dark .cl-dur-chip{background:#23262C !important;border-color:#2F333A !important;color:#D4D4D8 !important}

/* Pagination (actual classes) */
body.theme-dark .ct-pagination{background:transparent !important;color:#9CA3AF !important;border-top-color:#2A2D33 !important}
body.theme-dark .ct-pagination *{color:inherit}
body.theme-dark .ct-show select,
body.theme-dark .ct-show .ct-show-select,
body.theme-dark .ct-pg-select,
body.theme-dark .ct-pagination select{background:#23262C !important;color:#E5E7EB !important;border-color:#2F333A !important}
body.theme-dark .ct-pg-btn,
body.theme-dark .ct-pg-page,
body.theme-dark .ct-pagination button{background:transparent !important;color:#E5E7EB !important;border-color:transparent !important}
body.theme-dark .ct-pg-btn:hover,
body.theme-dark .ct-pg-page:hover,
body.theme-dark .ct-pagination button:hover{background:#23262C !important}
body.theme-dark .ct-pg-page.active,
body.theme-dark .ct-pagination .active{background:rgba(0,76,230,0.18) !important;color:#4D8DFF !important}
body.theme-dark.brand-green .ct-pg-page.active,
body.theme-dark.brand-green .ct-pagination .active{background:rgba(14,140,92,0.20) !important;color:#39C68B !important}

/* Filter row backdrop */
body.theme-dark .ct-filter-row{background:#1F2023 !important;border-color:#2A2D33 !important}

/* Inline-style border override (cards/inputs with rgb(228,228,231)) */
body.theme-dark [style*="border-color: rgb(228, 228, 231)"],
body.theme-dark [style*="border-color:#e4e4e7"],
body.theme-dark [style*="border-color: #e4e4e7"]{border-color:#2F333A !important}

/* Settings page: subnav (middle column) — neutral dark, no blue tint */
body.theme-dark #subnav,
body.theme-dark .subnav,
body.theme-dark .app.has-subnav .subnav{background:#1A1B1E !important;color:#E5E7EB !important;border-color:#2A2D33 !important}
body.theme-dark .subnav-section-label{color:#71717A !important}
body.theme-dark .subnav-item{color:#D4D4D8 !important;background:transparent !important}
body.theme-dark .subnav-item:hover{background:#23262C !important;color:#fff !important}
body.theme-dark .subnav-item.selected,body.theme-dark .subnav-item.active{background:#2A2D33 !important;color:#fff !important}
/* Settings page body: remove blue tint, neutral dark surface */
body.theme-dark #page-settings,
body.theme-dark .settings-body,
body.theme-dark .page#page-settings,
body.theme-dark .settings-body .mp-form,
body.theme-dark .settings-body .mp-section{background:#191A1C !important;color:#E5E7EB !important;border-color:transparent !important;box-shadow:none !important}
body.theme-dark .mp-input,body.theme-dark .mp-input-readonly,body.theme-dark .mp-phone,body.theme-dark .mp-phone-cc,body.theme-dark .mp-phone-input{background:#23262C !important;color:#E5E7EB !important;border-color:#2F333A !important;caret-color:#E5E7EB}
body.theme-dark .mp-label{color:#9CA3AF !important}
body.theme-dark .mp-divider{background:#2A2D33 !important;border-color:#2A2D33 !important}
/* CSM card: dark surface, light text */
body.theme-dark .mp-csm-card{background:#23262C !important;color:#E5E7EB !important;border:1px solid #2F333A !important;box-shadow:none !important}
body.theme-dark .mp-csm-title,body.theme-dark .mp-csm-name{color:#F4F4F5 !important}
body.theme-dark .mp-csm-sub,body.theme-dark .mp-csm-email{color:#9CA3AF !important}
body.theme-dark .mp-csm-email span{color:#9CA3AF !important}
body.theme-dark .mp-csm-copy{background:transparent !important;color:#9CA3AF !important;border-color:transparent !important}
body.theme-dark .mp-csm-copy:hover{background:#2F333A !important;color:#E5E7EB !important}
body.theme-dark .mp-csm-cta{background:transparent !important;color:var(--brand-blue) !important;border:1px solid var(--brand-blue) !important}
body.theme-dark .mp-csm-cta:hover{background:var(--brand-blue-soft) !important;color:var(--brand-blue) !important}
body.theme-dark .mp-csm-av{background:#3A3F4B !important;color:#D4D4D8 !important}
body.theme-dark .mp-avatar{background:#23262C !important;border-color:#2F333A !important}
body.theme-dark .mp-avatar-edit{background:#2F333A !important;color:#E5E7EB !important;border-color:#3A3F47 !important}
body.theme-dark .mp-csm-head h3,body.theme-dark h3.mp-csm-title{color:#F4F4F5 !important}
body.theme-dark .sb-settings-nav,
body.theme-dark .sb-settings-section,
body.theme-dark .settings-sidebar,
body.theme-dark .settings-nav,
body.theme-dark #settingsSidebar{background:#1F2023 !important;color:#E5E7EB !important;border-color:#2A2D33 !important}
body.theme-dark .sb-scroll{background:transparent !important;color:#E5E7EB !important}
body.theme-dark .notif-badge{box-shadow:none !important;border:1px solid #191A1C !important}
body.theme-dark .nav-divider,body.theme-dark .sidebar .nav-divider{background:#2A2D33 !important;border-color:#2A2D33 !important;height:1px !important;opacity:1 !important}
body.theme-dark .sb-settings-section-title,
body.theme-dark .settings-nav-section-title{color:#71717A !important}
body.theme-dark .sb-settings-item,
body.theme-dark .settings-nav-item{color:#D4D4D8 !important;background:transparent !important}
body.theme-dark .sb-settings-item:hover,
body.theme-dark .settings-nav-item:hover{background:#23262C !important;color:#fff !important}
body.theme-dark .sb-settings-item.active,
body.theme-dark .sb-settings-item.selected,
body.theme-dark .settings-nav-item.active,
body.theme-dark .settings-nav-item.selected{background:#2A2D33 !important;color:#fff !important}
body.theme-dark .sb-settings-group-head{color:#E5E7EB !important;background:transparent !important}
body.theme-dark .sb-settings-group-head:hover{background:#23262C !important}

/* Secondary nav (subnav) — Settings + Analytics */
body.theme-dark .subnav{background:#1F2023 !important;border-color:#2A2D33 !important;color:#E5E7EB !important}
body.theme-dark .subnav-section-label{color:#71717A !important}
body.theme-dark .subnav-item{color:#D4D4D8 !important;background:transparent !important}
body.theme-dark .subnav-item:hover{background:#23262C !important;color:#fff !important}
body.theme-dark .subnav-item.selected,
body.theme-dark .subnav-item.active{background:#2A2D33 !important;color:#fff !important}
body.theme-dark .subnav-item.selected::before,
body.theme-dark .subnav-item.active::before{background:var(--brand-blue) !important}
body.theme-dark .subnav .ext-link,
body.theme-dark .subnav svg{color:inherit !important}

/* Voice Agent vertical/horizontal stepper (vc-setup-tabs) */
body.theme-dark .vc-setup-tabs{background:#1F2023 !important;border-color:#2A2D33 !important}
body.theme-dark .vc-tab{background:transparent !important;color:#9CA3AF !important;border-color:transparent !important}
body.theme-dark .vc-tab:hover{background:#23262C !important;color:#E5E7EB !important}
body.theme-dark .vc-tab.active{background:#2A2D33 !important;color:#fff !important;border-color:#3A3F47 !important}
body.theme-dark .vc-tab-num{background:#2A2D33 !important;color:#9CA3AF !important;border-color:#3A3F47 !important}
body.theme-dark .vc-tab.active .vc-tab-num{background:var(--brand-blue) !important;color:#fff !important;border-color:var(--brand-blue) !important}
body.theme-dark .vc-tab.done .vc-tab-num{background:#10B981 !important;color:#fff !important;border-color:#10B981 !important}
body.theme-dark .vc-tab-sep{color:#4B5563 !important}
body.theme-dark .vc-tab-sep svg{stroke:#4B5563 !important}

/* === Voice Agent list (va-*) — dark surfaces, tags, hover buttons, toggles === */
body.theme-dark .va-pane,
body.theme-dark .va-pane.va-panel,
body.theme-dark .va-create-view,
body.theme-dark .va-table-wrap{background:#1F2023 !important;border-color:#2A2D33 !important;color:#E5E7EB !important}
body.theme-dark .va-quota{background:#23262C !important;border-color:#2F333A !important;color:#E5E7EB !important}
body.theme-dark .va-quota-divider{background:#3A3F47 !important}
body.theme-dark .va-hover-btn,
body.theme-dark .va-hover-test{background:#23262C !important;border-color:#2F333A !important;color:#E5E7EB !important}
body.theme-dark .va-hover-btn:hover,
body.theme-dark .va-hover-test:hover{background:#2A2D33 !important;border-color:#3A3F47 !important}
body.theme-dark .va-tag-ic{background:#23262C !important;border-color:#2F333A !important;color:#A1A1AA !important}
body.theme-dark .va-tag-ic svg{color:#A1A1AA !important;stroke:currentColor !important}
body.theme-dark .va-tag-more{background:#23262C !important;border-color:#2F333A !important;color:#A1A1AA !important}
body.theme-dark .va-num-flag{background:#23262C !important;border-color:#2F333A !important;color:#E5E7EB !important}
body.theme-dark .va-toggle-track{background:#3A3F47 !important}
body.theme-dark .va-toggle.on .va-toggle-track,
body.theme-dark .va-toggle[data-on="1"] .va-toggle-track,
body.theme-dark input.va-toggle:checked + .va-toggle-track{background:var(--brand-blue,#196AFF) !important}

/* === Voice Agent CREATE flow (vc-*) — dark surfaces, cards, chips, KB rows === */
body.theme-dark .vc-hero-eyebrow{background:#23262C !important;border-color:#2F333A !important;color:#D4D4D8 !important}
body.theme-dark .vc-composer{background:#1F2023 !important;border-color:#2A2D33 !important;color:#E5E7EB !important}
body.theme-dark .vc-composer textarea,
body.theme-dark .vc-composer input{background:transparent !important;color:#F4F4F5 !important;caret-color:#F4F4F5 !important}
body.theme-dark .vc-composer textarea::placeholder,
body.theme-dark .vc-composer input::placeholder{color:#71717A !important}
body.theme-dark .vc-chip{background:#23262C !important;border-color:#2F333A !important;color:#D4D4D8 !important}
body.theme-dark .vc-chip:hover{background:#2A2D33 !important;border-color:#3A3F47 !important}
body.theme-dark .vc-mic{background:#23262C !important;border-color:#2F333A !important;color:#A1A1AA !important}
body.theme-dark .vc-send{background:#3A3F47 !important;border-color:transparent !important;color:#E5E7EB !important}
body.theme-dark .vc-send.is-ready,
body.theme-dark .vc-send:not(:disabled){background:var(--brand-blue,#196AFF) !important;color:#fff !important}
body.theme-dark .vc-tpl-filter{background:#23262C !important;border-color:#2F333A !important;color:#D4D4D8 !important}
body.theme-dark .vc-tpl-filter:hover{background:#2A2D33 !important}
body.theme-dark .vc-tpl-filter.active,
body.theme-dark .vc-tpl-filter[aria-selected="true"]{background:#2A2D33 !important;border-color:#3A3F47 !important;color:#F4F4F5 !important}
body.theme-dark .vc-tpl-card,
body.theme-dark .vc-tpl-card.vc-tpl-blank{background:#23262C !important;border-color:#2F333A !important;color:#E5E7EB !important}
body.theme-dark .vc-tpl-card:hover{background:#2A2D33 !important;border-color:#3A3F47 !important}
body.theme-dark .vc-tpl-card *{color:#E5E7EB}
body.theme-dark .vc-tpl-card .vc-tpl-title,
body.theme-dark .vc-tpl-card h3,body.theme-dark .vc-tpl-card h4{color:#F4F4F5 !important}
body.theme-dark .vc-tpl-card .vc-tpl-desc,
body.theme-dark .vc-tpl-card p{color:#A1A1AA !important}
body.theme-dark .vc-tpl-icon{background:rgba(255,255,255,0.06) !important;border-color:transparent !important}
body.theme-dark .vc-tpl-icon-blank{background:#2A2D33 !important;color:#A1A1AA !important}
body.theme-dark .vc-tpl-tag{background:#2A2D33 !important;border-color:#3A3F47 !important;color:#D4D4D8 !important}
body.theme-dark .vc-build-step{background:rgba(124,92,255,0.08) !important;border-color:rgba(124,92,255,0.28) !important;color:#E5E7EB !important}
body.theme-dark .vc-build-step *{color:#E5E7EB}
body.theme-dark .vbs-ic{background:rgba(124,92,255,0.18) !important;color:#C4B5FD !important;border-color:transparent !important}

/* Setup screen */
body.theme-dark .vc-setup,
body.theme-dark .vc-setup-scroll,
body.theme-dark .vc-setup-main{background:#1F2023 !important;border-color:#2A2D33 !important;color:#E5E7EB !important}
body.theme-dark .vc-setup-rail{background:#191A1C !important;border-color:#2A2D33 !important;color:#E5E7EB !important}
body.theme-dark .vc-rail-select,
body.theme-dark .vc-rail-cog,
body.theme-dark .vc-rail-vars-btn{background:#23262C !important;border-color:#2F333A !important;color:#E5E7EB !important}
body.theme-dark .vc-rail-vars-btn{color:#4D8DFF !important}
body.theme-dark .vc-rail-select:hover,
body.theme-dark .vc-rail-cog:hover,
body.theme-dark .vc-rail-vars-btn:hover{background:#2A2D33 !important;border-color:#3A3F47 !important}
body.theme-dark .vc-section-ic{background:rgba(167,139,250,0.18) !important;color:#C4B5FD !important;border-color:transparent !important}
body.theme-dark .vc-fg-wrap{background:#1F2023 !important;border-color:#2A2D33 !important;color:#E5E7EB !important}
body.theme-dark .vc-fg-wrap input,
body.theme-dark .vc-fg-wrap textarea,
body.theme-dark .vc-fg-wrap select{background:#23262C !important;border-color:#2F333A !important;color:#F4F4F5 !important}
body.theme-dark .vc-fg-wrap input::placeholder,
body.theme-dark .vc-fg-wrap textarea::placeholder{color:#71717A !important}
body.theme-dark .vc-fg-vars{background:#23262C !important;border-color:#2F333A !important;color:#D4D4D8 !important}
body.theme-dark .vc-fg-vars:hover{background:#2A2D33 !important}
body.theme-dark .vc-kb-ai-note{background:rgba(167,139,250,0.10) !important;border-color:rgba(167,139,250,0.28) !important;color:#D4D4D8 !important}
body.theme-dark .vc-kb-row{background:#23262C !important;border-color:#2F333A !important;color:#E5E7EB !important}
body.theme-dark .vc-kb-row:hover{background:#2A2D33 !important}
body.theme-dark .vc-kb-row *{color:#E5E7EB}
body.theme-dark .vc-kb-row-tag{background:#2A2D33 !important;border-color:#3A3F47 !important;color:#D4D4D8 !important}
body.theme-dark .vc-kb-row-ic.pdf{background:rgba(248,113,113,0.16) !important;color:#FCA5A5 !important;border-color:transparent !important}
body.theme-dark .vc-kb-row-ic.url{background:rgba(96,165,250,0.16) !important;color:#93C5FD !important;border-color:transparent !important}
body.theme-dark .vc-kb-row-ic.faq{background:rgba(167,139,250,0.18) !important;color:#C4B5FD !important;border-color:transparent !important}
body.theme-dark .vc-lang-pill{background:rgba(167,139,250,0.18) !important;color:#C4B5FD !important;border-color:transparent !important}
body.theme-dark .vc-greet-card{background:#23262C !important;border-color:#2F333A !important;color:#E5E7EB !important}
body.theme-dark .vc-select-shell{background:#23262C !important;border-color:#2F333A !important;color:#E5E7EB !important}
body.theme-dark .vc-gen-ai-btn{background:#23262C !important;border-color:#2F333A !important;color:#C4B5FD !important}
body.theme-dark .vc-gen-ai-btn:hover{background:#2A2D33 !important;border-color:#3A3F47 !important}

/* AI suggestion popover inside setup */
body.theme-dark .vc-aipop{background:#1F2023 !important;border-color:#2F333A !important;color:#E5E7EB !important;box-shadow:0 12px 32px rgba(0,0,0,0.55) !important}
body.theme-dark .vc-aipop-arrow{background:#1F2023 !important;border-color:#2F333A !important}
body.theme-dark .vc-aipop-chip{background:#23262C !important;border-color:#2F333A !important;color:#D4D4D8 !important}
body.theme-dark .vc-aipop-chip:hover{background:#2A2D33 !important}
body.theme-dark .vc-aipop-out{background:#23262C !important;border-color:#2F333A !important;color:#E5E7EB !important}
body.theme-dark .vc-aipop-skel span{background:linear-gradient(90deg,#23262C 0%,#2D2440 50%,#23262C 100%) !important;background-size:240% 100% !important}

/* Action tabs / cards inside setup */
body.theme-dark .vc-act-tabs{background:#191A1C !important;border-color:#2A2D33 !important}
body.theme-dark .vc-act-tab{background:transparent !important;color:#A1A1AA !important;border-color:transparent !important}
body.theme-dark .vc-act-tab:hover{background:#23262C !important;color:#E5E7EB !important}
body.theme-dark .vc-act-tab.active{background:#2A2D33 !important;color:#F4F4F5 !important;border-color:#3A3F47 !important}
body.theme-dark .vc-act-tab.active *,body.theme-dark .vc-act-tab.active svg{color:#F4F4F5 !important;stroke:currentColor !important}
body.theme-dark .vc-act-tab-badge{background:#2A2D33 !important;color:#D4D4D8 !important;border-color:transparent !important}
body.theme-dark .vc-act-tab-badge.active{background:rgba(96,165,250,0.18) !important;color:#4D8DFF !important}
body.theme-dark .vc-act-add{background:#23262C !important;border-color:#2F333A !important;color:#4D8DFF !important}
body.theme-dark .vc-act-add:hover{background:#2A2D33 !important;border-color:#3A3F47 !important}
body.theme-dark .vc-action-card{background:#23262C !important;border-color:#2F333A !important;color:#E5E7EB !important}
body.theme-dark .vc-action-card:hover{background:#2A2D33 !important;border-color:#3A3F47 !important}
body.theme-dark .vc-action-card *{color:#E5E7EB}
body.theme-dark .vc-action-ic{background:#2A2D33 !important;color:#D4D4D8 !important;border-color:transparent !important}

/* Advanced settings panel */
body.theme-dark .vc-adv-body{background:#191A1C !important;border-color:#2A2D33 !important;color:#E5E7EB !important}
body.theme-dark .vc-adv-body label{color:#D4D4D8 !important}
body.theme-dark .vc-slider-val{background:#23262C !important;border-color:#2F333A !important;color:#E5E7EB !important}
body.theme-dark .vc-slider-track{background:#3A3F47 !important}
body.theme-dark .vc-slider-thumb{background:#F4F4F5 !important;border-color:#3A3F47 !important;box-shadow:0 1px 2px rgba(0,0,0,0.6) !important}

/* Sidebar search (settings + main) */
body.theme-dark .sb-search,
body.theme-dark .sb-search-input{background:#23262C !important;border-color:#2A2D33 !important;color:#E5E7EB !important}
body.theme-dark .sb-search:hover,
body.theme-dark .sb-search-input:hover{background:#2A2D33 !important;border-color:#3A3F47 !important}
body.theme-dark .sb-search input,
body.theme-dark .sb-search-input input{background:transparent !important;color:#E5E7EB !important;caret-color:#E5E7EB !important}
body.theme-dark .sb-search input::placeholder,
body.theme-dark .sb-search-input input::placeholder,
body.theme-dark .sb-search-label{color:#71717A !important}
body.theme-dark .sb-search-ic{color:#9CA3AF !important}
body.theme-dark .sb-kbd{background:#2A2D33 !important;color:#D4D4D8 !important;border-color:#3A3F47 !important;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.3) !important}

/* Vertical sub-nav rail + horizontal section dividers — bump from near-black rgba to visible grey on dark */
body.theme-dark .nav-sub>.nav-sub-inner::before{background:rgba(255,255,255,0.16) !important}
body.theme-dark .sb-divider{background:#3F3F46 !important;border-color:#3F3F46 !important}
body.theme-dark .sb-section-divider,
body.theme-dark hr.sb-divider,
body.theme-dark .sidebar-divider,
body.theme-dark #sidebar hr{background:#52525B !important;border-color:#52525B !important;border-top-color:#52525B !important}
/* Boost contrast of colorful sidebar nav icons in dark mode */
body.theme-dark .nav-item > svg,
body.theme-dark .nav-item > .nav-ic svg,
body.theme-dark .nav-item .ic svg,
body.theme-dark .sidebar .nav-item svg{filter:brightness(1.45) saturate(1.5) contrast(1.1)}
/* AI Studio keeps its exact light-mode colours in dark mode. */
body.theme-dark .nav-item .ni-icon[data-icon="justcallAi"] svg,
body.theme-dark .sidebar .nav-item .ni-icon[data-icon="justcallAi"] svg{filter:none !important}
body.theme-dark .sb-section-divider{background:#52525B !important;border-color:#52525B !important;height:1px !important;opacity:1 !important}
/* Contacts "Add Contact" CTA: filled brand-blue button in dark mode */
body.theme-dark #page-contacts .sb-ac-btn{background:#4D8DFF !important;color:#FFFFFF !important;border:1px solid #4D8DFF !important;box-shadow:none !important}
body.theme-dark #page-contacts .sb-ac-btn:hover{background:#7DA9FF !important;border-color:#7DA9FF !important;color:#FFFFFF !important}
body.theme-dark #page-contacts .sb-ac-btn svg{color:currentColor !important;stroke:currentColor !important}

/* === GLOBAL TEXT CONTRAST FIX === */
/* Force readable text colors across all common elements, regardless of hardcoded colors */
body.theme-dark .ct-table td,
body.theme-dark .ct-table td *,
body.theme-dark .va-table td,
body.theme-dark .va-table td *,
body.theme-dark .vh-table td,
body.theme-dark .vh-table td *{color:#E5E7EB !important}
body.theme-dark .ct-table td .muted,
body.theme-dark .ct-table td .cl-sub,
body.theme-dark .ct-table td .cl-meta,
body.theme-dark .ct-table td .text-muted{color:#9CA3AF !important}

/* Name links / primary cell text */
body.theme-dark .cl-main,
body.theme-dark .cv-name-link,
body.theme-dark .cv-name-link *,
body.theme-dark .ct-name,
body.theme-dark .va-name,
body.theme-dark .vh-name,
body.theme-dark .agent-name,
body.theme-dark .contact-name{color:#F4F4F5 !important}
body.theme-dark .cv-name-link.miss .cl-main{color:#FCA5A5 !important}
body.theme-dark .cv-name-link:hover .cl-main{color:#4D8DFF !important}
body.theme-dark.brand-green .cv-name-link:hover .cl-main{color:#39C68B !important}

/* Page titles / section headers */
body.theme-dark .page-title,
body.theme-dark .page-title *,
body.theme-dark .ph-title,
body.theme-dark .pg-title,
body.theme-dark h1,body.theme-dark h2,body.theme-dark h3,body.theme-dark h4{color:#F4F4F5 !important}

/* Status text */
body.theme-dark .cl-status,
body.theme-dark .va-status,
body.theme-dark .status-pill,
body.theme-dark .cl-status *,
body.theme-dark .va-status *{color:#E5E7EB !important}

/* Generic darks → light */
body.theme-dark [style*="color:#1A1A1A"],
body.theme-dark [style*="color: #1A1A1A"],
body.theme-dark [style*="color:#101828"],
body.theme-dark [style*="color: #101828"],
body.theme-dark [style*="color:#191A1C"],
body.theme-dark [style*="color: #191A1C"],
body.theme-dark [style*="color:#344054"],
body.theme-dark [style*="color: #344054"],
body.theme-dark [style*="color:#475467"],
body.theme-dark [style*="color: #475467"]{color:#E5E7EB !important}
body.theme-dark [style*="color:#98A2B3"],
body.theme-dark [style*="color: #98A2B3"],
body.theme-dark [style*="color:#667085"],
body.theme-dark [style*="color: #667085"]{color:#9CA3AF !important}

/* Sidebar entries text (sidebar bg already dark, ensure all text reads) */
body.theme-dark .nav-item,
body.theme-dark .nav-item *,
body.theme-dark .sb-foot-item,
body.theme-dark .sb-foot-item *,
body.theme-dark .sb-profile,
body.theme-dark .sb-profile *{color:#D4D4D8}
body.theme-dark .nav-item.selected,
body.theme-dark .nav-item.selected *{color:#fff !important}
/* Dark mode stripped the selected fill entirely, so a selected parent row (e.g. Conversations) read as unselected. Restore a subtle fill + left rail. */
html body.theme-dark .sb-pane-main .nav-item.selected{background:rgba(255,255,255,.07) !important;box-shadow:none !important}
body.theme-dark .nav-item.selected .badge-new.badge-kind-pro,body.theme-dark .nav-item.selected .badge-new.badge-kind-pro *{color:#1F1300 !important;-webkit-text-fill-color:#1F1300 !important}
body.theme-dark .nav-sub-inner > .selected,
body.theme-dark .nav-sub-inner > .selected *{background:transparent !important;color:#fff !important}

/* Tag/chip text inside cells */
/* The tag with no tone. Every tint below is restated for dark, but the base
   chip's pale grey was not — on Contacts every tag carries a tone, so it
   never showed. The campaign queue's plain states (Undialed, Queued,
   Skipped) are the base, and they came out as light text on a light chip.
   One class less specific than the tones, so each of those still wins its
   own colour whatever the order here. */
body.theme-dark .jc-tag{background:rgba(255,255,255,0.06) !important;border-color:#2F333A !important}
body.theme-dark .jc-tag.t-vip{background:rgba(247,144,9,0.16) !important;border-color:rgba(247,144,9,0.45) !important;color:#FDB766 !important}
body.theme-dark .jc-tag.t-warm{background:rgba(234,179,8,0.16) !important;border-color:rgba(234,179,8,0.45) !important;color:#FCD34D !important}
body.theme-dark .jc-tag.t-cold{background:rgba(59,130,246,0.18) !important;border-color:rgba(59,130,246,0.45) !important;color:#93C5FD !important}
body.theme-dark .jc-tag.t-news{background:rgba(139,92,246,0.18) !important;border-color:rgba(139,92,246,0.45) !important;color:#C4B5FD !important}
body.theme-dark .jc-tag.t-support{background:rgba(16,185,129,0.18) !important;border-color:rgba(16,185,129,0.45) !important;color:#86EFAC !important}
body.theme-dark .jc-tag.t-q4{background:rgba(14,165,233,0.18) !important;border-color:rgba(14,165,233,0.45) !important;color:#7DD3FC !important}
body.theme-dark .jc-tag.t-intro{background:rgba(217,70,239,0.18) !important;border-color:rgba(217,70,239,0.45) !important;color:#F0ABFC !important}
body.theme-dark .jc-tag.t-miss{background:rgba(239,68,68,0.18) !important;border-color:rgba(239,68,68,0.45) !important;color:#FCA5A5 !important}
body.theme-dark .jc-quick-btn{background:#2A2D34 !important;border-color:#3A3F47 !important;color:#E4E4E7 !important;box-shadow:0 1px 2px rgba(0,0,0,0.4) !important}
body.theme-dark .jc-quick-btn:hover{background:#3A3F47 !important;border-color:#52525B !important;color:#FFFFFF !important}
body.theme-dark .jc-quick-btn svg{color:currentColor !important;stroke:currentColor !important}
/* ---- jc-quick-btn tooltip (Call / Message) — body-attached, escapes table overflow ---- */
.jc-tip{position:fixed;z-index:9500;pointer-events:none;opacity:0;transform:translate(-50%,2px) scale(.96);transform-origin:top center;background:#0F1115;color:#F4F4F5;font:500 11px/1.25 'Inter',sans-serif;letter-spacing:.01em;padding:5px 8px;border-radius:6px;white-space:nowrap;box-shadow:0 8px 20px -6px rgba(0,0,0,.45),0 2px 4px rgba(0,0,0,.18);transition:opacity .14s ease,transform .18s cubic-bezier(.2,.7,.2,1)}
.jc-tip.show{opacity:1;transform:translate(-50%,0) scale(1)}
.jc-tip::before{content:"";position:absolute;left:50%;top:-5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #0F1115;margin-left:-5px}
.jc-tip.above{transform-origin:bottom center;transform:translate(-50%,-2px) scale(.96)}
.jc-tip.above.show{transform:translate(-50%,0) scale(1)}
.jc-tip.above::before{top:auto;bottom:-5px;border-bottom:none;border-top:5px solid #0F1115}
body.theme-dark .jc-tip{background:#27272A;box-shadow:0 8px 20px -6px rgba(0,0,0,.7),0 2px 4px rgba(0,0,0,.4)}
body.theme-dark .jc-tip::before{border-bottom-color:#27272A}
body.theme-dark .jc-tip.above::before{border-top-color:#27272A}
body.theme-dark .jc-link,body.theme-dark a.jc-link,body.theme-dark .ct-table tbody td a.jc-link,body.theme-dark .ct-table tbody td .jc-link{color:#7DA9FF !important}
body.theme-dark .jc-link:hover,body.theme-dark a.jc-link:hover,body.theme-dark .ct-table tbody td a.jc-link:hover{color:#A6C3FF !important}

/* Phone number cells, default body text */
body.theme-dark td span,
body.theme-dark td div,
body.theme-dark td a{color:inherit}

/* Override the high-specificity #101828 rule on call logs cells */
body.theme-dark table.ct-table[data-table="calllogs"] tbody td,
body.theme-dark table.ct-table[data-table="calllogs"] tbody td *:not(svg):not(path):not(.cb-box):not(.cb-box *):not(.ct-status-dot):not(.va-ic):not(.va-ic *):not(.cl-agent-avatar):not(.cv-ai-btn):not(.cv-ai-btn *):not(.ct-dir):not(.ct-dir *):not(.cl-score):not(.cl-score *){color:#E5E7EB !important}
body.theme-dark table.ct-table[data-table="calllogs"] tbody td .cl-sub,
body.theme-dark table.ct-table[data-table="calllogs"] tbody td .cl-meta,
body.theme-dark table.ct-table[data-table="calllogs"] tbody td .muted{color:#9CA3AF !important}
body.theme-dark table.ct-table[data-table="calllogs"] tbody td .cl-main,
body.theme-dark table.ct-table[data-table="calllogs"] tbody td .cv-name-link .cl-main{color:#F4F4F5 !important}

/* Nuclear text-color override for dark-mode call logs cells. Beats inline style="color:#475467"
   on the contact/agent <td>, .cl-dur-chip's own color, .ct-status's own color, etc. */
body.theme-dark table.ct-table[data-table="calllogs"] tbody td[style*="color"],
body.theme-dark table.ct-table[data-table="calllogs"] tbody td .cl-dur-chip,
body.theme-dark table.ct-table[data-table="calllogs"] tbody td .ct-status,
body.theme-dark table.ct-table[data-table="calllogs"] tbody td .cl-agent-cell,
body.theme-dark table.ct-table[data-table="calllogs"] tbody td .cl-agent-cell *:not(.va-ic):not(.va-ic *):not(.cl-agent-avatar):not(.cl-agent-avatar *){color:#E5E7EB !important}
body.theme-dark table.ct-table[data-table="calllogs"] tbody td .cv-name-link,
body.theme-dark table.ct-table[data-table="calllogs"] tbody td .cv-name-link .cl-main{color:#F4F4F5 !important}
body.theme-dark table.ct-table[data-table="calllogs"] tbody td .cl-dur-chip{background:#27272A !important;border-color:#3F3F46 !important}

/* The light-mode base rule uses a long :not() chain that inflates its specificity past our
   simple dark overrides. Re-state the exact same selector under body.theme-dark so it wins. */
body.theme-dark table.ct-table[data-table="calllogs"] tbody td,
body.theme-dark table.ct-table[data-table="calllogs"] tbody td *:not(svg):not(path):not(.cb-box):not(.cb-box *):not(.ct-status-dot):not(.va-ic):not(.va-ic *):not(.cl-agent-avatar):not(.cv-ai-btn):not(.cv-ai-btn *):not(.ct-dir):not(.ct-dir *):not(.ct-trait):not(.ct-trait *):not(.cl-score):not(.cl-score *){color:#E5E7EB !important}
body.theme-dark table.ct-table[data-table="calllogs"] tbody td .cl-main:not(svg):not(path):not(.cb-box):not(.cb-box *):not(.ct-status-dot):not(.va-ic):not(.va-ic *):not(.cl-agent-avatar):not(.cv-ai-btn):not(.cv-ai-btn *):not(.ct-dir):not(.ct-dir *):not(.ct-trait):not(.ct-trait *):not(.cl-score):not(.cl-score *){color:#F4F4F5 !important}