
/* assets/css/ua_subnav.css - section sub navigation bar (RTL/NOC dark) */
.ua-subnav{
  margin:0 0 6px;
  padding:7px 9px;
  min-height:44px;
  border-radius:10px;
  background:linear-gradient(180deg,rgba(10,25,42,.90),rgba(5,15,29,.86));
  border:1px solid rgba(105,160,190,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
  flex-wrap:nowrap;
  color:#eaf7ff;
  box-sizing:border-box;
}
.ua-subnav-head{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:950;
  color:#f4fbff;
  white-space:nowrap;
  font-size:12.8px;
}
.ua-subnav-head i{color:#6fe0ff;font-size:13px;}
.ua-subnav-items{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
}
.ua-subnav-items::-webkit-scrollbar{display:none;width:0;height:0;}
.ua-subnav-link{
  flex:0 0 auto;
  min-height:30px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 10px;
  border-radius:9px;
  text-decoration:none;
  color:rgba(236,248,255,.84);
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
  font-weight:850;
  font-size:12px;
  white-space:nowrap;
  transition:background .14s ease,color .14s ease,border-color .14s ease;
}
.ua-subnav-link:hover{
  color:#fff;
  background:rgba(92,218,255,.12);
  border-color:rgba(92,218,255,.16);
  transform:none;
}
.ua-subnav-link.is-active{
  color:#fff;
  background:rgba(44,188,211,.12);
  border-color:rgba(92,218,255,.18);
}
.ua-subnav-link i{font-size:11.5px;color:#6fe0ff;}
@media (max-width:900px){
  .ua-subnav{flex-wrap:wrap;}
  .ua-subnav-items{justify-content:flex-start;flex-basis:100%;}
}


/* 2026-05-19 phase10: one active section bar, right-aligned inside the page. */
.ua-subnav{
  width:max-content !important;
  max-width:100% !important;
  margin-block:0 6px !important;
  margin-inline-start:0 !important;
  margin-inline-end:auto !important;
  justify-content:flex-start !important;
  align-self:flex-start !important;
}
.ua-subnav-head{order:0 !important;}
.ua-subnav-items{
  flex:0 1 auto !important;
  justify-content:flex-start !important;
}
.ua-wm-pane[hidden] .ua-subnav,
.ua-wm-pane:not(.is-current) .ua-subnav,
.ua-wm-pane.is-minimized .ua-subnav{
  display:none !important;
}
body.ua-tab-iframe-body .ua-subnav{
  margin-inline-start:0 !important;
  margin-inline-end:auto !important;
}
@media (max-width:900px){
  .ua-subnav{width:100% !important;}
  .ua-subnav-items{justify-content:flex-start !important;}
}


/* 2026-05-19 phase12: section navigation is a page-local bar, not stacked tabs.
   Keep it right aligned, compact, and visible only in the active workspace pane. */
.ua-subnav{
  width:max-content !important;
  max-width:calc(100% - 2px) !important;
  min-height:38px !important;
  padding:5px 7px !important;
  gap:7px !important;
  margin-block:0 6px !important;
  margin-inline-start:0 !important;
  margin-inline-end:auto !important;
  border-radius:9px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.028) !important;
  direction:rtl !important;
}
.ua-subnav-head{
  min-height:28px !important;
  padding:0 7px !important;
  border-radius:8px !important;
  background:rgba(94,234,212,.055) !important;
  border:1px solid rgba(94,234,212,.10) !important;
  font-size:12px !important;
}
.ua-subnav-items{
  flex:0 1 auto !important;
  justify-content:flex-start !important;
  gap:5px !important;
  direction:rtl !important;
}
.ua-subnav-link{
  min-height:28px !important;
  padding:0 8px !important;
  border-radius:8px !important;
  font-size:11.8px !important;
}
.ua-wm-pane[hidden] .ua-subnav,
.ua-wm-pane:not(.is-current) .ua-subnav,
.ua-wm-pane.is-minimized .ua-subnav{
  display:none !important;
}
body.ua-tab-iframe-body .ua-subnav,
body.ua-page-dashboard .ua-subnav{
  margin-inline-start:0 !important;
  margin-inline-end:auto !important;
}
@media (max-width:900px){
  .ua-subnav{width:100% !important;}
  .ua-subnav-head{flex:0 0 auto !important;}
  .ua-subnav-items{flex:1 1 auto !important;}
}


/* 2026-05-19 phase16: Keep exactly one official section navigation bar.
   Important: do not hide the dashboard workspace windowbar here; it is the correct
   window manager bar. Legacy page tab bars are hidden only in framed workspace pages. */
.ua-subnav[data-ua-subnav-canonical="1"]{
  display:flex !important;
  margin-inline-start:0 !important;
  margin-inline-end:auto !important;
}
.ua-subnav[data-ua-subnav-canonical="1"] ~ .ua-subnav,
.ua-subnav.is-legacy,
.ua-subnav[data-ua-legacy="1"],
.ua-legacy-subnav,
.ua-legacy-windowbar{
  display:none !important;
}
body.ua-tab-iframe-body .ua-page-windowbar:not(.ua-subnav),
body.ua-tab-iframe-body .ua-dashboard-windowbar-host,
body.ua-tab-iframe-body .nocx-dashboard-windowbar,
body.ua-tab-iframe-body .nocx-topbar--control,
body.ua-tab-iframe-body [data-ua-shared-windowbar]:not(.ua-subnav),
body.ua-frame-context .ua-atabs-wrap,
body.ua-frame-context .ua-atabs,
body.ua-tab-iframe-body .ua-atabs-wrap,
body.ua-tab-iframe-body .ua-atabs,
body.ua-tab-iframe-body .ua-page-tabs,
body.ua-tab-iframe-body .ua-tabs-wrap,
body.ua-tab-iframe-body .ua-section-tabs,
body.ua-tab-iframe-body .ua-legacy-page-tabs{
  display:none !important;
}
