:root { --rag-brand: #0b5; }
.rag-chat-root { position: fixed; bottom: 24px; z-index: 99999; }
.rag-btn { background: var(--rag-brand); color:#fff; border:none; padding:12px 16px; border-radius: 24px; font-weight:700; box-shadow:0 8px 24px rgba(0,0,0,.2); cursor:pointer; }
.rag-panel { position: fixed; bottom: 84px; width: 340px; max-height: 65vh; right: 24px; background:#fff; border-radius: 12px; box-shadow:0 10px 30px rgba(0,0,0,.25); display:flex; flex-direction:column; overflow:hidden; }
.rag-panel.hidden { display:none; }
.rag-header { background: var(--rag-brand); color:#fff; padding:10px 12px; display:flex; justify-content:space-between; align-items:center; }
.rag-close { background:transparent; color:#fff; border:none; font-size:20px; cursor:pointer; }
.rag-msgs { padding:12px; background:#f7f8f9; overflow:auto; flex:1; }
.rag-msg { background:#fff; border-radius: 10px; padding:8px 10px; margin-bottom:8px; box-shadow:0 1px 2px rgba(0,0,0,.06); }
.rag-msg.user { background:#e9f5ff; align-self:flex-end; }
.rag-form { display:flex; gap:8px; padding:10px; border-top:1px solid #eee; background:#fff; }
.rag-form input { flex:1; padding:8px 10px; border:1px solid #ddd; border-radius:8px; }
.rag-form button { background: var(--rag-brand); color:#fff; border:none; border-radius:8px; padding:8px 12px; cursor:pointer; font-weight:600; }
.rag-upload { padding:10px; border-top:1px solid #eee; display:flex; gap:8px; align-items:center; }
@media (max-width:480px){ .rag-panel{ width: calc(100vw - 32px); right:16px; } }