@layer messenger;
@import url("/templates/kckzz/ai-agent/messenger/styles.css") layer(messenger);


:root {
    /* Overrides primarily set for conversation closed divider color */
    --bui-surface-500: var(--neutral-500);
    --bui-neutral-600: var(--neutral-600);
}

.popup-panel {
    margin-right: 1.125rem;
    z-index: 1000;
}

chat-i-messenger-element.bulb-messenger-element {
     & .bui-messenger bui-message-list {
        /* Disable viewport scroll when scrolling within chat messages */
        overscroll-behavior: contain;
    } 

    & .bui-message a {
        /* Override link color in chat messages   */
        color: #3DB166;
        text-decoration: underline;
        text-underline-offset: 0.125rem;

        &:hover {
            color: #2A8F4D;
        }
    }

    /* Align items within header */
    & .bui-messenger-dialog-header {
        align-items: center;
        gap: 0.75rem;
        
        & .bui-messenger-dialog-close-button {
            display: flex;
        }
    }
}

/* Style overrides for new Messenger version */
.bulb-messenger-element {
    & bui-participant-name {
        display: none;
    }
}