#reports {
    > .top {
        > .graph {
            margin-top: 15px;

            > .graphHeader {
                margin-bottom: 15px;
            }
        }

        > .issueList {
            display: block;
            margin-top: 15px;

            > .issueListHeader {
                margin-bottom: 15px;
            }

            > .issue {
                padding: {
                    top: 10px;
                    bottom: 10px;
                }
                border-bottom: 1px solid var(--borderLight);
                display: grid;
                grid-template-columns: 80px 130px calc(100% - 210px);
                grid-template-areas: "type number name" "priority desc desc" "updatedAt desc desc";

                &:hover {
                    background-color: var(--issue-background-selected);
                }

                .number {
                    grid-area: number;
                    > .styledLink {
                        line-height: 1;
                        > .styledIcon, > span {
                            line-height: 1;
                        }
                    }
                }

                .type {
                    grid-area: type;
                    > .styledIcon {
                        font-size: 22px;
                    }
                }

                .priority {
                    grid-area: priority;
                }

                .name {
                    grid-area: name;
                    font-size: 14px;
                    line-height: 1;
                }

                .desc {
                    grid-area: desc;
                    margin-top: 10px;
                    font-size: 12px;
                    color: var(--textLight);
                    pre {
                        &:first-child {
                            margin: 0;
                        }
                        * {

                            font-size: 12px;
                            color: var(--textLight);
                        }
                    }
                }

                .updatedAt {
                    grid-area: updatedAt;
                    align-self: end;
                    color: var(--textLight);
                    font-size: 10px;
                }
            }

            > .issue.selected {
                color: var(--primary);
                font-family: var(--font-bold);
            }

            > .issue.nonSelected {
                color: var(--textLight);
                font-family: var(--font-regular);
            }
        }
    }
}