@import url("../base.less");
.week-mode {
  overflow: hidden;
  filter: invert(80%);
}
&::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
&::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #e4e4e4;
  min-height: 40px;
  padding-top: 100px;
  border-radius: 4px;
}
&::-webkit-scrollbar-thumb:hover,
&::-webkit-scrollbar-thumb:active {
  background-color: #ccc;
}
.beauty-scroll {
  scrollbar-color: @primary-color @primary-2;
  scrollbar-width: thin;
  -ms-overflow-style: none;
  position: relative;
  &::-webkit-scrollbar {
    width: 3px;
    height: 1px;
  }
  &::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: @primary-color;
  }
  &::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);
    border-radius: 3px;
    background: @primary-3;
  }
}
.split-right {
  &:not(:last-child) {
    border-right: 1px solid rgba(98, 98, 98, 0.2);
  }
}
.disabled {
  cursor: not-allowed;
  color: @disabled-color;
  pointer-events: none;
}
//右侧弹出按钮
.drawer-menu {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #e9e9e9;
  padding: 10px 16px;
  background: #fff;
  text-align: right;
  z-index: 1;
}
.search-menu {
  button {
    margin: 4px 8px 0 0;
  }
}
.operator {
  margin-bottom: 18px;
}
//链接颜色
a {
  color: #595959;
  .anticon {
    margin-right: 3px;
  }
}
//左侧菜单选中颜色
.ant-menu-submenu-selected {
  color: #262626;
}
@yellow: #ffcc00;
@white: #ffffff;
@black: #333333;
@yellow-hover: rgba(255, 204, 0, 0.7);
//全局字体
body {
  font-family: PingFangSC-Regular, PingFang SC;
}

