#simple-chatbot { position: fixed; bottom: 100px; right: 20px; width: 320px; max-height: 420px; overflow: auto; border-radius: 12px; }
#simple-chatbot .scb-header { display:flex; align-items:center; justify-content:space-between; padding:10px 12px; }
#simple-chatbot #sc-avatar { width:28px; height:28px; border-radius:50%; margin-right:8px; object-fit:cover; }
#simple-chatbot #chat-header-text { flex:1; font-weight:600; }
#simple-chatbot .scb-messages .msg { display:inline-block; padding:8px 12px; border-radius:10px; margin:8px 0; max-width:85%; }
#simple-chatbot .scb-options { padding:10px; display:flex; flex-direction:column; gap:8px; }
#simple-chatbot .scb-options .sc-option, #simple-chatbot .scb-options .sc-back { border:0; cursor:pointer; padding:10px 12px; border-radius:8px; text-align:left; }
#simple-chatbot .scb-options.size-small .sc-option, #simple-chatbot .scb-options.size-small .sc-back { font-size:12px; padding:8px 10px; }
#simple-chatbot .scb-options.size-medium .sc-option, #simple-chatbot .scb-options.size-medium .sc-back { font-size:14px; padding:10px 12px; }
#simple-chatbot .scb-options.size-large .sc-option, #simple-chatbot .scb-options.size-large .sc-back { font-size:16px; padding:12px 14px; }
#simple-chatbot-toggle { position: fixed; bottom: 20px; right: 20px; display:flex; align-items:center; justify-content:center; min-width:56px; height:56px; padding:0 14px; border-radius:9999px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }



/* === Chat bubble alignment & colors === */
#simple-chatbot .scb-messages { 
  display: flex; 
  flex-direction: column; 
  gap: 6px; 
  padding: 10px; 
  overflow-y: auto;
}

#simple-chatbot .scb-messages .msg { 
  display: inline-block; 
  padding: 10px 12px; 
  border-radius: 14px; 
  margin: 2px 0; 
  max-width: 85%; 
  line-height: 1.35;
  word-wrap: break-word;
  word-break: break-word;
}

#simple-chatbot .scb-messages .msg.bot {
  align-self: flex-start;
  background: var(--sc-bot-bg, #f1f5f9); /* slate-100 */
  color: var(--sc-bot-fg, #0f172a);      /* slate-900 */
  border-top-left-radius: 4px;
}

#simple-chatbot .scb-messages .msg.user {
  align-self: flex-end;
  background: var(--sc-user-bg, #2563eb); /* blue-600 */
  color: var(--sc-user-fg, #ffffff);
  border-top-right-radius: 4px;
}

#simple-chatbot .scb-messages .msg.user a { color: inherit; text-decoration: underline; }
#simple-chatbot .scb-messages .msg.bot a { color: #0f172a; text-decoration: underline; }

/* Optional: small tail spacing from edges */
#simple-chatbot .scb-messages .msg.bot { margin-right: 40px; }
#simple-chatbot .scb-messages .msg.user { margin-left: 40px; }

/* Typing dots placement */
#simple-chatbot .typing-indicator { 
  padding: 6px 10px; 
  align-self: flex-start; 
}


/* Force flex-based bubble layout (override float-based styles if present) */
#simple-chatbot .scb-messages .msg { float: none !important; clear: none !important; }