/* ============================================================
   CODSHIPX AI CRM R30-R2
   Icon alignment + semantic brand accents + topbar polish
   No DOM observer / isolated overrides only
============================================================ */

/* ------------------------------------------------------------
   CHILD NAV ICON FIT + CLEAN ALIGNMENT
------------------------------------------------------------ */

.rail-nav .cxr29-child{
    align-items:center !important;
    gap:13px !important;
}

.rail-nav .cxr29-child::before{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
    flex:0 0 40px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    overflow:hidden !important;
    padding:0 !important;
    margin:0 !important;

    font-size:19px !important;
    line-height:1 !important;
    text-indent:0 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;

    background-size:18px 18px !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
}

.rail-nav .cxr29-child > span:last-child{
    display:flex !important;
    align-items:center !important;
    min-height:40px !important;
}

/* child icon stability if inner icon element exists */
.rail-nav .cxr29-child svg,
.rail-nav .cxr29-child i,
.rail-nav .cxr29-child .nav-icon{
    width:18px !important;
    height:18px !important;
    font-size:18px !important;
    line-height:1 !important;
}

/* active child tighter / cleaner */
.rail-nav .cxr29-child.active,
.rail-nav .cxr29-child.is-active,
.rail-nav .cxr29-child[aria-current="page"]{
    border-color:rgba(163,230,53,.30) !important;
    box-shadow:
        inset 3px 0 0 #a3e635,
        inset 0 1px 0 rgba(255,255,255,.06),
        0 8px 22px rgba(0,10,27,.18) !important;
}

.rail-nav .cxr29-child.active::before,
.rail-nav .cxr29-child.is-active::before,
.rail-nav .cxr29-child[aria-current="page"]::before{
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 0 0 3px rgba(163,230,53,.03),
        0 6px 16px rgba(0,10,27,.15) !important;
}

/* ------------------------------------------------------------
   MAIN NAV — semantic brand accents
------------------------------------------------------------ */

.rail-nav > button{
    position:relative !important;
}

.rail-nav > button .nav-icon{
    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease !important;
}

.rail-nav > button > span:last-child,
.rail-nav > button .nav-label{
    transition:
        color .18s ease,
        text-shadow .18s ease !important;
}

/* AI Center */
.rail-nav > button.cxr30-ai-center .nav-icon{
    color:#8fd8ff !important;
    background:
        radial-gradient(circle at 30% 20%, rgba(135,222,255,.16), transparent 42%),
        linear-gradient(145deg, rgba(28,52,89,.98), rgba(18,34,65,.98)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(117,207,255,.20),
        0 6px 15px rgba(17,36,66,.14) !important;
}

.rail-nav > button.cxr30-ai-center > span:last-child,
.rail-nav > button.cxr30-ai-center .nav-label{
    color:#d5ecff !important;
}

.rail-nav > button.cxr30-ai-center.active{
    border-color:rgba(117,207,255,.30) !important;
    background:
        radial-gradient(circle at 88% 50%, rgba(117,207,255,.10), transparent 45%),
        linear-gradient(135deg, rgba(14,35,63,.98), rgba(10,27,50,.98)) !important;
    box-shadow:
        inset 3px 0 0 #75cfff,
        0 9px 22px rgba(7,18,38,.18) !important;
}

.rail-nav > button.cxr30-ai-center.active .nav-icon{
    color:#c7f0ff !important;
    box-shadow:
        inset 0 0 0 1px rgba(147,223,255,.26),
        0 8px 18px rgba(24,53,96,.18) !important;
}

/* Analytics */
.rail-nav > button.cxr30-analytics .nav-icon{
    color:#cbbcff !important;
    background:
        radial-gradient(circle at 30% 20%, rgba(208,188,255,.14), transparent 42%),
        linear-gradient(145deg, rgba(39,42,93,.98), rgba(24,27,72,.98)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(203,188,255,.18),
        0 6px 15px rgba(18,25,61,.14) !important;
}

.rail-nav > button.cxr30-analytics > span:last-child,
.rail-nav > button.cxr30-analytics .nav-label{
    color:#e4ddff !important;
}

.rail-nav > button.cxr30-analytics.active{
    border-color:rgba(203,188,255,.28) !important;
    background:
        radial-gradient(circle at 88% 50%, rgba(203,188,255,.09), transparent 45%),
        linear-gradient(135deg, rgba(26,29,78,.98), rgba(18,22,62,.98)) !important;
    box-shadow:
        inset 3px 0 0 #cbbcff,
        0 9px 22px rgba(15,20,54,.18) !important;
}

/* CRM */
.rail-nav > button.cxr30-crm .nav-icon{
    color:#b9c6d9 !important;
}

/* Commercial */
.rail-nav > button.cxr30-commercial .nav-icon{
    color:#c8f56c !important;
}

/* ------------------------------------------------------------
   TOPBAR SEARCH / KBD
------------------------------------------------------------ */

.global-search{
    border-radius:17px !important;
    min-width:340px !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(163,230,53,.07), transparent 26%),
        linear-gradient(180deg, rgba(255,255,255,.99), rgba(247,250,253,.98)) !important;
}

.global-search input{
    font-size:12.8px !important;
    font-weight:700 !important;
    letter-spacing:-.08px !important;
}

.global-search kbd{
    min-width:40px !important;
    height:30px !important;
    padding:0 8px !important;
    color:#617188 !important;
    border-radius:10px !important;
    border:1px solid #d9e1ea !important;
    background:
        linear-gradient(180deg, #ffffff, #f2f5f9) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.98),
        0 3px 8px rgba(14,35,67,.06) !important;
    font-size:10.5px !important;
    font-weight:850 !important;
}

/* ------------------------------------------------------------
   TOPBAR CTA — login / ask codi same family
------------------------------------------------------------ */

.topbar .cxr30-top-login,
.topbar .cxr30-top-ask-codi,
.topbar .codi-mini{
    height:50px !important;
    padding:0 18px !important;
    border-radius:16px !important;
    border:1px solid rgba(146,198,43,.32) !important;
    color:#243c0d !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(172,228,67,.20), transparent 42%),
        linear-gradient(135deg, #f7fce9, #eef8da) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        0 7px 18px rgba(107,157,25,.08) !important;
    font-weight:850 !important;
    letter-spacing:-.08px !important;
}

.topbar .cxr30-top-login:hover,
.topbar .cxr30-top-ask-codi:hover,
.topbar .codi-mini:hover{
    transform:translateY(-1px) !important;
    border-color:rgba(135,190,28,.48) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.98),
        0 10px 24px rgba(108,156,25,.12) !important;
}

.topbar .cxr30-top-login svg,
.topbar .cxr30-top-ask-codi svg,
.topbar .codi-mini svg{
    width:16px !important;
    height:16px !important;
}

/* slight premium accent for bell */
.round-button{
    border-radius:16px !important;
}

/* ------------------------------------------------------------
   PAGE IDENT refinement
------------------------------------------------------------ */

.page-ident strong{
    letter-spacing:-.38px !important;
}

.page-ident small{
    opacity:.96 !important;
}

/* ------------------------------------------------------------
   RESPONSIVE
------------------------------------------------------------ */

@media (max-width:960px){
    .global-search{
        min-width:260px !important;
    }
}

@media (max-width:760px){
    .global-search{
        min-width:0 !important;
    }
}

/* CODSHIPX_AI_CRM_R30_R2_ICON_BRAND_TOPBAR_END */