@import './quasar.variables.scss';
// 卡片
.body--dark {
  .q-card {
    box-shadow: 0 6px 16px -1px rgba($color: #ffffff, $alpha: 0.05);
  }

  .query-form-and-action {
    background: #000000;
  }

  .my-table-wrap {
    box-shadow: none;
  }

  .pagination-currentPage-input {
    .q-field__inner {
      .q-field__control {
        &:before {
          background: #000000;
        }
      }
    }
  }

  .q-pagination {
    &::before {
      border: 1px solid rgba($color: #ffffff, $alpha: 0);
    }
  }

  .q-field--outlined .q-field__control,
  .q-btn {
    &.q-btn--outline {
      background: rgba(255, 255, 255, 0.04);

      &.chart-export {
        background: #000000 !important;
        border: 1px solid rgba($color: #ffffff, $alpha: 0.541);
      }
    }
  }

  .q-field--outlined {

    .q-field__control {
      &:before {
        border: 1px solid rgba(255, 255, 255, 0.08);
      }
    }
  }

  .q-table__container {
    background: #000000 !important
  }

  .q-table {
    th {
      background: #202020 !important;
    }

    tbody {
      color: #f5f5f5;

      tr {
        td {
          &::before {
            background: rgba($color: #ffffff, $alpha: 0) !important;
          }
        }
      }
    }
  }

  .my-table-wrap {
    box-shadow: none;
  }

  .scroll::-webkit-scrollbar-thumb {
    background-color: rgba($color: #909399, $alpha: 0.4);
  }

  .template-specification::-webkit-scrollbar-thumb {
    background-color: rgba($color: #909399, $alpha: 0.4);
  }

  .dialog-upload-form {
    .upload-limit {
      color: rgba($color: #ffffff, $alpha: 0.541);
    }

    .container {
      border: 1px solid rgba(255, 255, 255, 0.08);
    }

    .container.ondrag {
      border: 1px solid rgba(255, 255, 255, 0.8);
    }
  }

  .q-menu {
    box-shadow: 0px 2px 8px 0px rgba(255, 255, 255, 0.02);
  }

  .my-custom-tab {
    border-bottom: solid 1px #2b2b2b;

    li {
      background: rgba(50, 50, 51, 0.04);
      border-top: solid 1px rgba(50, 50, 51, 0.04);
      border-left: solid 1px rgba(50, 50, 51, 0.04);
      border-right: solid 1px rgba(50, 50, 51, 0.04);

      &:nth-of-type(1) {
        margin-left: 0;
      }

      &.active {
        background: #000000;
        border-top: solid 1px #2b2b2b;
        border-left: solid 1px #2b2b2b;
        border-right: solid 1px #2b2b2b;

        &:after {
          background: #000000;
        }
      }
    }
  }

  .my-page-tab-container {
    background: #000000;

    .my-page-tab {
      border-bottom: 1px solid #ebebeb;

      li {
        &.active {
          &:after {
            background: $primary;
          }
        }
      }
    }
  }

  .q-dialog__inner > div, .q-table__middle.scroll {
    &::-webkit-scrollbar-thumb {
      background-color: rgba($color: #909399, $alpha: 0.4);
    }
  }

  .q-field__label {
    color: $grey;
  }

  .q-field__native {
    color: $dark;
  }

  .q-table__card .q-table thead {
    color: $dark;
  }

  .q-table tr, .q-table th, .q-table td {
    border-color: rgba(255, 255, 255, 0.08) !important;
  }

  input,
  textarea {
    &::placeholder {
      color: $grey !important;
    }
  }
}

.body--light {
  .q-card {
    box-shadow: 0 6px 16px -1px rgba($color: #000000, $alpha: 0.05);
  }

  .query-form-and-action {
    background: #ffffff;
  }

  .pagination-currentPage-input {
    .q-field__inner {
      .q-field__control {
        &:before {
          background: #ffffff;
        }
      }
    }
  }

  .q-pagination {
    &::before {
      border: 1px solid rgba($color: #000000, $alpha: 0);
    }
  }

  .q-field--outlined .q-field__control,
  .q-btn {
    &.q-btn--outline {
      background: rgba(0, 0, 0, 0.04) !important;

      &.chart-export {
        background: #ffffff !important;
      }
    }
  }

  .q-field--outlined {


    &.q-field--focused {
      .q-field__control {
        &:before {
          background: #ffffff;
        }
      }
    }
  }

  .q-table {
    th {
      background: #F7F7F7 !important;
    }

    tbody {
      color: #646566;

      tr {
        td {
          &::before {
            background: rgba(50, 83, 220, 0.04);
          }
        }
      }
    }
  }

  .scroll::-webkit-scrollbar-thumb {
    background-color: rgba($color: #909399, $alpha: 0.4);
  }

  .template-specification::-webkit-scrollbar-thumb {
    background-color: rgba($color: #909399, $alpha: 0.4);
  }

  .dialog-upload-form {
    .upload-limit {
      color: rgba($color: #000000, $alpha: 0.541);
    }

    .container {
      border: 1px solid rgba(0, 0, 0, 0.08);
    }

    .container.ondrag {
      border: 1px solid rgba(0, 0, 0, 0.8);
    }
  }

  .q-menu {
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  }

  .my-custom-tab {
    border-bottom: solid 1px #ebebeb;

    li {
      background: rgba(50, 50, 51, 0.04);
      border-top: solid 1px rgba(50, 50, 51, 0.04);
      border-left: solid 1px rgba(50, 50, 51, 0.04);
      border-right: solid 1px rgba(50, 50, 51, 0.04);

      &:nth-of-type(1) {
        margin-left: 0;
      }

      &.active {
        background: #ffffff;
        border-top: solid 1px #ebebeb;
        border-left: solid 1px #ebebeb;
        border-right: solid 1px #ebebeb;

        &:after {

          background: #ffffff;
        }
      }
    }
  }

  .my-page-tab-container {
    background: #ffffff;

    .my-page-tab {
      border-bottom: 1px solid #ebebeb;

      li {
        &.active {
          &:after {
            background: $primary;
          }
        }
      }
    }
  }

  .q-dialog__inner > div, .q-table__middle.scroll {
    &::-webkit-scrollbar-thumb {
      background-color: rgba($color: #909399, $alpha: 0.3);
    }
  }

  .q-field__label {
    color: $grey;
  }

  .q-field__native {
    color: $dark;
  }

  .q-table__card .q-table thead {
    color: $dark;
  }

  .q-table tr, .q-table th, .q-table td {
    border-color: rgba(0, 0, 0, 0.08) !important;
  }

  input,
  textarea {
    &::placeholder {
      color: #808081 !important;
    }
  }

}

.q-card {
  border-radius: 4px !important;
  vertical-align: top;
  position: relative;
  border: none !important;
  box-shadow: none;
}

// 搜索栏
.query-form-and-action {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 24px;
  box-shadow: none;

  &.expand-btn {
    .form {
      display: grid;
      grid-template-columns: 80% 20%;
      grid-gap: 16px;
      align-items: flex-start;

      .query {
        display: grid;
        // 每行4个，间距20
        grid-template-columns: repeat(6, 1fr);
        grid-gap: 16px;
        @media (min-width: 1440px) and (max-width: 1920px) {
          grid-template-columns: repeat(4, 1fr);
        }
        @media (min-width: 960px) and (max-width: 1440px) {
          grid-template-columns: repeat(3, 1fr);
        }
        @media (min-width: 600px) and (max-width: 960px) {
          grid-template-columns: repeat(2, 1fr);
        }
        @media (max-width: 600px) {
          grid-template-columns: repeat(1, 1fr);
        }
      }

      .action {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-end;
        margin-right: 12px;

        .q-btn {
          height: 36px;
          border-radius: 4px;
          margin-right: 12px;
          margin-bottom: 16px;

          .q-icon {
            @media (min-width: 960px) and (max-width: 1440px) {
              display: none;
            }
            @media (min-width: 600px) and (max-width: 960px) {
              display: none;
            }
            @media (max-width: 600px) {
              display: none;
            }
          }

          &:last-child {
            margin-right: 0;
            margin-bottom: 0;
          }
        }
      }
    }
  }

  &.no-expand-btn {
    padding-bottom: 8px;

    .form {
      display: flex;
      align-items: flex-end;

      .query {
        width: 100%;

        &:after {
          clear: both;
          content: '';
          display: block;
        }

        .query-item {
          display: inline-block;
          min-width: 300px;
          margin-right: 12px;
          vertical-align: middle;
          margin-bottom: 12px;

          &:last-child {
            margin-right: 0;
          }
        }
      }

      .action {
        display: inline-block;
        vertical-align: middle;
        margin: 3px 12px 16px auto;

        &:last-child {
          margin-right: 0;
        }

        .q-btn {
          height: 36px;
          border-radius: 4px;
        }
      }
    }

  }

}

// 按钮
.q-btn--rectangle {
  border-radius: 4px;
}

.q-field--outlined .q-field__control,
.q-btn {
  padding: 0 12px;

  &.q-btn--outline {

    &:before {
      border: none
    }
  }
}

.q-btn {
  &:before {
    box-shadow: none;
  }
}

.q-input.q-field--dense.q-field--labeled {
  .q-field__native {
    padding-bottom: 0 !important;
    padding-top: 12px !important;
  }
}

.q-select.q-field--dense.q-field--labeled {
  .q-field__control-container {
    padding-top: 13px !important;
  }
}

.my-select {
  .q-field__native {
    //min-height: 36px !important;
    padding: 0 !important;
  }
}


.q-date__content {
  .q-btn {
    height: 30px;
    min-width: 30px;
    line-height: 30px;
    padding: 0 4px;

    &.q-btn--rectangle {
      border-radius: 3px !important;
    }
  }
}

.q-field--outlined .q-field__control, .q-field--outlined.q-field--readonly .q-field__control {
  border-radius: 4px;
}

// 表格
.q-table__container {
  border: none !important;
}

.my-table-wrap {
  box-shadow: none;

  &.have-top-action {
    padding-top: 0;
  }

  border-radius: 0 0 4px 4px;
}

.q-table {

  thead {
    tr {
      //height: 36px !important;
    }
  }

  tbody {
    tr {
      td {
        font-size: 14px;
        height: 56px;

        span {
          //min-width: 200px;
          //display: inline-block;
          //word-break: break-all;
          //white-space: pre-wrap;
        }
      }
    }
  }

  th {
    font-weight: 600;
    //height: 36px !important;
    border-bottom: none !important;
    user-select: auto;
  }
}

.q-table__top {
  padding-left: 0;
  padding-top: 16px;
  padding-bottom: 16px;
}

.q-table__bottom--nodata {
  position: relative;
  height: 150px !important;

  i {
    display: none;
  }

  &::before {
    content: '';
    margin-bottom: 10px;
    display: block;
    width: 60px;
    height: 60px;
    background: url(data:image/png;base64,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);
    background-size: 100% 100%;
  }
}

/* 滚动条 */
.scroll::-webkit-scrollbar {
  background: transparent;
}

.scroll::-webkit-scrollbar:vertical {
  width: 1em;
}

.scroll::-webkit-scrollbar:horizontal {
  height: 1em;
}

.scroll::-webkit-scrollbar-thumb {
  border-radius: 99999px;
  border: 0.3125em solid transparent;
  background-clip: content-box;
}

/* table NO DATA */
.q-table__bottom--nodata {
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100px;
  text-align: center;

  i {
    font-size: 30px;
    margin-bottom: 10px;
  }
}

/* 弹窗 */
.my-dialog {
  .upload-limit {
    font-size: 14px;
  }

  .template-specification {
    overflow: auto;
    white-space: nowrap;

    &::-webkit-scrollbar {
      background: transparent;
    }

    &::-webkit-scrollbar:vertical {
      width: 1em;
    }

    &::-webkit-scrollbar:horizontal {
      height: 1em;
    }

    &::-webkit-scrollbar-thumb {
      border-radius: 99999px;
      border: 0.3125em solid transparent;
      background-clip: content-box;
    }

    li {
      display: inline-block;
    }

    .label {
      background: var(--my-grey-1);
      display: flex;
      align-items: center;
      padding: 8px 12px;
      font-weight: 500;

      span {
        font-size: 12px;
        font-weight: normal;
        margin-left: 4px;
      }
    }

    .description {
      padding: 15px 12px;
    }
  }
}

.dialog-upload-form {

  &::-webkit-scrollbar {
    display: none;
  }

  .container {
    height: 165px;
    border-radius: 4px;
    color: $dark;
    position: relative;

    .center {
      width: 80%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      cursor: pointer;
      padding: 16px 0;

      img {
        width: 32px;
        height: 32px;
      }

      .click {
        font-size: 14px;
        padding-top: 10px;
      }

      .format {
        color: $grey;
        font-size: 12px;
        padding-top: 8px;
      }

      .fileName {
        font-size: 12px;
        word-break: break-all;
        padding-top: 8px;
      }
    }
  }


}

/* tooltip */
.hide-tooltip {
  z-index: -1 !important;
}

.el-popover.el-popper,
.el-popper.el-picker__popper {
  z-index: 10000 !important;
}

/* tree */
.q-tree__node-header:before,
.q-tree__node:after {
  border-color: var(--my-grey-6) !important;
}

/* dialog */
.q-dialog__inner--minimized {
  padding: 0 !important;
}

/* textarea时候不可拉伸 */
.q-textarea.textarea-no-resize .q-field__native {
  resize: none;
}

/* prompt的样式调整 */

.my-prompt-dialog {
  .q-card__actions--horiz {
    padding: 16px;

    .q-btn-item + .q-btn-item {
      margin-left: 16px;
    }
  }
}

.q-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* 分页 */

.q-pagination {
  margin-top: 3px;

  .q-btn {
    min-height: 32px;
    height: 32px;
    width: 32px !important;
    padding: 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 2px !important;
    margin-right: 2px !important;
    border: solid 1px var(--my-grey-6);

    &:has(img) {
      min-width: 32px !important;
      min-height: 32px !important;
      height: 32px !important;
      margin-right: 4px !important;
      margin-left: 4px !important;

      &::before {
        border-radius: 4px;
      }
    }

    span {
      height: 32px !important;
      line-height: 32px !important;
    }

    &::before {
      box-shadow: none;
      border-radius: 4px;
      box-sizing: border-box;
    }

    &.text-primary {
      font-weight: 600;
    }

    .q-btn__content {
      display: block !important;

      .q-icon {
        margin-top: -2px !important;
        font-size: 16px !important;
      }
    }
  }
}


.pagination-currentPage-input {
  max-width: 68px !important;
  margin-top: 3px;

  .q-field__inner {
    .q-field__control {
      height: 32px !important;

      &:before {
        border-radius: 4px !important;
        border: 1px solid var(--my-grey-6);
      }
    }

    .q-field__native {
      padding-bottom: 6px !important;
      &::placeholder {
        font-size: 14px !important;
      }
    }
  }
}

.my-pagination {
  &.q-field--dense .q-field__control {
    height: 32px !important;
    min-height: 32px !important;

    .q-field__native {
      height: 32px !important;
      min-height: 32px !important;
    }

    .q-field__marginal {
      height: 32px !important;
      min-height: 32px !important;

      .q-icon.q-select__dropdown-icon {
        font-size: 18px !important;
      }
    }
  }
}

// 改选择框和输入框的高度
.q-input.q-field--labeled.q-field--dense {
  .q-field__control {
    //height: 36px !important;
    //min-height: 36px !important;
  }

  .q-field__marginal {
    //height: 36px !important;
    //min-height: 36px !important;

    .q-icon.q-field__focusable-action {
      font-size: 16px !important;
    }
  }
}

.q-select.q-field--dense.q-select--single.q-field--labeled, .my-select {
  .q-field__control {
    //height: 36px !important;
    //min-height: 36px !important;
  }

  .q-field__marginal {
    //height: 36px !important;
    //min-height: 36px !important;

    .q-icon.q-select__dropdown-icon {
      font-size: 18px !important;
    }

    .q-icon.q-field__focusable-action {
      font-size: 16px !important;
    }
  }
}

.q-input.q-field--dense.q-field--float, .q-select.q-field--dense.q-field--float {
  .q-field__control {
    word-break: break-all;
  }

  .q-field__marginal {

    .q-icon.q-field__focusable-action {
      font-size: 16px !important;
    }
  }
}

.q-select.q-field--with-bottom {
  .q-field__marginal {
    .q-icon.q-select__dropdown-icon {
      font-size: 20px !important;
    }
  }
}

.my-custom-tab {
  display: flex;
  height: 32px;
  box-sizing: border-box;

  li {
    padding: 4px 12px;
    margin-left: 5px;
    display: flex;
    align-items: center;
    border-bottom: none;
    cursor: pointer;

    &:nth-of-type(1) {
      margin-left: 0;
    }

    &.active {
      border-bottom: none;
      position: relative;
      color: $primary;

      &:after {
        position: absolute;
        content: '';
        left: 0;
        bottom: -2px;
        height: 2px;
        width: 100%;
      }
    }
  }
}

.my-page-tab-container {
  padding: 8px 24px 0;

  .my-page-tab {
    width: 100%;
    display: flex;
    align-items: center;
    height: 48px;

    li {
      height: 100%;
      display: flex;
      align-items: center;
      margin-right: 50px;
      user-select: none;
      cursor: pointer;

      &:last-child {
        margin-right: 0;
      }

      &.active {
        position: relative;

        &:after {
          content: '';
          display: block;
          width: 100%;
          height: 2px;
          position: absolute;
          bottom: -1px;
          left: 0;
        }
      }
    }
  }
}

.q-tooltip {
  word-break: break-all;
}

.el-date-editor {
  .el-icon:not(.el-range__close-icon) {
    display: none;
  }

  input {
    &::placeholder {
      font-size: 14px;
    }
  }
}

.q-dialog__inner > div, .q-table__middle.scroll {
  &::-webkit-scrollbar {
    background: transparent;
  }

  &::-webkit-scrollbar:vertical {
    width: 1em;
  }

  &::-webkit-scrollbar:horizontal {
    height: 1em;
  }

  &::-webkit-scrollbar-thumb {
    border-radius: 99999px;
    border: 0.3125em solid transparent;
    background-clip: content-box;
  }
}

.q-btn {
  font-weight: 400 !important;

  .q-btn-dropdown__arrow {
    font-size: 16px !important;
  }
}


.q-field--dense.q-field--float .q-field__label {
  transform: translateY(-30%) scale(0.65) !important;
  top: 10px !important;
}

.q-field--dense .q-field__label {
  top: 8px !important
}