/* SELLIORA — AI assistant panel (r691: plain, calm layout) */

/* ── top bar button, right after the search box ── */
.topbar .tb-askai{flex:none;position:static;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;margin-left:-6px;
  border:1px solid var(--bd2,#CBD5E1);border-radius:6px;background:var(--s,#fff);color:var(--t,#0F172A);
  font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s,color .15s}
.topbar .tb-askai svg{color:#4F46E5}
.topbar .tb-askai:hover{border-color:#A5B4FC;background:#F7F8FF}
.topbar .tb-askai:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.25)}
html.cp-on .topbar .tb-askai{border-color:#6366F1;background:#EEF2FF;color:#3730A3}
.topbar .tb-askai[hidden]{display:none!important}
[data-theme="dark"] .topbar .tb-askai{background:var(--s2);border-color:var(--bd2);color:var(--t)}
[data-theme="dark"] .topbar .tb-askai svg{color:#A5B4FC}
@media (max-width:1060px){.topbar .tb-askai .lbl{display:none}.topbar .tb-askai{padding:0 11px}}

/* ── the panel ── */
.cp{position:fixed;top:var(--tbh,60px);right:0;bottom:0;width:440px;max-width:100vw;z-index:1150;background:var(--s,#fff);
  border-left:1px solid var(--bd,#E5E7EB);box-shadow:-12px 0 32px rgba(15,23,42,.08);display:flex;flex-direction:column;
  transform:translateX(105%);transition:transform .2s ease;font-size:14px;color:var(--t,#0F172A)}
body.has-banner .cp{top:calc(var(--tbh,60px) + 44px)}
.cp.open{transform:none}
.cp.wide{width:680px}
.cp, .cp *{text-transform:none}                         /* sentences read as sentences in here */
.cp .cp-ht b,.cp .cp-ct b,.cp .cp-btn,.cp .cp-tb,.cp .cp-pill,.cp .cp-dh,.cp .cp-lbl,.cp .cp-hello h3{text-transform:capitalize}
.cp-ico{flex:none;display:block}

.cp-h{display:flex;align-items:center;gap:10px;padding:12px 14px 12px 16px;border-bottom:1px solid var(--bd,#E5E7EB);min-height:60px;box-sizing:border-box}
.cp-hi{display:grid;place-items:center;color:#4F46E5}
.cp-ht{flex:1;min-width:0}
.cp-ht b{display:block;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-ht small{display:block;font-size:12.5px;color:var(--t2,#64748B);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.cp-ib{display:grid;place-items:center;width:32px;height:32px;flex:none;border:0;border-radius:6px;background:transparent;color:var(--t2,#64748B);cursor:pointer}
.cp-ib:hover{background:var(--s2,#F1F5F9);color:var(--t,#0F172A)}
.cp-tb{height:30px;padding:0 10px;border:1px solid var(--bd2,#CBD5E1);border-radius:6px;background:var(--s,#fff);color:var(--t2,#475569);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.cp-tb:hover{color:var(--t,#0F172A);border-color:var(--t3,#94A3B8)}

.cp-b{flex:1;overflow-y:auto;padding:22px 20px 12px}
.cp-hello h3{margin:0 0 6px;font-size:20px;font-weight:600;letter-spacing:-.01em}
.cp-hello p{margin:0;color:var(--t2,#64748B);font-size:13.5px;line-height:1.55}
.cp-lbl{margin:22px 0 8px;font-size:11.5px;font-weight:600;letter-spacing:.06em;color:var(--t3,#94A3B8)}
.cp-cards{display:flex;flex-direction:column;border:1px solid var(--bd,#E5E7EB);border-radius:8px;overflow:hidden}
.cp-card{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:12px 14px;border:0;border-bottom:1px solid var(--bd,#EEF0F3);
  background:var(--s,#fff);font:inherit;color:inherit;cursor:pointer;transition:background .12s}
.cp-card:last-child{border-bottom:0}
.cp-card:hover{background:var(--s2,#F8FAFC)}
.cp-ci{color:var(--t3,#94A3B8);padding-top:1px}
.cp-card:hover .cp-ci{color:#4F46E5}
.cp-ct{flex:1;min-width:0}
.cp-ct b{display:block;font-size:13.5px;font-weight:600}
.cp-ct small{display:block;font-size:12.5px;color:var(--t2,#64748B);margin-top:2px;line-height:1.45}
.cp-card.auto .cp-ci{color:#4F46E5}

/* conversation */
.cp-thread{display:flex;flex-direction:column;gap:14px}
.cp-mu{align-self:flex-end;max-width:82%;padding:9px 13px;border-radius:12px 12px 4px 12px;background:var(--s2,#F1F5F9);color:var(--t,#0F172A);
  font-size:13.5px;line-height:1.5;white-space:pre-wrap;border:1px solid var(--bd,#E5E7EB)}
.cp-ma{display:block}
.cp-tx{font-size:13.5px;line-height:1.6}
.cp-tx p{margin:0 0 6px}.cp-tx p:last-child{margin-bottom:0}.cp-tx ul{margin:4px 0 6px;padding-left:18px}
.cp-tx b{font-weight:600}
.cp-tx.err{color:#B42318}
.cp-think{color:var(--t2,#64748B);display:flex;align-items:center;gap:4px}
.cp-think i{width:5px;height:5px;border-radius:50%;background:var(--t3,#94A3B8);animation:cpDot 1s infinite ease-in-out}
.cp-think i:nth-child(2){animation-delay:.15s}.cp-think i:nth-child(3){animation-delay:.3s;margin-right:6px}
@keyframes cpDot{0%,80%,100%{opacity:.3}40%{opacity:1}}
.cp-act{display:flex;flex-direction:column;align-items:flex-start;margin-top:-6px}
.cp-act .cp-list{align-self:stretch}
.cp-pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:6px;border:1px solid var(--bd2,#CBD5E1);background:var(--s,#fff);
  color:var(--t,#0F172A);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.cp-pill:hover{border-color:#A5B4FC;color:#3730A3}
.cp-pill b{font-weight:600;color:var(--t2,#64748B)}
.cp-list{margin-top:8px;border:1px solid var(--bd,#E5E7EB);border-radius:8px;max-height:300px;overflow-y:auto}
.cp-row{display:block;width:100%;text-align:left;padding:8px 12px;border:0;border-bottom:1px solid var(--bd,#F1F5F9);background:var(--s,#fff);font:inherit;color:inherit;cursor:pointer}
.cp-row:last-child{border-bottom:0}
.cp-row:hover{background:var(--s2,#F8FAFC)}
.cp-row b{display:block;font-size:13px;font-weight:600}
.cp-row span{display:block;font-size:12px;color:var(--t2,#64748B)}
.cp-more{padding:8px 12px;font-size:12px;color:var(--t2,#64748B)}

/* result cards: draft, automation, next step */
.cp-draft,.cp-auto{border:1px solid var(--bd,#E5E7EB);border-radius:8px;padding:14px;background:var(--s,#fff);display:flex;flex-direction:column;gap:10px}
.cp-dh{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--t2,#64748B);letter-spacing:.02em}
.cp-di{width:100%;box-sizing:border-box;border:1px solid var(--bd2,#CBD5E1);border-radius:6px;padding:8px 10px;font:inherit;font-size:13.5px;line-height:1.5;background:var(--s,#fff);color:inherit;resize:vertical}
.cp-di:focus{outline:none;border-color:#818CF8;box-shadow:0 0 0 3px rgba(129,140,248,.18)}
.cp-dbtn{display:flex;gap:8px;flex-wrap:wrap}
.cp-btn{height:32px;padding:0 13px;border-radius:6px;border:1px solid var(--bd2,#CBD5E1);background:var(--s,#fff);color:var(--t,#0F172A);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.cp-btn:hover{border-color:var(--t3,#94A3B8)}
.cp .cp-btn.cp-btnp{background:#4F46E5!important;border-color:#4F46E5!important;color:#fff!important}
.cp .cp-btn.cp-btnp:hover{background:#4338CA!important}
.cp-ar{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px;font-size:13px;line-height:1.5}
.cp-ar>span{font-size:12px;color:var(--t3,#94A3B8);padding-top:1px}
.cp-ar ul{margin:0;padding-left:16px}
.cp-sw{font-size:14px;font-weight:600;line-height:1.45}
.cp-pr{margin-left:6px;font-size:11px;font-weight:600;padding:1px 7px;border-radius:4px;background:var(--s2,#F1F5F9);color:var(--t2,#475569)}
.cp-pr.high{background:#FEF3F2;color:#B42318}.cp-pr.medium{background:#FFFAEB;color:#B54708}
.cp-warn{font-size:12.5px;color:#B54708;background:#FFFAEB;border:1px solid #FEDF89;border-radius:6px;padding:8px 10px}
.cp-ok{font-size:12.5px;color:#067647;background:#ECFDF3;border:1px solid #ABEFC6;border-radius:6px;padding:8px 10px}

/* composer */
.cp-f{padding:12px 16px 10px;border-top:1px solid var(--bd,#E5E7EB);background:var(--s,#fff)}
.cp-box{display:flex;align-items:flex-end;gap:6px;border:1px solid var(--bd2,#CBD5E1);border-radius:10px;padding:5px 5px 5px 4px;background:var(--s,#fff);transition:border-color .15s,box-shadow .15s}
.cp-box:focus-within{border-color:#818CF8;box-shadow:0 0 0 3px rgba(129,140,248,.16)}
.cp-box .mic-wrap{flex:1;min-width:0;position:relative;display:block}
.cp-box textarea{display:block;width:100%;box-sizing:border-box;border:0!important;box-shadow:none!important;outline:none;resize:none;background:transparent;
  padding:7px 40px 7px 8px!important;min-height:34px;max-height:140px;font:inherit;font-size:13.5px;line-height:1.45;color:inherit}
.cp-box .mic-btn{right:2px!important;bottom:2px!important;width:30px!important;height:30px!important;border:0!important;background:transparent!important;color:var(--t3,#94A3B8)}
.cp-box .mic-btn:hover{color:var(--t,#0F172A)}
.cp-send{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:7px;border:0;background:#4F46E5;color:#fff;cursor:pointer}
.cp-send:hover{background:#4338CA}
.cp-send:disabled,.cp-box textarea:disabled{opacity:.5;cursor:default}
.cp-fine{margin-top:6px;font-size:11.5px;color:var(--t3,#94A3B8);text-align:center}

/* My profile → AI assistant: access state */
.cp-acc{font-size:13px;line-height:1.5;padding:10px 12px;border-radius:8px;margin-bottom:12px;border:1px solid var(--bd,#E5E7EB);background:var(--s2,#F8FAFC);color:var(--t,#0F172A)}
.cp-acc>div{margin-top:8px}
.cp-acc.on{background:#ECFDF3;border-color:#ABEFC6}
.cp-acc.wait{background:#FFFAEB;border-color:#FEDF89}

.askai-btn{cursor:pointer}
html:not(.cp-allowed) .askai-btn{display:none!important}
@media (max-width:640px){.cp,.cp.wide{width:100vw}}

/* r692: changes the assistant will make */
.cp-steps{margin:0;padding-left:20px;font-size:13px;line-height:1.55;display:flex;flex-direction:column;gap:4px}
.cp-steps li.bad{color:#B54708}
.cp-dim{font-size:12.5px;color:var(--t2,#64748B)}

/* r692: AI report on the record's profile */
.cp-lpr{padding:14px 16px!important}
.cp-lpr:empty,html:not(.cp-allowed) .cp-lpr{display:none!important}
.cp-lpr,.cp-lpr *{text-transform:none}
.cp-lpr .cp-btn,.cp-lpr .cp-r-h b,.cp-lpr .cp-r-k{text-transform:capitalize}
.cp-r-h{display:flex;align-items:center;gap:7px;color:#4F46E5;margin-bottom:8px}
.cp-r-h b{flex:1;font-size:14px;font-weight:600;color:var(--t,#0F172A)}
.cp-ib.sm{width:26px;height:26px}
.cp-r-top{margin-bottom:6px}
.cp-temp{display:inline-block;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:4px;background:var(--s2,#F1F5F9);color:var(--t2,#475569)}
.cp-temp.hot{background:#FEF3F2;color:#B42318}.cp-temp.warm{background:#FFFAEB;color:#B54708}.cp-temp.cold{background:#EFF8FF;color:#175CD3}
.cp-r-sum{margin:0 0 6px;font-size:13px;line-height:1.55;color:var(--t,#0F172A)}
.cp-r-sum.err{color:#B42318}
.cp-r-k{margin:10px 0 4px;font-size:11.5px;font-weight:600;color:var(--t3,#94A3B8);letter-spacing:.02em}
.cp-r-v{font-size:13px;line-height:1.5}
.cp-chips{display:flex;flex-wrap:wrap;gap:5px}
.cp-lpr .cp-rchip{font-weight:500;font-size:12px;padding:2px 8px;border-radius:4px;border:1px solid var(--bd,#E5E7EB);background:var(--s2,#F8FAFC);color:var(--t2,#475569)}
.cp-r-ul{margin:0;padding-left:16px;font-size:12.5px;line-height:1.5;color:var(--t2,#475569)}
.cp-r-next{margin-top:12px;padding:10px 12px;border:1px solid var(--bd,#E5E7EB);border-radius:8px;background:var(--s2,#F8FAFC)}
.cp-r-next .cp-r-k{margin-top:0}
.cp-r-next b{display:block;font-size:13px;font-weight:600;line-height:1.45}
.cp-r-next small{display:block;font-size:12px;color:var(--t2,#64748B);margin:2px 0 8px}
.cp-lpr .cp-dbtn{margin-top:4px}
.cp-lpr .cp-btn{height:30px;font-size:12.5px;padding:0 11px}
.cp-skel{display:flex;flex-direction:column;gap:7px;margin:4px 0 8px}
.cp-skel i{display:block;height:10px;border-radius:4px;background:linear-gradient(90deg,var(--s2,#F1F5F9),#E2E8F0,var(--s2,#F1F5F9));background-size:200% 100%;animation:cpSk 1.2s infinite linear}
@keyframes cpSk{to{background-position:-200% 0}}
.topbar .tb-getai{color:var(--t2,#475569);border-style:dashed}
.topbar .tb-getai[hidden]{display:none!important}

/* r700: what the assistant is doing, step by step */
.cp-tr{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid var(--bd,#E5E7EB);border-radius:8px;background:var(--s2,#F8FAFC);margin-bottom:8px}
.cp-tr-r{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;line-height:1.45;color:var(--t2,#64748B);animation:cpIn .25s ease}
.cp-tr-r.run{color:var(--t,#0F172A);font-weight:500}
.cp-tr-r.bad{color:#B42318}
.cp-tr-ic{flex:none;display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;font-size:10px;font-weight:700;margin-top:1px;background:#E0E7FF;color:#4338CA}
.cp-tr-r.done .cp-tr-ic,li.s-done .cp-tr-ic{background:#DCFCE7;color:#15803D}
.cp-tr-r.bad .cp-tr-ic,li.s-bad .cp-tr-ic{background:#FEE4E2;color:#B42318}
li.s-wait .cp-tr-ic{background:var(--s2,#F1F5F9);border:1px solid var(--bd2,#CBD5E1)}
.cp-tr-ic i{width:9px;height:9px;border-radius:50%;border:2px solid #818CF8;border-top-color:transparent;animation:cpSpin .7s linear infinite}
.cp-tr-sec{align-self:flex-end;font-size:11px;color:var(--t3,#94A3B8);font-variant-numeric:tabular-nums;margin-top:-2px}
.cp-tr-sum{display:inline-flex;align-items:center;gap:6px;margin:0 0 6px;padding:0;border:0;background:none;font:inherit;font-size:12px;color:var(--t3,#94A3B8);cursor:pointer}
.cp-tr-sum:hover{color:var(--t2,#475569)}
.cp-tr-sum span{font-size:10px}
.cp-steps li{display:flex;gap:8px;align-items:flex-start}
.cp-steps li.s-run{font-weight:500}
.cp-steps li.s-wait{opacity:.6}
.cp-dim .cp-tr-ic{vertical-align:middle;margin-right:4px}
@keyframes cpSpin{to{transform:rotate(360deg)}}
@keyframes cpIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
.cp-steps{padding-left:0!important;list-style:none}
.cp-steps li .cp-st-t{flex:1;min-width:0}
.cp-steps li:not([class*="s-"]) .cp-st-t::before{content:"\2022";margin-right:7px;color:var(--t3,#94A3B8)}

/* r702: AI in the CRM only when Selliora switched it on for this business */
html:not(.cp-allowed) .ai-only,
html:not(.cp-allowed) .tb-sub[data-page="aiagent"],
html:not(.cp-allowed) [onclick*="gotoPage('aiagent')"]{display:none!important}