#itformer-chatbot-container {
    position: relative;
    overflow: hidden;
}

#itformer-chatbot-container .itformer-chat-main {
    min-width: 0;
    position: relative;
    z-index: 1;
}

#itformer-chatbot-container .itformer-chat-sidebar {
    position: relative;
    z-index: 30;
    will-change: width, min-width, max-width, transform;
    transition: width .25s ease, min-width .25s ease, max-width .25s ease, transform .25s ease, box-shadow .25s ease !important;
    overflow-x: hidden !important;
}

#itformer-chatbot-container #toggle-sidebar {
    position: relative;
    z-index: 40;
}

#itformer-chatbot-container.is-collapsed .itformer-chat-sidebar {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
}

#itformer-chatbot-container.is-collapsed .itformer-sidebar-body {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

#itformer-chatbot-container.is-collapsed .itformer-sidebar-footer {
    display: none !important;
}

#itformer-chatbot-container.is-collapsed .itformer-search-input,
#itformer-chatbot-container.is-collapsed .itformer-count-badge,
#itformer-chatbot-container.is-collapsed .itformer-item-texts,
#itformer-chatbot-container.is-collapsed .itformer-item-actions,
#itformer-chatbot-container.is-collapsed .itformer-empty-list,
#itformer-chatbot-container.is-collapsed .itformer-section-title {
    display: none !important;
}

#itformer-chatbot-container.is-collapsed .itformer-sidebar-section {
    gap: 8px !important;
}

#itformer-chatbot-container.is-collapsed .itformer-section-header {
    justify-content: center !important;
}

#itformer-chatbot-container.is-collapsed .itformer-sidebar-section .itformer-icon-btn {
    margin: 0 auto !important;
}

#itformer-chatbot-container.is-collapsed .itformer-item {
    padding: 6px !important;
}

#itformer-chatbot-container.is-collapsed .itformer-list-main-action {
    justify-content: center !important;
    padding: 8px !important;
    gap: 0 !important;
}

#itformer-chatbot-container.is-collapsed .itformer-item-icon {
    margin: 0 !important;
}

#itformer-chatbot-container.is-collapsed .itformer-primary-btn {
    min-height: 46px !important;
    padding: 8px !important;
}

#itformer-chatbot-container.is-collapsed .itformer-brand-row {
    justify-content: center !important;
}

#itformer-chatbot-container .itformer-chat-window::-webkit-scrollbar,
#itformer-chatbot-container .itformer-sidebar-body::-webkit-scrollbar {
    width: 8px;
}

#itformer-chatbot-container .itformer-chat-window::-webkit-scrollbar-thumb,
#itformer-chatbot-container .itformer-sidebar-body::-webkit-scrollbar-thumb {
    background: #3a4048;
    border-radius: 999px;
}

#itformer-chatbot-container .itformer-chat-window::-webkit-scrollbar-track,
#itformer-chatbot-container .itformer-sidebar-body::-webkit-scrollbar-track {
    background: transparent;
}

@media (max-width: 980px) {
    #itformer-chatbot-container .itformer-chat-sidebar {
        position: absolute !important;
        left: 0;
        top: 0;
        bottom: 0;
        width: min(88vw, 320px) !important;
        min-width: min(88vw, 320px) !important;
        max-width: min(88vw, 320px) !important;
        box-shadow: 0 12px 36px rgba(0, 0, 0, .35);
    }

    #itformer-chatbot-container.is-collapsed .itformer-chat-sidebar {
        transform: translateX(calc(-100% + 58px)) !important;
        width: min(88vw, 320px) !important;
        min-width: min(88vw, 320px) !important;
        max-width: min(88vw, 320px) !important;
    }

    #itformer-chatbot-container:not(.is-collapsed) .itformer-chat-main::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, .22);
        z-index: 2;
        pointer-events: none;
    }

    #itformer-chatbot-container .itformer-main-topbar {
        padding-left: 76px !important;
    }

    #itformer-chatbot-container .itformer-composer-wrap {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    #itformer-chatbot-container .itformer-chat-window {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}