/* 聊天页:商标表格「批量收藏」选择模式样式 + 「下载宫格图」弹层里聊天页多出的「选择商标」picker。
   宫格弹层主体(.overlay/.grid-panel/.grid-cfg/.seg/.toggles/.grid-preview-wrap 等)与收藏页共用
   static/css/grid-image-modal.css;导出图 .gridimg-* 见 grid-image.css。 */

/* ---------- 批量收藏:入口高亮 + 行勾选 ---------- */
.table-block.tm-batch-mode [data-table-action="batch-fav"] {
    color: var(--color-primary);
    background: var(--color-primary-soft);
}

/* 批量模式下整行可点选 */
.tm-batch-mode tbody tr {
    cursor: pointer;
}
.tm-batch-mode tbody tr:hover {
    background: var(--color-surface-hover);
}
.tm-batch-mode tbody tr.is-batch-selected {
    background: var(--color-primary-soft);
}

/* 批量模式下隐藏行内收藏心,避免与勾选圈语义混淆 */
.tm-batch-mode .tm-row-fav {
    display: none;
}

/* 行勾选圈 */
.tm-batch-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: 1.5px solid var(--color-border-strong);
    border-radius: var(--radius-pill);
    color: transparent;
    background: var(--color-surface);
    vertical-align: middle;
    transition: all var(--duration-fast) var(--ease);
}
.tm-batch-check .lucide {
    width: 14px;
    height: 14px;
}
.is-batch-selected .tm-batch-check {
    border-color: var(--color-primary);
    background: var(--color-primary);
    color: var(--color-primary-text);
}

/* ---------- 下载宫格图:聊天页多出的「选择商标」picker(弹层主体样式见 grid-image-modal.css) ---------- */
.chat-grid-row-pick {
    flex: 1;
    min-height: 0;
}
.chat-grid-pick-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.chat-grid-pick-head > span {
    font-size: .82rem;
    font-weight: 500;
    color: var(--color-text-secondary);
}
.chat-grid-selectall {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .82rem;
    color: var(--color-text-secondary);
    cursor: pointer;
}
.chat-grid-selectall input { accent-color: var(--color-primary); }
.chat-grid-picker {
    max-height: 220px;
    overflow-y: auto;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    padding: 4px;
}
.chat-grid-pick {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 6px;
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-size: .85rem;
}
.chat-grid-pick:hover { background: var(--color-surface-hover); }
.chat-grid-pick input { accent-color: var(--color-primary); }
.chat-grid-pick-thumb {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    overflow: hidden;
    font-size: .6rem;
    color: var(--color-text-tertiary);
}
.chat-grid-pick-thumb img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.chat-grid-pick-name {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-text);
}
.chat-grid-empty {
    color: var(--color-text-tertiary);
    font-size: .9rem;
    text-align: center;
    padding: 60px 0;
}