/* Zoho CommunitySpaces CSS Theme
Theme: WMMS Magenta Indigo
Mood: premium event energy, magenta to indigo gradient with gold highlights
*/
body.zc-connectCommunity1 {
    --linkPrimary: #1E8FCB;
        --primaryThemeColor: #DC336E;
        --wmmsPrimary: #DC336E;
        --wmmsPrimaryDark: #C0305A;
        --wmmsSkyBlue: #1E8FCB;
        --wmmsDeepBlue: #1E3A8A;
        --wmmsIceBlue: #DDEAF7;
        --wmmsIceBlueSoft: #E8F2FB;
        --wmmsNavyText: #1A1A2E;
        --wmmsAmber: #F5A623;
        --wmmsWhite: #FFFFFF;
        --leftAppsContColor: #271342;
        --leftAppsIconColor: #ffffff;
        --leftAppsIconHoverColor: #ffffff;
        --leftAppsSelectedIconColor: #ffffff;
        --leftnavOptionHoverColor: rgba(255,255,255,0.12);
        --leftAppsSelectedBG: linear-gradient(135deg, #DC336E 0%, #F5A623 100%);
        --leftAppsContFooterColor: rgba(255,255,255,0.14);
        --leftNavContColor: #FFF6FA;
        --leftNavListItemColor: #1A1A2E;
        --leftNavListItemHoverColor: #FFB7CC;
        --leftNavListItemSelected: #DC336E;
        --leftContNewOption: #ffffff;
        --leftContNewOptionTxt: #DC336E;
        --leftNavListHeadingIconBg: rgba(220,51,110,0.10);
        --leftNavListHeadingIconColor: rgba(220,51,110,0.78);
        --leftNavListHeadingIconHoverBg: rgba(245,166,35,0.18);
        --leftNavListHeadingIconhoverColor: rgba(192,48,90,1);
        --submitButtonColor: #DC336E;
        --submitButtonDarkColor: #C0305A;
        --submitButtonColorRBG5: #FBE4EC;
        --menuHoverColor: #FBE4EC;
        --menuHoverColorDark: #F7D5E1;
        --dashboardGradient: linear-gradient(135deg, #FFF6FA 0%, #E8F2FB 38%, #FBE4EC 70%, #FFF8E7 100%);
        --primaryButtonGradient: linear-gradient(135deg, #DC336E 0%, #C0305A 48%, #1E3A8A 100%);
        --secondaryButtonGradient: linear-gradient(135deg, #1E8FCB 0%, #1E3A8A 100%);
        --goldAccentGradient: linear-gradient(135deg, #F5A623 0%, #DC336E 100%);
    }
        body.zc-connectCommunity1 .zc-leftContainer .zc-navigation .zc-taskImportBoard .zc-newBoard,
        body.zc-connectCommunity1 .zc-leftContainer .zc-navigation .zc-taskImportBoard .zc-MoreImport {
            background: var(--leftContNewOption);
                color: var(--leftContNewOptionTxt);
                    }
        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: var(--menuHoverColorDark);
                }
        .viewContainer,
        .zc-manualContainer.zc-mDashboardwrapper {
            background: var(--dashboardGradient) !important;
                }
        .viewContainer .feed-content-area {
            background: transparent;
        }
        .zc-previewHeadingCont button {
            background-color: rgba(255,255,255,0.82);
            color: #1A1A2E;
            border: 1px solid rgba(220,51,110,0.16);
        }
        .zc-previewHeadingCont button:hover {
            background-color: #FBE4EC;
            color: #C0305A;
        }
        body.zc-connectCommunity1 .btn-primary,
        body.zc-connectCommunity1 button[type="submit"],
        body.zc-connectCommunity1 .zc-primaryBtn {
            background: var(--primaryButtonGradient) !important;
                color: #ffffff !important;
                border: none !important;
                box-shadow: 0 8px 22px rgba(192,48,90,0.26);
                }
        body.zc-connectCommunity1 .btn-primary:hover,
        body.zc-connectCommunity1 button[type="submit"]:hover,
        body.zc-connectCommunity1 .zc-primaryBtn:hover {
            background: linear-gradient(135deg, #C0305A 0%, #DC336E 45%, #1E3A8A 100%) !important;
            box-shadow: 0 10px 26px rgba(192,48,90,0.34);
        }
        body.zc-connectCommunity1 .zc-secondaryBtn,
        body.zc-connectCommunity1 .btn-secondary {
            background: var(--secondaryButtonGradient) !important;
                color: #ffffff !important;
                border: none !important;
                box-shadow: 0 8px 20px rgba(30,58,138,0.20);
                }
        .widget-wrapper.zc-dashLinkWidget.zc-buttonView ul.widget-inner-list li a {
            background: rgba(255,255,255,0.88);
            border-radius: 12px;
            border: 1px solid rgba(220,51,110,0.12);
            box-shadow: 0 8px 22px rgba(192,48,90,0.08);
        }
        .gridView .gridItem,
        .zc-manualContainer.zc-mDashboardwrapper .zc-mWrapper .zc-mList .gridView .gridItem .zc-MmiddleContent {
            background: rgba(255,255,255,0.84);
            border: 1px solid rgba(220,51,110,0.10);
        }
        .zc-rightContainer .zc-topBar .zc-mainSearch .zc-searchInput {
            border: 0;
            background: rgba(255,255,255,0.9);
            color: #1A1A2E;
        }
        body.nightMode {
            --leftAppsContColor: #160B24;
                --leftAppsSelectedBG: linear-gradient(135deg, #DC336E 0%, #F5A623 100%);
                --leftNavContColor: #201223;
                --leftNavListItemColor: #FCE7F0;
                --leftNavListItemHoverColor: #ffffff;
                --leftNavListItemSelected: #FF6F9F;
                --leftContNewOption: #31162A;
                --leftContNewOptionTxt: #ffffff;
                --leftNavListHeadingIconBg: rgba(255,111,159,0.12);
                --leftNavListHeadingIconColor: rgba(255,111,159,0.82);
                --leftNavListHeadingIconHoverBg: rgba(245,166,35,0.20);
                --leftNavListHeadingIconhoverColor: rgba(245,166,35,1);
                --menuHoverColor: #31162A;
                --menuHoverColorDark: #442039;
            }
                body.nightMode .viewContainer,
                body.nightMode .zc-manualContainer.zc-mDashboardwrapper {
                    background: linear-gradient(135deg, #0E1633 0%, #1E3A8A 35%, #4B1230 70%, #2A163A 100%) !important;
                }
                body.nightMode .viewContainer .feed-content-area {
                    background: transparent;
                }
                body.nightMode .zc-previewHeadingCont button {
                    background-color: transparent;
                    color: #FCE7F0;
                    border: 1px solid rgba(255,255,255,0.14);
                }
                body.nightMode .zc-previewHeadingCont button:hover {
                    background-color: #442039;
                }
                body.nightMode .widget-wrapper.zc-dashLinkWidget.zc-buttonView ul.widget-inner-list li a,
                body.nightMode .gridView .gridItem,
                body.nightMode .zc-manualContainer.zc-mDashboardwrapper .zc-mWrapper .zc-mList .gridView .gridItem .zc-MmiddleContent,
                body.nightMode .zc-rightContainer .zc-topBar .zc-mainSearch .zc-searchInput {
                    background: rgba(49,22,42,0.88);
                    color: #FCE7F0;
                    border-radius: 12px;
                }