#app {
  width: 100%;
  height: 100%;
}
html {
  // #region antd class 覆盖，tips：antd 没有暴露可以被修改的 less 变量，只能修改class。不要放在 antd.theme.less 避免被多次引入

  //【设计规范.pdf】按钮相关
  // #3E8DFF #4F97FF #2876E5 #BEDAFF
  // ---
  .ant-btn-primary {
    &:hover,
    &:focus {
      border-color: #4f97ff;
      background: #4f97ff;
    }
    &:active {
      border-color: #2876e5;
      background: #2876e5;
    }
    &[disabled] {
      color: #fff;
      border-color: #bedaff;
      background: #bedaff;
      &:hover,
      &:focus,
      &:active {
        color: #fff;
        border-color: #bedaff;
        background: #bedaff;
      }
    }
  }

  //【设计规范.pdf】特殊按钮(文字按钮)
  // ant-btn-link 按钮特殊处理，缩小间距
  // ---
  .ant-btn-link {
    color: #3e8dff;
    padding: 0;

    &:hover,
    &:focus {
      color: #4f97ff;
    }
    &:active {
      color: #2876e5;
    }
    &[disabled] {
      color: #bedaff;
      &:hover,
      &:focus,
      &:active {
        color: #bedaff;
      }
    }
  }

  //【设计规范.pdf】合计列
  // 表格总计样式
  // ---
  .ant-table-summary tfoot th,
  .ant-table-summary tfoot td {
    background-color: #f9fbff;
  }

  // Select
  // ---
  .ant-select-dropdown {
    .rc-virtual-list {
      padding: 8px;
    }

    &.select-item-break-word {
      .ant-select-item {
        display: block;
        .ant-select-item-option-content {
          display: block;
          overflow: auto;
          flex: none;
          white-space: unset;
          text-overflow: unset;

          word-wrap: break-word;
          // 会拆分单词
          // word-break: break-all;
        }
      }
    }
  }

  // 分页的 ant-select-dropdown
  // ⚠️ 由于设置了全局的 .rc-virtual-list padding，宽度缩小了，会导致分页当行文本溢出出现省略号，分页暂时不加 padding
  .ant-pagination-options-size-changer {
    .ant-select-dropdown {
      .rc-virtual-list {
        padding: 0;
      }
    }
  }

  // ant-checkbox
  // 由于改变了全局边框色 @border-color-base: #ebeff5; 用户反馈复选框的边框颜色过于浅，这里单独对 checkbox 进行修改
  .ant-checkbox {
    .ant-checkbox-inner {
      border: 1px solid #d9d9d9;
    }
  }

  // ant-picker-ranges
  .ant-picker-ranges .ant-picker-preset > .ant-tag-blue {
    color: #3e8dff !important;
    background: #ffffff !important;
    border-color: #3e8dff !important;
  }
}

// scrollbar
// ---
::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
::-webkit-scrollbar-track {
  background-color: #f9f9f9;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  border-style: dashed;
  border-color: transparent;
  border-width: 2px;
  background-color: rgba(124, 124, 124, 0.3);
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(124, 124, 124, 1);
}

// @media
// ---

/*
  1366 * 768，小屏幕（小于等于 1366px）12.5寸屏幕
  兼容方式：
  - 按照之前的 css 样式，间距 /2
 */
@unity-screen-md-max: 1366px;
@media screen and (max-width: @unity-screen-md-max) {
  html {
    .table-layout {
      // #region card mode
      // 小屏幕 && card 模式下处理 table 的内边距
      &.table-layout--card {
        // 有 main 的场景下
        &
        > .table-layout__main
        > .table-layout__main-inner
        > .table-layout__table,
      
      // 没有 main 的场景下
      & > .table-layout__table {
          // padding: 12px 16px;
          padding: 13px 15px !important; // new
        }

        .table-layout__filter-second {
          margin-bottom: 6px !important;
        }
      }

      // #endregion
      &__main-inner {
        // padding: 12px 16px !important;
        padding: 13px 15px !important; // new
      }
      &__filter {
        margin-bottom: 0px !important;

        // renderCustom 自定义渲染
        &.table-layout__filter-render-custom {
          // tabs 场景
          &.tabs {
            .ant-tabs-top > .ant-tabs-nav {
              margin-bottom: 8px !important;
            }
            .ant-tabs > .ant-tabs-nav {
              display: block !important;
            }
            .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap {
              margin-bottom: 8px !important;
              .ant-tabs-tab {
                padding: 4px 0 !important;
              }
            }
          }
        }
      }
      &__filter-second {
        // margin-bottom: 8px !important;
        margin-bottom: 6px !important; // new
        // padding: 8px 12px 4px !important;
        padding: 7px 12px 3px !important; // new
        .ant-form-inline .ant-form-item {
          margin-bottom: 4px !important;
        }
      }
      &__drawer {
        margin-left: 12px !important;
        &-title-wrapper {
          padding: 8px 16px !important;
        }
        &-main {
          // padding: 12px 16px !important;
          padding: 13px 15px !important; // new
        }
        &-buttons.table-layout__drawer-buttons--fixed {
          padding-left: 16px !important;
          padding-right: 16px !important;
          padding-top: 6px !important;
          padding-bottom: 6px !important;
        }
      }
    }

    // a-table
    .ant-table-wrapper {
      // head
      .ant-table-thead {
        .ant-table-cell {
          height: auto !important;
        }
      }
      // pagination
      .ant-table-pagination.ant-pagination {
        margin: 8px 0 !important;
      }

      // 各个单元格 padding 大小
      .ant-table {
        // .ant-table-cell[style='text-align: left;'],
        // .ant-table-cell[style='text-align: left!important;'],
        // .ant-table-cell[style='text-align: right;'],
        // .ant-table-cell[style='text-align: right!important;'],
        // .ant-table-cell[style='text-align: center;'],
        // .ant-table-cell[style='text-align: center!important;'] {

        .ant-table-cell:not(.ant-table-selection-column) {
          padding-left: 8px !important;
          padding-right: 8px !important;
        }

        // 取消表格为 empty 的间距，还原为 8px
        .ant-table-placeholder {
          .ant-table-cell:not(.ant-table-selection-column) {
            padding-left: 8px !important;
            padding-right: 8px !important;
          }
        }
      }
    }

    // ant 自带 drawer，控制小屏下最小宽度
    .table-layout__drawer--ant {
      .ant-drawer-content-wrapper {
        min-width: 80% !important;
      }
    }
  }
}
