#local-chatbot-container { position: fixed; bottom: 25px; right: 25px; z-index: 999999; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
#chatbot-toggle { background: #0073aa; color: white; padding: 12px 22px; border-radius: 30px; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,0.15); font-weight: bold; font-size: 14px; }
#chatbot-box { width: 330px; height: 460px; background: white; border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.2); display: flex; flex-direction: column; overflow: hidden; margin-bottom: 12px; transition: all 0.3s ease; }
#chatbot-header { background: #0073aa; color: white; padding: 15px; font-weight: bold; font-size: 15px; text-align: center; }

/* Styling Area Form Registrasi */
#chatbot-form-reg { padding: 20px; display: flex; flex-direction: column; background: #fff; height: 100%; box-sizing: border-box; justify-content: center; }
.wplcb-form-group { margin-bottom: 12px; }
#chatbot-form-reg input { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 6px; box-sizing: border-box; font-size: 13px; outline: none; }
#chatbot-form-reg input:focus { border-color: #0073aa; }
#wplcb_btn_start { background: #0073aa; color: white; border: none; padding: 12px; border-radius: 6px; cursor: pointer; font-weight: bold; font-size: 14px; transition: background 0.2s; }
#wplcb_btn_start:hover { background: #005984; }

/* Styling Ruang Obrolan Chat */
#chatbot-chat-area { display: flex; flex-direction: column; flex: 1; overflow: hidden; height: calc(100% - 48px); }
#chatbot-messages { flex: 1; padding: 15px; overflow-y: auto; background: #f4f6f9; display: flex; flex-direction: column; gap: 10px; }
.chat-msg { padding: 10px 14px; border-radius: 12px; max-width: 82%; font-size: 13.5px; line-height: 1.45; word-wrap: break-word; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.chat-msg.user { background: #e2f7cb; align-self: flex-end; color: #333; border-bottom-right-radius: 2px; }
.chat-msg.bot { background: #ffffff; align-self: flex-start; color: #333; border-bottom-left-radius: 2px; border: 1px solid #eaeaea; white-space: pre-line; }

/* Styling Elemen Input Pesan */
#chatbot-input-container { display: flex; border-top: 1px solid #eee; padding: 8px; background: #fff; }
#chatbot-input { flex: 1; border: none; padding: 10px; outline: none; font-size: 13px; }
#chatbot-input-container button { background: #0073aa; color: white; border: none; padding: 0 16px; cursor: pointer; border-radius: 6px; font-weight: bold; font-size: 13px; }

/* Styling Tombol Kronologi Tindak Lanjut */
.chat-btn-container { display: flex; flex-direction: column; gap: 6px; align-self: flex-start; width: 100%; margin-top: 4px; }
.chat-btn-container button { background: #fff; color: #0073aa; border: 1px solid #0073aa; padding: 8px 12px; border-radius: 6px; cursor: pointer; text-align: left; font-size: 12.5px; font-weight: 500; transition: all 0.2s ease; line-height: 1.3; }
.chat-btn-container button:hover { background: #0073aa; color: white; }