/* =========================================================
   PITIS+ Tab Levels R4 — neutral government tab style
   Loaded after app.css, pintas-tabs.css and pitis-global-ui.css.
   Purpose: discard old colourful/pill leakage and force:
   Level 1 = folder tabs, Level 2 = dot selector, Level 3/4 = underline text.
   ========================================================= */

body.pitis-module-scope .tabs.tabs-level-1,
body.pitis-module-scope .tabs[data-pintas-tab-level="1"],
body.pitis-module-scope .subbar.tabs-level-1,
body.pitis-module-scope .subbar[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 0 10px !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 .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;
  line-height:1 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85) !important;
  filter:none !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{
  height:48px !important;
  min-height:48px !important;
  background:#fff !important;
  color:#071d49 !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;
}

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 0 14px !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{
  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;
  cursor:pointer !important;
  font-weight:800 !important;
  font-size:13px !important;
  color:#071d49 !important;
  background:transparent !important;
  text-decoration:none !important;
  box-shadow: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;
  display:inline-block !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{
  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 .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:#0d47a1 !important;
  padding:11px 15px !important;
  box-shadow:0 8px 18px rgba(13,110,253,.10) !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,
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[data-pintas-tab-level="2"] .chip.is-active::before,
body.pitis-module-scope .subbar[data-pintas-tab-level="2"] .chip.active::before{
  background:#0d6efd !important;
}

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

body.pitis-module-scope .tabs.tabs-level-3 .tab::before,
body.pitis-module-scope .tabs.tabs-level-4 .tab::before,
body.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab::before,
body.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab::before,
body.pitis-module-scope .subbar.tabs-level-3 .chip::before,
body.pitis-module-scope .subbar.tabs-level-4 .chip::before,
body.pitis-module-scope .subbar[data-pintas-tab-level="3"] .chip::before,
body.pitis-module-scope .subbar[data-pintas-tab-level="4"] .chip::before,
body.pitis-module-scope .procurement-workflow-tabs .tab::before{
  content:none !important;
  display:none !important;
}

body.pitis-module-scope .tabs.tabs-level-3 .tab:hover,
body.pitis-module-scope .tabs.tabs-level-4 .tab:hover,
body.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab:hover,
body.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab:hover,
body.pitis-module-scope .subbar.tabs-level-3 .chip:hover,
body.pitis-module-scope .subbar.tabs-level-4 .chip:hover,
body.pitis-module-scope .subbar[data-pintas-tab-level="3"] .chip:hover,
body.pitis-module-scope .subbar[data-pintas-tab-level="4"] .chip:hover,
body.pitis-module-scope .procurement-workflow-tabs .tab:hover{
  color:#0d47a1 !important;
  background:transparent !important;
  border-color:transparent !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.tabs-level-3 .tab.active,
body.pitis-module-scope .tabs.tabs-level-4 .tab.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.is-active,
body.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab.is-active,
body.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab.active,
body.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab.active,
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"],
body.pitis-module-scope .subbar.tabs-level-3 .chip.is-active,
body.pitis-module-scope .subbar.tabs-level-4 .chip.is-active,
body.pitis-module-scope .subbar.tabs-level-3 .chip.active,
body.pitis-module-scope .subbar.tabs-level-4 .chip.active,
body.pitis-module-scope .subbar[data-pintas-tab-level="3"] .chip.is-active,
body.pitis-module-scope .subbar[data-pintas-tab-level="4"] .chip.is-active,
body.pitis-module-scope .subbar[data-pintas-tab-level="3"] .chip.active,
body.pitis-module-scope .subbar[data-pintas-tab-level="4"] .chip.active,
body.pitis-module-scope .procurement-workflow-tabs .tab.is-active,
body.pitis-module-scope .procurement-workflow-tabs .tab.active{
  color:#000 !important;
  font-weight:800 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-color:transparent !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.tabs-level-3 .tab.active::after,
body.pitis-module-scope .tabs.tabs-level-4 .tab.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.is-active::after,
body.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab.is-active::after,
body.pitis-module-scope .tabs[data-pintas-tab-level="3"] .tab.active::after,
body.pitis-module-scope .tabs[data-pintas-tab-level="4"] .tab.active::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,
body.pitis-module-scope .subbar.tabs-level-3 .chip.is-active::after,
body.pitis-module-scope .subbar.tabs-level-4 .chip.is-active::after,
body.pitis-module-scope .subbar.tabs-level-3 .chip.active::after,
body.pitis-module-scope .subbar.tabs-level-4 .chip.active::after,
body.pitis-module-scope .subbar[data-pintas-tab-level="3"] .chip.is-active::after,
body.pitis-module-scope .subbar[data-pintas-tab-level="4"] .chip.is-active::after,
body.pitis-module-scope .subbar[data-pintas-tab-level="3"] .chip.active::after,
body.pitis-module-scope .subbar[data-pintas-tab-level="4"] .chip.active::after,
body.pitis-module-scope .procurement-workflow-tabs .tab.is-active::after,
body.pitis-module-scope .procurement-workflow-tabs .tab.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;
}
