/* =====================================================
   Dual Sidebar Layout (Default + Data Integration)
   ===================================================== */
.dual-sidebar-wrapper {
    display: flex;
    flex-direction: row;
    gap: 0;
    height: 100%;
}

#sds-main-container.dual-sidebar-mode #sds-sidebar {
    width: auto;
    min-width: fit-content;
}

#sds-main-container.dual-sidebar-mode.menu-open #sds-sidebar {
    width: auto;
    max-width: none;
}

/* =====================================================
   Default Menu Container (Left Side) - Icons Only
   ===================================================== */

#default-menu-container{
    margin-left: 0.5rem;
}

#default-menu-container.default-catalog-menu {
    flex: 0 0 auto;
    width: 3rem;
    min-width: 3rem;
    background-color: transparent;
    overflow: visible;
    /* padding: 0.5rem 0; */
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* Hide all text in Default - show only icons */
#default-menu-container .sds-sidebar-item-text,
#default-menu-container .section-title,
#default-menu-container .user-item-desc,
#default-menu-container .user-name,
#default-menu-container .user-roles{
    display: none !important;
}

#default-menu-container .count {
    display: none;
}

#default-menu-container ul {
    margin: 0rem !important;
    padding: 0rem !important;
}

/* Center icons in Default */
#default-menu-container li,
#default-menu-container .li-style,
#default-menu-container .sds-sidebar-item {
    justify-content: center;
    padding: 0.25rem !important;
    /* margin: 0.25rem auto !important; */
    width: 2.5rem !important;
    height: 2.5rem !important;
}

#default-menu-container li:hover,
#default-menu-container .sds-sidebar-item:hover {
    background-color: var(--sds-primary-600, rgba(255,255,255,0.1));
}

#default-menu-container .sds-sidebar-icon {
    margin: 0;
    width: 1.5rem !important;
    height: 1.5rem !important;
    min-width: 1.5rem !important;
}

#default-menu-container .sds-sidebar-icon svg {
    width: 1rem !important;
    height: 1rem !important;
}

#default-menu-container .mask-icon,
#default-menu-container .menu-mask-icon {
    width: 1.5rem !important;
    height: 1.5rem !important;
    min-width: 1.5rem;
}

/* Application dropdown in Default */
#default-menu-container #application-menu-container {
    text-align: center;
    height: 3rem;
}

#default-menu-container #application-menu-container .dd-title {
    justify-content: center;
    width: 2.5rem !important;
    height: 2.5rem !important;
    /* margin: 0.25rem auto; */
    padding: 0.5rem;
}

#default-menu-container #application-menu-container .sds-small-loader,
#default-menu-container #application-menu-container .fa-angle-down {
    display: none !important;
}

/* Hide the add new application button in Default by default */
#default-menu-container #sds-sidebar-new-application {
    display: none !important;
}

/* important - application dropdown icon is always visible in the Default section */
#sds-main-container.dual-sidebar-mode.menu-open #default-menu-container .closed-menu-application-view {
    display: flex !important;
}

/* Hide the open-menu-application-view (expanded app list) in Defaultn (we just need icon dropdown) */
#default-menu-container .open-menu-application-view {
    display: none !important;
}


/* =====================================================
   Module-specific menu section (Right Side - Data Integration)
   ===================================================== */
#data-integration-menu-section.module-specific-menu-section {
    flex: 1 1 auto;
    min-width: 12.5rem;
    padding: 0.1875rem 0rem;
    overflow: visible;
    height: auto;
}

#data-integration-menu-section .section-title {
    color: var(--sds-grey-000, #fff);
    margin-bottom: 0.5rem;
}

#data-integration-menu-section .application-menu-wrapper {
    max-height: none;
    overflow: visible;
}

#sds-sidebar.dataintegrations-sidebar #data-integration-menu-section .sds-sidebar-item-text {
    padding-left:2px;
}

#sds-sidebar.dataintegrations-sidebar #data-integration-menu-section .app-folder-group .app-drop-down .menu-item {
    padding-right:2px;
}

#sds-sidebar.dataintegrations-sidebar #data-integration-menu-section .action-wrapper .menu-item-action-btn{
    padding:0 0 2px;
}

#sds-main-container #sds-sidebar.dataintegrations-sidebar .sds-sidebar-list{
    --menu-width:20rem;
}

