@import '~@zgfe/business-lib/es/assets/styles/inner.less';

.modules-whole-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  background-color: #fafafb;

  &-title {
    .fanhuiicon {
      margin-right: 8px;
      color: #5f6085;
      cursor: pointer;
    }
    > span {
      color: var(--io-N-, #021429);
      font-weight: 500;
      font-size: 16px;
      font-family: 'PingFang SC';
      font-style: normal;
      line-height: 20px; /* 125% */
      letter-spacing: 0.016px;
    }
  }

  &-content {
    display: flex;
    gap: 16px;
    justify-content: flex-end;
  }

  &-panel {
    // .ant-btn {
    //   color: var(--io-i-, #165dff);
    //   background: #fff;
    //   border: 1px solid var(--io-i-, #165dff);
    //   border-radius: 4px;
    // }
    // .ant-btn:hover {
    //   border-color: #165dff;
    // }
  }
  &-scene {
    // .ant-btn {
    //   color: var(--io-i-, #165dff);
    //   background: #fff;
    //   border: 1px solid var(--io-i-, #165dff);
    //   border-radius: 4px;
    // }
    // .ant-btn:hover {
    //   border-color: #165dff;
    // }
  }
  &-platform {
    .biz-select-handle {
      min-width: 132px;
    }

    .biz-select-handle-input {
      background: var(--io-W, #fff);
      border: 1px solid var(--io-n-05, #f2f3f4);
      border-radius: 4px;
    }
  }

  &-right {
    display: flex;
    gap: 16px;
  }
}