/* 编码收藏星标（详情页 / 搜索列表 / 我的收藏页共用） */
.fav-star {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    border: none;
    background: transparent;
    color: var(--bs-gray-500);
    line-height: 0;
    cursor: pointer;
    border-radius: 50%;
    transition: color 0.15s ease-in-out;
}

.fav-star:hover,
.fav-star:focus-visible {
    color: var(--bs-warning);
}

.fav-star.is-favorited {
    color: var(--bs-warning);
}

.fav-star.is-favorited .fav-star__icon {
    fill: currentColor;
}

/* 聚合视图树形叶子行（编码搜索 _CodeResult / 实例搜索 _InstanceResult 共用）：
   星标占据折叠符号槽位（替换 hidden-toggle 占位），与上面各行折叠符号垂直对齐；
   占位尺寸与 .thread-toggle 完全一致（14px + 4px 右间距），编码位置不变；
   叶子行 flex 为顶部对齐，margin-top (24-14)/2=5px 使星标与 code-pill（min-height 24px）水平中线对齐 */
.fav-star--toggle-slot,
.fav-star--inline {
    width: 14px;
    height: 14px;
    padding: 0;
    margin-right: var(--su4);
    flex-shrink: 0;
}

.fav-star--toggle-slot {
    margin-top: calc((24px - 14px) / 2);
}

/* 明细视图（平铺表格编码列）：星标在编码左边，父容器 flex 居中对齐，无需 margin-top */
.fav-star--inline {
    align-self: center;
}

.fav-star--toggle-slot .fav-star__icon,
.fav-star--inline .fav-star__icon {
    width: 14px;
    height: 14px;
}

/* 编码详情页：星标浮于结构图容器左上角，与右上角「互动演示」按钮（.hs-code-toggle: top 0 right 0）同一行 */
.fav-star--corner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}