@import '../../../../styles//style.scss';

.request-metadata-container {
    @include flex(column, 0);

    background-color: #fff;
    height: 100%;
}

.chat-metadata-item {
    @include flex(column, 0);

    border-bottom: var(--chat-metadata-item-border, 1px dashed #a8b0c2);
    padding: 0.75rem 1rem;

    &:last-child {
        --chat-metadata-item-border: none;
    }

    .heading {
        font-size: 0.875rem;
        font-weight: 700;
        color: #5f6878;
    }

    .value {
        font-size: 0.875rem;
        font-weight: 400;
        color: #26333f;
        margin-bottom: 0;

        --aisera-navigation-link-container-width: 100%;
        --aisera-navigation-link-text-content-width: 100%;
        --aisera-navigation-link-text-width: 100%;
    }

    &.channel {
        .value {
            --aisera-navigation-link-container-width: calc(100% - 2rem);
            --aisera-uicomponents-channel-icon-width: 1.25rem;
            --aisera-uicomponents-channel-icon-height: 1.25rem;
        }
    }

    &.intent-categories {
        p {
            margin: 0;
        }
    }
}