.bcp-chat-window { position: fixed; bottom: 80px; right: 20px; width: 350px; max-width: 90vw; background: white; border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.2); font-family: sans-serif; z-index: 9999; overflow: hidden; display: flex; flex-direction: column; max-height: 500px; }
.bcp-chat-message { padding: 10px; margin: 8px; border-radius: 8px; }
.bcp-bot { background: #f0f0f0; color: #333; }
.bcp-error { background: #ffdddd; color: red; }
.bcp-service-list label, .bcp-staff-btn, .bcp-time-btn { display: block; margin: 5px; }
.bcp-btn, .bcp-back-btn { background: #007cba; color: white; border: none; padding: 8px 16px; border-radius: 20px; cursor: pointer; margin: 5px; }
.bcp-back-btn { background: #6c757d; }
.bcp-loader { border: 3px solid #f3f3f3; border-top: 3px solid #007cba; border-radius: 50%; width: 30px; height: 30px; animation: spin 1s linear infinite; margin: 10px auto; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
#bcp-floating-bubble { position: fixed; bottom: 20px; right: 20px; z-index: 10000; }
.bcp-bubble-icon { background: #007cba; color: white; width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; cursor: pointer; box-shadow: 0 2px 10px rgba(0,0,0,0.2); }