/* same CSS as previous version, omitted for brevity in this cell */
#sgai-root { --sgai-color:#3f51b5; font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; font-size:14px; line-height:1.4; z-index:99999; }
#sgai-root.sgai-floating{ position:fixed; }
#sgai-root.sgai-position-bottom-right{ right:20px; bottom:20px; }
#sgai-root.sgai-position-bottom-left{ left:20px; bottom:20px; }
#sgai-root .sgai-launcher{ background:var(--sgai-color); color:#fff; border:0; border-radius:20px; padding:10px 14px; box-shadow:0 8px 30px rgba(0,0,0,.2); cursor:pointer; }
#sgai-root .sgai-launcher-dot{ display:inline-block; width:8px; height:8px; background:#fff; border-radius:50%; margin-right:6px; }
#sgai-root .sgai-panel{ position:fixed; width:360px; max-width:calc(100vw - 40px); height:520px; bottom:70px; right:20px; left:auto; background:#fff; border:1px solid #e5e7eb; border-radius:10px; box-shadow:0 12px 40px rgba(0,0,0,.18); display:none; flex-direction:column; overflow:hidden; }
#sgai-root.sgai-position-bottom-left .sgai-panel{ left:20px; right:auto; }
#sgai-root .sgai-panel.open{ display:flex; }
#sgai-root .sgai-header{ background:var(--sgai-color); color:#fff; padding:12px 14px; display:flex; align-items:center; justify-content:space-between; }
#sgai-root .sgai-title{ font-weight:600; }
#sgai-root .sgai-close{ background:transparent; border:0; color:#fff; font-size:20px; line-height:1; cursor:pointer; }
#sgai-root .sgai-body{ flex:1; padding:12px; overflow:auto; background:#f9fafb; }
#sgai-root .sgai-messages{ display:flex; flex-direction:column; gap:10px; }
#sgai-root .sgai-bubble{ max-width:78%; padding:10px 12px; border-radius:12px; background:#fff; align-self:flex-start; box-shadow:0 1px 1px rgba(0,0,0,.04), 0 2px 6px rgba(0,0,0,.06); }
#sgai-root .sgai-bubble.user{ background:#e5f0ff; align-self:flex-end; }
#sgai-root .sgai-bubble.typing{ opacity:.6; font-style:italic; }
#sgai-root .sgai-footer{ display:flex; gap:8px; padding:10px; border-top:1px solid #e5e7eb; background:#fff; }
#sgai-root .sgai-input{ flex:1; border:1px solid #cbd5e1; border-radius:8px; padding:10px; resize:none; max-height:120px; }
#sgai-root .sgai-send{ background:var(--sgai-color); color:#fff; border:0; border-radius:8px; padding:0 14px; cursor:pointer; }
#sgai-root .sgai-sources{ list-style:none; padding:0; margin:0; }
#sgai-root .sgai-sources li{ font-size:12px; }
#sgai-root .sgai-contact-cta{ font-size:12px; color:#111827; }
#sgai-root .sgai-contact-cta .sgai-contact-btn{ margin-left:8px; background:#111827; color:#fff; border:0; border-radius:6px; padding:4px 8px; cursor:pointer; }
#sgai-root .sgai-contact-form{ display:grid; grid-template-columns:1fr 1fr; gap:8px; background:#fff; border:1px solid #e5e7eb; border-radius:10px; padding:10px; }
#sgai-root .sgai-contact-form input, #sgai-root .sgai-contact-form textarea{ width:100%; border:1px solid #cbd5e1; border-radius:6px; padding:8px; }
#sgai-root .sgai-contact-form textarea{ grid-column:1 / -1; }
#sgai-root .sgai-contact-form button{ grid-column:1 / -1; background:var(--sgai-color); color:#fff; border:0; border-radius:6px; padding:8px 10px; cursor:pointer; }