/* =========================================================
   PITIS+ Global UI Style - tabs, KPI cards, cards, tables,
   buttons and formal print-preview styling.
   Scope: body.pitis-module-scope only. Does not change routes,
   forms, actions or table data.
   ========================================================= */

.pitis-module-scope{
  --pitis-ui-navy:#071d49;
  --pitis-ui-navy-2:#102a56;
  --pitis-ui-text:#0f172a;
  --pitis-ui-muted:#64748b;
  --pitis-ui-border:#d7e1ef;
  --pitis-ui-border-2:#e5edf6;
  --pitis-ui-blue:#0d6efd;
  --pitis-ui-blue-2:#2563eb;
  --pitis-ui-surface:#ffffff;
  --pitis-ui-page:#f6f9fd;
  --pitis-ui-header:#f3f6fa;
  --pitis-ui-shadow:0 10px 28px rgba(15,23,42,.065);
  --pitis-ui-shadow-soft:0 6px 18px rgba(15,23,42,.045);
}

.pitis-module-scope .content{
  background:linear-gradient(180deg,#f8fbff 0%,#f6f9fd 55%,#f7f9fc 100%);
}

/* =========================================================
   LEVEL 1 - workspace / folder tabs
   Visual target: attached folder-style tab row.
   ========================================================= */

.pitis-module-scope .tabs.tabs-level-1,
.pitis-module-scope .tabs[data-pintas-tab-level="1"]{
  display:flex !important;
  align-items:flex-end !important;
  gap:4px !important;
  min-height:58px !important;
  padding:0 14px !important;
  margin:0 0 0 !important;
  background:linear-gradient(180deg,#f7f9fc 0%,#eef3f8 100%) !important;
  border:0 !important;
  border-bottom:1px solid #d9e2ee !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow-x:auto !important;
  flex-wrap:nowrap !important;
  scrollbar-width:thin;
}

.pitis-module-scope .tabs.tabs-level-1 .tab,
.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab,
.pitis-module-scope .tabs.tabs-level-1 .chip,
.pitis-module-scope .tabs[data-pintas-tab-level="1"] .chip{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:43px !important;
  min-height:43px !important;
  padding:0 24px !important;
  margin:0 !important;
  background:linear-gradient(#f5f7fa,#e8edf5) !important;
  border:1px solid #d0dbe8 !important;
  border-bottom:none !important;
  border-radius:11px 11px 0 0 !important;
  color:#263a59 !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88) !important;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease,height .15s ease !important;
  filter:none !important;
}

.pitis-module-scope .tabs.tabs-level-1 .tab:hover,
.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab:hover,
.pitis-module-scope .tabs.tabs-level-1 .chip:hover,
.pitis-module-scope .tabs[data-pintas-tab-level="1"] .chip:hover{
  background:#fff !important;
  color:#0d47a1 !important;
}

.pitis-module-scope .tabs.tabs-level-1 .tab.is-active,
.pitis-module-scope .tabs.tabs-level-1 .tab.active,
.pitis-module-scope .tabs.tabs-level-1 .tab[aria-current="page"],
.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab.is-active,
.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab.active,
.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab[aria-current="page"],
.pitis-module-scope .tabs.tabs-level-1 .chip.is-active,
.pitis-module-scope .tabs.tabs-level-1 .chip.active,
.pitis-module-scope .tabs[data-pintas-tab-level="1"] .chip.is-active,
.pitis-module-scope .tabs[data-pintas-tab-level="1"] .chip.active{
  height:51px !important;
  min-height:51px !important;
  background:#fff !important;
  color:#071d49 !important;
  border-color:#c7d6e8 !important;
  z-index:2 !important;
  box-shadow:0 -5px 14px rgba(15,35,75,.08), inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.pitis-module-scope .tabs.tabs-level-1 .tab.is-active::after,
.pitis-module-scope .tabs.tabs-level-1 .tab.active::after,
.pitis-module-scope .tabs.tabs-level-1 .tab[aria-current="page"]::after,
.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab.is-active::after,
.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab.active::after,
.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab[aria-current="page"]::after,
.pitis-module-scope .tabs.tabs-level-1 .chip.is-active::after,
.pitis-module-scope .tabs.tabs-level-1 .chip.active::after,
.pitis-module-scope .tabs[data-pintas-tab-level="1"] .chip.is-active::after,
.pitis-module-scope .tabs[data-pintas-tab-level="1"] .chip.active::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  height:2px !important;
  background:#fff !important;
}

/* =========================================================
   LEVEL 2 - category selector / dot chips
   Visual target: no card wrapper; dot before each item; active item
   as blue-outlined rounded chip.
   ========================================================= */

.pitis-module-scope .tabs.tabs-level-2,
.pitis-module-scope .tabs[data-pintas-tab-level="2"]{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:28px !important;
  min-height:64px !important;
  padding:14px 18px 12px !important;
  margin:0 !important;
  background:#fbfdff !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow-x:auto !important;
}

.pitis-module-scope .tabs.tabs-level-2 .tab,
.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab,
.pitis-module-scope .tabs.tabs-level-2 .chip,
.pitis-module-scope .tabs[data-pintas-tab-level="2"] .chip{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  min-height:40px !important;
  padding:10px 0 !important;
  margin:0 !important;
  border-radius:12px !important;
  border:1px solid transparent !important;
  cursor:pointer !important;
  font-weight:900 !important;
  font-size:13px !important;
  line-height:1 !important;
  color:#071d49 !important;
  background:transparent !important;
  text-decoration:none !important;
  transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,padding .15s ease !important;
  box-shadow:none !important;
  white-space:nowrap !important;
}

.pitis-module-scope .tabs.tabs-level-2 .tab::before,
.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab::before,
.pitis-module-scope .tabs.tabs-level-2 .chip::before,
.pitis-module-scope .tabs[data-pintas-tab-level="2"] .chip::before{
  content:"" !important;
  width:9px !important;
  height:9px !important;
  border-radius:50% !important;
  background:#b7c5d8 !important;
  flex:0 0 9px !important;
}

.pitis-module-scope .tabs.tabs-level-2 .tab:hover,
.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab:hover,
.pitis-module-scope .tabs.tabs-level-2 .chip:hover,
.pitis-module-scope .tabs[data-pintas-tab-level="2"] .chip:hover{
  color:#0d47a1 !important;
}

.pitis-module-scope .tabs.tabs-level-2 .tab.is-active,
.pitis-module-scope .tabs.tabs-level-2 .tab.active,
.pitis-module-scope .tabs.tabs-level-2 .tab[aria-current="page"],
.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab.is-active,
.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab.active,
.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab[aria-current="page"],
.pitis-module-scope .tabs.tabs-level-2 .chip.is-active,
.pitis-module-scope .tabs.tabs-level-2 .chip.active,
.pitis-module-scope .tabs[data-pintas-tab-level="2"] .chip.is-active,
.pitis-module-scope .tabs[data-pintas-tab-level="2"] .chip.active{
  background:#fff !important;
  border-color:#0d6efd !important;
  color:#0d6efd !important;
  padding:12px 17px !important;
  box-shadow:0 12px 24px rgba(13,110,253,.13) !important;
}

.pitis-module-scope .tabs.tabs-level-2 .tab.is-active::before,
.pitis-module-scope .tabs.tabs-level-2 .tab.active::before,
.pitis-module-scope .tabs.tabs-level-2 .tab[aria-current="page"]::before,
.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab.is-active::before,
.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab.active::before,
.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab[aria-current="page"]::before,
.pitis-module-scope .tabs.tabs-level-2 .chip.is-active::before,
.pitis-module-scope .tabs.tabs-level-2 .chip.active::before,
.pitis-module-scope .tabs[data-pintas-tab-level="2"] .chip.is-active::before,
.pitis-module-scope .tabs[data-pintas-tab-level="2"] .chip.active::before{
  background:#0d6efd !important;
}

/* =========================================================
   LEVEL 3 / 4 - text navigation with blue underline.
   ========================================================= */

.pitis-module-scope .tabs.tabs-level-3,
.pitis-module-scope .tabs.tabs-level-4,
.pitis-module-scope .tabs[data-pintas-tab-level="3"],
.pitis-module-scope .tabs[data-pintas-tab-level="4"]{
  display:flex !important;
  align-items:center !important;
  gap:30px !important;
  min-height:54px !important;
  padding:0 18px !important;
  margin:0 0 18px !important;
  border:0 !important;
  border-bottom:1px solid #d9e2ee !important;
  background:#fbfdff !important;
  overflow-x:auto !important;
  flex-wrap:nowrap !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

.pitis-module-scope .tabs.tabs-level-3 .tab,
.pitis-module-scope .tabs.tabs-level-4 .tab,
.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab,
.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab,
.pitis-module-scope .tabs.tabs-level-3 .chip,
.pitis-module-scope .tabs.tabs-level-4 .chip,
.pitis-module-scope .tabs[data-pintas-tab-level="3"] .chip,
.pitis-module-scope .tabs[data-pintas-tab-level="4"] .chip{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  height:52px !important;
  min-height:52px !important;
  padding:0 2px !important;
  margin:0 !important;
  color:#24364f !important;
  font-size:13px !important;
  font-weight:800 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  border:none !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.pitis-module-scope .tabs.tabs-level-3 .tab:hover,
.pitis-module-scope .tabs.tabs-level-4 .tab:hover,
.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab:hover,
.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab:hover,
.pitis-module-scope .tabs.tabs-level-3 .chip:hover,
.pitis-module-scope .tabs.tabs-level-4 .chip:hover,
.pitis-module-scope .tabs[data-pintas-tab-level="3"] .chip:hover,
.pitis-module-scope .tabs[data-pintas-tab-level="4"] .chip:hover{
  color:#0d47a1 !important;
}

.pitis-module-scope .tabs.tabs-level-3 .tab.is-active,
.pitis-module-scope .tabs.tabs-level-4 .tab.is-active,
.pitis-module-scope .tabs.tabs-level-3 .tab.active,
.pitis-module-scope .tabs.tabs-level-4 .tab.active,
.pitis-module-scope .tabs.tabs-level-3 .tab[aria-current="page"],
.pitis-module-scope .tabs.tabs-level-4 .tab[aria-current="page"],
.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab.is-active,
.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab.is-active,
.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab.active,
.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab.active,
.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab[aria-current="page"],
.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab[aria-current="page"],
.pitis-module-scope .tabs.tabs-level-3 .chip.is-active,
.pitis-module-scope .tabs.tabs-level-4 .chip.is-active,
.pitis-module-scope .tabs.tabs-level-3 .chip.active,
.pitis-module-scope .tabs.tabs-level-4 .chip.active,
.pitis-module-scope .tabs[data-pintas-tab-level="3"] .chip.is-active,
.pitis-module-scope .tabs[data-pintas-tab-level="4"] .chip.is-active,
.pitis-module-scope .tabs[data-pintas-tab-level="3"] .chip.active,
.pitis-module-scope .tabs[data-pintas-tab-level="4"] .chip.active{
  color:#071d49 !important;
  font-weight:900 !important;
}

.pitis-module-scope .tabs.tabs-level-3 .tab.is-active::after,
.pitis-module-scope .tabs.tabs-level-4 .tab.is-active::after,
.pitis-module-scope .tabs.tabs-level-3 .tab.active::after,
.pitis-module-scope .tabs.tabs-level-4 .tab.active::after,
.pitis-module-scope .tabs.tabs-level-3 .tab[aria-current="page"]::after,
.pitis-module-scope .tabs.tabs-level-4 .tab[aria-current="page"]::after,
.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab.is-active::after,
.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab.is-active::after,
.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab.active::after,
.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab.active::after,
.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab[aria-current="page"]::after,
.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab[aria-current="page"]::after,
.pitis-module-scope .tabs.tabs-level-3 .chip.is-active::after,
.pitis-module-scope .tabs.tabs-level-4 .chip.is-active::after,
.pitis-module-scope .tabs.tabs-level-3 .chip.active::after,
.pitis-module-scope .tabs.tabs-level-4 .chip.active::after,
.pitis-module-scope .tabs[data-pintas-tab-level="3"] .chip.is-active::after,
.pitis-module-scope .tabs[data-pintas-tab-level="4"] .chip.is-active::after,
.pitis-module-scope .tabs[data-pintas-tab-level="3"] .chip.active::after,
.pitis-module-scope .tabs[data-pintas-tab-level="4"] .chip.active::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  height:3px !important;
  background:#2563eb !important;
  border-radius:99px !important;
}

.pitis-module-scope .finance-tab-stack{
  margin:-18px -18px 20px;
  background:#fbfdff;
  border-bottom:1px solid #e3ebf5;
}
.pitis-module-scope .finance-tab-stack .tabs.tabs-level-3{
  margin-bottom:0 !important;
}


/* =========================================================
   FALLBACK WORKFLOW TABS - legacy bare .tabs
   Some older pages render a third row as <div class="tabs"> without
   tabs-level-3. Treat bare tab rows as Level 3 underline navigation so
   pages with 3 levels do not show another folder-tab row.
   ========================================================= */

.pitis-module-scope .tabs:not(.tabs-level-1):not(.tabs-level-2):not(.tabs-level-3):not(.tabs-level-4):not(.tabs-primary):not(.tabs-secondary):not([data-pintas-tab-level]){
  display:flex !important;
  align-items:center !important;
  gap:26px !important;
  min-height:48px !important;
  padding:0 12px !important;
  margin:0 0 14px !important;
  border:0 !important;
  border-bottom:1px solid #dfe6ef !important;
  background:#fff !important;
  overflow-x:auto !important;
  flex-wrap:nowrap !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

.pitis-module-scope .tabs:not(.tabs-level-1):not(.tabs-level-2):not(.tabs-level-3):not(.tabs-level-4):not(.tabs-primary):not(.tabs-secondary):not([data-pintas-tab-level]) .tab{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  height:48px !important;
  min-height:48px !important;
  padding:0 2px !important;
  margin:0 !important;
  color:#24364f !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  border:0 !important;
  border-bottom:2px solid transparent !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
}

.pitis-module-scope .tabs:not(.tabs-level-1):not(.tabs-level-2):not(.tabs-level-3):not(.tabs-level-4):not(.tabs-primary):not(.tabs-secondary):not([data-pintas-tab-level]) .tab:hover{
  color:#0d47a1 !important;
  background:transparent !important;
}

.pitis-module-scope .tabs:not(.tabs-level-1):not(.tabs-level-2):not(.tabs-level-3):not(.tabs-level-4):not(.tabs-primary):not(.tabs-secondary):not([data-pintas-tab-level]) .tab.is-active,
.pitis-module-scope .tabs:not(.tabs-level-1):not(.tabs-level-2):not(.tabs-level-3):not(.tabs-level-4):not(.tabs-primary):not(.tabs-secondary):not([data-pintas-tab-level]) .tab.active,
.pitis-module-scope .tabs:not(.tabs-level-1):not(.tabs-level-2):not(.tabs-level-3):not(.tabs-level-4):not(.tabs-primary):not(.tabs-secondary):not([data-pintas-tab-level]) .tab[aria-current="page"]{
  color:#000 !important;
  font-weight:900 !important;
  border-bottom-color:#2563eb !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* =========================================================
   KPI / SUMMARY CARDS - icon left, title/value/detail right.
   Icon uses data-pitis-icon assigned by helper; no pushpin default.
   ========================================================= */

.pitis-module-scope .summary-grid-2,
.pitis-module-scope .summary-grid-3,
.pitis-module-scope .summary-grid-4,
.pitis-module-scope .summary-grid-5,
.pitis-module-scope .summary-grid-6,
.pitis-module-scope .kpi-grid,
.pitis-module-scope .grid.cols-3:has(.kpi-card),
.pitis-module-scope .grid.cols-4:has(.kpi-card){
  gap:16px !important;
}

.pitis-module-scope .summary-card,
.pitis-module-scope .kpi-card,
.pitis-module-scope .osc-pitis-kpi{
  position:relative !important;
  background:#fff !important;
  border:1px solid rgba(148,163,184,.28) !important;
  border-radius:16px !important;
  padding:18px 20px !important;
  min-height:116px !important;
  display:grid !important;
  grid-template-columns:68px minmax(0,1fr) !important;
  gap:16px !important;
  align-items:center !important;
  box-shadow:0 10px 28px rgba(15,23,42,.055) !important;
  overflow:hidden !important;
}

.pitis-module-scope .summary-card::before,
.pitis-module-scope .kpi-card::before,
.pitis-module-scope .kpi-card .kpi-icon,
.pitis-module-scope .osc-pitis-kpi::before,
.pitis-module-scope .osc-pitis-kpi-icon{
  width:58px !important;
  height:58px !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  font-size:26px !important;
  line-height:1 !important;
  background:linear-gradient(135deg, rgba(37,99,235,.13), rgba(37,99,235,.06)) !important;
  color:#2563eb !important;
  grid-column:1 !important;
  grid-row:1 / span 3 !important;
  align-self:center !important;
  justify-self:center !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65) !important;
}

.pitis-module-scope .summary-card::before,
.pitis-module-scope .kpi-card:not(:has(.kpi-icon))::before,
.pitis-module-scope .osc-pitis-kpi:not(:has(.osc-pitis-kpi-icon))::before{
  content:attr(data-pitis-icon) !important;
}

.pitis-module-scope .summary-card:not([data-pitis-icon])::before,
.pitis-module-scope .kpi-card:not([data-pitis-icon]):not(:has(.kpi-icon))::before,
.pitis-module-scope .osc-pitis-kpi:not([data-pitis-icon]):not(:has(.osc-pitis-kpi-icon))::before{
  content:"▦" !important;
}

.pitis-module-scope .summary-card[data-pitis-icon=""]::before,
.pitis-module-scope .kpi-card[data-pitis-icon=""]::before,
.pitis-module-scope .osc-pitis-kpi[data-pitis-icon=""]::before{
  content:"▦" !important;
}

.pitis-module-scope .summary-card[data-pitis-icon-tone="green"]::before,
.pitis-module-scope .kpi-card[data-pitis-icon-tone="green"]::before,
.pitis-module-scope .osc-pitis-kpi[data-pitis-icon-tone="green"]::before{background:linear-gradient(135deg, rgba(16,185,129,.17), rgba(20,184,166,.07)) !important;color:#059669 !important;}
.pitis-module-scope .summary-card[data-pitis-icon-tone="purple"]::before,
.pitis-module-scope .kpi-card[data-pitis-icon-tone="purple"]::before,
.pitis-module-scope .osc-pitis-kpi[data-pitis-icon-tone="purple"]::before{background:linear-gradient(135deg, rgba(124,58,237,.18), rgba(139,92,246,.08)) !important;color:#7c3aed !important;}
.pitis-module-scope .summary-card[data-pitis-icon-tone="amber"]::before,
.pitis-module-scope .kpi-card[data-pitis-icon-tone="amber"]::before,
.pitis-module-scope .osc-pitis-kpi[data-pitis-icon-tone="amber"]::before{background:linear-gradient(135deg, rgba(245,158,11,.18), rgba(251,191,36,.08)) !important;color:#d97706 !important;}
.pitis-module-scope .summary-card[data-pitis-icon-tone="red"]::before,
.pitis-module-scope .kpi-card[data-pitis-icon-tone="red"]::before,
.pitis-module-scope .osc-pitis-kpi[data-pitis-icon-tone="red"]::before{background:linear-gradient(135deg, rgba(239,68,68,.16), rgba(248,113,113,.07)) !important;color:#dc2626 !important;}
.pitis-module-scope .summary-card[data-pitis-icon-tone="slate"]::before,
.pitis-module-scope .kpi-card[data-pitis-icon-tone="slate"]::before,
.pitis-module-scope .osc-pitis-kpi[data-pitis-icon-tone="slate"]::before{background:linear-gradient(135deg, rgba(100,116,139,.16), rgba(148,163,184,.08)) !important;color:#475569 !important;}

.pitis-module-scope .summary-card .summary-label,
.pitis-module-scope .summary-card .summary-title,
.pitis-module-scope .kpi-card .kpi-title,
.pitis-module-scope .osc-pitis-kpi-title{
  grid-column:2 !important;
  display:block !important;
  width:100% !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  color:#071d49 !important;
  text-align:center !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  margin:0 !important;
}

.pitis-module-scope .summary-card .summary-value,
.pitis-module-scope .kpi-card .kpi-value,
.pitis-module-scope .osc-pitis-kpi-value{
  grid-column:2 !important;
  display:block !important;
  width:100% !important;
  font-size:29px !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  letter-spacing:-.025em !important;
  color:#071d49 !important;
  text-align:center !important;
  margin:5px 0 0 !important;
}

.pitis-module-scope .summary-card .small-note,
.pitis-module-scope .summary-card .summary-sub,
.pitis-module-scope .kpi-card .kpi-sub,
.pitis-module-scope .osc-pitis-kpi-sub{
  grid-column:2 !important;
  display:block !important;
  width:100% !important;
  font-size:12px !important;
  line-height:1.35 !important;
  color:#64748b !important;
  text-align:center !important;
  margin:8px 0 0 !important;
}

/* =========================================================
   CARD + TABLE STYLE - senarai style with light grey header.
   ========================================================= */

.pitis-module-scope .card,
.pitis-module-scope .dash-panel,
.pitis-module-scope .bpj-card,
.pitis-module-scope .dev-panel{
  background:#fff;
  border:1px solid #d8e1ec;
  border-radius:16px;
  box-shadow:0 8px 22px rgba(15,23,42,.05);
  overflow:hidden;
}

.pitis-module-scope .card.card-pad{
  padding:16px 18px;
}

.pitis-module-scope .card-header,
.pitis-module-scope .dash-panel-head,
.pitis-module-scope .bpj-card-head,
.pitis-module-scope .dev-panel-head{
  background:#f3f5f8 !important;
  color:#071d49 !important;
  border-bottom:1px solid #dde5ef !important;
  padding:16px 18px 12px !important;
}

.pitis-module-scope .card-header strong,
.pitis-module-scope .card-header .h2,
.pitis-module-scope .card-header .card-title,
.pitis-module-scope .dash-panel-title,
.pitis-module-scope .bpj-card-title,
.pitis-module-scope .dev-panel-title,
.pitis-module-scope .h2{
  color:#071d49 !important;
  font-size:18px;
  font-weight:900;
}

.pitis-module-scope .card-body{
  padding:14px 16px 16px;
}

.pitis-module-scope .table-wrap{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
  overflow:auto;
}

.pitis-module-scope table.table,
.pitis-module-scope .datatable,
.pitis-module-scope .auth-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}

.pitis-module-scope table.table thead th,
.pitis-module-scope .datatable thead th,
.pitis-module-scope .auth-table thead th{
  background:#f3f5f8 !important;
  color:#071d49 !important;
  font-size:12px;
  font-weight:900;
  border-top:1px solid #e2e8f0 !important;
  border-bottom:1px solid #e2e8f0 !important;
  padding:12px 12px;
}

.pitis-module-scope table.table thead th:first-child,
.pitis-module-scope .datatable thead th:first-child{
  border-top-left-radius:12px;
}
.pitis-module-scope table.table thead th:last-child,
.pitis-module-scope .datatable thead th:last-child{
  border-top-right-radius:12px;
}

.pitis-module-scope table.table tbody td,
.pitis-module-scope .datatable tbody td,
.pitis-module-scope .auth-table tbody td{
  background:#fff !important;
  border-bottom:1px solid #e8edf3 !important;
  color:#0f172a;
  padding:12px;
  vertical-align:middle;
}

.pitis-module-scope table.table tbody tr:hover td,
.pitis-module-scope .datatable tbody tr:hover td{
  background:#fbfdff !important;
}

.pitis-module-scope table.table tbody td strong,
.pitis-module-scope .datatable tbody td strong{
  font-size:13px;
  color:#071d49;
  font-weight:900;
}

.pitis-module-scope .small-note,
.pitis-module-scope .muted{
  color:#64748b;
}

/* =========================================================
   BADGES + BUTTONS
   ========================================================= */

.pitis-module-scope .badge{
  border-radius:8px !important;
  font-weight:900 !important;
  padding:.35em .65em !important;
}

.pitis-module-scope .badge.info,
.pitis-module-scope .badge.primary{
  color:#0d47a1 !important;
  background:#dbeafe !important;
  border:1px solid #bfdbfe !important;
}
.pitis-module-scope .badge.warning{color:#b45309 !important;background:#fff7ed !important;border:1px solid #fed7aa !important;}
.pitis-module-scope .badge.success{color:#047857 !important;background:#ecfdf5 !important;border:1px solid #a7f3d0 !important;}
.pitis-module-scope .badge.danger{color:#b91c1c !important;background:#fef2f2 !important;border:1px solid #fecaca !important;}

.pitis-module-scope .btn,
.pitis-module-scope button.btn,
.pitis-module-scope a.btn,
.pitis-module-scope input.btn{
  border-radius:11px;
  font-weight:900;
  box-shadow:none;
}

.pitis-module-scope .btn.btn-sm,
.pitis-module-scope table.table .btn{
  border-radius:10px;
  font-weight:900;
}

.pitis-module-scope .btn:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-dark):not(.btn-secondary){
  background:#fff !important;
  color:#071d49 !important;
  border-color:#c9d5e5 !important;
}

.pitis-module-scope .btn-primary{
  background:#0d6efd !important;
  border-color:#0d6efd !important;
  color:#fff !important;
}

/* =========================================================
   FORMAL PRINT PREVIEW / GOVERNMENT DOCUMENT FORMAT
   Applies to print pages and JS preview windows.
   ========================================================= */

.print-formal-body,
body.print-popup-body,
body.print-popup-page,
.pitis-module-scope.print-popup-page{
  background:#e8eef6 !important;
  color:#111827 !important;
  font-family:Arial,Helvetica,sans-serif !important;
}

.print-popup-toolbar,
.pitis-print-preview-toolbar{
  position:sticky;
  top:0;
  z-index:50;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:10px 16px;
  background:#0b1f3f;
  color:#fff;
  box-shadow:0 8px 22px rgba(15,23,42,.18);
}

.print-popup-toolbar .actions,
.pitis-print-preview-toolbar .actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.print-popup-toolbar .btn,
.pitis-print-preview-toolbar .btn{
  border-radius:10px;
  padding:8px 12px;
  font-weight:900;
}

.print-popup-page,
.pitis-print-preview-page{
  min-height:100vh;
  padding:24px 12px 36px;
  background:#e8eef6;
}

.print-popup-sheet,
.pitis-print-preview-sheet{
  width:min(210mm, calc(100vw - 32px));
  min-height:297mm;
  margin:0 auto;
  background:#fff;
  border:1px solid #cbd5e1;
  box-shadow:0 18px 60px rgba(15,23,42,.18);
  padding:18mm 16mm;
  box-sizing:border-box;
  border-radius:0;
}

.print-letterhead{
  display:block !important;
  margin:0 0 18px 0 !important;
  padding:0 0 13px 0 !important;
  border:0 !important;
  border-top:5px solid #0b1f3f !important;
  border-bottom:2px solid #0b1f3f !important;
}
.print-letterhead-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;}
.print-letterhead-org{display:flex;align-items:flex-start;gap:14px;}
.print-letterhead-logo{width:76px;height:auto;display:block;border-radius:0;}
.print-letterhead-title{font-size:17px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;color:#111827;}
.print-letterhead-sub{font-size:12px;color:#334155;margin-top:3px;}
.print-letterhead-doc{text-align:right;min-width:210px;}
.print-doc-title{font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;}
.print-doc-ref{margin-top:5px;font-size:12px;color:#334155;}
.print-letterhead-address,.print-letterhead-meta,.print-letterhead-footer{font-size:11px;line-height:1.45;color:#334155;margin-top:8px;}

.print-doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:14px 0;}
.print-doc-grid .k{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;}
.print-doc-grid .v{font-weight:800;color:#111827;}
.print-lines{width:100%;border-collapse:collapse;margin-top:14px;font-size:12px;}
.print-lines th,.print-lines td{border:1px solid #cbd5e1;padding:8px 10px;text-align:left;vertical-align:top;}
.print-lines th{background:#f1f5f9;font-size:11px;text-transform:uppercase;letter-spacing:.03em;}
.print-note{margin-top:16px;padding:10px 12px;border-radius:0;background:#f8fafc;border:1px solid #cbd5e1;color:#1e293b;}
.pitis-print-signatures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px;page-break-inside:avoid;}
.pitis-print-signature{min-height:92px;border-top:1px solid #111827;padding-top:8px;font-size:12px;color:#334155;}
.pitis-print-signature strong{display:block;color:#111827;margin-bottom:3px;}
.pitis-print-footer-note{margin-top:22px;border-top:1px solid #cbd5e1;padding-top:8px;font-size:10px;color:#64748b;text-align:center;}



/* Formal government document components used by print/* pages and JS preview. */
@page{size:A4 portrait;margin:12mm;}
.print-doc-section-title{
  margin:18px 0 8px;
  padding:7px 9px;
  background:#f1f5f9;
  border-left:4px solid #071d49;
  font-size:12px;
  font-weight:900;
  color:#071d49;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.print-doc-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  margin:12px 0 16px;
  border:1px solid #cbd5e1;
  border-bottom:0;
  border-right:0;
}
.print-doc-grid > div{
  min-height:54px;
  padding:9px 10px;
  border-right:1px solid #cbd5e1;
  border-bottom:1px solid #cbd5e1;
  background:#fff;
}
.print-doc-grid .k{
  margin-bottom:4px;
  font-size:10px;
  color:#475569;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:900;
}
.print-doc-grid .v{
  font-size:12.5px;
  color:#0f172a;
  font-weight:700;
  line-height:1.4;
}
.print-lines,
.print-formal-table{
  width:100%;
  border-collapse:collapse;
  margin:12px 0 16px;
  font-size:12px;
}
.print-lines th,.print-lines td,
.print-formal-table th,.print-formal-table td{
  border:1px solid #cbd5e1;
  padding:8px 9px;
  text-align:left;
  vertical-align:top;
  color:#0f172a;
}
.print-lines th,.print-formal-table th{
  background:#f1f5f9;
  color:#071d49;
  font-weight:900;
  font-size:10.5px;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.print-official-footer{
  margin-top:22px;
  border-top:2px solid #071d49;
  padding-top:12px;
  break-inside:avoid;
}
.print-footer-cert{
  font-size:11px;
  color:#334155;
  line-height:1.45;
  margin-bottom:12px;
}
.print-sign-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:10px;
}
.print-sign-box{
  min-height:88px;
  border:1px solid #cbd5e1;
  padding:10px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.print-sign-line{
  border-top:1px solid #0f172a;
  padding-top:6px;
  font-size:10.5px;
  font-weight:900;
  color:#071d49;
  text-transform:uppercase;
}
.print-sign-meta{
  margin-top:4px;
  font-size:10px;
  color:#64748b;
}
.print-footer-meta{
  margin-top:12px;
  font-size:10px;
  color:#64748b;
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

@media print{
  html,body{background:#fff !important;}
  .topbar,.sidebar,.footer,.flash-area,.cmd,.page-actions,.table-toolbar,.dt-toolbar,.tabs,.subbar,.print-popup-toolbar,.pitis-print-preview-toolbar,.no-print{display:none !important;}
  .content{padding:0 !important;background:#fff !important;}
  .card{box-shadow:none !important;}
  .table-wrap{border:1px solid #e5e7eb !important;}
  .print-popup-page,.pitis-print-preview-page{padding:0 !important;background:#fff !important;}
  .print-popup-sheet,.pitis-print-preview-sheet{width:auto !important;min-height:auto !important;margin:0 !important;border:0 !important;box-shadow:none !important;padding:0 !important;}
  .pitis-print-signatures{grid-template-columns:repeat(3,1fr);}
}

@media(max-width:1200px){
  .pitis-module-scope .summary-card,
  .pitis-module-scope .kpi-card,
  .pitis-module-scope .osc-pitis-kpi{grid-template-columns:60px minmax(0,1fr) !important;}
  .pitis-module-scope .summary-card::before,
  .pitis-module-scope .kpi-card::before,
  .pitis-module-scope .kpi-card .kpi-icon,
  .pitis-module-scope .osc-pitis-kpi::before,
  .pitis-module-scope .osc-pitis-kpi-icon{width:54px !important;height:54px !important;}
}

@media(max-width:760px){
  .pitis-module-scope .tabs.tabs-level-1,
  .pitis-module-scope .tabs.tabs-level-3,
  .pitis-module-scope .tabs.tabs-level-4,
  .pitis-module-scope .tabs[data-pintas-tab-level="1"],
  .pitis-module-scope .tabs[data-pintas-tab-level="3"],
  .pitis-module-scope .tabs[data-pintas-tab-level="4"]{overflow-x:auto;flex-wrap:nowrap;}
  .pitis-module-scope .tabs.tabs-level-2,
  .pitis-module-scope .tabs[data-pintas-tab-level="2"]{gap:14px;padding:10px 12px;}
  .pitis-module-scope .summary-card,
  .pitis-module-scope .kpi-card,
  .pitis-module-scope .osc-pitis-kpi{grid-template-columns:54px minmax(0,1fr) !important;}
  .print-doc-grid,.pitis-print-signatures{grid-template-columns:1fr;}
}

/* =========================================================
   FINAL TAB NORMALISATION — exact light folder/dot style.
   This intentionally overrides the older PIntAS colour palette
   (.pintas-universal-tab-theme / .pintas-tab-theme) so all pages
   use the same neutral government-style tab treatment.
   ========================================================= */

body.pitis-module-scope .content.pintas-universal-tab-theme,
body.pitis-module-scope .content.pintas-tab-theme,
body.pitis-module-scope .content.pitis-global-tab-theme,
body.pitis-module-scope .main.pintas-main-tab-theme{
  --pintas-tab-page-bg:#f8fbff !important;
  --pintas-tab-line:#dfe6ef !important;
  --pintas-tab-active-bg:#ffffff !important;
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%) !important;
}

body.pitis-module-scope .page-tab-stack,
body.pitis-module-scope .finance-tab-stack{
  margin:-18px -18px 20px !important;
  background:#fbfdff !important;
  border-bottom:1px solid #dfe6ef !important;
  overflow:hidden !important;
}

body.pitis-module-scope .finance-tab-stack-two-level{
  margin-bottom:20px !important;
}

/* Level 1 folder row */
body.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-1,
body.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-1,
body.pitis-module-scope .content.pitis-global-tab-theme .tabs.tabs-level-1,
body.pitis-module-scope .page-tab-stack .tabs.tabs-level-1,
body.pitis-module-scope .finance-tab-stack .tabs.tabs-level-1,
body.pitis-module-scope .tabs.tabs-level-1,
body.pitis-module-scope .tabs[data-pintas-tab-level="1"]{
  display:flex !important;
  align-items:flex-end !important;
  gap:4px !important;
  min-height:54px !important;
  padding:0 12px !important;
  margin:0 !important;
  background:#f5f7fb !important;
  border:0 !important;
  border-bottom:1px solid #dfe6ef !important;
  border-radius:0 !important;
  overflow-x:auto !important;
  flex-wrap:nowrap !important;
  box-shadow:none !important;
}

body.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-1 .tab,
body.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-1 .tab,
body.pitis-module-scope .content.pitis-global-tab-theme .tabs.tabs-level-1 .tab,
body.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="1"] .tab,
body.pitis-module-scope .content.pintas-tab-theme .tabs[data-pintas-tab-level="1"] .tab,
body.pitis-module-scope .content.pitis-global-tab-theme .tabs[data-pintas-tab-level="1"] .tab,
body.pitis-module-scope .page-tab-stack .tabs.tabs-level-1 .tab,
body.pitis-module-scope .finance-tab-stack .tabs.tabs-level-1 .tab,
body.pitis-module-scope .tabs.tabs-level-1 .tab,
body.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab,
body.pitis-module-scope .subbar.tabs-level-1 .chip,
body.pitis-module-scope .subbar[data-pintas-tab-level="1"] .chip{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 24px !important;
  margin:0 !important;
  background:linear-gradient(#f1f4f8,#e7ecf3) !important;
  border:1px solid #d5dee9 !important;
  border-bottom:none !important;
  border-radius:11px 11px 0 0 !important;
  color:#42526b !important;
  font-size:13px !important;
  font-weight:800 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85) !important;
  transition:.15s ease !important;
  filter:none !important;
}

/* Override old nth-child colour palette explicitly. */
body.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="1"] .tab:nth-child(n),
body.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-1 .tab:nth-of-type(n),
body.pitis-module-scope .auth-main.pintas-tab-theme .tabs.tabs-level-1 .tab:nth-of-type(n){
  background:linear-gradient(#f1f4f8,#e7ecf3) !important;
  border-color:#d5dee9 !important;
  border-bottom:none !important;
  color:#42526b !important;
}

body.pitis-module-scope .tabs.tabs-level-1 .tab:hover,
body.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab:hover,
body.pitis-module-scope .subbar.tabs-level-1 .chip:hover,
body.pitis-module-scope .subbar[data-pintas-tab-level="1"] .chip:hover{
  background:#fff !important;
  color:#0d6efd !important;
}

body.pitis-module-scope .tabs.tabs-level-1 .tab.is-active,
body.pitis-module-scope .tabs.tabs-level-1 .tab.active,
body.pitis-module-scope .tabs.tabs-level-1 .tab[aria-current="page"],
body.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab.is-active,
body.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab.active,
body.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab[aria-current="page"],
body.pitis-module-scope .subbar.tabs-level-1 .chip.is-active,
body.pitis-module-scope .subbar.tabs-level-1 .chip.active,
body.pitis-module-scope .subbar[data-pintas-tab-level="1"] .chip.is-active,
body.pitis-module-scope .subbar[data-pintas-tab-level="1"] .chip.active,
body.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="1"] .tab.is-active:nth-child(n),
body.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-1 .tab.is-active:nth-of-type(n){
  height:48px !important;
  min-height:48px !important;
  background:#fff !important;
  color:#071d49 !important;
  border-color:#d5dee9 !important;
  border-bottom:none !important;
  z-index:2 !important;
  box-shadow:0 -5px 14px rgba(15,35,75,.08) !important;
}

body.pitis-module-scope .tabs.tabs-level-1 .tab.is-active::after,
body.pitis-module-scope .tabs.tabs-level-1 .tab.active::after,
body.pitis-module-scope .tabs.tabs-level-1 .tab[aria-current="page"]::after,
body.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab.is-active::after,
body.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab.active::after,
body.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab[aria-current="page"]::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  height:2px !important;
  background:#fff !important;
}

/* Level 2 dot/chip row */
body.pitis-module-scope .tabs.tabs-level-2,
body.pitis-module-scope .tabs[data-pintas-tab-level="2"],
body.pitis-module-scope .subbar.tabs-level-2,
body.pitis-module-scope .subbar[data-pintas-tab-level="2"]{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:28px !important;
  min-height:64px !important;
  padding:14px 18px 12px !important;
  margin:0 !important;
  background:#f8fbff !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow-x:auto !important;
}

body.pitis-module-scope .tabs.tabs-level-2 .tab,
body.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab,
body.pitis-module-scope .subbar.tabs-level-2 .chip,
body.pitis-module-scope .subbar[data-pintas-tab-level="2"] .chip,
body.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="2"] .tab,
body.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-2 .tab{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  min-height:40px !important;
  padding:10px 0 !important;
  margin:0 !important;
  border-radius:12px !important;
  border:1px solid transparent !important;
  background:transparent !important;
  color:#071d49 !important;
  box-shadow:none !important;
  cursor:pointer !important;
  font-weight:800 !important;
  font-size:13px !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

body.pitis-module-scope .tabs.tabs-level-2 .tab::before,
body.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab::before,
body.pitis-module-scope .subbar.tabs-level-2 .chip::before,
body.pitis-module-scope .subbar[data-pintas-tab-level="2"] .chip::before{
  content:"" !important;
  width:9px !important;
  height:9px !important;
  border-radius:50% !important;
  background:#b9c6d8 !important;
  flex:0 0 9px !important;
}

body.pitis-module-scope .tabs.tabs-level-2 .tab:hover,
body.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab:hover,
body.pitis-module-scope .subbar.tabs-level-2 .chip:hover,
body.pitis-module-scope .subbar[data-pintas-tab-level="2"] .chip:hover{
  color:#0d47a1 !important;
}

body.pitis-module-scope .tabs.tabs-level-2 .tab.is-active,
body.pitis-module-scope .tabs.tabs-level-2 .tab.active,
body.pitis-module-scope .tabs.tabs-level-2 .tab[aria-current="page"],
body.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab.is-active,
body.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab.active,
body.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab[aria-current="page"],
body.pitis-module-scope .subbar.tabs-level-2 .chip.is-active,
body.pitis-module-scope .subbar.tabs-level-2 .chip.active,
body.pitis-module-scope .subbar[data-pintas-tab-level="2"] .chip.is-active,
body.pitis-module-scope .subbar[data-pintas-tab-level="2"] .chip.active{
  background:#fff !important;
  border-color:#0d6efd !important;
  color:#0d6efd !important;
  padding:12px 17px !important;
  box-shadow:0 12px 24px rgba(13,110,253,.13) !important;
}

body.pitis-module-scope .tabs.tabs-level-2 .tab.is-active::before,
body.pitis-module-scope .tabs.tabs-level-2 .tab.active::before,
body.pitis-module-scope .tabs.tabs-level-2 .tab[aria-current="page"]::before,
body.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab.is-active::before,
body.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab.active::before,
body.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab[aria-current="page"]::before{
  background:#0d6efd !important;
}

/* Level 3+ only appears when a page genuinely has another workflow row. */
body.pitis-module-scope .tabs.tabs-level-3,
body.pitis-module-scope .tabs.tabs-level-4,
body.pitis-module-scope .tabs[data-pintas-tab-level="3"],
body.pitis-module-scope .tabs[data-pintas-tab-level="4"]{
  display:flex !important;
  align-items:center !important;
  gap:26px !important;
  min-height:46px !important;
  padding:0 12px !important;
  margin:0 0 14px !important;
  border:0 !important;
  border-bottom:1px solid #dfe6ef !important;
  background:#fff !important;
  overflow-x:auto !important;
  flex-wrap:nowrap !important;
  box-shadow:none !important;
}

body.pitis-module-scope .tabs.tabs-level-3 .tab,
body.pitis-module-scope .tabs.tabs-level-4 .tab,
body.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab,
body.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  height:46px !important;
  min-height:46px !important;
  padding:0 2px !important;
  color:#24364f !important;
  font-size:13px !important;
  font-weight:700 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.pitis-module-scope .tabs.tabs-level-3 .tab.is-active,
body.pitis-module-scope .tabs.tabs-level-4 .tab.is-active,
body.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab.is-active,
body.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab.is-active,
body.pitis-module-scope .tabs.tabs-level-3 .tab[aria-current="page"],
body.pitis-module-scope .tabs.tabs-level-4 .tab[aria-current="page"],
body.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab[aria-current="page"],
body.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab[aria-current="page"]{
  color:#000 !important;
  font-weight:800 !important;
}

body.pitis-module-scope .tabs.tabs-level-3 .tab.is-active::after,
body.pitis-module-scope .tabs.tabs-level-4 .tab.is-active::after,
body.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab.is-active::after,
body.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab.is-active::after,
body.pitis-module-scope .tabs.tabs-level-3 .tab[aria-current="page"]::after,
body.pitis-module-scope .tabs.tabs-level-4 .tab[aria-current="page"]::after,
body.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab[aria-current="page"]::after,
body.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab[aria-current="page"]::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  height:2px !important;
  background:#2563eb !important;
  border-radius:99px !important;
}

/* Formal preview content should look like a document, not the live app page. */
.pitis-print-preview-content{
  font-size:12px;
  line-height:1.45;
  color:#111827;
}
.pitis-print-preview-content .page-tab-stack,
.pitis-print-preview-content .finance-tab-stack,
.pitis-print-preview-content .tabs,
.pitis-print-preview-content .subbar,
.pitis-print-preview-content .bottom-nav,
.pitis-print-preview-content .mobile-bottom-nav,
.pitis-print-preview-content .page-actions,
.pitis-print-preview-content .dt-buttons,
.pitis-print-preview-content .dataTables_filter,
.pitis-print-preview-content .dataTables_length,
.pitis-print-preview-content .dataTables_info,
.pitis-print-preview-content .dataTables_paginate{
  display:none !important;
}
.pitis-print-preview-content .page-head{
  display:block !important;
  margin:0 0 12px !important;
  padding:0 0 10px !important;
  border-bottom:1px solid #cbd5e1 !important;
}
.pitis-print-preview-content .page-kicker,
.pitis-print-preview-content .page-sub,
.pitis-print-preview-content .muted,
.pitis-print-preview-content .small-note{
  color:#475569 !important;
}
.pitis-print-preview-content h1,
.pitis-print-preview-content .h1{
  font-size:20px !important;
  margin:0 0 6px !important;
  color:#111827 !important;
}
.pitis-print-preview-content .summary-grid-2,
.pitis-print-preview-content .summary-grid-3,
.pitis-print-preview-content .summary-grid-4,
.pitis-print-preview-content .summary-grid-5,
.pitis-print-preview-content .summary-grid-6,
.pitis-print-preview-content .kpi-grid,
.pitis-print-preview-content .grid,
.pitis-print-preview-content .grid.cols-2,
.pitis-print-preview-content .grid.cols-3,
.pitis-print-preview-content .grid.cols-4{
  display:block !important;
}
.pitis-print-preview-content .summary-card,
.pitis-print-preview-content .kpi-card,
.pitis-print-preview-content .card{
  display:block !important;
  min-height:0 !important;
  margin:0 0 12px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:#fff !important;
  page-break-inside:avoid;
}
.pitis-print-preview-content .summary-card::before,
.pitis-print-preview-content .kpi-card::before,
.pitis-print-preview-content .osc-pitis-kpi::before{
  display:none !important;
  content:none !important;
}
.pitis-print-preview-content .summary-label,
.pitis-print-preview-content .summary-title,
.pitis-print-preview-content .kpi-title,
.pitis-print-preview-content .h2,
.pitis-print-preview-content .card-header,
.pitis-print-preview-content .card-header strong{
  display:block !important;
  margin:0 0 6px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#071d49 !important;
  font-size:13px !important;
  font-weight:900 !important;
  text-align:left !important;
}
.pitis-print-preview-content .summary-value,
.pitis-print-preview-content .kpi-value{
  display:block !important;
  margin:0 0 4px !important;
  color:#111827 !important;
  font-size:17px !important;
  font-weight:900 !important;
  text-align:left !important;
}
.pitis-print-preview-content .card-pad,
.pitis-print-preview-content .card-body{
  padding:0 !important;
}
.pitis-print-preview-content .table-wrap{
  border:0 !important;
  overflow:visible !important;
}
.pitis-print-preview-content table,
.pitis-print-preview-content table.table,
.pitis-print-preview-content .print-formal-table{
  width:100% !important;
  border-collapse:collapse !important;
  border-spacing:0 !important;
  margin:6px 0 12px !important;
  font-size:11px !important;
}
.pitis-print-preview-content table th,
.pitis-print-preview-content table td,
.pitis-print-preview-content table.table th,
.pitis-print-preview-content table.table td{
  border:1px solid #cbd5e1 !important;
  padding:6px 7px !important;
  background:#fff !important;
  color:#111827 !important;
  vertical-align:top !important;
}
.pitis-print-preview-content table th,
.pitis-print-preview-content table.table thead th{
  background:#f1f5f9 !important;
  color:#071d49 !important;
  font-weight:900 !important;
  text-transform:none !important;
}


/* =========================================================
   20260511 USER FIX - enforce attached reference tab style
   over old PintAS multi-colour tab theme.
   ========================================================= */
body.pitis-module-scope .content,
body.pitis-module-scope .content.pintas-universal-tab-theme,
body.pitis-module-scope .main.pintas-main-tab-theme{
  background:#f8fbff !important;
}

body.pitis-module-scope .finance-tab-stack{
  margin:-18px -18px 20px !important;
  background:#f8fbff !important;
  border:0 !important;
  border-bottom:1px solid #dfe6ef !important;
  box-shadow:none !important;
}

/* Level 1 - folder tabs, exactly the reference style */
body.pitis-module-scope .tabs.tabs-level-1,
body.pitis-module-scope .subbar.tabs-level-1,
body.pitis-module-scope .tabs[data-pintas-tab-level="1"],
body.pitis-module-scope .subbar[data-pintas-tab-level="1"],
body.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="1"],
body.pitis-module-scope .content.pintas-universal-tab-theme .subbar[data-pintas-tab-level="1"]{
  position:relative !important;
  display:flex !important;
  align-items:flex-end !important;
  gap:4px !important;
  min-height:54px !important;
  padding:0 12px !important;
  margin:0 0 10px !important;
  background:#f5f7fb !important;
  border:0 !important;
  border-bottom:1px solid #dfe6ef !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow-x:auto !important;
  overflow-y:visible !important;
  flex-wrap:nowrap !important;
  isolation:auto !important;
}
body.pitis-module-scope .tabs.tabs-level-1::after,
body.pitis-module-scope .subbar.tabs-level-1::after,
body.pitis-module-scope .tabs[data-pintas-tab-level="1"]::after,
body.pitis-module-scope .subbar[data-pintas-tab-level="1"]::after,
body.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="1"]::after,
body.pitis-module-scope .content.pintas-universal-tab-theme .subbar[data-pintas-tab-level="1"]::after{
  display:none !important;
  content:none !important;
}
body.pitis-module-scope .tabs.tabs-level-1 .tab,
body.pitis-module-scope .subbar.tabs-level-1 .chip,
body.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab,
body.pitis-module-scope .subbar[data-pintas-tab-level="1"] .chip,
body.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="1"] .tab,
body.pitis-module-scope .content.pintas-universal-tab-theme .subbar[data-pintas-tab-level="1"] .chip,
body.pitis-module-scope .tabs .tab.tab-help{
  position:relative !important;
  z-index:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 24px !important;
  margin:0 !important;
  background:linear-gradient(#f1f4f8,#e7ecf3) !important;
  border:1px solid #d5dee9 !important;
  border-bottom:none !important;
  border-radius:11px 11px 0 0 !important;
  color:#42526b !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:normal !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85) !important;
  filter:none !important;
  transform:none !important;
}
body.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="1"] .tab:nth-child(n),
body.pitis-module-scope .content.pintas-universal-tab-theme .subbar[data-pintas-tab-level="1"] .chip:nth-child(n),
body.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-1 .tab:nth-of-type(n),
body.pitis-module-scope .auth-main.pintas-tab-theme .tabs.tabs-level-1 .tab:nth-of-type(n){
  background:linear-gradient(#f1f4f8,#e7ecf3) !important;
  border-color:#d5dee9 !important;
  color:#42526b !important;
}
body.pitis-module-scope .tabs.tabs-level-1 .tab:hover,
body.pitis-module-scope .subbar.tabs-level-1 .chip:hover,
body.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab:hover,
body.pitis-module-scope .subbar[data-pintas-tab-level="1"] .chip:hover,
body.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="1"] .tab:hover,
body.pitis-module-scope .content.pintas-universal-tab-theme .subbar[data-pintas-tab-level="1"] .chip:hover,
body.pitis-module-scope .tabs .tab.tab-help:hover{
  background:#fff !important;
  color:#0d6efd !important;
  filter:none !important;
}
body.pitis-module-scope .tabs.tabs-level-1 .tab.is-active,
body.pitis-module-scope .tabs.tabs-level-1 .tab.active,
body.pitis-module-scope .tabs.tabs-level-1 .tab[aria-current="page"],
body.pitis-module-scope .subbar.tabs-level-1 .chip.is-active,
body.pitis-module-scope .subbar.tabs-level-1 .chip.active,
body.pitis-module-scope .subbar.tabs-level-1 .chip[aria-current="page"],
body.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab.is-active,
body.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab.active,
body.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab[aria-current="page"],
body.pitis-module-scope .subbar[data-pintas-tab-level="1"] .chip.is-active,
body.pitis-module-scope .subbar[data-pintas-tab-level="1"] .chip.active,
body.pitis-module-scope .subbar[data-pintas-tab-level="1"] .chip[aria-current="page"],
body.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="1"] .tab.is-active,
body.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="1"] .tab.active,
body.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="1"] .tab[aria-current="page"],
body.pitis-module-scope .content.pintas-universal-tab-theme .subbar[data-pintas-tab-level="1"] .chip.is-active,
body.pitis-module-scope .content.pintas-universal-tab-theme .subbar[data-pintas-tab-level="1"] .chip.active,
body.pitis-module-scope .content.pintas-universal-tab-theme .subbar[data-pintas-tab-level="1"] .chip[aria-current="page"],
body.pitis-module-scope .tabs .tab.tab-help.is-active{
  height:48px !important;
  min-height:48px !important;
  background:#fff !important;
  color:#071d49 !important;
  border-color:#d5dee9 !important;
  border-bottom:none !important;
  z-index:2 !important;
  font-weight:900 !important;
  box-shadow:0 -5px 14px rgba(15,35,75,.08) !important;
  transform:none !important;
}
body.pitis-module-scope .tabs.tabs-level-1 .tab.is-active::after,
body.pitis-module-scope .tabs.tabs-level-1 .tab.active::after,
body.pitis-module-scope .tabs.tabs-level-1 .tab[aria-current="page"]::after,
body.pitis-module-scope .subbar.tabs-level-1 .chip.is-active::after,
body.pitis-module-scope .subbar.tabs-level-1 .chip.active::after,
body.pitis-module-scope .subbar.tabs-level-1 .chip[aria-current="page"]::after,
body.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab.is-active::after,
body.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab.active::after,
body.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab[aria-current="page"]::after,
body.pitis-module-scope .subbar[data-pintas-tab-level="1"] .chip.is-active::after,
body.pitis-module-scope .subbar[data-pintas-tab-level="1"] .chip.active::after,
body.pitis-module-scope .subbar[data-pintas-tab-level="1"] .chip[aria-current="page"]::after,
body.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="1"] .tab.is-active::after,
body.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="1"] .tab.active::after,
body.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="1"] .tab[aria-current="page"]::after,
body.pitis-module-scope .tabs .tab.tab-help.is-active::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  height:2px !important;
  background:#fff !important;
  border:0 !important;
  pointer-events:none !important;
  z-index:3 !important;
}

/* Level 2 - dot/chip selector; this is now the finance subpage row. */
body.pitis-module-scope .tabs.tabs-level-2,
body.pitis-module-scope .subbar.tabs-level-2,
body.pitis-module-scope .tabs[data-pintas-tab-level="2"],
body.pitis-module-scope .subbar[data-pintas-tab-level="2"],
body.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="2"],
body.pitis-module-scope .content.pintas-universal-tab-theme .subbar[data-pintas-tab-level="2"]{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:10px !important;
  padding:8px !important;
  margin:0 0 14px !important;
  background:#f8fbff !important;
  border:1px solid #dfe7f2 !important;
  border-radius:16px !important;
  box-shadow:none !important;
  overflow:visible !important;
}
body.pitis-module-scope .tabs.tabs-level-2::after,
body.pitis-module-scope .subbar.tabs-level-2::after,
body.pitis-module-scope .tabs[data-pintas-tab-level="2"]::after,
body.pitis-module-scope .subbar[data-pintas-tab-level="2"]::after{
  display:none !important;
  content:none !important;
}
body.pitis-module-scope .tabs.tabs-level-2 .tab,
body.pitis-module-scope .subbar.tabs-level-2 .chip,
body.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab,
body.pitis-module-scope .subbar[data-pintas-tab-level="2"] .chip,
body.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="2"] .tab,
body.pitis-module-scope .content.pintas-universal-tab-theme .subbar[data-pintas-tab-level="2"] .chip{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  min-height:36px !important;
  height:36px !important;
  padding:0 15px !important;
  margin:0 !important;
  border:1px solid transparent !important;
  border-radius:12px !important;
  background:transparent !important;
  color:#28415f !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-decoration:none !important;
  letter-spacing:normal !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
  white-space:nowrap !important;
}
body.pitis-module-scope .tabs.tabs-level-2 .tab::before,
body.pitis-module-scope .subbar.tabs-level-2 .chip::before,
body.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab::before,
body.pitis-module-scope .subbar[data-pintas-tab-level="2"] .chip::before,
body.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="2"] .tab::before,
body.pitis-module-scope .content.pintas-universal-tab-theme .subbar[data-pintas-tab-level="2"] .chip::before{
  content:"" !important;
  width:9px !important;
  height:9px !important;
  border-radius:50% !important;
  background:#b9c6d8 !important;
  flex:0 0 9px !important;
}
body.pitis-module-scope .tabs.tabs-level-2 .tab:hover,
body.pitis-module-scope .subbar.tabs-level-2 .chip:hover,
body.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab:hover,
body.pitis-module-scope .subbar[data-pintas-tab-level="2"] .chip:hover,
body.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="2"] .tab:hover,
body.pitis-module-scope .content.pintas-universal-tab-theme .subbar[data-pintas-tab-level="2"] .chip:hover{
  background:#fff !important;
  border-color:#d8e3f2 !important;
  color:#0d47a1 !important;
}
body.pitis-module-scope .tabs.tabs-level-2 .tab.is-active,
body.pitis-module-scope .tabs.tabs-level-2 .tab.active,
body.pitis-module-scope .tabs.tabs-level-2 .tab[aria-current="page"],
body.pitis-module-scope .subbar.tabs-level-2 .chip.is-active,
body.pitis-module-scope .subbar.tabs-level-2 .chip.active,
body.pitis-module-scope .subbar.tabs-level-2 .chip[aria-current="page"],
body.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab.is-active,
body.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab.active,
body.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab[aria-current="page"],
body.pitis-module-scope .subbar[data-pintas-tab-level="2"] .chip.is-active,
body.pitis-module-scope .subbar[data-pintas-tab-level="2"] .chip.active,
body.pitis-module-scope .subbar[data-pintas-tab-level="2"] .chip[aria-current="page"],
body.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="2"] .tab.is-active,
body.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="2"] .tab.active,
body.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="2"] .tab[aria-current="page"],
body.pitis-module-scope .content.pintas-universal-tab-theme .subbar[data-pintas-tab-level="2"] .chip.is-active,
body.pitis-module-scope .content.pintas-universal-tab-theme .subbar[data-pintas-tab-level="2"] .chip.active,
body.pitis-module-scope .content.pintas-universal-tab-theme .subbar[data-pintas-tab-level="2"] .chip[aria-current="page"]{
  background:#fff !important;
  border-color:#0d6efd !important;
  color:#0d47a1 !important;
  font-weight:900 !important;
  box-shadow:0 8px 18px rgba(13,110,253,.10) !important;
  transform:none !important;
}
body.pitis-module-scope .tabs.tabs-level-2 .tab.is-active::before,
body.pitis-module-scope .tabs.tabs-level-2 .tab.active::before,
body.pitis-module-scope .tabs.tabs-level-2 .tab[aria-current="page"]::before,
body.pitis-module-scope .subbar.tabs-level-2 .chip.is-active::before,
body.pitis-module-scope .subbar.tabs-level-2 .chip.active::before,
body.pitis-module-scope .subbar.tabs-level-2 .chip[aria-current="page"]::before,
body.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab.is-active::before,
body.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab.active::before,
body.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab[aria-current="page"]::before,
body.pitis-module-scope .subbar[data-pintas-tab-level="2"] .chip.is-active::before,
body.pitis-module-scope .subbar[data-pintas-tab-level="2"] .chip.active::before,
body.pitis-module-scope .subbar[data-pintas-tab-level="2"] .chip[aria-current="page"]::before{
  background:#0d6efd !important;
}

/* Level 3/4 remain available only when a page genuinely has more depth. */
body.pitis-module-scope .tabs.tabs-level-3,
body.pitis-module-scope .tabs.tabs-level-4,
body.pitis-module-scope .subbar.tabs-level-3,
body.pitis-module-scope .subbar.tabs-level-4,
body.pitis-module-scope .tabs[data-pintas-tab-level="3"],
body.pitis-module-scope .tabs[data-pintas-tab-level="4"],
body.pitis-module-scope .subbar[data-pintas-tab-level="3"],
body.pitis-module-scope .subbar[data-pintas-tab-level="4"]{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:26px !important;
  min-height:48px !important;
  padding:0 12px !important;
  margin:0 0 14px !important;
  background:#fff !important;
  border:0 !important;
  border-bottom:1px solid #dfe6ef !important;
  border-radius:0 !important;
  overflow-x:auto !important;
  box-shadow:none !important;
}
body.pitis-module-scope .tabs.tabs-level-3 .tab,
body.pitis-module-scope .tabs.tabs-level-4 .tab,
body.pitis-module-scope .subbar.tabs-level-3 .chip,
body.pitis-module-scope .subbar.tabs-level-4 .chip,
body.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab,
body.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab,
body.pitis-module-scope .subbar[data-pintas-tab-level="3"] .chip,
body.pitis-module-scope .subbar[data-pintas-tab-level="4"] .chip{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  height:48px !important;
  min-height:48px !important;
  padding:0 2px !important;
  margin:0 !important;
  color:#24364f !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  border:0 !important;
  border-bottom:2px solid transparent !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
}
body.pitis-module-scope .tabs.tabs-level-3 .tab.is-active,
body.pitis-module-scope .tabs.tabs-level-4 .tab.is-active,
body.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab.is-active,
body.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab.is-active{
  color:#000 !important;
  font-weight:900 !important;
  border-bottom-color:#2563eb !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* Formal print popup refinements - no app shell behaviour inside popup. */
body.print-popup-body,
body.print-formal-body{
  margin:0 !important;
  background:#e8eef6 !important;
  overflow:auto !important;
}
body.print-popup-body *{box-sizing:border-box;}
body.print-popup-body .btn{font-family:Arial,Helvetica,sans-serif;}
.pitis-print-preview-content .tabs,
.pitis-print-preview-content .subbar,
.pitis-print-preview-content .finance-tab-stack,
.pitis-print-preview-content .page-tab-stack,
.pitis-print-preview-content .page-actions,
.pitis-print-preview-content .mobile-bottom-nav,
.pitis-print-preview-content .footer,
.pitis-print-preview-content .topbar,
.pitis-print-preview-content .sidebar,
.pitis-print-preview-content [data-print-exclude="1"]{
  display:none !important;
}
.pitis-print-preview-content .card{
  box-shadow:none !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:0 0 16px !important;
  break-inside:avoid;
}
.pitis-print-preview-content .card-header,
.pitis-print-preview-content .h2{
  background:#fff !important;
  color:#071d49 !important;
  border:0 !important;
  padding:0 !important;
  margin:0 0 6px !important;
  font-size:14px !important;
  font-weight:900 !important;
}
.pitis-print-preview-content table,
.pitis-print-preview-content .table,
.pitis-print-preview-content .datatable{
  width:100% !important;
  border-collapse:collapse !important;
  border-spacing:0 !important;
  font-size:11px !important;
}
.pitis-print-preview-content table th,
.pitis-print-preview-content table td{
  border:1px solid #cbd5e1 !important;
  padding:6px 7px !important;
  color:#0f172a !important;
  vertical-align:top !important;
}
.pitis-print-preview-content table th,
.pitis-print-preview-content table thead td{
  background:#f1f5f9 !important;
  color:#071d49 !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
}
@media print{
  .pitis-print-preview-content [data-print-exclude="1"]{display:none !important;}
  body.print-popup-body,
  body.print-formal-body{background:#fff !important;}
}

/* =========================================================
   2026-05-11 FIX: Strict reference tab theme + print page cleanup
   Requirement:
   - normal pages must NOT show government letterhead
   - tab colours must follow the clean grey/blue reference style,
     not the old multi-colour Pintas palette
   - any extra tab row after level 1 uses the same dot/chip style
   ========================================================= */

.pitis-module-scope .app .content > .print-letterhead,
.app .content.pitis-module-scope > .print-letterhead{
  display:none !important;
}

.pitis-module-scope .finance-tab-stack,
.content.pitis-module-scope .finance-tab-stack,
.pitis-module-scope .content .finance-tab-stack{
  margin:-18px -18px 20px !important;
  background:#fbfdff !important;
  border-bottom:1px solid #dfe6ef !important;
  box-shadow:none !important;
}

/* neutralise old generated active-colour line */
.pitis-module-scope .tabs[data-pintas-tab-themed="1"]::after,
.pitis-module-scope .subbar[data-pintas-tab-themed="1"]::after,
.content.pitis-module-scope .tabs[data-pintas-tab-themed="1"]::after,
.content.pitis-module-scope .subbar[data-pintas-tab-themed="1"]::after,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-themed="1"]::after,
.pitis-module-scope .content.pintas-universal-tab-theme .subbar[data-pintas-tab-themed="1"]::after,
.pitis-module-scope .content.pintas-tab-theme .tabs[data-pintas-tab-themed="1"]::after,
.pitis-module-scope .content.pintas-tab-theme .subbar[data-pintas-tab-themed="1"]::after{
  content:none !important;
  display:none !important;
}

/* LEVEL 1 - exact grey folder-tab style */
.pitis-module-scope .tabs.tabs-level-1,
.pitis-module-scope .tabs[data-pintas-tab-level="1"],
.pitis-module-scope .subbar.tabs-level-1,
.pitis-module-scope .subbar[data-pintas-tab-level="1"],
.content.pitis-module-scope .tabs.tabs-level-1,
.content.pitis-module-scope .tabs[data-pintas-tab-level="1"],
.content.pitis-module-scope .subbar.tabs-level-1,
.content.pitis-module-scope .subbar[data-pintas-tab-level="1"],
.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-1,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="1"],
.pitis-module-scope .content.pintas-universal-tab-theme .subbar.tabs-level-1,
.pitis-module-scope .content.pintas-universal-tab-theme .subbar[data-pintas-tab-level="1"],
.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-1,
.pitis-module-scope .content.pintas-tab-theme .tabs[data-pintas-tab-level="1"],
.pitis-module-scope .content.pintas-tab-theme .subbar.tabs-level-1,
.pitis-module-scope .content.pintas-tab-theme .subbar[data-pintas-tab-level="1"]{
  display:flex !important;
  align-items:flex-end !important;
  gap:4px !important;
  min-height:58px !important;
  padding:0 14px !important;
  margin:0 !important;
  background:linear-gradient(180deg,#f6f8fb 0%,#edf2f7 100%) !important;
  border:0 !important;
  border-bottom:1px solid #dbe3ee !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow-x:auto !important;
  flex-wrap:nowrap !important;
}

.pitis-module-scope .tabs.tabs-level-1 .tab,
.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab,
.pitis-module-scope .subbar.tabs-level-1 .chip,
.pitis-module-scope .subbar[data-pintas-tab-level="1"] .chip,
.content.pitis-module-scope .tabs.tabs-level-1 .tab,
.content.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab,
.content.pitis-module-scope .subbar.tabs-level-1 .chip,
.content.pitis-module-scope .subbar[data-pintas-tab-level="1"] .chip,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-1 .tab,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="1"] .tab,
.pitis-module-scope .content.pintas-universal-tab-theme .subbar.tabs-level-1 .chip,
.pitis-module-scope .content.pintas-universal-tab-theme .subbar[data-pintas-tab-level="1"] .chip,
.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-1 .tab,
.pitis-module-scope .content.pintas-tab-theme .tabs[data-pintas-tab-level="1"] .tab,
.pitis-module-scope .content.pintas-tab-theme .subbar.tabs-level-1 .chip,
.pitis-module-scope .content.pintas-tab-theme .subbar[data-pintas-tab-level="1"] .chip{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:43px !important;
  min-height:43px !important;
  padding:0 24px !important;
  margin:0 !important;
  background:linear-gradient(#f5f7fa,#e8edf5) !important;
  border:1px solid #d2dce8 !important;
  border-bottom:none !important;
  border-radius:11px 11px 0 0 !important;
  color:#34465f !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88) !important;
  transform:none !important;
  filter:none !important;
}

.pitis-module-scope .tabs.tabs-level-1 .tab:hover,
.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab:hover,
.pitis-module-scope .subbar.tabs-level-1 .chip:hover,
.pitis-module-scope .subbar[data-pintas-tab-level="1"] .chip:hover,
.content.pitis-module-scope .tabs.tabs-level-1 .tab:hover,
.content.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab:hover,
.content.pitis-module-scope .subbar.tabs-level-1 .chip:hover,
.content.pitis-module-scope .subbar[data-pintas-tab-level="1"] .chip:hover,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-1 .tab:hover,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="1"] .tab:hover,
.pitis-module-scope .content.pintas-universal-tab-theme .subbar.tabs-level-1 .chip:hover,
.pitis-module-scope .content.pintas-universal-tab-theme .subbar[data-pintas-tab-level="1"] .chip:hover,
.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-1 .tab:hover,
.pitis-module-scope .content.pintas-tab-theme .tabs[data-pintas-tab-level="1"] .tab:hover,
.pitis-module-scope .content.pintas-tab-theme .subbar.tabs-level-1 .chip:hover,
.pitis-module-scope .content.pintas-tab-theme .subbar[data-pintas-tab-level="1"] .chip:hover{
  background:#fff !important;
  color:#0d47a1 !important;
}

.pitis-module-scope .tabs.tabs-level-1 .tab.is-active,
.pitis-module-scope .tabs.tabs-level-1 .tab.active,
.pitis-module-scope .tabs.tabs-level-1 .tab[aria-current="page"],
.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab.is-active,
.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab.active,
.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab[aria-current="page"],
.pitis-module-scope .subbar.tabs-level-1 .chip.is-active,
.pitis-module-scope .subbar.tabs-level-1 .chip.active,
.pitis-module-scope .subbar[data-pintas-tab-level="1"] .chip.is-active,
.pitis-module-scope .subbar[data-pintas-tab-level="1"] .chip.active,
.content.pitis-module-scope .tabs.tabs-level-1 .tab.is-active,
.content.pitis-module-scope .tabs.tabs-level-1 .tab.active,
.content.pitis-module-scope .tabs.tabs-level-1 .tab[aria-current="page"],
.content.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab.is-active,
.content.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab.active,
.content.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab[aria-current="page"],
.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-1 .tab.is-active,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-1 .tab.active,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-1 .tab[aria-current="page"],
.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="1"] .tab.is-active,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="1"] .tab.active,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="1"] .tab[aria-current="page"],
.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-1 .tab.is-active,
.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-1 .tab.active,
.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-1 .tab[aria-current="page"],
.pitis-module-scope .content.pintas-tab-theme .tabs[data-pintas-tab-level="1"] .tab.is-active,
.pitis-module-scope .content.pintas-tab-theme .tabs[data-pintas-tab-level="1"] .tab.active,
.pitis-module-scope .content.pintas-tab-theme .tabs[data-pintas-tab-level="1"] .tab[aria-current="page"]{
  height:51px !important;
  min-height:51px !important;
  background:#fff !important;
  color:#071d49 !important;
  border-color:#c7d6e8 !important;
  border-bottom:none !important;
  z-index:2 !important;
  box-shadow:0 -5px 14px rgba(15,35,75,.08), inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.pitis-module-scope .tabs.tabs-level-1 .tab.is-active::after,
.pitis-module-scope .tabs.tabs-level-1 .tab.active::after,
.pitis-module-scope .tabs.tabs-level-1 .tab[aria-current="page"]::after,
.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab.is-active::after,
.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab.active::after,
.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab[aria-current="page"]::after,
.content.pitis-module-scope .tabs.tabs-level-1 .tab.is-active::after,
.content.pitis-module-scope .tabs.tabs-level-1 .tab.active::after,
.content.pitis-module-scope .tabs.tabs-level-1 .tab[aria-current="page"]::after,
.content.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab.is-active::after,
.content.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab.active::after,
.content.pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab[aria-current="page"]::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  height:2px !important;
  background:#fff !important;
  border-radius:0 !important;
}

