/* devui css override */
// d-layout
.jyh-form {
  .devui-form__label-span {
    color: #595959;
    font-family: HarmonyOS Sans SC;
    font-weight: regular;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: 0px;
    text-align: left;
  }
  .devui-form__label--start {
    text-align: right;
  }
  .devui-form__item--horizontal {
    margin-bottom: 0;
  }
  .jyh-form-operation {
    margin-left: 20px !important;
  }
  .devui-form__label-help {
    width: 14px !important;
    height: 14px !important;
  }
}

.jyh-form-operation {
  margin-left: 0px !important;
}

.jyh-table {
  .devui-table__cell {
    color: #191919;
    font-family: HarmonyOS Sans SC;
    font-weight: regular;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
  }

  .devui-table__cell a {
    cursor: pointer;
    color: #0A59F7;
    font-family: HarmonyOS Sans SC;
    font-weight: regular;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
  }
  .devui-table__row td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .header-container {
    .filter-icon {
      flex: 0;
      margin-left: 8px;
    }
    .devui-table__sort-clickable {
      flex: 0;
      height: 16px;
    }
  }
}

.jyh-table-2 {
  .devui-table__tbody tr {
    border-bottom: 1px solid #e5e7eb;
  }
}

.jyh-tabs {
  .devui-tabs__nav {
    border-bottom: 0;
  }

  .devui-tabs__nav--wrapped>li.active {
    border-radius: 4px 4px 0px 0px;
    background: #F3F3F3;

    .devui-tabs__nav-content {
      a {
        color: #191919;
        font-family: HarmonyOS Sans SC;
        font-weight: medium;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0px;
        text-align: left;
      }
    }
  }
  .devui-tab__content {
    //background: #F3F3F3;
    margin-top: 0;
  }
  .devui-tabs__nav-content {
    a {
      color: #808080;
      font-family: HarmonyOS Sans SC;
      font-weight: regular;
      font-size: 14px;
      line-height: 22px;
      letter-spacing: 0px;
      text-align: left;
    }
  }
}

.jyh-tabs-2 {
  .devui-tab__content {
    padding: 0;
  }
}

.jyh-tabs-3 {
  .devui-tabs__nav {
    background: transparent;

    li {
      //background: #F3F3F3;
      background: transparent;
    }

    .active {
      //background: #ffffff !important;
    }
  }
}
.jyh-tabs-4 {
  .devui-tabs__nav {
    background: transparent;

    li {
      background: transparent;
      padding: 8px 0;
      margin-right: 24px;
    }

    .active {
      background: transparent !important;
      border: 0px !important;
      border-bottom: 2px solid black  !important;
    }
  }
}

.jyh-checkbox-group {
  div {
    margin-top: 0;
  }
  .devui-checkbox label {
    color: #191919;
    font-family: HarmonyOS Sans SC;
    font-weight: regular;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;

  }
}

.devui-dropdown-menu-multiple {
  .devui-select__multiple {
    .devui-tag {
      .devui-tag--default {
        display: flex;
        border-radius: 4px;
        background: #1919190C;
        padding: 0 4px;
        font-size: 12px;
        line-height: 20px;
        height: 20px;
      }
      .remove-button {
        margin-left: 8px;
        position: relative;
      }
    }
  }
  .devui-select__clearable {
    .devui-select__multiple--input {
      width: 1px;
      min-width: 1px;
    }
  }
}

.jyh-select {
  .devui-select__selection {
    border: 0 !important;
  }
}

.jyh-select-multiple {

}

.split {
  display: inline-block;
  margin: 0 12px;
  width: 1px;
  height: 100%;
  background-color: #cfcfcf;
}

.fr {
  flex: 1;
  text-align: right;
}

.width-70 {
  display: inline-block;
  width: 90px;
}

.width-90 {
  display: inline-block;
  width: 90px;
}
.width-110 {
  display: inline-block;
  width: 110px;
}.width-140 {
  display: inline-block;
  width: 140px;
}.width-160 {
  display: inline-block;
  width: 160px;
}

.jyh-card {
  padding: 16px 20px;
  .card-title {
    color: #252B3A;
    font-family: HarmonyOS Sans SC;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    margin-bottom: 16px;
  }

  .card-key {
    color: #595959;
    font-family: HarmonyOS Sans SC;
    font-weight: regular;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
  }
  .card-val {
    color: #191919;
    font-family: HarmonyOS Sans;
    font-weight: regular;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
  }
  .card-url {
    color: #5E7CE0;
    font-family: HarmonyOS Sans;
    font-weight: regular;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
  }
}
.jyh-card2 {
  padding: 16px 20px;
  background: #F3F3F3;

  .card-title {
    color: #252B3A;
    font-family: HarmonyOS Sans SC;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    margin-bottom: 16px;
  }

  .card-key {
    color: #595959;
    font-family: HarmonyOS Sans SC;
    font-weight: regular;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
  }
  .card-val {
    color: #191919;
    font-family: HarmonyOS Sans;
    font-weight: regular;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
  }
  .card-url {
    color: #5E7CE0;
    font-family: HarmonyOS Sans;
    font-weight: regular;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
  }
}

.devui-status:before {
  margin-right: 12px;
}

.yellow-status:before {
  background-color: #FAC20A !important;
}

.devui-modal__header {
  //padding: 14px 24px;
  height: auto!important;
}

.jyh-dropdown {
  //padding: 20px;
  .title {

  }
}

.green {
  cursor: pointer;
  color: rgb(80, 212, 171)
}
.yellow {
  cursor: pointer;
  color: rgb(250, 194, 10)
}
.red {
  cursor: pointer;
  color: rgb(246, 111, 106)
}

.jyh-split {
  background: #DFDFDF;
  height: 20px;
  width: 1px;
}

.jyh-button {
  border-radius: 4px !important;
  background: #E1E8FD !important;
  color: black !important;
}

.jyh-button1 {
  border-radius: 4px !important;
  background: transparent !important;
  color: black !important;
  padding: 6px 6px !important;
}
.jyh-button2 {
  border: 0 !important;
  background: transparent !important;
  color: black !important;
  padding: 6px 6px !important;
}

.jyh-collapse {
  .devui-collapse__item-title {
    padding: 0 8px !important;
  }
  .devui-collapse__item-content {
    padding: 0 !important;
  }
  .jyh-collapse-title {
    display: flex;
    align-items: center;
  }
  /* 选中状态 */
  .selected-card {
    border: 1px solid #C9C9C9; /* DevUI 主题色 */
    //box-shadow: 0 0 0 1px #5e7ce0; /* 外发光效果 */
  }
  .jyh-collapse-card {
    border-radius: 8px;
    background: #1919190C;
    cursor: pointer;
    //border: 1px solid #C9C9C9;

    /* 卡片整体样式 */
    .card-header {
      padding: 8px 8px 4px;
      border-bottom: 1px solid #f0f0f0;

      color: #191919;
      font-family: HarmonyOS Sans SC;
      font-weight: regular;
      font-size: 14px;
      line-height: 22px;
      letter-spacing: 0px;
      text-align: left;
      display: flex;

      .card-actions {
        display: flex;
        gap: 4px;
        margin-left: auto;
      }


    }

    .card-header h4 {
      margin: 0;
      font-size: 16px;
      font-weight: 500;
    }

    .card-content {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0px 8px 8px;
    }

    .content-left {
      display: flex;
      align-items: center;
      color: #666;
    }

    .content-right {
      color: #999;
    }

    .time-text {
      font-size: 14px;
    }
  }
}