.chat-page{width:100%}.chat-container{width:100%;max-width:100%;display:flex;height:calc(100vh - 48px);height:100%;background:var(--bg);position:relative}.chat-section{flex:3 1;min-width:0;border-right:1px solid var(--border)}.chat-section,.empty-chat{display:flex;flex-direction:column;justify-content:center}.empty-chat{width:100%;height:100%;padding-bottom:2rem}.empty-chat-body{text-align:center;height:100%;align-items:center;justify-content:center;display:flex;flex-direction:column;gap:10px}.message-media-laptop{width:320px;height:210px}.empty-chat-title{font-size:var(--text-h4);color:var(--text-ink);letter-spacing:var(--tracking-tight);text-align:center;padding:0 10px}.empty-chat-footer,.empty-chat-subTitle{font-size:14px;color:var(--text-muted);text-align:center;padding:0 10px}.empty-chat-footer{display:flex;justify-content:center}.contact-section{height:100%;display:flex;transition:all .3s ease-in-out;flex-direction:column}.stage-editor-section{flex:none;width:clamp(380px,34%,480px);min-width:0;height:100%;display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--surface-raised);will-change:width}.chat-container .stage-editor-section{transition:width .38s cubic-bezier(.4,0,.2,1),background-color var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard)}.stage-editor-section.is-expanded{width:clamp(560px,62%,1040px)}.qr{width:100%}.chat-content-qr{width:100%;height:100%;top:0;right:0;display:flex;flex-direction:column;align-items:center;align-self:center;justify-content:center;color:var(--text-ink);gap:20px;z-index:10;background:var(--surface-raised)}.chat-content-qr-close{position:absolute;top:20px;right:30px}.chat-content-qr-close-icon{cursor:pointer}.chat-content-qr-close-button{background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center}.chat-qr-header{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px}.chat-qr-title{font-size:18px;font-weight:var(--weight-semibold);color:var(--text-ink);letter-spacing:var(--tracking-tight);padding-top:1.5rem}.chat-qr-subTitle{padding:0 1rem;font-size:14px;color:var(--text-body)}.chat-qr-container{position:relative;display:inline-block}.chat-qr-loading{display:flex;align-items:center;justify-content:center;width:250px;height:250px}.chat-qr{width:250px;height:250px;display:block}.chat-qr-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.83);border-radius:8px;cursor:pointer}.chat-qr-overlay,.chat-qr-overlay-title{display:flex;align-items:center;justify-content:center}.chat-qr-overlay-title{text-align:center;flex-direction:column;gap:10px;padding:0 30px}.chat-qr-overlay-title-text{color:#fff;font-size:15px;font-weight:500}.chat-qr-overlay-icon{width:45px;height:45px}.chat-qr-attempt{font-size:13px;color:var(--text-muted);margin-top:4px}.chat-qr-expired{flex-direction:column;text-align:center;gap:16px;max-width:420px;padding:0 24px}.chat-qr-expired,.chat-qr-expired-icon{display:flex;align-items:center;justify-content:center}.chat-qr-expired-icon{width:72px;height:72px;border-radius:var(--radius-full);background:var(--surface-flat)}.chat-qr-expired-icon img{filter:invert(42%) sepia(8%) saturate(500%) hue-rotate(169deg) brightness(92%) contrast(88%)}.chat-qr-expired-text{color:var(--text-muted);line-height:var(--leading-normal)}.chat-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.chat-page-loading .loading-container{height:5px!important;margin-bottom:-100px}.chat-page-loading-text{color:var(--text-ink);font-size:var(--text-base);text-align:center;max-width:400px;margin-bottom:20px;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@media (max-width:1240px){.hide-on-tablet{display:none!important}.show-on-tablet{display:block!important;width:100%}.chat-detail{width:100%!important}.stage-editor-section.show-on-tablet{display:flex!important;width:100%}}@media (max-width:768px){.chat-container{flex-direction:column;width:100%;height:calc(100vh - 48px)}.contact-section{width:100%;height:100%}.chat-sidebar{width:100%;display:flex}.chat-sidebar.hide-on-mobile{display:none!important}.chat-section{width:100%}.chat-section.hide-on-mobile{display:none!important}.chat-section.show-on-mobile{display:flex!important}.contact-section.show-on-mobile,.stage-editor-section.show-on-mobile{display:flex!important;width:100%;height:100%}.chat-sidebar.hide-on-mobile-qr{display:none!important}.chat-content-qr{width:100%!important;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}}.chat-sidebar-sort{display:flex;justify-content:flex-end;padding:4px 8px;background:var(--surface-raised);border-bottom:1px solid var(--border);flex-shrink:0}.chat-sidebar-sort-btn{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 10px;font-size:var(--text-2xs);cursor:pointer;color:var(--text-body);transition:background-color var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard)}.chat-sidebar-sort-btn:hover{background-color:var(--surface-flat);color:var(--text-ink)}.chat-header{height:64px;justify-content:space-between;padding:12px 20px;background-color:var(--surface-raised);border-bottom:1px solid var(--border)}.chat-header,.user-info{display:flex;align-items:center}.user-info{cursor:pointer;max-width:100%;outline:none}.user-avatar{width:40px;height:40px;border-radius:50%;margin-right:15px;-o-object-fit:cover;object-fit:cover}.user-details{display:flex;flex-direction:column}.user-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:350px;font-size:14px;font-weight:var(--weight-medium);color:var(--text-ink)}.last-seen{font-size:var(--text-2xs);color:var(--text-muted)}.chat-header-phase{margin-left:auto;margin-right:16px;flex-shrink:0}.chat-header-editor-btn{display:inline-flex;align-items:center;gap:6px;margin-right:16px;flex-shrink:0;padding:6px 11px;border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface-flat);color:var(--text-body);font-size:12px;font-weight:var(--weight-semibold,600);cursor:pointer;transition:color var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard),background-color var(--dur-base) var(--ease-standard)}.chat-header-editor-btn:hover{color:var(--accent);border-color:var(--accent)}.chat-header-editor-btn:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent)}.toggle-container{height:100%;display:flex;align-items:center;gap:10px;width:100%;max-width:170px;justify-content:flex-end}.toggle-container-item{font-size:14px}.toggle-content-switch{width:40px;height:23px;background:var(--surface-flat);border:1px solid var(--border-strong);border-radius:var(--radius-full);display:flex;align-items:center;padding:2px;cursor:pointer;transition:background-color var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard)}.toggle-switch{width:17px;height:17px;background:var(--text-body);border-radius:var(--radius-full);position:relative;box-shadow:var(--shadow-xs);transition:transform var(--dur-base) var(--ease-standard),background-color var(--dur-base) var(--ease-standard)}.toggle-content-switch.loading{pointer-events:none}.toggle-switch.loading{background:var(--text-muted)!important;transform:none!important;display:flex;align-items:center;justify-content:center}.loading-spinner{width:8px;height:8px;border:1px solid transparent;border-top:1px solid var(--text-muted);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chat-header-qr{opacity:.5}.chat-header-loading-container{height:100%;width:100%;display:flex;align-items:center;justify-content:center;margin-top:-23px}.toggle-container-text{font-size:12px;color:var(--text-body)}@media (max-width:350px){.user-name{max-width:150px}}.chat-header-back-btn{display:none;background:none;border:none;padding:4px 8px;cursor:pointer;margin-right:4px;border-radius:50%;color:var(--text-body);transition:background-color .2s ease}.chat-header-back-btn:hover{background-color:var(--hover-bg)}.toggle-content-switch:has(.active){flex-direction:row-reverse;background-color:var(--accent);border-color:var(--accent)}.toggle-content-switch .active{background-color:var(--accent-on)}@media (max-width:768px){.chat-header-back-btn{display:flex;align-items:center;justify-content:center}.toggle-container-text{display:none}.toggle-container{max-width:60px}.chat-header-editor-btn__label{display:none}.chat-header-editor-btn{margin-right:8px;padding:6px}}