#sgai-root { position: fixed; right: 20px; bottom: 20px; z-index: 99999; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;}
#sgai-root [data-theme="dark"], #sgai-root .dark { background: #111; color: #eee; }
.sgai-bubble { width: 56px; height: 56px; border-radius: 999px; border: none; box-shadow: 0 8px 24px rgba(0,0,0,.2); font-size: 24px; cursor: pointer; background: #0ea5e9; color: #fff; }
.sgai-panel { position: absolute; right: 0; bottom: 72px; width: 360px; max-height: 70vh; background: #fff; border: 1px solid #e5e7eb; border-radius: 16px; box-shadow: 0 12px 40px rgba(0,0,0,.18); display: flex; flex-direction: column; overflow: hidden; }
.sgai-panel.hidden { display: none; }
.sgai-header { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; background: #0ea5e9; color: #fff; }
.sgai-title { font-weight: 700; }
.sgai-close { background: transparent; color: #fff; border: 0; font-size: 20px; cursor: pointer; }
.sgai-subtitle { padding: 8px 12px; font-size: 12px; color: #374151; background: #f9fafb; }
.sgai-body { padding: 8px 12px; overflow: auto; }
.sgai-messages { display: flex; flex-direction: column; gap: 8px; max-height: 42vh; overflow-y: auto; padding: 8px 0; }
.sgai-msg { padding: 8px 12px; border-radius: 14px; max-width: 80%; line-height: 1.4; }
.sgai-msg.user { align-self: flex-end; background: #e5f3ff; color: #0b2546; }
.sgai-msg.assistant { align-self: flex-start; background: #f3f4f6; color: #111827; }
.sgai-links { display: flex; flex-direction: column; gap: 6px; margin: 8px 0; }
.sgai-links a { text-decoration: none; font-size: 12px; color: #0ea5e9; }
.sgai-formwrap { display: flex; gap: 8px; padding: 8px 12px 12px; border-top: 1px solid #e5e7eb; }
.sgai-input { flex: 1; padding: 10px 12px; border: 1px solid #e5e7eb; border-radius: 12px; }
.sgai-send { padding: 10px 14px; border: none; border-radius: 12px; background: #0ea5e9; color: #fff; cursor: pointer; }
.sgai-suggest { display: flex; gap: 8px; padding: 8px 12px; flex-wrap: wrap; }
.sgai-suggest-btn { padding: 6px 10px; border-radius: 999px; border: 1px solid #e5e7eb; background: #fff; font-size: 12px; cursor: pointer; }
.sgai-lead { background: #fff; border: 1px dashed #cbd5e1; padding: 10px; border-radius: 12px; display: flex; flex-direction: column; gap: 8px; }
.sgai-lead-title { font-weight: 700; }
.sgai-lead input, .sgai-lead textarea { width: 100%; padding: 8px 10px; border: 1px solid #e5e7eb; border-radius: 10px; font-size: 14px; }
.sgai-lead textarea { min-height: 80px; resize: vertical; }