.zm-result__title {
    margin-bottom: var(--spacing-m);
}

.zm-result__group {
    & header + div {
        margin-top: var(--spacing-s);
    }

    ul {
        list-style: none;

        > li {
            display: flex;
            gap: var(--spacing-xs);

            > p {
                word-break: normal;
                overflow-wrap: anywhere;
            }
        }
    }

    p {
        margin-bottom: 0;
    }
}

.zm-result__group__title {
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-bottom: 0;
    gap: var(--spacing-xs);
}

.zm-result__group__button {
    all: unset;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: var(--spacing-s);
    font-size: calc(var(--font-xs) * 1.15);
    color: var(--color-palette-black);

    &:hover,
    &:focus {
        text-decoration: underline;
    }

    i {
        font-size: var(--font-m);
        color: var(--color-palette-success-70);
    }

    span {
        display: flex;
        align-items: center;
        gap: var(--spacing-xxs);

        i {
            font-size: var(--font-s-xs);
        }
    }
}

.zm-result__group--notice {
    .zm-result__group__button i {
        color: var(--color-palette-info-70);
    }
}

.zm-result__group--warning {
    .zm-result__group__button i {
        color: var(--color-palette-warning-70);
    }
}

.zm-result__group--error,
.zm-result__group--critical {
    .zm-result__group__button i {
        color: var(--color-palette-error-70);
    }
}

.zm-result__module__title button {
    all: unset;
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    cursor: pointer;
}

.zm-result__module {
    background: var(--color-palette-black-10);
    padding: var(--spacing-s);
    border-radius: var(--border-radius);

    .zm-result__module__title {
        margin-bottom: 0;
    }

    button {
        &:hover,
        &:focus {
            span {
                text-decoration: underline;
            }
        }
    }
}

.zm-result__module__data {
    margin-top: var(--spacing-s);
}

.zm-result-entries {
    li {
        display: flex;
    }
}
