.sc3-widget { font-family: Arial, sans-serif; z-index:99999; }
.sc3-toggle-row { text-align: right; }
.sc3-toggle { background:#0b63b3; color:#fff; padding:10px 14px; border-radius:22px; border:none; cursor:pointer; box-shadow:0 6px 18px rgba(3,20,50,0.15); }
.sc3-panel { width:360px; max-height:620px; background:#fff; border-radius:12px; box-shadow:0 18px 60px rgba(3,20,50,0.2); overflow:hidden; margin-top:8px; }
.sc3-header { background:linear-gradient(180deg,#0b63b3,#074a86); color:#fff; padding:12px; display:flex; flex-direction:column; gap:6px; }
.sc3-title { font-weight:700; }
.sc3-welcome { font-size:14px; color:#fff; opacity:0.95; }
.sc3-messages { padding:14px; height:300px; overflow-y:auto; background: linear-gradient(180deg,#f8fbff,#ffffff); display:none; }
.sc3-msg { margin:8px 0; padding:10px 12px; border-radius:10px; max-width:85%; word-wrap:break-word; }
.sc3-msg.user { background:#e6fff4; margin-left:auto; }
.sc3-msg.bot { background:#ffffff; border:1px solid #eef3fb; margin-right:auto; }
.sc3-form { padding:12px; display:flex; flex-direction:column; gap:8px; }
.sc3-form input, .sc3-form select { padding:10px; border-radius:8px; border:1px solid #d6e2f0; width:100%; box-sizing:border-box; }
.sc3-btn { background:#0b63b3; color:white; border:none; padding:12px; border-radius:8px; cursor:pointer; width:100%; font-weight:600; }
.sc3-input-area { padding:12px; border-top:1px solid #f1f5fb; display:flex; flex-direction:column; gap:8px; }
.sc3-typing { font-size:13px; color:#6b7280; }
.sc3-input-row { display:flex; gap:8px; }
#sc3-input { flex:1; padding:10px; border-radius:8px; border:1px solid #d6e2f0; }
#sc3-send { background:#0b63b3; color:#fff; border:none; padding:10px 14px; border-radius:8px; cursor:pointer; }