body.dark-mode {
	--bg-primary: #0B111C;
	--bg-secondary: #131C2E;
	--bg-light-purple: #13233A;
	--bg-dark: #070B12;
	--white: #ffffff;
	--primary: #4A8DE0;
	--primary-hover: #6BA8EC;
	--text-muted: #9BA7B8;
	--text-white: #ffffff;
	--border: rgba(255, 255, 255, 0.10);
	--border-light: rgba(255, 255, 255, 0.12);
	--success: #45b96b;
	--warning: #e5a33a;
	--danger: #ef5961;
	--shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.25);
	--shadow-md: 0 8px 30px rgba(0, 0, 0, 0.35);
	background-color: var(--bg-primary);
	color: var(--text-muted);

	--white: #0F1622;
    --black: #f8fafc;
    --body-bg: #080D16;
}
body.dark-mode {background-color: var(--bg-primary);color: var(--text-muted);}
/*body.dark-mode a {color: inherit;}*/
body.dark-mode ::selection {background: var(--primary);color: #fff;}
body.dark-mode .header {background-color: rgba(17, 25, 39, 0.82);border-color: var(--border);}
body.dark-mode .header .nav-link {color: var(--text-muted);}
body.dark-mode .header .nav-link:hover {color: #fff;}
body.dark-mode .lighDark-mode {background-color: #161E2B;color: #fff;border-color: var(--border);}
body.dark-mode .btn-secondary {background-color: #161E2B;color: #fff;border-color: var(--border);}
body.dark-mode .btn-secondary:hover {background-color: var(--primary);color: #fff;border-color: var(--primary);}
body.dark-mode .sectionLbl {background-color: #161E2B;border-color: rgba(74, 141, 224, 0.35);color: #fff;}
body.dark-mode .section-bg {background-color: rgba(255, 255, 255, 0.025);}
body.dark-mode .section-bg-primary {background-color: var(--primary) !important;}
body.dark-mode .grid-backdrop {background-image: linear-gradient( to right, rgba(255, 255, 255, 0.055) 0.0625rem, transparent 0.0625rem ), linear-gradient( to bottom, rgba(255, 255, 255, 0.055) 0.0625rem, transparent 0.0625rem );}
body.dark-mode .ai-monitor-section, body.dark-mode .dashboard-item, body.dark-mode .cmn-card {background-color: rgba(17, 25, 39, 0.82);border-color: var(--border);box-shadow: 0 1.875rem 5rem -2.5rem rgba(0, 0, 0, 0.8);}
body.dark-mode .aiMonitor-head, body.dark-mode .dashboard-title {border-color: var(--border);}
body.dark-mode .prompt-bx {background-color: #161E2B;color: #C7D2E0;}
body.dark-mode .dashboard-titleInn {background-color: #1A2436;color: #fff;}
body.dark-mode .platform-item {background-color: #131C2E;border-color: var(--border);box-shadow: var(--shadow-sm);}
body.dark-mode .flatform-icon {background-color: #14243A;}
body.dark-mode .progressBar .progress {background-color: rgba(255, 255, 255, 0.10);}
body.dark-mode .progressBar .progress .progress-bar {background-color: #5C6879;}
body.dark-mode .ranking-list .list-block-item:first-child .ranking_name {color: #fff;}
body.dark-mode .reporting-list li {border-color: var(--border);color: #C7D2E0;}
body.dark-mode .reporting-list li:first-child {background-color: #14243A;}
body.dark-mode .reporting-list li:first-child .reporting-txt {color: #fff;}
body.dark-mode .reporting-list li:first-child .reposrtingLbl {background-color: rgba(255, 255, 255, 0.06);color: #67AFE6;}
body.dark-mode .reportingSecondary-btn {background-color: #161E2B;color: #7CBEEC;border-color: var(--border);}
body.dark-mode .reportingSecondary-btn:hover {background-color: var(--primary);color: #fff;}
body.dark-mode .pricing-tab-section {background-color: #161E2B;border-color: var(--border);}
body.dark-mode .pricing-tab-section .nav-tabs .nav-link {color: #7CBEEC;}
body.dark-mode .pricingLbl {background-color: rgba(74, 141, 224, 0.15);color: #7CBEEC;}
body.dark-mode .faq-section .accordion-item {border-color: var(--border);}
body.dark-mode .faq-section .accordion-button {color: #fff;}
body.dark-mode .faq-section .accordion-button::after {filter: invert(1);}
body.dark-mode .footer {background-color: #070B12;}
body.dark-mode .footer-link {color: #9BA7B8;}
body.dark-mode .footer-link:hover {color: #7CBEEC;}
body.dark-mode .footerInn {border-color: var(--border);}
body.dark-mode .footer-linkWrap .social-link {background-color: #161E2B;border-color: var(--border);color: #7CBEEC;}
body.dark-mode .bottom-scroll-btn {background-color: #161E2B;color: #7CBEEC;}
body.dark-mode .progress-ring-bg {stroke: #1E3050;}
body.dark-mode .site-loader {background-color: #0B111C;}
body.dark-mode .loader-line {background-color: #14243A;}
body.dark-mode .loader-bottom {color: #7CBEEC;}
body.dark-mode input, body.dark-mode textarea, body.dark-mode select, body.dark-mode .form-control {background-color: #131C2E;color: #fff;border-color: var(--border);}
body.dark-mode input::placeholder, body.dark-mode textarea::placeholder {color: #6B7788;}
body.dark-mode input:focus, body.dark-mode textarea:focus, body.dark-mode select:focus, body.dark-mode .form-control:focus {background-color: #161D28;color: #fff;border-color: var(--primary);}
body.dark-mode .dropdown-menu {background-color: #131C2E;border-color: var(--border);}
body.dark-mode .dropdown-item {color: #C7D2E0;}
body.dark-mode .dropdown-item:hover, body.dark-mode .dropdown-item:focus {background-color: #14243A;color: #fff;}
body.dark-mode .text-black{color: #FFF !important;}
body.dark-mode .section-bg-dark{background-color: #070B12}
body.dark-mode .cmn-section-wrap h2, 
body.dark-mode .cmn-section-wrap h3, 
body.dark-mode .cmn-section-wrap h4, 
body.dark-mode .cmn-section-wrap h5, 
body.dark-mode.cmn-section-wrap h6 {color: #FFFFFF;}
body.dark-mode .blog-details-wrap ul li {background-color: #161E2B;color: #EEF3F9;}
body.dark-mode .blog-details-wrap ul li:before {background-color: var(--primary);}
body.dark-mode .floating-icons .floating-link {background-color: #1A2436;border-color: #253A5C;color: #ffffff;box-shadow: 0 1.125rem 2.5rem -1.125rem rgba(93, 160, 232, 0.35);}
body.dark-mode .floating-icons .floating-link svg {color: #ffffff;stroke: currentColor;}
body.dark-mode .floating-icons .floating-link:hover {background-color: #223655;border-color: var(--primary);color: #ffffff;}
body.dark-mode .blog-top .reposrtingLbl{background-color: color-mix(in oklab, #161E2B 40%, #ffffff12);}

/*Dashboard Layout*/
body.dark-mode {--white: #0F1622;--black: #f8fafc;--body-bg: #080D16;--bg-light-purple: #141D2E;--border: #2a2d36;--border-light: #343743;--primary: #2456C8;--text-dark: #f1f5f9;--text-muted: #94a3b8;}
body.dark-mode .dashbaordSiteBar {background-color: color-mix( in oklab, #171923 75%, transparent );border-right-color: var(--border);}
body.dark-mode .dashboard-wrap {background-color: var(--body-bg);}
body.dark-mode .dashboardHeader {background-color: color-mix( in oklab, #171923 75%, transparent );border-bottom-color: var(--border);}
body.dark-mode .cmnBx-item {background-color: #12151c;border-color: var(--border);color: var(--text-dark);}
body.dark-mode .dashboardLogo {background-color: var(--primary);color: #fff;}
body.dark-mode .dashboardTop-menu-link, body.dark-mode .dashboard-link {color: #cbd5e1;}
body.dark-mode .dashboardTop-menu-link:hover, body.dark-mode .dashboard-link:hover {background-color: #1b1e27;color: #fff;}
body.dark-mode .dashboardTop-menu-link.active, body.dark-mode .dashboard-link.active {background-color: #152338;color: #fff;}
body.dark-mode .help-link {border-color: var(--border);color: #cbd5e1;background-color: #12151c;}
body.dark-mode .help-link:hover {background-color: #1c2029;color: #fff;}
body.dark-mode .dashCategories-list li {background-color: #1b1e27;border-color: var(--border);color: #cbd5e1;}
body.dark-mode .searchInput, body.dark-mode .searchInput:focus {background-color: #11141b;border-color: var(--border);color: #f8fafc;}
body.dark-mode .searchInput::placeholder {color: #64748b;}
body.dark-mode .searchBtn.btn-primary {background-color: var(--primary);border-color: var(--primary);color: #fff;}
body.dark-mode .dashAI-engine-prompts .accordion-item {background-color: #11141b;border-color: var(--border-light);}
body.dark-mode .dashAI-engine-prompts .accordion-button {background-color: #1b1e27;color: #f8fafc;}
body.dark-mode .dashAI-engine-prompts .accordion-button:not(.collapsed) {background-color: #152338;color: #fff;}
body.dark-mode .dashAI-engine-prompts .accordion-button::after {filter: invert(1);}
body.dark-mode .dashAI-engine-prompts .accordion-body {background-color: #11141b;color: #cbd5e1;}
body.dark-mode .dashLbl {color: #4ade80;border-color: #22c55e;background-color: #22c55e1a;}
body.dark-mode .dashBtn {background-color: #171a22;border-color: var(--border);color: #cbd5e1;}
body.dark-mode .dashBtn:hover {background-color: #222631;color: #fff;}
body.dark-mode .ai-propmt-item.ai-propmt-item-1 .aipromptDash-item, body.dark-mode .ai-propmt-item.ai-propmt-item-5 .aipromptDash-item {background-color: #18213a;}
body.dark-mode .ai-propmt-item.ai-propmt-item-1 .aiPropmt-number, body.dark-mode .ai-propmt-item.ai-propmt-item-5 .aiPropmt-number {color: #6d8cff;}
body.dark-mode .ai-propmt-item.ai-propmt-item-2 .aipromptDash-item, body.dark-mode .ai-propmt-item.ai-propmt-item-3 .aipromptDash-item {background-color: #14251c;}
body.dark-mode .ai-propmt-item.ai-propmt-item-2 .aiPropmt-number, body.dark-mode .ai-propmt-item.ai-propmt-item-3 .aiPropmt-number {color: #4ade80;}
body.dark-mode .ai-propmt-item.ai-propmt-item-4 .aipromptDash-item {background-color: #282216;}
body.dark-mode .ai-propmt-item.ai-propmt-item-4 .aiPropmt-number {color: #cbd5e1;}
body.dark-mode .bookingModal .modal-content {background-color: #11141b;color: #f8fafc;border-color: var(--border);}
body.dark-mode .bookingModal .modal-header {border-bottom-color: var(--border);}
body.dark-mode .bookingModal .modal-footer {border-top-color: var(--border);}
body.dark-mode .cstInput, body.dark-mode .cstInput:focus {background-color: #0d1016;border-color: var(--border);color: #f8fafc;}
body.dark-mode .cstInput::placeholder {color: #64748b;}
body.dark-mode .excelBtn {background-color: #1b1e27;border-color: var(--border);color: #cbd5e1;}
body.dark-mode .excelBtn:hover {background-color: #242832;color: #fff;}
body.dark-mode .topicList-item {background-color: #11141b;border-color: var(--border);color: #cbd5e1;}
body.dark-mode .topicListTop {border-bottom-color: var(--border);}
body.dark-mode .topicNum {background-color: #18213a;color: #6d8cff;}
body.dark-mode .clr-red {color: #f87171;}
body.dark-mode .dashboardInn-content {scrollbar-color: #343743 transparent;}
body.dark-mode .dashboardInn-content::-webkit-scrollbar {width: 6px;}
body.dark-mode .dashboardInn-content::-webkit-scrollbar-track {background: transparent;}
body.dark-mode .dashboardInn-content::-webkit-scrollbar-thumb {background-color: #343743;border-radius: 10px;}
body.dark-mode .dashboardInn-content::-webkit-scrollbar-thumb:hover {background-color: #4b5060;}

body.dark-mode .history-link {background-color: var(--bg-light-purple);border-color: var(--border);}
body.dark-mode .geoMap {border-color: var(--border);}
body.dark-mode .rankNumber-1 {background: rgb(5, 150, 105);}
body.dark-mode .rankNumber-2 {background: rgb(22, 163, 74);}
body.dark-mode .rankNumber-3 {background: rgb(217, 119, 6);}
body.dark-mode .rankNumber-4 {background: rgb(220, 38, 38);}
body.dark-mode .rankNumber-5 {background: rgb(124, 58, 237);}
body.dark-mode .rankNumber-6 {background: rgb(55, 65, 81);}
body.dark-mode .rankNumber-7 {background: rgb(75, 85, 99);}
body.dark-mode .OuterTabs > .nav-tabs {border-bottom-color: var(--border) !important;}
body.dark-mode .OuterTabs > .nav-tabs .nav-link {color: var(--text-body-clr);}
body.dark-mode .OuterTabs > .nav-tabs .nav-link.active {color: var(--white);}
body.dark-mode .innerDash_tabs .nav-tabs .nav-link {background-color: var(--bg-light-purple);color: var(--text-body-clr);}
body.dark-mode .innerDash_tabs .nav-tabs .nav-link.active {background-color: var(--primary);color: var(--white);}
body.dark-mode .rowAi-prompt-dash .cmnBx-item.overview-item {background-color: var(--card-bg);}
body.dark-mode .rowAi-prompt-dash .cmnBx-item.overview-item.overview-item-1, .rowAi-prompt-dash .cmnBx-item.overview-item.overview-item-2 {border-top-color: #4d73ff;}
body.dark-mode .rowAi-prompt-dash .cmnBx-item.overview-item.overview-item-3 {border-top-color: #facc15;}
body.dark-mode .rowAi-prompt-dash .cmnBx-item.overview-item.overview-item-4 {border-top-color: #4ade80;}
body.dark-mode .rowAi-prompt-dash .cmnBx-item.overview-item.overview-item-5 {border-top-color: #f87171;}
body.dark-mode .cardTitle {border-bottom-color: var(--border);}
body.dark-mode .sentiment-bar {background: #343a40;}
body.dark-mode .positive-bar {background-color: #20c997;}
body.dark-mode .neutral-bar {background-color: #6c757d;}
body.dark-mode .negative-bar {background-color: #f05252;}
body.dark-mode .platformLine .positive-bar-1 {background: color-mix( in oklab, #ff4d61 60%, transparent );}
body.dark-mode .platformLine .positive-bar-2 {background: color-mix( in oklab, #f2b84b 70%, transparent );}
body.dark-mode .platformLine .positive-bar-3 {background: color-mix( in oklab, #35b875 60%, transparent );}
body.dark-mode .platformLine .positive-bar-4 {background: var(--primary) !important;}
body.dark-mode .threads-table {color: var(--text-body-clr);}
body.dark-mode .threads-table thead tr td {background-color: var(--border);color: var(--white);}
body.dark-mode .threads-table tbody tr td {border-color: var(--border);}
body.dark-mode .threads-table-quora {background-color: var(--border);color: var(--text-body-clr);}
body.dark-mode .tble-threads-1 {color: #ff7b7b;background-color: rgba(185, 43, 39, 0.18);}
body.dark-mode .tble-threads-2 {color: #4ade80;background-color: rgba(0, 171, 108, 0.18);}
body.dark-mode .tble-threads-3 {color: #ff7043;background-color: rgba(255, 69, 0, 0.18);}
body.dark-mode .tble-threads-4 {color: #cbd5e1;background-color: rgba(54, 70, 93, 0.35);}
body.dark-mode .dashGeo-group input[type="range"] {accent-color: var(--primary);}



/* ==========================================================================
   LOGO GRADIENT LAYER - DARK MODE
   Same cyan -> blue -> indigo sweep, lifted in lightness so it holds up
   against the dark navy surfaces.
   ========================================================================== */

body.dark-mode {
    --brand-cyan: #22D3E0;
    --brand-blue: #4A8DE0;
    --brand-indigo: #7B5CE0;

    --grad-brand: linear-gradient(96deg,
        #22D3E0 0%,
        #3AA5E4 24%,
        #4A8DE0 50%,
        #6A6FE2 76%,
        #7B5CE0 100%);

    --grad-brand-rev: linear-gradient(96deg,
        #7B5CE0 0%,
        #6A6FE2 24%,
        #4A8DE0 50%,
        #3AA5E4 76%,
        #22D3E0 100%);

    --grad-brand-tint: linear-gradient(96deg,
        rgba(34, 211, 224, 0.14) 0%,
        rgba(74, 141, 224, 0.14) 50%,
        rgba(123, 92, 224, 0.14) 100%);
}

body.dark-mode .btn-primary,
body.dark-mode .reportingPrimary-btn,
body.dark-mode .section-bg-primary,
body.dark-mode .dashboardLogo,
body.dark-mode .head-dot,
body.dark-mode .searchBtn.btn-primary,
body.dark-mode .pricing-tab-section .nav-tabs .nav-item.show .nav-link,
body.dark-mode .pricing-tab-section .nav-tabs .nav-link.active,
body.dark-mode .innerDash_tabs .nav-tabs .nav-link.active,
body.dark-mode .engine-brandProgress .progress .progress-bar,
body.dark-mode .platformLine .positive-bar-4,
body.dark-mode .loader-line span,
body.dark-mode .blog-details-wrap ul li:before {
    background-image: var(--grad-brand);
    background-repeat: no-repeat;
    background-size: cover;
}

body.dark-mode .ranking-list .list-block-item:first-child .progressBar .progress .progress-bar {
    background-image: var(--grad-brand);
    background-repeat: no-repeat;
    background-size: cover;
}

body.dark-mode .btn-primary:hover,
body.dark-mode .reportingPrimary-btn:hover {
    background-image: var(--grad-brand-rev);
    border-color: var(--brand-cyan);
    color: #fff;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    body.dark-mode .brand-text {
        background-image: var(--grad-brand);
        background-size: 100% 100%;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

body.dark-mode .sectionLbl {
    background-image: var(--grad-brand-tint);
    border-color: rgba(74, 141, 224, 0.40);
}

body.dark-mode .reporting-list li:first-child .reposrtingLbl,
body.dark-mode .pricingLbl,
body.dark-mode .blog-top .reposrtingLbl {
    background-image: var(--grad-brand-tint);
}

body.dark-mode .border-primary-clr {
    border-color: var(--brand-blue);
}

body.dark-mode .spinner {
    border: 0;
    background: conic-gradient(from 0deg, #22D3E0, #4A8DE0, #7B5CE0, #22D3E0);
}