:root{
  --cpn-primary:#0B2C5E;
  --cpn-bg:#ffffff;
  --cpn-text:#0f172a;
  --cpn-user:#0B2C5E;
  --cpn-bot:#EFF4FF;
  --cpn-radius:18px;
  --cpn-shadow:0 24px 64px rgba(2,6,23,.22);
  --cpn-blur:saturate(180%) blur(8px);
}
.cpn-cb{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial;color:var(--cpn-text);line-height:1.35}
.cpn-cb .cpn-cb-bubble{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;background:var(--cpn-primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--cpn-shadow);z-index:9999}
.cpn-cb .cpn-cb-window{position:fixed;right:24px;bottom:90px;width:440px;max-width:96vw;max-height:88vh;background:var(--cpn-bg);border:1px solid rgba(17,17,17,.08);border-radius:var(--cpn-radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--cpn-shadow);z-index:99999}
.cpn-cb .hidden{display:none}

.cpn-cb .cpn-cb-header{padding:14px 16px;background:linear-gradient(145deg,#0B2C5E,#133B87 70%,#1647A8);color:#fff}
.cpn-cb .cpn-cb-header .row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cpn-cb .cpn-cb-header .left{display:flex;align-items:center;gap:12px;min-width:0}
.cpn-cb .cpn-cb-header .avatar{flex:0 0 auto;width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.25);background:#0f172a}
.cpn-cb .meta{min-width:0}
.cpn-cb .meta .title{font-weight:800;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpn-cb .meta .status{font-size:12px;margin-top:2px}
.cpn-cb .meta .status.on{color:#86efac}
.cpn-cb .meta .status.off{color:#fca5a5}
.cpn-cb .desc{font-size:12px;opacity:.95;margin-top:8px}
.cpn-cb .cpn-socials{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.cpn-cb .cpn-socials a{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#ffffff;border:1px solid rgba(255,255,255,.35)}
.cpn-cb .cpn-socials svg{width:18px;height:18px}

.cpn-cb .actions{display:flex;gap:8px}
.cpn-cb .actions button{width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.14);color:#fff;cursor:pointer}
.cpn-cb .actions button:hover{background:rgba(255,255,255,.2)}

.cpn-cb .cpn-cb-body{flex:1;min-height:280px;padding:14px;overflow:auto;background:linear-gradient(180deg, rgba(0,0,0,.00), rgba(0,0,0,.02))}
.cpn-cb .quick{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 12px}
.cpn-cb .quick button{border:1px solid #111111;background:#111111;color:#ffffff;border-radius:999px;padding:10px 14px;font-size:12px;cursor:pointer}
.cpn-cb .quick button:hover{filter:brightness(1.1)}

.cpn-cb .messages{display:flex;flex-direction:column;gap:12px}
.cpn-cb .msg{padding:12px 14px;border-radius:14px;max-width:86%;border:1px solid rgba(0,0,0,.06);word-break:break-word}
.cpn-cb .msg.user{align-self:flex-end;background:var(--cpn-user);color:#fff;border-bottom-right-radius:6px}
.cpn-cb .msg.bot{align-self:flex-start;background:var(--cpn-bot);border-bottom-left-radius:6px}

.cpn-cb .cpn-cb-footer{position:relative;display:flex;gap:10px;padding:12px;border-top:1px solid rgba(0,0,0,.06);align-items:center;background:rgba(255,255,255,.98);backdrop-filter:var(--cpn-blur);padding-bottom:44px}
.cpn-cb .lefttools{display:flex;gap:8px}
.cpn-cb .tool{width:38px;height:38px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.cpn-cb .emoji-panel{position:absolute;bottom:64px;left:12px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px;display:grid;grid-template-columns:repeat(8,24px);gap:8px;box-shadow:var(--cpn-shadow);z-index:9}
.cpn-cb .emoji-panel button{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center}

.cpn-cb .input{flex:1;border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:12px 14px}
.cpn-cb .send{border:0;background:var(--cpn-primary);color:#fff;border-radius:12px;padding:12px 18px;cursor:pointer;font-weight:700;min-width:82px}
.cpn-cb .send:hover{filter:brightness(1.05)}

.cpn-cb .brand-strip{position:absolute;left:12px;right:12px;bottom:8px;font-size:10px;letter-spacing:.08em;opacity:.85;border:1px solid #e5e7eb;border-radius:8px;padding:3px 6px;background:#fff;text-align:center}

.cpn-cb .lead-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;margin-top:12px}
.cpn-cb .lead-form h4{display:flex;align-items:center;gap:8px;margin:0 0 10px 0;font-size:18px}
.cpn-cb .lead-form h4:before{content:'📝'}
.cpn-cb .lead-form label{display:block;font-size:12px;color:#475569;margin:10px 0 4px}
.cpn-cb .lead-form input,.cpn-cb .lead-form textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-size:14px}
.cpn-cb .lead-form textarea{min-height:110px;resize:vertical}
.cpn-cb .lead-form .lf-send{margin-top:10px;background:var(--cpn-primary);color:#fff;border:0;border-radius:10px;padding:10px 14px;cursor:pointer}

.cpn-cb button:focus,.cpn-cb input:focus,.cpn-cb textarea:focus{outline:3px solid #60a5fa;outline-offset:2px}