.menu-item-selected::before {
    content: "";
    position: absolute;
    z-index: -1;
    left:0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    background-color: #000;
    opacity: 0.2;
}

.grid-context-menu-item-full-expand,
.grid-context-menu-item-full-collapse,
.grid-context-menu-item-sort-ascending,
.grid-context-menu-item-sort-descending,
.grid-context-menu-item-group-by-column,
.grid-context-menu-item-ungroup-column,
.grid-context-menu-item-clear-grouping,
.grid-context-menu-item-show-group-panel,
.grid-context-menu-item-hide-column,
.grid-context-menu-item-column-chooser,
.grid-context-menu-item-fix-column-left,
.grid-context-menu-item-fix-column-right,
.grid-context-menu-item-unfix-column,
.grid-context-menu-item-clear-filter,
.grid-context-menu-item-customize-caption,
.grid-context-menu-item-auto-size-all-columns,
.grid-context-menu-item-export-excel,
.grid-context-menu-item-save-layout,
.grid-context-menu-item-delete-layout,
.grid-context-menu-item-filter-row,
.grid-context-menu-item-footer,
.grid-context-menu-item-add-sum,
.grid-context-menu-item-remove-sum,
.grid-context-menu-item-add-average,
.grid-context-menu-item-remove-average,
.grid-context-menu-item-add-count,
.grid-context-menu-item-remove-count,
.grid-context-menu-item-add-min,
.grid-context-menu-item-remove-min,
.grid-context-menu-item-add-max,
.grid-context-menu-item-remove-max,
.grid-context-menu-item-clear-all-summary,
.grid-context-menu-item-expand-row,
.grid-context-menu-item-collapse-row,
.grid-context-menu-item-expand-detail-row,
.grid-context-menu-item-collapse-detail-row,
.grid-context-menu-item-new-row,
.grid-context-menu-item-edit-row,
.grid-context-menu-item-delete-row {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-color: gray;
}

.dropdown-item:active .grid-context-menu-item-full-expand,
.dropdown-item:active .grid-context-menu-item-full-collapse,
.dropdown-item:active .grid-context-menu-item-sort-ascending,
.dropdown-item:active .grid-context-menu-item-sort-descending,
.dropdown-item:active .grid-context-menu-item-group-by-column,
.dropdown-item:active .grid-context-menu-item-ungroup-column,
.dropdown-item:active .grid-context-menu-item-clear-grouping,
.dropdown-item:active .grid-context-menu-item-show-group-panel,
.dropdown-item:active .grid-context-menu-item-hide-column,
.dropdown-item:active .grid-context-menu-item-column-chooser,
.dropdown-item:active .grid-context-menu-item-fix-column-left,
.dropdown-item:active .grid-context-menu-item-fix-column-right,
.dropdown-item:active .grid-context-menu-item-unfix-column,
.dropdown-item:active .grid-context-menu-item-clear-filter,
.dropdown-item:active .grid-context-menu-item-customize-caption,
.dropdown-item:active .grid-context-menu-item-auto-size-all-columns,
.dropdown-item:active .grid-context-menu-item-export-excel,
.dropdown-item:active .grid-context-menu-item-save-layout,
.dropdown-item:active .grid-context-menu-item-delete-layout,
.dropdown-item:active .grid-context-menu-item-filter-row,
.dropdown-item:active .grid-context-menu-item-footer,
.dropdown-item:active .grid-context-menu-item-add-sum,
.dropdown-item:active .grid-context-menu-item-remove-sum,
.dropdown-item:active .grid-context-menu-item-add-average,
.dropdown-item:active .grid-context-menu-item-remove-average,
.dropdown-item:active .grid-context-menu-item-add-count,
.dropdown-item:active .grid-context-menu-item-remove-count,
.dropdown-item:active .grid-context-menu-item-add-min,
.dropdown-item:active .grid-context-menu-item-remove-min,
.dropdown-item:active .grid-context-menu-item-add-max,
.dropdown-item:active .grid-context-menu-item-remove-max,
.dropdown-item:active .grid-context-menu-item-clear-all-summary,
.dropdown-item:active .grid-context-menu-item-expand-row,
.dropdown-item:active .grid-context-menu-item-collapse-row,
.dropdown-item:active .grid-context-menu-item-expand-detail-row,
.dropdown-item:active .grid-context-menu-item-collapse-detail-row,
.dropdown-item:active .grid-context-menu-item-new-row,
.dropdown-item:active .grid-context-menu-item-edit-row,
.dropdown-item:active .grid-context-menu-item-delete-row {
    background-color: white;
}

