.chat-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-bottom:1px solid rgba(0,0,0,.04);transition:all .15s ease;background-color:var(--white-bg-color);text-decoration:none;color:inherit;cursor:pointer}.chat-item:hover{background-color:var(--list-hover-color)}.chat-item:visited{color:inherit}.chat-item:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px;background-color:var(--list-hover-color)}.chat-item:last-child{border-bottom:none}.chat-item.unread{background-color:rgba(5,111,240,.02)}.chat-item.unread:hover{background-color:rgba(5,111,240,.04)}.chat-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;object-fit:cover;background-color:rgba(0,0,0,.05)}.chat-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.chat-name{font-weight:600;color:var(--primary-text-color);font-size:.9rem;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-preview{color:var(--primary-light-text-color);font-size:.85rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item.unread .chat-preview{font-weight:500;color:var(--primary-text-color)}.chat-meta{display:flex;flex-direction:row;align-items:center;gap:.375em;flex-shrink:0}.chat-time{color:var(--primary-lightest-text-color);font-size:.75rem;font-weight:500;white-space:nowrap}.chat-item.unread .chat-time{color:var(--primary-color);font-weight:600}.chat-unread-dot{width:8px;height:8px;background-color:var(--primary-color);border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px rgba(5,111,240,.2)}