.bop-chatbot { position: fixed; right: 16px; bottom: 16px; z-index: 9999; }
.bop-btn { border: 0; border-radius: 999px; padding: 10px 16px; background:#0A3161; color:#fff; }
.bop-panel { position: fixed; right: 16px; bottom: 72px; width: 340px; max-height: 70vh;
  background:#fff; border:1px solid #ddd; border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,.2);
  display:none; flex-direction:column; }
.bop-panel[aria-hidden="false"] { display:flex; }
.bop-header { padding:10px; border-bottom:1px solid #eee; display:flex; justify-content:space-between; align-items: center; }
.bop-close { background: none; border: none; font-size: 20px; cursor: pointer; padding: 0 5px; }
.bop-reset { background: #f0f0f0; border: 1px solid #ddd; border-radius: 4px; padding: 4px 8px; font-size: 12px; margin-right: 10px; cursor: pointer; }
.bop-body { padding:12px; flex:1; overflow:auto; }
.bop-form { display:flex; padding:12px; gap:8px; border-top:1px solid #eee; }
.bop-input { flex:1; border:1px solid #ccc; border-radius:8px; padding:8px; }
.bop-send { background:#0078d7; color:#fff; border:0; border-radius:8px; padding:8px 14px; }
.bop-bubble { margin:6px 0; padding:8px 10px; border-radius:10px; max-width:80%; white-space: pre-wrap; }
.bop-user { background:#e8f3ff; margin-left:auto; }
.bop-assistant { background:#f5f5f5; margin-right:auto; }