.chat-left-panel-container{display:flex;flex-direction:column;gap:1rem;height:100%}.chat-header-fixed{flex:none}.chat-balance-info{padding:0 1rem 1rem}.chat-balance-info span{color:#000;font-size:16px;font-style:normal;font-weight:383;line-height:18px}.balance-display{align-items:center;display:flex;gap:.5rem}.balance-tooltip-container{display:inline-block;position:relative}.balance-info-icon{color:#6b7280;cursor:pointer;height:16px;transition:color .2s;width:16px}.balance-info-icon:hover{color:#4bc2ff}.balance-tooltip{background:#000000e6;border-radius:6px;bottom:100%;color:#fff;font-size:12px;margin-bottom:5px;opacity:0;padding:8px 12px;transition:opacity .3s,visibility .3s;visibility:hidden;white-space:nowrap;z-index:1000}.balance-tooltip,.balance-tooltip:after{left:50%;position:absolute;transform:translate(-50%)}.balance-tooltip:after{border:4px solid transparent;border-top-color:#000000e6;content:"";top:100%}.balance-tooltip-container:hover .balance-tooltip{opacity:1;visibility:visible}.chat-search-container{margin:0}.chat-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.chat-search-input{border:1px solid #e2e8f0;border-radius:.5rem;width:100%}.chat-search-input:focus{border-color:#3b82f6;outline:none}.chat-list-container{display:flex;flex:1;flex-direction:column;gap:.5rem;overflow-y:auto}.chat-loading{padding:1rem;text-align:center}.chat-loading-spinner{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-bottom-color:#3b82f6;border-radius:50%;height:2rem;margin:0 auto;width:2rem}.chat-error{color:#ef4444}.chat-empty,.chat-error{padding:1rem;text-align:center}.chat-empty{color:#6b7280}.chat-item{cursor:pointer}.chat-item,.chat-item-content{transition:background-color .2s}.chat-item-content{align-items:center;align-self:stretch;border-radius:99px;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;padding:8px 20px 8px 10px}.chat-item-content:hover{background:#f3f4f6}.chat-item-content__online,.chat-item-content__online:hover{background:#ebf8ff}.chat-item-content__selected{background:linear-gradient(90deg,#4bc2ff .12%,#7185fd 112.52%),#4bc2ff!important}.chat-item-content__selected:hover{background:linear-gradient(90deg,#3ba8e6 .12%,#5a6be3 112.52%),#3ba8e6!important}.chat-item-name{color:var(--Primary-100,#4bc2ff);font-size:16px;font-style:normal;font-weight:605;line-height:18px}.chat-item-name__not_online{color:#000;font-weight:383;line-height:18px}.chat-item-email{color:#6b7280;font-size:.875rem}.chat-item-status{align-items:center;background:linear-gradient(90deg,#4bc2ff .12%,#7185fd 112.52%),#4bc2ff;border-radius:99px;color:#fff;display:flex;font-size:14px;font-style:normal;font-weight:605;gap:4px;justify-content:center;line-height:14px;padding:4px 8px;width:38px}.chat-item-status-count{translate:0 -1px}.chat-item-status-selected{background:var(--Neutral-White,#fff);color:#000}.chat-typing-indicator{color:var(--Primary-100,#4bc2ff);color:#3b82f6;font-size:.75rem;font-style:italic;margin-top:.25rem}.chat-status-indicator{border-radius:50%;height:.75rem;width:.75rem}.chat-status-online{background-color:#10b981}.chat-status-offline{background-color:#d1d5db}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.chat-last-message{color:#6b7280;font-size:.75rem;margin-top:.25rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-loading-more{padding:.5rem;text-align:center}.chat-loading-more-spinner{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-bottom-color:#3b82f6;border-radius:50%;height:1.5rem;margin:0 auto;width:1.5rem}