.matrix-cell.matrix-highlight {
  opacity: 1 !important;
  pointer-events: auto;
}

.matrix-cell.matrix-highlight:hover {
  transform: scale(1.2);
  transform-box: fill-box;
  transform-origin: 50% 50%;
  transition: transform 0.15s cubic-bezier(.4, 2, .6, 1);
}

.matrix-cell.matrix-dim {
  opacity: 0.2;
}

.matrix-cell.cluster-dim {
  opacity: 0.3;
}

/* 当同时应用matrix-dim和cluster-dim时，使用更低的透明度 */
.matrix-cell.matrix-dim.cluster-dim {
  opacity: 0.15;
}

.minimap-highlight {
  transform: scale(1.2);
  transform-box: fill-box;
  transform-origin: 50% 50%;
  transition: transform 0.15s cubic-bezier(.4, 2, .6, 1);
  pointer-events: auto;
}

.matrix-cell:hover {
  cursor: pointer;
}


/* Detail sidebar 内部标题样式 */
#detail-sidebar-title {
  color: inherit;
}

/* 确保stage-rect不显示抓取光标 */
.stage-rect {
  cursor: pointer !important;
}

/* Galaxy 分析按钮样式 - 让图标更显眼 */
.galaxy-analyze-button svg,
.galaxy-analyze-button .jp-icon3,
.galaxy-analyze-button [data-icon],
.galaxy-analyze-button .lm-Widget svg {
  fill: #FF6B35 !important; /* 橙色 */
}

.galaxy-analyze-button:hover svg,
.galaxy-analyze-button:hover .jp-icon3,
.galaxy-analyze-button:hover [data-icon],
.galaxy-analyze-button:hover .lm-Widget svg {
  fill: #FF4500 !important; /* 悬停时更深的橙色 */
  transform: scale(1.1);
  transition: all 0.2s ease;
}

.galaxy-analyze-button:active svg,
.galaxy-analyze-button:active .jp-icon3,
.galaxy-analyze-button:active [data-icon],
.galaxy-analyze-button:active .lm-Widget svg {
  fill: #FF0000 !important; /* 点击时红色 */
  transform: scale(0.95);
}

/* 更通用的选择器，覆盖所有可能的图标元素 */
.galaxy-analyze-button * {
  fill: #FF6B35 !important;
}

.galaxy-analyze-button:hover * {
  fill: #FF4500 !important;
}

.galaxy-analyze-button:active * {
  fill: #FF0000 !important;
}

/* Galaxy 简化分析按钮样式 - 绿色主题 */
.galaxy-simple-analyze-button svg,
.galaxy-simple-analyze-button .jp-icon3,
.galaxy-simple-analyze-button [data-icon],
.galaxy-simple-analyze-button .lm-Widget svg {
  fill: #28a745 !important; /* 绿色 */
}

.galaxy-simple-analyze-button:hover svg,
.galaxy-simple-analyze-button:hover .jp-icon3,
.galaxy-simple-analyze-button:hover [data-icon],
.galaxy-simple-analyze-button:hover .lm-Widget svg {
  fill: #20c997 !important; /* 悬停时更亮的绿色 */
  transform: scale(1.1);
  transition: all 0.2s ease;
}

.galaxy-simple-analyze-button:active svg,
.galaxy-simple-analyze-button:active .jp-icon3,
.galaxy-simple-analyze-button:active [data-icon],
.galaxy-simple-analyze-button:active .lm-Widget svg {
  fill: #1e7e34 !important; /* 点击时深绿色 */
  transform: scale(0.95);
}

/* 更通用的选择器，覆盖所有可能的图标元素 */
.galaxy-simple-analyze-button * {
  fill: #28a745 !important;
}

.galaxy-simple-analyze-button:hover * {
  fill: #20c997 !important;
}

.galaxy-simple-analyze-button:active * {
  fill: #1e7e34 !important;
}

/* 按钮激活状态样式 */
button.active {
  opacity: 1;
  transform: scale(1.05);
  transition: all 0.2s ease;
}

button.active:hover {
  transform: scale(1.1);
}