.chat-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:100002!important;display:flex;align-items:flex-start;justify-content:center;padding-top:130px;animation:fadeIn .2s ease;pointer-events:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chat-modal{width:90%;max-width:900px;height:80vh;max-height:800px;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease;position:relative;z-index:100003!important;pointer-events:auto;margin:0 auto}body.chat-modal-open .dashboard-global-header{z-index:99998!important}body.chat-modal-open .dashboard-header-right{z-index:99997!important}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.chat-modal-header{background:#64174b;color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.chat-modal-header-left{display:flex;align-items:center;gap:12px}.chat-modal-header h3{margin:0;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:10px}.chat-badge{background:#dc3232;color:#fff;padding:4px 10px;border-radius:12px;font-size:.875rem;font-weight:600;margin-left:8px}.chat-modal-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .2s}.chat-modal-close:hover{background:#fff3;transform:rotate(90deg)}.chat-modal-content{flex:1;display:flex;overflow:hidden}.chat-sidebar{width:280px;border-right:1px solid #e9ecef;background:#f8f9fa;display:flex;flex-direction:column;overflow:hidden}.chat-rooms-list{flex:1;overflow-y:auto;padding:8px}.chat-room-item{width:100%;padding:12px;background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:8px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s;text-align:left}.chat-room-item:hover{background:#f0f0f1;border-color:#64174b}.chat-room-item.active{background:#64174b;color:#fff;border-color:#64174b}.chat-room-avatar{width:48px;height:48px;border-radius:50%;background:#64174b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.chat-room-item.active .chat-room-avatar{background:#fff3}.chat-room-info{flex:1;min-width:0}.chat-room-name{font-weight:600;font-size:.95rem;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-room-last-message{font-size:.85rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-room-item.active .chat-room-last-message{color:#fffc}.chat-room-badge{background:#dc3232;color:#fff;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;flex-shrink:0}.chat-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.chat-messages{flex:1;overflow-y:auto;padding:20px;background:#f8f9fa;scrollbar-width:thin;scrollbar-color:rgb(100,23,75) transparent;min-height:0}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#64174b;border-radius:3px}.chat-message{display:flex;gap:12px;margin-bottom:20px;animation:messageSlide .2s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.own{flex-direction:row-reverse}.chat-message-avatar{width:36px;height:36px;border-radius:50%;background:#64174b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.chat-message-content{max-width:70%;background:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.chat-message.own .chat-message-content{background:#64174b;color:#fff}.chat-message-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.chat-message-sender{font-weight:600;font-size:.875rem;color:#64174b}.chat-message.own .chat-message-sender{color:#ffffffe6}.chat-message-time{font-size:.75rem;color:#999}.chat-message.own .chat-message-time{color:#ffffffb3}.chat-message-text{font-size:.95rem;line-height:1.5;word-wrap:break-word;color:#111}.chat-message.own .chat-message-text{color:#fff}.chat-input-container{padding:16px 20px;background:#fff;border-top:1px solid #e9ecef;display:flex!important;gap:12px;align-items:center;flex-shrink:0;min-height:80px;z-index:100}.chat-input{flex:1;padding:12px 16px;border:1px solid #e9ecef;border-radius:8px;font-size:.95rem;outline:none;transition:all .2s}.chat-input:focus{border-color:#64174b;box-shadow:0 0 0 3px #64174b1a}.chat-send-btn{width:48px;height:48px;background:#64174b;color:#fff;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .2s;flex-shrink:0}.chat-send-btn:hover:not(:disabled){background:#782b5f;transform:translateY(-2px);box-shadow:0 4px 12px #64174b4d}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;padding:40px}.chat-empty-state i{font-size:4rem;margin-bottom:16px;opacity:.3}.chat-empty-state p{font-size:1.1rem;margin:0}@media (max-width: 768px){.chat-modal-overlay{padding-top:100px;align-items:flex-start}.chat-modal{width:95%;max-width:95%;height:75vh;max-height:75vh;border-radius:12px;margin:0 auto}.chat-sidebar{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;display:none}.chat-sidebar.show{display:flex}.chat-main{width:100%}}.chat-section-header{padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e0e0e1;display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:#646970;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:10;margin:0 -8px 8px}.chat-section-header i{font-size:.875rem}.chat-room-item.live-support{border-left:3px solid #2ecc71}.chat-room-item.unread{background:#f0f7ff;font-weight:600}.chat-room-item.unread .chat-room-name{font-weight:700;color:#1d2327}.chat-room-item.active.unread{background:#64174b}.live-support-avatar{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;position:relative}.chat-room-item.active .live-support-avatar{background:#fff3}.chat-room-status.new{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#dc3232;border-radius:50%;border:2px solid white}.chat-room-new-badge{display:inline-block;margin-left:8px;padding:2px 6px;background:#dc3232;color:#fff;border-radius:10px;font-size:.7rem;font-weight:700;text-transform:uppercase}.chat-room-item.active .chat-room-new-badge{background:#ffffff4d;color:#fff}.chat-room-time{font-size:.75rem;color:#646970;margin-top:4px}.chat-room-item.active .chat-room-time{color:#ffffffb3}.chat-message.visitor .chat-message-avatar{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.chat-message.live-support-msg{border-left:2px solid #2ecc71;padding-left:8px}.visitor-badge{display:inline-block;margin-left:6px;padding:2px 6px;background:#2ecc711a;color:#2ecc71;border-radius:10px;font-size:.7rem;font-weight:600;border:1px solid rgba(46,204,113,.3)}