.admin-record-row.is-unused {
  border-left: 7px solid #efe1e7;
}

.admin-record-row.is-unused td {
  background: #f85096;
}

.admin-record-row.is-used {
  border-left: 7px solid #315fc4;
}

.admin-record-row.is-used td {
  background: #eaf0ff;
}

.admin-record-row.is-revoked {
  border-left: 7px solid #c44f5f;
}

.admin-record-row.is-revoked td {
  background: #fff0f1;
}

.admin-status.is-unused,
.admin-status.is-used,
.admin-status.is-revoked {
  color: #fff;
  font-weight: 850;
  box-shadow: 0 3px 10px rgba(24, 42, 68, .16);
}

.admin-status.is-unused {
  background: #efe1e7;
}

.admin-status.is-used {
  background: #315fc4;
}

.admin-status.is-revoked {
  background: #c44f5f;
}

.admin-code-secret {
  grid-template-columns: minmax(190px, 1fr) 34px 34px;
}

.admin-code-secret .admin-code-copy {
  color: #9a5a13;
  background: #fff8e9;
  border-color: #efcf9e;
}

.admin-code-secret .admin-code-copy:hover:not(:disabled) {
  color: #fff;
  background: #e88b2c;
  border-color: #e88b2c;
}

.admin-code-activity {
  grid-column: 1 / -1;
  width: max-content;
  max-width: 100%;
  padding: 4px 8px;
  color: #7c8797;
  background: #f3f6f5;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.35;
}

.admin-code-activity.is-viewed {
  color: #8a5b13;
  background: #fff0c9;
}

.admin-code-activity.is-copied {
  color: #fff;
  background: #e88b2c;
}

.admin-record-row.is-viewed td:first-child {
  box-shadow: inset 3px 0 #e1a632;
}

.admin-record-row.is-copied td:first-child {
  box-shadow: inset 3px 0 #e88b2c;
}

.admin-record-row.is-copied .admin-code-copy {
  color: #fff;
  background: #e88b2c;
  border-color: #e88b2c;
}

@media (max-width: 720px) {
  .admin-code-secret {
    min-width: 225px;
    grid-template-columns: minmax(145px, 1fr) 34px 34px;
  }
}