/* «اسأل خبير السيو» — floating bubble + panel (RTL, bottom-left so it never covers WP's own UI). */
#rx-asst-fab { position: fixed; inset-inline-end: 24px; bottom: 24px; z-index: 99990; display: inline-flex; align-items: center; gap: 8px; border: 0; border-radius: 999px; padding: 12px 18px; font-size: 14px; font-weight: 700; color: #fff; cursor: pointer; background: linear-gradient(135deg, #7c3aed, #0f766e); box-shadow: 0 10px 30px rgba(124, 58, 237, .35); }
#rx-asst-fab:hover { transform: translateY(-1px); }
#rx-asst-panel { position: fixed; inset-inline-end: 24px; bottom: 24px; z-index: 99991; width: 380px; max-width: calc(100vw - 32px); height: 560px; max-height: calc(100vh - 80px); display: flex; flex-direction: column; background: #fff; border-radius: 18px; box-shadow: 0 24px 60px rgba(15, 23, 42, .25); overflow: hidden; direction: inherit; }
#rx-asst-panel[hidden], #rx-asst-fab[hidden] { display: none; }
.rx-asst-head { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; color: #fff; background: linear-gradient(135deg, #7c3aed, #0f766e); }
.rx-asst-head button { background: transparent; border: 0; color: #fff; font-size: 20px; cursor: pointer; margin-inline-start: 6px; line-height: 1; }
#rx-asst-body { flex: 1; overflow-y: auto; padding: 14px; background: #f8fafc; display: flex; flex-direction: column; gap: 8px; }
.rx-asst-msg { max-width: 88%; padding: 9px 12px; border-radius: 14px; font-size: 13px; line-height: 1.7; word-wrap: break-word; }
.rx-asst-msg.is-bot { align-self: flex-start; background: #fff; border: 1px solid #e2e8f0; color: #0f172a; }
.rx-asst-msg.is-user { align-self: flex-end; background: #7c3aed; color: #fff; }
.rx-asst-msg a { color: #6d28d9; font-weight: 700; }
.rx-asst-li { display: block; }
.rx-asst-typing { opacity: .7; font-style: italic; }
.rx-asst-starters { display: flex; flex-direction: column; gap: 6px; }
.rx-asst-starter { text-align: start; border: 1px solid #ddd6fe; background: #f5f3ff; color: #5b21b6; border-radius: 10px; padding: 7px 10px; font-size: 12px; cursor: pointer; }
.rx-asst-starter:hover { background: #ede9fe; }
.rx-asst-form { display: flex; gap: 6px; padding: 10px; border-top: 1px solid #e2e8f0; }
#rx-asst-input { flex: 1; resize: none; border-radius: 10px; border: 1px solid #cbd5e1; font-size: 13px; }
#rx-asst-send { border: 0; border-radius: 10px; padding: 0 14px; background: #7c3aed; color: #fff; font-weight: 700; cursor: pointer; }
#rx-asst-foot { font-size: 11px; color: #64748b; text-align: center; padding: 0 10px 8px; }
@media (max-width: 600px) {
	#rx-asst-fab span { display: none; }
	#rx-asst-panel { inset-inline-end: 8px; bottom: 8px; height: calc(100vh - 70px); }
}
.rx-asst-p { display: block; margin: 2px 0; }
.rx-asst-li { margin: 3px 0; }