.chat-reply-info{align-items:center;gap:var(----wa-space-2,8px);background:var(--primary-background);font-size:var(--wa-font-size-s,13px);color:var(--primary-text-color);border-bottom:1px solid #e5e7eb;padding:8px 24px;display:flex}.chat-reply-info .reply-icon{font-size:var(--wa-font-size-s,14px);color:var(--reply-color)}.chat-messages-container{background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#060606);flex-direction:column;flex:1;gap:12px;width:100%;max-height:650px;margin:0 auto;padding:24px;display:flex;overflow-y:auto}.chat-date-divider{text-align:center;align-items:center;margin:24px 0;display:flex}.chat-date-divider:before,.chat-date-divider:after{content:"";background:var(--primary-background);flex:1;height:1px}.chat-date-divider span{font-size:12px;font-weight:var(--wa-font-weight-semibold);color:#9ca3af;background:var(--primary-background);padding:0 16px}.chat-message-item{align-items:center;gap:4px;max-width:80%;margin-bottom:24px;display:flex}.chat-message-item.outgoing .message-avatar,.chat-message-item.outgoing .message-sender{display:none}.chat-message-item.outgoing{margin-left:auto}.chat-message-item.outgoing .message-text{background:var(--wa-color-primary,#2563eb);color:#fff}.chat-message-item.outgoing .message-info{text-align:right;align-items:flex-end}.chat-message-item.outgoing .message-avatar .avatar-initials{background:#1e3a8a}.chat-message-item.outgoing .message-content{flex-direction:column;align-items:flex-end;display:flex}.message-actions{align-items:center;gap:8px;margin-left:8px;display:flex}.reply-count-btn{color:var(--wa-color-muted,#6b7280);cursor:pointer;background:0 0;border:none}.message-text{color:#111827;word-wrap:break-word;background:#f3f4f6;border-radius:12px;max-width:36ch;margin:0;padding:10px 12px;display:inline-block}.message-text-wrapper{position:relative}.message-header{align-items:flex-start;gap:var(----wa-space-3,12px);display:flex}.message-header .message-avatar{width:var(--icon-height-width);height:var(--icon-height-width);border-radius:var(--wa-border-radius-circle);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.message-header .message-avatar .message-avatar-emoji{font-size:var(--wa-font-size-l,20px)}.message-header .avatar-initials{color:#fff;background:#9ca3af;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:600;display:flex}.message-header .message-info{align-items:center;gap:var(--wa-space-2,8px);flex-direction:column;display:flex}.message-header .message-info .message-sender{font-size:var(--wa-font-size-s,14px);font-weight:var(--wa-font-weight-bold);color:var(--primary-text-color)}.message-header .message-info .message-timestamp{font-size:var(--wa-font-size-s,12px);color:var(--primary-text-color)}.message-header .message-info .message-avatar-emoji{font-size:20px}.message-header .message-content{margin-bottom:8px;margin-left:44px}.message-header .message-sender{font-size:14px;font-weight:var(--wa-font-weight-bold);color:#1f2937}.message-header .message-sender:before,.message-header .message-sender:after{content:"";background:#e5e7eb;flex:1;height:1px}.message-header .message-sender span{font-size:var(--wa-font-size-s,12px);font-weight:var(--wa-font-weight-semibold);color:#9ca3af;background:#fff;padding:0 16px}.message-header .message-sender .chat-message-item{margin-bottom:24px}.message-header .message-header{align-items:flex-start;gap:var(----wa-space-3,12px);margin-bottom:8px;display:flex}.message-header .message-header .message-avatar{width:var(--icon-height-width);height:var(--icon-height-width);border-radius:var(--wa-border-radius-circle);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.message-header .message-header .message-avatar .message-avatar-emoji{font-size:var(--wa-font-size-l,20px)}.message-header .message-actions{margin-left:44px}.message-header .reply-count-btn{align-items:center;gap:var(----wa-space-2,8px);border-radius:var(--wa-border-radius-m);color:#6b7280;font-size:var(--wa-font-size-s,12px);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:6px 12px;display:flex}.message-header .reply-count-btn:hover{color:#374151;background:#f3f4f6}.message-header .reply-count-btn .reply-icon{font-size:var(--wa-font-size-s,12px);color:var(--reply-color)}.message-header .reply-count-btn #scroll-anchor{height:1px}.message-info{align-items:center;gap:var(--wa-space-2,8px);display:flex}.message-info .message-sender{font-size:var(--wa-font-size-s,15px);font-weight:var(--wa-font-weight-bold)}.message-info .message-timestamp{font-size:var(--wa-font-size-s,12px);color:#9ca3af}cc7-chat-thread{position:relative}.jump-to-bottom-btn{border:1px solid var(--wa-color-border-subtle,#d0d0d0);background:var(--wa-color-surface,#fff);cursor:pointer;z-index:10;color:var(--wa-color-text,#000);border-radius:16px;justify-content:center;align-items:center;padding:10px;font-size:12px;transition:all .2s;display:flex;position:absolute;bottom:80px;right:50%;box-shadow:0 4px 12px #00000026}.jump-to-bottom-btn:hover{background:var(--wa-color-surface-hover,#f5f5f5);transform:translateY(-2px);box-shadow:0 6px 16px #0003}.jump-to-bottom-btn:active{transform:translateY(0);box-shadow:0 2px 8px #00000026}:root{--status-online:#10b981;--status-away:#f59e0b;--status-busy:#ef4444;--status-offline:#9ca3af;--transition-fast:all .2s;--primary-background:var(--lightningcss-light,#f8fafc)var(--lightningcss-dark,#374151);--reply-color:#3b82f6}cc7-icon-sidebar{width:64px;position:fixed;top:0;bottom:0;left:0}.rednote{color:#fff;background-color:red;padding:4px}wa-page{margin-left:64px}.chat-main{flex-direction:column;height:100%;display:flex}.chat-main cc7-chat-actions{align-items:center;margin-left:auto;display:flex}.chat-main wa-tab-group{flex:1;min-height:0;display:block;overflow-y:auto}.chat-main cc7-chat-submission{flex-shrink:0}.nav-sidebar-header{padding:var(--sidebar-padding);border-bottom:1px solid #e5e7eb}.nav-sidebar-header .app-logo{align-items:center;gap:var(----wa-space-3,12px);margin-bottom:16px;display:flex}.nav-sidebar-header .app-logo .logo-icon{width:var(--icon-height-width);height:var(--icon-height-width);border-radius:var(--wa-border-radius-m);font-size:18px;font-weight:var(--wa-font-weight-bold);color:#fff;background:0 0;justify-content:center;align-items:center;display:flex;position:relative}.nav-sidebar-header .app-logo .logo-icon .logo-c{color:#1f2937;font-weight:var(--font-weight-custom-bold)}.nav-sidebar-header .app-logo .logo-icon .logo-seven{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);-webkit-text-fill-color:transparent;font-weight:var(--font-weight-custom-bold);-webkit-background-clip:text;background-clip:text}.nav-sidebar-header .app-logo .app-title{flex-direction:column;display:flex}.nav-sidebar-header .app-logo .app-title .app-name{font-size:var(--wa-font-size-m,16px);font-weight:var(--wa-font-weight-bold);color:var(--primary-text-color);margin:0}.nav-sidebar-header .app-logo .app-title .app-subtitle{font-size:var(--wa-font-size-s,12px);color:#6b7280;margin:0}.chat-sidebar-header{padding:var(--sidebar-padding);border-bottom:1px solid #e5e7eb}.chat-sidebar-header .chat-header-content{justify-content:space-between;align-items:baseline;gap:var(----wa-space-3,12px);display:flex}.chat-sidebar-header .chat-header-content .chat-header-title-row{align-items:baseline;gap:var(----wa-space-3,12px);flex:1;display:flex}.chat-sidebar-header .chat-header-content .chat-header-title-row .chat-title{font-size:var(--wa-font-size-l,18px);font-weight:var(--wa-font-weight-bold);color:var(--primary-text-color);margin:0}.presence-dropdown-container{display:inline-flex;position:relative}.presence-dropdown-container .presence-trigger{align-items:center;gap:var(----wa-space-2,8px);border-radius:var(--wa-border-radius-m);cursor:pointer;color:#374151;transition:var(--transition-fast);white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;padding:4px 10px;font-size:12px;display:flex}.presence-dropdown-container .presence-trigger:hover{background-color:#f1f5f9;border-color:#cbd5e1}.presence-dropdown-container .presence-trigger .presence-icon{font-size:12px;line-height:1}.presence-dropdown-container .presence-trigger .presence-text{font-weight:var(--wa-font-weight-semibold);font-size:12px}.presence-dropdown-container .presence-trigger .presence-arrow{color:#9ca3af;margin-left:2px;font-size:8px}.chat-search-section{border-bottom:1px solid #f1f5f9;padding:16px 20px}.chat-search-section .search-input-wrapper{align-items:center;gap:var(----wa-space-2,8px);display:flex;position:relative}.chat-search-section .chat-search-input{background:var(--primary-background);color:#1e293b;transition:var(--transition-fast);border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:10px 12px;font-size:14px}.chat-search-section .chat-search-input:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.chat-search-section .chat-search-input::placeholder{color:#94a3b8}.chat-search-section .search-filter-btn{width:var(--icon-height-width);height:var(--icon-height-width);border-radius:var(--wa-border-radius-m);color:#6b7280;cursor:pointer;transition:var(--transition-fast);background:0 0;border:1px solid #e2e8f0;justify-content:center;align-items:center;font-size:14px;display:flex}.chat-search-section .search-filter-btn:hover{background-color:#f1f5f9;border-color:#cbd5e1}.search-results-list{background:#fff;border-radius:8px;min-width:250px;box-shadow:0 2px 8px #0000001a}.search-result-item{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;width:100%;padding:12px 16px;transition:background-color .15s;display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#f8fafc}