.chat-wrapper{background:#fff;border:1px solid #ecf0f4;border-radius:12px;height:calc(100vh - 60px);display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000d}.chat-list-panel{background:#fff;border-right:1px solid #ecf0f4;flex-direction:column;width:340px;min-width:340px;display:flex;overflow:hidden}.chat-list-header{padding:20px 20px 10px}.chat-list-title{color:#111;margin:0;font-size:18px;font-weight:700}.chat-search-box{background:#f2f7fb;border-radius:10px;align-items:center;gap:10px;margin:10px 16px;padding:10px 14px;display:flex}.chat-search-icon{color:#95989d;flex-shrink:0}.chat-search-input{color:#575864;background:0 0;border:none;outline:none;width:100%;font-size:13px}.chat-search-input::placeholder{color:#95989d}.chat-stories{scrollbar-width:none;gap:16px;padding:14px 16px;display:flex;overflow-x:auto}.chat-stories::-webkit-scrollbar{display:none}.story-item{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.story-avatar-wrap{position:relative}.story-avatar{color:#fff;letter-spacing:.5px;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:14px;font-weight:700;display:flex}.story-online-dot{background:#22c55e;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.story-name{color:#575864;font-size:12px;font-weight:500}.chat-recent-label{color:#111;padding:6px 16px 8px;font-size:13px;font-weight:600}.chat-list-items{scrollbar-width:thin;scrollbar-color:#ecf0f4 transparent;flex:1;overflow-y:auto}.chat-list-items::-webkit-scrollbar{width:4px}.chat-list-items::-webkit-scrollbar-track{background:0 0}.chat-list-items::-webkit-scrollbar-thumb{background:#ecf0f4;border-radius:4px}.chat-list-item{cursor:pointer;border-radius:0;align-items:center;gap:12px;padding:10px 16px;transition:background .15s;display:flex}.chat-list-item:hover{background:#f2f7fb}.chat-list-item.active{background:#edf1f5}.chat-item-avatar-wrap{flex-shrink:0;position:relative}.chat-item-avatar{color:#fff;letter-spacing:.5px;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:13px;font-weight:700;display:flex}.chat-item-online{background:#22c55e;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:1px}.chat-item-info{flex:1;min-width:0}.chat-item-top{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.chat-item-name{color:#111;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.chat-item-time{color:#95989d;flex-shrink:0;margin-left:8px;font-size:11px}.chat-item-bottom{justify-content:space-between;align-items:center;display:flex}.chat-item-preview{color:#95989d;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.chat-unread-badge{color:#fff;background:#6c5ce7;border-radius:20px;flex-shrink:0;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:700}.chat-conv-panel{background:#fff;flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-conv-header{background:#fff;border-bottom:1px solid #ecf0f4;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-conv-user{align-items:center;gap:12px;display:flex}.chat-conv-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:13px;font-weight:700;display:flex}.chat-conv-meta{flex-direction:column;display:flex}.chat-conv-name-row{align-items:center;gap:8px;display:flex}.chat-conv-name{color:#111;font-size:16px;font-weight:700}.chat-conv-domain{color:#7a7f9a;margin-top:1px;font-size:12px}.chat-conv-status-dot{background:#22c55e;border-radius:50%;width:10px;height:10px}.chat-conv-actions{align-items:center;gap:8px;display:flex}.chat-action-btn{cursor:pointer;color:#575864;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s;display:flex}.chat-action-btn:hover{color:#111;background:#f2f7fb}.chat-messages-area{scrollbar-width:thin;scrollbar-color:#ecf0f4 transparent;background:#fff;flex-direction:column;flex:1;gap:4px;padding:24px 20px;display:flex;overflow-y:auto}.chat-messages-area::-webkit-scrollbar{width:4px}.chat-messages-area::-webkit-scrollbar-track{background:0 0}.chat-messages-area::-webkit-scrollbar-thumb{background:#ecf0f4;border-radius:4px}.chat-date-divider{justify-content:center;align-items:center;margin:16px 0 12px;display:flex}.chat-date-divider span{color:#95989d;background:#f2f7fb;border-radius:20px;padding:5px 16px;font-size:12px;font-weight:500}.chat-msg-row{align-items:flex-end;gap:8px;margin-bottom:2px;display:flex}.chat-msg-row.received{justify-content:flex-start}.chat-msg-row.sent{justify-content:flex-end}.msg-options-dot{color:#cbd5e1;cursor:pointer;opacity:0;flex-shrink:0;align-items:center;padding:4px;transition:opacity .15s;display:flex}.chat-msg-bubble{word-break:break-word;border-radius:12px;max-width:420px;padding:12px 16px;font-size:14px;line-height:1.5}.bubble-received{color:#fff;background:#6c5ce7;border-bottom-left-radius:4px}.bubble-sent{color:#111;background:#f2f7fb;border-bottom-right-radius:4px}.bubble-sent-other{color:#4c1d95;background:#ede9fe;border-bottom-right-radius:4px}.bubble-sent-other .chat-msg-time{color:#7c3aed;opacity:.8}.chat-msg-time{opacity:.75;align-items:center;gap:4px;margin-top:6px;font-size:11px;display:flex}.bubble-received .chat-msg-time{color:#e8e4ff}.bubble-sent .chat-msg-time{color:#95989d}.chat-msg-link{word-break:break-all;text-decoration:underline}.chat-msg-link--blurred{filter:blur(4px);cursor:pointer;-webkit-user-select:none;user-select:none;transition:filter .15s}.chat-msg-link--blurred:hover{filter:blur(2px)}.chat-bubble-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.chat-msg-sender-row{align-items:center;gap:8px;margin-top:4px;margin-bottom:12px;display:flex}.received-sender{padding-left:0}.sent-sender{justify-content:flex-end}.msg-sender-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}.msg-sender-name{color:#575864;font-size:12px;font-weight:500}.chat-input-area{background:#fff;border-top:1px solid #ecf0f4;align-items:center;gap:10px;padding:14px 16px;display:flex}.chat-input{color:#575864;background:#f2f7fb;border:1px solid #ecf0f4;border-radius:10px;outline:none;flex:1;padding:12px 16px;font-size:14px;transition:border .15s}.chat-input:focus{background:#fff;border-color:#6c5ce7}.chat-input::placeholder{color:#95989d}.chat-input-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.chat-input-icon-btn{cursor:pointer;color:#95989d;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:color .15s,background .15s;display:flex}.chat-input-icon-btn:hover{color:#6c5ce7;background:#f0eeff}.chat-send-btn{cursor:pointer;color:#fff;background:#6c5ce7;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background .15s;display:flex}.chat-send-btn:hover{background:#5a4bd1}.chat-send-btn:disabled{cursor:not-allowed;background:#c4b8ff}.chat-no-conv{color:#95989d;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.chat-no-conv-icon{font-size:48px}.chat-no-conv p{font-size:14px}.chat-empty-hint,.chat-loading{text-align:center;color:#95989d;padding:20px;font-size:13px}.chat-msg-search-bar{color:#95989d;background:#f2f7fb;border-bottom:1px solid #ecf0f4;align-items:center;gap:10px;padding:8px 16px;display:flex}.chat-clear-search{cursor:pointer;color:#95989d;background:0 0;border:none;padding:2px 6px;font-size:14px}.chat-header-menu-wrap{position:relative}.chat-header-dropdown{z-index:100;background:#fff;border:1px solid #ecf0f4;border-radius:10px;min-width:160px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 4px 16px #0000001a}.chat-dropdown-item{cursor:pointer;color:#575864;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:13px;transition:background .15s;display:flex}.chat-dropdown-item:hover{background:#f2f7fb}.chat-dropdown-item.danger{color:#ef4444}.chat-dropdown-item.danger:hover{background:#fef2f2}.chat-msg-group{margin-bottom:4px}.msg-dot-menu-wrap{flex-shrink:0;position:relative}.msg-options-dot{cursor:pointer;color:#cbd5e1;opacity:0;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:opacity .15s;display:flex}.chat-msg-row:hover .msg-options-dot{opacity:1}.msg-options-dot:hover{color:#575864;background:#f2f7fb}.msg-dropdown{z-index:100;background:#fff;border:1px solid #ecf0f4;border-radius:8px;min-width:120px;position:absolute;top:100%;overflow:hidden;box-shadow:0 4px 12px #0000001a}.msg-dropdown.left{right:0}.msg-dropdown.right{left:0}.msg-dropdown-item{cursor:pointer;color:#575864;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 14px;font-size:12px;transition:background .15s;display:flex}.msg-dropdown-item.danger{color:#ef4444}.msg-dropdown-item.danger:hover{background:#fef2f2}.msg-dropdown-item:hover{background:#f2f7fb}.chat-msg-image{object-fit:cover;border-radius:8px;max-width:240px;max-height:200px;display:block}.chat-list-item.has-unread{background:#f5f3ff}.chat-item-name--bold{color:#1a1a2e;font-weight:700}.chat-item-preview--unread{color:#3d3d3d;font-weight:600}.chat-unread-badge{color:#fff;background:#7269ef;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.bubble-deleted{color:#555!important;background:#f1f3f4!important;border:1px dashed #c4c7cc!important}.bubble-deleted .chat-msg-time{color:#000!important;opacity:1!important}.chat-msg-deleted-text{color:#e74c3c;margin-top:4px;font-size:12px;font-style:italic;display:block}