/* COLORJET bundled source: /var/www/colorjet-erp/frontend/colorjet/colorjet-theme.css */
:root {
  --cj-primary: #0876d1;
  --cj-primary-strong: #0759a1;
  --cj-primary-soft: #e8f4ff;
  --cj-accent: #f47b20;
  --cj-accent-soft: #fff8cc;
  --cj-red: #e31e24;
  --cj-yellow: #ffd400;
  --cj-ink: #172033;
  --cj-muted: #667085;
  --cj-border: #dce4ef;
  --cj-surface: #ffffff;
  --cj-canvas: #f4f7fb;
  --cj-success: #0f9f6e;
  --cj-danger: #dc3545;
  --cj-header-gradient: linear-gradient(112deg, #063d71 0%, #0876d1 68%, #0759a1 100%);
  --cj-card-shadow: 0 8px 24px rgba(24, 58, 110, 0.08);
  --cj-card-shadow-hover: 0 14px 34px rgba(24, 58, 110, 0.14);
  --cj-radius-sm: 8px;
  --cj-radius: 12px;
  --cj-radius-lg: 18px;
  color-scheme: light;
}

/* v3.3 live visual acceptance layer */
html { font-size: 14px; }
body, .MuiTypography-body1, .MuiTypography-body2 { font-size: 14px !important; line-height: 1.5 !important; }
.MuiInputBase-root, .MuiFormControl-root input, .MuiFormControl-root select, .MuiFormControl-root textarea { min-height: 42px; font-size: 14px !important; }
.MuiInputLabel-root, label { font-size: 14px !important; }
.MuiButton-root, button { font-size: 13.5px !important; }
h1, .MuiTypography-h1 { font-size: 24px !important; }
h2, .MuiTypography-h2 { font-size: 22px !important; }
h3, .MuiTypography-h3, .MuiTypography-h4, .MuiTypography-h5, .MuiTypography-h6 { font-size: 17px !important; }
.top-header { height: 56px !important; padding: 0 14px !important; border-bottom: 1px solid #d9e2ec !important; color: var(--cj-ink) !important; background: #fff !important; box-shadow: 0 3px 14px rgba(20,36,58,.08) !important; }
.cj-header-brand { width: 122px; height: 42px; margin-right: 14px; }
.cj-header-logo { height: 34px; }
.top-menu { gap: 2px !important; }
.top-menu-tile { min-width: auto !important; min-height: 46px; padding: 6px 10px !important; color: #334155 !important; border-radius: 8px !important; }
.top-menu-tile:hover, .top-menu-tile:focus-visible { border-color: #cfe3f6 !important; color: var(--cj-primary) !important; background: var(--cj-primary-soft) !important; transform: none; }
.menu-icon svg, .menu-icon i { font-size: 18px !important; color: currentColor !important; }
.menu-text { font-size: 13.5px !important; font-weight: 700 !important; }
.header-search-btn, .header-logout-btn, .mobile-toggle, .menu-scroll-btn, .cj-theme-trigger, .cj-quick-trigger { min-height: 38px; border-color: #d7e0eb !important; color: #334155 !important; background: #f8fafc !important; }
.header-search-btn:hover, .header-logout-btn:hover, .mobile-toggle:hover, .menu-scroll-btn:hover, .cj-theme-trigger:hover, .cj-quick-trigger:hover { color: var(--cj-primary) !important; background: var(--cj-primary-soft) !important; }
.cj-theme-trigger-dot { border-color: #94a3b8; }
.mega-dropdown { top: 56px !important; padding: 22px !important; background: #fff !important; }
.mega-title { font-size: 14px !important; }
.mega-link { min-height: 36px; padding: 9px 11px !important; font-size: 13px !important; line-height: 1.35; }
main.content { min-height: calc(100vh - 56px) !important; padding: 24px 26px 36px !important; }
.MuiPaper-root, .MuiCard-root { border: 1px solid var(--cj-border) !important; border-radius: 12px !important; box-shadow: 0 5px 18px rgba(35,62,95,.06) !important; }
.cj-data-table th { height: 42px; padding: 10px 12px !important; font-size: 13px !important; font-weight: 750 !important; color: #41536a !important; background: #f6f9fc !important; }
.cj-data-table td { min-height: 40px; padding: 10px 12px !important; font-size: 13.5px !important; }
.spinner-container { background: #f4f7fb !important; }
.spinner-container img, .spinner-container svg { max-width: 150px !important; max-height: 78px !important; }
.company-name { font-size: 18px !important; }
.progress-bar-wrap { width: 180px !important; height: 4px !important; }
.cj-pdf-progress .MuiDialog-paper, .cj-pdf-progress[role="dialog"] { max-width: 390px !important; border-radius: 14px !important; box-shadow: 0 22px 60px rgba(20,36,58,.2) !important; }
.cj-pdf-progress svg { color: var(--cj-primary) !important; font-size: 28px !important; }
.cj-pdf-progress .swal2-icon { display: none !important; }
.cj-pdf-live-progress{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;background:rgba(15,23,42,.36);backdrop-filter:blur(2px)}.cj-pdf-live-progress>div{width:min(390px,calc(100% - 32px));padding:25px;border:1px solid #dce4ef;border-radius:14px;background:#fff;color:#172033;text-align:center;box-shadow:0 22px 60px rgba(20,36,58,.25)}.cj-pdf-live-progress strong{display:block;font-size:17px;margin-top:10px}.cj-pdf-live-progress p{margin:7px 0 0;color:#607087;font-size:13px}.cj-pdf-spinner{display:inline-block;width:30px;height:30px;border:3px solid #d9e9f8;border-top-color:#0876d1;border-radius:50%;animation:cjPdfSpin .75s linear infinite}@keyframes cjPdfSpin{to{transform:rotate(360deg)}}
.cj-pdf-progress h2, .cj-pdf-progress h3 { font-size: 17px !important; }
@media (max-width: 1100px) { .top-menu-tile { padding-inline: 7px !important; } .menu-text { font-size: 13px !important; } .cj-theme-trigger-label { display: none; } }
@media (max-width: 760px) { html { font-size: 14px; } .top-header { height: 56px !important; } main.content { padding: 16px 14px 26px !important; } .MuiInputBase-root, .MuiButton-root { min-height: 44px; } .cj-data-table th, .cj-data-table td { font-size: 13px !important; white-space: nowrap; } }

:root[data-cj-theme="indigo"] {
  --cj-primary: #4f46e5;
  --cj-primary-strong: #3730a3;
  --cj-primary-soft: #eef2ff;
  --cj-header-gradient: linear-gradient(112deg, #312e81 0%, #4f46e5 58%, #6366f1 100%);
}

:root[data-cj-theme="steel-blue"] {
  --cj-primary: #3589a1;
  --cj-primary-strong: #246579;
  --cj-primary-soft: #e7f3f6;
  --cj-header-gradient: linear-gradient(112deg, #194e60 0%, #3589a1 62%, #287286 100%);
}

:root[data-cj-theme="teal"] {
  --cj-primary: #087f8c;
  --cj-primary-strong: #075b66;
  --cj-primary-soft: #e7f7f8;
  --cj-header-gradient: linear-gradient(112deg, #064e59 0%, #087f8c 58%, #0f9fab 100%);
}

:root[data-cj-theme="midnight"] {
  --cj-primary: #233876;
  --cj-primary-strong: #172554;
  --cj-primary-soft: #edf1fb;
  --cj-header-gradient: linear-gradient(112deg, #111a36 0%, #172554 58%, #233876 100%);
}

html,
body,
#root {
  min-height: 100%;
}

html {
  background: var(--cj-canvas);
}

body {
  margin: 0;
  color: var(--cj-ink) !important;
  background: var(--cj-canvas) !important;
  font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection {
  color: #fff;
  background: var(--cj-primary);
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #eef2f7 !important;
}

::-webkit-scrollbar-thumb {
  min-height: 34px;
  border: 2px solid #eef2f7;
  border-radius: 999px !important;
  background: #a7b7cf !important;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--cj-primary) !important;
}

/* Loading screen */
.spinner-container {
  gap: 16px !important;
  background:
    radial-gradient(circle at 22% 20%, rgba(21, 88, 192, 0.1), transparent 32%),
    radial-gradient(circle at 78% 78%, rgba(249, 115, 22, 0.09), transparent 28%),
    var(--cj-canvas);
}

.company-name {
  color: var(--cj-primary) !important;
  font-size: 25px !important;
  font-weight: 800 !important;
  letter-spacing: -0.35px !important;
}

.company-name::after {
  display: block;
  margin-top: 5px;
  color: var(--cj-muted);
  content: "Quality • Commitment • Service";
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.2px;
}

.progress-bar-wrap {
  width: 240px !important;
  height: 5px !important;
  background: #dae3ef !important;
}

.progress-bar-fill {
  background: linear-gradient(90deg, var(--cj-primary), #2d7df2, var(--cj-accent)) !important;
  animation-duration: 0.65s !important;
}

/* Login */
.cj-customer-login-option{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;margin-top:14px;padding:11px 14px;box-sizing:border-box;border:1px solid #bfd5e5;border-radius:9px;background:#f3f8fc;color:#0b5275;text-align:center;text-decoration:none;transition:background .18s ease,border-color .18s ease,transform .18s ease}.cj-customer-login-option:hover,.cj-customer-login-option:focus-visible{background:#e7f3fa;border-color:#1686a6;transform:translateY(-1px);outline:none}.cj-customer-login-option strong{font-size:14px}.cj-customer-login-option span{font-size:11px;color:#52677a}@media(max-width:620px){.cj-customer-login-option{min-height:48px;justify-content:center}}
.erp-bg {
  background:
    linear-gradient(135deg, rgba(10, 37, 87, 0.95), rgba(21, 88, 192, 0.93)),
    radial-gradient(circle at 10% 10%, #397fdf, transparent 48%) !important;
  background-size: cover !important;
  animation: none !important;
}

.erp-bg::before,
.erp-bg::after {
  position: absolute;
  width: 390px;
  height: 390px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  content: "";
}

.erp-bg::before {
  top: -155px;
  right: -80px;
  box-shadow: 0 0 0 70px rgba(255, 255, 255, 0.035), 0 0 0 140px rgba(255, 255, 255, 0.025);
}

.erp-bg::after {
  bottom: -190px;
  left: -85px;
  box-shadow: 0 0 0 65px rgba(249, 115, 22, 0.045), 0 0 0 130px rgba(255, 255, 255, 0.02);
}

.cj-login-card {
  width: min(400px, calc(100vw - 32px)) !important;
  max-width: 400px !important;
  padding: 25px 32px 24px !important;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.68) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.97) !important;
  box-shadow: 0 28px 80px rgba(4, 20, 51, 0.34) !important;
  backdrop-filter: blur(20px);
}

.cj-login-card::before {
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, var(--cj-primary), #2f7be6 70%, var(--cj-accent));
  content: "";
}

.cj-login-header {
  margin-bottom: 18px !important;
}

.cj-login-logo {
  display: block;
  width: min(100%, 220px);
  height: 92px;
  margin: 0 auto 12px;
  object-fit: contain;
}

.cj-hidden-brand-badge {
  display: none !important;
}

.cj-login-header h2 {
  color: var(--cj-ink) !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  letter-spacing: -0.55px !important;
}

.cj-login-header p {
  margin-top: 6px !important;
  color: var(--cj-muted) !important;
}

.cj-login-card label {
  color: #344054 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

.cj-login-card input {
  min-height: 47px;
  border: 1px solid #cfd8e6 !important;
  border-radius: 10px !important;
  color: var(--cj-ink) !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03);
}

.cj-login-card input:focus {
  border-color: var(--cj-primary) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--cj-primary) 14%, transparent) !important;
}

.cj-login-card .MuiButton-contained,
.cj-login-card button.MuiButton-root:not(.MuiIconButton-root) {
  min-height: 47px;
  border-radius: 10px !important;
  color: #fff !important;
  background: linear-gradient(105deg, var(--cj-primary-strong), var(--cj-primary)) !important;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--cj-primary) 24%, transparent) !important;
}

.cj-login-card .MuiButton-contained:hover,
.cj-login-card button.MuiButton-root:not(.MuiIconButton-root):hover {
  transform: translateY(-1px);
  filter: brightness(1.06);
}

.cj-login-card a {
  color: var(--cj-primary) !important;
  font-weight: 700;
}

/* Application shell */
.top-header {
  height: 64px !important;
  gap: 6px;
  padding: 0 12px !important;
  border-bottom: 3px solid var(--cj-yellow);
  background: var(--cj-header-gradient) !important;
  box-shadow: 0 7px 22px rgba(19, 49, 96, 0.18);
}

.cj-header-brand {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  width: 132px;
  height: 46px;
  margin-right: 10px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.cj-quick-control { position: relative; flex: 0 0 auto; }
.cj-quick-trigger {
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 9px;
  color: #fff;
  font-size: 11px;
  font-weight: 750;
  background: rgba(255,255,255,.1);
}
.cj-quick-trigger:hover,.cj-quick-control.is-open .cj-quick-trigger { background: rgba(255,255,255,.2); }
.cj-quick-menu {
  position: absolute;
  z-index: 1300;
  top: calc(100% + 13px);
  right: 0;
  display: none;
  width: 238px;
  overflow: hidden;
  border: 1px solid var(--cj-border);
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 18px 40px rgba(19,43,78,.22);
}
.cj-quick-control.is-open .cj-quick-menu { display: grid; }
.cj-quick-menu a { padding: 12px 14px; color: var(--cj-ink) !important; font-size: 12px; font-weight: 650; text-decoration: none; border-bottom: 1px solid var(--cj-border); }
.cj-quick-menu a:last-child { border-bottom: 0; }
.cj-quick-menu a:hover { color: var(--cj-primary) !important; background: var(--cj-primary-soft); }

.cj-header-logo {
  display: block;
  width: auto;
  max-width: 100%;
  height: 34px;
  object-fit: contain;
  object-position: left center;
}

.top-menu {
  flex: 1 1 auto;
  min-width: 0;
  align-self: stretch;
  gap: 3px !important;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}

.top-menu-item {
  display: flex;
  align-items: stretch;
}

.top-menu-tile {
  min-width: 66px !important;
  padding: 7px 7px 6px !important;
  border: 1px solid transparent;
  border-radius: 9px !important;
  font-family: inherit !important;
  text-transform: none !important;
  transition: background 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
}

.top-menu-tile:hover,
.top-menu-tile:focus-visible {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.13) !important;
  transform: translateY(-1px);
  outline: none;
}

.menu-icon svg,
.menu-icon i {
  font-size: 20px !important;
}

.menu-text {
  font-size: 10.5px !important;
  font-weight: 650;
  letter-spacing: 0.05px;
}

.header-search-btn,
.header-logout-btn,
.mobile-toggle,
.menu-scroll-btn {
  min-width: 36px;
  min-height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

.header-search-btn:hover,
.header-logout-btn:hover,
.mobile-toggle:hover,
.menu-scroll-btn:hover {
  background: rgba(255, 255, 255, 0.17) !important;
}

.mega-dropdown {
  top: 64px !important;
  padding: 18px !important;
  border: 1px solid var(--cj-border);
  border-top: 3px solid var(--cj-primary);
  border-radius: 0 0 14px 14px !important;
  box-shadow: 0 20px 45px rgba(28, 52, 91, 0.2) !important;
}

.mega-title {
  color: var(--cj-primary-strong) !important;
  border-bottom-color: var(--cj-border) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

.mega-link {
  padding: 7px 9px !important;
  border-radius: 7px !important;
  color: #344054 !important;
}

.mega-link:hover {
  color: var(--cj-primary-strong) !important;
  background: var(--cj-primary-soft) !important;
}

.mobile-sidebar {
  width: 286px !important;
  left: -286px !important;
  background: var(--cj-header-gradient) !important;
  box-shadow: 18px 0 48px rgba(6, 25, 58, 0.34);
}

.mobile-sidebar.open {
  left: 0 !important;
}

.sidebar-header {
  min-height: 64px;
  padding: 14px 16px !important;
  border-bottom-color: rgba(255, 255, 255, 0.18) !important;
  font-size: 15px;
}

.sidebar-body {
  padding: 10px !important;
}

.sidebar-accordion {
  margin-bottom: 4px;
  border-bottom: 0 !important;
}

.accordion-header,
.menu-link {
  border-radius: 8px !important;
}

.accordion-header:hover,
.menu-link:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}

.accordion-title,
.menu-link {
  padding: 9px 10px !important;
}

main.content {
  min-height: calc(100vh - 64px) !important;
  padding: 20px 22px 32px !important;
  background:
    radial-gradient(circle at 86% 0%, color-mix(in srgb, var(--cj-primary) 7%, transparent), transparent 28%),
    var(--cj-canvas) !important;
}

/* Dashboard */
.cj-dashboard-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 126px;
  margin: 0 0 18px;
  padding: 24px 26px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--cj-primary) 30%, white);
  border-radius: var(--cj-radius-lg);
  color: #fff;
  background: var(--cj-header-gradient);
  box-shadow: 0 14px 36px color-mix(in srgb, var(--cj-primary) 22%, transparent);
}

.cj-dashboard-hero::before,
.cj-dashboard-hero::after {
  position: absolute;
  border-radius: 50%;
  content: "";
}

.cj-dashboard-hero::before {
  top: -92px;
  right: 115px;
  width: 245px;
  height: 245px;
  border: 34px solid rgba(255, 255, 255, 0.06);
}

.cj-dashboard-hero::after {
  right: -32px;
  bottom: -95px;
  width: 220px;
  height: 220px;
  background: rgba(249, 115, 22, 0.22);
}

.cj-dashboard-hero-copy,
.cj-dashboard-date {
  position: relative;
  z-index: 1;
}

.cj-eyebrow {
  display: inline-block;
  margin-bottom: 7px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 1.35px;
}

.cj-dashboard-hero h1 {
  margin: 0 0 5px;
  font-size: clamp(22px, 2.4vw, 30px);
  font-weight: 800;
  letter-spacing: -0.65px;
}

.cj-dashboard-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 13px;
}

.cj-dashboard-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 92px;
  padding: 13px 15px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(8px);
}

.cj-dashboard-date strong {
  font-size: 20px;
  font-weight: 800;
}

.cj-dashboard-date span {
  color: rgba(255, 255, 255, 0.74);
  font-size: 10px;
  text-transform: uppercase;
}

.cj-dashboard-actions { display: flex; gap: 8px; margin-top: 14px; flex-wrap: wrap; }
.cj-dashboard-actions a { padding: 8px 12px; border: 1px solid rgba(255,255,255,.42); border-radius: 8px; color: #fff !important; font-size: 11px; font-weight: 750; text-decoration: none; background: rgba(255,255,255,.12); }
.cj-dashboard-actions a:first-child { border-color: var(--cj-yellow); box-shadow: inset 0 -2px 0 var(--cj-yellow); }
.cj-dashboard-actions a:hover { background: rgba(255,255,255,.22); }

.cj-route-dashboard main.content > div:not(.cj-dashboard-hero),
.cj-route-dashboard main.content > section:not(.cj-dashboard-hero) {
  border-radius: var(--cj-radius);
}

.cj-route-dashboard .MuiPaper-root,
.cj-route-dashboard .MuiCard-root {
  border: 1px solid var(--cj-border) !important;
  border-radius: var(--cj-radius) !important;
  box-shadow: var(--cj-card-shadow) !important;
}

.cj-route-dashboard .MuiPaper-root:hover,
.cj-route-dashboard .MuiCard-root:hover {
  box-shadow: var(--cj-card-shadow-hover) !important;
}

/* Theme control */
.cj-theme-control {
  position: relative;
  flex: 0 0 auto;
  margin-left: 4px;
}

.cj-theme-trigger {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 9px;
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.cj-theme-trigger:hover,
.cj-theme-control.is-open .cj-theme-trigger {
  background: rgba(255, 255, 255, 0.17);
}

.cj-theme-trigger-dot {
  width: 12px;
  height: 12px;
  border: 2px solid rgba(255, 255, 255, 0.72);
  border-radius: 50%;
  background: var(--cj-accent);
}

.cj-theme-trigger-label {
  font-size: 11px;
  font-weight: 650;
}

.cj-theme-menu {
  position: absolute;
  top: calc(100% + 13px);
  right: 0;
  display: none;
  width: 232px;
  padding: 14px;
  border: 1px solid var(--cj-border);
  border-radius: 13px;
  color: var(--cj-ink);
  background: #fff;
  box-shadow: 0 18px 40px rgba(19, 43, 78, 0.22);
}

.cj-theme-control.is-open .cj-theme-menu {
  display: block;
}

.cj-theme-menu-title {
  margin-bottom: 10px;
  color: #344054;
  font-size: 12px;
  font-weight: 750;
}

.cj-theme-grid {
  display: grid;
  gap: 6px;
}

.cj-theme-choice {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 8px 9px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #344054;
  background: transparent;
  font-size: 12px;
  text-align: left;
}

.cj-theme-choice:hover {
  background: #f6f8fb;
}

.cj-theme-choice[aria-pressed="true"] {
  border-color: color-mix(in srgb, var(--cj-primary) 36%, white);
  color: var(--cj-primary-strong);
  background: var(--cj-primary-soft);
  font-weight: 700;
}

.cj-theme-swatch {
  width: 19px;
  height: 19px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: var(--cj-swatch);
  box-shadow: 0 0 0 1px #d3dce8;
}

/* Global component system */
.MuiPaper-root,
.MuiCard-root,
.MuiDialog-paper {
  border-color: var(--cj-border) !important;
  font-family: inherit !important;
}

.MuiPaper-elevation,
.MuiPaper-elevation1,
.MuiPaper-elevation2,
.MuiCard-root {
  border: 1px solid var(--cj-border) !important;
  border-radius: var(--cj-radius) !important;
  box-shadow: var(--cj-card-shadow) !important;
}

.MuiTypography-root,
.MuiInputBase-root,
.MuiFormLabel-root,
.MuiButton-root,
.MuiChip-root,
.MuiMenuItem-root,
.MuiTableCell-root {
  font-family: inherit !important;
}

.MuiTypography-h4,
.MuiTypography-h5,
.MuiTypography-h6 {
  color: var(--cj-ink) !important;
  font-weight: 750 !important;
  letter-spacing: -0.2px !important;
}

.MuiButton-root {
  min-height: 36px;
  border-radius: 8px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
}

.MuiButton-containedPrimary,
.MuiButton-contained:not(.MuiButton-colorError):not(.MuiButton-colorWarning):not(.MuiButton-colorSuccess) {
  color: #fff !important;
  background: linear-gradient(105deg, var(--cj-primary-strong), var(--cj-primary)) !important;
}

.MuiButton-containedPrimary:hover,
.MuiButton-contained:not(.MuiButton-colorError):not(.MuiButton-colorWarning):not(.MuiButton-colorSuccess):hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}

.MuiButton-outlinedPrimary,
.MuiButton-textPrimary {
  border-color: color-mix(in srgb, var(--cj-primary) 48%, white) !important;
  color: var(--cj-primary) !important;
}

.MuiButton-outlinedPrimary:hover,
.MuiButton-textPrimary:hover {
  background: var(--cj-primary-soft) !important;
}

.MuiIconButton-root {
  border-radius: 8px !important;
}

.MuiOutlinedInput-root,
.MuiInputBase-root:not(.MuiInputBase-multiline) {
  border-radius: 8px !important;
  background: #fff;
}

.MuiOutlinedInput-notchedOutline {
  border-color: #ccd7e5 !important;
}

.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: #98a9c0 !important;
}

.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-width: 1.5px !important;
  border-color: var(--cj-primary) !important;
}

.MuiInputLabel-root.Mui-focused,
.MuiFormLabel-root.Mui-focused {
  color: var(--cj-primary) !important;
}

.MuiCheckbox-root.Mui-checked,
.MuiRadio-root.Mui-checked,
.MuiSwitch-switchBase.Mui-checked {
  color: var(--cj-primary) !important;
}

.MuiChip-root {
  border-radius: 999px !important;
  font-weight: 650 !important;
}

.MuiTabs-indicator {
  height: 3px !important;
  border-radius: 3px 3px 0 0;
  background: var(--cj-primary) !important;
}

.MuiTab-root {
  font-weight: 650 !important;
  text-transform: none !important;
}

.MuiTab-root.Mui-selected {
  color: var(--cj-primary) !important;
}

.MuiDialog-paper {
  border: 1px solid var(--cj-border) !important;
  border-radius: 15px !important;
  box-shadow: 0 26px 70px rgba(19, 43, 78, 0.25) !important;
}

.MuiDialogTitle-root {
  border-bottom: 1px solid var(--cj-border);
  color: var(--cj-ink);
  font-weight: 750 !important;
}

.MuiDialogActions-root {
  border-top: 1px solid var(--cj-border);
}

.MuiTableContainer-root {
  border: 1px solid var(--cj-border);
  border-radius: 10px !important;
  background: #fff;
}

.MuiTableHead-root .MuiTableCell-root,
.cj-data-table thead th,
.cj-data-table thead td {
  border-bottom: 1px solid #cfd9e7 !important;
  color: #344054 !important;
  background: #edf3fa !important;
  font-size: 11.5px !important;
  font-weight: 750 !important;
  letter-spacing: 0.12px;
  text-transform: none !important;
}

.MuiTableBody-root .MuiTableRow-root:nth-of-type(even),
.cj-data-table tbody tr:nth-child(even) {
  background: #fafcff;
}

.MuiTableBody-root .MuiTableRow-root:hover,
.cj-data-table tbody tr:hover {
  background: var(--cj-primary-soft) !important;
}

.MuiTableCell-root,
.cj-data-table th,
.cj-data-table td {
  border-bottom-color: #e5eaf1 !important;
  color: #344054;
  font-size: 12.5px !important;
}

.cj-table-scroll {
  overflow-x: auto !important;
  overscroll-behavior-inline: contain;
}

.swal2-popup {
  border: 1px solid var(--cj-border) !important;
  border-radius: 16px !important;
  font-family: inherit !important;
  box-shadow: 0 28px 72px rgba(15, 35, 67, 0.25) !important;
}

.swal2-confirm {
  border-radius: 8px !important;
  background: var(--cj-primary) !important;
}

/* Module modal workspace */
.page-modal-overlay {
  top: 64px !important;
  padding: 16px !important;
  background: rgba(232, 238, 247, 0.96) !important;
}

.page-modal-window {
  height: calc(100vh - 96px) !important;
  border: 1px solid #bdc9da;
  border-radius: 14px !important;
  background: var(--cj-canvas) !important;
  box-shadow: 0 24px 72px rgba(20, 45, 82, 0.28) !important;
}

.page-modal-titlebar {
  height: 46px !important;
  padding: 0 10px 0 17px !important;
  background: var(--cj-header-gradient) !important;
}

.page-modal-titlebar-title {
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18px !important;
  text-transform: none !important;
}

.page-modal-breadcrumb {
  color: rgba(255, 255, 255, 0.64) !important;
}

.page-modal-body {
  padding: 18px 20px !important;
  background: var(--cj-canvas) !important;
}

.page-modal-min-btn,
.page-modal-max-btn,
.page-modal-close-btn {
  width: 34px !important;
  height: 32px !important;
  border-radius: 7px !important;
  color: #fff !important;
}

.page-modal-close-btn:hover {
  background: rgba(220, 53, 69, 0.88) !important;
}

.page-modal-taskbar-chip,
.page-modal-reload-btn {
  color: #fff !important;
  background: var(--cj-header-gradient) !important;
}

/* Responsive */
@media (max-width: 1180px) {
  .cj-header-brand {
    width: 108px;
  }

  .cj-theme-trigger-label {
    display: none;
  }
}

@media (max-width: 992px) {
  .top-header {
    height: 60px !important;
    padding: 0 10px !important;
  }

  .cj-header-brand {
    width: 112px;
    height: 42px;
  }

  .mobile-toggle {
    order: -1;
  }

  main.content {
    min-height: calc(100vh - 60px) !important;
    padding: 16px !important;
  }

  .page-modal-overlay {
    top: 60px !important;
  }
}

@media (max-width: 640px) {
  .cj-login-card {
    padding: 22px 20px 20px !important;
  }

  .cj-login-logo {
    width: min(100%, 190px);
    height: 78px;
    margin-bottom: 10px;
  }

  .cj-header-brand {
    width: 104px;
    height: 40px;
    margin-right: auto;
  }

  .header-search-btn {
    display: none !important;
  }

  .cj-theme-control {
    margin-left: 0;
  }

  .cj-quick-control { display: none; }

  .cj-theme-menu {
    position: fixed;
    top: 66px;
    right: 10px;
    left: 10px;
    width: auto;
  }

  .cj-quick-menu {
    position: fixed;
    top: 66px;
    right: 10px;
    left: 10px;
    width: auto;
  }

  .cj-dashboard-hero {
    min-height: auto;
    padding: 20px;
  }

  .cj-dashboard-hero p {
    max-width: 245px;
  }

  .cj-dashboard-date {
    min-width: 74px;
    padding: 10px;
  }

  .cj-dashboard-date strong {
    font-size: 17px;
  }

  .page-modal-overlay {
    padding: 0 !important;
  }

  .page-modal-window {
    height: calc(100dvh - 60px) !important;
    border: 0;
    border-radius: 0 !important;
  }

  .page-modal-body {
    padding: 12px !important;
  }
}

@media (max-width: 420px) {
  .cj-header-brand {
    width: 92px;
  }

  .cj-dashboard-hero-copy p {
    display: none;
  }

  .cj-dashboard-hero h1 {
    font-size: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

@media print {
  .top-header,
  .cj-dashboard-hero,
  .cj-theme-control,
  .page-modal-titlebar,
  .page-modal-reload-btn,
  .page-modal-taskbar-root {
    display: none !important;
  }

  body,
  main.content,
  .page-modal-body,
  .page-modal-window {
    color: #000 !important;
    background: #fff !important;
    box-shadow: none !important;
  }
}

/* v3.3 final cascade: keep acceptance rules after legacy theme declarations. */
html { font-size: 14px; }
body, .MuiTypography-body1, .MuiTypography-body2 { font-size: 14px !important; line-height: 1.5 !important; }
.MuiInputBase-root, .MuiFormControl-root input, .MuiFormControl-root select, .MuiFormControl-root textarea { min-height: 42px; font-size: 14px !important; }
.MuiInputLabel-root, label { font-size: 14px !important; }
.MuiButton-root, button { font-size: 13.5px !important; }
h1, .MuiTypography-h1 { font-size: 24px !important; }
h2, .MuiTypography-h2 { font-size: 22px !important; }
h3, .MuiTypography-h3, .MuiTypography-h4, .MuiTypography-h5, .MuiTypography-h6 { font-size: 17px !important; }
.top-header { height: 56px !important; padding: 0 14px !important; border: 0 !important; border-bottom: 1px solid #d9e2ec !important; color: var(--cj-ink) !important; background: #fff !important; box-shadow: 0 3px 14px rgba(20,36,58,.08) !important; }
.cj-header-brand { width: 122px; height: 42px; margin-right: 14px; }
.cj-header-logo { height: 34px; }
.top-menu { gap: 2px !important; }
.top-menu-tile { min-width: auto !important; min-height: 46px; padding: 6px 10px !important; color: #334155 !important; }
.top-menu-tile:hover, .top-menu-tile:focus-visible { border-color: #cfe3f6 !important; color: var(--cj-primary) !important; background: var(--cj-primary-soft) !important; transform: none; }
.menu-icon svg, .menu-icon i { font-size: 18px !important; color: currentColor !important; }
.menu-text { font-size: 13.5px !important; font-weight: 700 !important; }
.header-search-btn, .header-logout-btn, .mobile-toggle, .menu-scroll-btn, .cj-theme-trigger, .cj-quick-trigger { min-height: 38px; border-color: #d7e0eb !important; color: #334155 !important; background: #f8fafc !important; }
.mega-dropdown { top: 56px !important; padding: 22px !important; background: #fff !important; }
.mega-title { font-size: 14px !important; }
.mega-link { min-height: 36px; padding: 9px 11px !important; font-size: 13px !important; line-height: 1.35; }
main.content { min-height: calc(100vh - 56px) !important; padding: 24px 26px 36px !important; }
.MuiPaper-root, .MuiCard-root { border: 1px solid var(--cj-border) !important; border-radius: 12px !important; box-shadow: 0 5px 18px rgba(35,62,95,.06) !important; }
.cj-data-table th { height: 42px; padding: 10px 12px !important; font-size: 13px !important; }
.cj-data-table td { min-height: 40px; padding: 10px 12px !important; font-size: 13.5px !important; }
.spinner-container { background: #f4f7fb !important; }
.spinner-container img, .spinner-container svg { max-width: 150px !important; max-height: 78px !important; }
.company-name { font-size: 18px !important; }
.progress-bar-wrap { width: 180px !important; height: 4px !important; }
.cj-pdf-progress .MuiDialog-paper, .cj-pdf-progress[role="dialog"] { max-width: 390px !important; border-radius: 14px !important; box-shadow: 0 22px 60px rgba(20,36,58,.2) !important; }
.cj-pdf-progress svg { color: var(--cj-primary) !important; font-size: 28px !important; }
.cj-pdf-progress .swal2-icon { display: none !important; }
@media (max-width: 760px) { .top-header { height: 56px !important; } main.content { padding: 16px 14px 26px !important; } .MuiInputBase-root, .MuiButton-root { min-height: 44px; } .cj-data-table th, .cj-data-table td { font-size: 13.5px !important; white-space: nowrap; } }

/* v3.3 business readability hard fix — final production cascade. */
.MuiButton-root, button { min-height: 40px; font-size: 14px !important; font-weight: 600 !important; }
.menu-text, .mega-link { font-size: 14px !important; font-weight: 600 !important; }
.cj-data-table th, .cj-data-table td,
.MuiTableCell-root { height: 44px; font-size: 13.5px !important; }
.MuiTableCell-head { font-weight: 600 !important; color: #41536a !important; background: #f8fafc !important; }
.MuiCard-root, .MuiPaper-root { border-radius: 12px !important; }
.MuiCardContent-root { padding: 18px !important; }
.MuiSvgIcon-root { font-size: 22px; }
.top-menu-tile .MuiSvgIcon-root { font-size: 20px !important; }
.MuiInputBase-root, .MuiFormControl-root input,
.MuiFormControl-root select, .MuiFormControl-root textarea { min-height: 42px; }

.cj-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:12px}
:root[data-cj-resolved-mode="dark"]{--cj-ink:#e5edf7;--cj-muted:#9fb0c5;--cj-border:#33445a;--cj-surface:#162235;--cj-canvas:#0d1726;--cj-primary-soft:#173654;color-scheme:dark}
:root[data-cj-resolved-mode="dark"] body,:root[data-cj-resolved-mode="dark"] .top-header,:root[data-cj-resolved-mode="dark"] .mega-dropdown,:root[data-cj-resolved-mode="dark"] .MuiPaper-root,:root[data-cj-resolved-mode="dark"] .MuiCard-root,:root[data-cj-resolved-mode="dark"] .cj-theme-menu,:root[data-cj-resolved-mode="dark"] .cj-kpi,:root[data-cj-resolved-mode="dark"] .cj-panel{color:var(--cj-ink)!important;border-color:var(--cj-border)!important;background:var(--cj-surface)!important}
:root[data-cj-resolved-mode="dark"] input,:root[data-cj-resolved-mode="dark"] select,:root[data-cj-resolved-mode="dark"] textarea,:root[data-cj-resolved-mode="dark"] .MuiInputBase-root{color:var(--cj-ink)!important;background:#111d2e!important}
:root[data-cj-resolved-mode="dark"] .cj-data-table th{color:#d8e5f5!important;background:#1b2a40!important}

/* Dark-mode accessibility layer: keep all business surfaces legible, including
   MUI content that carries light-theme inline colours. */
:root[data-cj-resolved-mode="dark"] {
  --cj-ink: #f1f5f9;
  --cj-muted: #bdc9d8;
  --cj-border: #45566d;
  --cj-surface: #172337;
  --cj-canvas: #0b1422;
  --cj-primary-soft: #183b4a;
}
:root[data-cj-resolved-mode="dark"] body,
:root[data-cj-resolved-mode="dark"] main,
:root[data-cj-resolved-mode="dark"] main.content { color:var(--cj-ink)!important;background:var(--cj-canvas)!important }
:root[data-cj-resolved-mode="dark"] .MuiTypography-root,
:root[data-cj-resolved-mode="dark"] .MuiTableCell-root,
:root[data-cj-resolved-mode="dark"] .MuiFormLabel-root,
:root[data-cj-resolved-mode="dark"] .MuiInputLabel-root,
:root[data-cj-resolved-mode="dark"] .MuiFormControlLabel-label,
:root[data-cj-resolved-mode="dark"] .MuiListItemText-primary,
:root[data-cj-resolved-mode="dark"] .MuiDialogTitle-root,
:root[data-cj-resolved-mode="dark"] .MuiDialogContent-root,
:root[data-cj-resolved-mode="dark"] .MuiMenuItem-root,
:root[data-cj-resolved-mode="dark"] .cj-panel,
:root[data-cj-resolved-mode="dark"] .cj-kpi { color:var(--cj-ink)!important }
:root[data-cj-resolved-mode="dark"] .MuiTypography-colorTextSecondary,
:root[data-cj-resolved-mode="dark"] .MuiFormHelperText-root,
:root[data-cj-resolved-mode="dark"] .cj-muted,
:root[data-cj-resolved-mode="dark"] small { color:var(--cj-muted)!important }
:root[data-cj-resolved-mode="dark"] .MuiPaper-root,
:root[data-cj-resolved-mode="dark"] .MuiCard-root,
:root[data-cj-resolved-mode="dark"] .MuiDialog-paper,
:root[data-cj-resolved-mode="dark"] .MuiPopover-paper,
:root[data-cj-resolved-mode="dark"] .MuiMenu-paper,
:root[data-cj-resolved-mode="dark"] .mega-dropdown,
:root[data-cj-resolved-mode="dark"] .cj-theme-menu { color:var(--cj-ink)!important;background:#172337!important;border-color:var(--cj-border)!important }
:root[data-cj-resolved-mode="dark"] .top-header { color:var(--cj-ink)!important;background:#111d2e!important;border-color:var(--cj-border)!important }
:root[data-cj-resolved-mode="dark"] .top-menu-tile,
:root[data-cj-resolved-mode="dark"] .header-search-btn,
:root[data-cj-resolved-mode="dark"] .header-logout-btn,
:root[data-cj-resolved-mode="dark"] .mobile-toggle,
:root[data-cj-resolved-mode="dark"] .menu-scroll-btn,
:root[data-cj-resolved-mode="dark"] .cj-theme-trigger,
:root[data-cj-resolved-mode="dark"] .cj-quick-trigger { color:#e6eef8!important;background:#17263a!important;border-color:#52647b!important }
:root[data-cj-resolved-mode="dark"] .mega-link,
:root[data-cj-resolved-mode="dark"] a:not(.MuiButton-root) { color:#8ed7ef!important }
:root[data-cj-resolved-mode="dark"] .mega-link:hover,
:root[data-cj-resolved-mode="dark"] .mega-link:focus-visible { color:#ffffff!important;background:#234257!important }
:root[data-cj-resolved-mode="dark"] input,
:root[data-cj-resolved-mode="dark"] select,
:root[data-cj-resolved-mode="dark"] textarea,
:root[data-cj-resolved-mode="dark"] .MuiInputBase-root,
:root[data-cj-resolved-mode="dark"] .MuiOutlinedInput-root { color:#f8fafc!important;background:#101c2c!important;border-color:#61728a!important }
:root[data-cj-resolved-mode="dark"] input::placeholder,
:root[data-cj-resolved-mode="dark"] textarea::placeholder { color:#aebdd0!important;opacity:1 }
:root[data-cj-resolved-mode="dark"] .MuiOutlinedInput-notchedOutline,
:root[data-cj-resolved-mode="dark"] .MuiDivider-root { border-color:#52647b!important }
:root[data-cj-resolved-mode="dark"] .MuiTableHead-root .MuiTableCell-root,
:root[data-cj-resolved-mode="dark"] .cj-data-table th { color:#f1f5f9!important;background:#223249!important;border-color:#52647b!important }
:root[data-cj-resolved-mode="dark"] .MuiTableBody-root .MuiTableCell-root,
:root[data-cj-resolved-mode="dark"] .cj-data-table td { color:#e8eef7!important;background:#172337!important;border-color:#3f5067!important }
:root[data-cj-resolved-mode="dark"] .Mui-disabled,
:root[data-cj-resolved-mode="dark"] [aria-disabled="true"] { color:#9eacc0!important;opacity:.78!important }
:root[data-cj-resolved-mode="dark"] svg { color:currentColor }
:root[data-cj-resolved-mode="dark"] .cj-theme-choice[aria-pressed="true"] { color:#fff!important;background:var(--cj-primary-strong)!important }
:root[data-cj-theme="steel-blue"] .MuiButton-containedPrimary,
:root[data-cj-theme="steel-blue"] .cj-primary-action { color:#fff!important;background:#246579!important }

/* Canonical workspace and owner dashboard surfaces. These modules pre-date the
   shared mode tokens, so they need explicit dark mappings. */
:root[data-cj-resolved-mode="dark"] .cj-enterprise-page,
:root[data-cj-resolved-mode="dark"] .cj-owner { color:var(--cj-ink)!important;background:var(--cj-canvas)!important }
:root[data-cj-resolved-mode="dark"] .cj-page-head h1,
:root[data-cj-resolved-mode="dark"] .cj-page-head h2,
:root[data-cj-resolved-mode="dark"] .cj-page-section h2,
:root[data-cj-resolved-mode="dark"] .cj-page-section h3,
:root[data-cj-resolved-mode="dark"] .cj-profile-hero h2,
:root[data-cj-resolved-mode="dark"] .cj-owner h1,
:root[data-cj-resolved-mode="dark"] .cj-owner__clock strong { color:var(--cj-ink)!important }
:root[data-cj-resolved-mode="dark"] .cj-page-head p,
:root[data-cj-resolved-mode="dark"] .cj-profile-hero p,
:root[data-cj-resolved-mode="dark"] .cj-page-pairs dt,
:root[data-cj-resolved-mode="dark"] .cj-page-empty,
:root[data-cj-resolved-mode="dark"] .cj-owner__meta,
:root[data-cj-resolved-mode="dark"] .cj-owner__clock,
:root[data-cj-resolved-mode="dark"] .cj-owner__status,
:root[data-cj-resolved-mode="dark"] .cj-kpi__top,
:root[data-cj-resolved-mode="dark"] .cj-kpi__hint { color:var(--cj-muted)!important }
:root[data-cj-resolved-mode="dark"] .cj-page-section,
:root[data-cj-resolved-mode="dark"] .cj-profile-hero,
:root[data-cj-resolved-mode="dark"] .cj-page-tabs,
:root[data-cj-resolved-mode="dark"] .cj-page-loading,
:root[data-cj-resolved-mode="dark"] .cj-page-empty,
:root[data-cj-resolved-mode="dark"] .cj-page-records article,
:root[data-cj-resolved-mode="dark"] .cj-entity-grid article,
:root[data-cj-resolved-mode="dark"] .cj-vault-categories article,
:root[data-cj-resolved-mode="dark"] .cj-page-pairs>div,
:root[data-cj-resolved-mode="dark"] .cj-user-trigger,
:root[data-cj-resolved-mode="dark"] .cj-user-menu,
:root[data-cj-resolved-mode="dark"] .cj-user-earnings>div,
:root[data-cj-resolved-mode="dark"] .cj-owner .cj-action { color:var(--cj-ink)!important;background:var(--cj-surface)!important;border-color:var(--cj-border)!important }
:root[data-cj-resolved-mode="dark"] .cj-page-tabs a,
:root[data-cj-resolved-mode="dark"] .cj-page-tabs button { color:#dce8f5!important;background:#223249!important }
:root[data-cj-resolved-mode="dark"] .cj-page-tabs a:hover,
:root[data-cj-resolved-mode="dark"] .cj-page-tabs button:hover { color:#fff!important;background:#28536a!important }
:root[data-cj-resolved-mode="dark"] .cj-page-pairs,
:root[data-cj-resolved-mode="dark"] .cj-page-pairs>div,
:root[data-cj-resolved-mode="dark"] .cj-page-records article,
:root[data-cj-resolved-mode="dark"] .cj-entity-grid article,
:root[data-cj-resolved-mode="dark"] .cj-page-empty { border-color:var(--cj-border)!important }
:root[data-cj-resolved-mode="dark"] .cj-user-copy small,
:root[data-cj-resolved-mode="dark"] .cj-user-menu small,
:root[data-cj-resolved-mode="dark"] .cj-user-earnings small { color:var(--cj-muted)!important }
:root[data-cj-resolved-mode="dark"] .cj-user-earnings strong { color:var(--cj-ink)!important }
:root[data-cj-resolved-mode="dark"] .cj-photo-upload label span { color:#ffd5b5!important;background:#4a2b1b!important;border-color:#f47a20!important }
:root[data-cj-resolved-mode="dark"] .cj-owner__eyebrow,
:root[data-cj-resolved-mode="dark"] .cj-panel__link { color:#8ed7ef!important }
:root[data-cj-resolved-mode="dark"] .cj-owner .cj-action--primary { color:#fff!important;background:#246579!important;border-color:#3589a1!important }
:root[data-cj-resolved-mode="dark"] .cj-kpi__icon { color:#a8e2f3!important;background:#234257!important }
:root[data-cj-resolved-mode="dark"] .cj-bar__track { background:#2a3b51!important }

/* v3.3 matte corporate surface: flat COLORJET identity with restrained orange. */
.spinner-container{background:var(--cj-canvas)!important}
.spinner-container::before,.spinner-container::after{display:none!important}
.lightweight-spinner,.cj-page-loading span{width:24px!important;height:24px!important;border:2px solid #d5dde6!important;border-top-color:#f47a20!important;border-right-color:#3589a1!important;box-shadow:none!important;animation-duration:.62s!important}
.lightweight-spinner img{display:none!important}
/* The compiled Modules page staggered 16 cards by 50ms each. */
.cj-route-modules .MuiPaper-root{opacity:1!important;transform:none!important;transition:none!important;transition-delay:0ms!important}
.cj-route-modules img[alt="COLORJET Bangladesh"],.cj-route-modules img[alt="ERP Logo"],.cj-route-modules img[src*="erpbrandlogo-"]{display:none!important}
.erp-bg{background:#173557!important}
.erp-bg::before,.erp-bg::after{display:none!important}
.cj-login-card{border:1px solid #d8e0e8!important;border-radius:14px!important;background:#f8fafc!important;box-shadow:0 16px 40px rgba(6,25,50,.18)!important;backdrop-filter:none!important}
.cj-login-card::before{height:3px!important;background:#f47a20!important}
.cj-login-secondary-actions{margin:16px 24px 24px;padding-top:14px;border-top:1px solid #d8e0e8;text-align:center}
.cj-customer-otp-link{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;border:1px solid #3589a1;border-radius:9px;color:#173557!important;background:#fff;font-weight:700;text-decoration:none!important;transition:border-color .15s ease,background .15s ease}
.cj-customer-otp-link:hover,.cj-customer-otp-link:focus-visible{border-color:#f47a20;background:#f7fafc;outline:2px solid transparent;box-shadow:0 0 0 3px rgba(244,122,32,.18)}
:root[data-cj-resolved-mode="dark"] .cj-login-secondary-actions{border-top-color:#3b4f68}
:root[data-cj-resolved-mode="dark"] .cj-customer-otp-link{border-color:#4d91a6;color:#eef5fb!important;background:#24354a}
:root[data-cj-resolved-mode="dark"] .cj-customer-otp-link:hover,:root[data-cj-resolved-mode="dark"] .cj-customer-otp-link:focus-visible{border-color:#f47a20;background:#2b4058}
main.content{background:var(--cj-canvas)!important}
.cj-dashboard-hero{border:1px solid #d5dee7!important;border-left:4px solid #f47a20!important;color:#173557!important;background:#edf2f5!important;box-shadow:0 4px 16px rgba(16,35,62,.06)!important}
.cj-dashboard-hero::before,.cj-dashboard-hero::after{display:none!important}
.cj-dashboard-hero .cj-eyebrow{color:#3589a1!important}
.cj-dashboard-hero p{color:#607184!important}
.cj-dashboard-date{border-color:#d5dee7!important;background:#fff!important;backdrop-filter:none!important}
.cj-dashboard-date span{color:#64748b!important}
.cj-dashboard-actions a{border-color:#cbd5df!important;color:#173557!important;background:#fff!important}
.cj-dashboard-actions a:first-child{border-color:#f47a20!important;box-shadow:inset 3px 0 0 #f47a20!important}
.cj-route-dashboard .MuiPaper-root,.cj-route-dashboard .MuiCard-root{box-shadow:0 1px 3px rgba(16,35,62,.045)!important}
:root[data-cj-resolved-mode="dark"] .cj-dashboard-hero{border-color:#34475e!important;border-left-color:#f47a20!important;color:#eef5fb!important;background:#1c2a3b!important}
:root[data-cj-resolved-mode="dark"] .cj-dashboard-hero p,:root[data-cj-resolved-mode="dark"] .cj-dashboard-date span{color:#afbed0!important}
:root[data-cj-resolved-mode="dark"] .cj-dashboard-date,:root[data-cj-resolved-mode="dark"] .cj-dashboard-actions a{border-color:#3b4f68!important;color:#eef5fb!important;background:#24354a!important}

/* One continuous theme from first paint through login, route transitions and
   content loading. This final cascade prevents white/black interstitial flashes. */
html,body,#root,.erp-bg,.spinner-container{background:var(--cj-canvas)!important}
.erp-bg{color:var(--cj-ink)!important;background:radial-gradient(circle at 50% 18%,rgba(53,137,161,.10),transparent 34%),var(--cj-canvas)!important}
.cj-login-card{color:var(--cj-ink)!important;border-color:var(--cj-border)!important;background:var(--cj-surface)!important;box-shadow:0 18px 54px rgba(23,50,77,.16)!important}
.spinner-container,.cj-page-loading,.content-loading{color:var(--cj-ink)!important;background:var(--cj-canvas)!important}
:root[data-cj-resolved-mode="dark"] .erp-bg{background:radial-gradient(circle at 50% 18%,rgba(53,137,161,.18),transparent 34%),var(--cj-canvas)!important}
:root[data-cj-resolved-mode="dark"] .cj-login-card{color:var(--cj-ink)!important;border-color:var(--cj-border)!important;background:var(--cj-surface)!important;box-shadow:0 24px 70px rgba(0,0,0,.38)!important}
:root[data-cj-resolved-mode="dark"] .cj-login-card label,:root[data-cj-resolved-mode="dark"] .cj-login-header h2{color:var(--cj-ink)!important}
:root[data-cj-resolved-mode="dark"] .cj-login-header p{color:var(--cj-muted)!important}
input[data-cj-two-decimal="true"]{font-variant-numeric:tabular-nums}

/* Canonical mobile web shell: one viewport, one drawer, no clipped module. */
html,body,#root{width:100%;max-width:100%;overflow-x:hidden}
.mobile-sidebar{max-width:min(86vw,320px);height:100dvh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.mobile-sidebar .sidebar-header{flex:0 0 auto}
.mobile-sidebar .sidebar-body{flex:1 1 auto;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
html.cj-drawer-open,body.cj-drawer-open{overflow:hidden!important;touch-action:none}
.sidebar-body,.sidebar-accordion,.accordion-body,.menu-link{min-width:0;max-width:100%}
.menu-link{min-height:44px;display:flex!important;align-items:center;white-space:normal;overflow-wrap:anywhere}
.MuiTableContainer-root,.table-responsive,.table-wrap{max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
@media(max-width:768px){
  .top-header{width:100%!important;max-width:100vw!important;padding:6px 8px!important;gap:6px!important;overflow:hidden!important}
  .mobile-toggle{flex:0 0 44px!important;min-width:44px!important;min-height:44px!important}
  .header-search-btn,.menu-scroll-btn{display:none!important}
  .header-branch-btn{min-width:0!important;max-width:34vw!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .header-logout-btn{flex:0 0 44px!important;min-width:44px!important;min-height:44px!important;margin-left:0!important}
  main.content,.page-modal-body{width:100%!important;max-width:100%!important;min-width:0!important;padding:12px 10px 84px!important;overflow-x:hidden!important}
  .page-modal-overlay{left:0!important;right:0!important;width:100vw!important;max-width:100vw!important}
  .page-modal-window{left:0!important;right:0!important;width:100vw!important;max-width:100vw!important;transform:none!important}
  .MuiContainer-root,.MuiGrid-root,.MuiPaper-root,.MuiCard-root{min-width:0!important;max-width:100%!important}
  .MuiDialog-paper{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;margin:10px!important}
  .MuiTable-root{min-width:max-content}
}

.cj-ai-launcher{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 12px;
  border:1px solid color-mix(in srgb,var(--cj-primary) 35%,var(--cj-border));
  border-radius:9px;
  color:#fff!important;
  background:linear-gradient(112deg,var(--cj-primary-strong),var(--cj-primary));
  text-decoration:none!important;
  font-size:13px;
  font-weight:750;
  white-space:nowrap;
}
.cj-ai-launcher:hover,.cj-ai-launcher:focus-visible{border-color:var(--cj-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cj-accent) 18%,transparent)}
@media(max-width:768px){
  .cj-ai-launcher{min-width:44px;width:44px;padding:0;justify-content:center}
  .cj-ai-launcher span:last-child{display:none}
}

/* v3.3 canonical shell theme. This final cascade deliberately owns every
   first-party shell surface so changing mode/accent cannot leave a stale
   white modal, navy sidebar or mismatched module canvas behind. */
.top-header,
.mega-dropdown,
.page-modal-window,
.page-modal-body,
.MuiDrawer-paper,
.MuiDialog-paper,
.MuiPopover-paper,
.MuiMenu-paper {
  color: var(--cj-ink) !important;
  border-color: var(--cj-border) !important;
  background: var(--cj-surface) !important;
}
.top-header {
  border-bottom: 2px solid var(--cj-accent) !important;
  width:100%!important;
  min-height:58px!important;
  height:auto!important;
  padding-inline:12px!important;
  gap:8px!important;
  box-sizing:border-box!important;
}
.page-modal-overlay {
  background: color-mix(in srgb, var(--cj-canvas) 92%, transparent) !important;
  backdrop-filter: none !important;
}
.page-modal-titlebar {
  color: #fff !important;
  border-bottom: 2px solid var(--cj-accent) !important;
  background: var(--cj-header-gradient) !important;
}
.mobile-sidebar,
.sidebar-header {
  color: #fff !important;
  background: var(--cj-header-gradient) !important;
}
.sidebar-body,
.sidebar-accordion,
.accordion-body {
  color: #eef6ff !important;
  background: color-mix(in srgb, var(--cj-primary-strong) 92%, #081322) !important;
}
.mobile-sidebar .menu-link,
.mobile-sidebar .accordion-header,
.mobile-sidebar button,
.mobile-sidebar a { color: #eef6ff !important; }
.mobile-sidebar .menu-link:hover,
.mobile-sidebar .menu-link.active,
.mobile-sidebar .accordion-header:hover {
  color: #fff !important;
  background: color-mix(in srgb, var(--cj-accent) 24%, transparent) !important;
  box-shadow: inset 3px 0 0 var(--cj-accent);
}
.cj-quick-menu {
  display: none;
  grid-template-columns: repeat(2, minmax(180px, 1fr));
  width: min(520px, calc(100vw - 24px));
  max-height: min(72vh, 620px);
  overflow: auto;
}
.cj-quick-control.is-open .cj-quick-menu { display: grid; }
.cj-quick-menu a { min-height: 40px; display: flex; align-items: center; }
.page-modal-window,
.page-modal-body,
.mega-dropdown,
.cj-quick-menu { animation-duration: .12s !important; transition-duration: .12s !important; }

:root[data-cj-resolved-mode="dark"] .top-header,
:root[data-cj-resolved-mode="dark"] .mega-dropdown,
:root[data-cj-resolved-mode="dark"] .page-modal-window,
:root[data-cj-resolved-mode="dark"] .page-modal-body,
:root[data-cj-resolved-mode="dark"] .MuiDrawer-paper,
:root[data-cj-resolved-mode="dark"] .MuiDialog-paper,
:root[data-cj-resolved-mode="dark"] .MuiPopover-paper,
:root[data-cj-resolved-mode="dark"] .MuiMenu-paper {
  color: var(--cj-ink) !important;
  border-color: var(--cj-border) !important;
  background: var(--cj-surface) !important;
}
:root[data-cj-resolved-mode="dark"] .page-modal-overlay {
  background: color-mix(in srgb, var(--cj-canvas) 94%, transparent) !important;
}

/* Dark shell ownership: the drawer must follow display mode instead of keeping
   the light-mode brand gradient. */
:root[data-cj-resolved-mode="dark"] .mobile-sidebar,
:root[data-cj-resolved-mode="dark"] .sidebar-header {
  color:#eef6ff!important;
  border-color:var(--cj-border)!important;
  background:#111e30!important;
}
:root[data-cj-resolved-mode="dark"] .sidebar-body,
:root[data-cj-resolved-mode="dark"] .sidebar-accordion,
:root[data-cj-resolved-mode="dark"] .accordion-body {
  color:#eef6ff!important;
  background:#172437!important;
}

/* The compiled dashboard uses MUI Box surfaces with fixed #fff/#f3f4f7 values.
   Own only its structural canvas/header/card shells so coloured KPI tiles keep
   their semantic gradients. */
:root[data-cj-resolved-mode="dark"] .cj-route-dashboard main.content > .MuiBox-root,
:root[data-cj-resolved-mode="dark"] .cj-route-dashboard main.content > .MuiBox-root > .MuiBox-root:first-child {
  color:var(--cj-ink)!important;
  background-color:var(--cj-canvas)!important;
}
:root[data-cj-resolved-mode="dark"] .cj-route-dashboard main.content > .MuiBox-root > .MuiBox-root:first-child {
  border-color:var(--cj-border)!important;
  background-color:var(--cj-surface)!important;
}
:root[data-cj-resolved-mode="dark"] .cj-route-dashboard .MuiGrid-item > .MuiBox-root:not([class*="MuiAlert-"]) {
  color:var(--cj-ink);
  border-color:var(--cj-border)!important;
  background-color:var(--cj-surface)!important;
}
:root[data-cj-resolved-mode="dark"] .cj-route-modules main.content > .MuiBox-root {
  color:var(--cj-ink)!important;
  background-color:var(--cj-canvas)!important;
}
:root[data-cj-resolved-mode="dark"] .cj-route-modules main.content > .MuiBox-root > .MuiBox-root:first-child {
  color:var(--cj-ink)!important;
  border-color:var(--cj-border)!important;
  background-color:var(--cj-surface)!important;
}

/* Legacy loader obtains its company name/logo from the API.  Keep the neutral
   progress indicator but never expose vendor/company branding during loading. */
.spinner-container > img,
.spinner-container > svg,
.spinner-container .company-name,
.spinner-container .company-name::after { display:none!important;content:none!important; }

@media(max-width:768px){
  .cj-header-brand,.cj-enterprise-nav,.cj-user-profile{display:none!important}
  .cj-quick-control{display:block!important;min-width:0!important}
  .cj-quick-trigger{min-width:44px!important;max-width:92px!important;padding:0 9px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .cj-theme-control{display:block!important;min-width:44px!important}
  .cj-quick-menu{position:fixed!important;left:10px!important;right:10px!important;top:62px!important;width:auto!important;grid-template-columns:1fr!important;max-height:calc(100vh - 78px)!important}
}

/* COLORJET bundled source: /var/www/colorjet-erp/frontend/colorjet/dark-contrast.css */
/* COLORJET ERP v3.3 final dark contrast layer. Loaded after the canonical live theme. */
:root[data-cj-resolved-mode="dark"]{--cj-ink:#f1f5f9;--cj-muted:#bdc9d8;--cj-border:#405269;--cj-surface:#172437;--cj-canvas:#0c1624;--cj-primary-soft:#1b3a55;--cj-dark-control:#111e30;--cj-dark-raised:#1d2d43;color-scheme:dark}
:root[data-cj-resolved-mode="dark"] :where(html,body,#root,main.content,.page-modal-body,.page-modal-window,.spinner-container){color:var(--cj-ink)!important;background:var(--cj-canvas)!important}
:root[data-cj-resolved-mode="dark"] :where(h1,h2,h3,h4,h5,h6,p,span,strong,small,label,legend,dt,dd,li,.MuiTypography-root,.MuiFormLabel-root,.MuiInputLabel-root,.MuiFormHelperText-root,.MuiTableCell-root,.MuiListItemText-primary,.MuiListItemText-secondary,.MuiSvgIcon-root){color:inherit}
:root[data-cj-resolved-mode="dark"] :where(.MuiPaper-root,.MuiCard-root,.MuiDialog-paper,.MuiPopover-paper,.MuiMenu-paper,.MuiDrawer-paper,.MuiAccordion-root,.MuiTableContainer-root,.cj-panel,.cj-page-section,.cj-theme-card,.mega-dropdown,.cj-theme-menu,.cj-quick-menu,.swal2-popup){color:var(--cj-ink)!important;border-color:var(--cj-border)!important;background:var(--cj-surface)!important}
:root[data-cj-resolved-mode="dark"] :where(.MuiInputBase-root,.MuiOutlinedInput-root,.MuiFilledInput-root,input,select,textarea){color:var(--cj-ink)!important;border-color:var(--cj-border)!important;background:var(--cj-dark-control)!important;-webkit-text-fill-color:var(--cj-ink)!important}
:root[data-cj-resolved-mode="dark"] :where(input,textarea)::placeholder{color:#93a5bb!important;opacity:1}
:root[data-cj-resolved-mode="dark"] .MuiOutlinedInput-notchedOutline{border-color:var(--cj-border)!important}
:root[data-cj-resolved-mode="dark"] :where(.MuiInputLabel-root,.MuiFormLabel-root,.MuiFormHelperText-root,.MuiTypography-colorTextSecondary,.MuiTablePagination-root){color:var(--cj-muted)!important}
:root[data-cj-resolved-mode="dark"] :where(.MuiTableHead-root,.MuiTableCell-head,.cj-data-table thead th,.cj-data-table thead td,thead th){color:#eef5ff!important;border-color:var(--cj-border)!important;background:#203149!important}
:root[data-cj-resolved-mode="dark"] :where(.MuiTableBody-root .MuiTableRow-root:nth-of-type(even),.cj-data-table tbody tr:nth-child(even)){background:#142135!important}
:root[data-cj-resolved-mode="dark"] :where(.MuiTableBody-root .MuiTableRow-root:hover,.cj-data-table tbody tr:hover){background:#203a52!important}
:root[data-cj-resolved-mode="dark"] :where(.MuiTableCell-root,.cj-data-table td,.cj-data-table th,td,th){color:var(--cj-ink)!important;border-color:var(--cj-border)!important}
:root[data-cj-resolved-mode="dark"] :where(.top-header,.header-search-btn,.header-logout-btn,.mobile-toggle,.menu-scroll-btn,.cj-theme-trigger,.cj-quick-trigger,.MuiButton-outlined,.MuiButton-text){color:var(--cj-ink)!important;border-color:var(--cj-border)!important;background:var(--cj-dark-raised)!important}
:root[data-cj-resolved-mode="dark"] :where(.top-menu-tile,.mega-link,.cj-theme-choice,.cj-quick-link){color:#dce7f4!important}
:root[data-cj-resolved-mode="dark"] :where(.top-menu-tile:hover,.top-menu-tile:focus-visible,.mega-link:hover,.cj-theme-choice:hover,.cj-quick-link:hover){color:#fff!important;background:#24435d!important}
:root[data-cj-resolved-mode="dark"] :where(.cj-kpi,.kpi,.cj-panel,.integration-status,.mapping-flow>div){color:var(--cj-ink)!important;border-color:var(--cj-border)!important;background:var(--cj-surface)!important}
:root[data-cj-resolved-mode="dark"] :where(.cj-kpi__label,.kpi-label,.cj-kpi small,.cj-panel small,.empty,.muted){color:var(--cj-muted)!important}
:root[data-cj-resolved-mode="dark"] :where(.swal2-title,.swal2-html-container,.MuiDialogTitle-root,.MuiDialogContent-root){color:var(--cj-ink)!important}
:root[data-cj-resolved-mode="dark"] .page-modal-overlay{background:rgba(4,10,18,.92)!important}
:root[data-cj-resolved-mode="dark"] .cj-pdf-live-progress>div{color:var(--cj-ink)!important;border-color:var(--cj-border)!important;background:var(--cj-surface)!important}
:root[data-cj-resolved-mode="dark"] .cj-pdf-live-progress p{color:var(--cj-muted)!important}
:root[data-cj-resolved-mode="dark"] #cj-portal-launcher a{color:#fff!important;-webkit-text-fill-color:#fff!important;background:#075ea8!important;border-color:#91c8f4!important}
:root[data-cj-resolved-mode="dark"] #cj-portal-launcher a:last-child{color:#fff!important;-webkit-text-fill-color:#fff!important;background:#0b2944!important;border-color:#7890a8!important}
:root[data-cj-resolved-mode="dark"] :where(.cj-dashboard-hero,.cj-dashboard-date,.cj-dashboard-actions a){color:#eef5fb!important;-webkit-text-fill-color:#eef5fb!important}

/* MUI overlays render outside page containers, so their text needs an explicit dark palette. */
:root[data-cj-resolved-mode="dark"] :where(.MuiPickersPopper-root,.MuiPickersLayout-root,.MuiDateCalendar-root,.MuiDayCalendar-root,.MuiYearCalendar-root,.MuiMonthCalendar-root,.MuiAutocomplete-paper,.MuiAutocomplete-listbox,.MuiSelect-select,.MuiMenu-list,.MuiList-root,.MuiTooltip-tooltip){color:var(--cj-ink)!important;background:var(--cj-surface)!important}
:root[data-cj-resolved-mode="dark"] :where(.MuiPickersCalendarHeader-label,.MuiDayCalendar-weekDayLabel,.MuiPickersDay-root,.MuiPickersYear-yearButton,.MuiPickersMonth-monthButton,.MuiClockNumber-root,.MuiListItem-root,.MuiListItemButton-root,.MuiMenuItem-root,.MuiAutocomplete-option){color:var(--cj-ink)!important;-webkit-text-fill-color:var(--cj-ink)!important}
:root[data-cj-resolved-mode="dark"] :where(.MuiPickersDay-root:hover,.MuiPickersYear-yearButton:hover,.MuiPickersMonth-monthButton:hover,.MuiMenuItem-root:hover,.MuiAutocomplete-option:hover,.MuiAutocomplete-option[aria-selected="true"],.MuiListItemButton-root:hover){color:#fff!important;background:#294761!important}
:root[data-cj-resolved-mode="dark"] :where(.MuiPickersDay-root.Mui-selected,.MuiPickersYear-yearButton.Mui-selected,.MuiPickersMonth-monthButton.Mui-selected){color:#fff!important;-webkit-text-fill-color:#fff!important;background:#087ac1!important}
:root[data-cj-resolved-mode="dark"] :where(.MuiPickersDay-root.Mui-disabled,.MuiPickersDay-root.MuiPickersDay-dayOutsideMonth,.MuiMenuItem-root.Mui-disabled,.MuiAutocomplete-option[aria-disabled="true"]){color:#8999ad!important;-webkit-text-fill-color:#8999ad!important;opacity:1!important}

/* Interactive labels and icons must remain visible without flattening contained action colours. */
:root[data-cj-resolved-mode="dark"] :where(.MuiIconButton-root,.MuiTab-root,.MuiChip-root,.MuiChip-label,.MuiCheckbox-root,.MuiRadio-root,.MuiSwitch-root,.MuiPaginationItem-root,.MuiBreadcrumbs-root,.MuiBreadcrumbs-separator){color:var(--cj-ink)!important;-webkit-text-fill-color:var(--cj-ink)!important}
:root[data-cj-resolved-mode="dark"] :where(.MuiButton-contained,.MuiFab-root,.MuiPickersDay-root.Mui-selected) :where(span,.MuiSvgIcon-root){color:inherit!important;-webkit-text-fill-color:currentColor!important}
:root[data-cj-resolved-mode="dark"] :where(button,a,[role="button"]):focus-visible{outline:3px solid #71c7ff!important;outline-offset:2px!important}
:root[data-cj-resolved-mode="dark"] :where(.Mui-disabled,[aria-disabled="true"],button:disabled,input:disabled,select:disabled,textarea:disabled){border-color:#4b5c70!important;opacity:1!important}
:root[data-cj-resolved-mode="dark"] :where(input:disabled,select:disabled,textarea:disabled,.MuiInputBase-root.Mui-disabled){color:#9dabbc!important;-webkit-text-fill-color:#9dabbc!important;background:#162235!important}

/* Native and common third-party controls used by older ERP modules. */
:root[data-cj-resolved-mode="dark"] :where(option,optgroup,.react-datepicker,.react-datepicker__header,.react-datepicker__month-container,.flatpickr-calendar,.flatpickr-months,.flatpickr-weekdays,.flatpickr-days){color:var(--cj-ink)!important;background:var(--cj-surface)!important}
:root[data-cj-resolved-mode="dark"] :where(.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__current-month,.flatpickr-day,.flatpickr-weekday,.cur-month,.numInput){color:var(--cj-ink)!important;-webkit-text-fill-color:var(--cj-ink)!important}
:root[data-cj-resolved-mode="dark"] :where(.react-datepicker__day--selected,.flatpickr-day.selected){color:#fff!important;-webkit-text-fill-color:#fff!important;background:#087ac1!important}

/* Full-build audit: remap the legacy form tokens defined by the compiled bundle. */
:root[data-cj-resolved-mode="dark"]{--erp-input-border:#52677f;--erp-input-border-hover:#7890aa;--erp-input-border-focus:#71c7ff;--erp-input-focus-ring:rgba(113,199,255,.25);--erp-input-text:#f1f5f9;--erp-input-placeholder:#aebccd;--erp-input-bg:#111e30;--erp-input-disabled-bg:#162235;--erp-input-error:#ff8b8b}
:root[data-cj-resolved-mode="dark"] :where(.MuiInputLabel-root.MuiInputLabel-shrink,.Mui-disabled.MuiInputLabel-root.MuiInputLabel-shrink){color:var(--cj-muted)!important;background:var(--cj-dark-control)!important}
:root[data-cj-resolved-mode="dark"] :where(.MuiInputAdornment-root,.MuiFormControlLabel-label,.MuiSelect-icon,.MuiAutocomplete-popupIndicator,.MuiAutocomplete-clearIndicator){color:var(--cj-muted)!important;-webkit-text-fill-color:var(--cj-muted)!important}

/* Remaining MUI families found across entry, record, report and settings modules. */
:root[data-cj-resolved-mode="dark"] :where(.MuiAppBar-root,.MuiToolbar-root,.MuiBottomNavigation-root,.MuiAccordionSummary-root,.MuiAccordionDetails-root,.MuiStep-root,.MuiStepLabel-root,.MuiStepper-root,.MuiTabs-root,.MuiTabScrollButton-root,.MuiSnackbarContent-root,.MuiSpeedDialAction-fab,.MuiToggleButton-root,.MuiPagination-root){color:var(--cj-ink)!important;border-color:var(--cj-border)!important;background-color:var(--cj-surface)!important}
:root[data-cj-resolved-mode="dark"] :where(.MuiAlert-standardInfo,.MuiAlert-outlinedInfo){color:#c7e7ff!important;background:#17334b!important}:root[data-cj-resolved-mode="dark"] :where(.MuiAlert-standardSuccess,.MuiAlert-outlinedSuccess){color:#c9f7da!important;background:#163729!important}
:root[data-cj-resolved-mode="dark"] :where(.MuiAlert-standardWarning,.MuiAlert-outlinedWarning){color:#ffe1a8!important;background:#3b2d18!important}
:root[data-cj-resolved-mode="dark"] :where(.MuiAlert-standardError,.MuiAlert-outlinedError){color:#ffd0d0!important;background:#462326!important}
:root[data-cj-resolved-mode="dark"] :where(.MuiDivider-root,hr){border-color:var(--cj-border)!important}
:root[data-cj-resolved-mode="dark"] :where(.MuiSlider-markLabel,.MuiStepLabel-label,.MuiBottomNavigationAction-label,.MuiRating-iconEmpty){color:var(--cj-muted)!important}

/* Compiled modules contain inline black action icons/text; constrain the override to screen dark mode. */
@media screen{
  :root[data-cj-resolved-mode="dark"] :where([style*="color: rgb(0, 0, 0)"],[style*="color: rgb(17, 17, 17)"],[style*="color: rgb(34, 34, 34)"],[style*="color: #000"],[style*="color:#000"],[style*="color: black"],[style*="color:black"]){color:var(--cj-ink)!important;-webkit-text-fill-color:var(--cj-ink)!important}
  :root[data-cj-resolved-mode="dark"] :where(.bg-white,.bg-gray-50,.bg-gray-100,.bg-gray-200,.text-field .MuiFilledInput-root,.auto-complete .MuiFilledInput-root,.typography-style,.building-section,.floor,.seat,.styled-table-container,.google-visualization-table-table,.google-visualization-table-th-fullwidth,.google-visualization-table-tr-even,.google-visualization-table-tr-odd,.report-dom:not(.print-source),.report-dom:not(.print-source) tr,.report-dom:not(.print-source) td,.report-dom:not(.print-source) th){color:var(--cj-ink)!important;border-color:var(--cj-border)!important;background-color:var(--cj-surface)!important}
  :root[data-cj-resolved-mode="dark"] :where(.text-gray-500,.text-gray-600,.text-gray-700,.text-gray-800,.text-gray-900,.date-text,.styled-table-container h2,.plus-link,.room,.seat){color:var(--cj-ink)!important;-webkit-text-fill-color:var(--cj-ink)!important}
  :root[data-cj-resolved-mode="dark"] :where(.hover\:bg-white:hover,.hover\:bg-gray-50:hover,.hover\:bg-gray-200:hover,.text-field:hover .MuiFilledInput-root,.auto-complete:hover .MuiFilledInput-root,.google-visualization-table-tr-over:hover){color:#fff!important;background-color:#294761!important}

  /* Legacy dashboard widgets use inline light surfaces and black/gray copy. Keep them
     inside the same dark semantic palette instead of allowing white-on-white or
     black-on-navy combinations. Screen-only so printed business documents are untouched. */
  :root[data-cj-resolved-mode="dark"] :where(
    [style*="background: rgb(255, 255, 255)"],
    [style*="background-color: rgb(255, 255, 255)"],
    [style*="background: #fff"],
    [style*="background-color: #fff"],
    [style*="background: white"],
    [style*="background-color: white"]
  ){color:var(--cj-ink)!important;border-color:var(--cj-border)!important;background:var(--cj-dark-raised)!important}
  :root[data-cj-resolved-mode="dark"] :where(
    [style*="background: rgb(232, 245, 233)"],
    [style*="background-color: rgb(232, 245, 233)"],
    [style*="background: rgb(237, 247, 232)"],
    [style*="background-color: rgb(237, 247, 232)"]
  ){color:#d9fbe5!important;border-color:#397256!important;background:#163729!important}
  :root[data-cj-resolved-mode="dark"] :where(
    [style*="color: rgba(0, 0, 0, 0.87)"],
    [style*="color: rgba(0, 0, 0, 0.6)"],
    [style*="color: rgba(0, 0, 0, 0.54)"],
    [style*="color: rgb(51, 51, 51)"],
    [style*="color: rgb(33, 33, 33)"],
    [style*="color: #333"],
    [style*="color:#333"]
  ){color:var(--cj-ink)!important;-webkit-text-fill-color:var(--cj-ink)!important}
  :root[data-cj-resolved-mode="dark"] :where(
    [style*="color: rgb(117, 117, 117)"],
    [style*="color: rgb(102, 102, 102)"],
    [style*="color: #666"],
    [style*="color:#666"]
  ){color:var(--cj-muted)!important;-webkit-text-fill-color:var(--cj-muted)!important}

  /* Module landing pages ship a hard-coded light palette inside their cards. Scope
     the correction to the page identified by its menu search control so forms,
     documents and ordinary MUI panels keep their own semantic colours. */
  :root[data-cj-resolved-mode="dark"] body:has(input[placeholder="Search menu items..."])
    .MuiPaper-root > .MuiBox-root:last-child {
    color:var(--cj-ink)!important;
    background:var(--cj-surface)!important;
  }
  :root[data-cj-resolved-mode="dark"] body:has(input[placeholder="Search menu items..."])
    .MuiPaper-root > .MuiBox-root:last-child .MuiBox-root {
    color:var(--cj-ink)!important;
    border-color:var(--cj-border)!important;
    background:var(--cj-dark-control)!important;
  }
  :root[data-cj-resolved-mode="dark"] body:has(input[placeholder="Search menu items..."])
    .MuiPaper-root > .MuiBox-root:last-child :where(.MuiTypography-root,.menu-label,.menu-arrow) {
    color:var(--cj-ink)!important;
    -webkit-text-fill-color:var(--cj-ink)!important;
  }

  :root[data-cj-resolved-mode="dark"] [data-cj-dashboard-stock-card="true"] {
    color:var(--cj-ink)!important;
    border:1px solid var(--cj-border)!important;
    background:var(--cj-dark-raised)!important;
  }
  :root[data-cj-resolved-mode="dark"] [data-cj-dashboard-stock-card="true"] :where(.MuiTypography-root,.MuiBox-root) {
    color:var(--cj-ink)!important;
    -webkit-text-fill-color:var(--cj-ink)!important;
  }
  :root[data-cj-resolved-mode="dark"] [data-cj-dashboard-panel="true"] [data-cj-low-contrast="true"] {
    color:var(--cj-ink)!important;
    -webkit-text-fill-color:var(--cj-ink)!important;
  }
  :root[data-cj-resolved-mode="dark"][data-cj-page="modules"] [data-cj-module-light-surface="true"] {
    color:var(--cj-ink)!important;
    border-color:var(--cj-border)!important;
    background:var(--cj-surface)!important;
  }
  :root[data-cj-resolved-mode="dark"][data-cj-page="modules"] [data-cj-low-contrast="true"] {
    color:var(--cj-ink)!important;
    -webkit-text-fill-color:var(--cj-ink)!important;
  }
}

/* SVG chart and status text is otherwise unaffected by inherited HTML colour. */
:root[data-cj-resolved-mode="dark"] :where(svg text,svg tspan,.MuiChartsAxis-tickLabel,.MuiChartsLegend-label){fill:var(--cj-ink)!important;color:var(--cj-ink)!important}
:root[data-cj-resolved-mode="dark"] :where(a:not(.MuiButton-contained):not([class*="status"])){color:#8fd0ff}
:root[data-cj-resolved-mode="dark"] :where(code,pre,kbd){color:#e6edf7!important;border-color:var(--cj-border)!important;background:#101b2a!important}
:root[data-cj-resolved-mode="dark"] ::selection{color:#fff;background:#075ea8}

/* COLORJET bundled source: /var/www/colorjet-erp/frontend/colorjet/owner-command-center.css */
:root{--cj-blue:#075eab;--cj-navy:#102a43;--cj-orange:#f47a20;--cj-bg:#f5f7fa;--cj-line:#e2e8f0;--cj-muted:#64748b}
.cj-owner{background:var(--cj-bg);color:var(--cj-navy);min-height:100vh;padding:20px 24px 36px;font-family:Inter,Roboto,"Segoe UI",sans-serif}.cj-owner *{box-sizing:border-box}.cj-owner a{color:inherit;text-decoration:none}.cj-owner__hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.cj-owner__eyebrow{color:var(--cj-blue);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cj-owner h1{font-size:24px;line-height:1.25;margin:4px 0 5px}.cj-owner__meta{color:var(--cj-muted);font-size:13px}.cj-owner__clock{text-align:right;font-size:13px;color:var(--cj-muted)}.cj-owner__clock strong{display:block;color:var(--cj-navy);font-size:15px;margin-bottom:3px}.cj-owner__kpis{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px}.cj-kpi,.cj-panel{background:#fff;border:1px solid var(--cj-line);border-radius:11px;box-shadow:0 1px 2px rgba(16,35,62,.04)}.cj-kpi{display:block;padding:14px 15px;min-height:104px;position:relative;transition:transform .15s,box-shadow .15s}.cj-kpi:hover{transform:translateY(-1px);box-shadow:0 5px 15px rgba(16,35,62,.08)}.cj-kpi__top{display:flex;justify-content:space-between;align-items:center;color:var(--cj-muted);font-size:12px;font-weight:650}.cj-kpi__icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#edf4ff;color:var(--cj-blue);font-size:14px}.cj-kpi__value{font-size:20px;line-height:1.2;font-weight:800;margin-top:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cj-kpi__value[data-state="loading"]{height:22px;width:72%;border-radius:5px;background:#edf0f4;color:transparent;animation:cj-pulse 1.2s ease-in-out infinite}.cj-kpi__hint{font-size:11px;color:var(--cj-muted);margin-top:5px}.cj-owner__actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.cj-action{background:#fff;border:1px solid var(--cj-line);border-radius:9px;padding:9px 12px;font-size:12px;font-weight:700}.cj-action:hover{border-color:#9bb9e4;color:var(--cj-blue)}.cj-action--primary{background:var(--cj-blue);border-color:var(--cj-blue);color:#fff!important}.cj-owner__grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px}.cj-panel{padding:16px;min-width:0}.cj-panel--wide{grid-column:span 2}.cj-panel__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.cj-panel h2{font-size:14px;margin:0}.cj-panel__link{color:var(--cj-blue);font-size:11px;font-weight:700}.cj-bars{display:grid;gap:10px}.cj-bar__label{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:5px}.cj-bar__track{height:7px;background:#eef1f5;border-radius:10px;overflow:hidden}.cj-bar__fill{height:100%;background:var(--cj-blue);border-radius:10px}.cj-bar:nth-child(2n) .cj-bar__fill{background:var(--cj-orange)}.cj-alerts{display:grid;gap:8px}.cj-alert{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid #e7eaf0;border-radius:8px;font-size:12px}.cj-alert strong{font-size:15px}.cj-alert[data-tone="danger"]{border-left:3px solid #d92d20}.cj-alert[data-tone="warn"]{border-left:3px solid #e29a18}.cj-empty{color:var(--cj-muted);font-size:12px;padding:18px 4px}.cj-owner__status{font-size:11px;color:var(--cj-muted)}@keyframes cj-pulse{50%{opacity:.48}}
@media(max-width:1100px){.cj-owner__kpis{grid-template-columns:repeat(3,1fr)}.cj-owner__grid{grid-template-columns:1fr 1fr}.cj-panel--wide{grid-column:span 2}}@media(max-width:700px){.cj-owner{padding:14px}.cj-owner__hero{display:block}.cj-owner__clock{text-align:left;margin-top:10px}.cj-owner__kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cj-kpi{min-height:96px;padding:12px}.cj-kpi__value{font-size:17px}.cj-owner__grid{grid-template-columns:1fr}.cj-panel--wide{grid-column:auto}.cj-owner__actions{display:grid;grid-template-columns:repeat(2,1fr)}.cj-action{text-align:center}}
@media(prefers-reduced-motion:reduce){.cj-kpi{transition:none}.cj-kpi:hover{transform:none}.cj-kpi__value[data-state="loading"]{animation:none}}
.cj-alert strong{text-align:right}.cj-owner__feature{display:grid;gap:10px;font-size:12px;color:var(--cj-muted);line-height:1.55}.cj-owner__feature strong{font-size:15px;color:var(--cj-navy)}.cj-owner__feature a{display:inline-flex;width:max-content;max-width:100%;align-items:center;justify-content:center;min-height:36px;border:1px solid var(--cj-blue);border-radius:8px;color:var(--cj-blue);font-weight:800;padding:7px 11px}.cj-owner__feature a:hover{background:#edf4ff}:root[data-cj-resolved-mode="dark"] .cj-owner__feature strong{color:#f8fafc!important}:root[data-cj-resolved-mode="dark"] .cj-owner__feature a{border-color:#5598d8!important;color:#9fd0ff!important}:root[data-cj-resolved-mode="dark"] .cj-owner__feature a:hover{background:#17243a!important}
.cj-page-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.cj-status-chip{border:1px solid #f2a66f;background:#fff7ed;color:#9a4100;border-radius:999px;padding:6px 10px;font-size:12px}.cj-approval-meta{display:grid;gap:8px;margin:16px 0}.cj-approval-meta div{display:grid;grid-template-columns:110px 1fr;gap:10px}.cj-approval-meta dt{color:var(--cj-muted);font-weight:700}.cj-approval-meta dd{margin:0;min-width:0;overflow-wrap:anywhere}.cj-approval-lists{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cj-approval-lists>div{border:1px solid var(--cj-line);border-radius:10px;padding:12px}.cj-approval-lists h3{margin:0 0 8px;font-size:13px}.cj-approval-lists ul{margin:0;padding-left:18px}.cj-opening-approval form{display:grid;gap:10px;margin-top:16px;max-width:760px}.cj-opening-approval label{display:grid;gap:5px;font-weight:700}.cj-opening-approval input{min-height:44px;border:1px solid var(--cj-line);border-radius:8px;padding:9px 11px;background:#fff;color:var(--cj-navy)}.cj-opening-approval button{min-height:44px;border:0;border-radius:8px;padding:9px 14px;background:var(--cj-blue);color:#fff;font-weight:800}.cj-opening-approval button:disabled{opacity:.5;cursor:not-allowed}.cj-approval-warning{border-left:3px solid var(--cj-orange);padding:9px 11px;background:#fff7ed}.cj-approval-ok{margin-top:16px;border-left:3px solid #16834f;padding:10px 12px;background:#effcf5;color:#0d5f39}.cj-owner-op-grid article small{display:block}
@media(max-width:700px){.cj-page-section-head{display:block}.cj-status-chip{display:inline-block;margin-top:8px}.cj-approval-lists{grid-template-columns:1fr}.cj-approval-meta div{grid-template-columns:1fr}.cj-opening-approval input{width:100%}}
:root[data-cj-resolved-mode="dark"] .cj-opening-approval input{background:#111c2e!important;color:#f8fafc!important;border-color:#42526b!important}:root[data-cj-resolved-mode="dark"] .cj-approval-lists>div{border-color:#42526b!important}:root[data-cj-resolved-mode="dark"] .cj-approval-warning{background:#3b2819!important;color:#ffe5d0!important}:root[data-cj-resolved-mode="dark"] .cj-approval-ok{background:#133426!important;color:#d5ffe7!important}
.cj-owner__kpis .cj-kpi:nth-child(3n){border-left:3px solid var(--cj-orange)}.cj-owner__kpis .cj-kpi:nth-child(3n) .cj-kpi__icon{color:#b64b0b;background:#fff0e5}.cj-owner__grid .cj-panel:nth-child(3n+2){border-top:3px solid var(--cj-orange)}:root[data-cj-resolved-mode="dark"] .cj-owner__kpis .cj-kpi:nth-child(3n) .cj-kpi__icon{color:#ffc195!important;background:#4b2a1a!important}
.cj-owner-alerts{border-top:3px solid var(--cj-orange)!important}.cj-alert-contract{margin:14px 0;padding:12px 14px;border:1px solid #fed7aa;border-radius:9px;background:#fffaf5;color:#713f12;line-height:1.55}.cj-owner-alerts td small{display:block;color:var(--cj-muted);margin-top:3px}.cj-owner-alerts input[type="number"]{width:100px;min-height:36px;padding:6px 8px;border:1px solid var(--cj-line);border-radius:7px;background:#fff;color:var(--cj-navy)}.cj-owner-alerts input[type="checkbox"]{width:20px;height:20px;accent-color:var(--cj-blue)}.cj-owner-alerts button{min-height:38px;border:1px solid var(--cj-blue);border-radius:8px;background:#fff;color:var(--cj-blue);font-weight:750;padding:7px 11px}.cj-owner-alerts [data-evaluate-alerts]{background:var(--cj-blue);color:#fff}.cj-owner-alerts [data-alert-status]{font-weight:650;color:var(--cj-blue)}
:root[data-cj-resolved-mode="dark"] .cj-alert-contract{background:#3b2819!important;color:#ffe5d0!important;border-color:#7c4a25!important}:root[data-cj-resolved-mode="dark"] .cj-owner-alerts input[type="number"]{background:#111c2e!important;color:#f8fafc!important;border-color:#42526b!important}:root[data-cj-resolved-mode="dark"] .cj-owner-alerts button{background:#17243a!important;color:#9fd0ff!important;border-color:#5598d8!important}
.cj-owner-scroll-host{height:calc(100dvh - 70px)!important;max-height:calc(100dvh - 70px)!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.cj-owner-ops{min-height:max-content!important;padding-bottom:calc(110px + env(safe-area-inset-bottom))!important}.cj-owner-ops .cj-page-section:last-child{margin-bottom:24px}
@media(max-width:700px){.cj-owner-scroll-host{height:calc(100dvh - 58px)!important;max-height:calc(100dvh - 58px)!important}.cj-owner-ops{padding-bottom:calc(130px + env(safe-area-inset-bottom))!important}}

/* v3.3.18 Owner dashboard formula: keep the original dashboard, then add the new controls as a side intelligence rail. */
.cj-dashboard-shell{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(340px,420px)!important;gap:16px!important;align-items:start!important;width:100%!important;max-width:100%!important}
.cj-dashboard-main{min-width:0!important}
.cj-owner--below{min-height:0!important;max-height:calc(100dvh - 116px)!important;overflow:auto!important;margin:0!important;padding:14px!important;border-top:4px solid var(--cj-blue)!important;background:#f3f7fb!important;border-radius:12px!important;box-shadow:0 6px 22px rgba(11,37,69,.08)!important;position:sticky!important;top:74px!important}
.cj-owner--below .cj-owner__hero{margin-bottom:10px!important;padding:0 2px!important}
.cj-owner--below .cj-owner__eyebrow{color:var(--cj-blue)!important}
.cj-owner--below h1{font-size:18px!important}
.cj-owner__kpis--softtask{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:12px 0 14px!important}
.cj-owner__kpis--softtask .cj-kpi{min-height:86px!important;padding:11px 12px!important;border-radius:8px!important;border-color:#d6e4f2!important}
.cj-owner__kpis--softtask .cj-kpi:nth-child(4n+1){border-top:3px solid var(--cj-blue)!important}
.cj-owner__kpis--softtask .cj-kpi:nth-child(4n+2){border-top:3px solid #00a99d!important}
.cj-owner__kpis--softtask .cj-kpi:nth-child(4n+3){border-top:3px solid var(--cj-orange)!important}
.cj-owner__kpis--softtask .cj-kpi:nth-child(4n){border-top:3px solid #e04f5f!important}
.cj-owner__kpis--softtask .cj-kpi__top{font-size:11px!important;text-transform:uppercase!important}
.cj-owner__kpis--softtask .cj-kpi__value{font-size:18px!important;margin-top:9px!important}
.cj-owner__kpis--softtask .cj-kpi__hint{font-size:10px!important}
.cj-owner--below .cj-owner__actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:8px 0 15px!important}
.cj-owner--below .cj-action{min-height:30px!important;padding:7px 10px!important;border-radius:999px!important;border-color:#bfdbf4!important;background:#0b72c9!important;color:#fff!important;font-size:11px!important;line-height:1.1!important;box-shadow:0 1px 3px rgba(7,94,171,.14)!important}
.cj-owner--below .cj-action:nth-child(3n){background:#00a99d!important}
.cj-owner--below .cj-action:nth-child(4n){background:#f47a20!important}
.cj-owner--below .cj-action:hover{filter:brightness(.96)!important}
.cj-owner--below .cj-owner__grid{grid-template-columns:1fr!important}
.cj-owner--below .cj-panel{border-radius:8px!important}
body:has(#cj-whatsapp-support){padding-bottom:0!important}
#cj-whatsapp-support{right:18px!important;bottom:calc(86px + env(safe-area-inset-bottom))!important;z-index:850!important}
@media(max-width:1320px){.cj-dashboard-shell{grid-template-columns:1fr!important}.cj-owner--below{position:relative!important;top:auto!important;max-height:none!important;margin-top:14px!important}.cj-owner__kpis--softtask{grid-template-columns:repeat(4,minmax(0,1fr))!important}.cj-owner--below .cj-owner__grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:700px){
  html,body,#root{min-height:100dvh!important}
  body{overscroll-behavior-y:none!important}
  .cj-dashboard-shell{display:block!important}
  .cj-owner--below{margin:12px 0 0!important;padding:12px!important;padding-bottom:calc(110px + env(safe-area-inset-bottom))!important}
  .cj-owner__kpis--softtask{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .cj-owner--below .cj-owner__actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cj-owner--below .cj-action{display:flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;white-space:normal!important}
  .cj-owner--below .cj-owner__grid{grid-template-columns:1fr!important}
  #cj-whatsapp-support{right:14px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important}
}
/* COLORJET bundled source: /var/www/colorjet-erp/frontend/opening-approval-owner.css */
:root{--cj-blue:#075eab;--cj-navy:#102a43;--cj-orange:#f47a20;--cj-bg:#f5f7fa;--cj-line:#e2e8f0;--cj-muted:#64748b}
.cj-owner{background:var(--cj-bg);color:var(--cj-navy);min-height:100vh;padding:20px 24px 36px;font-family:Inter,Roboto,"Segoe UI",sans-serif}.cj-owner *{box-sizing:border-box}.cj-owner a{color:inherit;text-decoration:none}.cj-owner__hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.cj-owner__eyebrow{color:var(--cj-blue);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cj-owner h1{font-size:24px;line-height:1.25;margin:4px 0 5px}.cj-owner__meta{color:var(--cj-muted);font-size:13px}.cj-owner__clock{text-align:right;font-size:13px;color:var(--cj-muted)}.cj-owner__clock strong{display:block;color:var(--cj-navy);font-size:15px;margin-bottom:3px}.cj-owner__kpis{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px}.cj-kpi,.cj-panel{background:#fff;border:1px solid var(--cj-line);border-radius:11px;box-shadow:0 1px 2px rgba(16,35,62,.04)}.cj-kpi{display:block;padding:14px 15px;min-height:104px;position:relative;transition:transform .15s,box-shadow .15s}.cj-kpi:hover{transform:translateY(-1px);box-shadow:0 5px 15px rgba(16,35,62,.08)}.cj-kpi__top{display:flex;justify-content:space-between;align-items:center;color:var(--cj-muted);font-size:12px;font-weight:650}.cj-kpi__icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#edf4ff;color:var(--cj-blue);font-size:14px}.cj-kpi__value{font-size:20px;line-height:1.2;font-weight:800;margin-top:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cj-kpi__value[data-state="loading"]{height:22px;width:72%;border-radius:5px;background:#edf0f4;color:transparent;animation:cj-pulse 1.2s ease-in-out infinite}.cj-kpi__hint{font-size:11px;color:var(--cj-muted);margin-top:5px}.cj-owner__actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.cj-action{background:#fff;border:1px solid var(--cj-line);border-radius:9px;padding:9px 12px;font-size:12px;font-weight:700}.cj-action:hover{border-color:#9bb9e4;color:var(--cj-blue)}.cj-action--primary{background:var(--cj-blue);border-color:var(--cj-blue);color:#fff!important}.cj-owner__grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px}.cj-panel{padding:16px;min-width:0}.cj-panel--wide{grid-column:span 2}.cj-panel__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.cj-panel h2{font-size:14px;margin:0}.cj-panel__link{color:var(--cj-blue);font-size:11px;font-weight:700}.cj-bars{display:grid;gap:10px}.cj-bar__label{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:5px}.cj-bar__track{height:7px;background:#eef1f5;border-radius:10px;overflow:hidden}.cj-bar__fill{height:100%;background:var(--cj-blue);border-radius:10px}.cj-bar:nth-child(2n) .cj-bar__fill{background:var(--cj-orange)}.cj-alerts{display:grid;gap:8px}.cj-alert{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid #e7eaf0;border-radius:8px;font-size:12px}.cj-alert strong{font-size:15px}.cj-alert[data-tone="danger"]{border-left:3px solid #d92d20}.cj-alert[data-tone="warn"]{border-left:3px solid #e29a18}.cj-empty{color:var(--cj-muted);font-size:12px;padding:18px 4px}.cj-owner__status{font-size:11px;color:var(--cj-muted)}@keyframes cj-pulse{50%{opacity:.48}}
@media(max-width:1100px){.cj-owner__kpis{grid-template-columns:repeat(3,1fr)}.cj-owner__grid{grid-template-columns:1fr 1fr}.cj-panel--wide{grid-column:span 2}}@media(max-width:700px){.cj-owner{padding:14px}.cj-owner__hero{display:block}.cj-owner__clock{text-align:left;margin-top:10px}.cj-owner__kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cj-kpi{min-height:96px;padding:12px}.cj-kpi__value{font-size:17px}.cj-owner__grid{grid-template-columns:1fr}.cj-panel--wide{grid-column:auto}.cj-owner__actions{display:grid;grid-template-columns:repeat(2,1fr)}.cj-action{text-align:center}}
@media(prefers-reduced-motion:reduce){.cj-kpi{transition:none}.cj-kpi:hover{transform:none}.cj-kpi__value[data-state="loading"]{animation:none}}
.cj-page-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.cj-status-chip{border:1px solid #f2a66f;background:#fff7ed;color:#9a4100;border-radius:999px;padding:6px 10px;font-size:12px}.cj-approval-meta{display:grid;gap:8px;margin:16px 0}.cj-approval-meta div{display:grid;grid-template-columns:110px 1fr;gap:10px}.cj-approval-meta dt{color:var(--cj-muted);font-weight:700}.cj-approval-meta dd{margin:0;min-width:0;overflow-wrap:anywhere}.cj-approval-lists{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cj-approval-lists>div{border:1px solid var(--cj-line);border-radius:10px;padding:12px}.cj-approval-lists h3{margin:0 0 8px;font-size:13px}.cj-approval-lists ul{margin:0;padding-left:18px}.cj-opening-approval form{display:grid;gap:10px;margin-top:16px;max-width:760px}.cj-opening-approval label{display:grid;gap:5px;font-weight:700}.cj-opening-approval input{min-height:44px;border:1px solid var(--cj-line);border-radius:8px;padding:9px 11px;background:#fff;color:var(--cj-navy)}.cj-opening-approval button{min-height:44px;border:0;border-radius:8px;padding:9px 14px;background:var(--cj-blue);color:#fff;font-weight:800}.cj-opening-approval button:disabled{opacity:.5;cursor:not-allowed}.cj-approval-warning{border-left:3px solid var(--cj-orange);padding:9px 11px;background:#fff7ed}.cj-approval-ok{margin-top:16px;border-left:3px solid #16834f;padding:10px 12px;background:#effcf5;color:#0d5f39}.cj-owner-op-grid article small{display:block}
@media(max-width:700px){.cj-page-section-head{display:block}.cj-status-chip{display:inline-block;margin-top:8px}.cj-approval-lists{grid-template-columns:1fr}.cj-approval-meta div{grid-template-columns:1fr}.cj-opening-approval input{width:100%}}
:root[data-cj-resolved-mode="dark"] .cj-opening-approval input{background:#111c2e!important;color:#f8fafc!important;border-color:#42526b!important}:root[data-cj-resolved-mode="dark"] .cj-approval-lists>div{border-color:#42526b!important}:root[data-cj-resolved-mode="dark"] .cj-approval-warning{background:#3b2819!important;color:#ffe5d0!important}:root[data-cj-resolved-mode="dark"] .cj-approval-ok{background:#133426!important;color:#d5ffe7!important}
.cj-owner__kpis .cj-kpi:nth-child(3n){border-left:3px solid var(--cj-orange)}.cj-owner__kpis .cj-kpi:nth-child(3n) .cj-kpi__icon{color:#b64b0b;background:#fff0e5}.cj-owner__grid .cj-panel:nth-child(3n+2){border-top:3px solid var(--cj-orange)}:root[data-cj-resolved-mode="dark"] .cj-owner__kpis .cj-kpi:nth-child(3n) .cj-kpi__icon{color:#ffc195!important;background:#4b2a1a!important}
.cj-owner-alerts{border-top:3px solid var(--cj-orange)!important}.cj-alert-contract{margin:14px 0;padding:12px 14px;border:1px solid #fed7aa;border-radius:9px;background:#fffaf5;color:#713f12;line-height:1.55}.cj-owner-alerts td small{display:block;color:var(--cj-muted);margin-top:3px}.cj-owner-alerts input[type="number"]{width:100px;min-height:36px;padding:6px 8px;border:1px solid var(--cj-line);border-radius:7px;background:#fff;color:var(--cj-navy)}.cj-owner-alerts input[type="checkbox"]{width:20px;height:20px;accent-color:var(--cj-blue)}.cj-owner-alerts button{min-height:38px;border:1px solid var(--cj-blue);border-radius:8px;background:#fff;color:var(--cj-blue);font-weight:750;padding:7px 11px}.cj-owner-alerts [data-evaluate-alerts]{background:var(--cj-blue);color:#fff}.cj-owner-alerts [data-alert-status]{font-weight:650;color:var(--cj-blue)}
:root[data-cj-resolved-mode="dark"] .cj-alert-contract{background:#3b2819!important;color:#ffe5d0!important;border-color:#7c4a25!important}:root[data-cj-resolved-mode="dark"] .cj-owner-alerts input[type="number"]{background:#111c2e!important;color:#f8fafc!important;border-color:#42526b!important}:root[data-cj-resolved-mode="dark"] .cj-owner-alerts button{background:#17243a!important;color:#9fd0ff!important;border-color:#5598d8!important}
.cj-owner-scroll-host{height:calc(100dvh - 70px)!important;max-height:calc(100dvh - 70px)!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.cj-owner-ops{min-height:max-content!important;padding-bottom:calc(110px + env(safe-area-inset-bottom))!important}.cj-owner-ops .cj-page-section:last-child{margin-bottom:24px}
@media(max-width:700px){.cj-owner-scroll-host{height:calc(100dvh - 58px)!important;max-height:calc(100dvh - 58px)!important}.cj-owner-ops{padding-bottom:calc(130px + env(safe-area-inset-bottom))!important}}

/* COLORJET bundled source: /var/www/colorjet-erp/frontend/colorjet/my-profile-photo.css */
.cj-profile-avatar{overflow:hidden}.cj-profile-avatar img{display:block;width:100%;height:100%;object-fit:cover}.cj-photo-upload{display:grid;gap:4px;margin-top:9px}.cj-photo-upload label span{display:inline-flex;align-items:center;min-height:38px;padding:7px 12px;border:1px solid #f47a20;border-radius:8px;background:#fff7ed;color:#9a3412;font-size:13px;font-weight:700;cursor:pointer}.cj-photo-upload small,.cj-photo-upload p{margin:0;color:#64748b;font-size:12px}.cj-photo-upload p{color:#075eab;font-weight:600}

/* COLORJET bundled source: /var/www/colorjet-erp/frontend/colorjet/owner-operations.css */
.cj-owner-scroll-host{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:100%;max-height:100%;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.cj-owner-ops{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden;padding-bottom:48px}.cj-owner-ops *{box-sizing:border-box}.cj-owner-ops .cj-page-section{max-width:100%;min-width:0}.cj-owner-ops .cj-table-wrap{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.cj-owner-ops input,.cj-owner-ops select{max-width:100%}.cj-owner-op-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 18px}.cj-owner-op-grid article{display:grid;gap:6px;min-width:0;padding:15px;border:1px solid #e2e8f0;border-left:3px solid #f47a20;border-radius:10px;background:#fff}.cj-owner-op-grid small{color:#64748b}.cj-owner-ops button{min-height:40px;padding:8px 13px;border:1px solid #075eab;border-radius:8px;background:#075eab;color:#fff;font-weight:700}@media(max-width:700px){.cj-owner-scroll-host{height:100dvh;max-height:100dvh;padding-bottom:0}.cj-owner-ops{padding:0 10px max(72px,env(safe-area-inset-bottom))}.cj-owner-op-grid{grid-template-columns:1fr}.cj-owner-ops .cj-page-head,.cj-owner-ops .cj-page-section-head,.cj-owner-ops .cj-quick-actions{align-items:stretch;flex-direction:column}.cj-owner-ops .cj-quick-actions>*{width:100%}}

/* COLORJET bundled source: /var/www/colorjet-erp/frontend/colorjet/enterprise-workspaces.css */
.cj-enterprise-nav{position:relative}.cj-enterprise-nav>button{min-height:40px;padding:0 13px;border:1px solid #cfe0ef;border-radius:9px;color:#075eab;background:#eef7ff;font-size:14px;font-weight:600}.cj-enterprise-menu{position:absolute;top:46px;right:0;width:270px;padding:8px;display:none;grid-template-columns:1fr;border:1px solid #dce4ef;border-radius:12px;background:#fff;box-shadow:0 18px 48px rgba(11,37,69,.18);z-index:1900}.cj-enterprise-nav.open .cj-enterprise-menu{display:grid}.cj-enterprise-menu a{padding:10px 12px;border-radius:8px;color:#142a3d!important;font-size:14px;font-weight:550;text-decoration:none}.cj-enterprise-menu a:hover{color:#075eab!important;background:#eaf4fc}.cj-enterprise-route-host{max-width:none!important}.cj-enterprise-page{width:100%;max-width:1800px;margin:0 auto;color:#142a3d}.cj-page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:20px}.cj-page-head small{color:#075eab;font-size:12px;font-weight:700;letter-spacing:.09em}.cj-page-head h1{margin:4px 0!important;font-size:24px!important;font-weight:700!important}.cj-page-head p{margin:0;color:#64748b;font-size:14px}.cj-page-section{margin-bottom:18px;padding:18px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 4px 16px rgba(11,37,69,.05)}.cj-page-section h2{margin:0 0 14px!important;font-size:18px!important}.cj-page-section h3{margin:20px 0 10px!important;font-size:16px!important}.cj-page-loading,.cj-page-error,.cj-page-empty{padding:28px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#64748b;text-align:center}.cj-page-loading span{display:inline-block;width:22px;height:22px;margin-right:10px;border:3px solid #d8e8f7;border-top-color:#075eab;border-radius:50%;vertical-align:middle;animation:cjroute .75s linear infinite}@keyframes cjroute{to{transform:rotate(360deg)}}.cj-page-error{color:#a52a2a;background:#fff4f4}.cj-profile-hero{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-bottom:18px;padding:20px;border:1px solid #cfe3f6;border-radius:12px;background:#fff}.cj-profile-avatar{width:64px;height:64px;display:grid;place-items:center;border-radius:12px;color:#fff;background:#075eab;font-size:26px;font-weight:700}.cj-profile-hero h2{margin:0 0 4px!important;font-size:22px!important}.cj-profile-hero p{margin:0;color:#64748b}.cj-status{padding:6px 10px;border-radius:999px;color:#087951;background:#def6ec;font-size:12px;font-weight:700}.cj-page-tabs{display:flex;gap:7px;overflow:auto;margin-bottom:18px;padding:8px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.cj-page-tabs a,.cj-page-tabs button{min-height:38px;padding:8px 12px;border:0;border-radius:8px;color:#334155;background:#f8fafc;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}.cj-page-tabs a:hover,.cj-page-tabs button:hover{color:#075eab;background:#eaf4fc}.cj-page-pairs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;overflow:hidden;border:1px solid #e2e8f0;border-radius:10px;background:#e2e8f0}.cj-page-pairs>div{min-height:68px;padding:11px 13px;background:#fff}.cj-page-pairs dt{color:#64748b;font-size:13px}.cj-page-pairs dd{margin:5px 0 0;font-size:14px;font-weight:600;overflow-wrap:anywhere}.cj-page-records,.cj-entity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cj-page-records article,.cj-entity-grid article{padding:14px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.cj-page-records .cj-page-pairs{grid-template-columns:1fr;border:0}.cj-entity-search{display:grid;grid-template-columns:1fr auto;gap:9px;margin-bottom:16px}.cj-entity-search input,.cj-entity-search button{min-height:42px;padding:0 13px;border:1px solid #cbd5e1;border-radius:9px;font-size:14px}.cj-entity-search button,.cj-entity-grid button{border-color:#075eab;color:#fff;background:#075eab;font-weight:600}.cj-entity-grid article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.cj-entity-grid h3{margin:0 0 4px!important;font-size:16px!important}.cj-entity-grid p{margin:0;color:#64748b}.cj-entity-grid button{min-height:38px;padding:0 12px;border:0;border-radius:8px}.cj-entity-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;color:#075eab;background:#eaf4fc;font-weight:700}.cj-quick-actions{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 18px}.cj-quick-actions a{min-height:40px;padding:9px 13px;border:1px solid #bfdbf4;border-radius:9px;color:#075eab!important;background:#fff;font-size:14px;font-weight:600;text-decoration:none}.cj-vault-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cj-vault-categories article{padding:18px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.cj-vault-categories strong,.cj-vault-categories span{display:block}.cj-vault-categories span{margin-top:6px;color:#64748b;font-size:13px}@media(max-width:1050px){.cj-page-pairs,.cj-page-records,.cj-entity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cj-vault-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.cj-enterprise-nav>button{padding:0 9px}.cj-page-head{align-items:flex-start;flex-direction:column}.cj-profile-hero{grid-template-columns:auto 1fr}.cj-status{grid-column:1/-1}.cj-page-pairs,.cj-page-records,.cj-entity-grid,.cj-vault-categories{grid-template-columns:1fr}.cj-entity-grid article{grid-template-columns:auto 1fr}.cj-entity-grid button{grid-column:1/-1}.cj-enterprise-page{padding-bottom:20px}}@media print{.cj-enterprise-nav,.cj-page-tabs,.cj-quick-actions{display:none!important}}

.cj-config-note,.cj-security-note{margin-top:10px;padding:10px 12px;border-left:3px solid #f59e0b;border-radius:6px;background:#fffaf0;color:#7c4a03;font-size:13px}:root[data-cj-resolved-mode="dark"] .cj-config-note,:root[data-cj-resolved-mode="dark"] .cj-security-note{background:#273348;color:#f8d48a}
.cj-entity-photo{width:46px;height:46px;display:block;object-fit:cover;border:2px solid #3589a1;border-radius:10px;background:#e7f3f6}

/* FINAL DEFECT CLOSURE: authenticated header must fit tablet/phone viewports. */
@media(max-width:1100px){
 .top-header{max-width:100vw!important;min-width:0!important}
 .cj-quick-control{display:none!important}
 .cj-user-copy{display:none!important}
 .cj-enterprise-nav>button{width:46px;min-width:46px;padding:0 7px!important;font-size:0!important}
 .cj-enterprise-nav>button:after{content:'ERP';font-size:11px}
 .cj-business-nav>button:after{content:'Import';font-size:10px}
 .logout-text{display:none!important}
}
@media(max-width:640px){
 .top-header{gap:4px!important;padding-inline:6px!important}
 .top-header>.dashboard-tile,.top-header>.modules-tile,.top-header>.menu-scroll-btn{display:none!important}
 .cj-header-brand{width:62px!important;min-width:62px!important}
 .cj-user-profile{margin-left:0!important}
 .cj-user-trigger{padding:3px!important;border-radius:9px!important}
 .cj-user-avatar{width:32px;height:32px}
 .cj-enterprise-nav>button{width:42px;min-width:42px;height:42px}
 .header-logout-btn{min-width:42px!important;width:42px!important}
}

/* Mobile route isolation: one page at a time and no clipped 360 content. */
@media(max-width:700px){
  main.content.cj-enterprise-route-host,.content.cj-enterprise-route-host{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-left:0!important;padding:12px!important;overflow-x:hidden!important}
  .cj-enterprise-page{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}
  .cj-enterprise-page>*{min-width:0!important;max-width:100%!important}
  .cj-profile-hero{grid-template-columns:auto minmax(0,1fr)!important;padding:14px!important}
  .cj-profile-hero>.cj-status{grid-column:1/-1;justify-self:start}
  .cj-page-section{box-sizing:border-box;width:100%;padding:14px}
}

/* COLORJET bundled source: /var/www/colorjet-erp/frontend/colorjet/phase6-main.css */
.cj-business-actions{display:flex;gap:8px;align-items:center}.cj-business-actions button,.cj-section-head button,.cj-business-dialog button{min-height:42px;padding:8px 14px;border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);background:var(--primary);color:#fff;font-weight:700;cursor:pointer}.cj-business-actions button:disabled{opacity:.55;cursor:not-allowed}.cj-business-page [data-row]{cursor:pointer}.cj-business-page [data-row]:hover td{background:color-mix(in srgb,var(--primary),transparent 92%)!important}.cj-business-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:rgba(8,22,34,.68)}.cj-business-dialog{width:min(940px,100%);max-height:94vh;overflow:auto;padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-md)}.cj-business-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:15px}.cj-business-dialog>header h2{margin:0}.cj-business-dialog>header button{min-width:42px;padding:4px;background:var(--surface-secondary);color:var(--text-primary)}.cj-business-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.cj-business-form label{display:grid;gap:6px;color:var(--text-secondary);font-weight:650}.cj-business-form input,.cj-business-form select,.cj-business-form textarea{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);background:var(--surface);color:var(--text-primary)}.cj-business-form textarea{min-height:92px;resize:vertical}.cj-business-form .span-2{grid-column:1/-1}.cj-business-dialog>footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.cj-business-dialog>footer button:first-child{background:var(--surface-secondary);color:var(--text-primary)}.cj-custody-hero{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.cj-custody-hero article{padding:18px;border:1px solid var(--border);border-top:3px solid var(--primary);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.cj-custody-hero small,.cj-custody-hero strong{display:block}.cj-custody-hero small{color:var(--text-secondary);font-size:11px;font-weight:750}.cj-custody-hero strong{margin-top:8px;font-size:20px}.cj-section-head input{min-width:280px;padding:9px 11px;border:1px solid var(--border);border-radius:calc(var(--radius) - 2px)}@media(max-width:760px){.cj-business-form{grid-template-columns:1fr}.cj-business-form .span-2{grid-column:auto}.cj-custody-hero{grid-template-columns:repeat(2,minmax(0,1fr))}.cj-business-actions{width:100%}.cj-page-head{align-items:flex-start;flex-direction:column}.cj-section-head input{min-width:0;width:100%}}

/* COLORJET bundled source: /var/www/colorjet-erp/frontend/colorjet/mobile-acceptance-fixes.css */
/* Actual 390px mobile acceptance corrections. */
.cj-business-page .cj-page-head button {
  min-height: 42px;
  padding: 8px 14px;
  border: 1px solid var(--cj-primary);
  border-radius: calc(var(--radius) - 2px);
  background: var(--cj-primary);
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

/* COLORJET bundled source: /var/www/colorjet-erp/frontend/colorjet/commercial-forms.css */
.cj-commercial-line{display:grid;grid-template-columns:2fr 2fr repeat(4,1fr) 42px;gap:8px;margin:8px 0}.cj-commercial-line input,.cj-commercial-line select{width:100%;min-width:0;padding:8px;border:1px solid var(--border);border-radius:calc(var(--radius) - 3px);background:var(--surface);color:var(--text-primary)}.cj-commercial-line button{min-height:42px;border:1px solid var(--border);border-radius:calc(var(--radius) - 3px);background:var(--danger);color:#fff;font-weight:800}@media(max-width:900px){.cj-commercial-line{grid-template-columns:1fr 1fr}.cj-commercial-line button{grid-column:1/-1}}

/* COLORJET bundled source: /var/www/colorjet-erp/frontend/colorjet/customer-360.css */
.cj-customer-mini{position:fixed;top:0;right:0;z-index:2500;width:min(430px,100vw);height:100dvh;padding:24px;overflow:auto;transform:translateX(105%);transition:transform .18s ease;background:#fff;box-shadow:-18px 0 50px rgba(11,37,69,.2);color:#142a3d}.cj-customer-mini.open{transform:none}.cj-customer-mini header{display:flex;gap:14px;align-items:center;padding:10px 0 20px;border-bottom:1px solid #e2e8f0}.cj-customer-mini h2{margin:3px 0!important;font-size:21px!important}.cj-customer-mini p{margin:0;color:#64748b}.cj-mini-close{position:absolute;top:12px;right:14px;width:38px;height:38px;border:0;border-radius:50%;background:#f1f5f9;font-size:24px}.cj-customer-mini footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.cj-customer-mini footer a,.cj-customer-mini footer button{min-height:40px;padding:9px 12px;border:1px solid #bfd8ed;border-radius:8px;color:#075eab;background:#fff;font-size:14px;font-weight:600;text-decoration:none}.cj-customer-mini footer button{color:#fff;background:#075eab}.cj-mini-kpis,.cj-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.cj-mini-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cj-mini-kpis>div,.cj-kpi-grid article{padding:14px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.cj-mini-kpis small,.cj-kpi-grid small{display:block;color:#64748b;font-size:13px}.cj-mini-kpis strong,.cj-kpi-grid strong{display:block;margin-top:5px;font-size:19px}.cj-mini-facts{margin:0}.cj-mini-facts>div{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #e2e8f0}.cj-mini-facts dt{color:#64748b}.cj-mini-facts dd{margin:0;text-align:right;font-weight:600}.cj-account-bio{margin:-4px 0 18px;padding:14px 16px;border-left:4px solid #075eab;border-radius:8px;background:#eaf4fc;font-size:14px;line-height:1.6}.cj-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.cj-section-head>div{display:flex;gap:6px}.cj-section-head button{min-height:36px;padding:7px 10px;border:1px solid #bfdbf4;border-radius:7px;color:#075eab;background:#fff;font-weight:600}.cj-table-wrap{overflow:auto}.cj-business-table{width:100%;border-collapse:collapse;font-size:14px}.cj-business-table th,.cj-business-table td{padding:11px 10px;border-bottom:1px solid #e2e8f0;text-align:left;white-space:nowrap}.cj-business-table th{color:#334155;background:#f8fafc;font-weight:650}.cj-rating{display:flex;justify-content:space-between;gap:16px;margin-top:14px;padding:14px;border-radius:10px;background:#fff8e8}.cj-rating summary{cursor:pointer;color:#075eab;font-weight:600}.cj-timeline{list-style:none;margin:0;padding:0}.cj-timeline li{display:grid;grid-template-columns:150px 100px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #e2e8f0}.cj-timeline time{color:#64748b}@media(max-width:900px){.cj-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.cj-customer-mini{top:auto;bottom:0;width:100%;height:min(82dvh,760px);border-radius:18px 18px 0 0;transform:translateY(105%)}.cj-customer-mini.open{transform:none}.cj-section-head{align-items:flex-start;flex-direction:column}.cj-timeline li{grid-template-columns:1fr}.cj-rating{flex-direction:column}}@media(max-width:380px){.cj-kpi-grid,.cj-mini-kpis{grid-template-columns:1fr}}@media print{.cj-customer-mini,.cj-section-head button{display:none!important}}

/* COLORJET bundled source: /var/www/colorjet-erp/frontend/colorjet/document-print-brand.css */
.cj-document-header{position:relative;display:grid;grid-template-columns:46mm minmax(0,1fr);align-items:center;gap:7mm;min-height:var(--cj-head-h,34mm);width:100%;padding:4mm 5mm 3.5mm;border-top:1.2mm solid #075eab;border-bottom:.45mm solid #0b2545;background:#fff;color:#0b2545}.cj-document-header:after{content:"";position:absolute;left:5mm;bottom:-.45mm;width:18mm;height:.8mm;background:#f47a20}.cj-document-header img{display:block;width:44mm;height:22mm;max-width:100%;object-fit:contain;object-position:left center}.cj-document-company{display:grid;gap:1.2mm;min-width:0;text-align:left}.cj-document-company strong{font-size:var(--cj-company,18pt);font-weight:700;line-height:1.1;color:#0b2545}.cj-document-company b{font-size:var(--cj-slogan,10pt);font-weight:600;line-height:1.25;color:#075eab;letter-spacing:.15pt}.cj-document-company span{font-size:var(--cj-contact,9pt);font-weight:400;line-height:1.45;color:#334155;overflow-wrap:anywhere}.cj-document-header.cj-compact{grid-template-columns:34mm minmax(0,1fr);gap:4mm;min-height:25mm;padding:2.5mm 3mm}.cj-document-header.cj-compact img{width:33mm;height:16mm}.cj-document-header.cj-compact .cj-document-company strong{font-size:14pt}.cj-document-header.cj-compact .cj-document-company b{font-size:8.5pt}.cj-document-header.cj-compact .cj-document-company span{font-size:7.5pt;line-height:1.3}.cj-document-footer{display:grid;grid-template-rows:auto auto;gap:2.2mm;min-height:var(--cj-foot-h,25mm);width:100%;padding:3.2mm 5mm 2.5mm;border-top:.65mm solid #075eab;background:#fff;color:#334155}.cj-footer-company{display:grid;gap:1mm;text-align:center}.cj-footer-company strong{font-size:var(--cj-foot-company,9pt);font-weight:600;color:#0b2545}.cj-footer-company strong i{padding:0 1.5mm;color:#f47a20;font-style:normal}.cj-footer-company span{font-size:var(--cj-foot-contact,8.5pt);font-weight:400;line-height:1.35;color:#475569}.cj-print-meta{display:flex;align-items:center;justify-content:space-between;gap:8mm;padding-top:1.6mm;border-top:.25mm solid #cbd5e1;font-size:var(--cj-meta,8pt);font-weight:400;color:#64748b}.cj-signature-safe-zone{height:18mm;min-height:18mm}.cj-pad-offset{height:30mm}.cj-pad-footer-offset{height:14mm}.cj-visible-letterhead,.cj-visible-footer{width:min(210mm,calc(100% - 32px));margin:12px auto;background:#fff}.cj-visible-letterhead .cj-document-header,.cj-visible-footer .cj-document-footer{box-shadow:0 3px 14px rgba(15,42,68,.08)}.cj-branding-settings-link{display:inline-flex;align-items:center;min-height:34px;margin-left:15px;padding:3px 12px;border-radius:5px;background:#075eab;color:#fff!important;font-size:12px;font-weight:700;text-decoration:none}.cj-brand-settings{max-width:1120px;margin:24px auto;padding:0 20px 50px;color:#142a3d}.cj-brand-settings>header{margin-bottom:18px}.cj-brand-settings>header small{color:#075eab;font-weight:700}.cj-brand-settings>header h1{margin:5px 0;font-size:26px}.cj-brand-settings>header p{color:#64748b}.cj-brand-settings form,.cj-brand-preview{padding:20px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.cj-setting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cj-setting-grid label{display:grid;gap:6px;font-size:13px;font-weight:600}.cj-setting-grid input,.cj-setting-grid select{min-height:42px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:7px}.cj-settings-actions{display:flex;gap:10px;margin-top:18px}.cj-settings-actions button{min-height:40px;padding:8px 14px;border:1px solid #075eab;border-radius:7px;background:#075eab;color:#fff;font-weight:700}.cj-settings-actions button+button{background:#fff;color:#075eab}.cj-brand-preview{margin-top:18px}.cj-preview-title{text-align:center;padding:4mm 0 2mm;border-bottom:.3mm solid #0b2545;font-size:16pt;font-weight:700}.cj-preview-body{min-height:80mm;padding:8mm;color:#64748b}.cj-branded-print-table{border-collapse:collapse}.cj-branded-print-table>thead{display:table-header-group}.cj-branded-print-table>tfoot{display:table-footer-group}.cj-branded-print-table>thead>tr>td,.cj-branded-print-table>tfoot>tr>td{padding:0!important}.cj-branded-print-table .page-content>div{margin-top:5mm!important}.cj-branded-print-table .page-content h1{font-size:16pt!important;line-height:1.25!important;color:#0b2545!important;border-bottom:.3mm solid #0b2545!important}.header-display-toggle{display:none!important}@media(max-width:760px){.cj-setting-grid{grid-template-columns:1fr}.cj-document-header{grid-template-columns:34mm minmax(0,1fr);gap:4mm;padding:3mm}.cj-document-header img{width:33mm}.cj-document-company strong{font-size:14pt}.cj-document-company span{font-size:8pt}.cj-print-meta{align-items:flex-start;flex-direction:column;gap:1mm}}
.cj-branded-print-table tfoot .footer-top{height:10mm!important;min-height:10mm!important}.cj-branded-print-table tfoot .footer{width:100%!important}.cj-branded-print-table tfoot .signature{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;width:100%!important;padding:0 5mm!important}.cj-branded-print-table tfoot .signature>div:last-child>p{display:none!important}.cj-branded-print-table .cj-corporate-footer-row>td{padding-top:7mm!important}
@media print{@page{margin:8mm 8mm 9mm}.no-print,.cj-branding-settings-link,#cj-portal-launcher,.cj-workspace,.cj-workspace-trigger{display:none!important}.cj-visible-letterhead,.cj-visible-footer{width:100%;margin:0;box-shadow:none}.cj-document-header,.cj-document-footer{display:grid!important;box-shadow:none!important;break-inside:avoid}.cj-document-header{break-after:avoid}.cj-document-footer{break-before:avoid}.cj-branded-print-table{width:100%!important}.cj-branded-print-table tr,.cj-branded-print-table td{break-inside:avoid}.cj-branded-print-table thead{display:table-header-group!important}.cj-branded-print-table tfoot{display:table-footer-group!important}}

/* v3.3 global approved asset standard: proportional, centered, and no reserved fixed-height block. */
.cj-document-header{display:flex!important;align-items:flex-start!important;justify-content:center!important;width:100%!important;height:auto!important;min-height:0!important;margin:0 0 var(--cj-body-gap,5mm)!important;padding:0!important;border:0!important;background:#fff!important;break-inside:avoid!important}
.cj-document-header:after,.cj-document-company{display:none!important}
.cj-document-header img{display:block!important;width:var(--cj-header-scale,92%)!important;max-width:94%!important;height:auto!important;object-fit:contain!important;object-position:center top!important}
.cj-document-header.cj-compact img{width:82%!important;max-width:82%!important;height:auto!important}
.cj-brand-preview{display:grid;gap:18px;margin-top:18px}.cj-preview-document{padding:12px;border:1px solid #d9e2ec;border-radius:10px;background:#fff}.cj-preview-document .cj-preview-body{min-height:45mm}
@media(max-width:760px){.cj-document-header img{width:92%!important;height:auto!important}}

/* v3.3 canonical live company-profile contract: original logo + dynamic text. */
.cj-document-header{display:grid!important;grid-template-columns:minmax(32mm,22%) minmax(0,1fr)!important;align-items:center!important;gap:6mm!important;width:var(--cj-header-scale,92%)!important;max-width:94%!important;margin:0 auto var(--cj-body-gap,5mm)!important;padding:3mm 5mm!important;border-bottom:.5mm solid #075eab!important}
.cj-document-header img{width:100%!important;max-width:44mm!important;height:auto!important;object-fit:contain!important;object-position:center!important}
.cj-document-header .cj-document-company{display:grid!important;gap:.8mm!important;text-align:left!important}.cj-document-header .cj-document-company strong{font-size:16pt!important}.cj-document-header .cj-document-company b{font-size:9pt!important}.cj-document-header .cj-document-company span{font-size:8pt!important;line-height:1.25!important}
.cj-document-header.cj-compact{grid-template-columns:28mm minmax(0,1fr)!important;width:82%!important;gap:4mm!important;padding:2mm 3mm!important}.cj-document-header.cj-compact img{width:28mm!important}.cj-document-header.cj-compact .cj-document-company strong{font-size:12pt!important}.cj-document-header.cj-compact .cj-document-company b,.cj-document-header.cj-compact .cj-document-company span{font-size:7pt!important}
.cj-document-header.cj-artwork-header{display:flex!important;align-items:flex-start!important;justify-content:center!important;grid-template-columns:none!important;gap:0!important;min-height:0!important;width:100%!important;padding:0!important;border:0!important;overflow:visible!important}.cj-document-header.cj-artwork-header:after{display:none!important}.cj-document-header.cj-artwork-header img,.cj-document-header.cj-artwork-header.cj-compact img{display:block!important;width:var(--cj-header-scale,100%)!important;max-width:100%!important;height:auto!important;object-fit:contain!important;object-position:center top!important}.cj-document-header.cj-artwork-header.cj-compact{display:flex!important;min-height:0!important;width:100%!important;padding:0!important}

/* v3.3.0 system-wide printable-width correction: the page owns the only safe margin. */
.cj-visible-letterhead,.cj-visible-footer,.cj-shared-report-header{width:100%;max-width:none;margin:0 0 8px;padding:0;background:#fff}
.cj-document-header.cj-artwork-header,.cj-document-header.cj-artwork-header.cj-compact{display:block!important;width:100%!important;max-width:none!important;margin:0 0 8px!important;padding:0!important;overflow:visible!important}
.cj-document-header.cj-artwork-header img,.cj-document-header.cj-artwork-header.cj-compact img{display:block!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:center top!important}
.cj-document-footer{width:100%!important;max-width:none!important;margin:0!important;padding:2.5mm 0 2mm!important;min-height:22mm!important}
.cj-footer-company strong{font-size:10pt!important}.cj-footer-company span{font-size:9pt!important}.cj-print-meta{font-size:8.5pt!important;padding:1.5mm 1mm 0!important}
.cj-document-header.cj-compact img{width:100%!important;max-width:none!important;height:auto!important}
@media print{.cj-visible-letterhead,.cj-visible-footer,.cj-shared-report-header{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.cj-document-header.cj-artwork-header{width:100%!important;max-width:none!important}.cj-document-header.cj-artwork-header img{width:100%!important;max-width:none!important;height:auto!important}.cj-document-footer{width:100%!important;max-width:none!important}}

/* Remove only the compiled print table's internal top inset; keep the physical page margin and all other spacing. */
@media print{.cj-branded-print-table{padding-top:0!important}}

/* v3.3 canonical full-width document brand line. Data remains live/profile-driven. */
.cj-document-header.cj-brandline-header,.cj-document-header.cj-brandline-header.cj-compact{position:relative!important;display:grid!important;grid-template-columns:minmax(34mm,25%) minmax(0,1fr) minmax(28mm,19%)!important;align-items:stretch!important;gap:0!important;width:100%!important;max-width:none!important;min-height:34mm!important;margin:0 0 var(--cj-body-gap,5mm)!important;padding:0 0 2.2mm!important;border:0!important;border-top:1.7mm solid #075eab!important;background:#fff!important;color:#0b2545!important;overflow:hidden!important}
.cj-document-header.cj-brandline-header:before{content:"";position:absolute;right:0;top:0;width:24%;height:1.7mm;background:#f15a24;transform:skewX(-28deg);transform-origin:right top}
.cj-document-header.cj-brandline-header:after{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;width:auto!important;height:1.15mm!important;background:linear-gradient(105deg,#075eab 0 45%,#fff 45% 46%,#f15a24 46% 100%)!important}
.cj-brandline-logo,.cj-brandline-contact,.cj-brandline-web{min-width:0;padding:3.8mm 5mm 3mm}
.cj-brandline-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:.35mm solid #075eab}
.cj-brandline-logo img{display:block!important;width:auto!important;max-width:42mm!important;height:20mm!important;object-fit:contain!important;object-position:center!important}
.cj-brandline-logo strong{margin-top:.8mm;color:#0b2545;font-size:7.3pt;line-height:1.1;text-align:center;letter-spacing:.15pt}
.cj-brandline-contact{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:2mm 5mm;font-size:8.2pt;line-height:1.2}
.cj-brandline-contact span{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.5mm;align-items:start;color:#0b2545;overflow-wrap:anywhere}
.cj-brandline-contact span:before{content:"•";color:#075eab;font-weight:900}
.cj-brandline-contact b{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0);white-space:nowrap}
.cj-brandline-contact .cj-contact-wide{grid-column:1/-1;font-weight:650}
.cj-brandline-web{display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:.35mm solid #075eab;text-align:center}
.cj-brandline-web b{color:#075eab;font-size:10pt;letter-spacing:.5pt}.cj-brandline-web span{margin-top:1.8mm;color:#fff;background:#075eab;padding:1.6mm 2.5mm;border-radius:1.5mm;font-size:8pt;font-weight:750;white-space:nowrap}.cj-brandline-web small{margin-top:1.5mm;color:#f15a24;font-size:7.5pt;font-weight:750}
.cj-document-header.cj-brandline-header.cj-compact{grid-template-columns:27mm minmax(0,1fr) 24mm!important;min-height:25mm!important}.cj-document-header.cj-brandline-header.cj-compact .cj-brandline-logo,.cj-document-header.cj-brandline-header.cj-compact .cj-brandline-contact,.cj-document-header.cj-brandline-header.cj-compact .cj-brandline-web{padding:2.2mm}.cj-document-header.cj-brandline-header.cj-compact .cj-brandline-logo img{height:13mm!important;max-width:25mm!important}.cj-document-header.cj-brandline-header.cj-compact .cj-brandline-logo strong{display:none}.cj-document-header.cj-brandline-header.cj-compact .cj-brandline-contact{gap:1mm 2mm;font-size:6.4pt}.cj-document-header.cj-brandline-header.cj-compact .cj-brandline-web b{font-size:8pt}.cj-document-header.cj-brandline-header.cj-compact .cj-brandline-web span,.cj-document-header.cj-brandline-header.cj-compact .cj-brandline-web small{font-size:6.2pt}
@media(max-width:760px){.cj-document-header.cj-brandline-header{grid-template-columns:30% minmax(0,1fr)!important}.cj-brandline-web{display:none}.cj-brandline-contact{grid-template-columns:1fr;gap:1.2mm;font-size:7pt}.cj-brandline-contact .cj-contact-wide{grid-column:auto}.cj-brandline-logo,.cj-brandline-contact{padding:3mm}}
@media print{.cj-document-header.cj-brandline-header{display:grid!important;width:100%!important;max-width:none!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.cj-brandline-logo img{display:block!important;width:auto!important;max-width:42mm!important;height:20mm!important}}

/* v3.3.0 document-header alignment: one proportional business header on screen and paper. */
.cj-document-header.cj-brandline-header,.cj-document-header.cj-brandline-header.cj-compact{
  grid-template-columns:minmax(38mm,24%) minmax(0,57%) minmax(29mm,19%)!important;
  align-items:center!important;
  min-height:33mm!important;
  padding:0 0 2mm!important;
}
.cj-brandline-logo,.cj-brandline-contact,.cj-brandline-web{
  box-sizing:border-box!important;
  height:100%!important;
  min-height:30mm!important;
  padding:3mm 4mm!important;
}
.cj-brandline-logo{justify-content:center!important}
.cj-brandline-logo img{
  width:auto!important;
  max-width:38mm!important;
  height:19mm!important;
  margin:0 auto!important;
}
.cj-brandline-logo strong{font-size:7.5pt!important;line-height:1.15!important}
.cj-brandline-contact{
  display:grid!important;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)!important;
  align-content:center!important;
  column-gap:4mm!important;
  row-gap:1.5mm!important;
  font-size:8.5pt!important;
  line-height:1.25!important;
}
.cj-brandline-contact span{
  position:relative!important;
  display:grid!important;
  grid-template-columns:12mm minmax(0,1fr)!important;
  gap:1.5mm!important;
  align-items:baseline!important;
  margin:0!important;
  color:#0b2545!important;
  font-weight:550!important;
}
.cj-brandline-contact span:before{display:none!important}
.cj-brandline-contact b{
  position:static!important;
  overflow:visible!important;
  width:auto!important;
  height:auto!important;
  clip:auto!important;
  color:#075eab!important;
  font-size:7.5pt!important;
  line-height:1.25!important;
  white-space:nowrap!important;
}
.cj-brandline-contact .cj-contact-wide{
  grid-column:1/-1!important;
  grid-template-columns:12mm minmax(0,1fr)!important;
}
.cj-brandline-web{justify-content:center!important;padding-left:3mm!important;padding-right:3mm!important}
.cj-brandline-web b{font-size:9pt!important}.cj-brandline-web span{font-size:7.5pt!important}.cj-brandline-web small{font-size:7pt!important}
@media(max-width:760px){
  .cj-document-header.cj-brandline-header,.cj-document-header.cj-brandline-header.cj-compact{grid-template-columns:30% minmax(0,70%)!important}
  .cj-brandline-logo,.cj-brandline-contact{min-height:28mm!important;padding:2.5mm!important}
  .cj-brandline-contact{grid-template-columns:1fr!important;row-gap:.8mm!important;font-size:7pt!important}
  .cj-brandline-contact .cj-contact-wide{grid-column:auto!important}
  .cj-brandline-contact span,.cj-brandline-contact .cj-contact-wide{grid-template-columns:10mm minmax(0,1fr)!important;gap:1mm!important}
  .cj-brandline-contact b{font-size:6.4pt!important}
}
@media print{
  .cj-document-header.cj-brandline-header,.cj-document-header.cj-brandline-header.cj-compact{grid-template-columns:minmax(38mm,24%) minmax(0,57%) minmax(29mm,19%)!important}
  .cj-brandline-web{display:flex!important}
}

/* v3.3.15 COLORJET invoice header refinement: original logo, cleaner contact grid, no logo-side tagline. */
.cj-document-header.cj-brandline-header,.cj-document-header.cj-brandline-header.cj-compact{
  grid-template-columns:minmax(42mm,24%) minmax(0,55%) minmax(32mm,21%)!important;
  min-height:32mm!important;
}
.cj-brandline-logo,.cj-brandline-contact,.cj-brandline-web{
  min-height:29mm!important;
  padding:2.8mm 4mm!important;
}
.cj-brandline-logo img{
  max-width:46mm!important;
  height:23mm!important;
}
.cj-brandline-logo strong{display:none!important}
.cj-brandline-contact{
  grid-template-columns:minmax(0,.64fr) minmax(0,1.36fr)!important;
  align-content:center!important;
  gap:1.2mm 4.2mm!important;
  font-size:8.8pt!important;
  line-height:1.22!important;
}
.cj-brandline-contact span,
.cj-brandline-contact .cj-contact-wide{
  grid-template-columns:13mm minmax(0,1fr)!important;
  gap:1.4mm!important;
}
.cj-brandline-contact b{
  color:#075eab!important;
  font-size:7.8pt!important;
  font-weight:800!important;
  letter-spacing:0!important;
}
.cj-brandline-contact .cj-contact-hotline{
  align-items:center!important;
  font-size:10pt!important;
  font-weight:800!important;
}
.cj-brandline-contact .cj-contact-hotline em{
  display:inline-block!important;
  margin-left:2.2mm!important;
  color:#0b2545!important;
  font-style:normal!important;
  font-size:9.6pt!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.cj-brandline-web b{
  color:#075eab!important;
  font-size:9.5pt!important;
  font-weight:900!important;
}
.cj-brandline-web span{
  margin-top:1.2mm!important;
  padding:1.5mm 2.6mm!important;
  border-radius:2mm!important;
  background:#075eab!important;
  color:#fff!important;
  font-size:8pt!important;
  font-weight:850!important;
}
.cj-brandline-web small{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:1mm!important;
  margin-top:1.3mm!important;
  color:#f15a24!important;
  font-size:7.2pt!important;
  font-weight:850!important;
  line-height:1.2!important;
}
.cj-brandline-web small i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:4.2mm!important;
  height:4.2mm!important;
  padding:0 .8mm!important;
  border-radius:999px!important;
  background:#eef6ff!important;
  color:#075eab!important;
  font-style:normal!important;
  font-size:6.3pt!important;
  font-weight:900!important;
}
.cj-document-header.cj-brandline-header.cj-compact .cj-brandline-logo img{
  max-width:28mm!important;
  height:15mm!important;
}
.cj-document-header.cj-brandline-header.cj-compact .cj-brandline-contact{
  font-size:6.7pt!important;
}
.cj-document-header.cj-brandline-header.cj-compact .cj-contact-hotline{
  font-size:7.4pt!important;
}
.cj-document-header.cj-brandline-header.cj-compact .cj-contact-hotline em{
  font-size:7pt!important;
  margin-left:1mm!important;
}
@media(max-width:760px){
  .cj-document-header.cj-brandline-header,.cj-document-header.cj-brandline-header.cj-compact{grid-template-columns:32% minmax(0,68%)!important}
  .cj-brandline-logo img{max-width:30mm!important;height:16mm!important}
  .cj-brandline-contact{grid-template-columns:1fr!important;font-size:7.1pt!important;gap:.8mm!important}
  .cj-brandline-web{display:none!important}
}
@media print{
  .cj-document-header.cj-brandline-header,.cj-document-header.cj-brandline-header.cj-compact{
    grid-template-columns:minmax(42mm,24%) minmax(0,55%) minmax(32mm,21%)!important;
    min-height:32mm!important;
  }
  .cj-brandline-logo img{max-width:46mm!important;height:23mm!important}
  .cj-brandline-contact .cj-contact-hotline{font-size:10pt!important}
}
/* COLORJET bundled source: /var/www/colorjet-erp/frontend/colorjet/document-print-assets.css */
/* Regression recovery: fixed-height artwork overrides disabled. The approved proportional print rules live in document-print-brand.css. */

/* COLORJET document header alignment release: labels and values remain readable and proportional. */
.cj-document-header.cj-brandline-header,.cj-document-header.cj-brandline-header.cj-compact{grid-template-columns:minmax(38mm,24%) minmax(0,57%) minmax(29mm,19%)!important;align-items:center!important;min-height:33mm!important;padding:0 0 2mm!important}
.cj-brandline-logo,.cj-brandline-contact,.cj-brandline-web{box-sizing:border-box!important;height:100%!important;min-height:30mm!important;padding:3mm 4mm!important}
.cj-brandline-logo{justify-content:center!important}.cj-brandline-logo img{width:auto!important;max-width:38mm!important;height:19mm!important;margin:0 auto!important}.cj-brandline-logo strong{font-size:7.5pt!important;line-height:1.15!important}
.cj-brandline-contact{display:grid!important;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)!important;align-content:center!important;column-gap:4mm!important;row-gap:1.5mm!important;font-size:8.5pt!important;line-height:1.25!important}
.cj-brandline-contact span{position:relative!important;display:grid!important;grid-template-columns:12mm minmax(0,1fr)!important;gap:1.5mm!important;align-items:baseline!important;margin:0!important;color:#0b2545!important;font-weight:550!important}.cj-brandline-contact span:before{display:none!important}
.cj-brandline-contact b{position:static!important;overflow:visible!important;width:auto!important;height:auto!important;clip:auto!important;color:#075eab!important;font-size:7.5pt!important;line-height:1.25!important;white-space:nowrap!important}.cj-brandline-contact .cj-contact-wide{grid-column:1/-1!important;grid-template-columns:12mm minmax(0,1fr)!important}
.cj-brandline-web{justify-content:center!important;padding-left:3mm!important;padding-right:3mm!important}.cj-brandline-web b{font-size:9pt!important}.cj-brandline-web span{font-size:7.5pt!important}.cj-brandline-web small{font-size:7pt!important}
@media(max-width:760px){.cj-document-header.cj-brandline-header,.cj-document-header.cj-brandline-header.cj-compact{grid-template-columns:30% minmax(0,70%)!important}.cj-brandline-logo,.cj-brandline-contact{min-height:28mm!important;padding:2.5mm!important}.cj-brandline-contact{grid-template-columns:1fr!important;row-gap:.8mm!important;font-size:7pt!important}.cj-brandline-contact .cj-contact-wide{grid-column:auto!important}.cj-brandline-contact span,.cj-brandline-contact .cj-contact-wide{grid-template-columns:10mm minmax(0,1fr)!important;gap:1mm!important}.cj-brandline-contact b{font-size:6.4pt!important}}
@media print{.cj-document-header.cj-brandline-header,.cj-document-header.cj-brandline-header.cj-compact{grid-template-columns:minmax(38mm,24%) minmax(0,57%) minmax(29mm,19%)!important}.cj-brandline-web{display:flex!important}}

/* COLORJET v3.3.21 live stability: startup splash and floating controls must not sit on top of usable ERP content. */
body #initial-shell[hidden],
body #initial-shell[aria-hidden="true"]{
  display:none!important;
}
#cj-whatsapp-support{
  right:18px!important;
  bottom:calc(84px + env(safe-area-inset-bottom))!important;
  z-index:820!important;
}
#cj-portal-launcher,
.cj-workspace-trigger,
.cj-floating-reload,
button[aria-label="Reload"],
button[title="Reload"]{
  right:18px!important;
  bottom:calc(22px + env(safe-area-inset-bottom))!important;
  z-index:810!important;
}
.cj-owner-side-rail{
  max-width:360px!important;
  overflow:hidden!important;
}
@media(max-width:760px){
  #cj-whatsapp-support{
    right:14px!important;
    bottom:calc(92px + env(safe-area-inset-bottom))!important;
  }
  #cj-portal-launcher,
  .cj-workspace-trigger,
  .cj-floating-reload,
  button[aria-label="Reload"],
  button[title="Reload"]{
    right:14px!important;
    bottom:calc(22px + env(safe-area-inset-bottom))!important;
  }
  .cj-owner-side-rail{
    position:static!important;
    width:100%!important;
    max-width:none!important;
  }
}

/* COLORJET v3.3.24 account UX cleanup: business users must not see internal ids and pages must scroll. */
main.content.cj-enterprise-route-host,
.content.cj-enterprise-route-host{
  height:calc(100dvh - 68px)!important;
  max-height:calc(100dvh - 68px)!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  padding-bottom:calc(120px + env(safe-area-inset-bottom))!important;
}
.cj-enterprise-route-host .cj-enterprise-page{
  min-height:max-content!important;
  padding-bottom:calc(120px + env(safe-area-inset-bottom))!important;
}
.cj-page-pairs dt,
.cj-page-pairs dd{
  overflow-wrap:anywhere!important;
}

/* COLORJET v3.3.26 dashboard quick-link brand cleanup: compact blue links, orange only as accent. */
.cj-owner-ops .cj-quick-actions,
.cj-owner-ops [aria-label="Owner quick actions"]{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:10px 0 16px!important;
}
.cj-owner-ops .cj-quick-actions a,
.cj-owner-ops [aria-label="Owner quick actions"] a{
  width:auto!important;
  min-width:0!important;
  min-height:34px!important;
  padding:7px 12px!important;
  border:1px solid #075eab!important;
  border-left:3px solid #f47a20!important;
  border-radius:999px!important;
  background:#075eab!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.15!important;
  text-decoration:none!important;
}
.cj-owner-ops .cj-quick-actions a:nth-child(n),
.cj-owner-ops [aria-label="Owner quick actions"] a:nth-child(n){
  background:#075eab!important;
  color:#fff!important;
}
.cj-owner-ops .cj-quick-actions a:hover,
.cj-owner-ops [aria-label="Owner quick actions"] a:hover{
  background:#0b2545!important;
  border-color:#0b2545!important;
  border-left-color:#f47a20!important;
}
@media(max-width:760px){
  .cj-owner-ops .cj-quick-actions,
  .cj-owner-ops [aria-label="Owner quick actions"]{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .cj-owner-ops .cj-quick-actions a,
  .cj-owner-ops [aria-label="Owner quick actions"] a{
    justify-content:center!important;
    text-align:center!important;
  }
}

/* COLORJET v3.3.29 brand consistency: browser document header uses the same artwork as downloaded PDF. */
.cj-document-header.cj-brand-art-header{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  margin:0 0 var(--cj-body-gap,5mm)!important;
  padding:0!important;
  border:0!important;
  background:#fff!important;
  overflow:hidden!important;
}
.cj-document-header.cj-brand-art-header img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:34mm!important;
  object-fit:contain!important;
}
.cj-visible-letterhead .cj-brand-art-header{box-shadow:none!important}

/* COLORJET v3.3.29 legacy module theme cleanup: remove SoftTask teal dominance without touching module logic. */
.entry-page-title,
.typography-style.entry-page-title,
.MuiTypography-root.entry-page-title,
[class*="entry-page-title"]{
  background:#075eab!important;
  color:#fff!important;
  border-left:4px solid #f47a20!important;
  border-radius:8px!important;
  padding:10px 14px!important;
  letter-spacing:0!important;
}
.MuiButton-outlined[style*="green"],
button[style*="green"],
.MuiButton-root[style*="green"]{
  color:#075eab!important;
  border-color:#075eab!important;
}
.MuiButton-outlined[style*="red"],
button[style*="red"],
.MuiButton-root[style*="red"]{
  color:#b42318!important;
  border-color:#f2b8b5!important;
}
button:has(+ span),
.MuiButton-root{
  letter-spacing:0!important;
}

/* COLORJET v3.3.31 dashboard quick links: compact chips, no long color bars. */
.cj-route-dashboard .cj-owner--below .cj-owner__actions,
.cj-route-dashboard .cj-owner--below [aria-label="Owner quick actions"],
.cj-owner--below .cj-owner__actions[aria-label="Owner quick actions"]{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  margin:10px 0 16px!important;
}
.cj-route-dashboard .cj-owner--below .cj-action,
.cj-route-dashboard .cj-owner--below .cj-owner__actions a,
.cj-owner--below .cj-owner__actions[aria-label="Owner quick actions"] a{
  flex:0 0 auto!important;
  width:auto!important;
  max-width:100%!important;
  min-height:32px!important;
  padding:7px 11px!important;
  border:1px solid #b8d3ea!important;
  border-left:3px solid #f47a20!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#075eab!important;
  box-shadow:none!important;
  font-size:12px!important;
  line-height:1.1!important;
  font-weight:700!important;
  text-align:left!important;
  white-space:nowrap!important;
}
.cj-route-dashboard .cj-owner--below .cj-action:nth-child(n),
.cj-route-dashboard .cj-owner--below .cj-owner__actions a:nth-child(n),
.cj-owner--below .cj-owner__actions[aria-label="Owner quick actions"] a:nth-child(n){
  background:#fff!important;
  color:#075eab!important;
  border-color:#b8d3ea!important;
  border-left-color:#f47a20!important;
}
.cj-route-dashboard .cj-owner--below .cj-action:hover,
.cj-route-dashboard .cj-owner--below .cj-owner__actions a:hover,
.cj-owner--below .cj-owner__actions[aria-label="Owner quick actions"] a:hover{
  background:#eef7ff!important;
  color:#0b4f91!important;
  filter:none!important;
}
@media(max-width:700px){
  .cj-route-dashboard .cj-owner--below .cj-owner__actions,
  .cj-route-dashboard .cj-owner--below [aria-label="Owner quick actions"]{
    display:flex!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    padding-bottom:4px!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .cj-route-dashboard .cj-owner--below .cj-action,
  .cj-route-dashboard .cj-owner--below .cj-owner__actions a{
    flex:0 0 auto!important;
    min-height:34px!important;
    font-size:11px!important;
  }
}

/* COLORJET v3.3.33 sales record: keep invoice/edit/delete visible and clear the floating reload button. */
.cj-route-sales-record .page-modal-body,
body:has(a[href*="/sales-distribution/sales/sales-invoice/"]) .page-modal-body{
  padding-bottom:76px!important;
}
.cj-route-sales-record .MuiTableContainer-root,
.cj-route-sales-record .table-responsive,
.cj-route-sales-record .cj-table-scroll,
body:has(a[href*="/sales-distribution/sales/sales-invoice/"]) .MuiTableContainer-root,
body:has(a[href*="/sales-distribution/sales/sales-invoice/"]) .table-responsive,
body:has(a[href*="/sales-distribution/sales/sales-invoice/"]) .cj-table-scroll{
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  padding-bottom:16px!important;
}
.cj-route-sales-record table,
body:has(a[href*="/sales-distribution/sales/sales-invoice/"]) table{
  min-width:1320px!important;
  table-layout:auto!important;
}
.cj-route-sales-record th.no-print,
.cj-route-sales-record td.no-print,
.cj-route-sales-record .cj-sales-actions-cell,
body:has(a[href*="/sales-distribution/sales/sales-invoice/"]) th.no-print,
body:has(a[href*="/sales-distribution/sales/sales-invoice/"]) td.no-print{
  width:112px!important;
  min-width:112px!important;
  max-width:none!important;
  position:sticky!important;
  right:0!important;
  z-index:5!important;
  background:#fff!important;
  box-shadow:-1px 0 0 #d9e2ea!important;
  overflow:visible!important;
}
.cj-route-sales-record thead th.no-print,
body:has(a[href*="/sales-distribution/sales/sales-invoice/"]) thead th.no-print{
  z-index:6!important;
  background:#eaf2fb!important;
}
.cj-route-sales-record td.no-print > div,
.cj-route-sales-record .cj-sales-actions-cell > div,
body:has(a[href*="/sales-distribution/sales/sales-invoice/"]) td.no-print > div{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  min-width:96px!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
}
.cj-route-sales-record td.no-print a,
.cj-route-sales-record td.no-print button,
.cj-route-sales-record td.no-print svg,
.cj-route-sales-record .cj-sales-actions-cell a,
.cj-route-sales-record .cj-sales-actions-cell button,
.cj-route-sales-record .cj-sales-actions-cell svg,
body:has(a[href*="/sales-distribution/sales/sales-invoice/"]) td.no-print a,
body:has(a[href*="/sales-distribution/sales/sales-invoice/"]) td.no-print button,
body:has(a[href*="/sales-distribution/sales/sales-invoice/"]) td.no-print svg{
  display:inline-flex!important;
  flex:0 0 auto!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  padding:2px!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
}
.cj-route-sales-record td.no-print a[href*="/sales-entry/"] svg,
.cj-route-sales-record .cj-sales-actions-cell a[href*="/sales-entry/"] svg,
body:has(a[href*="/sales-distribution/sales/sales-invoice/"]) td.no-print a[href*="/sales-entry/"] svg{
  color:#16834f!important;
  fill:currentColor!important;
}
.cj-route-sales-record .page-modal-reload-btn,
body:has(a[href*="/sales-distribution/sales/sales-invoice/"]) .page-modal-reload-btn{
  right:24px!important;
  bottom:24px!important;
  z-index:4!important;
}