#capchat-box { position: fixed; bottom: 20px; right: 20px; z-index: 99999; font-family: sans-serif; }
#cc-bubble { width: 60px; height: 60px; background: #007bff; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 30px; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.3); }
#capchat-window { width: 300px; height: 400px; background: white; border-radius: 10px; display: flex; flex-direction: column; box-shadow: 0 5px 20px rgba(0,0,0,0.2); margin-bottom: 10px; overflow: hidden; border: 1px solid #ddd; }
.cc-hidden { display: none !important; }
#cc-header { background: #007bff; color: white; padding: 10px; text-align: center; font-weight: bold; }
#cc-body { flex: 1; padding: 10px; overflow-y: auto; background: #fff; display: flex; flex-direction: column; }
#cc-footer { display: flex; padding: 5px; border-top: 1px solid #eee; }
#cc-input { flex: 1; border: none; outline: none; padding: 5px; }
#cc-send { background: none; border: none; color: #007bff; font-size: 20px; cursor: pointer; }
.cc-msg-user { align-self: flex-end; background: #007bff; color: white; padding: 8px; border-radius: 10px; margin: 4px; }
.cc-msg-bot { align-self: flex-start; background: #eee; color: #333; padding: 8px; border-radius: 10px; margin: 4px; }