/* ============================================================
   app-nav-v44.css — SINGLE source of truth for the module nav.
   Replaces: assets/pro-nav-v37.css AND the duplicated
   .module-tabs / dropdown blocks that used to live inside
   includes/header.php (v2.8.1, Phase 15.1, v3.2.3 patches).

   Rule: never patch nav CSS anywhere else again. Edit here.
   ============================================================ */

/* ---- Shell ---- */
nav.app-nav{
  position:sticky;
  top:0;
  z-index:10000;
  padding-top:var(--safe-top,0px);
  overflow:visible;
  isolation:isolate;
  box-shadow:0 4px 16px rgba(0,0,0,.16);
}
nav.app-nav .nav-head,
nav.app-nav .module-tabs{overflow:visible}
main,main.main-wide{position:relative;z-index:1}
.ui-toolbar{position:relative;z-index:4900}
.v32-pulse-ribbon{z-index:400}

/* ---- Tab bar ---- */
.module-tabs{
  display:flex;
  flex-wrap:wrap;               /* final decision: wrap, don't scroll   */
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:7px clamp(8px,1.4vw,24px);
  background:#0d1729;
  position:relative;
  z-index:80;
}
.module-tabs a{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  margin:0;
  padding:7px 12px;
  background:#122039;
  border:1px solid #334155;
  border-radius:5px;
  color:#fff;
  font-size:.77rem;
  line-height:1.1;
  text-align:center;
  white-space:nowrap;
  text-decoration:none;
}
.module-tabs a:hover{background:#1a2b48;color:#fff}
.module-tabs a.active{background:#2563eb;border-color:#3b82f6;color:#fff}
.module-tabs a.admin-tab{border-color:#92400e;color:#fbbf24}
.module-tabs a.admin-tab.active{background:#92400e;color:#fff}
.nav-scroll-hint{display:none}

/* ---- Dropdown groups ---- */
.module-nav-menu{position:relative;flex:0 0 auto;z-index:10010;isolation:isolate}
.module-nav-menu[open]{z-index:10100}
.module-nav-menu>summary{
  list-style:none;
  cursor:pointer;
  user-select:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:34px;
  padding:7px 12px;
  background:#122039;
  border:1px solid #334155;
  border-radius:5px;
  color:#fff;
  font-size:.77rem;
  font-weight:600;
  white-space:nowrap;
}
.module-nav-menu>summary::-webkit-details-marker{display:none}
.module-nav-menu>summary:hover,
.module-nav-menu[open]>summary{background:#1a2b48;border-color:#4b6385}
.module-nav-menu.active>summary{background:#2563eb;border-color:#3b82f6}

.module-nav-dropdown{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  z-index:10200;
  min-width:230px;
  max-height:70vh;
  overflow-y:auto;
  padding:7px;
  background:#0b1425;
  border:1px solid #47617f;
  border-radius:8px;
  box-shadow:0 18px 45px rgba(0,0,0,.55);
}
.module-nav-dropdown a{
  display:block;
  width:100%;
  min-height:0;
  margin:0;
  padding:9px 11px;
  background:transparent;
  border:0;
  border-radius:5px;
  color:#fff;
  text-align:left;
  font-size:.8rem;
  white-space:normal;
}
.module-nav-dropdown a:hover{background:#1a2b48;color:#67e8f9}
.module-nav-dropdown a.active{background:#2563eb;color:#fff}

/* Section headings inside big dropdowns (AI Intelligence, Trade & Portfolio) */
.module-nav-heading{
  display:block;
  padding:9px 11px 4px;
  color:#7f9bc2;
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.module-nav-heading:not(:first-child){
  margin-top:5px;
  border-top:1px solid #1e2c44;
  padding-top:10px;
}

/* ---- Mobile ---- */
@media(max-width:900px){
  .module-tabs{justify-content:flex-start}
  .module-tabs a,
  .module-nav-menu{flex:1 1 145px}
  .module-nav-menu>summary{width:100%;justify-content:center}
  .module-nav-dropdown{
    position:fixed;
    left:10px;
    right:10px;
    top:120px;
    width:auto;
    min-width:0;
    max-height:62vh;
  }
}
@media(max-width:560px){
  .module-tabs{padding:6px}
  .module-tabs a,
  .module-nav-menu>summary{min-height:38px;padding:8px 11px}
  .module-tabs a{flex:1 1 125px}
}

/* ---- Light theme ---- */
[data-appearance="light"] .module-tabs{background:#e6edf6;border-bottom:1px solid #c7d2e2}
[data-appearance="light"] .module-tabs a,
[data-appearance="light"] .module-nav-menu>summary{background:#eef3fa;border-color:#bdcadb;color:#172033}
[data-appearance="light"] .module-tabs a:hover,
[data-appearance="light"] .module-nav-menu>summary:hover,
[data-appearance="light"] .module-nav-menu[open]>summary{background:#dde7f3;color:#172033}
[data-appearance="light"] .module-tabs a.active,
[data-appearance="light"] .module-nav-menu.active>summary{background:#2563eb;border-color:#2563eb;color:#fff}
[data-appearance="light"] .module-nav-dropdown{background:#fff;border-color:#bdcadb}
[data-appearance="light"] .module-nav-dropdown a{color:#172033}
[data-appearance="light"] .module-nav-dropdown a:hover{background:#e5edf8;color:#172033}
[data-appearance="light"] .module-nav-dropdown a.active{background:#2563eb;color:#fff}
[data-appearance="light"] .module-nav-heading{color:#64748b}
[data-appearance="light"] .module-nav-heading:not(:first-child){border-top-color:#dbe4f0}

/* v4.5.1 — permanent dropdown stacking fix
   The utility toolbar is rendered after the tab row inside the same nav shell.
   Keep the whole tab-row stacking context above the toolbar so every dropdown
   paints over SYNC SYMBOL / What's New / Support Center instead of behind it. */
nav.app-nav .module-tabs{
  position:relative!important;
  z-index:7000!important;
  overflow:visible!important;
}
nav.app-nav .ui-toolbar{
  position:relative!important;
  z-index:1000!important;
}
nav.app-nav .module-nav-menu{
  position:relative!important;
  z-index:10!important;
  overflow:visible!important;
}
nav.app-nav .module-nav-menu[open]{z-index:100!important}
nav.app-nav .module-nav-dropdown,
nav.app-nav .settings-nav-dropdown{
  position:absolute!important;
  z-index:1000!important;
}