
.wk-item-contacts {
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;

}

.wk-item-contacts:hover {
    background-color: #f0f0f0; /* Change this color to your desired hover color */
}

body[theme-mode=dark] .wk-item-contacts:hover {
    background-color: #333333; /* Change this color to your desired hover color */
}

.wk-item-contacts-name {
    margin-left: 15px;
    color: var(--wk-text-item);
    font-size: 14px;
    font-weight: 500;
    /* 用 flex 让 .wk-search-result-item-space 的
       text-overflow: ellipsis + max-width 在同一行水平收敛生效。
       baseline 对齐保证 @SpaceName 后缀与姓名底部对齐，避免视觉错位。 */
    display: flex;
    align-items: baseline;
    min-width: 0;
}

body[theme-mode=dark] .wk-item-contacts-name {
    color: white;
}


mark {
    background-color: transparent; /* 移除默认背景色 */
    color: var(--wk-color-theme); /* 设置文本颜色为红色，可以根据需要更改 */
}
/* 搜索结果条目「@SpaceName」后缀（企微风格）。
   与 .wk-subscrierlist-item-space / .wk-msg-head-space / .mention-list-item-space
   视觉保持一致：灰紫色、12px、紧随姓名/发送者。
   只有 sourceSpaceName 非空时由上层渲染（同 Space / 自己 / 内部消息不渲染）。 */
.wk-search-result-item-space {
    margin-left: 4px;
    font-size: 12px;
    font-weight: 400;
    color: var(--wk-text-secondary);
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 12rem;
    flex-shrink: 1;
}
