.ct-status{display:inline-flex;align-items:center;gap:6px;color:#3F3F46;font-size:13px;font-weight:500;background:transparent;padding:0;border:0}
.ct-status::before{display:none !important}
@keyframes pt-fade-in{from{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}
.page-title.pt-fade-in{animation:pt-fade-in 180ms ease-out}
.ct-trait{border-radius:8px !important;background:#F2F4F7 !important;color:#344054 !important;border-color:#E4E7EC;padding:2px 10px !important;font-weight:500 !important;border-width:1px !important;border-style:solid !important}
.ct-trait.transfer{background:#FEF3F2 !important;color:#B42318 !important;border-color:#FECDCA}
.ct-trait.recorded{background:#EFF8FF !important;color:#175CD3 !important;border-color:#B9E6FE}
.ct-trait.ai{background:#F4F3FF !important;color:#5925DC !important;border-color:#D9D6FE}
.ct-trait.voice{background:#F4F3FF !important;color:#5925DC !important;border-color:#D9D6FE}
.ct-trait.voicemail{background:#FFFAEB !important;color:#B54708 !important;border-color:#FEDF89}
.ct-trait.hotlead{background:#FEF6EE !important;color:#B93815 !important;border-color:#F9DBAF}
.ct-trait.followup{background:#FDF2FA !important;color:#C11574 !important;border-color:#FCCEEE}
.ct-trait.tagged{background:#ECFDF3 !important;color:#067647 !important;border-color:#ABEFC6}
.ct-trait.outbound{background:#EFF8FF !important;color:#175CD3 !important;border-color:#B9E6FE}
.ct-trait.conf{background:#FDF4FF !important;color:#9F1AB1 !important;border-color:#F6D0FE}
.ct-trait.spam{background:#FEF3F2 !important;color:#B42318 !important;border-color:#FDA29B}
.ct-trait.human{background:#F2F4F7 !important;color:#344054 !important;border-color:#E4E7EC}
.ct-trait.more{background:#F9FAFB !important;color:#475467 !important;border-color:#EAECF0}
.ct-status-dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:#98A2B3;flex:0 0 auto}
.ct-status.completed .ct-status-dot{background:#12B76A}
.ct-status.busy .ct-status-dot{background:#F79009}
.ct-status.noanswer .ct-status-dot{background:#D92D20}
.ct-status.restricted .ct-status-dot{background:#98A2B3}
/* A call that has not run yet. Blue, because it is neither an outcome nor a
   failure — it is the one status that is still ahead of you. */
.ct-status.sched .ct-status-dot{background:var(--brand-blue)}

/* ── The call log's own tab strip ──
   .tabs / .tab.active and .tab-kebab-* are both components the app already
   has. The strip has to start on the table's left edge, which on this page is
   24px and not the component's 28px.

   No counts on the labels. Four badges in a row made the strip read as a set
   of statistics you were meant to compare, when the only thing it is for is
   choosing which list to look at — and the number you actually want is under
   the table, where it says what is on screen. */
/* Two classes deep on purpose: .tabs sets padding:0 28px later in this file,
   so a single-class rule here loses on order and the labels sat 4px right of
   the search field under them. */
.tabs.cl-view-tabs{padding:0 24px;gap:24px}
.cl-view-tabs .tab:hover{color:var(--text-primary)}
.cl-view-tabs .tab-kebab-wrap{margin-left:-16px}



.notif-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#D92D20;color:#fff;font-size:10px;font-weight:700;line-height:1;text-align:center;box-shadow:0 0 0 2px #fff;pointer-events:none;display:flex;align-items:center;justify-content:center;letter-spacing:-0.02em;z-index:2}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;color:var(--text-primary);background:#F8F8F8;-webkit-font-smoothing:antialiased;-moz-osx-font-grayscale:grayscale;min-width:1280px;overflow-x:auto}.app{display:flex;width:100%;height:100vh;background:#F8F8F8;position:relative}.sidebar{width:230px;flex:0 0 auto;background:var(--sb-bg);color:var(--sb-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;overflow:hidden}.sidebar .ni-label,.sidebar .ni-chev,.sidebar .ni-badge,.sidebar .badge-new,.sidebar .sb-section-label,.sidebar .sb-foot-label,.sidebar .sb-profile-label,.sidebar .sb-profile-chev,.sidebar .sb-profile-text,.sidebar .sb-logo .wm,.sidebar .sb-search-label,.sidebar .sb-search .sb-kbd{transition:opacity 0.16s ease 0.06s,max-width 0.24s cubic-bezier(0.4,0,0.2,1),max-height 0.24s cubic-bezier(0.4,0,0.2,1),margin 0.24s cubic-bezier(0.4,0,0.2,1),padding 0.24s cubic-bezier(0.4,0,0.2,1)}body.sb-collapsed .sidebar .ni-label,body.sb-collapsed .sidebar .ni-chev,body.sb-collapsed .sidebar .ni-badge,body.sb-collapsed .sidebar .badge-new,body.sb-collapsed .sidebar .sb-section-label,body.sb-collapsed .sidebar .sb-foot-label,body.sb-collapsed .sidebar .sb-profile-label,body.sb-collapsed .sidebar .sb-profile-chev,body.sb-collapsed .sidebar .sb-profile-text,body.sb-collapsed .sidebar .sb-logo .wm,body.sb-collapsed .sidebar .sb-search-label,body.sb-collapsed .sidebar .sb-search .sb-kbd{opacity:0;transition:opacity 0.10s ease,max-width 0.24s cubic-bezier(0.4,0,0.2,1),max-height 0.24s cubic-bezier(0.4,0,0.2,1),margin 0.24s cubic-bezier(0.4,0,0.2,1),padding 0.24s cubic-bezier(0.4,0,0.2,1)}.sb-pane{position:absolute;top:60px;left:0;right:0;bottom:0;display:flex;flex-direction:column;background:var(--sb-bg);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1),opacity 0.24s ease;will-change:transform,opacity}.sb-pane.sb-pane-main{transform:translateX(0);opacity:1}.sb-pane.sb-pane-settings{transform:translateX(100%);opacity:0;pointer-events:none}body.sb-settings-mode .sb-pane.sb-pane-main{transform:translateX(-100%);opacity:0;pointer-events:none}body.sb-settings-mode .sb-pane.sb-pane-settings{transform:translateX(0);opacity:1;pointer-events:auto}body.sb-settings-mode #sidebar{overflow:hidden}body.sb-settings-mode .sb-collapse-btn{display:none}.sb-search{margin:4px 12px 8px;height:36px;border-radius:8px;background:#EFEFEF;display:flex;align-items:center;padding:0 6px 0 12px;color:#667085;cursor:pointer;border:1px solid #E6E6E6;transition:background 0.15s ease,border-color 0.15s ease}.sb-search:hover{background:#E7EAEE}.sb-search:focus-visible{outline:none;border-color:var(--brand-blue);box-shadow:0 0 0 3px var(--brand-blue-soft)}.sb-search .sb-search-ic{display:inline-grid;place-items:center;width:16px;height:16px;color:#98A2B3;margin-right:8px;flex:0 0 16px}.sb-search .sb-search-label{flex:1 1 auto;font-size:13px;color:#667085}.sb-search .sb-kbd{display:inline-flex;align-items:center;gap:2px;height:22px;padding:0 6px;background:#fff;border:1px solid #E4E7EC;border-radius:5px;font-family:'Inter',system-ui,sans-serif;font-size:11px;font-weight:500;color:#475467;box-shadow:0 1px 0 rgba(16,24,40,0.04)}body.sb-collapsed .sb-search{margin:4px 8px 8px;padding:0;justify-content:center}body.sb-collapsed .sb-search .sb-search-label,body.sb-collapsed .sb-search .sb-kbd{display:none}body.sb-collapsed .sb-search .sb-search-ic{margin-right:0}.sb-search.sb-search-input{cursor:text}.sb-search.sb-search-input input{flex:1 1 auto;border:0;outline:0;background:transparent;font:inherit;font-size:13px;color:var(--text-primary);height:100%;padding:0}.sb-search.sb-search-input input::placeholder{color:#98A2B3}.sb-search.sb-search-input:focus-within{background:#fff;border-color:var(--brand-blue);box-shadow:0 0 0 3px var(--brand-blue-soft)}.sb-pane-settings .nav-item.sb-hide,.sb-pane-settings .sub-item.sb-hide{display:none}.sb-pane-settings .sb-settings-section.sb-hide{display:none}.sb-search-empty{padding:16px 16px 8px;color:var(--text-tertiary);font-size:12.5px;line-height:1.5;display:none}body.sb-search-empty-on .sb-search-empty{display:block}.cmdk-root{position:fixed;top:88px;left:50%;transform:translateX(-50%) translateY(-8px);width:600px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #E4E7EC;border-radius:16px;box-shadow:0 32px 64px -16px rgba(16,24,40,0.20),0 12px 24px -6px rgba(16,24,40,0.08);display:none;flex-direction:column;overflow:hidden;z-index:9999;opacity:0;transition:opacity 0.14s ease,transform 0.16s cubic-bezier(0.2,0.8,0.3,1);font-family:'Inter',sans-serif}.cmdk-root.open{display:flex;opacity:1;transform:translateX(-50%) translateY(0)}.cmdk-input-wrap{display:flex;align-items:center;height:52px;padding:0 18px;border-bottom:1px solid #EAECF0;gap:12px;flex:0 0 auto}.cmdk-input-wrap>svg{color:#98A2B3;flex:0 0 18px;width:18px;height:18px}.cmdk-input{flex:1 1 auto;border:0;outline:0;background:transparent;font:inherit;font-size:14px;color:#101828;padding:0}.cmdk-input::placeholder{color:#98A2B3;font-weight:400}.cmdk-esc{height:22px;padding:0 7px;background:#fff;border:1px solid #E4E7EC;border-radius:5px;font-size:11px;font-weight:500;color:#667085;flex:0 0 auto;box-shadow:0 1px 0 rgba(16,24,40,0.04)}.cmdk-filters{display:flex;gap:6px;padding:10px 18px;border-bottom:1px solid #EAECF0;background:#fff;flex:0 0 auto;overflow-x:auto}.cmdk-chip{height:28px;padding:0 12px;background:#fff;border:1px solid #E4E7EC;border-radius:999px;font-size:12px;font-weight:500;color:#344054;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:all 0.12s ease}.cmdk-chip:hover{background:#F9FAFB}.cmdk-chip.active{background:var(--brand-blue-soft);border-color:#B2DDFF;color:var(--brand-blue)}.cmdk-chip svg{width:13px;height:13px;flex:0 0 13px}.cmdk-results{flex:1 1 auto;overflow-y:auto;max-height:420px;padding:4px 0 8px}.cmdk-section{display:flex;align-items:baseline;justify-content:space-between;padding:10px 20px 4px}.cmdk-section-label{font-size:11px;font-weight:500;color:#98A2B3;text-transform:uppercase;letter-spacing:0.08em}.cmdk-section-action{font-size:12px;color:var(--brand-blue);font-weight:500;cursor:pointer;background:none;border:0;padding:0}.cmdk-section-action:hover{text-decoration:underline}.cmdk-row{display:flex;align-items:center;gap:12px;padding:8px 20px;cursor:pointer;color:#344054;font-size:13px}.cmdk-row:hover,.cmdk-row.active{background:#F4F6F9}.cmdk-row .cmdk-icon{width:28px;height:28px;border-radius:6px;background:#F4F6F9;color:#475467;display:grid;place-items:center;flex:0 0 28px}.cmdk-row .cmdk-icon svg{width:14px;height:14px}.cmdk-row .cmdk-icon.icon-blue{background:#EFF8FF;color:#1570EF}.cmdk-row .cmdk-icon.icon-orange{background:#FEF0EA;color:#E04F16}.cmdk-row .cmdk-icon.icon-green{background:#ECFDF3;color:#079455}.cmdk-icon.icon-purple{background:#F4F3FF;color:#6938EF}.cmdk-icon.icon-teal{background:#ECFDF5;color:#0E9384}.cmdk-icon.icon-violet{background:#F4F3FF;color:#7A5AF8}.cmdk-row .cmdk-row-text{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cmdk-row .cmdk-row-title{color:#101828;font-weight:600}.cmdk-row .cmdk-row-title b{color:#101828;font-weight:700;background:#FEF3C7;border-radius:2px;padding:0 1px}.cmdk-row .cmdk-row-sub{color:#475467;font-weight:400;margin-left:6px}.cmdk-row .cmdk-row-tag{font-size:10px;color:#98A2B3;text-transform:uppercase;letter-spacing:0.08em;font-weight:500;flex:0 0 auto}.cmdk-row .cmdk-shortcut{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;color:#98A2B3;font-size:11px}.cmdk-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#fff;border:1px solid #E4E7EC;border-radius:4px;font-family:'Inter',system-ui,sans-serif;font-size:11px;font-weight:500;color:#475467;box-shadow:0 1px 0 rgba(16,24,40,0.04)}.cmdk-empty{text-align:center;padding:32px 24px;color:#98A2B3;font-size:13px}.cmdk-footer{border-top:1px solid #EAECF0;background:#fff;padding:9px 18px;display:flex;align-items:center;gap:14px;font-size:11px;color:#667085;flex:0 0 auto}.cmdk-footer .cmdk-foot-item{display:inline-flex;align-items:center;gap:6px}.cmdk-footer .cmdk-kbd{min-width:18px;height:18px;padding:0 5px;font-size:10px}.cmdk-foot-spacer{flex:1 1 auto}.cmdk-foot-brand{color:#475467}.cmdk-foot-brand b{color:#101828;font-weight:600}.sb-back{display:flex;align-items:center;gap:8px;padding:10px 12px;margin:0 8px 4px;border-radius:6px;font-size:13px;font-weight:500;color:#4a4a4a;cursor:pointer;text-decoration:none;transition:background 0.15s ease}.sb-back:hover{background:rgba(0,0,0,0.04)}.sb-back svg{flex:0 0 14px}.sb-settings-header{gap:4px}.sb-settings-back{width:28px;height:28px;margin-right:4px;border-radius:6px;display:inline-grid;place-items:center;color:#344054;cursor:pointer;text-decoration:none;flex:0 0 28px;transition:background 0.15s ease}.sb-settings-back:hover{background:rgba(0,0,0,0.06)}.sb-settings-back svg{width:16px;height:16px}.sb-settings-back-row{display:flex;align-items:center;gap:8px;height:36px;margin:4px 12px 8px;padding:0 10px;border-radius:6px;color:#475467;font:500 13px/1 'Inter',sans-serif;text-decoration:none;cursor:pointer;transition:background 0.15s ease,color 0.15s ease}.sb-settings-back-row:hover{background:rgba(0,0,0,0.04);color:#101828}.sb-settings-back-row svg{width:14px;height:14px;flex:0 0 14px}.sb-settings-back-row span{flex:1 1 auto}.sb-pane-settings .sub-item.selected{background-color:rgb(228,228,231);color:var(--sb-text);font-weight:500}.sb-section-label{padding:14px 16px 6px;font-size:11px;font-weight:600;letter-spacing:0.06em;color:#98a2b3;text-transform:uppercase}.sb-pane-settings .nav-item.selected{background-color:rgb(228,228,231);color:var(--sb-text);font-weight:500}.sb-pane-settings .nav-item.selected .ni-icon{color:var(--sb-text)}.sb-pane-settings .nav-item .ni-icon{color:#475467}.sb-pane-settings .nav-item{color:#344054}.sb-pane-settings .ni-chev{margin-left:auto;opacity:0.5}#page-settings{flex:1 1 auto;background:#fff;display:none;flex-direction:column;min-width:0;overflow:auto}.settings-tabs{height:44px;border-style:solid;border-color:var(--border);border-width:0 0 1px;display:flex;align-items:center;padding:0 28px;gap:28px;background:#fff}.settings-tab{height:44px;display:inline-flex;align-items:center;gap:6px;padding:0;color:var(--text-secondary);font-size:14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color 0.15s ease,border-color 0.15s ease;background:transparent;border-radius:0}.settings-tab svg{width:14px;height:14px}.settings-tab:hover:not(.active){color:var(--text-primary)}.settings-tab.active{color:var(--text-primary);font-weight:600;border-bottom-color:var(--brand-blue);background:transparent}.settings-body{flex:1 1 auto;min-width:0;padding:28px 48px 48px;max-width:1120px;margin-left:auto;margin-right:auto;width:100%}.settings-h2{font-size:20px;font-weight:600;color:#101828;margin:0 0 8px;letter-spacing:-0.01em}.settings-subtitle{font-size:14px;color:#475467;margin:0 0 28px}.settings-field{display:block;margin-bottom:20px}.settings-field label{display:block;font-size:13px;font-weight:500;color:#344054;margin-bottom:6px}.settings-field input[type="text"],.settings-field input[type="email"],.settings-field input[type="password"]{width:100%;height:40px;padding:0 12px;font-size:14px;color:#101828;background:#fff;border:1px solid #D0D5DD;border-radius:8px;outline:none;transition:border-color 0.15s ease,box-shadow 0.15s ease;font-family:inherit}.settings-field input:focus{border-color:var(--brand-blue);box-shadow:0 0 0 4px var(--brand-blue-soft)}@keyframes settings-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.sk{background:linear-gradient(90deg,#f1f3f5 0%,#f8f9fa 50%,#f1f3f5 100%);background-size:200% 100%;animation:settings-shimmer 1.6s ease-in-out infinite;border-radius:6px}.sk-line{height:12px}.sk-line.lg{height:16px}.sk-line.sm{height:10px}.sk-circle{border-radius:50%}.sk-block{border-radius:8px}.pn-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.pn-search{flex:1 1 320px;max-width:360px;height:36px;border:1px solid #D0D5DD;border-radius:8px;display:flex;align-items:center;padding:0 12px;color:#98A2B3;font-size:13px;background:#fff}.pn-btn-ghost{height:36px;padding:0 12px;font-size:13px;color:#344054;background:#fff;border:1px solid #D0D5DD;border-radius:8px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.pn-btn-primary{margin-left:auto;height:36px;padding:0 14px;font-size:13px;font-weight:500;color:#fff;background:var(--brand-blue);border:1px solid var(--brand-blue);border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.pn-btn-primary:hover{background:var(--brand-blue-strong);border-color:var(--brand-blue-strong)}.pn-table{border:1px solid #EAECF0;border-radius:10px;overflow:hidden;background:#fff}.pn-thead{display:grid;grid-template-columns:28px 1.4fr 1fr 1fr 0.8fr 32px;gap:16px;padding:12px 16px;background:#F9FAFB;border-bottom:1px solid #EAECF0;font-size:12px;font-weight:500;color:#475467;text-transform:uppercase;letter-spacing:0.04em}.pn-row{display:grid;grid-template-columns:28px 1.4fr 1fr 1fr 0.8fr 32px;gap:16px;padding:14px 16px;align-items:center;border-bottom:1px solid #EAECF0}.pn-row:last-child{border-bottom:none}.pn-cell-with-avatar{display:flex;align-items:center;gap:10px}.pn-cell-stack{display:flex;flex-direction:column;gap:6px;min-width:0}.pn-empty-state{padding:56px 28px;text-align:center;color:#667085;font-size:13px}body.sb-collapsed .sidebar{width:64px;min-width:0}body.sb-collapsed .sidebar.sb-hover-expanded{flex:0 0 230px}body.sb-collapsed .sidebar.sb-hover-expanded .sb-search{margin:4px 12px 8px;padding:0 6px 0 12px;justify-content:flex-start}body.sb-collapsed .sidebar.sb-hover-expanded .sb-search .sb-search-label,body.sb-collapsed .sidebar.sb-hover-expanded .sb-search .sb-kbd{display:inline-flex}body.sb-collapsed .sidebar.sb-hover-expanded .sb-search .sb-search-ic{margin-right:8px}body.sb-collapsed .sidebar.sb-hover-expanded .sb-scroll{padding:4px 8px 4px}body.sb-collapsed .sidebar.sb-hover-expanded .nav-item{padding:0 12px;justify-content:flex-start;gap:12px}body.sb-collapsed .sidebar.sb-hover-expanded .nav-item .ni-label,body.sb-collapsed .sidebar.sb-hover-expanded .nav-item .ni-chev,body.sb-collapsed .sidebar.sb-hover-expanded .nav-item .ni-badge,body.sb-collapsed .sidebar.sb-hover-expanded .nav-item .badge-new,body.sb-collapsed .sidebar.sb-hover-expanded .sb-section-label,body.sb-collapsed .sidebar.sb-hover-expanded .sb-submenu,body.sb-collapsed .sidebar.sb-hover-expanded .nav-sub,body.sb-collapsed .sidebar.sb-hover-expanded .sb-foot .sb-foot-label,body.sb-collapsed .sidebar.sb-hover-expanded .sb-logo .wm{display:revert !important;opacity:1 !important;width:auto !important;max-width:none !important;overflow:visible !important;pointer-events:auto !important;height:auto !important;max-height:none !important;margin-left:revert !important;margin-right:revert !important;padding-top:revert !important;padding-bottom:revert !important;margin-top:revert !important;margin-bottom:revert !important}body.sb-collapsed .sidebar.sb-hover-expanded .sb-logo{justify-content:flex-start;padding:0 16px}body.sb-collapsed .sidebar.sb-hover-expanded .sb-profile{justify-content:flex-start;padding:0 12px}body.sb-collapsed .sidebar.sb-hover-expanded .sb-profile-label,body.sb-collapsed .sidebar.sb-hover-expanded .sb-profile-chev{display:flex}body.sb-collapsed .sidebar.sb-hover-expanded .sb-profile-text{display:block}body.sb-collapsed .sidebar.sb-hover-expanded .nav-item[data-tip]:hover::after,body.sb-collapsed .sidebar.sb-hover-expanded .sb-profile[data-tip]:hover::after{display:none;content:none}body.sb-collapsed .sb-scroll{padding:4px 8px 4px}body.sb-collapsed .nav-item{padding:0;justify-content:center;gap:0}body.sb-collapsed .nav-item .ni-label,body.sb-collapsed .nav-item .ni-chev,body.sb-collapsed .nav-item .ni-badge,body.sb-collapsed .nav-item .badge-new,body.sb-collapsed .sb-section-label,body.sb-collapsed .sb-submenu,body.sb-collapsed .nav-sub,body.sb-collapsed .sb-foot .sb-foot-label,body.sb-collapsed .sb-logo .wm{opacity:0 !important;width:0 !important;max-width:0 !important;overflow:hidden !important;pointer-events:none !important;margin-left:0 !important;margin-right:0 !important}body.sb-collapsed .sb-section-label,body.sb-collapsed .sb-submenu,body.sb-collapsed .nav-sub,body.sb-collapsed .sb-logo .wm,body.sb-collapsed .sb-foot .sb-foot-label{height:0 !important;max-height:0 !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important}body.sb-collapsed .sb-logo{justify-content:center;padding:0}body.sb-collapsed .sb-section-divider{margin:8px 12px}.nav-divider{height:1px;background:rgba(16,24,40,0.08);margin:8px 4px}body.sb-collapsed .nav-divider{margin:8px 8px}.nav-flyout{position:fixed;z-index:10000;min-width:220px;background:#FFFFFF;border:1px solid #EAECF0;border-radius:12px;box-shadow:0 12px 32px rgba(16,24,40,0.10),0 2px 6px rgba(16,24,40,0.05);padding:6px;font-family:'Inter',sans-serif;opacity:0;transform:translateX(-4px);transition:opacity .14s ease,transform .18s cubic-bezier(.4,0,.2,1);pointer-events:none}.nav-flyout.open{opacity:1;transform:translateX(0);pointer-events:auto}.nav-flyout .flyout-head{padding:8px 10px 6px;font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:#98A2B3}.nav-flyout .flyout-item{display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;border-radius:8px;color:#344054;font-size:13px;cursor:pointer;transition:background .12s ease,color .12s ease}.nav-flyout .flyout-item:hover{background:#F2F4F7;color:#1A1A1A}.nav-flyout .flyout-item.selected{background:var(--brand-blue-soft);color:var(--brand-blue);font-weight:500}.nav-flyout .flyout-item .flyout-ext{margin-left:auto;color:#98A2B3;display:inline-flex}.nav-flyout .flyout-item .flyout-ext svg{width:12px;height:12px}.sub-item .sub-badge{margin-left:auto;font-size:9px;font-weight:700;letter-spacing:0.04em;padding:2px 5px;border-radius:4px;background:#F4F3FF;color:#6941C6;line-height:1;text-transform:uppercase}.sub-item .sub-badge.pro{background:#EEF4FF;color:#004CE6}.sb-scroll .nav-pin-bottom{margin-top:auto}.sb-foot{flex:0 0 auto;display:flex;flex-direction:column;border-top:1px solid var(--sb-divider);padding:8px 8px 20px}.sb-foot .nav-item{margin:1px 0}.sb-profile{flex:0 0 auto;position:relative;height:34px;display:flex;align-items:center;gap:12px;padding:0 12px;margin:1px 0 8px;border-radius:8px;cursor:pointer;color:var(--sb-text);font-family:'Inter',sans-serif;font-size:14px;font-weight:400;letter-spacing:-0.005em;user-select:none;transition:background 0.12s ease}.sb-profile:hover{background:var(--sb-hover)}.sb-profile.selected{background-color:rgb(228,228,231);font-weight:500}.sb-profile-avatar{width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#EEF4FF;color:#3538CD;display:grid;place-items:center;font-family:'Inter',sans-serif;font-size:9.5px;font-weight:600;letter-spacing:0.01em}.sb-profile-label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-profile-chev{width:14px;height:14px;color:#98A2B3;display:grid;place-items:center;flex:0 0 14px}body.sb-collapsed .sb-profile{justify-content:center;padding:10px 0}body.sb-collapsed .sb-profile-label,body.sb-collapsed .sb-profile-chev{display:none}body.sb-collapsed .sb-profile[data-tip]:hover::after{content:attr(data-tip);position:absolute;left:calc(100% + 10px);bottom:16px;background:#101828;color:#fff;padding:6px 10px;font-size:12px;font-weight:500;border-radius:6px;white-space:nowrap;z-index:100;pointer-events:none;box-shadow:0 4px 10px rgba(16,24,40,0.15)}body.sb-collapsed .sb-profile{position:relative}body.sb-collapsed .nav-item{position:relative}body.sb-collapsed .nav-item[data-tip]:hover::after{content:attr(data-tip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#101828;color:#fff;padding:6px 10px;font-size:12px;font-weight:500;border-radius:6px;white-space:nowrap;z-index:100;pointer-events:none;box-shadow:0 4px 10px rgba(16,24,40,0.15)}.sb-logo-main{display:inline-flex;align-items:center}.sb-logo-settings{display:none;align-items:center;gap:6px}.sb-logo-back{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:8px;color:#475467;text-decoration:none;transition:background 0.15s ease,color 0.15s ease}.sb-logo-back:hover{background:rgba(0,0,0,0.06);color:#101828}body.sb-settings-mode .sb-logo-main{display:none}body.sb-settings-mode .sb-logo-settings{display:inline-flex}.sb-settings-section + .sb-settings-section{margin-top:16px}.sb-settings-section-label{font:500 11px/1 'Inter',sans-serif;text-transform:uppercase;letter-spacing:0.06em;color:#98A2B3;padding:6px 12px 8px}.sb-logo{height:60px;display:flex;align-items:center;padding:8px 16px 0;flex:0 0 60px;color:var(--sb-text);transition:padding 0.24s cubic-bezier(0.4,0,0.2,1)}.sb-logo svg{display:block}.sb-logo .wm{font-size:17px;font-weight:600;letter-spacing:-0.01em;color:var(--sb-text)}.sb-scroll{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:4px 8px 4px}.sb-scroll::-webkit-scrollbar{width:6px}.sb-scroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.08);border-radius:3px}.sb-scroll::-webkit-scrollbar-track{background:transparent}.nav-group{display:flex;flex-direction:column;min-height:100%}.nav-item{position:relative;height:34px;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:8px;color:var(--sb-text);font-size:14px;font-weight:400;letter-spacing:-0.005em;cursor:pointer;user-select:none;transition:background 0.12s ease;margin:0 0 4px 0;text-decoration:none}.nav-item .ni-icon{width:18px;height:18px;flex:0 0 18px;display:grid;place-items:center;color:#3F3F46}.nav-item .ni-icon svg{max-width:18px;max-height:18px;width:auto;height:auto;display:block}.nav-item .ni-label{flex:1 1 auto;white-space:nowrap;font-family:'Inter',sans-serif}.nav-item .ni-chev{width:14px;height:14px;flex:0 0 14px;display:grid;place-items:center;color:var(--sb-text-dim);transition:transform 320ms cubic-bezier(0.32,0.72,0,1),background 0.14s ease}body.proto-nav-v2 .nav-item .ni-chev{width:24px;height:24px;flex:0 0 24px;margin-left:auto;margin-right:-4px;border-radius:6px;cursor:pointer}body.proto-nav-v2 .nav-item .ni-chev svg{width:14px;height:14px}body.proto-nav-v2 .nav-item .ni-chev:hover{background:rgba(16,24,40,0.08);color:var(--sb-text)}body.proto-nav-v2 .nav-item{transition:background 0.15s ease,color 0.15s ease}body.proto-nav-v2 .nav-item:hover{background:#F2F4F7;box-shadow:none}body.proto-nav-v2 .nav-item.selected,body.proto-nav-v2 .nav-item.open{background:transparent;box-shadow:none}body.proto-nav-v2 .nav-item.open .ni-label{font-weight:400}body.proto-nav-v2 .nav-item.selected .ni-label{font-weight:500}body.proto-nav-v2 .nav-item .ni-icon{color:#667085}body.proto-nav-v2 .nav-item:hover:not(.selected){color:var(--sb-text)}body.proto-nav-v2 .nav-item:hover:not(.selected) .ni-icon,body.proto-nav-v2 .nav-item:hover:not(.selected) .ni-chev{color:#667085}body.proto-nav-v2 .nav-item.selected{background:#FFFFFF;color:#1A1A1A;box-shadow:0 0 0 1px var(--border),0 1px 2px rgba(16,24,40,0.05)}body.proto-nav-v2 .nav-item.selected .ni-icon,body.proto-nav-v2 .nav-item.selected .ni-chev{color:#475467}body.proto-nav-v2 .nav-group>.nav-item.selected:has(+ .nav-sub){background:#FFFFFF;box-shadow:0 0 0 1px var(--border),0 1px 2px rgba(16,24,40,0.05)}body.proto-nav-v2 .sub-item.selected{background-color:transparent;color:#1A1A1A;font-weight:500}body.proto-nav-v2 .sub-item{margin-left:30px !important}body.proto-nav-v2 .sub-item.selected::before{display:none !important}body.proto-nav-v2 .nav-sub-inner.has-accent .sub-item.selected::before{display:none !important}body.proto-nav-v2 .sub-accent-bar{position:absolute;left:20.75px;width:1.5px;height:20px;border-radius:2px;background:var(--brand-blue);pointer-events:none;z-index:2;opacity:0;transition:top 280ms cubic-bezier(0.32,0.72,0,1),height 280ms cubic-bezier(0.32,0.72,0,1),opacity 180ms ease}body.proto-nav-v2 .sub-accent-bar.visible{opacity:1}.nav-item.open .ni-chev{transform:rotate(180deg)}.nav-item.open .ni-label{font-weight:500}.nav-item:hover{background:var(--sb-hover)}.nav-item.selected{background-color:rgb(228,228,231);font-weight:500}.nav-item.selected::before{display:none}.nav-item .badge-new{height:18px;padding:0 6px;border-radius:4px;font-size:10px;font-weight:700;line-height:1;letter-spacing:0.06em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#FFE4F1,#FFC8E1);color:#A6457E;text-shadow:0 1px 0 rgba(255,255,255,0.5);box-shadow:inset 0 1px 0 rgba(255,255,255,0.6),0 1px 1px rgba(166,69,126,0.1)}.nav-item .badge-new.badge-kind-new{background:linear-gradient(180deg,#E6F8EC,#CDEFD8);color:#3B7A56;text-shadow:0 1px 0 rgba(255,255,255,0.55);box-shadow:inset 0 1px 0 rgba(255,255,255,0.65),0 1px 1px rgba(59,122,86,0.1)}.nav-item .badge-new.badge-kind-beta{background:linear-gradient(180deg,#EFE8FF,#DCCEFF);color:#6B4DBF;text-shadow:0 1px 0 rgba(255,255,255,0.55);box-shadow:inset 0 1px 0 rgba(255,255,255,0.65),0 1px 1px rgba(107,77,191,0.1)}
.badge-new.badge-kind-pro,.sidebar .badge-new.badge-kind-pro,.sidebar .badge-new.badge-kind-pro *{color:#1F1300 !important}
.badge-new.badge-kind-pro{background:linear-gradient(180deg,#FFF3D6,#FFE2A6);color:#1F1300;text-shadow:0 1px 0 rgba(255,255,255,0.55);box-shadow:inset 0 1px 0 rgba(255,255,255,0.7),0 1px 1px rgba(138,90,11,0.12)}.sb-pro-pill.sb-pro-pill-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border-radius:50%;text-shadow:none}.sb-pro-pill.sb-pro-pill-icon svg{display:block}.nav-sub{overflow:hidden;max-height:0;will-change:max-height;transform:translateZ(0);transition:max-height 300ms cubic-bezier(0.32,0.72,0,1)}.nav-sub>.nav-sub-inner{display:flex;flex-direction:column;min-height:0;position:relative;padding:0 5px 5px 7px;opacity:0;will-change:opacity;transition:opacity 200ms cubic-bezier(0.32,0.72,0,1)}.nav-sub>.nav-sub-inner::before{content:'';position:absolute;left:20.75px;top:12px;bottom:12px;width:1.5px;background:rgba(16,24,40,0.12);border-radius:2px;pointer-events:none}.nav-group.open>.nav-sub{transition:max-height 300ms cubic-bezier(0.32,0.72,0,1)}.nav-group.open>.nav-sub>.nav-sub-inner{opacity:1;transition:opacity 220ms cubic-bezier(0.32,0.72,0,1) 60ms}.nav-sub>.nav-sub-inner>.sub-item{transition:background 0.12s ease,color 0.12s ease}.sub-item{position:relative;height:32px;display:flex;align-items:center;margin:1px 0 1px 24px;padding:0 12px 0 10px;color:#3f3f46;font-size:13.5px;border-radius:8px;cursor:pointer;transition:background 0.12s ease,color 0.12s ease}.sub-item:hover{background:var(--sb-hover);color:var(--sb-text)}.sub-item.selected{color:#3f3f46;font-weight:500;background-color:rgb(228,228,231)}.sub-item.selected::before{display:none}.sub-item[data-id="sd-workflows"]>span{font-weight:500}.sub-item .sub-chev{margin-left:auto;margin-right:20px;width:16px;height:16px;display:grid;place-items:center;transition:transform 0.2s ease}.sub-item.open .sub-chev{transform:rotate(180deg)}.sub-item .sub-ext{margin-left:auto;margin-right:0;display:inline-grid;place-items:center;width:12px;height:12px;color:var(--sb-text-muted);flex:0 0 12px;opacity:0.7;transition:opacity 0.12s ease,color 0.12s ease}.sub-item .sub-ext svg{width:12px;height:12px}.sub-item:hover .sub-ext{opacity:1;color:var(--sb-text)}.sb-footer{flex:0 0 auto;padding:10px 7.25px 0;position:relative}.credits-card{position:relative;border-radius:5px;background:var(--credit-bg);border:1px solid var(--credit-border);padding:10px 10px 11px;margin-bottom:0;overflow:hidden}.credits-card::before{content:"";position:absolute;right:-35px;bottom:-35px;width:95px;height:95px;border-radius:50%;background:radial-gradient(circle at center,rgba(59,130,246,0.22) 0%,rgba(36,48,64,0) 70%);pointer-events:none}.credits-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.credits-title{color:#FFFFFF;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:4px}.credit-icon{width:14px;height:14px;display:inline-grid;place-items:center;color:#F79009}.credits-pill{background:var(--credit-pill-bg);color:#fff;font-size:13px;font-weight:600;padding:3px 10px 4px;border-radius:20px;min-width:56px;text-align:center}.add-credits{display:block;margin-top:8px;width:94px;height:30px;border-radius:4px;background:#101828;border:1px solid var(--credit-add-border);color:var(--credit-add-border);font-size:13px;line-height:28px;text-align:center;cursor:pointer;font-family:inherit;padding:0}.add-credits:hover{background:#0c1320}.sb-usage{margin-top:10px;height:49px;background:#172848;border-top:1px solid var(--brand-blue-strong);display:flex;align-items:center;padding:0 13px;color:#fff;font-weight:700;font-size:12px;letter-spacing:0.008em;cursor:pointer;margin-left:-7.25px;margin-right:-7.25px;margin-bottom:0}.sb-usage .arrow{margin-left:auto;display:grid;place-items:center;width:22px;height:22px}.main-body{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;min-width:0}.app.has-subnav .main-body{flex-direction:row}.subnav{width:240px;flex:0 0 240px;background:#FFFFFF;border-right:1px solid #E8E8E6;display:flex;flex-direction:column;padding:12px 8px;gap:2px;font-family:'Inter',sans-serif;overflow-y:auto}.app.has-subnav .main-body>.page,.app.has-subnav .main-body>#page-analytics-placeholder{flex:1 1 auto;min-width:0}.subnav-section{display:flex;flex-direction:column;gap:2px}.subnav-section + .subnav-section{margin-top:14px}.subnav-section-label{font-size:12px;font-weight:600;color:#98A2B3;letter-spacing:0.01em;padding:6px 12px 4px}.subnav-item{height:34px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:8px;font-size:14px;font-weight:400;color:#344054;cursor:pointer;user-select:none;transition:background 0.12s ease,color 0.12s ease}.subnav-item:hover{background:#F4F4F5}.subnav-item.selected{background:#F4F4F5;color:#101828;font-weight:600}.subnav-item .sn-label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subnav-item .sn-meta{font-size:13px;color:#98A2B3;font-weight:400;font-variant-numeric:tabular-nums}.subnav-item .sn-badge{font-size:9px;font-weight:700;letter-spacing:0.04em;padding:2px 5px;border-radius:4px;background:#EEF4FF;color:#004CE6;line-height:1;text-transform:uppercase}.main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;background:#FFFFFF;margin:10px 10px 10px 0;border-radius:16px;border-style:solid;border-color:#E4E7EC;border-width:1px;overflow:hidden;align-self:stretch}.topbar{height:52px;display:flex;align-items:center;padding:12px 24px;background:#FFFFFF;position:relative;border-bottom:1px solid #E8E8E6}.topbar .page-title{font-family:'Inter',sans-serif;font-size:18px;font-weight:700;line-height:26px;color:#101828;white-space:nowrap;display:flex;align-items:center;gap:12px}.sb-collapse-btn{width:24px;height:24px;display:grid;place-items:center;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#667085;padding:0;transition:background 0.12s ease,color 0.12s ease}.sb-collapse-btn:hover{background:#F2F4F7;color:#344054}.sb-collapse-btn svg{width:16px;height:16px;display:block;transition:transform 0.2s ease}body.sb-collapsed .sb-collapse-btn svg{transform:rotate(180deg)}.sb-collapse-btn.sb-collapse-morph{color:#475467}.sb-collapse-btn.sb-collapse-morph .ic-sbt-btn{width:18px;height:18px;transform:none;transition:color .2s ease}.sb-collapse-btn.sb-collapse-morph .sbt-frame{transition:stroke .15s ease}.sb-collapse-btn.sb-collapse-morph .sbt-divider,.sb-collapse-btn.sb-collapse-morph .sbt-line{transform-box:fill-box;transform-origin:center;transition:opacity .15s ease,transform .2s cubic-bezier(.4,0,.2,1)}.sb-collapse-btn.sb-collapse-morph .sbt-line-1{transition-delay:.02s,.02s}.sb-collapse-btn.sb-collapse-morph .sbt-line-2{transition-delay:.04s,.04s}.sb-collapse-btn.sb-collapse-morph .sbt-arrow{opacity:0;transform:translateX(4px);transition:opacity .15s ease .06s,transform .2s cubic-bezier(.4,0,.2,1) .06s}.sb-collapse-btn.sb-collapse-morph:hover .sbt-divider{opacity:0;transform:translateX(-4px)}.sb-collapse-btn.sb-collapse-morph:hover .sbt-line{opacity:0;transform:translateX(-3px)}.sb-collapse-btn.sb-collapse-morph:hover .sbt-arrow{opacity:1;transform:translateX(0)}body.sb-collapsed .sb-collapse-btn.sb-collapse-morph svg{transform:scaleX(-1)}.topbar .right-cluster{margin-left:auto;display:flex;align-items:center;gap:8px}.pill-live-support{height:28px;border-radius:8px;background:#FFFFFF;border:1px solid #E4E4E7;display:inline-flex;align-items:center;padding:0 10px;gap:6px;cursor:pointer;transition:background 0.12s ease,border-color 0.12s ease}.pill-live-support:hover{background:#F9FAFB;border-color:#D0D5DD}.pill-live-support .ic{display:inline-grid;place-items:center;width:14px;height:14px;color:#475467;flex:0 0 14px}.pill-live-support .ic svg{width:14px;height:14px}.pill-live-support .txt{font-family:'Inter',sans-serif;font-size:13px;font-weight:500;color:#344054;letter-spacing:0}.btn-dialer{height:28px;border-radius:8px;background:#FFFFFF;color:#344054;padding:0 12px 0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid #E4E7EC;font-weight:500;font-size:13px;font-family:inherit;cursor:pointer;transition:background 0.12s ease,border-color .12s ease}.btn-dialer:hover{background:#F9FAFB;border-color:#D5DAE2}.icon-btn{position:relative;width:28px;height:28px;display:grid;place-items:center;cursor:pointer;color:#667085;border-radius:8px;border:1px solid #E4E4E7;background:#FFFFFF}.icon-btn:hover{color:#101828;background:#F9FAFB}.icon-btn .dot-red{position:absolute;top:-3px;right:-4px;min-width:18px;height:14px;border-radius:10px;background:#F04438;color:#fff;font-size:9px;font-weight:700;display:grid;place-items:center;border:1.5px solid #FFFFFF;padding:0 3px;line-height:1}.topbar-divider{width:1px;height:20px;background:var(--border);margin:0 4px}.availability{height:28px;border-radius:8px;background:#FFF;border:1px solid var(--border);padding:0 8px 0 12px;display:flex;align-items:center;gap:4px;cursor:pointer;position:relative}.availability .dot-green{width:8px;height:8px;border-radius:50%;background:#12B76A}.availability .txt{font-family:'Inter',sans-serif;font-size:13px;color:#101828;font-weight:500}.availability .chev{margin-left:2px;color:#667085;display:inline-grid;place-items:center}.avatar-user{width:28px;height:24px;border-radius:50%;background:#EEF4FF;color:#3538CD;font-family:'Inter',sans-serif;font-size:10px;font-weight:600;display:grid;place-items:center;flex:0 0 24px;letter-spacing:0.01em}.tabs{height:44px;border-style:solid;border-color:var(--border);border-width:0 0 1px;display:flex;align-items:center;padding:0 28px;gap:28px;background:#fff}.tab{height:44px;display:inline-flex;align-items:center;gap:6px;padding:0;color:var(--text-secondary);font-size:14px;position:relative;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color 0.15s ease,border-color 0.15s ease}.tab.active{color:var(--text-primary);font-weight:600;border-bottom-color:var(--brand-blue)}.tab:hover:not(.active){color:var(--text-primary)}.tab .coming-soon{height:18px;border-radius:20px;background:#FDF2FA;color:#DD2590;padding:0 8px;font-size:10px;font-weight:600;display:inline-flex;align-items:center}.filter-row{height:52px;padding:0 24px;display:flex;align-items:center;gap:12px;background:#fff}.btn-ghost{height:32px;padding:0 8px 0 10px;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #E4E4E7;border-radius:8px;font-size:14px;color:var(--text-primary);font-family:inherit;cursor:pointer}.btn-ghost:hover{border-color:#D0D5DD}.divider-v{width:1px;height:36px;background:var(--border)}.spacer{flex:1 1 auto}.page{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden;position:relative}.content{padding:8px 24px 48px;display:flex;flex-direction:column;gap:16px;background:#fff}.panel{background:#fff;border:1px solid var(--border);border-radius:6px;overflow:hidden}.panel-header{padding:20px 24px 12px}.panel-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.panel-sub{font-size:13px;color:var(--text-secondary);margin-top:4px}.live-tabs{display:flex;gap:28px;padding:0 28px;border-bottom:1px solid var(--border)}.live-tab{height:44px;display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color 0.15s ease,border-color 0.15s ease}.live-tab.active{color:var(--text-primary);font-weight:600;border-bottom-color:var(--brand-blue)}.live-tab:hover:not(.active){color:var(--text-primary)}.live-tab .count{background:#ECFDF3;color:#12B76A;font-weight:500;padding:1px 8px;border-radius:10px;font-size:11px;line-height:16px}.live-body{display:grid;grid-template-columns:360px 1fr}.live-left{border-right:1px solid var(--border);display:flex;flex-direction:column}.live-left .lc-top{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:36px 16px;gap:8px}.live-left .lc-label{color:var(--text-primary);font-size:14px;font-weight:500}.live-left .lc-value{font-size:40px;font-weight:600;color:var(--text-primary);line-height:1}.live-left .lc-split{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border-top:1px solid var(--border)}.live-left .lc-split>div{padding:14px 20px;background:#F9FAFB}.live-left .lc-split .k{color:var(--text-secondary);font-size:13px}.live-left .lc-split .v{color:var(--text-primary);font-size:16px;font-weight:500;margin-top:4px}.live-right{overflow:hidden}.live-table{width:100%;border-collapse:collapse}.live-table thead th{background:#fff;font-size:13px;font-weight:500;color:var(--text-secondary);text-align:left;height:44px;padding:0 16px;border-bottom:1px solid var(--border)}.live-table tbody td{height:64px;padding:0 16px;color:var(--text-primary);font-size:14px;border-bottom:1px solid var(--border)}.live-table tbody tr:last-child td{border-bottom:none}.live-table td.lt-ic{padding-left:20px;padding-right:0}.btn-monitor{height:32px;padding:0 14px;background:#fff;border:1px solid var(--brand-blue);color:var(--brand-blue);border-radius:4px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer}.btn-monitor:hover{background:var(--brand-blue-soft)}.section-head{display:flex;align-items:center;justify-content:space-between;background:#F9FAFB;border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;padding:16px 24px}.section-head .title{font-size:16px;font-weight:600;color:var(--text-primary)}.section-head .meta{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:13px}.section-head .refresh{color:var(--text-secondary);display:inline-grid;place-items:center}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;background:#fff}.kpi{padding:20px 24px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.kpi:last-child{border-right:none}.kpi .k-label{font-size:14px;color:var(--text-primary);font-weight:500;display:inline-flex;align-items:center;gap:6px}.kpi .k-row{display:flex;align-items:center;gap:10px;margin-top:2px}.kpi .k-val{font-size:28px;font-weight:600;color:var(--text-primary);line-height:1.2}.kpi-badge{padding:2px 8px;font-size:12px;font-weight:500;border-radius:12px;display:inline-flex;align-items:center;gap:2px}.kpi-badge.up{background:#ECFDF3;color:#12B76A}.kpi-badge.down{background:#FEF3F2;color:#F04438}.kpi .k-link{margin-top:10px;color:var(--brand-blue);font-size:14px;font-weight:500;text-decoration:none}.kpi .k-link:hover{text-decoration:underline}.chart-panel{background:#fff;border:1px solid var(--border);border-radius:8px}.chart-head{padding:14px 16px;display:flex;align-items:center;font-size:14px;font-weight:600;border-bottom:1px solid var(--border)}.chart-body{height:260px;position:relative;padding:14px 16px 20px}.chart-body svg{width:100%;height:100%;display:block;overflow:visible}.h-scroll-thumb{position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);width:40px;height:6px;border-radius:3px;background:#CBD5E1}.kpi-grid--bordered{border:1px solid var(--border);border-radius:8px;overflow:hidden}.kpi-grid--sub{grid-template-columns:repeat(5,1fr);border-top:1px solid var(--border)}.kpi--sm{padding:14px 18px}.kpi--sm .k-val{font-size:18px;font-weight:600}.kpi--sm .k-label{font-size:12px}.kpi--sm .k-row{gap:8px}.kpi-section-head{padding:14px 16px;display:flex;align-items:center;font-size:14px;font-weight:600;color:var(--text-primary);background:#fff;border-bottom:1px solid var(--border)}.kpi-section-head .meta{margin-left:auto;font-size:12px;font-weight:400;color:var(--text-secondary);display:inline-flex;align-items:center;gap:6px}.info-banner{margin-top:12px;padding:10px 14px;background:#F2F4F7;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:13px;color:#344054}.info-banner .ib-icon{width:28px;height:28px;border-radius:6px;background:#fff;display:inline-grid;place-items:center;color:#6938EF;flex:0 0 auto}.info-banner .ib-link{color:var(--brand-blue);font-weight:500;text-decoration:none}.info-banner .ib-link:hover{text-decoration:underline}.feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff}.feedback-col{padding:18px 20px;border-right:1px solid var(--border)}.feedback-col:last-child{border-right:none}.feedback-col .fc-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:14px}.fc-rating-row{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.fc-rating-row .fc-rating{font-size:28px;font-weight:600;color:var(--text-primary)}.rating-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;margin-bottom:14px;background:#F2F4F7}.rating-bar>span{display:block;height:100%}.rating-bar .seg-1{background:#F97066}.rating-bar .seg-2{background:#FDA29B}.rating-bar .seg-3{background:#FEC84B}.rating-bar .seg-4{background:#FDB022}.rating-bar .seg-5{background:#FDA29B}.rating-rows{display:flex;flex-direction:column;gap:8px;font-size:13px}.rating-rows .rr{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;color:#475467}.rating-rows .rr-dot{width:10px;height:10px;border-radius:50%}.rating-rows .rr-count{color:var(--text-primary);font-variant-numeric:tabular-nums}.vm-kpis{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.vm-kpis .vm-k-label{font-size:12px;color:var(--text-secondary);margin-bottom:4px;display:inline-flex;align-items:center;gap:4px}.vm-kpis .vm-k-row{display:flex;align-items:baseline;gap:8px}.vm-kpis .vm-k-val{font-size:22px;font-weight:600;color:var(--text-primary)}.donut-row{display:flex;align-items:center;gap:18px}.donut{--p1:35;--p2:65;width:124px;height:124px;border-radius:50%;background:conic-gradient( #12B76A 0 calc(var(--p1) * 1%),#F2F4F7 calc(var(--p1) * 1%) calc((var(--p1) + var(--p2)) * 1%) );display:grid;place-items:center;flex:0 0 auto;position:relative}.donut::before{content:'';width:84px;height:84px;border-radius:50%;background:#fff;position:absolute}.donut-center{position:relative;text-align:center;line-height:1.2}.donut-center .dc-label{font-size:10px;color:var(--text-secondary)}.donut-center .dc-val{font-size:20px;font-weight:600;color:var(--text-primary)}.donut-legend{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#475467}.donut-legend .dl-row{display:flex;align-items:center;gap:8px}.donut-legend .dl-dot{width:10px;height:10px;border-radius:50%}.content>.ext-section{margin-top:16px}#anWrap>.ext-section,#anWrap>.info-banner{margin-top:0}#anWrap{gap:14px}#page-call-logs{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.cl-tabs{display:flex;gap:28px;padding:0 28px;border-style:solid;border-color:var(--border);border-width:0 0 1px;flex:0 0 auto;background:#fff}.cl-tab{height:44px;display:inline-flex;align-items:center;color:var(--text-secondary);font-size:14px;font-weight:400;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color 0.15s ease,border-color 0.15s ease}.cl-tab:hover:not(.active){color:var(--text-primary)}.cl-tab.active{color:var(--text-primary);border-bottom-color:var(--brand-blue);font-weight:600}.cl-filter-row{display:flex;align-items:center;gap:10px;padding:12px 24px;flex:0 0 auto}.cl-search{width:320px;height:31px;border:1px solid rgb(228,231,236);border-radius:8px;padding:0 12px 0 10px;display:inline-flex;align-items:center;gap:5px;background:#fff;color:#98A2B3}.cl-search input{border:0;outline:0;font:inherit;font-size:14px;color:#101828;flex:1;background:transparent}.cl-search input::placeholder{color:#98A2B3}.cl-btn-ghost{height:32px;padding:0 10px 0 8px;border:1px solid #98A2B3;border-radius:8px;background:#fff;color:#344054;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:inherit}.cl-btn-ghost:hover{background:#F9FAFB}.cl-icon-btn{width:32px;height:32px;border:1px solid rgb(228,231,236);border-radius:8px;background:#fff;color:#344054;display:grid;place-items:center;cursor:pointer;font-family:inherit;padding:0}.cl-icon-btn svg{width:16px;height:16px}.cl-icon-btn:hover{background:#F9FAFB}.cl-btn-outline{height:32px;padding:0 8px 0 10px;border:1px solid #004CE6;border-radius:8px;background:#fff;color:#004CE6;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit}.cl-btn-outline:hover{background:#F5F9FF}.cl-table-wrap{flex:1 1 auto;overflow:auto;padding:0;position:relative;background:#fff}.cl-table{width:100%;border-collapse:collapse;font-size:14px;min-width:1700px;font-family:'Inter',sans-serif}.cl-table thead th{background:#FFFFFF;color:#667085;font-size:12px;font-weight:500;letter-spacing:-0.28px;text-align:left;height:34px;padding:8px 12px;line-height:18px;white-space:nowrap;position:sticky;top:0;z-index:2;vertical-align:middle;border-bottom:1px solid #E4E7EC}.cl-table thead th.sortable{cursor:pointer}.cl-table thead th.sortable .sort-ic{display:inline-grid;place-items:center;vertical-align:middle;margin-left:4px;color:#98A2B3}.cl-th-check{width:44px;padding:9px 12px 9px 16px !important}.col-contact{min-width:250px}.col-custcontact{min-width:179px}.col-agent{min-width:168px}.col-number{min-width:168px}.col-status{min-width:135px}.col-duration{min-width:100px}.col-date{min-width:160px}.col-disp{min-width:140px}.col-traits{min-width:220px}.col-rating{min-width:100px}.col-notes{min-width:180px}.col-qwait{min-width:120px}.col-pcs{min-width:130px}.cl-table tbody td{padding:10px 12px;height:40px;color:#232529;vertical-align:middle;font-size:14px;line-height:20px;letter-spacing:-0.28px;background:#fff;border-bottom:1px solid #E4E7EC}.cl-table tbody tr:hover td{background:#FAFAFA}.cl-play-btn{width:28px;height:28px;border:1px solid #E4E7EC;border-radius:8px;background:#fff;display:inline-grid;place-items:center;cursor:pointer;padding:0;opacity:0;transform:translateY(6px);transition:opacity 0.18s ease,transform 0.18s ease,background 0.12s ease;pointer-events:none;margin-left:auto;flex:0 0 28px}.cl-table tbody tr:hover .cl-play-btn{opacity:1;transform:translateY(0);pointer-events:auto}.cl-play-btn:hover{background:#F9FAFB}.cl-play-btn svg{width:28px;height:28px;display:block}.cl-table tbody td.cl-td-check{padding:10px 12px 10px 16px;width:44px}.cl-contact-cell{display:flex;align-items:center;gap:12px}.cl-icon-chip{width:24px;height:24px;border-radius:4px;background:#F9FAFB;display:inline-grid;place-items:center;flex:0 0 24px}.cl-icon-chip svg{width:14px;height:14px}.cl-contact-name{font-weight:500;color:#232529;font-size:14px;line-height:20px}.cl-contact-name.missed{color:#F04438}.cl-muted{color:#232529}.cl-status{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#232529;line-height:20px}.cl-status::before{content:'';width:8px;height:8px;border-radius:2px;background:currentColor;display:inline-block;flex:0 0 8px}.cl-status.completed{--dot:#0FC27B}.cl-status.completed::before{background:#0FC27B}.cl-status.noanswer{--dot:#FD9038}.cl-status.noanswer::before{background:#FD9038}.cl-status.busy{--dot:#FF5B59}.cl-status.busy::before{background:#FF5B59}.cl-status.failed{--dot:#FF5B59}.cl-status.failed::before{background:#FF5B59}.cl-status.unanswered{--dot:#FD9038}.cl-status.unanswered::before{background:#FD9038}.cb input{width:16px;height:16px;accent-color:#004CE6;cursor:pointer}.cl-trait{display:inline-flex;align-items:center;padding:2px 6px 2px 6px;height:22px;border-radius:4px;font-size:12px;font-weight:500;line-height:18px;margin-right:4px;white-space:nowrap;gap:4px}.cl-trait.voice{background:#F4F3FF;color:#5925DC}.cl-trait.human{background:#FDF2FA;color:#C11574}.cl-trait.transfer{background:#FEF6EE;color:#B93815}.cl-trait.more{background:#F2F4F7;color:#344054}.cl-trait.empty{color:#98A2B3;background:transparent;padding:0;font-weight:400}.cl-notes-link{color:#004CE6;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:4px;cursor:pointer;line-height:20px}.cl-notes-text{color:#232529;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;display:inline-block;line-height:20px}.cl-rating{display:inline-flex;align-items:center;gap:4px;color:#101828;font-size:14px;line-height:20px}.cl-rating svg{color:#FEC84B}.cl-rating.empty{color:#98A2B3}.cl-actions{display:inline-flex;gap:4px;align-items:center}.cl-action-btn{width:32px;height:32px;border:1px solid #EAECF0;border-radius:4px;background:#fff;display:grid;place-items:center;color:#667085;cursor:pointer;padding:0;font-family:inherit}.cl-action-btn:hover{background:#F9FAFB;color:#101828}.cl-pagination{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 24px 18px;border-top:1px solid #EAECF0}.cl-show{display:inline-flex;align-items:center;gap:8px;color:#667085;font-size:14px}.cl-select{height:32px;padding:0 8px 0 10px;border:1px solid #D0D5DD;border-radius:8px;background:#fff;color:#101828;font-size:14px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-family:inherit}.cl-count{margin-left:10px;color:#667085}.cl-pages{display:inline-flex;gap:4px;align-items:center}.cl-page-btn{min-width:32px;height:32px;padding:0 8px;border-radius:8px;border:0;background:transparent;color:#667085;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;display:inline-grid;place-items:center}.cl-page-btn:hover{background:#F2F4F7;color:#101828}.cl-page-btn.active{background:#EFF4FF;color:#004CE6}.cl-dir-ok{color:#12B76A}.cl-dir-out{color:#004CE6}.cl-dir-miss{color:#F79009}.cl-dir-vm{color:#667085}.cl-dir-busy{color:#F79009}.muted{color:var(--text-secondary)}#page-call-logs>.ct-filter-row{margin-left:24px;margin-right:24px;flex:0 0 auto}#page-call-logs>.ct-table-wrap{margin-left:0;margin-right:0;border-left:none;border-right:none;border-radius:0}#page-call-logs>.ct-pagination{padding:14px 24px;margin:0;border-top:1px solid #F2F4F7;background:#fff;flex:0 0 auto}.ct-filter-row{display:flex;align-items:center;gap:10px;padding:24px 0 14px;flex:0 0 auto}.ct-search{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border:1px solid #D0D5DD;border-radius:8px;background:#fff;width:320px;color:#98A2B3}.ct-search input{border:0;outline:none;background:transparent;font-size:14px;color:#101828;width:100%;font-family:inherit}.ct-search input::placeholder{color:#98A2B3;font-weight:400}.ct-btn-ghost{height:34px;padding:0 12px;border:1px solid #E4E4E7;border-radius:8px;background:#fff;color:#344054;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:inherit;transition:background-color .15s,border-color .15s}.ct-btn-ghost svg{color:#667085;stroke-width:1.2px}.ct-btn-ghost svg path{stroke-width:1.2px}.ct-btn-ghost:hover{background:#FAFBFC}.ct-icon-btn{width:34px;height:34px;border:0;border-radius:8px;background:#fff;color:#475467;display:inline-grid;place-items:center;cursor:pointer;transition:background-color .15s,color .15s}.ct-icon-btn:hover{background:#F2F4F7;color:#344054}.ct-archived-link{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:8px;color:#004CE6;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s}.ct-archived-link:hover{background:#EFF4FF;color:#003EBA;text-decoration:none}.ct-filter-row .spacer{flex:1 1 auto}.ct-table-wrap{flex:1 1 auto;overflow:auto;border:1px solid #EAECF0;border-radius:8px;background:#fff}.ct-table{width:100%;border-collapse:separate;border-spacing:0;font-family:'Inter',sans-serif}.ct-table thead tr{height:36px}.ct-table thead th{height:36px;background:#F9FAFB;color:#667085;font-size:12px;font-weight:500;text-align:left;padding:0 20px;border-bottom:1px solid #EAECF0;position:sticky;top:0;z-index:1;white-space:nowrap}.ct-table thead th.ct-th-check{width:44px;padding-left:24px;padding-right:8px}.ct-table thead th.ct-th-icon{width:44px;padding-left:8px;padding-right:12px}.ct-table thead th.sortable{cursor:pointer}.ct-table thead th .sort-ic{display:inline-flex;align-items:center;justify-content:center;margin-left:4px;color:#98A2B3}.ct-table tbody tr{height:48px}.ct-table tbody td{padding:0 20px;border-bottom:1px solid #F2F4F7;color:#475467;font-weight:400;vertical-align:middle;font-size:14px;background:#fff;white-space:nowrap;height:48px}.ct-table tbody tr:hover td{background:#FAFAFA}.ct-table tbody td.ct-td-check{padding-left:24px;padding-right:8px;width:44px}.ct-table tbody td.ct-td-icon{width:44px;padding-left:8px;padding-right:12px}.ct-table[data-table="calllogs"] tbody td:last-child,.ct-table[data-table="calllogs"] thead th:last-child{padding-right:24px}.ct-table[data-table="calllogs"]{min-width:1320px;width:100%;table-layout:auto}.ct-table[data-table="calllogs"] .cv-col-customer{min-width:200px;width:200px}.ct-table[data-table="calllogs"] .cv-col-contact{min-width:180px}.ct-table[data-table="calllogs"] .cv-col-agent{min-width:160px}.ct-table[data-table="calllogs"] .cv-col-status{min-width:140px}.ct-table[data-table="calllogs"] .cv-col-duration{min-width:120px}.ct-table[data-table="calllogs"] .cv-col-date{min-width:200px}.ct-table[data-table="calllogs"] .cv-col-disp{min-width:140px}.ct-table[data-table="calllogs"] .cv-col-traits{min-width:220px}.ct-table[data-table="calllogs"] th.cv-col-customer,.ct-table[data-table="calllogs"] td.cv-customer-cell{padding-left:8px}.ct-table[data-table="calllogs"] th.ct-th-icon,.ct-table[data-table="calllogs"] td.ct-td-icon{padding-right:4px}.ct-table[data-table="calllogs"] td,.ct-table[data-table="calllogs"] th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-table[data-table="calllogs"] td.ct-td-check,.ct-table[data-table="calllogs"] td.ct-td-icon,.ct-table[data-table="calllogs"] th.ct-th-check,.ct-table[data-table="calllogs"] th.ct-th-icon{text-overflow:clip}.ct-table[data-table="calllogs"] tbody tr{height:48px}.ct-table[data-table="calllogs"] td.cv-customer-cell{position:relative}.ct-table[data-table="calllogs"] td.cv-customer-cell .cv-ai-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%) scale(0.9);width:28px;height:28px;border-radius:8px;border:1px solid #E9D7FE;background:#F9F5FF;color:#6941C6;display:grid;place-items:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease,background-color .14s,border-color .14s,box-shadow .14s,color .14s}.ct-table[data-table="calllogs"] td.cv-customer-cell .cv-ai-btn svg{width:15px;height:15px;display:block}.ct-table[data-table="calllogs"] tbody tr:hover td.cv-customer-cell .cv-ai-btn{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}.ct-table[data-table="calllogs"] td.cv-customer-cell .cv-ai-btn:hover{background:#F4EBFF;border-color:#D6BBFB;color:#53389E;box-shadow:0 1px 2px rgba(127,86,217,0.12),0 0 0 3px rgba(127,86,217,0.10)}.cv-name-link{display:inline-block;padding:0;margin:0;border:0;background:transparent;text-align:left;cursor:pointer;font:inherit;color:inherit;border-radius:4px}.cv-name-link .cl-main{transition:color .12s ease;color:#232529;text-decoration:none}.cv-name-link:hover .cl-main{color:#004CE6}.cv-name-link:focus-visible{outline:2px solid #84CAFF;outline-offset:2px}.cv-name-link.miss .cl-main{color:#232529}
tr.ct-row-in[data-name]{cursor:default}
.ct-archived-link{display:inline-flex;align-items:center;gap:6px;padding:0 12px;border:1px solid var(--brand-blue);border-radius:7px;background:#FFFFFF;color:var(--brand-blue);font:500 13px/1 'Inter',sans-serif;text-decoration:none;cursor:pointer;transition:background .12s ease,border-color .12s ease}
.ct-archived-link:hover{background:var(--brand-blue-soft);border-color:var(--brand-blue);color:var(--brand-blue);text-decoration:none}
/* Row hover (light) — applies to ALL ct-table rows, both row and td levels so cell bg can't win */
.ct-table tbody tr:hover,
.ct-table tbody tr:hover td,
tr.ct-row-in:hover,
tr.ct-row-in:hover td{background:#EFF6FF}
.cv-name-link.miss:hover .cl-main{color:#004CE6}
/* Sticky table header — shadow only appears when stuck (scrolled past) */
.ct-table thead th{position:sticky;top:0;z-index:5;background:#F9FAFB;border-bottom:0 !important;box-shadow:inset 0 -1px 0 rgba(16,24,40,0.06);transition:box-shadow .22s ease}
.ct-table thead.is-stuck th{box-shadow:inset 0 -1px 0 rgba(16,24,40,0.08)}
/* No-op gradient placeholder kept for future use */
.ct-table thead.is-stuck + tbody > tr:first-child > td,
.ct-table:has(thead.is-stuck) > tbody > tr:first-child > td{background-image:none}
body.theme-dark .ct-table thead tr th{background:#1F2023 !important;box-shadow:inset 0 -1px 0 #2A2D33 !important}
body.theme-dark .ct-table thead.is-stuck tr th{box-shadow:inset 0 -1px 0 #2A2D33 !important}
body.theme-dark .ct-table tbody tr:hover,
body.theme-dark .ct-table tbody tr:hover td,
body.theme-dark tr.ct-row-in:hover,
body.theme-dark tr.ct-row-in:hover td{background:rgba(0,76,230,0.10) !important}
body.theme-dark.brand-green .ct-table tbody tr:hover,
body.theme-dark.brand-green .ct-table tbody tr:hover td{background:rgba(14,140,92,0.12) !important}.ct-dir{width:18px;height:18px;display:inline-grid;place-items:center}.ct-dir svg{width:15px;height:15px}.ct-dir.in{color:#1F5BFF}.ct-dir.miss{color:#F04438}.ct-dir.out{color:#12B76A}.ct-dir.outMiss{color:#F04438}.ct-status{display:inline-flex;align-items:center;gap:6px;color:#475467;font-size:14px;font-weight:400}.ct-status::before{content:'';width:8px;height:8px;border-radius:50%;background:#667085}.ct-status.completed::before{background:#12B76A}.ct-status.noanswer::before{background:#F79009}.ct-trait{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:16px;font-size:12px;font-weight:500;margin-right:4px;border:1px solid transparent}.ct-trait.voice{background:#F4F3FF;color:#6941C6;border-color:#E4DFFE}.ct-trait.queued{background:#F9FAFB;color:#475467;border-color:#EAECF0}.ct-muted-dash{color:#98A2B3}.ct-table .cb{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.ct-table .cb input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.ct-table .cb .cb-box{width:16px;height:16px;border:1px solid #D0D5DD;border-radius:4px;background:#fff;display:inline-grid;place-items:center;transition:background-color .15s ease,border-color .15s ease;box-sizing:border-box}.ct-table .cb:hover .cb-box{border-color:#98A2B3}.ct-table .cb .cb-box svg{width:11px;height:11px;color:#fff;opacity:0;transform:scale(0.6);transition:opacity .15s ease,transform .18s cubic-bezier(.34,1.56,.64,1)}.ct-table .cb input:checked + .cb-box{background:#004CE6;border-color:#004CE6}.ct-table .cb input:checked + .cb-box svg{opacity:1;transform:scale(1)}.ct-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 0 6px;flex:0 0 auto}.ct-show{display:flex;align-items:center;gap:8px;color:#475467;font-size:14px}.ct-select{height:32px;padding:0 8px 0 10px;border:1px solid #D0D5DD;border-radius:8px;background:#fff;color:#101828;font-size:14px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-family:inherit}.ct-count{margin-left:10px;color:#667085}.ct-pages{display:inline-flex;gap:4px;align-items:center}.ct-page-btn{min-width:32px;height:32px;border:0;background:transparent;color:#475467;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;display:inline-grid;place-items:center;font-family:inherit}.ct-page-btn:hover{background:#F2F4F7;color:#101828}.ct-page-btn.active{background:#EFF4FF;color:#004CE6}.ct-page-btn.ellipsis{cursor:default;color:#98A2B3}.ct-page-btn.ellipsis:hover{background:transparent}@keyframes ct-row-in{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.ct-table tbody tr.ct-row-in{animation:none}@media (prefers-reduced-motion:reduce){.ct-table tbody tr.ct-row-in{animation:none}}#page-contacts{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;background:#fff;position:relative}.sk-subtab-row{display:flex;align-items:center;gap:10px;padding:12px 24px;border-bottom:1px solid #EAECF0;flex:0 0 auto}.sk-subtab-row .spacer{flex:1 1 auto}#page-contacts .sk-subtab-row .ct-search{flex:0 0 auto;width:240px;min-width:0;padding:0 10px}.ct-seg{display:inline-flex;align-items:center;background:#F2F4F7;border-radius:8px;padding:3px;flex:0 0 auto}.ct-seg-btn{border:0;background:transparent;height:26px;padding:0 12px;border-radius:6px;display:inline-flex;align-items:center;gap:6px;color:#475467;font:500 13px/1 'Inter',sans-serif;cursor:pointer;transition:background-color .14s ease,color .14s ease,box-shadow .14s ease}.ct-seg-btn svg{color:currentColor;opacity:0.75}.ct-seg-btn:hover{color:#344054}.ct-seg-btn.active{background:#fff;color:#101828;box-shadow:0 1px 2px rgba(16,24,40,0.08),0 0 0 1px rgba(16,24,40,0.04)}.ct-seg-btn.active svg{color:#004CE6;opacity:1}#page-contacts .sk-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}#page-contacts .sk-panel{display:none;flex-direction:column;flex:1 1 auto;min-height:0}#page-contacts .sk-panel.active{display:flex}#page-contacts .sk-panel>.ct-table-wrap{border-left:none;border-right:none;border-radius:0;border-top:none}#page-contacts .sk-panel>.ct-pagination{padding:14px 24px;margin:0;border-top:1px solid #F2F4F7;background:#fff;flex:0 0 auto}#page-contacts .sb-ac-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:8px;background:#004CE6;color:#fff;font:500 13px/1 'Inter',sans-serif;border:0;cursor:pointer;transition:background-color .14s ease}#page-contacts .sb-ac-btn:hover{background:#0040C2}.ct-table[data-table="contactsjc"]{min-width:1520px}.ct-table[data-table="contactsjc"] .jc-col-name{min-width:260px;width:260px}.ct-table[data-table="contactsjc"] .jc-col-phone{min-width:170px}.ct-table[data-table="contactsjc"] .jc-col-email{min-width:240px}.ct-table[data-table="contactsjc"] .jc-col-company{min-width:150px}.ct-table[data-table="contactsjc"] .jc-col-title{min-width:180px}.ct-table[data-table="contactsjc"] .jc-col-location{min-width:180px}.ct-table[data-table="contactsjc"] .jc-col-linkedin{min-width:230px}.ct-table[data-table="contactsjc"] .jc-col-tags{min-width:180px}.ct-table[data-table="contactsjc"] tbody tr{height:48px}.ct-table[data-table="contactsjc"] td.jc-name-cell{color:#101828;font-weight:500}.jc-name-row{display:flex;align-items:center;gap:12px;position:relative}.jc-avatar{width:28px;height:28px;border-radius:50%;background:#EEF2FF;color:#4C4EDE;display:inline-flex;align-items:center;justify-content:center;font:600 10.5px/1 'Inter',sans-serif;letter-spacing:0.02em;flex:0 0 28px;overflow:hidden;position:relative}
.jc-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.jc-avatar .jc-av-svg{width:100%;height:100%;display:block;border-radius:50%}
.jc-cmp-cell{display:inline-flex;align-items:center;gap:8px;color:#101828}
.jc-cmp-logo{width:18px;height:18px;border-radius:4px;object-fit:contain;display:inline-block;flex:0 0 18px;background:#F4F4F5}
.jc-cmp-fallback{background:#E4E4E7;color:#3F3F46;font:600 10px/18px 'Inter',sans-serif;text-align:center}
.jc-link,a.jc-link{color:#004CE6 !important;text-decoration:underline !important;text-underline-offset:2px}
.jc-link:hover,a.jc-link:hover{text-decoration:underline !important}
.jc-avatar:has(.jc-av-svg){background:transparent !important;padding:0;overflow:hidden}
/* Dark mode: theme-customiser.css paints everything inside a .ct-table cell
   light and does it with !important, so a chip that brings its own pale fill
   ends up light text on a light ground. The two here that carry a fill need a
   dark one to match. Only the ones showing text: an avatar holding generated
   art covers its background completely and has already opted out above.
   Fixed on the component rather than on the screen that found it — the
   campaign queue is only the first table to put initials in one of these. */
body.theme-dark .jc-avatar{background:#1E2740}
body.theme-dark .jc-cmp-fallback{background:#2A2D33}
.cl-agent-human-av .jc-av-svg{width:100%;height:100%;display:block;border-radius:50%}
.jc-avatar.av-t1{background:#FFF1E6;color:#C2552A}
.jc-avatar.av-t2{background:#E8F6EE;color:#3D8B5F}
.jc-avatar.av-t3{background:#EAF4FB;color:#3A7AA8}
.jc-avatar.av-t4{background:#FBEEF2;color:#A85577}
.jc-avatar.av-t5{background:#F0ECFA;color:#6B57A8}
.jc-avatar.av-t6{background:#FBF3DE;color:#9C7A3D}
.jc-avatar.av-t7{background:#E6F4F4;color:#3D8585}
.jc-avatar.av-t8{background:#F7EBED;color:#9C5566}.jc-name{color:#101828}.jc-quick{display:inline-flex;align-items:center;gap:4px;margin-left:6px;opacity:0;transform:translateX(-4px);pointer-events:none;transition:opacity 160ms ease,transform 160ms ease}.ct-table[data-table="contactsjc"] tbody tr:hover .jc-quick,.jc-name-row:focus-within .jc-quick{opacity:1;transform:translateX(0);pointer-events:auto}.jc-quick-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid #EAECF0;background:#fff;color:#475467;cursor:pointer;padding:0;transition:background 120ms ease,color 120ms ease,border-color 120ms ease,box-shadow 120ms ease,transform 120ms ease}.jc-quick-btn svg{width:14px;height:14px}.jc-quick-btn:hover{background:#EFF4FF;color:#004CE6;border-color:#D1E0FF;box-shadow:0 1px 2px rgba(16,24,40,0.06);transform:translateY(-1px)}.jc-quick-btn:active{transform:translateY(0)}.jc-link{display:inline-flex;align-items:center;gap:6px;color:#475467;text-decoration:none;font:500 13px/1 'Inter',sans-serif;max-width:100%}.jc-link svg{width:14px;height:14px;color:#0A66C2;flex:0 0 14px}.jc-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jc-link:hover{color:#004CE6}.jc-link:hover span{text-decoration:underline}.jc-tags-cell{white-space:normal}.jc-tags-cell .jc-tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:8px;background:#F2F4F7;color:#344054;border:1px solid #E4E7EC;font:500 12px/1 'Inter',sans-serif;margin-right:4px}
.jc-tag.t-vip{background:#FEF6EE;border-color:#F9DBAF;color:#B93815}
.jc-tag.t-warm{background:#FFFAEB;border-color:#FEDF89;color:#B54708}
.jc-tag.t-cold{background:#EFF8FF;border-color:#B9E6FE;color:#175CD3}
.jc-tag.t-news{background:#F4F3FF;border-color:#E4DFFE;color:#5925DC}
.jc-tag.t-support{background:#ECFDF3;border-color:#ABEFC6;color:#067647}
.jc-tag.t-q4{background:#F0F9FF;border-color:#B9E6FE;color:#026AA2}
.jc-tag.t-intro{background:#FDF4FF;border-color:#F6D0FE;color:#9333EA}
/* The vocabulary had no red. Seven tones for kinds of interest and none for
   something having gone wrong, which a table showing an outcome as a tag
   needs — the campaign queue's "No answer" is the first, and amber would
   have understated it. */
.jc-tag.t-miss{background:#FEF3F2;border-color:#FECDCA;color:#B42318}.jc-muted{color:#98A2B3}.jc-bulk-bar{position:fixed;left:50%;bottom:32px;transform:translate(-50%,16px);display:inline-flex;align-items:center;gap:4px;height:48px;padding:0 12px 0 20px;background:#101828;color:#fff;border-radius:14px;box-shadow:0 12px 32px -8px rgba(16,24,40,0.35),0 4px 12px -2px rgba(16,24,40,0.20);font:500 13px/1 'Inter',sans-serif;z-index:40;opacity:0;pointer-events:none;transition:opacity 180ms ease,transform 220ms cubic-bezier(0.2,0.9,0.3,1.1)}.jc-bulk-bar.show{opacity:1;pointer-events:auto;transform:translate(-50%,0)}.jc-bulk-count{display:inline-flex;align-items:center;gap:8px;padding-right:12px;margin-right:6px;border-right:1px solid rgba(255,255,255,0.14);color:#fff;white-space:nowrap}.jc-bulk-count b{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:#3E4AFE;color:#fff;font:600 12px/1 'Inter',sans-serif}.jc-bulk-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#D0D5DD;font:500 13px/1 'Inter',sans-serif;cursor:pointer;transition:background 120ms ease,color 120ms ease}.jc-bulk-btn svg{width:15px;height:15px;color:currentColor}.jc-bulk-btn:hover{background:rgba(255,255,255,0.08);color:#fff}.jc-bulk-btn.danger:hover{background:rgba(240,68,56,0.15);color:#FDA29B}.jc-bulk-close{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:transparent;color:#98A2B3;cursor:pointer;margin-left:4px;transition:background 120ms ease,color 120ms ease}.jc-bulk-close:hover{background:rgba(255,255,255,0.08);color:#fff}.sd-empty-state{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.sd-empty-state .sd-icon{width:56px;height:56px;border-radius:14px;background:#F4EBFF;color:#7F56D9;display:inline-grid;place-items:center;margin-bottom:16px}.sd-empty-state h3{margin:0 0 6px;font:600 16px/1.4 'Inter',sans-serif;color:#101828}.sd-empty-state p{margin:0 0 18px;font:400 14px/1.5 'Inter',sans-serif;color:#475467;max-width:440px}#page-ai-voice{flex-direction:column}#page-ai-voice:has(.va-panel.va-mode-create)>.tabs{display:none}.va-pane{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;background:#fff}.va-pane[data-va-pane="agents"]{padding:0}.va-toolbar{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid #EAECF0;background:#fff;flex:0 0 auto}.va-toolbar .spacer{flex:1 1 auto}.va-pane.va-panel{padding:0}.va-pane.va-panel .va-list-view{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.va-pane.va-panel .va-table-wrap{border-top:0}.va-pane.va-panel .ct-pagination{padding:14px 20px;border-top:1px solid #F2F4F7;flex:0 0 auto;background:#fff}.va-search{width:320px;height:32px;border:1px solid var(--border);border-radius:8px;padding:0 12px 0 10px;display:inline-flex;align-items:center;gap:6px;background:#fff;color:#98A2B3}.va-search input{border:0;outline:0;font:inherit;font-size:13px;color:#101828;flex:1;background:transparent}.va-search input::placeholder{color:#98A2B3}.va-btn-ghost{height:32px;padding:0 12px 0 10px;border:1px solid #98A2B3;border-radius:8px;background:#fff;color:#344054;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-family:inherit}.va-btn-ghost:hover{background:#F9FAFB}.va-credits-pill{margin-left:auto;height:32px;padding:0 12px;border:1px solid var(--border);border-radius:8px;display:inline-flex;align-items:center;gap:8px;background:#fff;font-size:13px;color:#475467}.va-credits-pill .va-credits-time{display:inline-flex;align-items:center;gap:4px;color:#475467}.va-credits-pill .va-credits-time::before{content:'';display:inline-block;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#B692F6 0 35%,transparent 40%),conic-gradient(from -90deg,#6941C6 0 30%,#E9D7FE 30% 100%)}.va-credits-pill .va-credits-divider{width:1px;height:14px;background:var(--border)}.va-credits-pill .va-credits-buy{color:var(--brand-blue);font-weight:600;cursor:pointer}.va-credits-pill .va-credits-buy:hover{text-decoration:underline}.va-btn-primary{height:32px;padding:0 14px 0 12px;background:var(--brand-blue);border:1px solid var(--brand-blue);color:#fff;border-radius:8px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-family:inherit}.va-btn-primary:hover{background:var(--brand-blue-strong);border-color:var(--brand-blue-strong)}.va-quota{position:relative;display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:8px;background:#FBFAFF;border:1px solid #E4E0F4;font-family:inherit;gap:8px;white-space:nowrap}.va-quota-divider{display:inline-block;width:1px;height:14px;background:#E4E0F4;margin:0 2px}.va-quota-spark{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px}.va-quota-spark svg{width:18px;height:18px;display:block;overflow:visible}.va-quota-left{display:inline-flex;align-items:center;gap:3px;font-size:13px;font-weight:500;line-height:1;color:#475467}.va-quota-num{color:#101828;font-weight:600;font-variant-numeric:tabular-nums}.va-quota-unit{color:#667085;font-weight:500}button.va-quota-buy{display:inline-flex;align-items:center;height:22px;padding:0;border:0;background:transparent;color:#004CE6;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;line-height:1}button.va-quota-buy:hover{text-decoration:underline;text-underline-offset:2px}.va-create{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px 0 12px;border:0;border-radius:8px;background:#004CE6;color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,0.08);white-space:nowrap;transition:background-color .14s ease}
.va-create.is-loading{pointer-events:none;background:#003EBA}
.cl-dur-chip{display:inline-flex;align-items:center;height:22px;padding:0 8px;border:1px solid #E4E7EC;border-radius:6px;background:#F9FAFB;color:#344054;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";line-height:1;white-space:nowrap}
.cv-col-duration{width:200px;min-width:200px}
.cv-col-traits{width:300px;min-width:300px}
.cv-col-customer{width:320px;min-width:320px}
.cv-col-contact{width:240px;min-width:240px}
.cv-col-agent{width:340px;min-width:340px}
.cv-col-status{width:210px;min-width:210px}
.cv-col-disp{width:250px;min-width:250px}
.cv-col-date{width:240px;min-width:240px}
table.ct-table[data-table="calllogs"]{table-layout:fixed;width:max-content;min-width:100%}
table.ct-table[data-table="calllogs"] tbody td,
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:#101828 !important}
table.cv-cl-table th,table.cv-cl-table td{padding-left:14px;padding-right:14px}
body.credits-low .credits-btn{background:#FEF6E7;color:#B54708}
body.credits-low .credits-btn .credits-icon{color:#B54708}
body.credits-low .credits-val{color:#B54708;font-weight:600}
body.credits-zero .credits-btn{background:#FEF3F2;color:#B42318}
body.credits-zero .credits-btn .credits-icon{color:#B42318}
body.credits-zero .credits-val{color:#B42318;font-weight:600}
body.credits-low .credits-balance-value{color:#B54708}
body.credits-zero .credits-balance-value{color:#B42318}
.va-create-plus{display:inline-flex;align-items:center;justify-content:center;line-height:0}
.va-create-plus svg{display:block}
.va-create > span{display:inline-flex;align-items:center}
.va-create > .va-create-spin{display:none}
.va-create.is-loading > .va-create-plus{display:none}
.va-create.is-loading > .va-create-spin{display:inline-flex}
.va-create-spin{width:14px;height:14px;border-radius:50%;border:1.8px solid rgba(255,255,255,0.35);border-top-color:#fff;animation:va-spin .7s linear infinite;flex:none}
.va-create.is-loading .va-create-spin{display:inline-block}
@keyframes va-spin{to{transform:rotate(360deg)}}
.vc-stage[data-for="built"]{opacity:0;transform:translateY(6px);transition:opacity .42s ease,transform .42s cubic-bezier(.16,1,.3,1)}
.vc-stage[data-for="built"].is-ready{opacity:1;transform:none}
.vc-build-finishing .vc-build-title{opacity:.7}
.vc-build-finishing .vc-build-orb{filter:saturate(.85)}
.va-panel.va-mode-create .va-create-view{opacity:0;transform:translateY(10px);transition:opacity .42s ease,transform .42s cubic-bezier(.16,1,.3,1)}
.va-panel.va-mode-create.is-create-ready .va-create-view{opacity:1;transform:none}
.va-panel.va-mode-create .vc-stage[data-for="prompt"] .vc-hero,
.va-panel.va-mode-create .vc-stage[data-for="prompt"] .vc-prompt-card{opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s cubic-bezier(.16,1,.3,1)}
.va-panel.va-mode-create .vc-stage[data-for="prompt"] .vc-prompt-card{transition-delay:.08s}
.va-panel.va-mode-create.is-create-ready .vc-stage[data-for="prompt"] .vc-hero,
.va-panel.va-mode-create.is-create-ready .vc-stage[data-for="prompt"] .vc-prompt-card{opacity:1;transform:none}.va-create:hover{background:#003EBA}.va-panel{position:relative}.va-panel .va-list-view{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.va-panel .va-create-view{display:none;flex-direction:column;flex:1 1 auto;min-height:0;background:#fff}.va-panel.va-mode-create .va-list-view{display:none}.va-panel.va-mode-create .va-create-view{display:flex}.va-create-view .vc-stage{display:none;flex:1 1 auto;min-height:0;flex-direction:column}.va-create-view[data-stage="prompt"] .vc-stage[data-for="prompt"]{display:flex}.va-create-view[data-stage="building"] .vc-stage[data-for="building"]{display:flex}.va-create-view[data-stage="built"] .vc-stage[data-for="built"]{display:flex}.va-create-view:not([data-stage]) .vc-stage[data-for="prompt"]{display:flex}

/* Deploy modal */
.va-panel{position:relative}
.vc-deploy-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(16,24,40,0.08);z-index:99999;opacity:0;pointer-events:none;transition:opacity .32s cubic-bezier(.4,0,.2,1)}
.vc-deploy-overlay[aria-hidden="false"]{display:flex;opacity:1;pointer-events:auto}
.vc-deploy-modal{width:min(360px,calc(100% - 48px));background:#fff;border-radius:16px;padding:32px 28px 28px;text-align:center;font-family:'Inter',sans-serif;box-shadow:0 1px 3px rgba(16,24,40,0.06),0 20px 50px -12px rgba(16,24,40,0.22),0 8px 24px -8px rgba(16,24,40,0.12);transform:translateY(20px) scale(.94);opacity:0;transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .28s ease}
.vc-deploy-overlay[aria-hidden="false"] .vc-deploy-modal{transform:translateY(0) scale(1);opacity:1}
.vc-deploy-stage{position:relative;width:96px;height:96px;margin:0 auto 20px}
.vc-deploy-orb{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .3s ease,transform .4s cubic-bezier(0.2,0.8,0.2,1)}
.vc-deploy-overlay.success .vc-deploy-orb{opacity:0;transform:scale(0.6)}
.vdo-core{position:relative;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#A78BFF 0%,#7C5CFF 55%,#5B3FE0 100%);display:grid;place-items:center;box-shadow:0 6px 18px -4px rgba(124,92,255,0.5),inset 0 -4px 8px rgba(91,63,224,0.4),inset 0 4px 8px rgba(255,255,255,0.25);animation:vdoBreath 2.4s ease-in-out infinite}
@keyframes vdoBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.vdo-core svg{filter:drop-shadow(0 0 4px rgba(255,255,255,0.6));animation:vdoSparkle 2s ease-in-out infinite}
@keyframes vdoSparkle{0%,100%{opacity:.85;transform:rotate(0deg) scale(1)}50%{opacity:1;transform:rotate(180deg) scale(1.12)}}
.vdo-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:1.5px solid #C9BFFF;opacity:0;transform:translate(-50%,-50%) scale(0.5);animation:vdoRing 2.4s ease-out infinite}
.vdo-r1{width:72px;height:72px;animation-delay:0s}
.vdo-r2{width:96px;height:96px;animation-delay:.6s}
@keyframes vdoRing{0%{opacity:.55;transform:translate(-50%,-50%) scale(0.4)}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}
.vc-deploy-success{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.5);opacity:0;transition:opacity .3s ease,transform .45s cubic-bezier(0.34,1.56,0.64,1)}
.vc-deploy-overlay.success .vc-deploy-success{opacity:1;transform:translate(-50%,-50%) scale(1)}
.vds-circle{stroke-dasharray:152;stroke-dashoffset:152}
.vc-deploy-overlay.success .vds-circle{animation:vdsCircleDraw .5s ease-out forwards}
@keyframes vdsCircleDraw{to{stroke-dashoffset:0}}
.vds-tick{stroke-dasharray:42;stroke-dashoffset:42}
.vc-deploy-overlay.success .vds-tick{animation:vdsTickDraw .3s cubic-bezier(0.2,0.8,0.2,1) .3s forwards}
@keyframes vdsTickDraw{to{stroke-dashoffset:0}}
.vc-deploy-title{font:600 18px/1.35 'Inter',sans-serif;color:#101828;letter-spacing:-0.01em;margin:0 0 6px;transition:color .3s ease}
.vc-deploy-overlay.success .vc-deploy-title{color:#067647}
.vc-deploy-sub{font:400 13px/1.5 'Inter',sans-serif;color:#667085;margin:0}.vc-building-wrap{flex:1 1 auto;display:grid;place-items:center;background:linear-gradient(180deg,#FAFBFF 0%,#FFFFFF 60%);padding:40px 24px;overflow:auto}.vc-building{width:100%;max-width:560px;text-align:center}.vc-build-orb{width:96px;height:96px;margin:0 auto 24px;border-radius:50%;position:relative;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.9),rgba(255,255,255,0) 50%),conic-gradient(from var(--vc-orb-angle,0deg),#7C5CFF,#5AC8FA,#7C5CFF);box-shadow:0 12px 32px -10px rgba(124,92,255,0.45),0 0 0 1px rgba(124,92,255,0.18),inset 0 0 24px rgba(255,255,255,0.4);animation:vcOrbSpin 3.6s linear infinite}@property --vc-orb-angle{syntax:'<angle>';inherits:false;initial-value:0deg}@keyframes vcOrbSpin{to{--vc-orb-angle:360deg}}.vc-build-orb::after{content:"";position:absolute;inset:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#F4F0FF 55%,#E8E4FF 100%);box-shadow:inset 0 -6px 14px rgba(124,92,255,0.18)}.vc-build-orb::before{content:"";position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,0.20),rgba(124,92,255,0) 65%);animation:vcOrbPulse 2.4s ease-in-out infinite}@keyframes vcOrbPulse{0%,100%{transform:scale(1);opacity:0.55}50%{transform:scale(1.18);opacity:0.95}}.vc-build-title{font:600 22px/1.25 'Inter',sans-serif;color:#101828;margin:0 0 6px;letter-spacing:-0.01em}.vc-build-sub{font:400 14px/1.5 'Inter',sans-serif;color:#667085;margin:0 0 28px}.vc-build-steps{list-style:none;margin:0 auto;padding:0;text-align:left;max-width:360px;display:flex;flex-direction:column;gap:10px}.vc-build-step{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fff;border:1px solid #EAECF0;border-radius:10px;font:500 14px/1 'Inter',sans-serif;color:#475467;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s cubic-bezier(0.2,0.8,0.2,1),border-color .25s ease,color .25s ease,background .25s ease}.vc-build-steps.revealing .vc-build-step{animation:vcStepIn .45s cubic-bezier(0.2,0.8,0.2,1) forwards}.vc-build-steps.revealing .vc-build-step:nth-child(1){animation-delay:.05s}.vc-build-steps.revealing .vc-build-step:nth-child(2){animation-delay:.2s}.vc-build-steps.revealing .vc-build-step:nth-child(3){animation-delay:.35s}.vc-build-steps.revealing .vc-build-step:nth-child(4){animation-delay:.5s}@keyframes vcStepIn{to{opacity:1;transform:translateY(0)}}.vc-build-step[data-state="idle"]{opacity:.5}.vc-build-step[data-state="active"]{opacity:1;border-color:#C9BFFF;background:#FBFAFF;color:#101828}.vc-build-step[data-state="done"]{opacity:.7;color:#475467;animation:vcDonePulse .6s ease-out}@keyframes vcDonePulse{0%{background:#ECFDF3;border-color:#A6F4C5}60%{background:#F6FEF9;border-color:#D1FADF}100%{background:#fff;border-color:#EAECF0}}.vc-build-step .vbs-ic{width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#F2F4F7;display:grid;place-items:center;color:#98A2B3;transition:background .25s ease,color .25s ease}.vc-build-step[data-state="active"] .vbs-ic{background:#EFEAFF;color:#7C5CFF}.vc-build-step[data-state="active"] .vbs-ic .vbs-spin{animation:vcSpin 1s linear infinite}.vc-build-step[data-state="done"] .vbs-ic{background:#E8F5EE;color:#3C9870}.vc-build-step .vbs-tick,.vc-build-step .vbs-spin,.vc-build-step .vbs-dot{display:none}.vc-build-step[data-state="idle"] .vbs-dot{display:block}.vc-build-step[data-state="active"] .vbs-spin{display:block}.vc-build-step[data-state="done"] .vbs-tick{display:block}.vc-build-step[data-state="done"] .vbs-tick polyline{stroke-dasharray:24;stroke-dashoffset:24;animation:vcTickDraw .42s cubic-bezier(0.2,0.8,0.2,1) .05s forwards}@keyframes vcTickDraw{to{stroke-dashoffset:0}}@keyframes vcSpin{to{transform:rotate(360deg)}}.vc-built-wrap{flex:1 1 auto;overflow:auto;background:linear-gradient(180deg,#FAFBFF 0%,#FFFFFF 240px)}.vc-built{max-width:920px;margin:0 auto;padding:32px 32px 56px}.vc-built-eyebrow{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;background:#ECFDF3;color:#067647;border-radius:999px;font:600 11px/1 'Inter',sans-serif;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:14px}.vc-built-eyebrow svg{width:12px;height:12px}.vc-built-h1{font:600 26px/1.2 'Inter',sans-serif;color:#101828;letter-spacing:-0.015em;margin:0 0 8px}.vc-built-sub{font:400 14px/1.55 'Inter',sans-serif;color:#667085;margin:0 0 24px;max-width:620px}.vc-card{background:#fff;border:1px solid #EAECF0;border-radius:14px;box-shadow:0 2px 6px rgba(16,24,40,0.04);overflow:hidden;margin-bottom:16px}.vc-card-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #F2F4F7}.vc-card-head .vc-card-ic{width:28px;height:28px;border-radius:8px;background:#F4F0FF;color:#7C5CFF;display:grid;place-items:center}.vc-card-head h4{margin:0;font:600 14px/1 'Inter',sans-serif;color:#101828}.vc-card-head .vc-card-edit{margin-left:auto;font:500 13px/1 'Inter',sans-serif;color:#475467;background:transparent;border:1px solid transparent;height:28px;padding:0 10px;border-radius:7px;cursor:pointer;transition:background 120ms ease,color 120ms ease}.vc-card-head .vc-card-edit:hover{background:#F2F4F7;color:#101828}.vc-card-body{padding:16px 18px 18px}.vc-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.vc-field:last-child{margin-bottom:0}.vc-field label{font:500 12px/1 'Inter',sans-serif;color:#667085;text-transform:uppercase;letter-spacing:0.04em}.vc-field input[type="text"],.vc-field textarea{font:400 14px/1.5 'Inter',sans-serif;color:#101828;border:1px solid #EAECF0;border-radius:8px;padding:10px 12px;background:#fff;resize:vertical;transition:border-color 120ms ease,box-shadow 120ms ease}.vc-field input[type="text"]:focus,.vc-field textarea:focus{outline:none;border-color:#B2CCFF;box-shadow:0 0 0 4px #EFF4FF}.vc-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:720px){.vc-grid-2{grid-template-columns:1fr}}.vc-voice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.vc-voice-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1.5px solid #EAECF0;border-radius:10px;cursor:pointer;text-align:left;transition:border-color 120ms ease,background 120ms ease,box-shadow 120ms ease;font-family:inherit}.vc-voice-card:hover{border-color:#D0D5DD}.vc-voice-card.active{border-color:#7C5CFF;background:#FBFAFF;box-shadow:0 0 0 3px rgba(124,92,255,0.10)}.vc-voice-av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#7C5CFF,#5AC8FA);color:#fff;display:grid;place-items:center;font:600 12px/1 'Inter',sans-serif;flex:0 0 32px}.vc-voice-av.v2{background:linear-gradient(135deg,#F472B6,#FB923C)}.vc-voice-av.v3{background:linear-gradient(135deg,#34D399,#22D3EE)}.vc-voice-av.v4{background:linear-gradient(135deg,#FBBF24,#F87171)}.vc-voice-meta{display:flex;flex-direction:column;min-width:0}.vc-voice-name{font:600 13px/1.2 'Inter',sans-serif;color:#101828}.vc-voice-tag{font:400 12px/1.2 'Inter',sans-serif;color:#667085;margin-top:2px}.vc-voice-play{margin-left:auto;width:26px;height:26px;border-radius:50%;background:#F2F4F7;color:#475467;display:grid;place-items:center;border:none;cursor:pointer;transition:background 120ms ease,color 120ms ease}.vc-voice-play:hover{background:#EFEAFF;color:#7C5CFF}.vc-tool-list{display:flex;flex-direction:column;gap:8px}.vc-tool-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#FCFCFD;border:1px solid #F2F4F7;border-radius:10px}.vc-tool-ic{width:32px;height:32px;border-radius:8px;background:#fff;border:1px solid #EAECF0;color:#475467;display:grid;place-items:center;flex:0 0 32px}.vc-tool-meta{flex:1 1 auto;min-width:0}.vc-tool-name{font:600 13px/1.3 'Inter',sans-serif;color:#101828}.vc-tool-desc{font:400 12px/1.4 'Inter',sans-serif;color:#667085;margin-top:2px}.vc-tool-toggle{position:relative;width:32px;height:18px;background:#D0D5DD;border-radius:999px;border:none;cursor:pointer;flex:0 0 32px;transition:background 160ms ease}.vc-tool-toggle::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,0.18);transition:left 160ms ease}.vc-tool-toggle[aria-pressed="true"]{background:#7C5CFF}.vc-tool-toggle[aria-pressed="true"]::after{left:16px}.vc-built-actions{position:sticky;bottom:0;margin:24px -32px -32px;padding:14px 32px;background:rgba(255,255,255,0.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid #EAECF0;display:flex;align-items:center;gap:10px}.vc-built-actions .vc-action-spacer{flex:1 1 auto}.vc-action-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:8px;font:500 13px/1 'Inter',sans-serif;cursor:pointer;border:1px solid transparent;background:transparent;transition:background 120ms ease,color 120ms ease,border-color 120ms ease,box-shadow 120ms ease}.vc-action-btn.ghost{color:#475467;border-color:#D0D5DD;background:#fff}.vc-action-btn.ghost:hover{background:#F9FAFB;color:#101828}.vc-action-btn.test{color:#7C5CFF;border-color:#D6CCFF;background:#fff}.vc-action-btn.test:hover{background:#FBFAFF}.vc-action-btn.primary{color:#fff;background:#004CE6;box-shadow:0 1px 2px rgba(0,76,230,0.20)}.vc-action-btn.primary:hover{background:#003BB3}.vc-setup{display:flex;flex:1 1 auto;min-height:0;background:#fff}.vc-setup-rail{width:288px;flex:0 0 288px;border-right:1px solid #EAECF0;background:#FCFCFD;display:flex;flex-direction:column;padding:20px 18px;gap:18px;overflow-y:auto}.vc-rail-name{display:flex;align-items:center;gap:6px;font:600 14px/1.3 'Inter',sans-serif;color:#101828;margin-bottom:4px}.vc-rail-name button{background:transparent;border:none;cursor:pointer;color:#98A2B3;padding:4px;border-radius:6px;display:inline-flex;transition:background 120ms ease,color 120ms ease}.vc-rail-name button:hover{background:#F2F4F7;color:#475467}.vc-rail-field{display:flex;flex-direction:column;gap:6px}.vc-rail-label{display:inline-flex;align-items:center;gap:4px;font:600 13px/1 'Inter',sans-serif;color:#344054}.vc-rail-label .vc-info{width:14px;height:14px;color:#98A2B3;display:inline-flex}.vc-rail-select{display:flex;align-items:center;gap:8px;height:38px;padding:0 10px;background:#fff;border:1px solid #EAECF0;border-radius:8px;cursor:pointer;transition:border-color 120ms ease,box-shadow 120ms ease;font:500 13px/1 'Inter',sans-serif;color:#101828;text-align:left}.vc-rail-select:hover{border-color:#D0D5DD}.vc-rail-select .vc-rail-flag{width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#D6E0FF 0%,#B3C5FF 100%);flex:0 0 18px}.vc-rail-select .vc-rail-text{flex:1 1 auto;min-width:0}.vc-rail-select .vc-rail-chev{color:#98A2B3;flex:0 0 12px;display:inline-flex}.vc-rail-voice{display:flex;align-items:center;gap:8px}.vc-rail-voice .vc-rail-select{flex:1 1 auto}.vc-rail-voice .vc-rail-cog{width:38px;height:38px;flex:0 0 38px;border-radius:8px;border:1px solid #EAECF0;background:#fff;color:#475467;cursor:pointer;display:grid;place-items:center;transition:background 120ms ease,color 120ms ease}.vc-rail-voice .vc-rail-cog:hover{background:#F2F4F7;color:#101828}.vc-rail-voice-av{width:22px;height:22px;border-radius:50%;flex:0 0 22px;background:linear-gradient(135deg,#7C5CFF,#5AC8FA);color:#fff;display:grid;place-items:center;font:600 10px/1 'Inter',sans-serif}.vc-rail-vars-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;width:100%;background:#fff;border:1px solid #B2CCFF;color:#004CE6;border-radius:8px;font:500 13px/1 'Inter',sans-serif;cursor:pointer;transition:background 120ms ease,border-color 120ms ease}.vc-rail-vars-btn:hover{background:#EFF4FF}.vc-rail-vars-help{display:inline-flex;align-items:center;gap:6px;font:400 12px/1.4 'Inter',sans-serif;color:#667085;margin-top:6px}.vc-rail-spacer{flex:1 1 auto}.vc-rail-help{padding:0;background:transparent;border:0;font-family:'Inter',sans-serif}.vc-rail-help-title{font:500 12px/1.4 'Inter',sans-serif;color:#667085;margin-bottom:4px}.vc-rail-help-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.vc-rail-help-sep{color:#D0D5DD;font-size:12px}.vc-rail-help-link{display:inline-flex;align-items:center;font:500 12px/1 'Inter',sans-serif;color:#004CE6;background:transparent;border:none;cursor:pointer;padding:0;height:auto}.vc-rail-help-link:hover{text-decoration:underline;text-underline-offset:2px}.vc-setup-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;background:#fff}.vc-setup-tabs{display:flex;align-items:center;gap:4px;padding:14px 24px 14px;border-bottom:1px solid #EAECF0;background:#fff;flex:0 0 auto;overflow-x:auto}.vc-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 8px 8px 6px;background:transparent;border:none;border-radius:8px;color:#667085;font:500 13px/1 'Inter',sans-serif;cursor:pointer;transition:color 120ms ease,background 120ms ease;white-space:nowrap}.vc-tab:hover{color:#101828;background:#F9FAFB}.vc-tab.active{color:#101828;font-weight:600}.vc-tab .vc-tab-num{width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#fff;border:1.5px solid #D0D5DD;color:#667085;font:600 11px/1 'Inter',sans-serif;display:grid;place-items:center;transition:background 120ms ease,color 120ms ease,border-color 120ms ease}.vc-tab.active .vc-tab-num{background:#004CE6;border-color:#004CE6;color:#fff;box-shadow:0 0 0 4px rgba(0,76,230,0.10)}.vc-tab.done .vc-tab-num{background:#ECFDF3;border-color:#ABEFC6;color:#039855}.vc-tab.done .vc-tab-num .vc-tab-num-n{display:none}.vc-tab.done .vc-tab-num .vc-tab-num-tk{display:inline-flex}.vc-tab .vc-tab-num .vc-tab-num-tk{display:none}.vc-tab-sep{width:14px;height:14px;color:#D0D5DD;flex:0 0 14px;display:inline-flex;align-items:center;justify-content:center;margin:0 2px}.vc-tab-sep:last-child{display:none}.vc-setup-cta{margin-left:auto;display:inline-flex;align-items:center;gap:10px;padding-left:16px;flex:0 0 auto}.vc-setup-cta-saved{display:inline-flex;align-items:center;gap:4px;font:500 12px/1 'Inter',sans-serif;color:#667085}.vc-setup-cta-saved svg{color:#98A2B3}.vc-setup-cta-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:#004CE6;color:#fff;border:none;border-radius:8px;font:600 13px/1 'Inter',sans-serif;cursor:pointer;transition:background 120ms ease,box-shadow 120ms ease;box-shadow:0 1px 2px rgba(0,76,230,0.20);white-space:nowrap}.vc-setup-cta-btn:hover{background:#003BB3}.vc-setup-scroll{flex:1 1 auto;overflow-y:auto;background:#fff}.vc-setup-pane{display:none;padding:28px 32px 80px;max-width:920px}.vc-setup-pane.active{display:block}.vc-section{display:flex;gap:16px;align-items:flex-start}.vc-section + .vc-section{margin-top:32px;padding-top:24px;border-top:1px solid #F2F4F7}.vc-section-ic{width:32px;height:32px;border-radius:8px;background:#F4F0FF;color:#7C5CFF;flex:0 0 32px;display:grid;place-items:center}.vc-section-body{flex:1 1 auto;min-width:0}.vc-section-title{font:600 16px/1.3 'Inter',sans-serif;color:#101828;margin:0}.vc-section-sub{font:400 13px/1.5 'Inter',sans-serif;color:#667085;margin:4px 0 16px}.vc-fg{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.vc-fg:last-child{margin-bottom:0}.vc-fg-label{display:inline-flex;align-items:center;gap:4px;font:600 13px/1 'Inter',sans-serif;color:#344054}.vc-fg-label .vc-fg-opt{color:#98A2B3;font-weight:400}.vc-fg-label .vc-info{color:#98A2B3;display:inline-flex}.vc-fg textarea,.vc-fg input[type="text"]{width:100%;border:1px solid #EAECF0;border-radius:8px;padding:10px 12px;background:#fff;font:400 13px/1.55 'Inter',sans-serif;color:#101828;resize:vertical;transition:border-color 120ms ease,box-shadow 120ms ease;font-family:inherit}.vc-fg textarea:focus,.vc-fg input[type="text"]:focus{outline:none;border-color:#B2CCFF;box-shadow:0 0 0 4px #EFF4FF}.vc-fg textarea{min-height:96px;position:relative}.vc-fg-wrap{position:relative}.vc-fg-vars{position:absolute;right:8px;bottom:8px;width:28px;height:28px;background:#fff;border:1px solid #EAECF0;border-radius:7px;color:#667085;cursor:pointer;display:grid;place-items:center;font:500 12px/1 'Inter',sans-serif;transition:background 120ms ease,color 120ms ease}.vc-fg-vars:hover{background:#F2F4F7;color:#101828}.vc-pane-empty{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:24px 0}.vc-pane-empty h3{font:600 16px/1.3 'Inter',sans-serif;color:#101828;margin:0}.vc-pane-empty p{font:400 13px/1.55 'Inter',sans-serif;color:#667085;margin:0;max-width:480px}.vc-head{display:none}.topbar .pt-crumb{display:inline-flex;align-items:center;gap:10px;font-family:'Inter',sans-serif}.topbar .pt-crumb-back{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 0 0 8px;background:transparent;border:1px solid transparent;border-radius:7px;color:#475467;font:500 16px/1 'Inter',sans-serif;cursor:pointer;transition:background 120ms ease,color 120ms ease,border-color 120ms ease;margin-left:-8px}.topbar .pt-crumb-back:hover{background:transparent;color:#004CE6}.topbar .pt-crumb-sep{color:#D0D5DD;font-size:16px;font-weight:400}.topbar .pt-crumb-now{color:#101828;font-weight:600;font-size:16px;line-height:1}.vc-scroll{flex:1 1 auto;overflow:auto;background:linear-gradient(180deg,#FAFBFF 0%,#FFFFFF 280px)}.vc-inner{max-width:920px;margin:0 auto;padding:40px 32px 56px}.vc-hero{text-align:center}.vc-hero-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;background:#fff;border:1px solid #EAECF0;border-radius:999px;font:500 11.5px/1 'Inter',sans-serif;color:#5925DC;letter-spacing:0.02em;text-transform:uppercase;box-shadow:0 1px 2px rgba(16,24,40,0.04)}.vc-hero-spark{width:14px;height:14px;display:inline-grid;place-items:center}.vc-hero-spark svg{width:14px;height:14px;display:block;animation:vcSparkSpin 14s linear infinite}@keyframes vcSparkSpin{to{transform:rotate(360deg)}}.vc-hero-h1{margin:16px 0 10px;font:600 28px/1.2 'Inter',sans-serif;letter-spacing:-0.015em;color:#101828}.vc-hero-sub{margin:0 auto;max-width:560px;font:400 14px/1.55 'Inter',sans-serif;color:#667085}.vc-composer{margin:28px 0 0;background:#fff;border:1.5px solid #EAECF0;border-radius:14px;box-shadow:0 8px 24px -8px rgba(16,24,40,0.08),0 2px 6px rgba(16,24,40,0.04);padding:14px 14px 12px;text-align:left;transition:border-color 160ms ease,box-shadow 160ms ease;position:relative;isolation:isolate}.vc-composer::before{content:"";position:absolute;inset:-1.5px;border-radius:inherit;padding:1.5px;background:conic-gradient( from var(--vc-stroke-angle,0deg),rgba(124,92,255,0) 0%,rgba(124,92,255,0.35) 8%,rgba(160,130,255,0.85) 18%,rgba(124,92,255,1) 28%,rgba(140,170,255,0.9) 38%,rgba(90,200,250,0.85) 48%,rgba(124,92,255,0.4) 60%,rgba(124,92,255,0) 75%,rgba(124,92,255,0) 100% );-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0.6;pointer-events:none;z-index:-1;animation:vcStrokeSpin 10s linear infinite;transition:opacity 360ms ease}.vc-composer:focus-within::before{opacity:1;animation-duration:7s}@property --vc-stroke-angle{syntax:'<angle>';inherits:false;initial-value:0deg}@keyframes vcStrokeSpin{to{--vc-stroke-angle:360deg}}@supports not (background:conic-gradient(from 1deg,red,red)){.vc-composer::before{animation:none}}.vc-composer:focus-within{border-color:transparent;box-shadow:0 8px 24px -8px rgba(0,76,230,0.18),0 0 0 4px #EFF4FF}.vc-composer-input{width:100%;border:0;outline:0;resize:none;background:transparent;font:400 14.5px/1.55 'Inter',sans-serif;color:#101828;padding:6px 4px 4px;min-height:64px}.vc-composer-input::placeholder{color:#98A2B3}.vc-composer-foot{display:flex;align-items:center;gap:10px;padding-top:8px;border-top:1px solid #F2F4F7;margin-top:6px}.vc-chips{display:flex;gap:6px;flex:1 1 auto;overflow-x:auto;scrollbar-width:none}.vc-chips::-webkit-scrollbar{display:none}.vc-chip{flex:0 0 auto;height:26px;padding:0 10px;background:#F9FAFB;border:1px solid #EAECF0;border-radius:999px;font:500 12px/1 'Inter',sans-serif;color:#475467;cursor:pointer;transition:background 120ms ease,color 120ms ease,border-color 120ms ease;white-space:nowrap}.vc-chip:hover{background:#fff;color:#101828;border-color:#D0D5DD}.vc-actions{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.vc-mic{width:30px;height:30px;display:inline-grid;place-items:center;background:#fff;border:1px solid #EAECF0;border-radius:8px;color:#667085;cursor:pointer;transition:background 120ms ease,color 120ms ease,border-color 120ms ease}.vc-mic:hover{background:#F9FAFB;color:#344054;border-color:#D0D5DD}.vc-send{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#004CE6;color:#fff;border:0;border-radius:8px;font:600 12.5px/1 'Inter',sans-serif;cursor:pointer;transition:background 120ms ease,opacity 120ms ease}.vc-send:hover{background:#003EBA}.vc-send:disabled{background:#D0D5DD;cursor:not-allowed;opacity:0.85}.vc-send svg{width:13px;height:13px;display:block}.vc-divider{display:flex;align-items:center;gap:14px;margin:36px 0 24px;color:#98A2B3;font:500 12px/1 'Inter',sans-serif;letter-spacing:0.02em;text-transform:uppercase}.vc-divider::before,.vc-divider::after{content:"";flex:1 1 auto;height:1px;background:#EAECF0}.vc-tpl-head{display:flex;align-items:flex-end;gap:16px;margin-bottom:14px}.vc-tpl-title{margin:0 0 2px;font:600 17px/1.2 'Inter',sans-serif;color:#101828}.vc-tpl-sub{font:400 13px/1 'Inter',sans-serif;color:#667085}.vc-tpl-search{margin-left:auto;position:relative;width:240px}.vc-tpl-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#98A2B3}.vc-tpl-search input{width:100%;height:32px;padding:0 12px 0 32px;background:#fff;border:1px solid #EAECF0;border-radius:8px;font:400 13px/1 'Inter',sans-serif;color:#101828;outline:0;transition:border-color 120ms ease,box-shadow 120ms ease}.vc-tpl-search input::placeholder{color:#98A2B3}.vc-tpl-search input:focus{border-color:#B2CCFF;box-shadow:0 0 0 3px #EFF4FF}.vc-tpl-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.vc-tpl-filter{height:28px;padding:0 12px;background:#fff;border:1px solid #EAECF0;border-radius:999px;font:500 12.5px/1 'Inter',sans-serif;color:#475467;cursor:pointer;transition:background 120ms ease,color 120ms ease,border-color 120ms ease}.vc-tpl-filter:hover{background:#F9FAFB;color:#101828;border-color:#D0D5DD}.vc-tpl-filter.active{background:#101828;color:#fff;border-color:#101828}.vc-tpl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width:1180px){.vc-tpl-grid{grid-template-columns:repeat(3,1fr)}}.vc-tpl-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border:1px solid #EAECF0;border-radius:12px;text-align:left;cursor:pointer;transition:border-color 140ms ease,box-shadow 140ms ease,transform 140ms ease;font-family:inherit}.vc-tpl-card:hover{border-color:#B2CCFF;box-shadow:0 4px 12px -2px rgba(0,76,230,0.10),0 2px 4px rgba(16,24,40,0.04);transform:translateY(-1px)}.vc-tpl-icon{width:36px;height:36px;flex:0 0 36px;border-radius:9px;display:inline-grid;place-items:center}.vc-tpl-icon svg{display:block}.vc-tpl-icon-blank{background:#F9FAFB;color:#475467;border:1px dashed #D0D5DD}.vc-tpl-blank{background:#FAFBFC}.vc-tpl-blank:hover{background:#fff}.vc-tpl-body{flex:1 1 auto;min-width:0}.vc-tpl-name{font:600 13.5px/1.3 'Inter',sans-serif;color:#101828;margin-bottom:4px}.vc-tpl-desc{font:400 12.5px/1.5 'Inter',sans-serif;color:#667085;margin-bottom:8px}.vc-tpl-tags{display:flex;gap:6px;flex-wrap:wrap}.vc-tpl-tag{display:inline-flex;align-items:center;height:20px;padding:0 8px;background:#F2F4F7;color:#475467;border-radius:999px;font:500 11px/1 'Inter',sans-serif}.vc-tpl-empty{text-align:center;padding:48px 24px;color:#667085}.vc-tpl-empty-title{font:600 14px/1.3 'Inter',sans-serif;color:#344054;margin-bottom:4px}.vc-tpl-empty-sub{font:400 13px/1.5 'Inter',sans-serif}.va-table-wrap{flex:1 1 auto;overflow:auto;background:#fff}.va-table{width:100%;min-width:1100px}.va-table tbody td{color:#475467;font-size:14px;font-weight:400}.va-table tbody td.va-pn-cell{color:#475467}.va-table .va-col-name{width:36%;min-width:280px;padding-left:24px}
.va-name-th{display:inline-flex;align-items:center;gap:24px}
.va-table .va-name-cell{padding-left:24px}
.va-row-cb-wrap{flex:0 0 auto}.va-table .va-col-aa{width:30%;min-width:220px}.va-table .va-col-num{width:22%;min-width:200px}.va-table .va-col-status{width:96px}.va-table{min-width:1000px}.va-table tbody tr{height:48px}.va-actions-icons{display:inline-flex;align-items:center;gap:2px;vertical-align:middle}.va-action-ic{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:#667085;display:inline-grid;place-items:center;cursor:pointer;transition:background .14s ease,color .14s ease}.va-action-ic:hover{background:#F2F4F7;color:#344054}.va-action-ic svg{width:16px;height:16px;display:block}tr.va-inactive .va-action-ic{color:#98A2B3}.va-table td.va-name-cell{position:relative;color:#101828;font-size:14px;font-weight:500}.va-name-row{display:flex;align-items:center;gap:12px;position:relative}
.va-name-row .va-row-cb-wrap{margin-right:12px}.va-name{color:#101828;font:500 14px/1.2 'Inter',sans-serif;display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.va-name-link{background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:left;max-width:100%;text-decoration:none;transition:color 120ms ease;color:#101828;font:500 14px/1.2 'Inter',sans-serif}button.va-name-link:hover{color:#101828}
.va-name-link__no_underline_hover{color:#101828}button.va-name-link:focus-visible{outline:2px solid #B2CCFF;outline-offset:2px;border-radius:3px}tr.va-inactive button.va-name-link:hover{color:#344054}.va-ic{flex:0 0 auto;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;margin-right:0}.va-ic svg{width:14px;height:14px}tr.va-inactive .va-ic{opacity:.55;filter:grayscale(.4)}.va-aa{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;overflow:hidden}.va-tag-ic{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:6px;border:1px solid #EAECF0;color:#475467;background:#fff;flex:0 0 auto}.va-tag-ic svg{width:14px;height:14px}.va-aa{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap}.va-tag-more{display:inline-grid;place-items:center;height:26px;padding:0 8px;border-radius:6px;border:1px solid #EAECF0;background:#fff;color:#667085;font:500 12px/1 'Inter',sans-serif;flex:0 0 auto}tr.va-inactive .va-tag{opacity:.7}.mp-form{display:flex;flex-direction:column;gap:20px;margin:8px auto 0;max-width:768px;width:100%}.mp-row-name{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}.mp-avatar-wrap{position:relative;width:64px;height:64px;margin-top:0}.mp-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;background:#E0E7FF;border:1px solid #EAECF0;display:grid;place-items:center}.mp-avatar-ini{font:600 22px/1 'Inter',sans-serif;color:#3F4A66;letter-spacing:.5px}.mp-avatar-edit{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:#FFFFFF;border:1px solid #EAECF0;color:#475467;display:grid;place-items:center;cursor:pointer;box-shadow:0 1px 2px rgba(16,24,40,.08);padding:0}.mp-avatar-edit:hover{color:#101828;background:#F9FAFB}.mp-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mp-field{display:flex;flex-direction:column;gap:6px}.mp-label{font:600 13px/1.4 'Inter',sans-serif;color:#344054}.mp-input{width:100%;padding:9px 12px;border:1px solid #e4e4e7;border-radius:8px;background:#FFFFFF;font:400 14px/1.4 'Inter',sans-serif;color:#101828;box-shadow:none;transition:border-color .15s}.mp-input:focus{outline:none;border-color:#004CE6;box-shadow:none}.mp-input-readonly{background:#F9FAFB;color:#667085;cursor:not-allowed}.mp-phone{display:flex;align-items:stretch;border:1px solid #e4e4e7;border-radius:8px;background:#FFFFFF;overflow:hidden;box-shadow:none}.mp-phone:focus-within{border-color:#004CE6;box-shadow:none}.mp-phone-cc{display:inline-flex;align-items:center;gap:6px;padding:0 10px 0 12px;background:transparent;border:0;border-right:1px solid #EAECF0;color:#475467;cursor:pointer;flex:0 0 auto}.mp-phone-cc:hover{background:#F9FAFB}.mp-flag{display:inline-block;width:22px;height:14px;border-radius:2px;overflow:hidden;border:1px solid rgba(16,24,40,.06);line-height:0}.mp-phone-input{border:0;box-shadow:none;border-radius:0;flex:1 1 auto;padding-left:12px}.mp-phone-input:focus{box-shadow:none}.mp-help{display:flex;align-items:center;gap:6px;color:#667085;font:400 13px/1.4 'Inter',sans-serif;margin:6px 0 0}.mp-help svg{flex:0 0 auto;color:#98A2B3}.mp-select-wrap{position:relative}.mp-select{appearance:none;-webkit-appearance:none;padding-right:36px;cursor:pointer}.mp-select-chev{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#667085;pointer-events:none}.mp-divider{height:1px;background:#EAECF0;margin:6px 0}.mp-csm-head{display:flex;flex-direction:column;gap:4px}.mp-csm-title{font:600 16px/1.4 'Inter',sans-serif;color:#101828;margin:0}.mp-csm-sub{font:400 14px/1.5 'Inter',sans-serif;color:#667085;margin:0}.mp-csm-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #EAECF0;border-radius:12px;background:#FFFFFF}.mp-csm-left{display:flex;align-items:center;gap:12px;min-width:0}.mp-csm-av{width:40px;height:40px;border-radius:50%;overflow:hidden;flex:0 0 auto;border:1px solid #EAECF0}.mp-csm-av svg{display:block;width:40px;height:40px}.mp-csm-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.mp-csm-name{font:600 14px/1.4 'Inter',sans-serif;color:#101828}.mp-csm-email{display:inline-flex;align-items:center;gap:6px;color:#667085;font:400 13px/1.4 'Inter',sans-serif}.mp-csm-copy{padding:2px;background:transparent;border:0;color:#98A2B3;cursor:pointer;display:inline-grid;place-items:center;border-radius:4px}.mp-csm-copy:hover{color:#475467;background:#F2F4F7}.mp-csm-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #D0D5DD;border-radius:8px;background:#FFFFFF;font:600 13px/1.4 'Inter',sans-serif;color:#344054;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.05);white-space:nowrap;flex:0 0 auto}.mp-csm-cta:hover{background:#F9FAFB;border-color:#98A2B3}
.vc-crumb-link{appearance:none;background:transparent;border:0;padding:0;margin:0;font:inherit;cursor:pointer;color:#004CE6;font-size:14px;font-weight:500;line-height:1.3;border-radius:3px}
.vc-crumb-link:hover{text-decoration:underline;text-underline-offset:2px}
.vc-crumb-link:focus-visible{outline:2px solid #B2CCFF;outline-offset:2px}
.pt-crumb{display:inline-flex;align-items:center;gap:0}
.pt-crumb-back{color:#667085 !important;transition:color .15s ease}
.pt-crumb-back:hover{color:#004CE6 !important;text-decoration:none !important}
.pt-crumb-sep{color:#D0D5DD;font-weight:400;margin:0;display:inline-block;transform:translateY(1px);font-size:18px;line-height:1}
.pt-crumb-now{color:#101828;font-weight:600}
.vc-head-sep{color:#98A2B3;font-size:14px;font-weight:400;margin:0 8px}
.vc-head{display:flex;align-items:center;gap:0}.va-warn-ic{color:#F79009;display:inline-grid;place-items:center;flex:0 0 auto}.va-row-hover{display:inline-flex;align-items:center;gap:4px;margin-left:6px}
/* ── Customize columns ──
   A popover on the button that opens it. The side sheet it replaces was 380px
   of chrome — title, subtitle, search field, section label, close button, a
   count — around eight checkboxes, and it covered the table you were
   reordering. Everything that was not a row or the reset went. */
.clk-pop{
  position:fixed;z-index:1300;width:248px;
  background:#FFFFFF;border:1px solid #E4E7EC;border-radius:12px;
  box-shadow:0 12px 32px -8px rgba(16,24,40,.18),0 4px 10px -4px rgba(16,24,40,.10);
  display:flex;flex-direction:column;overflow:hidden;
  transform-origin:top right;
  animation:clk-in .13s cubic-bezier(.22,.61,.36,1);
}
/* [hidden] loses to display:flex, so it has to be restated. */
.clk-pop[hidden]{display:none}
@keyframes clk-in{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.clk-pop{animation:none}}

.clk-list{padding:6px;max-height:min(60vh,420px);overflow-y:auto}
/* A group heading needs air above it or it sits on the popover's own edge. */
.clk-list>.clk-group:first-child{padding-top:4px}
/* A lock, not the word "Locked": the row already shows a disabled checkbox,
   and the label was wider than four of the field names beside it. */
.clk-lock{margin-left:auto;display:inline-grid;place-items:center;width:20px;height:20px;
  color:#98A2B3;cursor:default}
.clk-lock svg{width:13px;height:13px;display:block}
body.theme-dark .clk-lock{color:#8A9099}
.clk-row{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px;cursor:grab;user-select:none;transition:background .15s ease,box-shadow .15s ease,border-color .15s ease;border:1px solid transparent}
.clk-row:hover{background:#F9FAFB}
.clk-row.dragging{opacity:.55;cursor:grabbing;background:#fff;border-color:#E4E7EC;box-shadow:0 8px 20px rgba(16,24,40,.10)}
.clk-row.drop-target{background:#EFF4FF;border-color:#B2CCFF;box-shadow:inset 0 2px 0 #2970FF}
/* Locked: no handle to grab, no box to clear. It still reads as a row of the
   same list rather than as a disabled control, because it is one — it is the
   column the row is about. */
.clk-row.fixed{cursor:default}
.clk-row.fixed:hover{background:transparent}
.clk-handle{display:inline-grid;place-items:center;width:14px;height:18px;color:#98A2B3;flex:none;transition:color .14s ease}
.clk-row:hover .clk-handle,.clk-row.dragging .clk-handle{color:#667085}
.clk-row.fixed .clk-handle{visibility:hidden}
.clk-row label{display:flex;align-items:center;gap:10px;flex:1;cursor:pointer;font:400 13px/1.35 'Inter',sans-serif;color:#101828;min-width:0}
.clk-row.fixed label{cursor:default}
.clk-row .clk-lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clk-row .clk-fixed-tag{font:600 11px/1.3 'Inter',sans-serif;color:#667085;background:#F2F4F7;padding:2px 6px;border-radius:5px;flex:none}
/* Checkbox */
.clk-row input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.clk-check{position:relative;width:15px;height:15px;border:1.5px solid #D0D5DD;border-radius:4px;background:#fff;flex:none;display:grid;place-items:center;box-sizing:border-box;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease}
.clk-row:hover .clk-check{border-color:#98A2B3}
.clk-row input[type="checkbox"]:focus-visible + label .clk-check{box-shadow:0 0 0 4px rgba(0,76,230,.18)}
.clk-row input[type="checkbox"]:checked + label .clk-check{background:#004CE6;border-color:#004CE6}
.clk-row input[type="checkbox"]:checked + label .clk-check::after{content:'';width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.clk-row input[type="checkbox"]:disabled + label .clk-check{background:#D0D5DD;border-color:#D0D5DD}

.clk-foot{padding:6px;border-top:1px solid #F2F4F7;flex:none}
.clk-reset{width:100%;background:transparent;border:0;color:#475467;font:500 13px/1.35 'Inter',sans-serif;cursor:pointer;padding:7px 8px;border-radius:8px;text-align:left;transition:background .14s ease,color .14s ease}
.clk-reset:hover{background:#F9FAFB;color:#101828}

/* Dark. theme-customiser.css paints `body.theme-dark *{border-color:#2A2D33}`,
   which outranks a single class — so every row's transparent 1px border came
   back as a visible box and the list read as eight outlined tiles. Each of
   these is that rule restated at a specificity that beats it. */
body.theme-dark .clk-row{border-color:transparent}
body.theme-dark .clk-row:hover{background:rgba(255,255,255,.05)}
body.theme-dark .clk-row.fixed:hover{background:transparent}
body.theme-dark .clk-row.dragging{background:#1F2228;border-color:#3A3E45}
body.theme-dark .clk-row.drop-target{background:rgba(41,112,255,.16);border-color:#2970FF}
body.theme-dark .clk-check{background:#1F2228;border-color:#3A3E45}
body.theme-dark .clk-row:hover .clk-check{border-color:#5A6069}
body.theme-dark .clk-row input[type="checkbox"]:checked + label .clk-check{background:#004CE6;border-color:#004CE6}
body.theme-dark .clk-row input[type="checkbox"]:disabled + label .clk-check{background:#3A3E45;border-color:#3A3E45}
body.theme-dark .clk-fixed-tag{background:#2A2D33;color:#9BA1AC}
body.theme-dark .clk-foot{border-top-color:#2A2D33}
body.theme-dark .clk-reset{color:#9BA1AC}
body.theme-dark .clk-reset:hover{background:rgba(255,255,255,.05);color:#F4F4F5}

.nav-item .ni-icon[data-icon="justcallAi"][data-ai-mode="grey"]{width:18px !important;height:18px !important;flex:0 0 18px !important;margin-left:0 !important}
.ni-icon[data-icon="justcallAi"][data-ai-mode="grey"] svg{max-width:18px !important;max-height:18px !important;width:18px !important;height:18px !important;filter:none !important;}

#sidebar .sb-foot-div{height:1px;background:var(--sb-divider,#E8E8E6);margin:0 -12px 8px}
#sidebar .sb-foot{border-top:0 !important}

body.no-contact-segments #segRail,body.no-contact-segments #segHead{display:none !important}
body.no-contact-segments #page-contacts{flex-direction:column !important}

/* Contacts empty state — shown when search, a segment or the Filters menu
   narrows the list to nothing. */
.jc-empty{padding:48px 16px;text-align:center;color:var(--text-secondary);font-size:13px}
.jc-empty-in{display:inline-flex;flex-direction:column;align-items:center;gap:8px}
.jc-empty-t{color:var(--text-primary);font-weight:500}

/* Contactable: what this record refuses, in its own column at the end. Two
   marks rather than a phrase — a contact can carry either or both, and a
   column that spells every combination grows a vocabulary for something the
   presence of an icon already says. Quiet by design: this is a fact about the
   record, not an alarm. The enforcement is on the row's own buttons. */
.jc-consent-cell{white-space:nowrap}
.jc-consent{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px 0 7px;
  margin-right:5px;border:1px solid transparent;border-radius:7px;
  flex:0 0 auto;cursor:default;vertical-align:middle}
.jc-consent svg{width:13px;height:13px;flex:0 0 13px;display:block}
.jc-consent b{font:600 10.5px/1 'Inter',sans-serif;letter-spacing:.03em}
/* The tag itself is neutral — a suppressed contact is a fact about the
   record, and two tinted blocks per row turned the column into a warning
   strip. The colour lives in the mark alone: enough to tell the two apart at
   a glance, not enough to shout. */
.jc-consent{background:#F2F4F7;border-color:#E4E7EC;color:#475467}
.jc-consent.is-dnd svg{color:#D92D20}
.jc-consent.is-dnm svg{color:#DC6803}
.jc-col-consent{width:150px}
.jc-quick-btn:disabled{cursor:not-allowed;opacity:.45;background:#fff;color:#98A2B3;
  border-color:#EAECF0;box-shadow:none;transform:none}
.jc-quick-btn:disabled:hover{background:#fff;color:#98A2B3;border-color:#EAECF0;
  box-shadow:none;transform:none}
body.theme-dark .jc-consent{background:#31353C;border-color:#3A3F47;color:#D1D5DB}
body.theme-dark .jc-consent.is-dnd svg{color:#F97066}
body.theme-dark .jc-consent.is-dnm svg{color:#FDB022}
body.theme-dark .jc-quick-btn:disabled{background:#26292F !important;color:#6B7280 !important;
  border-color:#33373E !important;box-shadow:none !important}

/* Group headings inside the columns popover. The workspace's own fields sit
   apart from the record's built-in ones — a distinction the list has to carry
   for the panel to be scannable, and the shape Shopify's column popover uses. */
.clk-group + .clk-group{margin-top:4px;padding-top:8px;border-top:1px solid #F2F4F7}
.clk-group-h{padding:4px 8px 6px;font:600 10.5px/1 'Inter',sans-serif;
  letter-spacing:.07em;text-transform:uppercase;color:#98A2B3}
body.theme-dark .clk-group + .clk-group{border-top-color:#2F333A}
body.theme-dark .clk-group-h{color:#8A9099}

/* An option that is not one of its neighbours. "No segment" names the absence
   of a segment, not a segment — set apart so the list does not read it as the
   eleventh name in a run of ten. */
.cl-fm-opt.is-apart{margin-top:5px;padding-top:9px;border-top:1px solid #F2F4F7}
.cl-fm-opt.is-apart .cl-fm-opt-lbl{color:#667085;font-style:italic}
.cl-fm-opt.is-apart.checked .cl-fm-opt-lbl{color:#101828}
.cl-fm-opt-i{display:inline-grid;place-items:center;margin-left:5px;color:#98A2B3;cursor:default}
.cl-fm-opt-i svg{display:block}
body.theme-dark .cl-fm-opt.is-apart{border-top-color:#2F333A}
body.theme-dark .cl-fm-opt.is-apart .cl-fm-opt-lbl{color:#9AA1AC}
body.theme-dark .cl-fm-opt.is-apart.checked .cl-fm-opt-lbl{color:#F4F4F5}

/* ── Cell padding, for every table in the app ──
   The base .ct-table rule already said 0 20px; two tables had quietly opted
   out — Calling to 36px, Call Logs to 12px with 8px above and below — so the
   same list read three different densities depending on which module drew it.
   Both are back on the shared value, and the last column now pads out to the
   page's own 24px gutter the way the first one already did. */
.ct-table thead th:last-child,
.ct-table tbody td:last-child,
/* Contacts hides columns, so the DOM's last child can be one nobody sees and
   the gutter would land off-screen. contacts-columns.js tags the last visible
   column instead; both selectors carry the same value. */
.ct-table thead th.is-last-col,
.ct-table tbody td.is-last-col{padding-right:24px}

/* ── The row's primary cell, for every table in the app ──
   Each module had written its own: Contacts and Call Logs at 14/500, the two
   campaign tables at 13/500 — a pixel smaller than the ordinary text beside
   them, so the name was the least prominent thing in a row it is meant to
   anchor. Nothing forced them to agree, so they drifted. One rule now, and
   the module stylesheets set only colour and truncation. */
.jc-name, .cl-main, .dc-name, .cmp-name{
  font:500 14px/1.2 'Inter', system-ui, sans-serif;
}

/* ── The name colours where the name opens something ──
   One decision, applied per table according to what is actually clickable:
   the affordance has to appear exactly where the click lands, or it promises
   something that does not happen.

   Contacts: the name cell opens the record, so the cell is the trigger.
   Calling:  the whole row opens the dialer session, so the row is.
   Messaging: nothing opens from the name — its rows carry hover actions and
   no row click — so its name deliberately stays black. Colouring it would be
   the table telling you to click something inert. */
.dc-table tbody tr.is-open .dc-name{transition:color .13s ease}
.dc-table tbody tr.is-open:hover .dc-name{color:var(--brand-blue)}
@media (prefers-reduced-motion:reduce){
  .dc-table tbody tr.is-open .dc-name{transition:none}
}
body.theme-dark .dc-table tbody tr.is-open:hover .dc-name{color:#7FA6FF}

/* The name cell opens the contact's record. Nothing said so — no cursor, no
   hover response — so the only way to find out was to click and see. The
   pointer covers the whole cell because the whole cell is the click target;
   the name itself colours, so the affordance appears exactly where the click
   lands rather than anywhere on the row. */
.ct-table[data-table="contactsjc"] td.jc-name-cell{cursor:pointer}
.ct-table[data-table="contactsjc"] td.jc-name-cell .jc-name{
  transition:color .13s ease}
.ct-table[data-table="contactsjc"] td.jc-name-cell:hover .jc-name{color:var(--brand-blue)}
/* The hover actions are their own targets, and the gap between them opens
   nothing — a pointer over it would promise a click that does not happen. */
.ct-table[data-table="contactsjc"] td.jc-name-cell .jc-quick{cursor:default}
@media (prefers-reduced-motion:reduce){
  .ct-table[data-table="contactsjc"] td.jc-name-cell .jc-name{transition:none}
}
body.theme-dark .ct-table[data-table="contactsjc"] td.jc-name-cell:hover .jc-name{
  color:#7FA6FF}

/* ── QA scorecard ──
   A ring and a word. The ring reads the score as a proportion before the
   digits are read at all — 38 and 82 are a different shape at a glance — and
   the word is the thing a team acts on. Colour lives in the arc, the number
   and the chip's tint; nothing is outlined, so a column of these reads as a
   set of grades rather than a column of alerts. */
.cv-col-score{width:190px}
.cv-score-cell{white-space:nowrap}
.cl-score{display:inline-flex;align-items:center;gap:10px;cursor:default}
.cl-ring{position:relative;width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center}
.cl-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.cl-ring .arc{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}
.cl-ring b{position:relative;font:600 11px/1 'Inter',sans-serif;font-variant-numeric:tabular-nums;
  color:currentColor}
.cl-band{font:500 13px/1 'Inter',sans-serif}

.cl-score-good{color:#17B26A}
.cl-score-good .cl-band{color:#067647}
.cl-score-attn{color:#F79009}
.cl-score-attn .cl-band{color:#B54708}
.cl-score-poor{color:#F04438}
.cl-score-poor .cl-band{color:#B42318}

/* Nothing to grade, so nothing is drawn: an empty ring would read as a score
   of zero, which is a judgement this call never received. */
.cl-score-none{color:var(--text-tertiary);font:400 13px/1 'Inter',sans-serif}

/* theme-customiser.css forces rgb(229,231,235) !important onto every
   descendant of a call-logs td, through three separate rules. The scorecard is
   the one thing in that column whose colour carries the meaning, so it is
   restated at a specificity that clears the strongest of them — the ring's
   stroke and the number both read currentColor, so setting the span is enough
   for both. */
body.theme-dark table.ct-table[data-table="calllogs"] tbody td .cl-score-good{color:#47CD89 !important}
body.theme-dark table.ct-table[data-table="calllogs"] tbody td .cl-score-attn{color:#FDB022 !important}
body.theme-dark table.ct-table[data-table="calllogs"] tbody td .cl-score-poor{color:#F97066 !important}
body.theme-dark table.ct-table[data-table="calllogs"] tbody td .cl-score *{color:inherit !important}
body.theme-dark table.ct-table[data-table="calllogs"] tbody td .cl-score-good .cl-band{color:#75E0A7 !important}
body.theme-dark table.ct-table[data-table="calllogs"] tbody td .cl-score-attn .cl-band{color:#FDB022 !important}
body.theme-dark table.ct-table[data-table="calllogs"] tbody td .cl-score-poor .cl-band{color:#FDA29B !important}
body.theme-dark table.ct-table[data-table="calllogs"] tbody td .cl-score-none{color:#8A9099 !important}

/* ── The call log tab strip, in dark ──
   At the very end of the file on purpose. This stylesheet carries a second,
   later copy of part of itself — `.cl-view-tabs` and `.ct-status` each resolve to
   two rules from here — and anything that tail restates wins over a block
   written earlier, !important included. That is why the shared
   `body.theme-dark .tab.active` rule does not reach this strip either: an
   identical probe div in the same parent computes #F4F4F5 while the real tab
   computes #101828. Last word in the file is the only reliable place for it.
   The duplicated tail is worth unpicking on its own; it is not this change. */
body.theme-dark .cl-view-tabs .tab{color:#9CA3AF !important}
body.theme-dark .cl-view-tabs .tab.active{color:#F4F4F5 !important;
  border-bottom-color:var(--brand-blue-strong) !important}
body.theme-dark .cl-view-tabs .tab-kebab:hover,
body.theme-dark .cl-view-tabs .tab-kebab.open{background:#2A2D33;color:#F4F4F5}
body.theme-dark .cl-view-tabs .tab-kebab-menu{background:var(--surface-alt);border-color:#3A3F47;
  box-shadow:0 16px 40px -8px rgba(0,0,0,.6),0 4px 12px -4px rgba(0,0,0,.5)}
body.theme-dark .cl-view-tabs .tab-kebab-item{color:#F4F4F5}
body.theme-dark .cl-view-tabs .tab-kebab-item:hover{background:#2A2D33}
/* The filter row's 24px top was the page's own inset back when nothing sat
   above it. The tab strip and its border now do that job, so 24 above a 32px
   control against 14 below read as a dent between the tabs and the controls.
   Even, at 14. Scoped to this page: .ct-filter-row is shared with pages that
   still have nothing above it. */
#page-call-logs .ct-filter-row{padding-top:14px}