/* COLORJET supplied artwork palette. Screen UI only; document print styles remain isolated. */
@media screen {
  :root {
    --cj-brand-navy: #0c2842;
    --cj-brand-blue: #1675c2;
    --cj-brand-orange: #ff7900;
    --cj-brand-white: #ffffff;
  }
  .company-name { color: #0c2842 !important; }
  .progress-bar-fill { background: linear-gradient(90deg,#1675c2,#ff7900) !important; }
  ::-webkit-scrollbar-thumb { background: #1675c2; }
  ::-webkit-scrollbar-thumb:hover { background: #0c2842; }
  .top-header,
  .page-modal-titlebar,
  .cj-native-module-head,
  .cj360-smart-header { background: #0c2842 !important; color: #ffffff !important; }
  .top-header { border-bottom: 2px solid #ff7900 !important; }
  .page-modal-titlebar-title,
  .page-modal-titlebar-actions button,
  .cj-native-module-title strong,
  .cj-native-module-title small,
  .cj-native-module-search,
  .cj-native-module-search input { color: #ffffff !important; }
  .cj-native-module-search input::placeholder { color: #e6eef6 !important; }
  .cj-native-module-card.entry > header,
  .cj-native-module-card.report > header { background: #0c2842 !important; }
  .cj-native-module-card.record > header { background: #ff7900 !important; }
  .cj-native-module-card.record > header :is(strong,span) { color: #0c2842 !important; }
  .MuiButton-containedPrimary:not(.Mui-disabled) {
    background-color: #0c2842 !important;
    color: #ffffff !important;
    box-shadow: 0 3px 0 #061827,0 5px 12px rgba(12,40,66,.15);
  }
  .invoice thead th { background: #0c2842 !important; color: #ffffff !important; }
  html body :is(button,a,[role="button"],.MuiButton-root,.cj-native-module-item):focus-visible,
  html body :is(.cj-native-module-card,.cj-stat-card,.cj360-card)[tabindex]:focus-visible {
    outline: 2px solid #ff7900;
    outline-offset: 3px;
  }
  @media (hover:hover) and (pointer:fine) {
    .cj-native-module-item:hover,
    .top-menu-item > :is(button,a):hover,
    .header-search-btn:hover,
    .header-logout-btn:hover,
    .top-header .cj-theme-trigger:hover,
    .top-header .cj-quick-trigger:hover,
    .top-header .cj-ai-launcher:hover,
    .cj360-actions a:hover,
    .cj360-toolbar button:hover,
    .cj360-list-toolbar button:hover,
    .cj360-global-search button:hover,
    .MuiButton-containedPrimary:not(.Mui-disabled):hover {
      background: #ff7900 !important;
      color: #0c2842 !important;
      border-color: #ff7900 !important;
      border-radius: 6px;
      box-shadow: 0 3px 0 #b84e00,0 6px 16px rgba(12,40,66,.18);
    }
    .cj-native-module-card:hover,
    .cj-stat-card:hover,
    .cj360-card:hover,
    .MuiCard-root:hover {
      border-color: #ff7900;
      box-shadow: 0 0 0 1px #ff7900,0 8px 22px rgba(12,40,66,.14);
    }
  }
  @media (prefers-reduced-motion:no-preference) {
    .cj-native-module-card,.cj-stat-card,.cj360-card,.MuiCard-root,
    .cj-native-module-item,.MuiButton-root,.header-search-btn,.header-logout-btn,
    .top-menu-item > :is(button,a),.cj360-actions a,.cj360-toolbar button,
    .cj360-list-toolbar button,.cj360-global-search button {
      transition: transform 150ms ease,border-color 150ms ease,box-shadow 150ms ease,background-color 150ms ease,color 150ms ease;
    }
    @media (hover:hover) and (pointer:fine) {
      .cj-native-module-card:hover,.cj-stat-card:hover,.cj360-card:hover,.MuiCard-root:hover {
        transform: translateY(-2px);
      }
    }
    .MuiButton-containedPrimary:not(.Mui-disabled):active { transform: translateY(1px); }
  }
  @media (prefers-reduced-motion:reduce) {
    .cj-native-module-card,.cj-stat-card,.cj360-card,.MuiCard-root,
    .cj-native-module-item,.MuiButton-root,.header-search-btn,.header-logout-btn,
    .top-menu-item > :is(button,a),.cj360-actions a,.cj360-toolbar button,
    .cj360-list-toolbar button,.cj360-global-search button {
      transition: none !important;
      transform: none !important;
    }
  }
}
/* Matte orange card surface on pointer hover; existing text stays on a light surface. */
@media screen and (hover:hover) and (pointer:fine) {
  html body .cj-native-module-card:hover,
  html body .cj-stat-card:hover,
  html body .cj360-card:hover,
  html body .MuiCard-root:hover {
    background-color: #fff4e8 !important;
    border-color: #ff7900 !important;
    box-shadow: 0 0 0 1px #ff7900,0 7px 0 -3px rgba(12,40,66,.18),0 12px 24px rgba(12,40,66,.12);
  }
  html body .cj-native-module-card:hover > header {
    background: #0c2842 !important;
  }
  html body .cj-native-module-card:hover > header :is(strong,span) {
    color: #ffffff !important;
  }
  html body .cj-native-module-card:hover .cj-native-module-items {
    background: #fff4e8;
  }
}