/* MarcAM icon-and-label navigation: shared on every page */
.app-header .header-nav.marcam-shared-nav,.site-header .header-nav.marcam-shared-nav{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}
.marcam-shared-nav>.shared-nav-link,.marcam-shared-nav>.nav-dropdown>.shared-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:62px;min-height:53px;padding:5px 8px;border:1px solid transparent;border-radius:9px;background:transparent;box-shadow:none;color:#b9c1c5;font-size:11px;font-weight:750;line-height:1.2;white-space:nowrap;cursor:pointer;transition:color .15s,background .15s}
.marcam-shared-nav .shared-nav-icon{display:block;width:19px;height:19px;flex-shrink:0}
.marcam-shared-nav>.shared-nav-link:hover,.marcam-shared-nav>.nav-dropdown>.shared-nav-link:hover{color:#fff;background:#30393d;transform:none}
.marcam-shared-nav>.shared-nav-link.active,.marcam-shared-nav>.nav-dropdown>.shared-nav-link.active{color:#ff6b43;background:rgba(255,105,65,.09);border-color:transparent;box-shadow:inset 0 -2px 0 #ff6b43;border-radius:9px}
.marcam-shared-nav .nav-dropdown{position:relative}
.marcam-shared-nav .nav-dropdown-menu{z-index:1005}
.marcam-shared-nav .nav-dropdown.open>.nav-dropdown-menu,.marcam-shared-nav .nav-dropdown.is-open>.nav-dropdown-menu{display:flex;visibility:visible;opacity:1;pointer-events:auto}
.marcam-shared-nav .nav-chevron{font-size:11px;margin-left:3px}
@media(max-width:1100px){.app-header .header-nav.marcam-shared-nav,.site-header .header-nav.marcam-shared-nav{gap:1px}.marcam-shared-nav>.shared-nav-link,.marcam-shared-nav>.nav-dropdown>.shared-nav-link{min-width:52px;padding:4px 5px;font-size:10px}}
@media(max-width:800px){.app-header .header-nav.marcam-shared-nav:not(.mobile-open),.site-header .header-nav.marcam-shared-nav:not(.mobile-open){display:none}.app-header .header-nav.marcam-shared-nav.mobile-open,.site-header .header-nav.marcam-shared-nav.mobile-open{display:flex;flex-wrap:wrap;position:absolute;top:100%;left:0;right:0;background:#20282c;padding:12px;z-index:1000;justify-content:flex-start;box-shadow:0 12px 25px #0007}.marcam-shared-nav .nav-dropdown-menu{max-width:min(90vw,340px)}}

/* Dropdowns: always stack links vertically, never spread across the page. */
.app-header .header-nav.marcam-shared-nav .nav-dropdown > .nav-dropdown-menu,
.site-header .header-nav.marcam-shared-nav .nav-dropdown > .nav-dropdown-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: auto;
  width: 330px;
  max-width: calc(100vw - 24px);
  min-width: 0;
  box-sizing: border-box;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 5px;
  padding: 9px;
}
.app-header .header-nav.marcam-shared-nav .nav-more > .nav-dropdown-menu,
.site-header .header-nav.marcam-shared-nav .nav-more > .nav-dropdown-menu {
  left: auto;
  right: 0;
  width: 255px;
}
.marcam-shared-nav .nav-dropdown-menu > a,
.marcam-shared-nav .nav-dropdown-menu > .nav-menu-card,
.marcam-shared-nav .nav-dropdown-menu > .nav-menu-simple {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  width: 100% !important;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  flex: 0 0 auto !important;
  white-space: normal;
}
.marcam-shared-nav .nav-menu-card > span:last-child {min-width:0; flex:1;}
.marcam-shared-nav .nav-menu-card strong,
.marcam-shared-nav .nav-menu-card small {display:block; white-space:normal;}
@media(max-width:800px){
  .app-header .header-nav.marcam-shared-nav .nav-dropdown > .nav-dropdown-menu,
  .site-header .header-nav.marcam-shared-nav .nav-dropdown > .nav-dropdown-menu {width:min(330px,calc(100vw - 32px));}
}

/* Centre desktop links independently of the logo and account controls. */
@media (min-width: 1400px) {
  .app-header:has(.marcam-shared-nav),
  .site-header:has(.marcam-shared-nav) { position: relative; }
  .app-header .header-nav.marcam-shared-nav,
  .site-header .header-nav.marcam-shared-nav {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    max-width: none;
    margin: 0;
    justify-content: center;
    gap: 10px;
    z-index: 20;
  }
}
/* Narrow desktops: retain normal flow to avoid colliding with credits/profile. */
@media (min-width: 801px) and (max-width: 1399px) {
  .app-header .header-nav.marcam-shared-nav,
  .site-header .header-nav.marcam-shared-nav { gap: 5px; }
}

/* Charcoal dropdown surfaces — override legacy purple rules from site.css. */
.app-header .header-nav.marcam-shared-nav .nav-dropdown > .nav-dropdown-menu,
.site-header .header-nav.marcam-shared-nav .nav-dropdown > .nav-dropdown-menu {
  background: #252d31 !important;
  background-image: none !important;
  border: 1px solid #3a454a !important;
  border-radius: 16px;
  box-shadow: 0 16px 36px rgba(0,0,0,.4) !important;
  color: #f5f7f8;
}
.marcam-shared-nav .nav-dropdown-menu > a,
.marcam-shared-nav .nav-dropdown-menu > .nav-menu-card,
.marcam-shared-nav .nav-dropdown-menu > .nav-menu-simple {
  background: transparent !important;
  border-color: transparent !important;
  color: #f2f5f6 !important;
}
.marcam-shared-nav .nav-dropdown-menu > a:hover,
.marcam-shared-nav .nav-dropdown-menu > a:focus-visible {
  background: #333e43 !important;
  border-color: #48565b !important;
}
.marcam-shared-nav .nav-dropdown-menu .nav-menu-icon {
  background: rgba(255,105,65,.10) !important;
  border-color: rgba(255,105,65,.26) !important;
  color: #ff7956 !important;
}
/* MARCAM AI — GLOBAL CHARCOAL NAVIGATION */

body .app-header,
body .site-header {
  background: #20272b !important;
  background-image: none !important;
  border-bottom: 1px solid #3a4449 !important;
  color: #f3f5f5;
}

body .app-header .header-left,
body .app-header .header-right,
body .app-header .header-nav,
body .site-header .header-left,
body .site-header .header-right,
body .site-header .header-nav {
  background: transparent !important;
  background-image: none !important;
}

body .app-header .nav-dropdown-menu,
body .site-header .nav-dropdown-menu {
  background: #252d31 !important;
  background-image: none !important;
  border: 1px solid #465158 !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.35) !important;
}

body .app-header .header-nav > a,
body .app-header .nav-dropdown-toggle,
body .site-header .header-nav > a,
body .site-header .nav-dropdown-toggle {
  color: #dce3e6 !important;
}

body .app-header .header-nav > a:hover,
body .app-header .nav-dropdown-toggle:hover,
body .site-header .header-nav > a:hover,
body .site-header .nav-dropdown-toggle:hover {
  color: #ff653c !important;
}

body .app-header .nav-dropdown-menu a:hover,
body .site-header .nav-dropdown-menu a:hover {
  background: #344047 !important;
}

body .app-header .nav-menu-icon,
body .site-header .nav-menu-icon {
  background: #343035 !important;
  border-color: #75483d !important;
  color: #ff653c !important;
}
.marcam-shared-nav .nav-dropdown-menu .nav-menu-card small {color:#aeb9bf !important;}
.marcam-shared-nav .nav-dropdown-menu a.active {color:#ff7956 !important;}