.cn-ai-table-toolbar {
  .cn-ai-table-toolbar-items {
    display: flex;
    gap: 8px;

    // 通过 CSS 让按钮表现为文本按钮
    .cn-ui-button {
      // 文本按钮样式：无背景、无边框
      display: flex;
      align-items: center;
      padding: 3px 4px;
      z-index: 1;
      border-radius: 4px;
      background: transparent;
      border: none;
      box-shadow: none;
      color: inherit;

      &:active {
        color: #4161fd;
        border-radius: 4px;
        background: transparent;

        // 确保图标和文字都应用颜色
        span,
        img {
          color: #4161fd;
          opacity: 1;
        }
      }

      &:disabled {
        background: transparent;
        opacity: 0.5;
        cursor: not-allowed;
      }

      // 确保内部元素颜色不变
      span,
      img {
        color: inherit;
        opacity: 1;
      }
    }
  }
}
