/* * CODSHIPX AI CRM R33-R2 * Email page account filter label + stronger Commercial false-active reset. */ body.cx-r33-email-page .cx-r33-commercial-force-off, body.cx-r33-email-page .cx-r33-commercial-force-off:hover, body.cx-r33-email-page .cx-r33-commercial-force-off:focus { background: rgba(8, 35, 62, 0.76) !important; border-color: rgba(120, 150, 180, 0.18) !important; box-shadow: none !important; outline: none !important; filter: none !important; } body.cx-r33-email-page .cx-r33-commercial-force-off::before, body.cx-r33-email-page .cx-r33-commercial-force-off::after { box-shadow: none !important; border-color: transparent !important; opacity: 0 !important; } body.cx-r33-email-page .cx-r33-commercial-force-off svg, body.cx-r33-email-page .cx-r33-commercial-force-off [class*="icon"] { color: #8ea7be !important; stroke: currentColor !important; box-shadow: none !important; } body.cx-r33-email-page .cx-r33-commercial-force-off * { box-shadow: none !important; } body.cx-r33-email-page .cx-r33-provider-safe { flex: 0 0 auto !important; min-width: max-content !important; max-width: none !important; margin-right: 14px !important; transform: translateX(-8px) !important; overflow: visible !important; z-index: 5 !important; } body.cx-r33-email-page .cx-r33-provider-safe-parent { overflow: visible !important; min-width: 0 !important; padding-right: 10px !important; } body.cx-r33-email-page .cx-r33-provider-safe img, body.cx-r33-email-page .cx-r33-provider-safe svg { flex-shrink: 0 !important; object-fit: contain !important; } /* top account filter readability */ body.cx-r33-email-page .cx-r33-account-filter-control { min-width: 0 !important; overflow: visible !important; } body.cx-r33-email-page .cx-r33-account-filter-label { display: inline-block !important; max-width: 180px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; vertical-align: middle !important; } /* ========================================================= CODSHIPX AI CRM R33-R5 TRUE SINGLE SELECTION AUTHORITY Expanded/open suites remain visually neutral. Only cxr29-suite-active is allowed premium green styling. ========================================================= */ .cxr33-suite-inactive, .cxr33-suite-inactive:hover, .cxr33-suite-inactive:focus-within { background: rgba(8, 35, 62, 0.76) !important; border-color: rgba(117, 151, 181, 0.18) !important; outline: none !important; box-shadow: none !important; filter: none !important; } .cxr33-suite-inactive::before, .cxr33-suite-inactive::after { opacity: 0 !important; box-shadow: none !important; border-color: transparent !important; } .cxr33-suite-inactive > button, .cxr33-suite-inactive > a, .cxr33-suite-inactive [role="button"] { background: transparent !important; border-color: transparent !important; outline: none !important; box-shadow: none !important; filter: none !important; } .cxr33-suite-inactive > button::before, .cxr33-suite-inactive > button::after, .cxr33-suite-inactive > a::before, .cxr33-suite-inactive > a::after { opacity: 0 !important; box-shadow: none !important; } .cxr33-suite-inactive svg, .cxr33-suite-inactive .app-icon { filter: none !important; box-shadow: none !important; } /* * Even if React later reapplies an old .active / .is-active * class to an INACTIVE suite, native R33-R5 authority wins. */ .cxr33-suite-inactive.active, .cxr33-suite-inactive.is-active, .cxr33-suite-inactive[aria-current], .cxr33-suite-inactive[aria-selected="true"] { background: rgba(8, 35, 62, 0.76) !important; border-color: rgba(117, 151, 181, 0.18) !important; box-shadow: none !important; outline: none !important; } /* ========================================================= CODSHIPX AI CRM R33-R6-R1 FINAL SINGLE SUITE VISUAL AUTHORITY ========================================================= */ body[data-cxr33-active-suite="communications"] .rail-nav > button[data-nav="Commercial Intelligence"], body[data-cxr33-active-suite="communications"] .rail-nav > button[data-nav="AI Center"] { background: rgba(8,35,62,.76) !important; border-color: rgba(117,151,181,.18) !important; box-shadow: none !important; outline: none !important; filter: none !important; } body[data-cxr33-active-suite="communications"] .rail-nav > button[data-nav="Commercial Intelligence"]::before, body[data-cxr33-active-suite="communications"] .rail-nav > button[data-nav="Commercial Intelligence"]::after { opacity: 0 !important; background: transparent !important; box-shadow: none !important; } body[data-cxr33-active-suite="communications"] .rail-nav > button[data-nav="Commercial Intelligence"] .nav-icon { box-shadow: none !important; filter: none !important; } body[data-cxr33-active-suite="commercial"] .rail-nav > button[data-nav="Communications"], body[data-cxr33-active-suite="commercial"] .rail-nav > button[data-nav="AI Center"] { background: rgba(8,35,62,.76) !important; border-color: rgba(117,151,181,.18) !important; box-shadow: none !important; } body[data-cxr33-active-suite="ai-center"] .rail-nav > button[data-nav="Communications"], body[data-cxr33-active-suite="ai-center"] .rail-nav > button[data-nav="Commercial Intelligence"] { background: rgba(8,35,62,.76) !important; border-color: rgba(117,151,181,.18) !important; box-shadow: none !important; } /* ========================================================= CODSHIPX AI CRM R34-R1 SOURCE-AUTHORITATIVE EMAIL PROVIDER IDENTITY No DOM text replacement helper required. ========================================================= */ .cx22-thread-provider { min-width: 0 !important; } .cx22-thread-provider > span { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; gap: 7px !important; max-width: min(320px, 100%) !important; min-width: 0 !important; overflow: visible !important; } .cx22-thread-provider > span > svg, .cx22-thread-provider > span > img { flex: 0 0 auto !important; } .cx22-thread-provider > span > b { display: block !important; max-width: 230px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } @media (max-width: 700px) { .cx22-thread-provider > span { max-width: 210px !important; } .cx22-thread-provider > span > b { max-width: 165px !important; } } /* ========================================================= CODSHIPX AI CRM R34-R2 FINAL VISUAL CORRECTIVE 1) Email/thread provider pill icon clipping 2) Commercial false-selected visual when Communications child is active ========================================================= */ /* ------------------------- A. Email provider pill ------------------------- */ .cx22-thread-provider { min-width: 0 !important; overflow: visible !important; } .cx22-thread-provider > span { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; min-width: 0 !important; max-width: min(340px, 100%) !important; padding-inline: 6px !important; overflow: visible !important; } .cx22-thread-provider > span > :first-child { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; flex: 0 0 18px !important; overflow: visible !important; box-sizing: content-box !important; } .cx22-thread-provider > span > svg, .cx22-thread-provider > span > img { display: block !important; width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; flex: 0 0 18px !important; overflow: visible !important; } .cx22-thread-provider > span > b { display: block !important; flex: 1 1 auto !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; line-height: 1.2 !important; } @media (max-width: 700px) { .cx22-thread-provider > span { max-width: 220px !important; } .cx22-thread-provider > span > b { max-width: 170px !important; } } /* ------------------------- B. Communications active -> Commercial must stay neutral ------------------------- */ body:has(.rail-nav .cxr29-child[data-cxr29-suite="communications"].active) .rail-nav > button[data-nav="Commercial Intelligence"], body:has(.rail-nav .cxr29-child[data-cxr29-suite="communications"].is-active) .rail-nav > button[data-nav="Commercial Intelligence"], body:has(.rail-nav .cxr29-child[data-cxr29-suite="communications"][aria-current]) .rail-nav > button[data-nav="Commercial Intelligence"], body:has(.rail-nav .cxr29-child[data-cxr29-suite="communications"][aria-selected="true"]) .rail-nav > button[data-nav="Commercial Intelligence"], body:has(.rail-nav > button[data-nav="Communications"].cxr29-suite-active) .rail-nav > button[data-nav="Commercial Intelligence"], body:has(.rail-nav > button[data-nav="Communications"].cxr33-suite-authoritative-active) .rail-nav > button[data-nav="Commercial Intelligence"] { background: rgba(8,35,62,.76) !important; border-color: rgba(117,151,181,.18) !important; box-shadow: none !important; outline: none !important; filter: none !important; } body:has(.rail-nav .cxr29-child[data-cxr29-suite="communications"].active) .rail-nav > button[data-nav="Commercial Intelligence"]::before, body:has(.rail-nav .cxr29-child[data-cxr29-suite="communications"].is-active) .rail-nav > button[data-nav="Commercial Intelligence"]::before, body:has(.rail-nav .cxr29-child[data-cxr29-suite="communications"][aria-current]) .rail-nav > button[data-nav="Commercial Intelligence"]::before, body:has(.rail-nav .cxr29-child[data-cxr29-suite="communications"][aria-selected="true"]) .rail-nav > button[data-nav="Commercial Intelligence"]::before, body:has(.rail-nav > button[data-nav="Communications"].cxr29-suite-active) .rail-nav > button[data-nav="Commercial Intelligence"]::before, body:has(.rail-nav > button[data-nav="Communications"].cxr33-suite-authoritative-active) .rail-nav > button[data-nav="Commercial Intelligence"]::before, body:has(.rail-nav .cxr29-child[data-cxr29-suite="communications"].active) .rail-nav > button[data-nav="Commercial Intelligence"]::after, body:has(.rail-nav .cxr29-child[data-cxr29-suite="communications"].is-active) .rail-nav > button[data-nav="Commercial Intelligence"]::after, body:has(.rail-nav .cxr29-child[data-cxr29-suite="communications"][aria-current]) .rail-nav > button[data-nav="Commercial Intelligence"]::after, body:has(.rail-nav .cxr29-child[data-cxr29-suite="communications"][aria-selected="true"]) .rail-nav > button[data-nav="Commercial Intelligence"]::after, body:has(.rail-nav > button[data-nav="Communications"].cxr29-suite-active) .rail-nav > button[data-nav="Commercial Intelligence"]::after, body:has(.rail-nav > button[data-nav="Communications"].cxr33-suite-authoritative-active) .rail-nav > button[data-nav="Commercial Intelligence"]::after { opacity: 0 !important; background: transparent !important; box-shadow: none !important; border-color: transparent !important; } body:has(.rail-nav .cxr29-child[data-cxr29-suite="communications"].active) .rail-nav > button[data-nav="Commercial Intelligence"] .nav-icon, body:has(.rail-nav .cxr29-child[data-cxr29-suite="communications"].is-active) .rail-nav > button[data-nav="Commercial Intelligence"] .nav-icon, body:has(.rail-nav .cxr29-child[data-cxr29-suite="communications"][aria-current]) .rail-nav > button[data-nav="Commercial Intelligence"] .nav-icon, body:has(.rail-nav .cxr29-child[data-cxr29-suite="communications"][aria-selected="true"]) .rail-nav > button[data-nav="Commercial Intelligence"] .nav-icon, body:has(.rail-nav > button[data-nav="Communications"].cxr29-suite-active) .rail-nav > button[data-nav="Commercial Intelligence"] .nav-icon, body:has(.rail-nav > button[data-nav="Communications"].cxr33-suite-authoritative-active) .rail-nav > button[data-nav="Commercial Intelligence"] .nav-icon, body:has(.rail-nav .cxr29-child[data-cxr29-suite="communications"].active) .rail-nav > button[data-nav="Commercial Intelligence"] .cxr29-parent-chevron, body:has(.rail-nav .cxr29-child[data-cxr29-suite="communications"].is-active) .rail-nav > button[data-nav="Commercial Intelligence"] .cxr29-parent-chevron, body:has(.rail-nav .cxr29-child[data-cxr29-suite="communications"][aria-current]) .rail-nav > button[data-nav="Commercial Intelligence"] .cxr29-parent-chevron, body:has(.rail-nav .cxr29-child[data-cxr29-suite="communications"][aria-selected="true"]) .rail-nav > button[data-nav="Commercial Intelligence"] .cxr29-parent-chevron, body:has(.rail-nav > button[data-nav="Communications"].cxr29-suite-active) .rail-nav > button[data-nav="Commercial Intelligence"] .cxr29-parent-chevron, body:has(.rail-nav > button[data-nav="Communications"].cxr33-suite-authoritative-active) .rail-nav > button[data-nav="Commercial Intelligence"] .cxr29-parent-chevron { box-shadow: none !important; filter: none !important; } /* ========================================================= CODSHIPX AI CRM R34-R3 COMMERCIAL INACTIVE ICON AUTHORITY When Communications owns the active suite, Commercial must look fully inactive — including its icon tile. ========================================================= */ body[data-cxr33-active-suite="communications"] .rail-nav > button[data-nav="Commercial Intelligence"] .nav-icon, body:has( .rail-nav .cxr29-child[data-cxr29-suite="communications"].active ) .rail-nav > button[data-nav="Commercial Intelligence"] .nav-icon, body:has( .rail-nav .cxr29-child[data-cxr29-suite="communications"].is-active ) .rail-nav > button[data-nav="Commercial Intelligence"] .nav-icon, body:has( .rail-nav .cxr29-child[data-cxr29-suite="communications"][aria-current] ) .rail-nav > button[data-nav="Commercial Intelligence"] .nav-icon { color: #8ea7be !important; background: rgba(14, 50, 80, 0.82) !important; border-color: rgba(105, 151, 188, 0.28) !important; box-shadow: none !important; filter: none !important; } body[data-cxr33-active-suite="communications"] .rail-nav > button[data-nav="Commercial Intelligence"] .nav-icon svg, body[data-cxr33-active-suite="communications"] .rail-nav > button[data-nav="Commercial Intelligence"] .nav-icon .app-icon, body:has( .rail-nav .cxr29-child[data-cxr29-suite="communications"].active ) .rail-nav > button[data-nav="Commercial Intelligence"] .nav-icon svg, body:has( .rail-nav .cxr29-child[data-cxr29-suite="communications"].is-active ) .rail-nav > button[data-nav="Commercial Intelligence"] .nav-icon svg, body:has( .rail-nav .cxr29-child[data-cxr29-suite="communications"][aria-current] ) .rail-nav > button[data-nav="Commercial Intelligence"] .nav-icon svg { color: #8ea7be !important; stroke: currentColor !important; filter: none !important; box-shadow: none !important; } /* * Analytics icon paths use currentColor. * Force inherited inactive color without altering geometry. */ body[data-cxr33-active-suite="communications"] .rail-nav > button[data-nav="Commercial Intelligence"] .nav-icon svg *, body:has( .rail-nav .cxr29-child[data-cxr29-suite="communications"].active ) .rail-nav > button[data-nav="Commercial Intelligence"] .nav-icon svg *, body:has( .rail-nav .cxr29-child[data-cxr29-suite="communications"].is-active ) .rail-nav > button[data-nav="Commercial Intelligence"] .nav-icon svg * { stroke: currentColor !important; filter: none !important; } /* inactive Commercial chevron */ body[data-cxr33-active-suite="communications"] .rail-nav > button[data-nav="Commercial Intelligence"] .cxr29-parent-chevron, body:has( .rail-nav .cxr29-child[data-cxr29-suite="communications"].active ) .rail-nav > button[data-nav="Commercial Intelligence"] .cxr29-parent-chevron { color: #7891a9 !important; background: rgba(21, 58, 90, 0.72) !important; box-shadow: none !important; }