.dropdown-item.disabled .grid-context-menu-item-full-expand,
.dropdown-item.disabled .grid-context-menu-item-full-collapse,
.dropdown-item.disabled .grid-context-menu-item-sort-ascending,
.dropdown-item.disabled .grid-context-menu-item-sort-descending,
.dropdown-item.disabled .grid-context-menu-item-group-by-column,
.dropdown-item.disabled .grid-context-menu-item-ungroup-column,
.dropdown-item.disabled .grid-context-menu-item-clear-grouping,
.dropdown-item.disabled .grid-context-menu-item-show-group-panel,
.dropdown-item.disabled .grid-context-menu-item-hide-column,
.dropdown-item.disabled .grid-context-menu-item-column-chooser,
.dropdown-item.disabled .grid-context-menu-item-fix-column-left,
.dropdown-item.disabled .grid-context-menu-item-fix-column-right,
.dropdown-item.disabled .grid-context-menu-item-unfix-column,
.dropdown-item.disabled .grid-context-menu-item-clear-filter,
.dropdown-item.disabled .grid-context-menu-item-customize-caption,
.dropdown-item.disabled .grid-context-menu-item-auto-size-all-columns,
.dropdown-item.disabled .grid-context-menu-item-export-excel,
.dropdown-item.disabled .grid-context-menu-item-save-layout,
.dropdown-item.disabled .grid-context-menu-item-delete-layout,
.dropdown-item.disabled .grid-context-menu-item-filter-row,
.dropdown-item.disabled .grid-context-menu-item-footer,
.dropdown-item.disabled .grid-context-menu-item-add-sum,
.dropdown-item.disabled .grid-context-menu-item-remove-sum,
.dropdown-item.disabled .grid-context-menu-item-add-average,
.dropdown-item.disabled .grid-context-menu-item-remove-average,
.dropdown-item.disabled .grid-context-menu-item-add-count,
.dropdown-item.disabled .grid-context-menu-item-remove-count,
.dropdown-item.disabled .grid-context-menu-item-add-min,
.dropdown-item.disabled .grid-context-menu-item-remove-min,
.dropdown-item.disabled .grid-context-menu-item-add-max,
.dropdown-item.disabled .grid-context-menu-item-remove-max,
.dropdown-item.disabled .grid-context-menu-item-clear-all-summary,
.dropdown-item.disabled .grid-context-menu-item-expand-row,
.dropdown-item.disabled .grid-context-menu-item-collapse-row,
.dropdown-item.disabled .grid-context-menu-item-expand-detail-row,
.dropdown-item.disabled .grid-context-menu-item-collapse-detail-row,
.dropdown-item.disabled .grid-context-menu-item-new-row,
.dropdown-item.disabled .grid-context-menu-item-edit-row,
.dropdown-item.disabled .grid-context-menu-item-delete-row {
    background-color: #c3c2c2;
}

