/* Section identity: consistent accents for navigation and the current module. */
#appShell #dynamicTopbar[data-route="home"],#appShell .navigation.premium-navigation .nav-item[data-route="home"]{--section-accent:#2563eb;--section-deep:#1e40af;}
#appShell #dynamicTopbar[data-route="dashboard"],#appShell .navigation.premium-navigation .nav-item[data-route="dashboard"]{--section-accent:#6366f1;--section-deep:#4338ca;}
#appShell #dynamicTopbar[data-route="site-information"],#appShell .navigation.premium-navigation .nav-item[data-route="site-information"]{--section-accent:#0e7490;--section-deep:#155e75;}
#appShell #dynamicTopbar[data-route="cdr-sampling"],#appShell .navigation.premium-navigation .nav-item[data-route="cdr-sampling"]{--section-accent:#d97706;--section-deep:#92400e;}
#appShell #dynamicTopbar[data-route="cdr-analytics"],#appShell .navigation.premium-navigation .nav-item[data-route="cdr-analytics"]{--section-accent:#0891b2;--section-deep:#155e75;}
#appShell #dynamicTopbar[data-route="qa-audit"],#appShell .navigation.premium-navigation .nav-item[data-route="qa-audit"]{--section-accent:#059669;--section-deep:#065f46;}
#appShell #dynamicTopbar[data-route="po-audit"],#appShell .navigation.premium-navigation .nav-item[data-route="po-audit"]{--section-accent:#0d9488;--section-deep:#115e59;}
#appShell #dynamicTopbar[data-route="audit-list"],#appShell .navigation.premium-navigation .nav-item[data-route="audit-list"]{--section-accent:#64748b;--section-deep:#334155;}
#appShell #dynamicTopbar[data-route="query-desk"],#appShell .navigation.premium-navigation .nav-item[data-route="query-desk"]{--section-accent:#0284c7;--section-deep:#075985;}
#appShell #dynamicTopbar[data-route="rebuttals"],#appShell .navigation.premium-navigation .nav-item[data-route="rebuttals"]{--section-accent:#e05c32;--section-deep:#9a3412;}
#appShell #dynamicTopbar[data-route="import-export"],#appShell .navigation.premium-navigation .nav-item[data-route="import-export"]{--section-accent:#16a34a;--section-deep:#166534;}
#appShell #dynamicTopbar[data-route="vendor-invoice"],#appShell .navigation.premium-navigation .nav-item[data-route="vendor-invoice"]{--section-accent:#b7791f;--section-deep:#854d0e;}
#appShell #dynamicTopbar[data-route="kra"],#appShell .navigation.premium-navigation .nav-item[data-route="kra"]{--section-accent:#b453a4;--section-deep:#7e226d;}
#appShell #dynamicTopbar[data-route="knowledge-hub"],#appShell .navigation.premium-navigation .nav-item[data-route="knowledge-hub"]{--section-accent:#8b5cf6;--section-deep:#6d28d9;}
#appShell #dynamicTopbar[data-route="presentation"],#appShell .navigation.premium-navigation .nav-item[data-route="presentation"]{--section-accent:#db5792;--section-deep:#9d174d;}
#appShell #dynamicTopbar[data-route="documentation"],#appShell .navigation.premium-navigation .nav-item[data-route="documentation"]{--section-accent:#4f75bd;--section-deep:#1e40af;}
#appShell #dynamicTopbar[data-route="downloads"],#appShell .navigation.premium-navigation .nav-item[data-route="downloads"]{--section-accent:#06a0b5;--section-deep:#0e6574;}
#appShell #dynamicTopbar[data-route="admin"],#appShell .navigation.premium-navigation .nav-item[data-route="admin"]{--section-accent:#8272b4;--section-deep:#514279;}

html body #appShell #dynamicTopbar #pageRouteIcon{
 color:#fff!important;background:linear-gradient(145deg,var(--section-accent,#6366f1),var(--section-deep,#4338ca))!important;
 border:1px solid rgba(255,255,255,.48)!important;box-shadow:0 4px 14px #0003,inset 0 1px 0 #ffffff38!important;
 position:relative;overflow:hidden;font-size:23px;font-weight:750;isolation:isolate;
}
html body #appShell #dynamicTopbar #pageRouteIcon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#appShell .navigation.premium-navigation .nav-item[data-route]{border-radius:11px!important;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease!important}
#appShell .navigation.premium-navigation .nav-item[data-route] .nav-icon{
 display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;
 color:#fff!important;background:linear-gradient(145deg,var(--section-accent,#6366f1),var(--section-deep,#4338ca))!important;
 border:1px solid #ffffff38!important;box-shadow:inset 0 1px 0 #ffffff24!important;animation:none!important;
 transition:transform .22s ease,box-shadow .22s ease!important;
}
#appShell .navigation.premium-navigation .nav-item[data-route]:hover{transform:translateX(3px)!important;background:#ffffff10!important;border-color:var(--section-accent,#6366f1)!important}
#appShell .navigation.premium-navigation .nav-item[data-route]:hover .nav-icon{transform:translateY(-1px) scale(1.04)!important}
#appShell .navigation.premium-navigation .nav-item[data-route].active{
 color:#fff!important;background:linear-gradient(115deg,var(--section-deep,#4338ca),var(--section-accent,#6366f1))!important;
 border-color:#ffffff45!important;box-shadow:0 5px 16px #0003,inset 3px 0 0 #ffffffbb!important;
 animation:section-menu-enter .3s ease-out!important;
}
#appShell .navigation.premium-navigation .nav-item[data-route].active .nav-copy small{color:#fff!important;opacity:.9}
#appShell .navigation.premium-navigation .nav-item[data-route].active .nav-active-dot{background:#fff!important;box-shadow:0 0 0 4px #ffffff24!important;animation:none!important}
#appShell .navigation.premium-navigation .nav-item[data-route]:focus-visible{outline:2px solid #fff!important;outline-offset:2px}
#appShell #dynamicTopbar #menuToggle{transition:transform .2s ease,box-shadow .2s ease!important}
#appShell #dynamicTopbar #menuToggle:hover{box-shadow:0 0 0 3px #ffffff28!important;transform:translateY(-1px)}
#appShell #dynamicTopbar #pageRouteIcon.section-icon-enter{animation:section-icon-enter .36s ease-out!important}
@keyframes section-icon-enter{from{opacity:.4;transform:translateY(4px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes section-menu-enter{from{opacity:.6;transform:translateX(-3px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){
 html body #appShell #dynamicTopbar #pageRouteIcon.section-icon-enter,#appShell .navigation.premium-navigation .nav-item[data-route].active{animation:none!important}
 #appShell .navigation.premium-navigation .nav-item[data-route],#appShell .navigation.premium-navigation .nav-item[data-route] .nav-icon,#appShell #dynamicTopbar #menuToggle{transition:none!important;transform:none!important}
 #appShell .navigation.premium-navigation .nav-item[data-route]:hover,#appShell .navigation.premium-navigation .nav-item[data-route]:hover .nav-icon{transform:none!important}
}

#appShell #dynamicTopbar[data-route="vendor-bill-review"],#appShell .navigation.premium-navigation .nav-item[data-route="vendor-bill-review"]{--section-accent:#087e8b;--section-deep:#164e63;}