@default-height: 30px; // 正常按钮高度
@large-height: 38px; // 大按钮高度
@small-height: 22px; // 小按钮高度

@default-line-height: 16px;
@large-line-height: 20px;
@small-line-height: 12px;

@default-font-size: 14px;
@large-font-size: @default-font-size * 1.25;
@small-font-size: @default-font-size * 0.75;

@default-padding: 4px 15px;
@large-padding: 6px 15px;
@small-padding: 0 7px;

.zt-btn,
.ant-btn {
  height: @default-height;
  line-height: @default-line-height;
  font-size: @default-font-size;
  padding: @default-padding;
  border-radius: @border-radius-base;
  user-select: auto;
  font-family: PingFangSC-Regular, PingFang SC;
  // UI审查
  // > span {
  //   font-size: @default-font-size;
  // }
}

.copy-btn--container {
  > button {
    &:first-child {
      width: calc(100% - 40px);
      overflow: hidden;
      padding: 0;
      margin-right: 10px;
    }
  }
}
.zt-btn-large {
  height: @large-height;
  line-height: @large-line-height;
  font-size: @large-font-size;
  padding: @large-padding;
}
.zt-btn-small {
  height: @small-height;
  line-height: @small-line-height;
  font-size: @small-font-size;
  padding: @small-padding;
}

.ant-popover .ant-btn,
button.zt-btn-default,
button.ant-btn-default {
  background-color: @system-color;
  color: @primary-color;
  border-color: @system-color;
  &:focus,
  &:active {
    background-color: @system-color;
    color: @primary-color;
    border-color: @system-color;
  }
  &:hover {
    background-color: @tabs-nav-color-split;
    color: @primary-color;
    border-color: @tabs-nav-color-split;
  }
}

.zt-btn-dropdown--default {
  > button {
    background-color: @system-color;
    color: @primary-color;
    border-color: @system-color;
    &:focus,
    &:active {
      background-color: @system-color;
      color: @primary-color;
      border-color: @system-color;
    }
    &:hover {
      background-color: @tabs-nav-color-split;
      color: @primary-color;
      border-color: @tabs-nav-color-split;
    }
  }
}

// 20251111 新增白色背景模式
button.zt-btn-white {
  background-color: @bg-white;
  color: @weight-3;
  border-color: @weight-3;
  &:focus,
  &:active {
    background-color: @bg-white;
    color: @weight-3;
    border-color: @weight-3;
  }
  &:hover {
    background-color: @bg-white;
    color: @primary-color;
    border-color: @primary-color;
  }
}

.ant-popover button.ant-btn-primary,
button.zt-btn-primary,
button.ant-btn-primary {
  background-color: @main-color-light;
  color: @white;
  border-color: @main-color-light;
  &:hover {
    background-color: @main-color-light-hover;
    color: @white;
    border-color: @main-color-light-hover;
  }
  &:focus {
    background-color: @main-color-light;
    color: @white;
    border-color: @main-color-light;
  }
}

button.zt-btn-link {
  color: @link-color;
  &:hover {
    color: @link-hover-color;
  }
  &.zt-btn-disabled[disabled] {
    cursor: not-allowed;
    background: none;
    color: #cccccc;
    border: none;
    &:hover {
      background: none;
      color: #cccccc;
      border: none;
    }
  }
}

button.zt-btn-dangerous {
  background: @danger-color;
  color: #ffffff;
  border-color: @danger-color;
  &:hover {
    background: @danger-color-hover;
    color: #ffffff;
  }
}

button.zt-btn-disabled {
  &[disabled] {
    cursor: not-allowed;
    background-color: #cccccc;
    color: #ffffff;
    border-color: #cccccc;
    &:hover {
      background-color: #cccccc;
      color: #ffffff;
      border-color: #cccccc;
    }
  }
}

.ant-btn-icon-only {
  width: @default-height;
  height: @default-height;
  padding: 2.4px 0;
  font-size: 16px;
  border-radius: 2px;
  vertical-align: -1px;
}

.zt-btn--compact {
  margin-right: 5px;
  padding: 0px;
}