

.cmhb-btn{
  position:fixed;right:22px;bottom:calc(74px + var(--cmhb-lift,0px));
  z-index:var(--cmhb-z,80);
  width:52px;height:52px;padding:0;
  border:1px solid rgba(139,92,246,.45);border-radius:50%;
  background:var(--grad-btn,linear-gradient(135deg,#7c3aed,#a855f7));
  color:#fff;display:grid;place-items:center;cursor:pointer;
  box-shadow:0 6px 22px rgba(124,58,237,.5);
  transition:transform .18s ease,box-shadow .18s ease;
}
.cmhb-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(124,58,237,.6);}
.cmhb-btn:focus-visible{outline:2px solid #fff;outline-offset:3px;}
.cmhb-btn svg{width:23px;height:23px;}

.cmhb-panel{
  position:fixed;right:22px;bottom:calc(136px + var(--cmhb-lift,0px));
  z-index:var(--cmhb-z,80);
  width:360px;max-width:calc(100vw - 28px);
  height:min(var(--cmhb-h,520px),calc(100vh - 168px - var(--cmhb-lift,0px)));
  display:flex;flex-direction:column;overflow:hidden;
  background:var(--surface,#120d22);
  border:1px solid var(--line,#241a40);
  border-radius:var(--r-lg,16px);
  box-shadow:var(--shadow,0 8px 30px rgba(0,0,0,.45));
  font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;
  color:var(--text,#fff);
}
.cmhb-panel[hidden]{display:none;}

.cmhb-head{
  display:flex;align-items:center;gap:10px;
  padding:14px 14px 10px;border-bottom:1px solid var(--line-soft,#1c1533);
}
.cmhb-title{margin:0;flex:1;font-size:14.5px;font-weight:800;letter-spacing:-.01em;}
.cmhb-x{
  flex:0 0 auto;width:30px;height:30px;padding:0;
  border:1px solid var(--line,#241a40);border-radius:9px;
  background:none;color:var(--muted,#9d93b8);display:grid;place-items:center;cursor:pointer;
}
.cmhb-x:hover{border-color:var(--purple,#8b5cf6);color:var(--text,#fff);}
.cmhb-x:focus-visible{outline:2px solid var(--purple-3,#a855f7);outline-offset:2px;}
.cmhb-x svg{width:14px;height:14px;}

.cmhb-log{
  flex:1;min-height:0;overflow-y:auto;
  padding:12px 14px;display:flex;flex-direction:column;gap:9px;
}
.cmhb-log:focus-visible{outline:2px solid var(--purple-3,#a855f7);outline-offset:-2px;}

.cmhb-turn{display:flex;}
.cmhb-turn.is-me{justify-content:flex-end;}

.cmhb-bubble{
  max-width:86%;padding:9px 11px;border-radius:14px;
  font-size:12.5px;line-height:1.6;
}
.cmhb-turn.is-bot .cmhb-bubble{
  background:var(--surface-2,#171029);border:1px solid var(--line-soft,#1c1533);
  border-bottom-left-radius:5px;color:var(--text,#fff);
}
.cmhb-turn.is-me .cmhb-bubble{
  background:rgba(139,92,246,.16);border:1px solid rgba(139,92,246,.34);
  border-bottom-right-radius:5px;color:var(--text,#fff);
}

.cmhb-turn.is-agent .cmhb-bubble{
  background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);
  border-bottom-left-radius:5px;color:var(--text,#fff);
}
.cmhb-turn.is-sys{justify-content:center;}
.cmhb-turn.is-sys .cmhb-bubble{
  max-width:100%;padding:2px 0;background:none;border:0;
  font-size:11px;text-align:center;color:var(--muted-2,#6f6690);
}

.cmhb-agent{
  display:flex;align-items:center;justify-content:center;gap:6px;
  margin:0;color:var(--text,#fff);
}
.cmhb-av{
  flex:0 0 auto;width:22px;height:22px;border-radius:50%;
  object-fit:cover;background:var(--surface-2,#171029);
  border:1px solid var(--line,#241a40);
}
.cmhb-av.is-ini{
  display:grid;place-items:center;
  font-size:10.5px;font-weight:800;text-transform:uppercase;
  color:var(--purple-3,#a855f7);
}

.cmhb-bubble p{margin:0 0 7px;}
.cmhb-bubble p:last-child{margin-bottom:0;}
.cmhb-bubble .cmhb-ans-t{
  display:block;margin-bottom:4px;font-size:12.5px;font-weight:800;
  color:var(--purple-3,#a855f7);
}

.cmhb-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px;}
.cmhb-chip{
  padding:7px 11px;border-radius:20px;cursor:pointer;
  border:1px solid var(--line,#241a40);background:var(--bg-2,#0c0918);
  color:var(--text,#fff);font:inherit;font-size:11.5px;font-weight:600;
  line-height:1.4;text-align:left;
}
.cmhb-chip em{
  display:block;margin-top:2px;font-style:normal;font-size:9.5px;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;color:var(--purple-3,#a855f7);
}
.cmhb-chip:hover{border-color:var(--purple,#8b5cf6);}
.cmhb-chip:focus-visible{outline:2px solid var(--purple-3,#a855f7);outline-offset:2px;}

.cmhb-bubble .cmhb-h{
  display:block;margin:9px 0 4px;font-size:11px;font-weight:800;
  text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#9d93b8);
}
.cmhb-bubble .cmhb-h:first-child{margin-top:0;}

.cmhb-ul,.cmhb-ol{margin:0 0 7px;padding-left:17px;font-size:12px;line-height:1.6;}
.cmhb-ul{list-style:disc;}
.cmhb-ol{list-style:decimal;}
.cmhb-ul li,.cmhb-ol li{margin:0 0 4px;}
.cmhb-ul li::marker,.cmhb-ol li::marker{color:var(--purple-3,#a855f7);}
.cmhb-ol li b{display:block;font-weight:700;}
.cmhb-ol li span{display:block;color:var(--muted,#9d93b8);}

.cmhb-bubble .cmhb-note{
  margin:0 0 7px;padding:6px 0 6px 9px;font-size:11.5px;
  border-left:2px solid var(--purple,#8b5cf6);color:var(--muted,#9d93b8);
}
.cmhb-bubble .cmhb-note.is-warn{border-left-color:var(--amber,#f59e0b);}

.cmhb-bubble .cmhb-q{display:block;margin:7px 0 2px;font-size:12px;font-weight:700;}

.cmhb-dl{margin:0 0 7px;font-size:12px;line-height:1.6;}
.cmhb-dl dt{font-weight:700;margin-top:6px;}
.cmhb-dl dt:first-child{margin-top:0;}
.cmhb-dl dd{margin:0 0 0 10px;color:var(--muted,#9d93b8);}

.cmhb-more{
  display:inline-flex;align-items:center;gap:5px;margin-top:8px;
  font-size:12px;font-weight:700;color:var(--purple-3,#a855f7);
}
.cmhb-more svg{width:13px;height:13px;}
.cmhb-more:hover{text-decoration:underline;}
.cmhb-more:focus-visible{outline:2px solid var(--purple-3,#a855f7);outline-offset:2px;}

.cmhb-form{
  display:flex;gap:8px;align-items:center;
  padding:10px 14px;border-top:1px solid var(--line-soft,#1c1533);
}
.cmhb-form input{
  flex:1;min-width:0;padding:11px 13px;
  border:1px solid var(--line,#241a40);border-radius:var(--r,12px);
  background:var(--bg-2,#0c0918);color:var(--text,#fff);
  font:inherit;font-size:13.5px;
}
.cmhb-form input::placeholder{color:var(--muted-2,#6f6690);}
.cmhb-form input:focus{
  outline:none;border-color:var(--purple,#8b5cf6);
  box-shadow:0 0 0 3px rgba(139,92,246,.16);
}
.cmhb-send{
  flex:0 0 auto;width:38px;height:38px;padding:0;cursor:pointer;
  border:1px solid rgba(139,92,246,.45);border-radius:11px;
  background:var(--grad-btn,linear-gradient(135deg,#7c3aed,#a855f7));
  color:#fff;display:grid;place-items:center;
}
.cmhb-send svg{width:16px;height:16px;}
.cmhb-send:focus-visible{outline:2px solid #fff;outline-offset:2px;}

.cmhb-foot{
  display:flex;gap:8px;padding:10px 14px 12px;
  border-top:1px solid var(--line-soft,#1c1533);
}
.cmhb-foot a,.cmhb-foot button{
  flex:1;text-align:center;padding:8px 10px;cursor:pointer;
  border:1px solid var(--line,#241a40);border-radius:10px;
  background:none;font:inherit;
  font-size:12px;font-weight:700;color:var(--muted,#9d93b8);
}
.cmhb-foot a:hover,.cmhb-foot button:hover{
  border-color:var(--purple,#8b5cf6);color:var(--text,#fff);
}
.cmhb-foot a:focus-visible,.cmhb-foot button:focus-visible{
  outline:2px solid var(--purple-3,#a855f7);outline-offset:2px;
}

.cmhb-lbl{
  display:block;margin:10px 0 2px;font-size:10px;font-weight:700;
  text-transform:uppercase;letter-spacing:.07em;color:var(--muted-2,#6f6690);
}

.cmhb-ai-by{
  display:block;margin:2px 0 6px;font-size:11px;font-weight:600;
  color:var(--muted-2,#6f6690);
}

.cmhb-order{
  padding:11px 12px;border-radius:var(--r,12px);
  background:var(--bg-2,#0c0918);border:1px solid var(--line,#241a40);
}
.cmhb-order-no{display:block;font-size:13px;font-weight:800;}
.cmhb-when{display:block;margin-top:3px;font-size:11px;color:var(--muted-2,#6f6690);}
.cmhb-pill{
  display:inline-block;margin-top:6px;padding:3px 9px;border-radius:20px;
  font-size:10.5px;font-weight:700;
  background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.34);
  color:var(--purple-3,#a855f7);
}
.cmhb-order dl{margin:10px 0 0;}
.cmhb-order dt{
  font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
  color:var(--muted-2,#6f6690);
}
.cmhb-order dd{margin:3px 0 9px;font-size:12px;line-height:1.6;color:var(--text,#fff);}
.cmhb-order dd:last-child{margin-bottom:0;}

.cmhb-line{
  display:block;
  padding:8px 0;border-top:1px solid var(--line-soft,#1c1533);
  font-size:11.5px;line-height:1.55;color:var(--muted,#9d93b8);
}
a.cmhb-line:hover b{color:var(--purple-3,#a855f7);}
a.cmhb-line:focus-visible{outline:2px solid var(--purple-3,#a855f7);outline-offset:-2px;}
.cmhb-line b{display:block;font-size:12px;color:var(--text,#fff);}
.cmhb-line i{
  display:block;font-style:normal;margin-top:3px;
  color:var(--amber,#f59e0b);font-weight:600;
}

.cmhb-go{
  display:block;margin-top:10px;padding:9px;text-align:center;
  border-radius:10px;background:var(--grad-btn,linear-gradient(135deg,#7c3aed,#a855f7));
  color:#fff;font-size:12.5px;font-weight:700;
}
.cmhb-go:focus-visible{outline:2px solid #fff;outline-offset:2px;}

.cmhb-sr{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

.cmhb[lang="bn"] .cmhb-panel,
.cmhb[lang="bn"] .cmhb-panel input,
.cmhb[lang="bn"] .cmhb-panel button{
  font-family:'Noto Sans Bengali','Hind Siliguri','Kalpurush','SolaimanLipi',
              'Plus Jakarta Sans',sans-serif;
}
.cmhb[lang="bn"] .cmhb-title{letter-spacing:normal;line-height:1.4;}

.cmhb-turn[lang="bn"]{
  font-family:'Noto Sans Bengali','Hind Siliguri','Kalpurush','SolaimanLipi',
              'Plus Jakarta Sans',sans-serif;
}

@media (max-width:480px){
  .cmhb-btn{right:16px;bottom:calc(70px + var(--cmhb-lift,0px));width:48px;height:48px;}
  .cmhb-btn svg{width:21px;height:21px;}
  .cmhb-panel{
    left:12px;right:12px;bottom:calc(126px + var(--cmhb-lift,0px));width:auto;
    height:calc(100vh - 150px - var(--cmhb-lift,0px));
  }
  .cmhb-bubble{max-width:92%;}
  .cmhb-log{padding:10px 11px;}
  .cmhb-form{padding:9px 11px;}
}

@media (prefers-reduced-motion:reduce){
  .cmhb-btn{transition:none;}
  .cmhb-btn:hover{transform:none;}
}
