.chat-section { display:none;background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.2); border-radius: 16px; margin: 20px 0; overflow: hidden; }
.chat-header { padding: 14px 18px; border-bottom: 1px solid rgba(255,255,255,0.12); display: flex; justify-content: space-between; align-items: center; background: rgba(255,255,255,0.07); }
.chat-title { color: white; font-weight: bold; font-size: 15px; }
.chat-messages { padding: 16px; max-height: 350px; overflow-y: auto; display: flex; flex-direction: column; gap: 14px; background: rgba(255,255,255,0.04); }
.chat-bubble { display: flex; align-items: flex-start; gap: 10px; max-width: 100%; }
.chat-bubble.user { flex-direction: row-reverse; }
.chat-avatar { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; flex-shrink: 0; border: 1.5px solid rgba(151,107,255,0.4); margin-top: 2px; }
.chat-bubble-text { padding: 11px 15px; border-radius: 14px; font-size: 14px; line-height: 1.55; white-space: pre-wrap; }
.chat-bubble.assistant .chat-bubble-text { background: rgba(255,255,255,0.13); border: 1px solid rgba(255,255,255,0.18); color: rgba(255,255,255,0.95); border-radius: 4px 14px 14px 14px; }
.chat-input-area { padding: 12px 16px; display: flex; gap: 10px; border-top: 1px solid rgba(255,255,255,0.1); align-items: flex-end; background: rgba(255,255,255,0.05); }
.chat-input { flex: 1; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); border-radius: 10px; padding: 10px 14px; color: white; font-size: 14px; resize: none; outline: none; font-family: inherit; }
.chat-input:focus { border-color: rgba(151,107,255,0.6); }
.chat-input::placeholder { color: rgba(255,255,255,0.3); }
.chat-send-btn { width: 42px; height: 42px; background: linear-gradient(135deg, rgba(151,107,255,1), rgba(255,133,231,1)); border: none; border-radius: 10px; color: white; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 16px; }
.chat-send-btn:disabled { opacity: 0.45; cursor: not-allowed; }