.grid-context-menu-item-full-expand {
    mask-image: url(../images/icons/full-expand.svg);
    -webkit-mask-image: url(../images/icons/full-expand.svg);
}
.grid-context-menu-item-full-collapse {
    mask-image: url(../images/icons/full-collapse.svg);
    -webkit-mask-image: url(../images/icons/full-collapse.svg);
}
.grid-context-menu-item-sort-ascending {
    mask-image: url(../images/icons/sort-ascending.svg);
    -webkit-mask-image: url(../images/icons/sort-ascending.svg);
}
.grid-context-menu-item-sort-descending {
    mask-image: url(../images/icons/sort-descending.svg);
    -webkit-mask-image: url(../images/icons/sort-descending.svg);
}
.grid-context-menu-item-group-by-column {
    mask-image: url(../images/icons/group-by-column.svg);
    -webkit-mask-image: url(../images/icons/group-by-column.svg);
}
.grid-context-menu-item-ungroup-column {
    mask-image: url(../images/icons/ungroup-column.svg);
    -webkit-mask-image: url(../images/icons/ungroup-column.svg);
}
.grid-context-menu-item-clear-grouping {
    mask-image: url(../images/icons/clear-grouping.svg);
    -webkit-mask-image: url(../images/icons/clear-grouping.svg);
}
.grid-context-menu-item-show-group-panel {
    mask-image: url(../images/icons/show-group-panel.svg);
    -webkit-mask-image: url(../images/icons/show-group-panel.svg);
}
.grid-context-menu-item-hide-column {
    mask-image: url(../images/icons/hide-column.svg);
    -webkit-mask-image: url(../images/icons/hide-column.svg);
}
.grid-context-menu-item-column-chooser {
    mask-image: url(../images/icons/column-chooser.svg);
    -webkit-mask-image: url(../images/icons/column-chooser.svg);
}
.grid-context-menu-item-fix-column-left {
    mask-image: url(../images/icons/fix-column-left.svg);
    -webkit-mask-image: url(../images/icons/fix-column-left.svg);
}
.grid-context-menu-item-fix-column-right {
    mask-image: url(../images/icons/fix-column-right.svg);
    -webkit-mask-image: url(../images/icons/fix-column-right.svg);
}
.grid-context-menu-item-unfix-column {
    mask-image: url(../images/icons/unfix-column.svg);
    -webkit-mask-image: url(../images/icons/unfix-column.svg);
}
.grid-context-menu-item-clear-filter {
    mask-image: url(../images/icons/clear-filter.svg);
    -webkit-mask-image: url(../images/icons/clear-filter.svg);
}
.grid-context-menu-item-expand-row {
    mask-image: url(../images/icons/expand-row.svg);
    -webkit-mask-image: url(../images/icons/expand-row.svg);
}
.grid-context-menu-item-collapse-row {
    mask-image: url(../images/icons/collapse-row.svg);
    -webkit-mask-image: url(../images/icons/collapse-row.svg);
}
.grid-context-menu-item-expand-detail-row {
    mask-image: url(../images/icons/expand-detail-row.svg);
    -webkit-mask-image: url(../images/icons/expand-detail-row.svg);
}
.grid-context-menu-item-collapse-detail-row {
    mask-image: url(../images/icons/collapse-detail-row.svg);
    -webkit-mask-image: url(../images/icons/collapse-detail-row.svg);
}
.grid-context-menu-item-new-row {
    mask-image: url(../images/icons/new-row.svg);
    -webkit-mask-image: url(../images/icons/new-row.svg);
}
.grid-context-menu-item-edit-row {
    mask-image: url(../images/icons/edit-row.svg);
    -webkit-mask-image: url(../images/icons/edit-row.svg);
}
.grid-context-menu-item-delete-row {
    mask-image: url(../images/icons/delete-row.svg);
    -webkit-mask-image: url(../images/icons/delete-row.svg);
}

/* ===== 新增菜单项图标 ===== */
.grid-context-menu-item-customize-caption {
    mask-image: url(../images/icons/edit.svg);
    -webkit-mask-image: url(../images/icons/edit.svg);
}
.grid-context-menu-item-auto-size-all-columns {
    mask-image: url(../images/icons/grid-move-right.svg);
    -webkit-mask-image: url(../images/icons/grid-move-right.svg);
}
.grid-context-menu-item-export-excel {
    mask-image: url(../images/icons/export.svg);
    -webkit-mask-image: url(../images/icons/export.svg);
}
.grid-context-menu-item-save-layout {
    mask-image: url(../images/icons/save.svg);
    -webkit-mask-image: url(../images/icons/save.svg);
}
.grid-context-menu-item-delete-layout {
    mask-image: url(../images/icons/delete.svg);
    -webkit-mask-image: url(../images/icons/delete.svg);
}

/* ===== Footer 汇总菜单项图标 ===== */
.grid-context-menu-item-add-sum {
    mask-image: url(../images/icons/sum.svg);
    -webkit-mask-image: url(../images/icons/sum.svg);
}
.grid-context-menu-item-remove-sum {
    mask-image: url(../images/icons/minus.svg);
    -webkit-mask-image: url(../images/icons/minus.svg);
}
.grid-context-menu-item-add-average {
    mask-image: url(../images/icons/average.svg);
    -webkit-mask-image: url(../images/icons/average.svg);
}
.grid-context-menu-item-remove-average {
    mask-image: url(../images/icons/minus.svg);
    -webkit-mask-image: url(../images/icons/minus.svg);
}
.grid-context-menu-item-add-count {
    mask-image: url(../images/icons/count.svg);
    -webkit-mask-image: url(../images/icons/count.svg);
}
.grid-context-menu-item-remove-count {
    mask-image: url(../images/icons/minus.svg);
    -webkit-mask-image: url(../images/icons/minus.svg);
}
.grid-context-menu-item-add-min {
    mask-image: url(../images/icons/sort-ascending.svg);
    -webkit-mask-image: url(../images/icons/sort-ascending.svg);
}
.grid-context-menu-item-remove-min {
    mask-image: url(../images/icons/minus.svg);
    -webkit-mask-image: url(../images/icons/minus.svg);
}
.grid-context-menu-item-add-max {
    mask-image: url(../images/icons/sort-descending.svg);
    -webkit-mask-image: url(../images/icons/sort-descending.svg);
}
.grid-context-menu-item-remove-max {
    mask-image: url(../images/icons/minus.svg);
    -webkit-mask-image: url(../images/icons/minus.svg);
}
.grid-context-menu-item-clear-all-summary {
    mask-image: url(../images/icons/clear.svg);
    -webkit-mask-image: url(../images/icons/clear.svg);
}

