/* ============================================================
 CODSHIPX AI CRM R31-R3
 SUBMENU TOPBAR SINGLE VISUAL AUTHORITY

 React may still render its normal main-module text underneath.
 While a supported R29 child view is active, that text is hidden
 and one body-level canonical state owns what the user sees.
============================================================ */


/* ------------------------------------------------------------
 Base lock
------------------------------------------------------------ */

body[data-cx-r31-topbar-state]
.page-ident{
    position:relative !important;

    min-width:330px !important;
    min-height:38px !important;
}


/*
 Keep React nodes in layout but make them visually unavailable
 while the submenu state lock is active.
*/

body[data-cx-r31-topbar-state]
.page-ident > small,

body[data-cx-r31-topbar-state]
.page-ident > strong{
    visibility:hidden !important;
}


/* canonical breadcrumb */

body[data-cx-r31-topbar-state]
.page-ident::before{
    position:absolute !important;

    left:0 !important;
    top:0 !important;

    display:block !important;

    color:#8c98aa !important;

    font-size:10.5px !important;
    line-height:1.15 !important;

    font-weight:750 !important;

    letter-spacing:.75px !important;

    text-transform:uppercase !important;

    white-space:nowrap !important;
}


/* canonical title */

body[data-cx-r31-topbar-state]
.page-ident::after{
    position:absolute !important;

    left:0 !important;
    top:17px !important;

    display:block !important;

    color:#152039 !important;

    font-size:15.5px !important;
    line-height:1.2 !important;

    font-weight:800 !important;

    letter-spacing:-.15px !important;

    white-space:nowrap !important;
}


/* ============================================================
 COMMERCIAL
============================================================ */

body[
data-cx-r31-topbar-state="commercial-opportunities"
]
.page-ident::before{
    content:
        "CODSHIPX AI / COMMERCIAL / OPPORTUNITIES" !important;
}

body[
data-cx-r31-topbar-state="commercial-opportunities"
]
.page-ident::after{
    content:
        "Sales pipeline & forecast" !important;
}



body[
data-cx-r31-topbar-state="commercial-support"
]
.page-ident::before{
    content:
        "CODSHIPX AI / COMMERCIAL / SUPPORT CENTER" !important;
}

body[
data-cx-r31-topbar-state="commercial-support"
]
.page-ident::after{
    content:
        "Tickets, ownership & SLA operations" !important;
}



body[
data-cx-r31-topbar-state="commercial-automations"
]
.page-ident::before{
    content:
        "CODSHIPX AI / COMMERCIAL / AUTOMATION V2" !important;
}

body[
data-cx-r31-topbar-state="commercial-automations"
]
.page-ident::after{
    content:
        "Event-driven workflow automation" !important;
}



body[
data-cx-r31-topbar-state="commercial-analytics"
]
.page-ident::before{
    content:
        "CODSHIPX AI / COMMERCIAL / ANALYTICS V2" !important;
}

body[
data-cx-r31-topbar-state="commercial-analytics"
]
.page-ident::after{
    content:
        "Sales, support & automation intelligence" !important;
}


/* ============================================================
 COMMUNICATIONS
============================================================ */

body[
data-cx-r31-topbar-state="communications-email"
]
.page-ident::before{
    content:
        "CODSHIPX AI / COMMUNICATIONS / EMAIL" !important;
}

body[
data-cx-r31-topbar-state="communications-email"
]
.page-ident::after{
    content:
        "Email conversations & provider messaging" !important;
}



body[
data-cx-r31-topbar-state="communications-calendar"
]
.page-ident::before{
    content:
        "CODSHIPX AI / COMMUNICATIONS / CALENDAR" !important;
}

body[
data-cx-r31-topbar-state="communications-calendar"
]
.page-ident::after{
    content:
        "Meetings & provider calendars" !important;
}



body[
data-cx-r31-topbar-state="communications-omnichannel"
]
.page-ident::before{
    content:
        "CODSHIPX AI / COMMUNICATIONS / OMNICHANNEL" !important;
}

body[
data-cx-r31-topbar-state="communications-omnichannel"
]
.page-ident::after{
    content:
        "Unified customer timeline" !important;
}



body[
data-cx-r31-topbar-state="communications-connections"
]
.page-ident::before{
    content:
        "CODSHIPX AI / COMMUNICATIONS / CONNECTIONS" !important;
}

body[
data-cx-r31-topbar-state="communications-connections"
]
.page-ident::after{
    content:
        "Google & Microsoft provider connections" !important;
}


/* ------------------------------------------------------------
 Smaller screens
------------------------------------------------------------ */

@media(max-width:760px){

    body[data-cx-r31-topbar-state]
    .page-ident{
        min-width:0 !important;
    }

    body[data-cx-r31-topbar-state]
    .page-ident::before,

    body[data-cx-r31-topbar-state]
    .page-ident::after{
        max-width:calc(100vw - 100px) !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }
}


/* CODSHIPX_AI_CRM_R31_R3_TOPBAR_STATE_AUTHORITY_CSS_END */