#rpai-root { position: fixed; bottom: 24px; right: 24px; z-index: 99999; }
#rpai-launcher {
  background: #2d7d87; color: #fff; border: none; border-radius: 999px;
  width: 56px; height: 56px; box-shadow: 0 6px 18px rgba(0,0,0,.2); cursor:pointer; font-weight:600;
}
#rpai-panel {
  position: fixed; bottom: 96px; right: 24px; width: 340px; max-height: 70vh;
  background: #fff; border-radius: 16px; box-shadow: 0 20px 60px rgba(0,0,0,.25);
  display:none; overflow:hidden; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
#rpai-panel.open { display:block; }
.rpai-header { color:#fff; padding:10px 12px; display:flex; align-items:center; justify-content:space-between; }
.rpai-header-left { display:flex; gap:8px; align-items:center; }
.rpai-title { font-weight:700; }
.rpai-close { background: transparent; border:none; color:#fff; font-size:20px; cursor:pointer; }
.rpai-avatar { width:26px; height:26px; border-radius:999px; object-fit:cover; background:#fff2; }

.rpai-messages { padding: 12px; overflow-y: auto; max-height: calc(70vh - 120px); background:#f7faf9; }
.rpai-row { display:flex; gap:8px; align-items:flex-start; }
.rpai-bubble { margin: 8px 0; padding: 10px 12px; border-radius: 14px; line-height: 1.4;
  word-wrap: break-word; white-space: pre-wrap; font-size: 14px; }
.rpai-bubble.user { background:#e3f2ef; margin-left: 40px; }
.rpai-bubble.assistant { background:#fff; margin-right: 40px; border:1px solid #eef2f1; }
.rpai-bubble-avatar { width:24px; height:24px; border-radius:999px; object-fit:cover; margin-top:8px; }

.rpai-input { border-top:1px solid #eef2f1; padding: 8px; display:flex; gap:8px; background:#fff; }
.rpai-input input { flex:1; border:1px solid #d9e7e3; border-radius: 12px; padding:10px 12px; outline:none; }
.rpai-input button { background:#2d7d87; color:#fff; border:none; border-radius: 12px; padding:10px 14px; font-weight:600; cursor:pointer; }