.jsonable-product-error-report,
.jsonable-project-error-report {
    width: 100%;
    position: relative;

    .toggle {
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .json {
        padding: 20px;
        width: 400px;
    }
}

.entity-error-report {
    padding: 12px;
}

.error-summary-report {
    &-header {
        display: flex;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        margin: 0 0 12px;
        height: 32px;

        h3 {
            margin: 0;
            font-size: 18px;
            font-weight: 400;
        }

        .nav-tabs {
            box-shadow: none;
            margin: 0;

            .nav-item.nav-link[role='tab'] {
                font-size: 14px;
                line-height: 20px;
                font-weight: 400;
                border: none;
                height: auto;
                border-radius: 0;
                color: var(--midnight-650);
            }

            .nav-item.nav-link[role='tab']:first-child {
                border-right: 1px solid var(--dividers-default);
            }

            .nav-item.nav-link[role='tab'].active {
                text-decoration: underline;
                text-underline-offset: 8px;
                color: var(--midnight-750);
            }
        }
    }

    .no-bullets {
        list-style: none;
        padding-left: 1.5em;
        margin: 0;
    }

    .truncated-cell {
        max-width: 250px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        pointer-events: auto;
        font-size: 14px;
    }

    .Status-text {
        font-size: 14px;
    }
}