/* Cake By Jade — Chatbot widget styles */
#cbj-chat-btn {
  position: fixed; bottom: 22px; right: 22px; z-index: 9998;
  width: 60px; height: 60px; border-radius: 50%;
  background: #c96f88; border: none; cursor: pointer;
  box-shadow: 0 4px 16px rgba(201,111,136,.45);
  display: flex; align-items: center; justify-content: center;
  transition: transform .2s; padding: 0;
}
#cbj-chat-btn:hover { transform: scale(1.08); }
#cbj-chat-btn svg { width: 28px; height: 28px; fill: #fff; }
#cbj-chat-win {
  position: fixed; bottom: 95px; right: 22px; z-index: 9999;
  width: 340px; max-width: calc(100vw - 40px); height: 480px; max-height: 70vh;
  background: #fff; border-radius: 18px; overflow: hidden;
  box-shadow: 0 8px 32px rgba(0,0,0,.18);
  display: none; flex-direction: column;
  font-family: inherit;
}
#cbj-chat-win.open { display: flex; }
#cbj-chat-head {
  background: #c96f88; color: #fff; padding: 14px 16px;
  display: flex; align-items: center; gap: 10px;
}
#cbj-chat-head .avatar {
  width: 38px; height: 38px; border-radius: 50%; background: #fff;
  display: flex; align-items: center; justify-content: center; font-size: 22px;
}
#cbj-chat-head .who { flex: 1; }
#cbj-chat-head .who b { display: block; font-size: 15px; }
#cbj-chat-head .who span { font-size: 12px; opacity: .9; }
#cbj-chat-close { background: none; border: none; color: #fff; font-size: 20px; cursor: pointer; }
#cbj-chat-body { flex: 1; overflow-y: auto; padding: 14px; background: #FDF6F0; }
.cbj-msg { margin-bottom: 10px; max-width: 85%; padding: 10px 13px; border-radius: 14px; font-size: 14px; line-height: 1.45; }
.cbj-bot { background: #fff; border: 1px solid #e8a0b4; border-bottom-left-radius: 4px; }
.cbj-user { background: #c96f88; color: #fff; margin-left: auto; border-bottom-right-radius: 4px; }
.cbj-bot a { color: #c96f88; font-weight: 600; text-decoration: underline; }
.cbj-quick { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
.cbj-quick button {
  background: #fff; border: 1px solid #c96f88; color: #c96f88;
  border-radius: 20px; padding: 6px 12px; font-size: 12px; cursor: pointer;
}
.cbj-quick button:hover { background: #c96f88; color: #fff; }
#cbj-chat-input { display: flex; border-top: 1px solid #eee; padding: 10px; background: #fff; }
#cbj-chat-input input {
  flex: 1; border: 1px solid #e8a0b4; border-radius: 20px;
  padding: 9px 14px; font-size: 14px; outline: none;
}
#cbj-chat-input button {
  background: #c96f88; color: #fff; border: none; border-radius: 50%;
  width: 38px; height: 38px; margin-left: 8px; cursor: pointer; font-size: 16px;
}