.system_info-intel {
  background: var(--alt-bg);
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  gap: 0.5rem;

  .kind {
    height: 1.25rem;
    width: 1.25rem;

    &.danger {
      color: var(--flare-danger);
    }

    &.caution {
      color: var(--flare-caution);
    }

    &.bounty {
      color: var(--flare-bounty);
    }

    &.target {
      color: var(--flare-target);
    }
  }

  .details {
    font-size: 1.25rem;
    flex-grow: 1;
    max-width: calc(100% - 5rem);
    overflow-x: auto;

    &::-webkit-scrollbar, &::-webkit-scrollbar-button {
      width: 0.125rem;
      height: 0.25rem;
    }

    &::-webkit-scrollbar-track, &::-webkit-scrollbar-track-piece {
      background: transparent;
    }

    &::-webkit-scrollbar-thumb {
      background: var(--alt-font);
    }

    pre {
      margin: 0 0 0.25rem 0;
      font-size: 1rem;
      font-family: 'Inconsolata', monospace;
    }

    a:after {
      content: "\2197";
    }
  }

  .actions {
    display: flex;
    gap: 0.25rem;
    margin: -0.5rem -0.5rem -0.5rem 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;

    .delete, .edit {
      display: inline-block;
      padding: 0.25rem;
      height: 1.5rem;
      width: 1.5rem;
    }
  }

  &:hover {
    .actions {
      opacity: 1;
      pointer-events: auto;
    }
  }
}