// src/global.less
// @tailwind base;
@tailwind components;
@tailwind utilities;
@theme_color: #154ddd;

html,
body,
#root {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
}

.colorWeak {
  filter: invert(80%);
}

.ant-layout {
  min-height: 100vh;
}
.ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
  left: unset;
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
  list-style: none;
}

.home_container {
  margin-right: 32px;
  margin-left: 32px;
}

@media (max-width: 768px) {
  .ant-table {
    width: 100%;
    overflow-x: auto;
    &-thead > tr,
    &-tbody > tr {
      > th,
      > td {
        white-space: pre;
        > span {
          display: block;
        }
      }
    }
  }
}

p,
ul,
ol {
  margin-bottom: 0 !important;
  padding: 0 !important;
}

.gn {
  .ant-pro-checkcard-content {
    padding-inline: 0;
    padding-block: 0;
  }
}

/* 单行显示的搜索表单 */
.single-search-form-item {
  .ant-form-item {
    margin-bottom: 0;
  }
}
/* Card */

.gn_card {
  & > .ant-pro-card-header {
    height: 54px;
    margin: 0;
    padding: 10px 16px;
    border-bottom: 1px solid #e0e0e0;
  }
  & > .ant-pro-card-body {
    margin: 0;
    padding: 16px 16px 0;
  }
}
.gn_head_card {
  padding: 0 20px;
  overflow: hidden;
  border-radius: 8px;
  border-radius: 8px;
}
/* Form */
// 通用表单
.gn_form {
  .ant-form-item {
    margin-bottom: 16px;
  }
  // 表单项之间间距
  .ant-pro-form-group-container {
    gap: 0px 12px !important;
  }
}

// 筛选表单
.gn_table_query_filter {
  padding: 20px 0;
  .ant-pro-form {
    display: flex;
    .ant-form-item {
      margin: 0;
    }
  }
}

// 分步表单
.gn_model_steps_form {
  .ant-pro-steps-form-step {
    margin: 0;
  }
  .ant-steps {
    margin: 12px 0 20px;
  }
  // 步骤条
  .ant-modal-content .ant-modal-body .ant-steps {
    .ant-steps-item {
      flex: auto;
      margin-right: 12px;
      background: #f5f5f5;
      border: 1px solid rgba(21, 77, 221, 0.1);
      border-radius: 4px;
      &:last-child {
        margin-right: 0;
      }

      .ant-steps-item-container {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 8px 0;
      }
      .ant-steps-item-tail {
        display: none;
      }
      .ant-steps-item-icon {
        margin: 0 8px;
      }
      .ant-steps-item-content {
        margin: 0;
        text-align: left;
      }
      .ant-steps-item-title {
        color: #333333;
        font-size: 14px;
      }
      .ant-steps-item-description {
        color: #666666;
        font-size: 12px;
      }
    }

    // 已完成
    .ant-steps-item-finish {
      background: #e5edff;
      border: 1px solid #154ddd;
      .ant-steps-item-icon {
        background-color: #154ddd;
        .ant-steps-icon {
          color: white;
        }
      }
      .ant-steps-item-title {
        color: #154ddd;
      }
      .ant-steps-item-description {
        color: #154ddd;
      }
    }
    // 当前选中
    .ant-steps-item-active {
      background: #e5edff;
      border: 1px solid #154ddd;
      .ant-steps-item-title {
        color: #154ddd;
      }
      .ant-steps-item-description {
        color: #154ddd;
      }
    }
  }
}

/* Descriptions */
// 描述展示
.gn_table_descriptions {
  padding: 16px 16px 0;
  background: #ffffff;
  border-radius: 8px;
}

/* ProTable ProList */
.gn_pro_table {
  .ant-table-wrapper .ant-table-thead > tr > th,
  .ant-table-wrapper .ant-table-thead > tr > td {
    background: rgba(21, 77, 221, 0.1);
  }
  .ant-btn-link.ant-btn-dangerous,
  .ant-btn-default.ant-btn-dangerous {
    color: #e80d0d;
  }
  .ant-btn-default.ant-btn-dangerous {
    border-color: #e80d0d;
  }
  // 小尺寸按钮，统一间距 （列表操作栏位按钮）
  .ant-table-cell .ant-btn.ant-btn-sm {
    padding: 0;
  }
  // 筛选栏
  .ant-pro-table-list-toolbar-container {
    padding: 0;
  }
}

/* 主题样式 */
// .ant-btn-primary,
// .ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover {
//   background-color: @theme_color;
// }
// .ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover,
// .ant-btn-link {
//   color: @theme_color;
// }
// :where(.css-dev-only-do-not-override-42nv3w).ant-btn-default:not(:disabled):not(
//     .ant-btn-disabled
//   ):hover {
//   color: @theme_color;
//   background: #ffffff;
//   border-color: @theme_color;
// }

/* 单行文本溢出显示省略号 */
.single_line {
  overflow: hidden; /* 隐藏溢出的文本 */
  white-space: nowrap; /* 防止文本换行 */
  text-overflow: ellipsis; /* 显示省略号 */
}

/* 多行文本溢出显示省略号 */
.two_line {
  display: -webkit-box;
  overflow: hidden; /* 隐藏溢出的文本 */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 限制显示的行数 */
}

.ant-pro-layout .ant-pro-layout-bg-list {
  background: #f8fafd;
}

// 美化滚动条
::-webkit-scrollbar-track-piece {
  -webkit-border-radius: 0;
}
::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #ccc;
  -webkit-border-radius: 6px;
  outline-offset: -2px;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
::-webkit-scrollbar-thumb:hover {
  height: 50px;
  background-color: #878987;
  -webkit-border-radius: 6px;
}