#sds-main-container #sds-sidebar.dataintegrations-sidebar:not(.menu-filtered) .ul-style.sub-menu .li-style{
    padding-left: 2px;
}
/* Search and add button wrapper inside integration section */
#data-integration-menu-section .integration-search-wrapper {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    padding: 0;
}

#data-integration-menu-section .integration-search-wrapper #sds-sidebar-search {
    flex: 1;
    padding: 0 !important;
    display: block !important;
}

#data-integration-menu-section .integration-search-wrapper #add-integration-dropdown-wrapper {
    flex: 0 0 auto;
    display: block !important;
}

/* =====================================================
   Dual Sidebar Collapsed State (menu-closed / not menu-open)
   When sidebar toggle is off, only show Default icons
   ===================================================== */
#sds-main-container.dual-sidebar-mode.menu-closed #data-integration-menu-section,
#sds-main-container.dual-sidebar-mode:not(.menu-open) #data-integration-menu-section {
    display: none !important;
}

#sds-main-container.dual-sidebar-mode.menu-closed .dual-sidebar-wrapper {
    width: 3.75rem;
}

#sds-main-container.dual-sidebar-mode.menu-closed #sds-sidebar,
#sds-main-container.dual-sidebar-mode:not(.menu-open) #default-menu-container {
    width: 3rem !important;
}

#data-integration-menu-section .application-menu-wrapper::before {
  content: '';
  display: block;
  height: 0.0625rem;
  background-color: var(--sds-grey-400, #DEE4E4);
  margin: 1rem 0rem 1rem 0rem;
}

#default-menu-container > hr.menu-closed-hr{
    display: none !important;
}

/*
Merging Styles from portal-integration-theme and portal-theme-template
*/

/* Sidebar on integration page */
#sds-main-container #sds-sidebar-home .sds-sidebar-icon svg, #sds-sidebar-item-personal-env .sds-sidebar-icon svg, #application-icon .sds-sidebar-icon svg, #sds-main-container #sds-sidebar-item-admin .sds-sidebar-icon svg, #sds-sidebar-item-support-new-tab .sds-sidebar-icon svg{
  color: #3A6B6D;
}
#sds-main-container .sds-sidebar-icon-data-sources svg{
  color: #205BB8;
}
#sds-main-container .sds-sidebar-icon-queries svg{
  color: #C28602;
}
#sds-main-container .sds-sidebar-icon-models svg{
  color: #5A6161;
}
#sds-main-container .sds-sidebar-icon-catalog svg{
  color: #C2762C
}
#sds-main-container .sds-sidebar-icon-map svg{
  color: #007A3B;
}
#sds-main-container .sds-sidebar-icon-tickets svg{
  color: #C04641;
}
#sds-main-container .sds-sidebar-icon-ai-sparkles svg {
    color: #6F13B8;
}
#sds-main-container #sds-sidebar-home .sds-sidebar-icon,
#sds-main-container #sds-sidebar-item-admin .sds-sidebar-icon,
#sds-sidebar-item-personal-env .sds-sidebar-icon,
#application-icon .sds-sidebar-icon,
#sds-sidebar-item-support-new-tab .sds-sidebar-icon {
  background-color: #E5F1F2;
}

#sds-main-container .sds-sidebar-icon-data-sources {
  background-color: #EDF8FF;
}

#sds-main-container .sds-sidebar-icon-queries {
  background-color: #FFEAD4;
}

#sds-main-container .sds-sidebar-icon-models {
  background-color: #F0F4F4;
}

#sds-main-container .sds-sidebar-icon-catalog {
  background-color: #FFEFE6;
}

#sds-main-container .sds-sidebar-icon-map {
  background-color: #F0FCF3;
}

#sds-main-container .sds-sidebar-icon-tickets {
  background-color: #FFE8E8;
}

#sds-main-container .sds-sidebar-icon-messages {
  background-color: #EDF8FF;
  position: relative;
}

#sds-main-container .sds-sidebar-icon-ai-sparkles {
    background-color: #F1E9FF;
}

