.chat-page{--ds-chat-chrome-h:64px;width:100%;flex:1 1 auto;min-height:0;overflow:hidden}.chat-container{width:100%;max-width:100%;display:flex;height:100%;background:var(--ds-bg);position:relative}.chat-sidebar{flex:none;width:var(--ds-list-w,434px);min-width:0}.chat-section{flex:3 1;position:relative;min-width:0;border-right:1px solid var(--ds-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(--ds-text-h3);color:var(--ds-text);letter-spacing:var(--ds-tracking-tight);text-align:center;padding:0 10px}.empty-chat-footer,.empty-chat-subTitle{font-size:var(--ds-text-ui);color:var(--ds-text-muted);text-align:center;padding:0 10px}.empty-chat-footer{display:flex;justify-content:center}.right-rail-section{flex:none;width:var(--ds-rail-w,clamp(480px,34%,560px));min-width:0;height:100%;display:flex;flex-direction:column;border-left:1px solid var(--ds-border);background:var(--ds-surface-raised)}.chat-container:has(>.right-rail-section) .chat-footer-input::-moz-placeholder{text-overflow:ellipsis}.chat-container:has(>.right-rail-section) .chat-footer-input,.chat-container:has(>.right-rail-section) .chat-footer-input::placeholder{text-overflow:ellipsis}.chat-container:has(>.right-rail-section) .chat-footer-input::-moz-placeholder{white-space:nowrap;overflow:hidden}.chat-container:has(>.right-rail-section) .chat-footer-input::placeholder{white-space:nowrap;overflow:hidden}.right-rail-section.is-expanded{width:clamp(560px,62%,1040px)}.pane-resizer{flex:0 0 10px;margin-left:-5px;margin-right:-5px;align-self:stretch;position:relative;z-index:2;cursor:col-resize;touch-action:none}.pane-resizer:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%);background:var(--ds-accent);opacity:0;transition:opacity var(--ds-dur-fast) var(--ds-ease-enter)}.pane-resizer.is-active:after,.pane-resizer:hover:after{opacity:1}.chat-container:has(.pane-resizer.is-active),.chat-container:has(.pane-resizer.is-active) *{cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chat-drop-veil{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:var(--ds-space-4);background:var(--ds-accent-tint);border:2px dashed var(--ds-accent);border-radius:var(--ds-radius-lg);pointer-events:none}.chat-drop-veil-box{padding:var(--ds-space-3) var(--ds-space-4);font-size:var(--ds-text-ui);font-weight:var(--ds-weight-semibold);color:var(--ds-text);background:var(--ds-surface-raised);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-float)}.chat-drop-veil-box,.chat-undo-toast{display:inline-flex;align-items:center;gap:var(--ds-space-2)}.right-rail-bar{flex:none;display:flex;align-items:center;gap:var(--ds-space-2);height:var(--ds-chat-chrome-h,64px);padding:0 var(--ds-space-2);border-bottom:1px solid var(--ds-border)}.right-rail-tabs{flex:1 1;min-width:0;overflow-x:auto;scrollbar-width:none}.right-rail-tabs::-webkit-scrollbar{display:none}.right-rail-body,.right-rail-pane{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.right-rail-pane.is-hidden{display:none}.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(--ds-text);gap:var(--ds-space-5);z-index:3;background:var(--ds-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:var(--ds-text-h3);font-weight:var(--ds-weight-semibold);color:var(--ds-text);letter-spacing:var(--ds-tracking-tight);padding-top:1.5rem}.chat-qr-subTitle{padding:0 1rem;font-size:var(--ds-text-ui);color:var(--ds-text)}.chat-qr-container{position:relative;display:inline-block}.chat-qr-support{display:inline-block;margin-top:var(--ds-space-2);font-size:var(--ds-text-ui);color:var(--ds-text-muted);text-decoration:underline;text-underline-offset:2px}.chat-qr-support:hover{color:var(--ds-text)}.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:var(--ds-chat-media-veil);border-radius:var(--ds-radius-sm);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:var(--ds-chat-on-media);font-size:var(--ds-text-ui);font-weight:var(--ds-weight-medium)}.chat-qr-overlay-icon{width:45px;height:45px}.chat-qr-attempt{font-size:var(--ds-text-sm);color:var(--ds-text-muted);margin-top:var(--ds-space-1)}.chat-qr-expired{flex-direction:column;text-align:center;gap:var(--ds-space-4);max-width:420px;padding:0 var(--ds-space-6)}.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(--ds-radius-full);background:var(--ds-surface-sunken)}.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(--ds-text-muted);line-height:var(--ds-leading-normal)}.chat-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.chat-page-loading .spinner-v2-block{height:5px!important;margin-bottom:-100px}.chat-page-loading-text{color:var(--ds-text);font-size:var(--ds-text-base);text-align:center;max-width:400px;margin-bottom:var(--ds-space-5);animation:chat-pulse var(--ds-pulse-dur) var(--ds-ease-enter) infinite}@keyframes chat-pulse{0%,to{opacity:1}50%{opacity:.6}}@media (prefers-reduced-motion:reduce){.chat-page-loading-text{animation:none}}@media (max-width:1280px){.hide-on-tablet{display:none!important}.show-on-tablet{display:block!important;width:100%}.right-rail-section.show-on-tablet{display:flex!important;width:auto!important;flex:1 1;min-width:0}}@media (max-width:768px){.chat-container{flex-direction:column;width:100%;height:100%}.chat-sidebar{width:100%;display:flex;flex:0 1 auto}.pane-resizer{display:none}.chat-sidebar.hide-on-mobile{display:none!important}.chat-section{width:100%;min-height:0}.chat-section.hide-on-mobile{display:none!important}.chat-section.show-on-mobile{display:flex!important}.right-rail-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:var(--ds-space-1) var(--ds-space-2);background:var(--ds-surface-raised);border-bottom:1px solid var(--ds-border);flex-shrink:0}.chat-sidebar-sort-btn{background:none;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);padding:3px 10px;font-size:var(--ds-text-2xs);cursor:pointer;color:var(--ds-text);transition:background-color var(--ds-dur-fast) var(--ds-ease-enter),color var(--ds-dur-fast) var(--ds-ease-enter)}.chat-sidebar-sort-btn:hover{background-color:var(--ds-surface-sunken);color:var(--ds-text)}.chat-delete-confirm-lead{margin:0;font-size:var(--ds-text-ui);color:var(--ds-text)}.chat-delete-confirm-quote{margin:var(--ds-space-3) 0 0;padding:var(--ds-space-2) var(--ds-space-3);border-left:3px solid var(--ds-border-strong);border-radius:var(--ds-radius-sm);background:var(--ds-surface-sunken);color:var(--ds-text-muted);font-size:var(--ds-text-xs);max-height:6.5em;overflow-y:auto;white-space:pre-wrap}.chat-header{height:var(--ds-chat-chrome-h,64px);gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-5);background-color:var(--ds-surface-raised);border-bottom:1px solid var(--ds-border);overflow:hidden}.chat-header,.user-info{display:flex;align-items:center}.user-info{flex:1 1;min-width:0;container-type:inline-size;cursor:pointer;outline:none}.user-info:focus-visible{outline:2px solid var(--ds-focus);outline-offset:var(--ds-focus-offset);border-radius:var(--ds-radius-sm)}.user-avatar{width:40px;height:40px;border-radius:50%;margin-right:var(--ds-space-3);-o-object-fit:cover;object-fit:cover;flex-shrink:0}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{display:flex;align-items:baseline;gap:4px;min-width:0;font-size:var(--ds-text-ui);font-weight:var(--ds-weight-medium);color:var(--ds-text)}.user-name__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:350px}.user-flag{flex:none;line-height:1}.user-phone{flex:none;font-size:var(--ds-text-2xs);font-weight:var(--ds-weight-regular);color:var(--ds-text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@container (max-width: 260px){.user-phone{display:none}}.last-seen{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;font-size:var(--ds-text-2xs);color:var(--ds-text-muted);white-space:nowrap}.chat-header-assigned,.chat-header-channel-name{overflow:hidden;text-overflow:ellipsis}.chat-header-tags{display:flex;align-items:center;gap:4px;flex:none}.chat-header-assigned{color:var(--ds-accent);font-weight:var(--ds-weight-semibold)}.chat-header-channel-logo{margin-left:6px;vertical-align:middle;display:inline-flex}.chat-header-slot{display:flex;align-items:center;gap:var(--ds-space-2);flex-shrink:0}.chat-header-slot+.chat-header-slot{padding-left:var(--ds-space-3);border-left:1px solid var(--ds-border)}.chat-header-iconbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 var(--ds-space-2);background:transparent;border:1px solid transparent;border-radius:var(--ds-radius-md);color:var(--ds-text);font-family:var(--ds-font-sans);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);cursor:pointer;transition:color var(--ds-dur-fast) var(--ds-ease-enter),background-color var(--ds-dur-fast) var(--ds-ease-enter)}.chat-header-iconbtn:hover{background-color:var(--ds-surface-sunken);color:var(--ds-text)}.chat-header-iconbtn:focus-visible{outline:2px solid var(--ds-focus);outline-offset:var(--ds-focus-offset)}.chat-header-manual.is-active{background-color:var(--ds-accent-tint);border-color:var(--ds-border-strong);color:var(--ds-accent-strong)}.chat-header-overflow.menu-v2__trigger{padding:0;border:none;background:transparent}.chat-header-overflow.menu-v2__trigger:hover:not(:disabled){background:transparent}.chat-header-bell__count{min-width:16px;height:16px;padding:0 4px;border-radius:var(--ds-radius-full);background-color:var(--ds-accent);color:var(--ds-text-on-accent);font-size:var(--ds-text-2xs);font-weight:var(--ds-weight-bold);line-height:16px;text-align:center}.chat-header-pilot__label{font-size:var(--ds-text-xs);color:var(--ds-text);white-space:nowrap}.chat-header-back-btn{display:none;background:none;border:none;padding:var(--ds-space-1) var(--ds-space-2);cursor:pointer;border-radius:50%;color:var(--ds-text);transition:background-color var(--ds-dur-fast) var(--ds-ease-enter);flex-shrink:0}.chat-header-back-btn:hover{background-color:var(--ds-surface-sunken)}.chat-header-qr .chat-header-assigned,.chat-header-qr .chat-header-back-btn,.chat-header-qr .chat-header-chapter.menu-v2__trigger,.chat-header-qr .chat-header-iconbtn,.chat-header-qr .chat-header-pilot__label,.chat-header-qr .user-name{color:var(--ds-text-muted)}.chat-header-qr .chat-header-back-btn:hover,.chat-header-qr .chat-header-iconbtn:hover{color:var(--ds-text)}.chat-header-qr .ds-badge{--ds-tone:var(--ds-text-muted);--ds-tone-tint:var(--ds-surface-sunken)}.chat-header-qr .chat-header-bell__count{background-color:var(--ds-text-muted);color:var(--ds-surface-raised)}.chat-header-qr .switch-container{--ds-sw-on:var(--ds-text-muted)}.chat-header-qr .user-avatar{filter:grayscale(1)}.chat-header-loading-container{height:100%;width:100%;display:flex;align-items:center;justify-content:center;margin-top:-23px}.chat-header.is-compact{gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-3)}.chat-header.is-compact .chat-header-slot+.chat-header-slot{padding-left:var(--ds-space-2)}.chat-header.is-compact .chat-header-chapter__long{display:none}.chat-header.is-compact .chat-header-chapter__short{display:inline}.chat-header.is-compact .chat-header-pilot__label{display:none}@media (max-width:768px){.chat-header-back-btn{display:flex;align-items:center;justify-content:center}}@media (max-width:480px){.user-name__text{max-width:150px}}@media (prefers-reduced-motion:reduce){.chat-header-back-btn,.chat-header-iconbtn{transition:none}}