.safetech-chatbot-root, .safetech-chatbot-root *{box-sizing:border-box}
.safetech-chatbot-root{
  --safe-green:#69b878;--safe-green-dark:#52735d;--safe-green-soft:#eaf6ed;
  --safe-text:#25372d;--safe-muted:#607269;--safe-panel:#f2f5f3;
  --safe-border:#d5e2d8;--safe-white:#fff;--safe-shadow:0 18px 52px rgba(28,46,37,.20);
  font-family:Arial,Helvetica,sans-serif;color:var(--safe-text)
}
.safetech-chatbot-root .safe-launcher{
  position:fixed;right:22px;bottom:22px;width:76px;height:76px;border:0;padding:0;
  border-radius:50%;background:transparent;z-index:99998;display:flex;align-items:center;
  justify-content:center;cursor:pointer;box-shadow:0 12px 30px rgba(76,150,94,.28);
  transition:transform .17s ease
}
.safetech-chatbot-root .safe-launcher:hover{transform:translateY(-2px) scale(1.01)}
.safetech-chatbot-root .safe-launcher img{width:76px;height:76px;display:block}
.safetech-chatbot-root .online{
  position:absolute;top:3px;right:3px;width:17px;height:17px;border:3px solid #fff;
  background:#17a868;border-radius:50%;box-shadow:0 2px 8px rgba(23,168,104,.25)
}
.safetech-chatbot-root .safe-panel{
  position:fixed;right:22px;bottom:108px;width:min(425px,calc(100vw - 28px));
  height:min(675px,calc(100vh - 134px));display:none;flex-direction:column;overflow:hidden;
  border-radius:18px;background:var(--safe-panel);border:1px solid var(--safe-border);
  box-shadow:var(--safe-shadow);z-index:99999
}
.safetech-chatbot-root .safe-panel.open{display:flex;animation:safeRise .2s ease-out}
@keyframes safeRise{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
.safetech-chatbot-root .safe-header{
  position:relative;background:#fff;display:flex;align-items:flex-start;gap:12px;
  padding:12px 14px 10px;border-bottom:4px solid var(--safe-green)
}
.safetech-chatbot-root .safe-logo-box{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.safetech-chatbot-root .safe-logo-box img{width:100%;max-width:330px;height:auto;display:block}
.safetech-chatbot-root .close{
  border:0;background:transparent;color:var(--safe-green-dark);font-size:31px;line-height:1;
  cursor:pointer;padding:2px 4px;margin-top:2px;flex:0 0 auto
}
.safetech-chatbot-root .messages{
  flex:1;overflow-y:auto;padding:14px 12px 8px;background:#f2f5f3;scroll-behavior:smooth
}
.safetech-chatbot-root .row{display:flex;margin-bottom:11px}
.safetech-chatbot-root .row.user{justify-content:flex-end}
.safetech-chatbot-root .msg{
  max-width:92%;padding:11px 13px;border-radius:14px;background:#fff;border:1px solid var(--safe-border);
  font-size:14px;line-height:1.46;white-space:pre-line;color:var(--safe-text)
}
.safetech-chatbot-root .row.bot .msg{border-bottom-left-radius:5px}
.safetech-chatbot-root .row.user .msg{
  background:var(--safe-green);color:#fff;border-color:var(--safe-green);border-bottom-right-radius:5px
}
.safetech-chatbot-root .row.system .msg{background:var(--safe-green-soft)}
.safetech-chatbot-root .options{display:flex;flex-wrap:wrap;gap:8px;margin:3px 0 14px}
.safetech-chatbot-root .option{
  border:1px solid var(--safe-green);background:#fff;color:var(--safe-green-dark);
  border-radius:18px;padding:9px 13px;font-size:13px;cursor:pointer
}
.safetech-chatbot-root .option:hover{color:#fff;background:var(--safe-green)}
.safetech-chatbot-root .card{
  background:#fff;border:1px solid var(--safe-border);border-radius:14px;padding:12px;margin:3px 0 12px
}
.safetech-chatbot-root .card-title{
  font-weight:700;color:var(--safe-green-dark);font-size:14px;margin:0 0 6px
}
.safetech-chatbot-root .card-text{
  font-size:12.8px;line-height:1.42;color:var(--safe-muted);margin:0 0 10px
}
.safetech-chatbot-root .card-note{
  font-size:11.5px;color:#697970;background:#eef7f0;border:1px solid #c9dfcd;
  border-radius:8px;padding:7px 8px;margin-bottom:10px
}
.safetech-chatbot-root .action{
  display:block;text-decoration:none!important;text-align:center;border-radius:10px;padding:11px 10px;
  font-weight:700;font-size:13px;background:var(--safe-green);color:#fff!important;border:1px solid var(--safe-green)
}
.safetech-chatbot-root .inputbar{
  padding:10px;display:flex;gap:8px;align-items:flex-end;background:#fff;border-top:1px solid var(--safe-border)
}
.safetech-chatbot-root .input{
  flex:1;min-height:43px;max-height:83px;resize:none;border:1px solid #cbd9d0;border-radius:13px;
  background:#fff;padding:12px;font-size:14px;color:var(--safe-text);outline:none
}
.safetech-chatbot-root .input:focus{border-color:var(--safe-green)}
.safetech-chatbot-root .send{
  width:43px;height:43px;border:0;border-radius:12px;background:var(--safe-green);color:#fff;
  cursor:pointer;display:flex;align-items:center;justify-content:center
}
.safetech-chatbot-root .legal{
  text-align:center;font-size:10.8px;color:var(--safe-muted);padding:0 12px 10px;background:#fff
}
.safetech-chatbot-root .test-badge{
  padding:6px 12px;text-align:center;font-size:11px;background:#eaf6ed;color:#52735d;border-top:1px solid #d5e2d8
}
@media(max-width:520px){
 .safetech-chatbot-root .safe-panel{
   right:7px;left:7px;width:auto;bottom:96px;height:min(700px,calc(100vh - 108px))
 }
 .safetech-chatbot-root .safe-launcher{right:12px;bottom:12px;width:68px;height:68px}
 .safetech-chatbot-root .safe-launcher img{width:68px;height:68px}
 .safetech-chatbot-root .safe-logo-box img{max-width:285px}
}