// 基础设置
.zhny-tab-container {
  position: relative;
  padding: 0 10px 10px;
  border-radius: 4px;
  background: @tab-box-bg;
  .skin-dark & {
    background: @tab-box-dark-bg;
  }
  &.zhny-tab-container-fullheight {
    height: 100%;
    > .ant-tabs.ant-tabs-top {
      height: 100%;
      .ant-tabs-content-holder {
        height: 100%;
        overflow-y: auto;
        > .ant-tabs-content {
          height: 100%;
          > .ant-tabs-tabpane {
            height: 100%;
          }
        }
        .skin-dark & {
          .scroll-style-dark();
        }
      }
    }
  }
  > .ant-tabs.ant-tabs-top {
    > .ant-tabs-nav {
      min-height: @tab-box-title-height;
      margin: 0 0 10px;
      > .ant-tabs-nav-wrap {
        > .ant-tabs-nav-list {
          > .ant-tabs-tab {
            padding: 0;
            font-size: 16px;
            margin-left: @tab-box-title-gap;
            margin-right: 0;
            > .ant-tabs-tab-btn {
              color: @tab-box-default-title-color;
              cursor: pointer;
              .skin-dark & {
                color: @tab-box-default-dark-title-color;
              }
            }
            &.ant-tabs-tab-disabled {
              cursor: not-allowed;
              > .ant-tabs-tab-btn {
                color: @tab-box-disabled-title-color;
                cursor: not-allowed;
                .skin-dark & {
                  color: @tab-box-disabled-dark-title-color;
                }
              }
            }
            &:not(.ant-tabs-tab-disabled, .ant-tabs-tab-active):hover > .ant-tabs-tab-btn {
              color: @blue-primary;
              .skin-red & {
                color: @red-primary;
              }
              .skin-green & {
                color: @green-primary;
              }
              .skin-yellow & {
                color: @yellow-primary;
              }
              .skin-gray & {
                color: @yellow-primary;
              }
              .skin-dark & {
                color: #cad6ff !important;
              }
            }
            &.ant-tabs-tab-active > .ant-tabs-tab-btn {
              cursor: default;
              color: @tab-box-title-selected-color;
              .skin-dark & {
                color: @tab-box-title-selected-dark-color;
              }
            }
            &:first-child {
              margin-left: 0;
            }
            .skin-dark & {
              background: none;
            }
          }
        }
      }
    }
    .ant-tabs-ink-bar {
      height: @tab-box-ink-height;
    }
    .ant-tabs-extra-content {
      .ant-form-inline {
        .ant-form-item {
          margin-right: @tab-box-slot-form-item-gap;
          margin-bottom: 0;
        }
      }
      .ant-input-group.ant-input-group-compact {
        &::before,
        &::after {
          display: block;
        }
        > .ant-form-item {
          margin: 0;
          &:nth-of-type(1) {
            .ant-input-number {
              border-radius: 4px 0 0 4px;
            }
          }
          &:nth-of-type(2) {
            .ant-input-number {
              border-radius: 0 4px 4px 0;
            }
          }
        }
      }
    }
  }
  &.zhny-tab-container-show-back {
    > .ant-tabs.ant-tabs-top > .ant-tabs-nav {
      position: relative;
      padding-left: 57px;
    }
    .zhny-tab-container-back-btn {
      position: absolute;
      left: 10px;
      top: 13px;
      font-size: 14px;
      color: @blue-primary;
      cursor: pointer;
      z-index: 1;
      user-select: none;
      .skin-red & {
        color: @red-primary;
      }
      .skin-green & {
        color: @green-primary;
      }
      .skin-yellow & {
        color: @yellow-primary;
      }
      .skin-gray & {
        color: @gray-primary;
      }
      .skin-dark & {
        color: #95adff;
      }
      &::before {
        content: '';
        position: absolute;
        width: 1px;
        height: 20px;
        top: 50%;
        left: 45px;
        transform: translateY(-50%);
        font-size: 14px;
        background-color: #d8d8d8;
        .skin-dark & {
          background-color: #3f465c;
        }
      }
    }
  }
  .zhny-tab-container-left-slots {
    position: absolute;
    top: 5px;
    .zhny-tab-container-leftslotsdom {
      display: inline-block;
      .iconfont {
        font-size: 20px;
        cursor: pointer;
        &:hover {
          color: @blue-primary;
        }
        &.icon-disabled {
          color: #cecece !important;
          cursor: not-allowed !important;
        }
      }
    }
    .zhny-tab-container-icon {
      font-size: 20px;
      cursor: pointer;
      &:not(:first-child) {
        margin-left: 10px;
      }
      &:hover {
        color: @blue-primary;
      }
      &.icon-disabled {
        color: #cecece !important;
        cursor: not-allowed !important;
      }
    }
  }
}