// 按钮样式
.ant-btn {
  .h(32px);
  .lh(1);
  .pl(16px);
  .pr(16px);
  .fs(14px);
  .fw(400);
  .bgc(@white);
  .bra(2px);
  .bs(none);
  .c(#595959);
  .b(#e8e8e8);
  &:focus {
    .b(#e8e8e8);
  }
  &:hover {
    .c(#dd8b00);
    .bgc(#fff9e5);
    .b(#ffefb2);
  }
  &:active {
    .c(#dd8b00);
    .bgc(#fff8d9);
    .b(#ffefb2);
    border: 1px solid #ffe066;
  }

  &[disabled] {
    color: rgba(0, 0, 0, 0.25);
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    text-shadow: none;
    box-shadow: none;
  }

  &-primary {
    .b(@yellow);
    .c(@black);
    .bgc(@yellow);

    &:hover {
      .c(@black);
      .bgc(@yellow-hover);
      .b(@yellow-hover);
    }
    &:active {
      .c(@black);
      .bgc(@yellow);
      .b(@yellow);
    }

    &[disabled] {
      color: rgba(0, 0, 0, 0.25);
      background-color: #f5f5f5;
      border-color: #d9d9d9;
      text-shadow: none;
      box-shadow: none;
    }
  }
  &-lg {
    .h(40px);
  }
}

//ant-tag
.ant-tag {
  .bra(3px);
  &:focus {
    outline: none;
  }
}

// 表格
.ant-table-middle
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-body
  > table {
  > .ant-table-thead > tr > th {
    .pt(13px);
    .pb(13px);
  }
  > .ant-table-tbody > tr > td {
    .pt(10px);
    .pb(10px);
  }
}

.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-tbody
  > tr
  > td {
  .pt(10px);
  .pb(10px);
}

.ant-table-thead
  > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
  > td {
  .bgc(#fafafa);
}

.ant-table-tbody
  > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
  > td,
.ant-table-thead
  > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
  > td,
.ant-table-tbody
  > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
  > td {
  .bgc(#f8f8f8);
}

.ant-table {
  .c(#595959);
  // 表格里面涉及的组件,写在table里,以避免全局污染
  .ant-checkbox {
    &-indeterminate {
      .ant-checkbox {
        &-inner {
          .w(14px);
          .h(14px);
          &::after {
            left: 46%;
          }
        }
      }
    }
    &-checked {
      .ant-checkbox {
        &-inner {
          .w(14px);
          .h(14px);
          &::after {
            left: 20%;
          }
        }
      }
    }
  }

  &-thead > tr > th {
    .fw(600px);
  }

  &-row-cell-break-word {
    a {
      .c(#595959);
      &:hover {
        .c(#ffcc00);
      }
    }
  }
  a {
    font-weight: bold;
  }
}

// 侧边栏
.ant-layout-sider {
  width: 240px !important; // 侧边栏的宽度,宽度需要在逻辑里面修改,这里先暂时用important强制生效
  min-width: 240px !important;
  max-width: 240px !important;
  &-collapsed {
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;

    .logo.light {
      .h(80px);
      .lh(80px);
    }
    .ant-menu {
      .pt(0px);
      .ant-menu-submenu {
        .ant-menu-submenu-title {
          .mt(6px);
          .mb(0px);
        }
      }
    }
  }
  .ant-menu-inline {
    .ant-menu-submenu {
      .pb(0px);
      .mb(4px);

      .ant-menu-sub {
        .ant-menu-item {
          .mt(2px);
          .mb(0px);
          & > a {
            .c(rgba(38, 38, 38, 0.6));
          }
          &-selected > a {
            .c(#262626);
          }
        }
      }
    }

    &-collapsed {
      > .ant-menu-submenu > .ant-menu-submenu-title {
        padding-left: 24px !important;
      }
      > .ant-menu-item {
        margin-left: -8px;
      }
    }
  }
  .ant-menu-submenu-title {
    padding-left: 25px !important;
    .c(rgba(38, 38, 38, 0.6));
    .anticon {
      .mr(12px);
    }
    .ant-menu-submenu-arrow {
      &::before {
        background-image: linear-gradient(
          to right,
          rgba(38, 38, 38, 0.3),
          rgba(38, 38, 38, 0.3)
        );
      }
      &::after {
        background-image: linear-gradient(
          to right,
          rgba(38, 38, 38, 0.3),
          rgba(38, 38, 38, 0.3)
        );
      }
    }
  }
  .ant-menu-submenu-selected .ant-menu-submenu-title {
    .c(#262626);
  }
}

// 页面头部
.ant-layout-header {
  .h(56px);
  .lh(56px);

  .trigger {
    .c(rgba(38, 38, 38, 1));
  }
}

.ant-layout-content {
  min-height: calc(
    100vh - 157px
  ) !important; // 内容区的高度,高度需要在逻辑里面修改,这里先暂时用important强制生效
  .bgc(#f7f7f8);
  .tabs-head {
    .ml(-16px);
    .mr(-16px);
  }
  .ant-tabs-bar {
    .bgc(#f2f2f2);
    .bb(#f7f7f8, 0px, solid);
  }
  .ant-tabs-nav-container {
    .pl(16px);
  }
  .ant-card {
    .bra(0px);
  }
  .ant-tabs-nav-container {
    .pt(10px);
  }
  .ant-tabs.ant-tabs-card .ant-tabs-extra-content {
    .lh(30px);
    .pt(12px);
    .pr(26px);
  }
  .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
    .h(30px);
    .lh(30px);
    .pl(10px);
    .pr(10px);
    .fs(12px);
    .c(rgba(38, 38, 38, 0.5));
    .bgc(#f2f2f2);
    border-radius: 1px  1px  0px  0px;

    .ant-tabs-close-x {
      .dnone();
    }
    .tab {
      .dib();
      .icon-close {
        vertical-align: -1px;
        .ml(12px);
        .c(rgba(38, 38, 38, 0.5));
      }
    }
    .icon-sync {
      .ml(0px);
    }
    .icon-close {
      margin-right: 0px !important;
    }

    &-active {
      .c(#151617);
      .bgc(#fff);
      .pl(20px);
      .pr(20px);

      .tab {
        .dib();
        .icon-close {
          .c(rgba(0, 0, 0, 0.45));
        }
      }
    }
  }
}

.ant-layout-footer {
  .bgc(#f7f7f8);
  .footer {
    .bgc(#f7f7f8);
  }
}

// 输入框
.ant-form-item-label > label {
  .c(#595959);
}

.ant-input {
  .b(#e8e8e8);
  .bra(2px);
  .c(#262626);
  &::placeholder {
    .c(#cdcdcd);
  }

  &:focus {
    .b(#ffcc00);
  }
}

.ant-form-explain {
  .fs(12px);
  position: absolute
}

.virtual-side {
  .mr(-16px);
}
/**
上架等右侧按钮组
 */
.right-menus {
  .ant-row {
    margin-bottom: 20px;
    text-align: center;
    button {
      height: 60px;
      min-width: 140px;
    }
  }
}
//form 大字
.big-font {
  font-size: 24px;
}
//公共标题
.comm-title {
  font-size: 18px;
  border-bottom: 1px solid #eee;
  margin: 10px 0 20px 0;
  font-weight: bold;
  .title {
    display: inline-block;
    border-bottom: 4px solid @yellow;
    padding: 5px;
    margin-right: 50px;
  }
}
//货架
.cabinet-content {
  display: flex;
}
.cabinet-box {
  width: 100%;
  border: 1px solid #ccc;
  text-align: center;
  height: 300px;
  margin-top: 60px;
  border-width: 0 1px 1px 0;
  transform-style: preserve-3d;
  transition: transform 2s;
  transform: rotateY(0deg);
  display: flex;
  flex-wrap: wrap;
  box-shadow: 0 0 10px 2px rgba(125, 125, 125, 0.1);
  .tr {
    display: flex;
    width: 100%;
    div {
      border: 1px solid #ccc;
      background: #f9f9f9;
      transition: all 0.3s linear;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      border-width: 1px 0 0 1px;
      .anticon-check {
        font-size: 26px;
        color: #666;
        visibility: hidden;
      }
      .code {
        font-size: 14px;
        color: #666;
        font-weight: bold;
      }
      &.success,
      &.yellow {
        background: @yellow;
        .anticon-check {
          visibility: visible;
        }
        .code {
          color: #666;
        }
      }
      //未完成
      &.blue {
        background: #91d5ff;
        border-color: #fff;
      }
      &.green {
        background: #b7eb8f;
        border-color: #fff;
      }
      &.yellow {
        .anticon-check {
          visibility: hidden;
        }
      }
    }
  }
  &.turnTo {
    transform: rotateY(-180deg);
  }
}
.workStation {
  width: 30px;
  height: 300px;
  background: #f9f9f9;
  border: 2px solid #eee;
  box-shadow: 0 0 10px 2px rgba(125, 125, 125, 0.1);
  margin: 60px 10px 0 0;
  display: flex;
  align-items: center;
  text-align: center;
  &.right {
    margin: 60px 0 0 10px;
  }
}
.ant-input-number {
  width: 100%;
}
//
.ant-form-item {
  margin-bottom: 14px !important;
}
.ant-table-thead {
  background: #f9f9f9;
}
/**
要的特大字体表单
 */
.big-form {
  .ant-form-item-label {
    label {
      font-size: 20px;
    }
  }
  .info-num {
    font-size: 16px;
  }
}
.big-menus {
  .ant-btn {
    font-size: 18px;
  }
}
//
.ant-layout-content {
  .ant-tabs-tab-active {
    background: @yellow !important;
  }
}

.ant-steps {
  width: 30%;
  margin: auto;
}