#sds-main-container #sds-sidebar .sds-sidebar-item, #sds-sidebar-item-personal-env, #application-icon, #sds-sidebar-item-support-new-tab{
  display: flex !important;
  align-items: center !important;
  justify-content: center;
  width: 2.5rem !important;
  height: 2.5rem;
  border-radius: 2.1875rem !important;
  cursor: pointer;
  background: #FFF;
  background-color: #FFF !important;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.20), 0px 2px 10px 0px rgba(0, 0, 0, 0.10);
}
#sds-main-container #sds-sidebar .sds-sidebar-item .sds-sidebar-icon,
#sds-sidebar-item-personal-env .sds-sidebar-icon,
#application-icon .sds-sidebar-icon,
#sds-sidebar-item-support-new-tab .sds-sidebar-icon {
    display: flex !important;
    width: 2rem !important;
    height:2rem !important;
    /* padding: 0.5rem !important; */
    justify-content: center !important;
    align-items: center !important;
    border-radius: 3.125rem !important;
}
#sdsApplicationMenuList .dx-button-text,
#sdsApplicationMenuList {
    visibility: hidden;
}

#application-icon {
    padding: 0 !important;
    justify-content: flex-start !important;
}

#application-icon .sds-sidebar-icon {
    /* margin-left: 0.25rem !important; */
    min-width: 2rem !important;
}

.application-menu-wrapper.dx-dropdownbutton-popup-wrapper .dx-overlay-content {
    background-color: #FFF !important;
    color: #000;
    border: 1px solid var(--sds-grey-400) !important;
}

.application-menu-wrapper.dx-dropdownbutton-popup-wrapper .dx-overlay-content .menu-header-application {
    color: var(--sds-grey-600);
}

.application-menu-wrapper.dx-dropdownbutton-popup-wrapper .dx-overlay-content .dx-list-item:first-child {
    cursor: default;
    background-color: transparent !important;
    /* Prevent default or hover bg */
}

.application-menu-wrapper .new-application-btn-wrapper#new-application-btn {
    color: var(--sds-primary-500);
    border-top: 1px solid #D9D9D9;
    border-bottom: none;
    cursor: pointer;
}

.application-menu-wrapper .new-application-btn-wrapper#new-application-btn svg {
    border-radius: 50%;
    border: 1px solid;
    width: 1rem;
    height: 1rem;
}

.application-menu-wrapper .new-application-btn-wrapper#new-application-btn>span {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.application-menu-wrapper .new-application-btn-wrapper#new-application-btn svg path {
    stroke: var(--sds-primary-500);
}

#sds-main-container #sds-sidebar:not(.menu-filtered) .ul-style.sub-menu .li-style{
    padding-left: 0rem;
}

/* Applicatons Sidebar  */
#sds-sidebar.applications-sidebar .sidebar-menu-scroll-wrapper {
    height: calc(100vh - 6rem);
}