/* LEVEL 2+ - exact dot/chip row style from the reference image */
.pitis-module-scope .tabs.tabs-level-2,
.pitis-module-scope .tabs.tabs-level-3,
.pitis-module-scope .tabs.tabs-level-4,
.pitis-module-scope .tabs.tabs-level-5,
.pitis-module-scope .tabs.tabs-level-6,
.pitis-module-scope .tabs[data-pintas-tab-level="2"],
.pitis-module-scope .tabs[data-pintas-tab-level="3"],
.pitis-module-scope .tabs[data-pintas-tab-level="4"],
.pitis-module-scope .tabs[data-pintas-tab-level="5"],
.pitis-module-scope .tabs[data-pintas-tab-level="6"],
.pitis-module-scope .subbar.tabs-level-2,
.pitis-module-scope .subbar.tabs-level-3,
.pitis-module-scope .subbar.tabs-level-4,
.pitis-module-scope .subbar.tabs-level-5,
.pitis-module-scope .subbar.tabs-level-6,
.pitis-module-scope .subbar[data-pintas-tab-level="2"],
.pitis-module-scope .subbar[data-pintas-tab-level="3"],
.pitis-module-scope .subbar[data-pintas-tab-level="4"],
.pitis-module-scope .subbar[data-pintas-tab-level="5"],
.pitis-module-scope .subbar[data-pintas-tab-level="6"],
.content.pitis-module-scope .tabs.tabs-level-2,
.content.pitis-module-scope .tabs.tabs-level-3,
.content.pitis-module-scope .tabs.tabs-level-4,
.content.pitis-module-scope .tabs[data-pintas-tab-level="2"],
.content.pitis-module-scope .tabs[data-pintas-tab-level="3"],
.content.pitis-module-scope .tabs[data-pintas-tab-level="4"],
.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-2,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-3,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-4,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="2"],
.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="3"],
.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="4"],
.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-2,
.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-3,
.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-4,
.pitis-module-scope .content.pintas-tab-theme .tabs[data-pintas-tab-level="2"],
.pitis-module-scope .content.pintas-tab-theme .tabs[data-pintas-tab-level="3"],
.pitis-module-scope .content.pintas-tab-theme .tabs[data-pintas-tab-level="4"]{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:28px !important;
  min-height:64px !important;
  padding:14px 18px 12px !important;
  margin:0 !important;
  background:#fbfdff !important;
  border:0 !important;
  border-bottom:1px solid #dfe6ef !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow-x:auto !important;
}

