.ai-chat-widget{position:fixed;bottom:20px;right:20px;z-index:99999;font-family:system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;}
.ai-chat-toggle{background:#0a6; color:#fff; border:none; border-radius:999px; padding:10px 14px; cursor:pointer; box-shadow:0 4px 16px rgba(0,0,0,.15);}
.ai-chat-panel{width:360px; max-width:calc(100vw - 40px); height:520px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; box-shadow:0 12px 36px rgba(0,0,0,.18); display:flex; flex-direction:column; overflow:hidden; position:fixed; bottom:74px; right:20px;}
.ai-chat-header{display:flex; align-items:center; justify-content:space-between; padding:10px 12px; background:#f7f7f7; border-bottom:1px solid #eee;}
.ai-chat-title{font-weight:600}
.ai-chat-close{background:transparent;border:none;font-size:18px;cursor:pointer}
.ai-chat-log{flex:1; overflow:auto; padding:12px; background:#fff}
.ai-chat-hint{font-size:12px;color:#666;padding:0 12px 8px;border-bottom:1px dashed #eee}
.ai-chat-form{display:flex; gap:8px; padding:10px; border-top:1px solid #eee}
.ai-chat-form input{flex:1; border:1px solid #ddd; border-radius:10px; padding:10px}
.ai-chat-send{background:#0a6;color:#fff;border:none;border-radius:10px;padding:10px 14px;cursor:pointer}
.ai-chat-msg{margin-bottom:12px}
.ai-chat-role{font-size:11px;color:#666;margin-bottom:4px}
.ai-chat-bubble{background:#f2f2f2;border-radius:12px;padding:10px 12px;display:inline-block;max-width:90%}
.ai-user .ai-chat-bubble{background:#e8f7f1}
@media (max-width: 480px){
  .ai-chat-panel{height:70vh}
}
.ai-chat-bubble{
  white-space: pre-wrap;      /* keep line breaks */
  line-height: 1.45;
  overflow-wrap: anywhere;    /* wrap long URLs/text */
  max-width: 100%;
}
.ai-chat-bubble a{
  text-decoration: underline;
  word-break: break-word;     /* wrap long URLs if they appear */
  display: inline;            /* keep inline with the text */
}