.pub-plug-container {
  padding: 16px;

  .pub-plug-alert {
    margin-bottom: 16px;
  }

  .plugin-name-input {
    margin-bottom: 16px;
  }

  .transfer-card {
    margin-bottom: 16px;

    .transfer-warning {
      margin-bottom: 16px;
    }

    .parent-menu-input {
      margin-bottom: 16px;
    }

    .transfer-wrapper {
      display: flex;
      justify-content: center;
      padding: 16px 0;

      :global {
        .ant-transfer {
          .ant-transfer-list {
            width: 400px;
            height: 350px;
          }

          .ant-transfer-list-header {
            background: #fafafa;
          }

          .ant-transfer-list-body {
            .ant-transfer-list-content-item {
              padding: 8px 12px;

              .transfer-item-content {
                display: flex;
                flex-direction: column;
                gap: 2px;

                .item-title {
                  font-weight: 500;
                  color: #333;
                }

                .item-path {
                  font-size: 12px;
                  color: #999;
                }
              }
            }
          }
        }
      }
    }

    .transfer-actions {
      display: flex;
      justify-content: flex-end;
      margin-top: 16px;
    }
  }

  .pub-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
  }
}

// 暗色主题适配
.ant-layout-content[data-theme='dark'] {
  .pub-plug-container {
    .transfer-card {
      .transfer-wrapper {
        :global {
          .ant-transfer {
            .ant-transfer-list-header {
              background: #1f1f1f;
            }

            .ant-transfer-list-body {
              .ant-transfer-list-content-item {
                .transfer-item-content {
                  .item-title {
                    color: #d9d9d9;
                  }

                  .item-path {
                    color: #8c8c8c;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