.pitis-module-scope .finance-tab-stack .tabs.tabs-level-2,
.pitis-module-scope .finance-tab-stack .tabs[data-pintas-tab-level="2"],
.content.pitis-module-scope .finance-tab-stack .tabs.tabs-level-2,
.content.pitis-module-scope .finance-tab-stack .tabs[data-pintas-tab-level="2"]{
  border-bottom:0 !important;
}

.pitis-module-scope .tabs.tabs-level-2 .tab,
.pitis-module-scope .tabs.tabs-level-3 .tab,
.pitis-module-scope .tabs.tabs-level-4 .tab,
.pitis-module-scope .tabs.tabs-level-5 .tab,
.pitis-module-scope .tabs.tabs-level-6 .tab,
.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab,
.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab,
.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab,
.pitis-module-scope .tabs[data-pintas-tab-level="5"] .tab,
.pitis-module-scope .tabs[data-pintas-tab-level="6"] .tab,
.pitis-module-scope .subbar.tabs-level-2 .chip,
.pitis-module-scope .subbar.tabs-level-3 .chip,
.pitis-module-scope .subbar.tabs-level-4 .chip,
.pitis-module-scope .subbar[data-pintas-tab-level="2"] .chip,
.pitis-module-scope .subbar[data-pintas-tab-level="3"] .chip,
.pitis-module-scope .subbar[data-pintas-tab-level="4"] .chip,
.content.pitis-module-scope .tabs.tabs-level-2 .tab,
.content.pitis-module-scope .tabs.tabs-level-3 .tab,
.content.pitis-module-scope .tabs.tabs-level-4 .tab,
.content.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab,
.content.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab,
.content.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-2 .tab,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-3 .tab,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-4 .tab,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="2"] .tab,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="3"] .tab,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="4"] .tab,
.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-2 .tab,
.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-3 .tab,
.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-4 .tab,
.pitis-module-scope .content.pintas-tab-theme .tabs[data-pintas-tab-level="2"] .tab,
.pitis-module-scope .content.pintas-tab-theme .tabs[data-pintas-tab-level="3"] .tab,
.pitis-module-scope .content.pintas-tab-theme .tabs[data-pintas-tab-level="4"] .tab{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  height:auto !important;
  min-height:40px !important;
  padding:10px 0 !important;
  margin:0 !important;
  border-radius:12px !important;
  border:1px solid transparent !important;
  cursor:pointer !important;
  font-weight:900 !important;
  font-size:13px !important;
  line-height:1 !important;
  color:#071d49 !important;
  background:transparent !important;
  text-decoration:none !important;
  box-shadow:none !important;
  white-space:nowrap !important;
  filter:none !important;
}

