body.zc-connectCommunity1 {
    /* Brand core */
    --linkPrimary: #006AFF;
    --primaryThemeColor: #006AFF;
    /* Gradient samples */
    --brandGradientA: linear-gradient(135deg, #006AFF 0%, #1c4fa2 55%, #162755 100%);
    --brandGradientB: linear-gradient(135deg, #0b7cff 0%, #006AFF 40%, #1c4fa2 100%);
    /* Left apps bar */
    --leftAppsContColor: #1c4fa2;
    --leftAppsContGradient: var(--brandGradientA);
        --leftAppsIconColor: #fff;
        --leftAppsIconHoverColor: #fff;
        --leftAppsSelectedIconColor: #fff;
        --leftnavOptionHoverColor: rgba(255,255,255,0.16);
        --leftAppsSelectedBG: rgba(22, 39, 85, 0.9);
        /* Left nav list */
        --leftNavContColor: #eef5fb;
        --leftNavListItemColor: #2d3954;
        --leftNavListItemHoverColor: #dce7f5;
        --leftNavListItemSelected: #162755;
        /* Footer / action colors */
        --leftAppsContFooterColor: #1d2340;
        --leftContNewOption: #1C4FA2;
        --leftContNewOptionTxt: #FFFFFF;
        /* See more icon */
        --leftNavListHeadingIconBg: rgba(0,0,0,0.10);
        --leftNavListHeadingIconColor: rgba(0,0,0,0.45);
        --leftNavListHeadingIconHoverBg: rgba(0,0,0,0.18);
        --leftNavListHeadingIconhoverColor: rgba(0,0,0,0.75);
        /* Buttons */
        --submitButtonColor: #1c4ea3;
        --submitButtonGradient: var(--brandGradientB);
            --submitButtonDarkColor: #163a78;
            --submitButtonColorRBG5: #edf4ff;
            /* Menus */
            --menuHoverColor: #eef4fb;
            --menuHoverColorDark: #d5dfef;
            }
/* Left apps bar with gradient */
body.zc-connectCommunity1 .zc-leftContainer .zc-appsBar,body.zc-connectCommunity1 .zc-leftContainer .zc-leftAppsCont {
    background: var(--leftAppsContGradient) !important;
        }
/* Selected app state */
body.zc-connectCommunity1 .zc-leftContainer .zc-appsBar .zc-activeMenu,body.zc-connectCommunity1 .zc-leftContainer .zc-appsBar .active {
    background: var(--leftAppsSelectedBG) !important;
        border-radius: 10px;
        }
/* Hover state in left apps */
body.zc-connectCommunity1 .zc-leftContainer .zc-appsBar li:hover {
    background: var(--leftnavOptionHoverColor) !important;
        border-radius: 10px;
        }
/* Left navigation list area */
body.zc-connectCommunity1 .zc-leftContainer .zc-navigation {
    background: var(--leftNavContColor) !important;
        }
/* New board / import buttons */
body.zc-connectCommunity1 .zc-leftContainer .zc-navigation .zc-taskImportBoard .zc-newBoard,body.zc-connectCommunity1 .zc-leftContainer .zc-navigation .zc-taskImportBoard .zc-MoreImport {
    background: var(--brandGradientB);
        color: var(--leftContNewOptionTxt);
            border: none;
            box-shadow: 0 4px 12px rgba(28, 79, 162, 0.18);
            }
body.zc-connectCommunity1 .zc-leftContainer .zc-navigation .zc-taskImportBoard .zc-newBoard:hover,body.zc-connectCommunity1 .zc-leftContainer .zc-navigation .zc-taskImportBoard .zc-MoreImport:hover {
    background: linear-gradient(135deg, #163a78 0%, #1c4fa2 100%);
}
/* Main background */
.viewContainer,.zc-manualContainer.zc-mDashboardwrapper {
    /*background: linear-gradient(180deg, #f6f9fd 0%, #eef4fb 45%, #f4f3f6 100%);*/
    background: linear-gradient(135deg, #bddcff 0%, #f9fcff 50%, #b8d7ff 100%) !important;
}
/* Keep feed area transparent over background */
.viewContainer .feed-content-area {
    background: transparent;
}
/* Hide people directory button for members */
body.zc-connectCommunity1[memberrole=MEMBER] .zc-rightSideBar > ul > li[purpose="peopleDirectory"] {
    display: none;
}
/* Dashboard hero background */
/*.zc-dashBoardCont .zc-formPreviewContainer .zc-pagePreviewContainer {    background-image: url("https://cdn.prod.website-files.com/63515b3a87c9233c7bab5799/68483ded85493ac539d02585_manhattan-at-night-min.webp") !important;    background-repeat: no-repeat !important;    background-size: cover !important;    background-position: center center !important;}*/
.zc-dashBoardCont .zc-formPreviewContainer .zc-pagePreviewContainer{
    background: linear-gradient(135deg, #bddcff 0%, #f9fcff 50%, #b8d7ff 100%) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
}
/* Buttons */
body.zc-connectCommunity1 .btn-primary,body.zc-connectCommunity1 button[type="submit"],body.zc-connectCommunity1 .zc-primaryBtn {
    background: var(--submitButtonGradient) !important;
        border: none !important;
        color: #fff !important;
        box-shadow: 0 6px 18px rgba(28, 78, 163, 0.18);
        }
body.zc-connectCommunity1 .btn-primary:hover,body.zc-connectCommunity1 button[type="submit"]:hover,body.zc-connectCommunity1 .zc-primaryBtn:hover {
    background: linear-gradient(135deg, #163a78 0%, #1c4ea3 100%) !important;
}
/* Cards / containers */
body.zc-connectCommunity1 .zc-card,body.zc-connectCommunity1 .card,body.zc-connectCommunity1 .feedCard,body.zc-connectCommunity1 .zc-widgetCard {
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(20, 40, 80, 0.06);
    border: 1px solid rgba(0, 106, 255, 0.06);
}

/* Links */
body.zc-connectCommunity1 a {
    color: var(--linkPrimary);
        }
/* Dropdown hover */
body.zc-connectCommunity1 .dropdown-menu li:hover,body.zc-connectCommunity1 .menu li:hover {
    background: var(--menuHoverColor);
        }
/* Intergrations hiding */
body.zc-connectCommunity1 .zc-rightSideBar li[purpose="integrations"] {
    display: none !important;
}