/* COLORJET blue-and-orange brand accents for module navigation. */
a[href="/agreements-emi"]:not(.top-menu-tile):hover > .MuiPaper-root,
a[href="/agreements-emi"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
a[href="/billing"]:not(.top-menu-tile):hover > .MuiPaper-root,
a[href="/billing"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
a[href="/commercial-import"]:not(.top-menu-tile):hover > .MuiPaper-root,
a[href="/commercial-import"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
a[href="/finance"]:not(.top-menu-tile):hover > .MuiPaper-root,
a[href="/finance"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
a[href="/hr-management"]:not(.top-menu-tile):hover > .MuiPaper-root,
a[href="/hr-management"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
a[href="/inventory-logistics"]:not(.top-menu-tile):hover > .MuiPaper-root,
a[href="/inventory-logistics"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
a[href="/manufacturing"]:not(.top-menu-tile):hover > .MuiPaper-root,
a[href="/manufacturing"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
a[href="/pos"]:not(.top-menu-tile):hover > .MuiPaper-root,
a[href="/pos"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
a[href="/premium-service"]:not(.top-menu-tile):hover > .MuiPaper-root,
a[href="/premium-service"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
a[href="/procurement"]:not(.top-menu-tile):hover > .MuiPaper-root,
a[href="/procurement"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
a[href="/product-manage"]:not(.top-menu-tile):hover > .MuiPaper-root,
a[href="/product-manage"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
a[href="/project-management"]:not(.top-menu-tile):hover > .MuiPaper-root,
a[href="/project-management"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
a[href="/project-service"]:not(.top-menu-tile):hover > .MuiPaper-root,
a[href="/project-service"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
a[href="/reports"]:not(.top-menu-tile):hover > .MuiPaper-root,
a[href="/reports"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
a[href="/sales-distribution"]:not(.top-menu-tile):hover > .MuiPaper-root,
a[href="/sales-distribution"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
a[href="/settings"]:not(.top-menu-tile):hover > .MuiPaper-root,
a[href="/settings"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
a[href="/subscription"]:not(.top-menu-tile):hover > .MuiPaper-root,
a[href="/subscription"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
a[href="/website"]:not(.top-menu-tile):hover > .MuiPaper-root,
a[href="/website"]:not(.top-menu-tile):focus-visible > .MuiPaper-root {
  background-color: var(--cj-theme-hover) !important;
  border-color: var(--cj-brand-accent) !important;
  box-shadow: 0 7px 20px rgba(11, 43, 75, 0.14), 0 0 0 1px color-mix(in srgb, var(--cj-brand-accent) 72%, transparent) !important;
  transform: translateY(-2px);
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

@media (prefers-reduced-motion: reduce) {
  a[href="/agreements-emi"]:not(.top-menu-tile):hover > .MuiPaper-root,
  a[href="/agreements-emi"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
  a[href="/billing"]:not(.top-menu-tile):hover > .MuiPaper-root,
  a[href="/billing"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
  a[href="/commercial-import"]:not(.top-menu-tile):hover > .MuiPaper-root,
  a[href="/commercial-import"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
          a[href="/finance"]:not(.top-menu-tile):hover > .MuiPaper-root,
  a[href="/finance"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
  a[href="/hr-management"]:not(.top-menu-tile):hover > .MuiPaper-root,
  a[href="/hr-management"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
  a[href="/inventory-logistics"]:not(.top-menu-tile):hover > .MuiPaper-root,
  a[href="/inventory-logistics"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
  a[href="/manufacturing"]:not(.top-menu-tile):hover > .MuiPaper-root,
  a[href="/manufacturing"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
      a[href="/pos"]:not(.top-menu-tile):hover > .MuiPaper-root,
  a[href="/pos"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
  a[href="/premium-service"]:not(.top-menu-tile):hover > .MuiPaper-root,
  a[href="/premium-service"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
  a[href="/procurement"]:not(.top-menu-tile):hover > .MuiPaper-root,
  a[href="/procurement"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
  a[href="/product-manage"]:not(.top-menu-tile):hover > .MuiPaper-root,
  a[href="/product-manage"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
  a[href="/project-management"]:not(.top-menu-tile):hover > .MuiPaper-root,
  a[href="/project-management"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
  a[href="/project-service"]:not(.top-menu-tile):hover > .MuiPaper-root,
  a[href="/project-service"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
  a[href="/reports"]:not(.top-menu-tile):hover > .MuiPaper-root,
  a[href="/reports"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
  a[href="/sales-distribution"]:not(.top-menu-tile):hover > .MuiPaper-root,
  a[href="/sales-distribution"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
  a[href="/settings"]:not(.top-menu-tile):hover > .MuiPaper-root,
  a[href="/settings"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
  a[href="/subscription"]:not(.top-menu-tile):hover > .MuiPaper-root,
  a[href="/subscription"]:not(.top-menu-tile):focus-visible > .MuiPaper-root,
  a[href="/website"]:not(.top-menu-tile):hover > .MuiPaper-root,
  a[href="/website"]:not(.top-menu-tile):focus-visible > .MuiPaper-root {
    transform: none !important;
    transition: none !important;
  }
}

/* Keep scrollbar accents subtle and aligned with the COLORJET orange mark. */
* { scrollbar-color: var(--cj-brand-accent) var(--cj-theme-border); }
*::-webkit-scrollbar-thumb { background-color: var(--cj-brand-accent); border: 2px solid var(--cj-theme-border); border-radius: 999px; }
*::-webkit-scrollbar-thumb:hover { background-color: var(--cj-brand-accent); }

/* Keep navigation colors within the COLORJET identity: blue, white and orange. */
.top-header .top-menu .menu-icon { color: var(--cj-theme-header-text) !important; }
.top-header .top-menu .top-menu-tile.active .menu-icon { color: var(--cj-brand-accent) !important; }
.top-header > .dashboard-tile .menu-icon { color: var(--cj-brand-primary) !important; }
.top-header > .modules-tile .menu-icon { color: var(--cj-brand-accent) !important; }
main.content a:not(.top-menu-tile) > .MuiPaper-root > .MuiBox-root:first-child {
  background-color: var(--cj-theme-hover) !important;
  color: var(--cj-brand-primary) !important;
}
main.content a:not(.top-menu-tile):hover > .MuiPaper-root > .MuiBox-root:first-child,
main.content a:not(.top-menu-tile):focus-visible > .MuiPaper-root > .MuiBox-root:first-child {
  background-color: var(--cj-theme-selected-row) !important;
  color: var(--cj-brand-accent) !important;
}