.slchat{
  --c-ink:#0C2333; --c-body:#4A5A66; --c-accent:#0A7EA4;
  --c-line:#E4EBF1; --c-tint:#F6F9FB; --c-r:14px;
  max-width:780px;margin:0 auto;
  border:1px solid var(--c-line);border-radius:var(--c-r);background:#fff;
  box-shadow:0 1px 2px rgba(12,35,51,.05),0 14px 34px -18px rgba(12,35,51,.22);
  overflow:hidden;
}
.slchat *,.slchat *::before,.slchat *::after{box-sizing:border-box;}
.slchat__head{display:flex;align-items:center;gap:14px;padding:18px 20px;
  background:linear-gradient(135deg,#0C2333,#15374E);}
.slchat__avatar{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.12);color:#7FD4EE;}
.slchat__avatar svg{width:24px;height:24px;}
.slchat__head-txt{display:flex;flex-direction:column;min-width:0;}
.slchat .slchat__head-txt strong{font-family:var(--wp--preset--font-family--jost,inherit);
  font-weight:600;font-size:16.5px;color:#fff !important;line-height:1.25;}
.slchat .slchat__head-txt span{font-size:13px;color:#A9C4D4 !important;line-height:1.5;margin-top:2px;}

.slchat__log{padding:20px;max-height:460px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;}
.slchat__log:empty{display:none;}
.slchat__msg{max-width:88%;padding:13px 16px;border-radius:14px;font-size:15.5px;line-height:1.65;}
.slchat__msg p{margin:0 0 9px;max-width:none;}
.slchat__msg p:last-child{margin:0;}
.slchat__msg ol,.slchat__msg ul{margin:8px 0;padding-left:20px;}
.slchat__msg li{margin:0 0 6px;}
.slchat .slchat__msg--me{align-self:flex-end;background:var(--c-accent);color:#fff !important;border-bottom-right-radius:5px;}
.slchat .slchat__msg--me *{color:#fff !important;}
.slchat .slchat__msg--bot{align-self:flex-start;background:var(--c-tint);border:1px solid var(--c-line);
  color:var(--c-body) !important;border-bottom-left-radius:5px;}
.slchat .slchat__msg--bot strong{color:var(--c-ink) !important;}
.slchat__msg--err{align-self:stretch;background:#FCF0EF;border:1px solid #F3D3D0;color:#7A1C16 !important;}

.slchat__dots{display:inline-flex;gap:5px;align-items:center;padding:4px 0;}
.slchat__dots i{width:7px;height:7px;border-radius:50%;background:#9FB6C5;display:block;
  animation:slchatBounce 1.3s infinite ease-in-out;}
.slchat__dots i:nth-child(2){animation-delay:.16s}
.slchat__dots i:nth-child(3){animation-delay:.32s}
@keyframes slchatBounce{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-5px);opacity:1}}

.slchat__starters{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 4px;}
.slchat__log:empty + .slchat__starters{padding-top:20px;}
.slchat .slchat__chip{
  font-family:var(--wp--preset--font-family--jost,inherit);
  font-size:14px;font-weight:500;color:var(--c-ink) !important;
  background:#fff;border:1.5px solid var(--c-line);border-radius:99px;
  padding:8px 15px;cursor:pointer;transition:border-color .16s ease,background .16s ease;}
.slchat .slchat__chip:hover{border-color:var(--c-accent);background:#F2F9FC;}

.slchat__form{display:flex;align-items:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--c-line);}
.slchat textarea{
  flex:1 1 auto;border:1.5px solid var(--c-line);border-radius:11px;
  padding:12px 14px;font:inherit;font-size:15.5px;line-height:1.5;color:var(--c-ink);
  resize:none;max-height:150px;background:#fff;
  transition:border-color .16s ease,box-shadow .16s ease;}
.slchat textarea:focus{outline:0;border-color:var(--c-accent);box-shadow:0 0 0 3px rgba(10,126,164,.15);}
.slchat .slchat__send{
  flex:0 0 auto;width:46px;height:46px;border:0;border-radius:11px;cursor:pointer;
  background:var(--c-accent);color:#fff !important;display:inline-flex;align-items:center;justify-content:center;
  transition:background .16s ease,transform .16s ease;}
.slchat .slchat__send svg{width:21px;height:21px;}
.slchat .slchat__send:hover:not(:disabled){background:#075F7D;transform:translateY(-1px);}
.slchat .slchat__send:disabled{opacity:.5;cursor:default;}
.slchat__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

.slchat__cta{align-self:flex-start;max-width:88%;}
.slchat .slchat__cta a{
  display:inline-block;font-family:var(--wp--preset--font-family--jost,inherit);
  font-weight:600;font-size:14.5px;background:var(--c-ink);color:#fff !important;
  padding:11px 20px;border-radius:9px;text-decoration:none !important;
  transition:background .16s ease,transform .16s ease;}
.slchat .slchat__cta a:hover{background:#15374E;transform:translateY(-1px);}

.slchat .slchat__foot{
  margin:0;padding:0 20px 18px;font-size:12.5px;line-height:1.6;color:#7A8B97 !important;}
.slchat .slchat__foot a{color:var(--c-accent) !important;font-weight:600;}

.slchat__cta--handover{display:flex;flex-direction:column;gap:9px;align-items:flex-start;}
.slchat .slchat__cta--handover a:first-child{background:var(--c-accent);}
.slchat .slchat__cta--handover a:first-child:hover{background:#075F7D;}
.slchat .slchat__cta-tel{
  background:transparent !important;color:var(--c-accent) !important;
  padding:0 !important;font-size:14px !important;font-weight:600;
  border-bottom:1px solid currentColor;border-radius:0 !important;}
.slchat .slchat__cta-tel:hover{background:transparent !important;transform:none !important;color:#075F7D !important;}
.slchat textarea:disabled{background:var(--c-tint);color:#8A9AA6;cursor:not-allowed;}

@media (max-width:600px){
  .slchat__log{padding:16px;max-height:52vh;}
  .slchat__msg{max-width:94%;font-size:15px;}
  .slchat__form{padding:13px 16px;}
  .slchat__starters{padding-inline:16px;}
  .slchat .slchat__foot{padding-inline:16px;}
  .slchat__head{padding:15px 16px;}
}
@media (prefers-reduced-motion:reduce){
  .slchat *{transition:none !important;animation:none !important;}
}