/* ===== filter-row / footer 非选中态也显示图标 ===== */
.grid-context-menu-item-filter-row {
    mask-image: url(../images/icons/grid-toolbar-filter.svg);
    -webkit-mask-image: url(../images/icons/grid-toolbar-filter.svg);
}
.grid-context-menu-item-footer {
    mask-image: url(../images/icons/cm-footer.svg);
    -webkit-mask-image: url(../images/icons/cm-footer.svg);
}

/* ===== 修复：清除排序 / 筛选列 独立图标 ===== */
.grid-context-menu-item-clear-sorting,
.grid-context-menu-item-filter-column {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
}
.grid-context-menu-item-clear-sorting {
    mask-image: url(../images/icons/cm-clear-sort.svg);
    -webkit-mask-image: url(../images/icons/cm-clear-sort.svg);
    background-color: #c0392b;
}
.grid-context-menu-item-filter-column {
    mask-image: url(../images/icons/cm-filter.svg);
    -webkit-mask-image: url(../images/icons/cm-filter.svg);
    background-color: #1d6fd6;
}
.dropdown-item:active .grid-context-menu-item-clear-sorting,
.dropdown-item:active .grid-context-menu-item-filter-column {
    background-color: white;
}
.dropdown-item.disabled .grid-context-menu-item-clear-sorting,
.dropdown-item.disabled .grid-context-menu-item-filter-column {
    background-color: #c3c2c2;
}

/* ===== filter-row / footer 选中态切换为对勾图标 ===== */
.menu-item-selected .grid-context-menu-item-filter-row,
.menu-item-selected .grid-context-menu-item-footer {
    mask-image: url(../images/icons/item-checked.svg);
    -webkit-mask-image: url(../images/icons/item-checked.svg);
}

.menu-item-selected.dropdown-item:active .grid-context-menu-item-filter-row,
.menu-item-selected.dropdown-item:active .grid-context-menu-item-footer {
    background-color: white;
}


/* ==================== 右键菜单图标 - 语义分组上色 ==================== */
/* 蓝：排序 / 分组 / 展开折叠 / 列操作 / 筛选行 */
.grid-context-menu-item-full-expand,
.grid-context-menu-item-full-collapse,
.grid-context-menu-item-expand-row,
.grid-context-menu-item-collapse-row,
.grid-context-menu-item-expand-detail-row,
.grid-context-menu-item-collapse-detail-row,
.grid-context-menu-item-sort-ascending,
.grid-context-menu-item-sort-descending,
.grid-context-menu-item-group-by-column,
.grid-context-menu-item-ungroup-column,
.grid-context-menu-item-show-group-panel,
.grid-context-menu-item-column-chooser,
.grid-context-menu-item-customize-caption,
.grid-context-menu-item-auto-size-all-columns,
.grid-context-menu-item-fix-column-left,
.grid-context-menu-item-fix-column-right,
.grid-context-menu-item-unfix-column,
.grid-context-menu-item-filter-row,
.grid-context-menu-item-footer,
.grid-context-menu-item-edit-row {
    background-color: #1d6fd6;
}

/* 红：删除 / 清除 / 移除 / 隐藏 */
.grid-context-menu-item-delete-row,
.grid-context-menu-item-delete-layout,
.grid-context-menu-item-clear-filter,
.grid-context-menu-item-clear-grouping,
.grid-context-menu-item-clear-all-summary,
.grid-context-menu-item-hide-column,
.grid-context-menu-item-remove-sum,
.grid-context-menu-item-remove-average,
.grid-context-menu-item-remove-count,
.grid-context-menu-item-remove-min,
.grid-context-menu-item-remove-max {
    background-color: #c0392b;
}

/* 绿：导出 / 保存 / 新增 */
.grid-context-menu-item-export-excel,
.grid-context-menu-item-save-layout,
.grid-context-menu-item-new-row {
    background-color: #1a8f54;
}

/* 青：汇总统计（求和/平均/计数/最小/最大） */
.grid-context-menu-item-add-sum,
.grid-context-menu-item-add-average,
.grid-context-menu-item-add-count,
.grid-context-menu-item-add-min,
.grid-context-menu-item-add-max {
    background-color: #0891b2;
}

/* 尺寸切换按钮图标（彩色线条） */
.size-changer-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: transparent !important;
    background-image: url("../images/icons/line-size.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    mask-image: none !important;
    -webkit-mask-image: none !important;
    vertical-align: middle;
}