.pitis-module-scope .tabs.tabs-level-2 .tab::before,
.pitis-module-scope .tabs.tabs-level-3 .tab::before,
.pitis-module-scope .tabs.tabs-level-4 .tab::before,
.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab::before,
.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab::before,
.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab::before,
.pitis-module-scope .subbar.tabs-level-2 .chip::before,
.pitis-module-scope .subbar.tabs-level-3 .chip::before,
.pitis-module-scope .subbar.tabs-level-4 .chip::before,
.content.pitis-module-scope .tabs.tabs-level-2 .tab::before,
.content.pitis-module-scope .tabs.tabs-level-3 .tab::before,
.content.pitis-module-scope .tabs.tabs-level-4 .tab::before,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-2 .tab::before,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-3 .tab::before,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-4 .tab::before,
.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-2 .tab::before,
.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-3 .tab::before,
.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-4 .tab::before{
  content:"" !important;
  display:block !important;
  width:9px !important;
  height:9px !important;
  border-radius:50% !important;
  background:#b7c5d8 !important;
  flex:0 0 9px !important;
}

.pitis-module-scope .tabs.tabs-level-2 .tab::after,
.pitis-module-scope .tabs.tabs-level-3 .tab::after,
.pitis-module-scope .tabs.tabs-level-4 .tab::after,
.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab::after,
.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab::after,
.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab::after,
.content.pitis-module-scope .tabs.tabs-level-2 .tab::after,
.content.pitis-module-scope .tabs.tabs-level-3 .tab::after,
.content.pitis-module-scope .tabs.tabs-level-4 .tab::after,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-2 .tab::after,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-3 .tab::after,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-4 .tab::after,
.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-2 .tab::after,
.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-3 .tab::after,
.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-4 .tab::after{
  content:none !important;
  display:none !important;
}

