/* ========== WT AI Chat – Bubble UI & Typing ========== */
.wt-ai-wrapper{display:grid;grid-template-columns:280px 1fr;gap:16px;max-width:1100px;margin:0 auto}
.wt-ai-sidebar{border:1px solid #e5e7eb;border-radius:16px;background:#0e1114;color:#e5e7eb;overflow:hidden}
.wt-ai-sidebar .head{padding:16px;border-bottom:1px solid #222831;font-weight:700}
.wt-ai-sidebar .body{padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.wt-ai-sidebar img.wt-ai-bot-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;background:#111827;border:1px solid #222831}
.wt-ai-sidebar .wt-ai-bot-name{font-weight:600}
.wt-ai-sidebar .wt-ai-bot-desc{font-size:14px;color:#9aa0a6}

.wt-ai-chatbox{border:1px solid #222831;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;background:#0b0e11;color:#e5e7eb}
.wt-ai-chat-header{padding:12px 16px;border-bottom:1px solid #222831;font-weight:600;opacity:.9}
.wt-ai-chat-messages{padding:16px;overflow:auto;height:520px;background:#0b0e11;scrollbar-width:thin}
.wt-ai-chat-messages::-webkit-scrollbar{width:8px}
.wt-ai-chat-messages::-webkit-scrollbar-thumb{background:#1f2937;border-radius:8px}

.wt-ai-row{display:flex;gap:10px;margin-bottom:12px;align-items:flex-end}
.wt-ai-row.user{justify-content:flex-end}
.wt-ai-row.assistant{justify-content:flex-start}
.wt-ai-row .avatar{width:32px;height:32px;border-radius:50%;background:#111827;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;overflow:hidden;border:1px solid #222831}
.wt-ai-row.user .avatar{order:2}
.wt-ai-row.user .bubble{order:1}
.wt-ai-row.assistant .avatar{order:1}
.wt-ai-row.assistant .bubble{order:2}

.wt-ai-row .bubble{max-width:72%;padding:10px 14px;border-radius:16px;line-height:1.5;font-size:15px;white-space:pre-wrap;word-wrap:break-word;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.wt-ai-row.user .bubble{background:linear-gradient(180deg,#f59e0b,#d97706);color:#0b0e11;border-top-right-radius:4px}
.wt-ai-row.assistant .bubble{background:#111827;color:#e5e7eb;border-top-left-radius:4px;border:1px solid #222831}

.wt-ai-typing .dot{width:6px;height:6px;border-radius:50%;background:#9aa0a6;display:inline-block;margin-right:4px;animation:wt-pulse 1.2s infinite ease-in-out}
.wt-ai-typing .dot:nth-child(2){animation-delay:.15s}
.wt-ai-typing .dot:nth-child(3){animation-delay:.3s}
@keyframes wt-pulse{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}

.wt-ai-chat-inputbar{display:flex;gap:10px;padding:12px;border-top:1px solid #222831;background:#0b0e11}
.wt-ai-chat-input{flex:1;border:1px solid #222831;border-radius:12px;background:#0e1114;color:#e5e7eb;padding:10px 12px;outline:none}
.wt-ai-chat-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.15)}
.wt-ai-chat-send{border:1px solid #222831;border-radius:12px;padding:10px 16px;background:#111827;color:#e5e7eb;cursor:pointer}
.wt-ai-chat-send:hover{background:#1f2937}
.wt-ai-chat-send[disabled]{opacity:.6;cursor:not-allowed}

.wt-ai-chat-status{font-size:12px;color:#9aa0a6;padding:6px 14px;border-top:1px dashed #222831;display:none}
.wt-ai-chatbox.loading .wt-ai-chat-status{display:block}
@media (max-width: 900px){
  .wt-ai-wrapper{grid-template-columns:1fr}
  .wt-ai-sidebar{display:none}
  .wt-ai-chat-messages{height:70vh}
}