.scm-chatbot-launcher{
  position:fixed;left:22px;bottom:22px;width:58px;height:58px;border:0;border-radius:50%;
  background:linear-gradient(135deg,#0a2a66,#09a8c2);color:#fff;
  box-shadow:0 12px 28px rgba(6,27,63,.24);z-index:5000;cursor:pointer;
  display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700
}
.scm-chatbot-launcher:hover{transform:translateY(-2px)}
.scm-chatbot-launcher .scm-ai-mark{
  width:26px;height:26px;border:2px solid rgba(255,255,255,.95);border-radius:8px;
  display:flex;align-items:center;justify-content:center;font-size:13px;letter-spacing:.02em
}

.scm-chatbot-panel{
  position:fixed;left:22px;bottom:92px;width:360px;max-width:calc(100vw - 32px);
  height:465px;max-height:calc(100vh - 125px);background:#fff;border:1px solid #e4e9f0;
  border-radius:18px;box-shadow:0 18px 48px rgba(6,27,63,.22);overflow:hidden;
  z-index:4999;display:none;flex-direction:column
}
.scm-chatbot-panel.is-open{display:flex}

.scm-chatbot-header{
  background:linear-gradient(120deg,#061b3f,#0a2a66);color:#fff;padding:14px 16px;
  position:relative
}
.scm-chatbot-header strong{display:block;font-size:.95rem}
.scm-chatbot-header small{display:block;opacity:.82;font-size:.72rem;margin-top:2px}
.scm-chatbot-close{
  position:absolute;right:10px;top:8px;width:32px;height:32px;border:0;border-radius:50%;
  background:rgba(255,255,255,.12);color:#fff;font-size:20px;line-height:1;cursor:pointer
}

.scm-chatbot-messages{
  flex:1;overflow-y:auto;padding:14px;background:linear-gradient(180deg,#f7fafc,#fff)
}
.scm-chat-msg{
  max-width:90%;padding:10px 12px;border-radius:13px;font-size:.88rem;line-height:1.5;
  margin-bottom:9px;white-space:pre-line
}
.scm-chat-msg.bot{
  background:#eaf4fb;color:#253858;border:1px solid #d6e7f3;font-weight:500
}
.scm-chat-msg.user{
  margin-left:auto;background:linear-gradient(120deg,#0a2a66,#09a8c2);color:#fff
}
.scm-chat-thinking{opacity:.76;font-style:italic}

.scm-chat-course-action{
  margin:0 0 12px 0;
}
.scm-chat-course-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  background:linear-gradient(120deg,#0a2a66,#09a8c2);
  color:#fff!important;
  text-decoration:none!important;
  font-size:.75rem;
  font-weight:700;
  box-shadow:0 6px 14px rgba(6,27,63,.14);
}
.scm-chat-course-cta:hover{
  text-decoration:none!important;
  filter:brightness(1.04);
}

.scm-chatbot-quick{
  padding:8px 14px 8px;display:flex;flex-wrap:wrap;gap:7px;background:#fff
}
.scm-chatbot-quick button{
  border:1px solid #cfe3ee;background:#f6fbfd;color:#0a2a66;border-radius:999px;
  padding:7px 10px;font-size:.72rem;font-weight:700;cursor:pointer
}
.scm-chatbot-quick button:hover{background:#e8f8fb;border-color:#09a8c2}

.scm-chatbot-form{
  display:flex;gap:8px;padding:10px 12px;border-top:1px solid #e4e9f0;background:#fff
}
.scm-chatbot-input{
  flex:1;min-width:0;height:40px;border:1px solid #d6e0ea;border-radius:10px;
  padding:0 12px;font-size:16px;color:#344054;outline:none
}
.scm-chatbot-input:focus{border-color:#09a8c2;box-shadow:0 0 0 3px rgba(9,168,194,.10)}
.scm-chatbot-send{
  width:42px;height:40px;border:0;border-radius:10px;background:#061b3f;color:#fff;cursor:pointer
}
.scm-chatbot-note{
  font-size:.66rem;line-height:1.3;color:#667085;padding:0 14px 10px;background:#fff
}

@media(max-width:767.98px){
  .scm-chatbot-launcher{left:14px;bottom:14px;width:54px;height:54px}
  .scm-chatbot-panel{left:10px;right:10px;bottom:78px;width:auto;height:64vh;max-width:none}
}