.pitis-module-scope .tabs.tabs-level-2 .tab.is-active,
.pitis-module-scope .tabs.tabs-level-2 .tab.active,
.pitis-module-scope .tabs.tabs-level-2 .tab[aria-current="page"],
.pitis-module-scope .tabs.tabs-level-3 .tab.is-active,
.pitis-module-scope .tabs.tabs-level-3 .tab.active,
.pitis-module-scope .tabs.tabs-level-3 .tab[aria-current="page"],
.pitis-module-scope .tabs.tabs-level-4 .tab.is-active,
.pitis-module-scope .tabs.tabs-level-4 .tab.active,
.pitis-module-scope .tabs.tabs-level-4 .tab[aria-current="page"],
.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab.is-active,
.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab.active,
.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab[aria-current="page"],
.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab.is-active,
.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab.active,
.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab[aria-current="page"],
.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab.is-active,
.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab.active,
.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab[aria-current="page"],
.content.pitis-module-scope .tabs.tabs-level-2 .tab.is-active,
.content.pitis-module-scope .tabs.tabs-level-3 .tab.is-active,
.content.pitis-module-scope .tabs.tabs-level-4 .tab.is-active,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-2 .tab.is-active,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-3 .tab.is-active,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-4 .tab.is-active,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="2"] .tab.is-active,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="3"] .tab.is-active,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs[data-pintas-tab-level="4"] .tab.is-active,
.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-2 .tab.is-active,
.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-3 .tab.is-active,
.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-4 .tab.is-active,
.pitis-module-scope .content.pintas-tab-theme .tabs[data-pintas-tab-level="2"] .tab.is-active,
.pitis-module-scope .content.pintas-tab-theme .tabs[data-pintas-tab-level="3"] .tab.is-active,
.pitis-module-scope .content.pintas-tab-theme .tabs[data-pintas-tab-level="4"] .tab.is-active{
  background:#fff !important;
  border-color:#0d6efd !important;
  color:#0d6efd !important;
  padding:12px 17px !important;
  box-shadow:0 12px 24px rgba(13,110,253,.13) !important;
}

