:root{
  --smg-scb-primary:#111;
  --smg-scb-accent:#2ecc71;
  --smg-scb-bg:#f6f7f9;
  --smg-scb-bot-bubble:#fff;
  --smg-scb-bot-text:#111;
  --smg-scb-user-bubble:#111;
  --smg-scb-user-text:#fff;
  --smg-scb-radius:16px;
}

#smg-scb-root{ position:fixed; bottom:18px; z-index:999999; font-family:Arial, sans-serif; }
#smg-scb-root.smg-scb-pos-right{ right:18px; }
#smg-scb-root.smg-scb-pos-left{ left:18px; }

#smg-scb-fab{
  width:56px; height:56px; border-radius:999px;
  border:none; cursor:pointer;
  box-shadow:0 10px 30px rgba(0,0,0,.2);
  background: var(--smg-scb-fab-bg, var(--smg-scb-primary)) !important;
  color: var(--smg-scb-fab-text, #fff) !important;
  font-size:22px;
  display:flex; align-items:center; justify-content:center;
}

#smg-scb-panel{
  width:340px; height:520px;
  background:#fff; border-radius:calc(var(--smg-scb-radius) * 1px);
  box-shadow:0 18px 60px rgba(0,0,0,.25);
  overflow:hidden;
  position:absolute;
  bottom:70px;
  display:flex; flex-direction:column;
}
#smg-scb-root.smg-scb-pos-right #smg-scb-panel{ right:0; }
#smg-scb-root.smg-scb-pos-left #smg-scb-panel{ left:0; }

.smg-scb-hidden{ display:none !important; }

#smg-scb-header{
  padding:12px;
  display:flex; align-items:center; justify-content:space-between;
  background: var(--smg-scb-header-bg, var(--smg-scb-primary)) !important;
  color: var(--smg-scb-header-text, #fff) !important;
  border-bottom:1px solid rgba(255,255,255,.12);
}
#smg-scb-header .smg-scb-title,
#smg-scb-header .smg-scb-subtitle{ color: var(--smg-scb-header-text, #fff) !important; }

.smg-scb-title{ display:flex; align-items:center; gap:10px; }
.smg-scb-dot{ width:12px; height:12px; border-radius:50%; background:var(--smg-scb-accent); }
.smg-scb-logo{ width:64px !important; height:64px !important; border-radius:50% !important; object-fit:cover !important; flex:0 0 64px !important; }
.smg-scb-h1{ font-weight:700; font-size:14px; line-height:1.1; }
.smg-scb-h2{ opacity:.82; font-size:12px; margin-top:2px; }

#smg-scb-close{ border:none; background:transparent; color: var(--smg-scb-close-color, #fff) !important; cursor:pointer; font-size:16px; }

#smg-scb-messages{
  flex:1;
  padding:12px;
  overflow:auto;
  background:var(--smg-scb-bg);
}
.smg-scb-msg{ margin:10px 0; display:flex; }
.smg-scb-msg.user{ justify-content:flex-end; }
.smg-scb-bubble{
  max-width:80%;
  padding:10px 12px;
  border-radius:14px;
  font-size:13px;
  line-height:1.35;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  border:1px solid rgba(0,0,0,.06);
  white-space:pre-wrap;
}
.smg-scb-msg.bot .smg-scb-bubble{ background:var(--smg-scb-bot-bubble); color:var(--smg-scb-bot-text); }
.smg-scb-msg.user .smg-scb-bubble{ background:var(--smg-scb-user-bubble); color:var(--smg-scb-user-text); border-color:transparent; }

#smg-scb-quick{
  padding:8px 12px;
  display:flex; flex-wrap:wrap; gap:8px;
  border-top:1px solid #eee;
  background:#fff;
}
.smg-scb-chip{
  border:1px solid #ddd;
  background:#fff;
  padding:8px 10px;
  border-radius:999px;
  cursor:pointer;
  font-size:12px;
}
.smg-scb-chip:hover{ border-color:#bbb; }

#smg-scb-form{
  display:flex; gap:8px;
  padding:10px 12px;
  border-top:1px solid #eee;
  background:#fff;
}
#smg-scb-input{
  flex:1; border:1px solid #ddd; border-radius:12px;
  padding:10px; font-size:13px; outline:none;
}
#smg-scb-send{
  border:none; cursor:pointer;
  border-radius:10px;
  padding:10px 14px;
  background: var(--smg-scb-send-bg, var(--smg-scb-primary)) !important;
  color: var(--smg-scb-send-text, #fff) !important;
  font-weight:600;
}


@media (max-width: 420px){
  #smg-scb-panel{ width:92vw; height:72vh; }
}


#smg-scb-footer.smg-scb-footer{
  padding: 8px 12px 12px;
  font-size: 11px;
  line-height: 1.3;
  opacity: .75;
  background: #fff;
  border-top: 1px solid #eee;
}


.smg-scb-footer a{
  color: inherit;
  text-decoration: none;
}
.smg-scb-footer a:hover{
  text-decoration: underline;
}

.smg-scb-head-left{ display:flex; align-items:center; gap:10px; }

.smg-scb-header{ background: var(--smg-scb-header-bg) !important; color: var(--smg-scb-header-text) !important; padding:14px 14px; display:flex; align-items:center; }


/* Color variables overrides */
.smg-scb-header .smg-scb-title,
.smg-scb-header .smg-scb-subtitle{
  color: var(--smg-scb-header-text) !important;
}

.smg-scb-msg.bot .bubble{
  background: var(--smg-scb-bot-bg) !important;
  color: var(--smg-scb-bot-text) !important;
}
.smg-scb-msg.user .bubble{
  background: var(--smg-scb-user-bg) !important;
  color: var(--smg-scb-user-text) !important;
}

