#sf-chat-bubble {
    position: fixed; bottom: 25px; right: 25px;
    width: 60px; height: 60px; background-color: #0070d2;
    color: #fff; border-radius: 50%; text-align: center;
    line-height: 60px; font-size: 28px; cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15); z-index: 99999;
}
#sf-chat-container {
    position: fixed; bottom: 95px; right: 25px;
    width: 360px; height: 500px; background: #fff;
    border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.15);
    display: flex; flex-direction: column; overflow: hidden; z-index: 99999;
}
.sf-chat-header {
    background: #0070d2; color: #fff; padding: 15px 20px;
    display: flex; justify-content: space-between; align-items: center;
    font-weight: 600; font-size: 16px;
}
#sf-chat-close { cursor: pointer; }
#sf-chat-body { flex: 1; padding: 20px; background: #f4f6f9; overflow-y: auto; }
.sf-msg {
    margin-bottom: 14px; max-width: 80%; padding: 10px 14px;
    border-radius: 12px; font-size: 14px; line-height: 1.5; word-break: break-all;
}
.sf-msg.user { background: #0070d2; color: #fff; margin-left: auto; border-bottom-right-radius: 2px; }
.sf-msg.bot { background: #fff; color: #080707; margin-right: auto; border-bottom-left-radius: 2px; border: 1px solid #e0e5ee; }
.sf-chat-footer { display: flex; padding: 12px; background: #fff; border-top: 1px solid #dddbda; }
#sf-chat-input { flex: 1; border: 1px solid #dddbda; border-radius: 18px; padding: 0 14px; height: 36px; outline: none; }
#sf-chat-send { background: #0070d2; color: #fff; border: none; height: 36px; padding: 0 16px; margin-left: 8px; border-radius: 18px; cursor: pointer; font-weight: 600; }