.content-card--footer {
  .pass-fail-tag {
    border: 1px solid #fff;
  }
}

.report-section {
  margin-bottom: 2em;
}

.report-table {
  box-shadow: var(--bulma-shadow);
}
.report-table__header,
.report-table__row {
  background-color: var(--bulma-background);
}
.report-table__header {
  color: var(--bulma-primary);
  font-weight: bolder;
}
.report-table__header-label {
  white-space: nowrap;
}
.report-table__header-label {
  background-color: #686868 !important;
  color: #fff !important;
}
.report-table__header,
.report-table__row {
  border-top: 1px solid var(--bulma-border);
  border-right: 1px solid var(--bulma-border);
  > .column {
    border-left: 1px solid var(--bulma-border);
  }
  &:last-child {
    border-bottom: 1px solid var(--bulma-border);
  }
}
.report-table__figure--count {
  color: black;
}

.report-version-button {
  display: inline-block;
  height: auto;
}

.report-table {
  th {
    vertical-align: bottom;
    font-weight: normal;
    border: 0;
  }
  thead tr:last-child th {
    border-bottom: 1px solid var(--bulma-border);
  }
  td:not(:first-child) {
    border-left: 1px solid var(--bulma-border);
  }
  tr.border-top {
    th, tr {
      border: 1px solid var(--bulma-border);
      border-width: 1px 0 0;
    }
  }
  th, td {
    border-color: var(--bulma-border);
    &.border-left {
      border-left-width: 1px !important;
    }
  }
}

.report-table--extended {
  position: relative;
  thead {
    th {
      position: sticky;
      top: -1px;
      &:nth-child(2),
      &:nth-child(3),
      &:nth-child(4) {
        z-index: 11;
      }
    }
  }
  th, td {
    &:nth-child(-n+4) {
      left: 0;
      position: sticky;
      z-index: 10;
    }
    &:nth-child(1) {
      width: 330px;
      min-width: 330px;
    }
    &:nth-child(2) {
      left: 330px;
      width: 90px;
      min-width: 90px;
    }
    &:nth-child(3) {
      left: 420px;
      width: 110px;
      min-width: 110px;
    }
    &:nth-child(4) {
      left: 530px;
      width: 100px;
      min-width: 100px;
    }
  }
  td:nth-child(1),
  td:nth-child(2),
  td:nth-child(3),
  td:nth-child(4),
  th:nth-child(4) {
    &:after{
      content: '';
      position: absolute;
      right: -1px;
      top: 0;
      height: 100%;
      border-left: 1px solid var(--bulma-border);
    }
  }
  th:nth-child(4):after,
  td:nth-child(4):after {
    box-shadow: 1px 0 4px 0 #ccc;
  }
}