.smg-scb-input button{
  background: var(--smg-scb-btn-bg) !important;
  color: var(--smg-scb-btn-text) !important;
}

/* Avatar circle bigger */
.smg-scb-logo{ width:64px !important; height:64px !important; border-radius:50% !important; object-fit:cover !important; flex:0 0 64px !important; }


/* --- SMG SCB: Force styles for quick option buttons (theme-proof) --- */
#smg-scb-root .smg-scb-quick,
#smg-scb-root .smg-scb-quick *{
  box-sizing:border-box;
}

#smg-scb-root button.smg-scb-chip,
#smg-scb-root .smg-scb-chip{
  background:#ffffff !important;
  color:#111827 !important;
  border:1px solid #d1d5db !important;
  border-radius:999px !important;
  padding:8px 12px !important;
  font-size:12px !important;
  line-height:1.1 !important;
  font-weight:600 !important;
  text-decoration:none !important;
  cursor:pointer !important;
  -webkit-appearance:none !important;
  appearance:none !important;
  box-shadow:none !important;
  transition:background-color .15s ease, border-color .15s ease, color .15s ease !important;
}

#smg-scb-root button.smg-scb-chip:hover,
#smg-scb-root .smg-scb-chip:hover{
  background:#f3f4f6 !important;
  color:#111827 !important;
  border-color:#9ca3af !important;
}

#smg-scb-root button.smg-scb-chip:focus,
#smg-scb-root button.smg-scb-chip:focus-visible,
#smg-scb-root .smg-scb-chip:focus,
#smg-scb-root .smg-scb-chip:focus-visible{
  outline:2px solid rgba(17,24,39,.25) !important;
  outline-offset:2px !important;
}

#smg-scb-root button.smg-scb-chip:active,
#smg-scb-root .smg-scb-chip:active{
  transform:translateY(1px) !important;
}
/* --- end quick buttons --- */


/* SMG Smart Chatbox v1.5.1 typing + richer conversation */
#smg-scb-root .smg-scb-typing{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  width:auto !important;
  min-width:46px !important;
  padding:10px 12px !important;
}
#smg-scb-root .smg-scb-typing span{
  width:6px;
  height:6px;
  border-radius:50%;
  background:currentColor;
  opacity:.35;
  animation:smgScbTyping 1s infinite ease-in-out;
}
#smg-scb-root .smg-scb-typing span:nth-child(2){ animation-delay:.15s; }
#smg-scb-root .smg-scb-typing span:nth-child(3){ animation-delay:.3s; }
@keyframes smgScbTyping{
  0%, 80%, 100%{ transform:translateY(0); opacity:.35; }
  40%{ transform:translateY(-3px); opacity:.9; }
}
#smg-scb-root .smg-scb-bubble a{
  color:var(--smg-scb-primary);
  font-weight:700;
  text-decoration:underline;
}


/* --- Launcher style: support profile button --- */
#smg-scb-root.smg-scb-launcher-profile #smg-scb-fab{
  width:auto !important;
  height:auto !important;
  min-height:62px;
  padding:7px 14px 7px 7px !important;
  gap:10px;
  background:#ffffff !important;
  color:#152017 !important;
  border:1px solid rgba(0,0,0,.08) !important;
  box-shadow:0 14px 42px rgba(0,0,0,.24) !important;
}
#smg-scb-root.smg-scb-launcher-profile .smg-scb-fab-profile-avatar{
  position:relative;
  width:52px;
  height:52px;
  flex:0 0 52px;
  display:block;
}
#smg-scb-root.smg-scb-launcher-profile .smg-scb-fab-profile-avatar img,
#smg-scb-root.smg-scb-launcher-profile .smg-scb-fab-profile-fallback{
  width:52px;
  height:52px;
  border-radius:50%;
  object-fit:cover;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--smg-scb-fab-bg, var(--smg-scb-primary));
  color:var(--smg-scb-fab-text, #fff);
  font-size:22px;
}
#smg-scb-root.smg-scb-launcher-profile .smg-scb-online-dot{
  position:absolute;
  right:0;
  bottom:3px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:var(--smg-scb-online-color, #19C463);
  border:3px solid #fff;
  box-shadow:0 0 0 4px color-mix(in srgb, var(--smg-scb-online-color, #19C463) 20%, transparent);
}
#smg-scb-root.smg-scb-launcher-profile .smg-scb-fab-profile-text{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  line-height:1.1;
  white-space:nowrap;
}
#smg-scb-root.smg-scb-launcher-profile .smg-scb-fab-profile-text strong{
  font-size:14px;
  font-weight:800;
  color:#152017;
}
#smg-scb-root.smg-scb-launcher-profile .smg-scb-fab-profile-text em{
  margin-top:3px;
  font-style:normal;
  font-size:12px;
  font-weight:700;
  color:var(--smg-scb-online-color, #19C463);
}
@media (max-width: 480px){
  #smg-scb-root.smg-scb-launcher-profile #smg-scb-fab{
    padding:7px !important;
    min-height:60px;
  }
  #smg-scb-root.smg-scb-launcher-profile .smg-scb-fab-profile-text{
    display:none;
  }
  #smg-scb-root.smg-scb-launcher-profile .smg-scb-fab-profile-avatar,
  #smg-scb-root.smg-scb-launcher-profile .smg-scb-fab-profile-avatar img,
  #smg-scb-root.smg-scb-launcher-profile .smg-scb-fab-profile-fallback{
    width:56px;
    height:56px;
  }
}
/* --- end launcher profile button --- */