.pitis-module-scope .tabs.tabs-level-2 .tab.is-active::before,
.pitis-module-scope .tabs.tabs-level-2 .tab.active::before,
.pitis-module-scope .tabs.tabs-level-2 .tab[aria-current="page"]::before,
.pitis-module-scope .tabs.tabs-level-3 .tab.is-active::before,
.pitis-module-scope .tabs.tabs-level-3 .tab.active::before,
.pitis-module-scope .tabs.tabs-level-3 .tab[aria-current="page"]::before,
.pitis-module-scope .tabs.tabs-level-4 .tab.is-active::before,
.pitis-module-scope .tabs.tabs-level-4 .tab.active::before,
.pitis-module-scope .tabs.tabs-level-4 .tab[aria-current="page"]::before,
.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab.is-active::before,
.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab.active::before,
.pitis-module-scope .tabs[data-pintas-tab-level="2"] .tab[aria-current="page"]::before,
.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab.is-active::before,
.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab.active::before,
.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab[aria-current="page"]::before,
.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab.is-active::before,
.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab.active::before,
.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab[aria-current="page"]::before,
.content.pitis-module-scope .tabs.tabs-level-2 .tab.is-active::before,
.content.pitis-module-scope .tabs.tabs-level-3 .tab.is-active::before,
.content.pitis-module-scope .tabs.tabs-level-4 .tab.is-active::before,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-2 .tab.is-active::before,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-3 .tab.is-active::before,
.pitis-module-scope .content.pintas-universal-tab-theme .tabs.tabs-level-4 .tab.is-active::before,
.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-2 .tab.is-active::before,
.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-3 .tab.is-active::before,
.pitis-module-scope .content.pintas-tab-theme .tabs.tabs-level-4 .tab.is-active::before{
  background:#0d6efd !important;
}

@media(max-width:760px){
  .pitis-module-scope .tabs.tabs-level-1,
  .pitis-module-scope .tabs[data-pintas-tab-level="1"]{
    padding:0 10px !important;
  }
  .pitis-module-scope .tabs.tabs-level-1 .tab,
  .pitis-module-scope .tabs[data-pintas-tab-level="1"] .tab{
    padding:0 16px !important;
  }
  .pitis-module-scope .tabs.tabs-level-2,
  .pitis-module-scope .tabs.tabs-level-3,
  .pitis-module-scope .tabs[data-pintas-tab-level="2"],
  .pitis-module-scope .tabs[data-pintas-tab-level="3"]{
    gap:14px !important;
    padding:10px 12px !important;
    flex-wrap:nowrap !important;
  }
}

/* =========================================================
   2026-05-11 R2 FIX: print preview formalisation refinements
   - never show system letterhead in normal page content
   - formal preview uses document/table styling only
   ========================================================= */
body.pitis-module-scope .content > .print-letterhead,
body.pitis-module-scope .content .print-letterhead[data-page-letterhead="1"]{
  display:none !important;
}

.pitis-print-preview-content .summary-grid,
.pitis-print-preview-content .kpi-grid,
.pitis-print-preview-content .stats-grid,
.pitis-print-preview-content .dashboard-grid,
.pitis-print-preview-content .cards-grid,
.pitis-print-preview-content .grid{
  display:block !important;
}

