.cf-chatbot { position:fixed; right:22px; bottom:92px; z-index:1100; font-family:inherit; color:#111827; }
.cf-chatbot * { box-sizing:border-box; }
.cf-chatbot-toggle { position:relative; width:60px; height:60px; border:0; border-radius:50%; background:linear-gradient(145deg,#0f172a,#146c43); color:#fff; cursor:pointer; box-shadow:0 12px 30px rgba(15,23,42,.3); display:flex; align-items:center; justify-content:center; }
.cf-chatbot-toggle:after { content:""; position:absolute; right:5px; top:5px; width:11px; height:11px; border:2px solid #fff; border-radius:50%; background:#22c55e; }
.cf-chatbot-avatar { position:relative; width:36px; height:32px; display:block; }
.cf-chatbot-avatar:before { content:""; position:absolute; left:6px; top:-4px; width:8px; height:8px; border-radius:8px 8px 2px 8px; background:#86efac; transform:rotate(-24deg); }
.cf-chatbot-avatar:after { content:""; position:absolute; right:2px; bottom:1px; width:10px; height:8px; border-radius:0 8px 8px 8px; background:#d1fae5; }
.cf-chatbot-face { position:absolute; left:2px; top:4px; width:30px; height:25px; border-radius:12px; background:#fff; box-shadow:inset 0 -3px 0 #d1fae5; }
.cf-chatbot-face:before { content:""; position:absolute; left:12px; top:-6px; width:6px; height:6px; border-radius:50%; background:#22c55e; box-shadow:0 -4px 0 -2px #86efac; }
.cf-chatbot-face i { position:absolute; top:9px; width:4px; height:5px; border-radius:50%; background:#0f172a; }
.cf-chatbot-face i:first-child { left:8px; }
.cf-chatbot-face i:nth-child(2) { right:8px; }
.cf-chatbot-face b { position:absolute; left:11px; bottom:6px; width:8px; height:4px; border-bottom:2px solid #146c43; border-radius:0 0 8px 8px; }
.cf-chatbot-panel { display:none; position:absolute; right:0; bottom:74px; width:420px; max-width:calc(100vw - 28px); max-height:calc(100vh - 120px); background:#fff; border:1px solid #e5e7eb; border-radius:8px; box-shadow:0 18px 52px rgba(15,23,42,.24); overflow:hidden; }
.cf-chatbot.open .cf-chatbot-panel { display:flex; flex-direction:column; }
.cf-chatbot-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 15px; background:#f8fafc; border-bottom:1px solid #e5e7eb; }
.cf-chatbot-head b { display:block; font-size:15px; font-weight:900; }
.cf-chatbot-head span { display:block; margin-top:3px; color:#64748b; font-size:12px; line-height:1.4; }
.cf-chatbot-close { width:30px; height:30px; border:1px solid #e5e7eb; border-radius:7px; background:#fff; color:#475569; font-size:19px; line-height:1; cursor:pointer; }
.cf-chatbot-body { flex:0 0 auto; height:340px; max-height:calc(100vh - 340px); overflow-y:auto; padding:16px; background:#fff; }
.cf-chatbot-msg { max-width:88%; margin:0 0 10px; padding:11px 13px; border-radius:8px; font-size:13px; line-height:1.6; white-space:pre-wrap; word-break:keep-all; overflow-wrap:anywhere; }
.cf-chatbot-msg.bot { background:#f1f5f9; color:#111827; border-top-left-radius:3px; }
.cf-chatbot-msg.user { margin-left:auto; background:#146c43; color:#fff; border-top-right-radius:3px; }
.cf-chatbot-msg.typing { color:#64748b; font-size:12px; }
.cf-chatbot-actions { display:flex; flex:0 1 auto; flex-wrap:wrap; gap:8px; padding:0 14px 12px; background:#fff; overflow-y:auto; }
.cf-chatbot-actions > button { border:1px solid #d1fae5; background:#ecfdf5; color:#047857; border-radius:7px; padding:8px 10px; font-size:12px; font-weight:800; cursor:pointer; }
.cf-chatbot-input { flex:0 0 auto; display:flex; gap:8px; padding:10px; border-top:1px solid #e5e7eb; background:#f8fafc; }
.cf-chatbot-input input { flex:1; min-width:0; border:1px solid #e5e7eb; border-radius:7px; padding:10px 11px; font-size:13px; outline:none; }
.cf-chatbot-input input:focus, .cf-chatbot-lead input:focus, .cf-chatbot-lead textarea:focus, .cf-chatbot-lead select:focus { border-color:#146c43; box-shadow:0 0 0 3px rgba(20,108,67,.12); }
.cf-chatbot-input button, .cf-chatbot-lead > button { border:0; border-radius:7px; background:#0f172a; color:#fff; padding:0 14px; font-size:13px; font-weight:800; cursor:pointer; }
.cf-chatbot-lead { width:100%; padding:12px; border:1px solid #e5e7eb; border-radius:8px; background:#f8fafc; }
.cf-chatbot-lead-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 10px; }
.cf-chatbot-lead-head b { font-size:13px; font-weight:900; color:#0f172a; }
.cf-chatbot-lead-close { width:28px; height:28px; border:1px solid #e5e7eb; border-radius:7px; background:#fff; color:#64748b; font-size:18px; line-height:1; cursor:pointer; }
.cf-chatbot-lead-close:hover { border-color:#cbd5e1; color:#0f172a; }
.cf-chatbot-lead-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.cf-chatbot-lead input, .cf-chatbot-lead textarea, .cf-chatbot-lead select { width:100%; min-width:0; border:1px solid #e5e7eb; border-radius:7px; padding:9px 10px; background:#fff; font-size:12px; outline:none; }
.cf-chatbot-lead textarea { grid-column:1 / -1; min-height:76px; resize:vertical; }
.cf-chatbot-privacy { display:flex; align-items:flex-start; gap:7px; margin:10px 0; color:#475569; font-size:12px; line-height:1.4; }
.cf-chatbot-privacy input { width:auto; margin-top:2px; }
.cf-chatbot-lead > button { width:100%; height:38px; }
.cf-chatbot-lead > button:disabled { opacity:.65; cursor:default; }
@media (max-width:640px) {
	.cf-chatbot { right:12px; bottom:84px; }
	.cf-chatbot-toggle { width:56px; height:56px; }
	.cf-chatbot-panel { position:fixed; left:8px; right:8px; top:64px; bottom:86px; width:auto; max-width:none; max-height:none; border-radius:10px; }
	.cf-chatbot-head { padding:12px; }
	.cf-chatbot-body { flex:1 1 auto; min-height:0; height:auto; max-height:none; padding:12px; }
	.cf-chatbot-actions { flex:0 0 auto; max-height:38vh; padding:0 10px 10px; overflow-y:auto; }
	.cf-chatbot.lead-open .cf-chatbot-panel { top:54px; bottom:78px; }
	.cf-chatbot.lead-open .cf-chatbot-body { flex:0 0 auto; max-height:102px; min-height:72px; padding:10px 12px; }
	.cf-chatbot.lead-open .cf-chatbot-actions { flex:1 1 auto; max-height:none; min-height:0; padding:0 10px 10px; overflow-y:auto; }
	.cf-chatbot.lead-open .cf-chatbot-input { display:none; }
	.cf-chatbot-lead { padding:10px; }
	.cf-chatbot-lead-grid { grid-template-columns:1fr; }
	.cf-chatbot-lead input, .cf-chatbot-lead textarea, .cf-chatbot-lead select { min-height:42px; font-size:16px; padding:9px 10px; }
	.cf-chatbot-lead textarea { grid-column:auto; }
	.cf-chatbot-lead > button { height:42px; }
}
@media (max-width:380px) {
	.cf-chatbot-panel { left:6px; right:6px; top:58px; bottom:76px; }
	.cf-chatbot.lead-open .cf-chatbot-panel { top:48px; bottom:72px; }
	.cf-chatbot.lead-open .cf-chatbot-body { max-height:82px; min-height:58px; }
	.cf-chatbot-lead-grid { gap:6px; }
	.cf-chatbot-lead input, .cf-chatbot-lead textarea, .cf-chatbot-lead select { min-height:40px; }
	.cf-chatbot-lead textarea { min-height:68px; }
}