:root {
  --critical: #ad1a1a;
  --high: #cc4f19;
  --medium: #d68100;
  --low: #86859d;
  --unknown: #fff;
}

.card {
  margin-bottom: 20px;
  :global {
    .ant-card-cover::before {
      width: 100%;
      border-top: 4px solid transparent;
      border-radius: 2px 2px 0 0;
      content: "";
      left: -1px;
      position: absolute;
      right: -1px;
      top: -1px;
      z-index: 2;
    }
    .ant-card-body {
      background-color: #FAF9FA;
    }
    .ant-card-cover {
      padding: 20px;
      .rep_card_head {
        .rep_title {
          margin-left: 10px;
        }
      }
    }
  }
}
.card_CRITICAL {
  :global {
    .ant-card-cover::before { border-top-color: var(--critical); }
  }
}
.card_HIGH {
  :global {
    .ant-card-cover::before { border-top-color: var(--high); }
  }
}
.card_MEDIUM {
  :global {
    .ant-card-cover::before { border-top-color: var(--medium); }
  }
}
.card_LOW {
  :global {
    .ant-card-cover::before { border-top-color: var(--low); }
  }
}
.card_UNKNOWN {
  :global {
    .ant-card-cover::before { border-top-color: var(--unknown); }
  }
}