@media screen and (max-width: 767px) {

    #sds-main-container #sds-sidebar .sds-sidebar-item,
    #sds-sidebar-item-personal-env,
    #application-icon,
    #sds-sidebar-item-support-new-tab {
        width: 100% !important;
    }
    
    #sds-main-container.dual-sidebar-mode.menu-open #sds-sidebar{
        width: 100%;
    }

    /* Sidebar Menu fix for Mobile */
    #sds-main-container #sds-sidebar.catalogs-sidebar .app-folder-group>.app-drop-down[aria-expanded="true"] .li-style, #sds-main-container #sds-sidebar.catalogs-sidebar .app-folder-group>.app-drop-down[aria-expanded="true"]~.action-wrapper .sds-menu-action-item-wrapper, #sds-main-container #sds-sidebar.catalogs-sidebar .app-folder-group:hover .li-style, #sds-main-container #sds-sidebar.catalogs-sidebar .app-folder-group:hover .sds-menu-action-item-wrapper, #sds-main-container #sds-sidebar.catalogs-sidebar li:not(.selected):hover, #sds-main-container #sds-sidebar.catalogs-sidebar .li-style:not(.selected):hover, #sds-main-container #sds-sidebar.catalogs-sidebar li.selected {
        background: none !important;
    }

    #sds-main-container #sds-sidebar.catalogs-sidebar .sds-sidebar-item, #sds-sidebar-item-personal-env, #application-icon, #sds-sidebar-item-support-new-tab {
        box-shadow: none;
    }

    #sds-main-container #sds-sidebar.catalogs-sidebar .sds-sidebar-list ul{
        background-color: transparent !important;
    }

    #sds-main-container #sds-sidebar.catalogs-sidebar #sds-sidebar-home .sds-sidebar-icon, #sds-main-container #sds-sidebar.catalogs-sidebar #sds-sidebar-item-admin .sds-sidebar-icon, #sds-sidebar-item-personal-env .sds-sidebar-icon, #sds-sidebar.catalogs-sidebar #application-icon .sds-sidebar-icon, #sds-sidebar.catalogs-sidebar #sds-sidebar-item-support-new-tab .sds-sidebar-icon{
        background: none;
    }

    .section-title{
        display: none;
    }

    #sds-main-container.main-sidebar #sds-sidebar.catalogs-sidebar .sds-sidebar-item:hover{
        background-color: var(--sds-grey-300) !important;
    }

    #sds-main-container.main-sidebar #sds-sidebar.catalogs-sidebar .sds-sidebar-item.selected{
        outline: none;
        background-color: var(--sds-grey-200) !important;
    }

    #sds-main-container #sds-sidebar li.open-menu-application-view .sds-sidebar-icon-shared-env{
        width: 1.5rem !important;
        height: 1rem;
    }

    #sds-sidebar-defaults, #sds-main-container #sds-sidebar.catalogs-sidebar .sds-sidebar-item, #sds-sidebar-item-personal-env, #application-icon, #sds-sidebar-item-support-new-tab{
        padding: 0px !important;
    }
    
    #sds-sidebar.catalogs-sidebar #application-menu-container{
        padding-bottom: 0px !important;
        border-bottom: 1px solid var(--sds-grey-400);
    }
    
    #sds-sidebar.catalogs-sidebar #application-menu-container,
    #sds-sidebar.catalogs-sidebar #sds-sidebar-footer-container{
        border-top: 1px solid var(--sds-grey-400);
    }

    #sds-main-container #sds-sidebar.catalogs-sidebar #sds-sidebar-home .sds-sidebar-icon svg, #sds-sidebar-item-personal-env .sds-sidebar-icon svg, #application-icon .sds-sidebar-icon svg, #sds-main-container #sds-sidebar.catalogs-sidebar #sds-sidebar-item-admin .sds-sidebar-icon svg, #sds-sidebar.catalogs-sidebar #sds-sidebar-item-support-new-tab .sds-sidebar-icon svg,
    #sds-main-container #sds-sidebar.catalogs-sidebar .sds-sidebar-icon-data-sources svg,
    #sds-main-container #sds-sidebar.catalogs-sidebar .sds-sidebar-icon-queries svg,
    #sds-main-container #sds-sidebar.catalogs-sidebar .sds-sidebar-icon-models svg,
    #sds-main-container #sds-sidebar.catalogs-sidebar .sds-sidebar-icon-catalog svg,
    #sds-main-container #sds-sidebar.catalogs-sidebar .sds-sidebar-icon-map svg,
    #sds-main-container #sds-sidebar.catalogs-sidebar .sds-sidebar-icon-tickets svg,
    #sds-main-container #sds-sidebar.catalogs-sidebar .sds-sidebar-icon-ai-sparkles svg{
        color: var(--sds-grey-900);
    }

    #sds-main-container #sds-sidebar.catalogs-sidebar .sds-sidebar-icon.sds-sidebar-icon-home svg path{
        fill: var(--sds-grey-900);
    }
    #sds-main-container #sds-sidebar.catalogs-sidebar .sds-sidebar-icon.sds-sidebar-icon-shared-env svg path,
    #sds-main-container #sds-sidebar.catalogs-sidebar .sds-sidebar-icon.sds-sidebar-icon-messages svg path{
        stroke: var(--sds-grey-900);
    }

    #sds-main-container #sds-sidebar.catalogs-sidebar .sds-sidebar-item.selected .sds-sidebar-icon,
    #sds-main-container #sds-sidebar.catalogs-sidebar .sds-sidebar-item.selected .sds-sidebar-icon svg,
    #sds-main-container #sds-sidebar.catalogs-sidebar .sds-sidebar-item.selected .sds-sidebar-item-text{
        color: var(--sds-primary-500) !important;
    }
    #sds-main-container #sds-sidebar.catalogs-sidebar .sds-sidebar-item.selected .sds-sidebar-icon.sds-sidebar-icon-home svg path{
        fill: var(--sds-primary-500);
    }
    #sds-main-container #sds-sidebar.catalogs-sidebar .sds-sidebar-item.selected .sds-sidebar-icon.sds-sidebar-icon-shared-env svg path,
    #sds-main-container #sds-sidebar.catalogs-sidebar .sds-sidebar-item.selected .sds-sidebar-icon.sds-sidebar-icon-messages svg path{
        stroke: var(--sds-primary-500);
    }
    
}