.user-chat-widget{bottom:24px;position:fixed;right:24px;z-index:9999}.chat-toggle-btn{align-items:center;background:#5b21b6;border:none;border-radius:28px;box-shadow:0 4px 12px #5b21b640;color:#fff;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;padding:0;position:relative;transition:background .2s,transform .2s;width:56px}.chat-toggle-btn:hover{background:#4c1d95;transform:translateY(-2px)}.chat-toggle-btn .realtime-dot{border:2px solid #fff;height:12px;margin-right:0;position:absolute;right:-4px;top:-4px;width:12px}.realtime-dot.realtime-dot-red{animation:pulse 1.5s infinite;background-color:#ff3b30!important;opacity:1}.chat-popup{background:#fff;border-radius:12px;box-shadow:0 4px 24px #5b21b62e;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease;width:420px}.chat-popup.expanded{max-height:85vh;width:900px}.chat-header{align-items:center;background:#5b21b6;color:#fff;display:flex;font-weight:700;justify-content:space-between;padding:12px 16px}.chat-header-actions{align-items:center;display:flex;gap:8px}.expand-btn{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;transition:background .2s}.expand-btn:hover{background:#ffffff26}.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;line-height:1;padding:0 4px}.chat-messages{background:#f7f7f7;flex:1 1;max-height:400px;min-height:200px;overflow-y:auto;padding:12px}.chat-popup.expanded .chat-messages{max-height:calc(85vh - 140px)}.chat-msg.user{color:#5b21b6;margin-bottom:6px;text-align:right}.chat-msg.admin{color:#333;margin-bottom:6px;text-align:left}.admin-chat-msg-date,.chat-msg-date{color:#888;font-size:11px;margin-bottom:2px;margin-top:0;text-align:center}.admin-chat-msg-date.admin-chat-msg-date-top.right{color:#000}.admin-chat-msg-date.left,.chat-msg-date.left{text-align:left}.admin-chat-msg-date.right,.chat-msg-date.right{text-align:right}.admin-chat-msg-date-top,.chat-msg-date-top{display:block;margin-bottom:2px;margin-top:0;text-align:center}.chat-empty{color:#888;margin:24px 0;text-align:center}.admin-chat-empty-msg{color:#aaa;font-style:italic}.chat-input-row{background:#fff;border-top:1px solid #eee;display:flex;padding:8px}.chat-input-row input{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:15px;margin-right:8px;padding:8px}.chat-input-row button{background:#5b21b6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;padding:8px 14px;transition:background .2s}.chat-input-row button:disabled{background:#ccc;cursor:not-allowed}.chat-unread-badge{background:#e11d48;box-shadow:0 1px 4px #00000014;color:#fff;font-size:12px;height:14px;line-height:14px;text-align:center;width:14px}.chat-unread-badge,.led-blink{border-radius:50%;display:inline-block;margin-left:6px;vertical-align:middle}.led-blink{animation:led-blink 1s infinite;background:radial-gradient(circle at 30% 30%,#ff4b4b 70%,#b91c1c 100%);box-shadow:0 0 8px 2px #ff4b4b,0 0 2px #b91c1c;height:12px;width:12px}@keyframes led-blink{0%,to{box-shadow:0 0 8px 2px #ff4b4b,0 0 2px #b91c1c;opacity:1}50%{box-shadow:0 0 2px 0 #b91c1c;opacity:.4}}.realtime-dot{animation:realtime-dot-blink 1.1s infinite;background-color:#e11d48;border-radius:50%;box-shadow:0 0 8px 2px #e11d48,0 0 2px #b91c1c;display:inline-block;height:12px;margin-left:6px;margin-right:0;vertical-align:middle;width:12px;z-index:10000}.realtime-dot-red{background-color:#ff3b30!important;box-shadow:0 0 10px 4px #ff3b30b3,0 0 4px #b91c1ccc}@keyframes realtime-dot-blink{0%,to{box-shadow:0 0 8px 2px #e11d48,0 0 2px #b91c1c;opacity:1}50%{box-shadow:0 0 2px 0 #b91c1c;opacity:.4}}@media (max-width:768px){.chat-toggle-btn{font-size:24px;height:56px;width:56px}.user-chat-widget{bottom:20px;right:20px}.chat-popup{max-height:70vh;max-width:400px;width:calc(100vw - 40px)}.chat-popup.expanded{bottom:10px;max-height:90vh;max-width:none;position:fixed;right:10px;width:calc(100vw - 20px)}.chat-messages{max-height:calc(70vh - 120px);min-height:180px}.chat-popup.expanded .chat-messages{max-height:calc(90vh - 140px)}.chat-toggle-btn .realtime-dot{border-width:2px;height:14px;right:-2px;top:-2px;width:14px}}@media (max-width:480px){.chat-toggle-btn{font-size:24px;height:56px;width:56px}.user-chat-widget{bottom:16px;right:16px}.chat-popup{max-height:75vh;width:calc(100vw - 24px)}.chat-messages{max-height:calc(75vh - 110px);padding:10px}.chat-input-row{padding:6px}.chat-input-row input{font-size:14px;padding:6px 10px}.chat-input-row button{font-size:14px;padding:6px 12px}}