table.policies {
  tr {
    cursor: pointer;

    &:hover td {
      background-color: #f5f5f5;
    }
    a {
      color: black;
      text-decoration: none;
    }
    .number-expired {
      color: $red;
    }
  }
}

.edit-policy {
  .policy-editor {
    max-height: 600px;
    overflow: auto;
  }

  .input {
    margin-bottom: 1rem;
  }
}

.token-operations {
  margin-bottom: 3rem;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(auto-fit, 50%);
  grid-auto-rows: minmax(100px, auto);
  gap: 1rem;

  .boxed-section {
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-rows: auto 1fr;

    .external-link svg {
      position: relative;
      top: 3px;  
    }

    button.create-test-token, pre {
      margin-top: 1rem;
    }

    pre {
      display: grid;
      grid-template-columns: 1fr auto;
      align-content: flex-start;
      white-space: normal;
      overflow: visible;
    }
  }
}

@media #{$mq-hidden-gutter} {
  .token-operations {
    grid-auto-flow: row;
    grid-template-columns: 1fr;
  }
}


table.tokens {
  margin-bottom: 3rem;
}