.pitis-print-preview-content .print-doc-section{
  margin:0 0 14px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

.pitis-print-preview-content .card,
.pitis-print-preview-content .panel,
.pitis-print-preview-content .table-wrap{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

.pitis-print-preview-content .card-body,
.pitis-print-preview-content .panel-body{
  padding:0 !important;
}

.pitis-print-preview-content .print-doc-section-title{
  margin:12px 0 7px !important;
  padding:5px 8px !important;
  background:#eef3f8 !important;
  border-left:4px solid #071d49 !important;
  color:#071d49 !important;
  font-size:13px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
}

.pitis-print-preview-content .print-formal-table,
.pitis-print-preview-content table{
  width:100% !important;
  border-collapse:collapse !important;
  border-spacing:0 !important;
  margin:6px 0 12px !important;
  font-size:11px !important;
}

.pitis-print-preview-content .print-formal-table th,
.pitis-print-preview-content .print-formal-table td,
.pitis-print-preview-content table th,
.pitis-print-preview-content table td{
  border:1px solid #9aa8ba !important;
  padding:5px 6px !important;
  color:#111827 !important;
  background:#fff !important;
  vertical-align:top !important;
}

.pitis-print-preview-content .print-formal-table thead th,
.pitis-print-preview-content table thead th{
  background:#e9eef5 !important;
  color:#071d49 !important;
  font-weight:900 !important;
}

.pitis-print-preview-content .print-summary-table td.numeric,
.pitis-print-preview-content .numeric,
.pitis-print-preview-content .amount,
.pitis-print-preview-content .money{
  text-align:right !important;
  font-weight:900 !important;
  color:#071d49 !important;
  white-space:nowrap !important;
}

.pitis-print-preview-content .badge,
.pitis-print-preview-content .pill,
.pitis-print-preview-content .chip{
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
  color:#111827 !important;
  font-weight:700 !important;
  box-shadow:none !important;
}

.pitis-print-preview-content .muted,
.pitis-print-preview-content .small-note,
.pitis-print-preview-content .text-muted{
  color:#475569 !important;
}

@media print{
  .pitis-print-preview-content .print-doc-section-title{
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
  }
}

/* =========================================================
   2026-05-11 R3 — Senarai export toolbar + formal list print
   Requirement:
   - Every senarai shows Salin, CSV, Excel, Cetak / PDF at top-right.
   - Export actions look like the provided simple text-link toolbar.
   - Cetak / PDF opens formal government preview only; wide lists use landscape.
   ========================================================= */

.pitis-module-scope .table-toolbar,
.pitis-module-scope .pitis-list-toolbar,
.pitis-module-scope .dataTables_wrapper .table-toolbar{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:14px !important;
  padding:10px 12px !important;
  margin:0 !important;
  background:#fff !important;
  border:0 !important;
  border-bottom:1px solid #e5eaf2 !important;
  color:#071d49 !important;
  box-shadow:none !important;
}

.pitis-module-scope .table-toolbar .tt-left,
.pitis-module-scope .table-toolbar .tt-right,
.pitis-module-scope .pitis-list-toolbar .tt-left,
.pitis-module-scope .pitis-list-toolbar .tt-right{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}

.pitis-module-scope .table-toolbar .tt-right,
.pitis-module-scope .pitis-list-toolbar .tt-right{
  margin-left:auto !important;
  justify-content:flex-end !important;
}

.pitis-module-scope .table-toolbar .tt-export,
.pitis-module-scope .dataTables_wrapper .dt-buttons,
.pitis-module-scope .pitis-list-toolbar .tt-export{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:14px !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.pitis-module-scope .table-toolbar .pitis-list-export-btn,
.pitis-module-scope .pitis-list-toolbar .pitis-list-export-btn,
.pitis-module-scope .dataTables_wrapper .dt-buttons .dt-button,
.pitis-module-scope .dataTables_wrapper .dt-buttons .dt-button.btn,
.pitis-module-scope .dataTables_wrapper .dt-buttons button.pitis-list-export-btn,
.pitis-module-scope .dataTables_wrapper .dt-buttons a.pitis-list-export-btn{
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:0 !important;
  height:auto !important;
  padding:0 0 2px !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#071d49 !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1.3 !important;
  text-decoration:none !important;
  cursor:pointer !important;
}

.pitis-module-scope .table-toolbar .pitis-list-export-btn:hover,
.pitis-module-scope .pitis-list-toolbar .pitis-list-export-btn:hover,
.pitis-module-scope .dataTables_wrapper .dt-buttons .dt-button:hover,
.pitis-module-scope .dataTables_wrapper .dt-buttons button.pitis-list-export-btn:hover{
  color:#0d6efd !important;
  text-decoration:underline !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.pitis-module-scope .table-toolbar .dataTables_filter,
.pitis-module-scope .dataTables_wrapper .dataTables_filter{
  margin:0 !important;
  background:transparent !important;
}

.pitis-module-scope .table-toolbar .dataTables_filter label{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
  color:#475569 !important;
  font-size:12px !important;
}

.pitis-module-scope .table-toolbar .dataTables_filter input,
.pitis-module-scope .table-toolbar select{
  height:32px !important;
  border:1px solid #d5dee9 !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#0f172a !important;
  font-size:12px !important;
}

.pitis-module-scope .dataTables_wrapper .dt-bottom{
  padding:10px 12px 12px !important;
}

body.print-popup-body.print-list-preview .print-popup-toolbar .muted{
  color:rgba(255,255,255,.82) !important;
}

body.print-popup-body.print-landscape .print-popup-sheet,
body.print-formal-body.print-landscape .pitis-print-preview-sheet{
  width:min(297mm, calc(100vw - 32px)) !important;
  min-height:210mm !important;
  padding:14mm 12mm !important;
}

body.print-popup-body.print-landscape .print-formal-table,
body.print-formal-body.print-landscape .print-formal-table,
body.print-popup-body.print-landscape .print-list-table{
  font-size:10px !important;
}

body.print-popup-body.print-landscape .print-formal-table th,
body.print-popup-body.print-landscape .print-formal-table td,
body.print-formal-body.print-landscape .print-formal-table th,
body.print-formal-body.print-landscape .print-formal-table td{
  padding:5px 6px !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
}

body.print-popup-body.print-list-preview .print-list-table th,
body.print-popup-body.print-list-preview .print-list-table td{
  vertical-align:top !important;
}

@media print{
  body.print-popup-body.print-landscape .print-popup-sheet,
  body.print-formal-body.print-landscape .pitis-print-preview-sheet{
    width:auto !important;
    min-height:auto !important;
    padding:0 !important;
  }
  body.print-popup-body.print-list-preview .print-popup-toolbar,
  body.print-formal-body .pitis-print-preview-toolbar{
    display:none !important;
  }
}

/* =========================================================
   R3 — Senarai export toolbar + print orientation
   ========================================================= */
.pitis-module-scope .dataTables_wrapper .table-toolbar,
.pitis-module-scope .table-toolbar{
  background:#fff !important;
  border:0 !important;
  border-bottom:1px solid #edf2f7 !important;
  padding:8px 4px 10px !important;
  margin:0 0 8px !important;
  box-shadow:none !important;
}

.pitis-module-scope .table-toolbar .tt-right,
.pitis-module-scope .table-toolbar .tt-export,
.pitis-module-scope .dataTables_wrapper .dt-buttons{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:14px !important;
  flex-wrap:wrap !important;
}

.pitis-module-scope .table-toolbar .tt-export .dt-button,
.pitis-module-scope .table-toolbar .dt-button,
.pitis-module-scope .dataTables_wrapper .dt-buttons .dt-button,
.pitis-module-scope .table-toolbar .pitis-list-export-btn,
.pitis-module-scope .dataTables_wrapper .pitis-list-export-btn,
.pitis-module-scope .table-toolbar .btn.dt-export-link,
.pitis-module-scope .dataTables_wrapper .btn.dt-export-link{
  appearance:none !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#071d49 !important;
  padding:4px 0 !important;
  margin:0 !important;
  min-height:0 !important;
  line-height:1.25 !important;
  border-radius:0 !important;
  font-size:12px !important;
  font-weight:600 !important;
  text-decoration:none !important;
}

.pitis-module-scope .table-toolbar .tt-export .dt-button:hover,
.pitis-module-scope .table-toolbar .dt-button:hover,
.pitis-module-scope .dataTables_wrapper .dt-buttons .dt-button:hover,
.pitis-module-scope .table-toolbar .pitis-list-export-btn:hover,
.pitis-module-scope .dataTables_wrapper .pitis-list-export-btn:hover,
.pitis-module-scope .table-toolbar .btn.dt-export-link:hover,
.pitis-module-scope .dataTables_wrapper .btn.dt-export-link:hover{
  color:#0d6efd !important;
  text-decoration:underline !important;
  background:transparent !important;
}

.pitis-module-scope .dataTables_wrapper .dataTables_filter input{
  height:34px !important;
  border-radius:10px !important;
  border:1px solid #cbd5e1 !important;
  background:#fff !important;
}

body.print-landscape .print-popup-sheet,
body.print-landscape .pitis-print-preview-sheet{
  width:min(297mm, calc(100vw - 32px)) !important;
  min-height:210mm !important;
}

body.print-landscape .print-formal-table,
body.print-landscape .print-lines{
  font-size:10px !important;
}

body.print-landscape .print-formal-table th,
body.print-landscape .print-formal-table td,
body.print-landscape .print-lines th,
body.print-landscape .print-lines td{
  padding:6px 6px !important;
}

/* =========================================================
   PHASE 12A — Finance Integration Bridge / Status Widget
   ========================================================= */
.pitis-module-scope .finance-integration-page .page-hero h1{
  margin:0 0 8px;
  color:#071d49;
  font-weight:900;
  letter-spacing:-.02em;
}
.pitis-module-scope .finance-integration-page .eyebrow{
  margin:0 0 4px;
  color:#2563eb;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.pitis-module-scope .finance-status-widget__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.pitis-module-scope .finance-status-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.pitis-module-scope .finance-status-grid > div{
  background:#f8fbff;
  border:1px solid #dfe7f2;
  border-radius:14px;
  padding:12px;
}
.pitis-module-scope .finance-status-grid span{
  display:block;
  font-size:11px;
  font-weight:800;
  margin-bottom:4px;
}
.pitis-module-scope .finance-status-grid strong{
  display:block;
  color:#071d49;
  font-size:13px;
  font-weight:900;
  word-break:break-word;
}
.pitis-module-scope .finance-status-widget__error{
  margin-top:12px;
}
.pitis-module-scope .summary-card.summary-card-bridge::before{content:"🔗";}
.pitis-module-scope .summary-card.summary-card-rule::before{content:"⚙️";}
.pitis-module-scope .summary-card.summary-card-inbox::before{content:"📥";}
.pitis-module-scope .summary-card.summary-card-alert::before{content:"🛡️";}
@media(max-width:980px){
  .pitis-module-scope .finance-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
  .pitis-module-scope .finance-status-grid{grid-template-columns:1fr;}
}
.pitis-module-scope .finance-bridge-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}
.pitis-module-scope .finance-bridge-actions .inline-form{
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
}
.pitis-module-scope .finance-bridge-actions select,
.pitis-module-scope .finance-bridge-actions input[type="number"]{
  height:34px;
  border:1px solid #cbd5e1;
  border-radius:10px;
  padding:0 10px;
  background:#fff;
}

.pitis-module-scope.finance-integration-page .two-col-grid,
.pitis-module-scope .finance-integration-page .two-col-grid,
.pitis-module-scope .two-col-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.pitis-module-scope .stack-sm{display:flex;flex-direction:column;gap:14px;}
.pitis-module-scope .inline-form{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0;}
.pitis-module-scope .compact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end;}
.pitis-module-scope .compact-form label{font-weight:800;color:#24364f;font-size:13px;}
.pitis-module-scope .compact-form select,
.pitis-module-scope .compact-form input,
.pitis-module-scope .inline-form input,
.pitis-module-scope .inline-form select{
  min-height:36px;border:1px solid #cbd5e1;border-radius:10px;padding:0 10px;background:#fff;color:#0f172a;
}
.pitis-module-scope .check-row{display:flex!important;align-items:center;gap:8px;}
.pitis-module-scope .check-row input{min-height:auto!important;}
.pitis-module-scope .form-actions{display:flex;align-items:center;gap:8px;}
.pitis-module-scope .text-right{text-align:right;}
.pitis-module-scope .mt-2{margin-top:8px;}
@media(max-width:980px){
  .pitis-module-scope.finance-integration-page .two-col-grid,
  .pitis-module-scope .finance-integration-page .two-col-grid,
  .pitis-module-scope .two-col-grid,
  .pitis-module-scope .compact-form{grid-template-columns:1fr;}
  .pitis-module-scope .text-right{text-align:left;}
}
.pitis-module-scope.finance-integration-page .page-hero h1{margin:0 0 8px;color:#071d49;font-weight:900;letter-spacing:-.02em;}
.pitis-module-scope.finance-integration-page .eyebrow{margin:0 0 4px;color:#2563eb;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;}

/* =========================================================
   Phase 12B tab correction: when a page already has Level 1
   folder tabs and Level 2 dot-chip tabs, any remaining workflow
   tab row should render as Level 3 underline text navigation.
   This fixes pages such as procurement/OSC workflows where a
   third row was still visually treated like folder tabs.
   ========================================================= */
.pitis-module-scope .finance-tab-stack ~ .tabs:not(.tabs-level-1):not(.tabs-level-2):not(.tabs-level-3):not(.tabs-level-4),
.pitis-module-scope .tabs.tabs-level-2 ~ .tabs:not(.tabs-level-1):not(.tabs-level-2):not(.tabs-level-3):not(.tabs-level-4){
  display:flex !important;
  align-items:center !important;
  gap:26px !important;
  min-height:48px !important;
  padding:0 12px !important;
  margin:0 0 14px !important;
  border:0 !important;
  border-bottom:1px solid #dfe6ef !important;
  border-radius:0 !important;
  background:#fff !important;
  overflow-x:auto !important;
  flex-wrap:nowrap !important;
  box-shadow:none !important;
}

.pitis-module-scope .finance-tab-stack ~ .tabs:not(.tabs-level-1):not(.tabs-level-2):not(.tabs-level-3):not(.tabs-level-4) .tab,
.pitis-module-scope .tabs.tabs-level-2 ~ .tabs:not(.tabs-level-1):not(.tabs-level-2):not(.tabs-level-3):not(.tabs-level-4) .tab{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  height:48px !important;
  min-height:48px !important;
  padding:0 2px !important;
  margin:0 !important;
  color:#24364f !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  border:0 !important;
  border-bottom:2px solid transparent !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
}

.pitis-module-scope .finance-tab-stack ~ .tabs:not(.tabs-level-1):not(.tabs-level-2):not(.tabs-level-3):not(.tabs-level-4) .tab:hover,
.pitis-module-scope .tabs.tabs-level-2 ~ .tabs:not(.tabs-level-1):not(.tabs-level-2):not(.tabs-level-3):not(.tabs-level-4) .tab:hover{
  color:#0d47a1 !important;
  background:transparent !important;
}

.pitis-module-scope .finance-tab-stack ~ .tabs:not(.tabs-level-1):not(.tabs-level-2):not(.tabs-level-3):not(.tabs-level-4) .tab.is-active,
.pitis-module-scope .finance-tab-stack ~ .tabs:not(.tabs-level-1):not(.tabs-level-2):not(.tabs-level-3):not(.tabs-level-4) .tab.active,
.pitis-module-scope .finance-tab-stack ~ .tabs:not(.tabs-level-1):not(.tabs-level-2):not(.tabs-level-3):not(.tabs-level-4) .tab[aria-current="page"],
.pitis-module-scope .tabs.tabs-level-2 ~ .tabs:not(.tabs-level-1):not(.tabs-level-2):not(.tabs-level-3):not(.tabs-level-4) .tab.is-active,
.pitis-module-scope .tabs.tabs-level-2 ~ .tabs:not(.tabs-level-1):not(.tabs-level-2):not(.tabs-level-3):not(.tabs-level-4) .tab.active,
.pitis-module-scope .tabs.tabs-level-2 ~ .tabs:not(.tabs-level-1):not(.tabs-level-2):not(.tabs-level-3):not(.tabs-level-4) .tab[aria-current="page"]{
  color:#000 !important;
  font-weight:900 !important;
  border-bottom-color:#2563eb !important;
  background:transparent !important;
  box-shadow:none !important;
}

.pitis-module-scope .finance-tab-stack ~ .tabs:not(.tabs-level-1):not(.tabs-level-2):not(.tabs-level-3):not(.tabs-level-4) .tab.is-active::before,
.pitis-module-scope .finance-tab-stack ~ .tabs:not(.tabs-level-1):not(.tabs-level-2):not(.tabs-level-3):not(.tabs-level-4) .tab.active::before,
.pitis-module-scope .tabs.tabs-level-2 ~ .tabs:not(.tabs-level-1):not(.tabs-level-2):not(.tabs-level-3):not(.tabs-level-4) .tab.is-active::before,
.pitis-module-scope .tabs.tabs-level-2 ~ .tabs:not(.tabs-level-1):not(.tabs-level-2):not(.tabs-level-3):not(.tabs-level-4) .tab.active::before{
  content:none !important;
}


/* =========================================================
   PHASE 12B DEBUG R1 - Procurement workflow tabs
   Third-level procurement tabs under finance Level 1 + Level 2.
   Force underline text tab style even if an older helper adds
   tabs-primary/tabs-level-1 to the same row.
   ========================================================= */
.pitis-module-scope[data-page^="procurement/"] .procurement-workflow-tabs,
.pitis-module-scope[data-page^="procurement/"] .page-tab-stack .procurement-workflow-tabs,
.pitis-module-scope[data-page="procurement/worklist"] .card + .tabs,
.pitis-module-scope[data-page^="procurement/"] .card + .tabs{
  display:flex !important;
  align-items:center !important;
  gap:30px !important;
  min-height:52px !important;
  height:auto !important;
  padding:0 18px !important;
  margin:0 0 18px !important;
  border:0 !important;
  border-bottom:1px solid #d9e2ee !important;
  background:#fbfdff !important;
  overflow-x:auto !important;
  flex-wrap:nowrap !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.pitis-module-scope[data-page^="procurement/"] .procurement-workflow-tabs .tab,
.pitis-module-scope[data-page^="procurement/"] .page-tab-stack .procurement-workflow-tabs .tab,
.pitis-module-scope[data-page="procurement/worklist"] .card + .tabs .tab,
.pitis-module-scope[data-page^="procurement/"] .card + .tabs .tab{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  height:50px !important;
  min-height:50px !important;
  padding:0 2px !important;
  margin:0 !important;
  color:#24364f !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
}
.pitis-module-scope[data-page^="procurement/"] .procurement-workflow-tabs .tab:hover,
.pitis-module-scope[data-page^="procurement/"] .card + .tabs .tab:hover{
  color:#0d47a1 !important;
  background:transparent !important;
}
.pitis-module-scope[data-page^="procurement/"] .procurement-workflow-tabs .tab.is-active,
.pitis-module-scope[data-page^="procurement/"] .procurement-workflow-tabs .tab.active,
.pitis-module-scope[data-page^="procurement/"] .procurement-workflow-tabs .tab[aria-current="page"],
.pitis-module-scope[data-page^="procurement/"] .card + .tabs .tab.is-active,
.pitis-module-scope[data-page^="procurement/"] .card + .tabs .tab.active,
.pitis-module-scope[data-page^="procurement/"] .card + .tabs .tab[aria-current="page"]{
  color:#000 !important;
  font-weight:900 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.pitis-module-scope[data-page^="procurement/"] .procurement-workflow-tabs .tab.is-active::before,
.pitis-module-scope[data-page^="procurement/"] .procurement-workflow-tabs .tab.active::before,
.pitis-module-scope[data-page^="procurement/"] .procurement-workflow-tabs .tab[aria-current="page"]::before,
.pitis-module-scope[data-page^="procurement/"] .card + .tabs .tab.is-active::before,
.pitis-module-scope[data-page^="procurement/"] .card + .tabs .tab.active::before,
.pitis-module-scope[data-page^="procurement/"] .card + .tabs .tab[aria-current="page"]::before{
  content:none !important;
  display:none !important;
}
.pitis-module-scope[data-page^="procurement/"] .procurement-workflow-tabs .tab.is-active::after,
.pitis-module-scope[data-page^="procurement/"] .procurement-workflow-tabs .tab.active::after,
.pitis-module-scope[data-page^="procurement/"] .procurement-workflow-tabs .tab[aria-current="page"]::after,
.pitis-module-scope[data-page^="procurement/"] .card + .tabs .tab.is-active::after,
.pitis-module-scope[data-page^="procurement/"] .card + .tabs .tab.active::after,
.pitis-module-scope[data-page^="procurement/"] .card + .tabs .tab[aria-current="page"]::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  height:3px !important;
  background:#2563eb !important;
  border-radius:99px !important;
}

/* Phase 12N-R2 staff finance entry cards: keep each Tambah button inside its own card. */
.pitis-module-scope .pitis-staff-finance-entry-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(260px,1fr)) !important;
  gap:14px !important;
}
.pitis-module-scope .staff-finance-entry-card{
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}
.pitis-module-scope .staff-finance-entry-card .card-body{
  display:block !important;
  padding:16px !important;
}
.pitis-module-scope .staff-finance-form{
  align-items:end !important;
}
.pitis-module-scope .staff-finance-card-actions{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  padding-top:4px !important;
  clear:both !important;
}
.pitis-module-scope .staff-finance-card-actions .btn{
  position:static !important;
  float:none !important;
  margin:0 !important;
}
@media (max-width:1100px){
  .pitis-module-scope .pitis-staff-finance-entry-grid{grid-template-columns:1fr !important;}
}

/* Phase 12N-R2 R2: keep each Tambah button visually inside its own entry card header. */
.pitis-module-scope .staff-finance-entry-header{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}
.pitis-module-scope .staff-finance-entry-header > div{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
  min-width:0 !important;
}
.pitis-module-scope .staff-finance-entry-header .btn{
  flex:0 0 auto !important;
  margin:0 !important;
  position:static !important;
  float:none !important;
}
.pitis-module-scope .staff-finance-entry-card .small-note{
  color:#64748b !important;
}

/* =========================================================
   sysadmin_priorities_6_10_ui_alignment
   Scope: System Admin pages only. Aligns tabs, KPI cards,
   senarai tables and action rows with PITIS+ department style.
   ========================================================= */
.pitis-module-scope[data-page^="admin/"] .sysadmin-tabs.tabs-level-1,
.pitis-module-scope[data-page^="subscription/"] .sysadmin-tabs.tabs-level-1{
  margin-bottom:12px !important;
}
.pitis-module-scope[data-page^="admin/"] .sysadmin-section-tabs.tabs-level-2,
.pitis-module-scope[data-page^="subscription/"] .sysadmin-section-tabs.tabs-level-2{
  margin:0 0 14px !important;
  background:#f8fbff !important;
  border:1px solid #dfe7f2 !important;
  border-radius:16px !important;
  gap:10px !important;
  padding:8px !important;
}
.pitis-module-scope[data-page^="admin/"] .page-header,
.pitis-module-scope[data-page^="subscription/"] .page-header{
  background:#fff !important;
  border:1px solid #d8e1ec !important;
  border-radius:18px !important;
  box-shadow:0 10px 28px rgba(15,23,42,.055) !important;
  padding:18px 20px !important;
  margin-bottom:14px !important;
}
.pitis-module-scope[data-page^="admin/"] .page-header h1,
.pitis-module-scope[data-page^="subscription/"] .page-header h1{
  color:#000 !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
}
.pitis-module-scope[data-page^="admin/"] .toolbar-actions,
.pitis-module-scope[data-page^="subscription/"] .toolbar-actions,
.pitis-module-scope[data-page^="admin/"] .page-actions,
.pitis-module-scope[data-page^="subscription/"] .page-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:9px !important;
  align-items:center !important;
}
.pitis-module-scope[data-page^="admin/"] .card.card-pad,
.pitis-module-scope[data-page^="subscription/"] .card.card-pad{
  padding:16px 18px !important;
  border:1px solid #d8e1ec !important;
  border-radius:16px !important;
  box-shadow:0 8px 22px rgba(15,23,42,.05) !important;
  background:#fff !important;
}
.pitis-module-scope[data-page^="admin/"] .card.card-pad > .h2:first-child,
.pitis-module-scope[data-page^="admin/"] .card.card-pad > div:first-child > .h2:first-child,
.pitis-module-scope[data-page^="subscription/"] .card.card-pad > .h2:first-child,
.pitis-module-scope[data-page^="subscription/"] .card.card-pad > div:first-child > .h2:first-child{
  color:#000 !important;
  font-size:18px !important;
  font-weight:900 !important;
}
.pitis-module-scope[data-page^="admin/"] .kpi-card,
.pitis-module-scope[data-page^="subscription/"] .kpi-card{
  background:#fff !important;
  border:1px solid rgba(148,163,184,.24) !important;
  border-radius:16px !important;
  padding:16px 18px !important;
  min-height:104px !important;
  display:grid !important;
  grid-template-columns:64px minmax(0,1fr) !important;
  gap:14px !important;
  align-items:center !important;
  box-shadow:0 10px 28px rgba(15,23,42,.055) !important;
}
.pitis-module-scope[data-page^="admin/"] .kpi-card .kpi-icon,
.pitis-module-scope[data-page^="subscription/"] .kpi-card .kpi-icon{
  width:54px !important;
  height:54px !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  font-size:22px !important;
  background:rgba(37,99,235,.10) !important;
  color:#2563eb !important;
  grid-column:1 !important;
  grid-row:1 / span 3 !important;
}
.pitis-module-scope[data-page^="admin/"] .kpi-card .kpi-title,
.pitis-module-scope[data-page^="subscription/"] .kpi-card .kpi-title{
  grid-column:2 !important;
  font-size:13px !important;
  font-weight:900 !important;
  color:#000 !important;
  text-align:center !important;
  margin:0 !important;
}
.pitis-module-scope[data-page^="admin/"] .kpi-card .kpi-value,
.pitis-module-scope[data-page^="subscription/"] .kpi-card .kpi-value{
  grid-column:2 !important;
  font-size:28px !important;
  font-weight:900 !important;
  color:#000 !important;
  line-height:1.05 !important;
  text-align:center !important;
  margin:4px 0 0 !important;
}
.pitis-module-scope[data-page^="admin/"] .kpi-card .kpi-sub,
.pitis-module-scope[data-page^="subscription/"] .kpi-card .kpi-sub{
  grid-column:2 !important;
  font-size:12px !important;
  color:#64748b !important;
  text-align:center !important;
  margin:7px 0 0 !important;
}
.pitis-module-scope[data-page^="admin/"] .table-action-row,
.pitis-module-scope[data-page^="admin/"] .messaging-action-row,
.pitis-module-scope[data-page^="subscription/"] .table-action-row{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  align-items:center !important;
}
.pitis-module-scope[data-page^="admin/"] table.table td form,
.pitis-module-scope[data-page^="subscription/"] table.table td form{
  display:inline-flex !important;
  margin:0 !important;
}
.pitis-module-scope[data-page="admin/settings"] .sysadmin-settings-form,
.pitis-module-scope[data-page="admin/settings"] .sysadmin-settings-list{
  margin-top:14px !important;
}
.pitis-module-scope[data-page="admin/settings"] .sysadmin-settings-list code,
.pitis-module-scope[data-page="admin/settings"] .sysadmin-settings-form code{
  color:#0f172a !important;
  background:#f3f6fa !important;
  border:1px solid #e2e8f0 !important;
  border-radius:8px !important;
  padding:2px 6px !important;
}

/* =========================================================
   Phase 38 - System Admin professional alignment
   Scope: System Admin pages only.
   Naming: sysadmin_p6_p10_scope_style_only
   ========================================================= */
body.pitis-module-scope[data-page^="admin/"] .sysadmin-folder-tabs,
body.pitis-module-scope[data-page="subscription/status"] .sysadmin-folder-tabs{
  margin:0 0 14px !important;
}
body.pitis-module-scope[data-page^="admin/"] .sysadmin-page-header,
body.pitis-module-scope[data-page^="admin/"] .page-header,
body.pitis-module-scope[data-page="subscription/status"] .page-header{
  background:#fff !important;
  border:1px solid #d8e1ec !important;
  border-radius:16px !important;
  padding:16px 18px !important;
  box-shadow:0 8px 22px rgba(15,23,42,.05) !important;
  align-items:center !important;
}
body.pitis-module-scope[data-page^="admin/"] .page-header h1,
body.pitis-module-scope[data-page="subscription/status"] .page-header h1{
  color:#071d49 !important;
  font-weight:900 !important;
  margin-bottom:4px !important;
}
body.pitis-module-scope[data-page^="admin/"] .toolbar-actions,
body.pitis-module-scope[data-page^="admin/"] .page-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}
body.pitis-module-scope[data-page^="admin/"] .sysadmin-kpi-grid,
body.pitis-module-scope[data-page^="admin/"] .sysadmin-under-tabs{
  gap:14px !important;
}
body.pitis-module-scope[data-page^="admin/"] .card,
body.pitis-module-scope[data-page="subscription/status"] .card{
  border:1px solid #d8e1ec !important;
  border-radius:16px !important;
  box-shadow:0 8px 22px rgba(15,23,42,.05) !important;
  overflow:hidden !important;
}
body.pitis-module-scope[data-page^="admin/"] .card.card-pad,
body.pitis-module-scope[data-page="subscription/status"] .card.card-pad{
  padding:16px 18px !important;
}
body.pitis-module-scope[data-page^="admin/"] .card.card-pad > .h2:first-child,
body.pitis-module-scope[data-page="subscription/status"] .card.card-pad > .h2:first-child{
  display:block !important;
  margin:-16px -18px 10px !important;
  padding:16px 18px 12px !important;
  background:#f3f5f8 !important;
  border-bottom:1px solid #dde5ef !important;
  color:#000 !important;
  font-size:18px !important;
  font-weight:900 !important;
}
body.pitis-module-scope[data-page^="admin/"] .card-header.sysadmin-list-heading,
body.pitis-module-scope[data-page^="admin/"] .sysadmin-list-heading{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}
body.pitis-module-scope[data-page^="admin/"] .card-header.sysadmin-list-heading strong,
body.pitis-module-scope[data-page^="admin/"] .sysadmin-list-heading strong{
  color:#000 !important;
  font-size:18px !important;
  font-weight:900 !important;
}
body.pitis-module-scope[data-page^="admin/"] .card-body{
  padding:16px 18px !important;
}
body.pitis-module-scope[data-page^="admin/"] .sysadmin-form-card .card-body,
body.pitis-module-scope[data-page^="admin/"] .sysadmin-list-card .card-body{
  background:#fff !important;
}
body.pitis-module-scope[data-page^="admin/"] .sysadmin-form-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}
body.pitis-module-scope[data-page^="admin/"] .sysadmin-action-row,
body.pitis-module-scope[data-page^="admin/"] .messaging-action-row{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  flex-wrap:wrap !important;
}
body.pitis-module-scope[data-page^="admin/"] .sysadmin-action-row form,
body.pitis-module-scope[data-page^="admin/"] .messaging-action-row form{
  display:inline-flex !important;
  margin:0 !important;
}
body.pitis-module-scope[data-page^="admin/"] textarea.input{
  min-height:48px !important;
  resize:vertical !important;
}
body.pitis-module-scope[data-page^="admin/"] .table-wrap{
  margin-top:0 !important;
}
body.pitis-module-scope[data-page^="admin/"] table.table thead th,
body.pitis-module-scope[data-page="subscription/status"] table.table thead th{
  white-space:nowrap !important;
}
body.pitis-module-scope[data-page^="admin/"] table.table td:last-child{
  min-width:130px;
}
body.pitis-module-scope[data-page^="admin/"] .btn:disabled,
body.pitis-module-scope[data-page^="admin/"] .btn[disabled]{
  opacity:.48 !important;
  cursor:not-allowed !important;
}
body.pitis-module-scope[data-page^="admin/"] .badge.info{
  background:#e0f2fe !important;
  color:#075985 !important;
  border:1px solid #bae6fd !important;
}
body.pitis-module-scope[data-page^="admin/"] .badge.ok{
  background:#dcfce7 !important;
  color:#14532d !important;
  border:1px solid #bbf7d0 !important;
}
body.pitis-module-scope[data-page^="admin/"] .badge.warn{
  background:#fef3c7 !important;
  color:#78350f !important;
  border:1px solid #fde68a !important;
}
body.pitis-module-scope[data-page^="admin/"] .badge.danger{
  background:#fee2e2 !important;
  color:#7f1d1d !important;
  border:1px solid #fecaca !important;
}
body.pitis-module-scope[data-page^="admin/"] .checkline{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  color:#24364f !important;
  font-weight:800 !important;
}
@media(max-width:900px){
  body.pitis-module-scope[data-page^="admin/"] .card-header.sysadmin-list-heading,
  body.pitis-module-scope[data-page^="admin/"] .sysadmin-list-heading,
  body.pitis-module-scope[data-page^="admin/"] .page-header{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
  body.pitis-module-scope[data-page^="admin/"] .toolbar-actions,
  body.pitis-module-scope[data-page^="admin/"] .page-actions,
  body.pitis-module-scope[data-page^="admin/"] .sysadmin-form-actions{
    justify-content:flex-start !important;
  }
}


/* JPM Phase 2 — scoped page alignment only */
body[data-page="operasi/jpm"] .jpm-module-scope .page-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  padding:16px 18px;
  background:#fff;
  border:1px solid #d8e1ec;
  border-radius:16px;
  box-shadow:0 8px 22px rgba(15,23,42,.05);
}
body[data-page="operasi/jpm"] .jpm-module-scope .page-header h1{
  margin:0 0 4px;
  color:#000;
  font-size:24px;
  font-weight:900;
}
body[data-page="operasi/jpm"] .jpm-module-scope label{
  font-size:13px;
  font-weight:800;
  color:#0f172a;
}
body[data-page="operasi/jpm"] .jpm-module-scope .form-control{
  display:block;
  width:100%;
  margin-top:6px;
  border:1px solid #cbd5e1;
  border-radius:10px;
  padding:9px 10px;
  background:#fff;
}

/* =========================================================
   PITIS+ UNIVERSAL MODAL TEXT FIELD STYLE
   Scope: all popup modal text inputs only.
   Keeps normal page filters/search inputs unchanged.
   ========================================================= */
.modal-backdrop input[type="text"],
.modal-backdrop input:not([type]),
.modal-dialog input[type="text"],
.modal-dialog input:not([type]),
.modal-card input[type="text"],
.modal-card input:not([type]){
  width:100% !important;
  padding:12px !important;
  margin:10px 0 !important;
  box-sizing:border-box !important;
  border:1px solid grey !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#0f172a !important;
}

.modal-backdrop input[type="text"]:focus,
.modal-backdrop input:not([type]):focus,
.modal-dialog input[type="text"]:focus,
.modal-dialog input:not([type]):focus,
.modal-card input[type="text"]:focus,
.modal-card input:not([type]):focus{
  outline:none !important;
  border-color:#64748b !important;
  box-shadow:0 0 0 3px rgba(100,116,139,.16) !important;
}

/* =========================================================
   JPM Phase 43 — Standard hierarchy tabs override
   Level 1 / Level 2 / Level 3-4 styles from PITIS+ department UI standard.
   Scoped to .pitis-module-scope only.
   ========================================================= */
.pitis-module-scope .tabs.tabs-level-1{
  display:flex !important;
  align-items:flex-end !important;
  gap:4px !important;
  min-height:54px !important;
  padding:0 12px !important;
  margin:0 0 10px !important;
  background:#f5f7fb !important;
  border-bottom:1px solid #dfe6ef !important;
  overflow-x:auto !important;
  flex-wrap:nowrap !important;
}
.pitis-module-scope .tabs.tabs-level-1 .tab{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:42px !important;
  padding:0 24px !important;
  background:linear-gradient(#f1f4f8,#e7ecf3) !important;
  border:1px solid #d5dee9 !important;
  border-bottom:none !important;
  border-radius:11px 11px 0 0 !important;
  color:#42526b !important;
  font-size:13px !important;
  font-weight:800 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85) !important;
  transition:.15s ease !important;
}
.pitis-module-scope .tabs.tabs-level-1 .tab:hover{
  background:#fff !important;
  color:#0d6efd !important;
}
.pitis-module-scope .tabs.tabs-level-1 .tab.is-active{
  height:48px !important;
  background:#fff !important;
  color:#071d49 !important;
  z-index:2 !important;
  box-shadow:0 -5px 14px rgba(15,35,75,.08) !important;
}
.pitis-module-scope .tabs.tabs-level-1 .tab.is-active::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  height:2px !important;
  background:#fff !important;
}
.pitis-module-scope .tabs.tabs-level-2{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:10px !important;
  padding:8px !important;
  margin:0 0 14px !important;
  background:#f8fbff !important;
  border:1px solid #dfe7f2 !important;
  border-radius:16px !important;
}
.pitis-module-scope .tabs.tabs-level-2 .tab{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  padding:11px 15px !important;
  border-radius:12px !important;
  border:1px solid transparent !important;
  cursor:pointer !important;
  font-weight:800 !important;
  font-size:13px !important;
  color:#28415f !important;
  background:transparent !important;
  text-decoration:none !important;
  transition:.15s ease !important;
}
.pitis-module-scope .tabs.tabs-level-2 .tab::before{
  content:"" !important;
  width:9px !important;
  height:9px !important;
  border-radius:50% !important;
  background:#b9c6d8 !important;
  flex:0 0 9px !important;
}
.pitis-module-scope .tabs.tabs-level-2 .tab:hover{
  background:#fff !important;
  border-color:#d8e3f2 !important;
}
.pitis-module-scope .tabs.tabs-level-2 .tab.is-active{
  background:#fff !important;
  border-color:#0d6efd !important;
  color:#0d47a1 !important;
  box-shadow:0 8px 18px rgba(13,110,253,.10) !important;
}
.pitis-module-scope .tabs.tabs-level-2 .tab.is-active::before{
  background:#0d6efd !important;
}
.pitis-module-scope .tabs.tabs-level-3,
.pitis-module-scope .tabs.tabs-level-4{
  display:flex !important;
  align-items:center !important;
  gap:26px !important;
  padding:0 12px !important;
  margin:0 0 14px !important;
  border-bottom:1px solid #dfe6ef !important;
  overflow-x:auto !important;
  flex-wrap:nowrap !important;
}
.pitis-module-scope .tabs.tabs-level-3 .tab,
.pitis-module-scope .tabs.tabs-level-4 .tab{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  height:46px !important;
  padding:0 2px !important;
  color:#24364f !important;
  font-size:13px !important;
  font-weight:700 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  border:none !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.pitis-module-scope .tabs.tabs-level-3 .tab:hover,
.pitis-module-scope .tabs.tabs-level-4 .tab:hover{
  color:#0d47a1 !important;
}
.pitis-module-scope .tabs.tabs-level-3 .tab.is-active,
.pitis-module-scope .tabs.tabs-level-4 .tab.is-active{
  color:#000 !important;
  font-weight:800 !important;
}
.pitis-module-scope .tabs.tabs-level-3 .tab.is-active::after,
.pitis-module-scope .tabs.tabs-level-4 .tab.is-active::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  height:2px !important;
  background:#2563eb !important;
  border-radius:99px !important;
}
.pitis-module-scope .pitis-page-title-card{
  margin-top:0 !important;
}
.pitis-module-scope .jpm-bahagian-summary-card .card-body > .btn{
  margin-top:8px !important;
}


/* JPM bahagian: first Level 1 tab returns to parent JPM group dashboard. */
.pitis-module-scope .tabs.tabs-level-1 .tab.tab-jpm-back{
  padding:0 18px;
  color:#0d47a1;
  background:linear-gradient(#eef6ff,#e1ecfb);
  border-color:#bfd3ef;
}

.pitis-module-scope .tabs.tabs-level-1 .tab.tab-jpm-back:hover{
  background:#fff;
  color:#0b5ed7;
}