/* ============================================================
   CODSHIPX AI CRM R30-R2-R1
   Micro polish
   - smaller sub tabs
   - selected icon stays visible
   - AI Center distinct from Analytics
   - topbar search / kbd / CTA refinement
============================================================ */

/* ------------------------------------------------------------
   CHILD SUB TABS — smaller + cleaner
------------------------------------------------------------ */

.rail-nav .cxr29-submenu{
    padding-top:2px !important;
    padding-bottom:4px !important;
}

.rail-nav .cxr29-child{
    min-height:48px !important;
    margin:4px 0 !important;
    padding:7px 11px !important;
    gap:11px !important;
    border-radius:14px !important;
}

.rail-nav .cxr29-child::before{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
    flex:0 0 34px !important;
    border-radius:11px !important;
    font-size:15px !important;
    line-height:34px !important;
    overflow:visible !important;
    opacity:1 !important;
    transform:none !important;
    text-align:center !important;
    text-indent:0 !important;
    filter:none !important;
}

.rail-nav .cxr29-child > span:last-child{
    min-height:34px !important;
    font-size:12px !important;
    font-weight:790 !important;
    letter-spacing:-.06px !important;
}

/* normal child state */
.rail-nav .cxr29-child{
    color:#c7d2e2 !important;
}

.rail-nav .cxr29-child::before{
    color:#9cdf25 !important;
    border-color:rgba(119,156,205,.20) !important;
    background:
        linear-gradient(145deg, rgba(16,37,71,.98), rgba(8,24,50,.98)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 4px 12px rgba(0,8,24,.14) !important;
}

.rail-nav .cxr29-child > span:last-child{
    color:#d3dbea !important;
}

/* hover */
.rail-nav .cxr29-child:hover{
    transform:translateX(1px) !important;
}

.rail-nav .cxr29-child:hover::before{
    color:#b5ef48 !important;
    border-color:rgba(166,228,65,.28) !important;
}

/* active child — keep icon visible */
.rail-nav .cxr29-child.active,
.rail-nav .cxr29-child.is-active,
.rail-nav .cxr29-child[aria-current="page"]{
    background:
        radial-gradient(circle at 100% 0%, rgba(164,230,53,.10), transparent 42%),
        linear-gradient(135deg, #112848 0%, #0d2240 52%, #0a1c35 100%) !important;
    border-color:rgba(165,228,66,.26) !important;
    box-shadow:
        inset 3px 0 0 #a3e635,
        inset 0 1px 0 rgba(255,255,255,.05),
        0 8px 20px rgba(0,10,27,.16) !important;
}

.rail-nav .cxr29-child.active::before,
.rail-nav .cxr29-child.is-active::before,
.rail-nav .cxr29-child[aria-current="page"]::before{
    color:#ccf56b !important;
    opacity:1 !important;
    border-color:rgba(183,236,81,.38) !important;
    background:
        radial-gradient(circle at 30% 18%, rgba(195,243,101,.14), transparent 38%),
        linear-gradient(145deg, rgba(27,55,84,.98), rgba(10,31,55,.98)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 0 0 3px rgba(163,230,53,.035),
        0 5px 14px rgba(0,10,27,.16) !important;
}

.rail-nav .cxr29-child.active > span:last-child,
.rail-nav .cxr29-child.is-active > span:last-child,
.rail-nav .cxr29-child[aria-current="page"] > span:last-child{
    color:#ffffff !important;
    text-shadow:0 1px 10px rgba(255,255,255,.04) !important;
}

/* ------------------------------------------------------------
   MAIN NAV — AI Center vs Analytics clearly different
------------------------------------------------------------ */

.rail-nav > button.cxr30-ai-center .nav-icon{
    color:#87deff !important;
    background:
        radial-gradient(circle at 30% 18%, rgba(135,222,255,.19), transparent 44%),
        linear-gradient(145deg, rgba(21,48,87,.98), rgba(11,29,54,.98)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(124,214,255,.24),
        0 6px 16px rgba(14,34,67,.16) !important;
}

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

.rail-nav > button.cxr30-ai-center.active{
    background:
        radial-gradient(circle at 92% 50%, rgba(124,214,255,.11), transparent 43%),
        linear-gradient(135deg, rgba(15,35,63,.98), rgba(9,26,49,.98)) !important;
    border-color:rgba(124,214,255,.28) !important;
    box-shadow:
        inset 3px 0 0 #7cd6ff,
        0 8px 21px rgba(6,18,36,.18) !important;
}

.rail-nav > button.cxr30-ai-center.active .nav-icon{
    color:#d8f4ff !important;
}

/* analytics distinct purple */
.rail-nav > button.cxr30-analytics .nav-icon{
    color:#d3c2ff !important;
    background:
        radial-gradient(circle at 30% 18%, rgba(211,194,255,.17), transparent 44%),
        linear-gradient(145deg, rgba(42,40,94,.98), rgba(22,23,68,.98)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(209,193,255,.22),
        0 6px 16px rgba(20,18,58,.16) !important;
}

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

.rail-nav > button.cxr30-analytics.active{
    background:
        radial-gradient(circle at 92% 50%, rgba(211,194,255,.10), transparent 43%),
        linear-gradient(135deg, rgba(30,28,80,.98), rgba(18,20,61,.98)) !important;
    border-color:rgba(211,194,255,.24) !important;
    box-shadow:
        inset 3px 0 0 #d3c2ff,
        0 8px 21px rgba(17,16,50,.18) !important;
}

.rail-nav > button.cxr30-analytics.active .nav-icon{
    color:#efe8ff !important;
}

/* ------------------------------------------------------------
   TOPBAR SEARCH / KBD / CTA — fresh refinement
------------------------------------------------------------ */

.global-search{
    width:clamp(320px, 30vw, 470px) !important;
    min-width:320px !important;
    height:52px !important;
    padding:0 12px 0 14px !important;
    gap:10px !important;
    border-radius:18px !important;
    border:1px solid #d8e1ea !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(163,230,53,.08), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.99), rgba(247,249,252,.98)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.96),
        0 6px 18px rgba(16,40,73,.05) !important;
}

.global-search:hover{
    border-color:#cdd8e4 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.98),
        0 8px 20px rgba(16,40,73,.07) !important;
}

.global-search:focus-within{
    border-color:rgba(147,199,42,.52) !important;
    box-shadow:
        0 0 0 4px rgba(163,230,53,.08),
        0 8px 22px rgba(16,40,73,.08) !important;
}

.global-search input{
    color:#7f90a7 !important;
    font-size:12.8px !important;
    font-weight:760 !important;
    letter-spacing:-.06px !important;
}

.global-search input::placeholder{
    color:#93a1b5 !important;
    opacity:1 !important;
}

.global-search kbd{
    min-width:42px !important;
    height:31px !important;
    padding:0 9px !important;
    border-radius:11px !important;
    border:1px solid #d8e1ea !important;
    color:#65758d !important;
    background:
        linear-gradient(180deg, #ffffff, #f2f6f9) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.98),
        0 3px 8px rgba(13,34,67,.055) !important;
    font-size:10.5px !important;
    font-weight:850 !important;
    letter-spacing:.02em !important;
}

/* login / ask codi same family but fresher */
.topbar .cxr30-top-login,
.topbar .cxr30-top-ask-codi,
.topbar .codi-mini{
    min-width:118px !important;
    height:52px !important;
    padding:0 20px !important;
    gap:8px !important;
    border-radius:17px !important;
    border:1px solid rgba(153,201,56,.34) !important;
    color:#27410f !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(177,233,78,.20), transparent 42%),
        linear-gradient(135deg, #f8fce9, #edf7d8) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.96),
        0 8px 18px rgba(112,160,28,.085) !important;
    font-size:12.5px !important;
    font-weight:850 !important;
    letter-spacing:-.08px !important;
}

.topbar .cxr30-top-login:hover,
.topbar .cxr30-top-ask-codi:hover,
.topbar .codi-mini:hover{
    border-color:rgba(137,193,31,.52) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.98),
        0 10px 22px rgba(112,160,28,.12) !important;
}

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

/* topbar action buttons */
.round-button,
.round-user{
    width:52px !important;
    height:52px !important;
    border-radius:17px !important;
}

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

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

    .topbar .cxr30-top-login,
    .topbar .cxr30-top-ask-codi,
    .topbar .codi-mini{
        min-width:108px !important;
    }
}

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

    .rail-nav .cxr29-child{
        min-height:46px !important;
    }

    .rail-nav .cxr29-child::before{
        width:32px !important;
        height:32px !important;
        min-width:32px !important;
        min-height:32px !important;
    }
}

/* CODSHIPX_AI_CRM_R30_R2_R1_MICRO_POLISH_END */