/* Dingfelder Enterprises global public navigation */
:root {
  --de-nav-bg: #07101d;
  --de-nav-line: rgba(255,255,255,.13);
  --de-nav-text: #f4f8ff;
  --de-nav-muted: rgba(230,239,255,.82);
  --de-nav-gold: #f2bf4b;
  --de-nav-blue: #58a6ff;
  --de-nav-green: #65e2ad;
  --de-nav-max: 1220px;
}
.de-global-nav,
.de-global-nav * { box-sizing: border-box; }
.de-global-nav {
  position: sticky;
  top: 0;
  z-index: 10000;
  background: linear-gradient(180deg, rgba(5,10,18,.99), rgba(8,15,26,.98));
  border-bottom: 1px solid var(--de-nav-line);
  box-shadow: 0 16px 42px rgba(0,0,0,.30);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color: var(--de-nav-text);
}
.de-global-nav::before {
  content: "";
  display: block;
  height: 3px;
  background: linear-gradient(90deg, var(--de-nav-gold), var(--de-nav-blue), var(--de-nav-green));
}
.de-global-nav__inner {
  width: min(calc(100% - 2rem), var(--de-nav-max));
  margin: 0 auto;
  min-height: 86px;
  display: grid;
  grid-template-columns: minmax(250px, 1fr) auto;
  align-items: center;
  gap: 1rem;
  padding: .72rem 0 .84rem;
}
.de-global-nav__brand {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: .9rem;
  color: inherit;
  text-decoration: none;
}
.de-global-nav__logo {
  width: 58px;
  height: 58px;
  object-fit: contain;
  flex: 0 0 auto;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.38));
}
.de-global-nav__brand-text { min-width: 0; display: grid; gap: .12rem; }
.de-global-nav__brand-name {
  color: var(--de-nav-gold);
  font-size: .84rem;
  font-weight: 1000;
  letter-spacing: .18em;
  text-transform: uppercase;
  line-height: 1.15;
}
.de-global-nav__tagline {
  color: rgba(255,255,255,.92);
  font-size: .83rem;
  font-weight: 750;
  line-height: 1.25;
  max-width: 34rem;
}
.de-global-nav__subline {
  color: var(--de-nav-muted);
  font-size: .72rem;
  font-weight: 800;
  line-height: 1.2;
}
.de-global-nav__links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: .5rem .82rem;
}
.de-global-nav__item { position: relative; }
.de-global-nav__link,
.de-global-nav__drop-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .36rem;
  color: var(--de-nav-text);
  background: transparent;
  text-decoration: none;
  font: inherit;
  font-size: .94rem;
  font-weight: 900;
  line-height: 1.2;
  min-height: 34px;
  padding: .3rem 0;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
.de-global-nav__link::after,
.de-global-nav__drop-toggle::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -.12rem;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--de-nav-gold), var(--de-nav-green));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .16s ease;
}
.de-global-nav__link:hover,
.de-global-nav__drop-toggle:hover,
.de-global-nav__link:focus-visible,
.de-global-nav__drop-toggle:focus-visible,
.de-global-nav__link.is-active,
.de-global-nav__drop-toggle.is-active { color: #fff4cf; outline: none; }
.de-global-nav__link:hover::after,
.de-global-nav__drop-toggle:hover::after,
.de-global-nav__link:focus-visible::after,
.de-global-nav__drop-toggle:focus-visible::after,
.de-global-nav__link.is-active::after,
.de-global-nav__drop-toggle.is-active::after { transform: scaleX(1); }
.de-global-nav__chevron { font-size: .68rem; opacity: .82; transform: translateY(-.02rem); }
.de-global-nav__accent,
.de-global-nav__portal {
  border-radius: 999px;
  padding: .52rem .82rem;
}
.de-global-nav__accent {
  border: 1px solid rgba(101,226,173,.28);
  background: rgba(101,226,173,.08);
  color: #84f5bd;
}
.de-global-nav__portal {
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
}
.de-global-nav__accent::after,
.de-global-nav__portal::after { display: none; }
.de-global-nav__accent:hover,
.de-global-nav__accent:focus-visible,
.de-global-nav__accent.is-active {
  color: #07101d;
  background: linear-gradient(135deg, #95ffd0, #58d59d);
  border-color: rgba(149,255,208,.78);
}
.de-global-nav__portal:hover,
.de-global-nav__portal:focus-visible,
.de-global-nav__portal.is-active {
  color: #07101d;
  background: linear-gradient(135deg, #f5d37b, #e4a93a);
  border-color: rgba(245,211,123,.72);
}
.de-global-nav__dropdown {
  position: absolute;
  top: calc(100% + .48rem);
  right: 0;
  min-width: 15rem;
  list-style: none;
  margin: 0;
  padding: .42rem;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(10,25,45,.99), rgba(7,16,29,.99));
  border: 1px solid rgba(242,191,75,.22);
  box-shadow: 0 20px 42px rgba(0,0,0,.38);
  display: none;
}
.de-global-nav__item:hover .de-global-nav__dropdown,
.de-global-nav__item:focus-within .de-global-nav__dropdown,
.de-global-nav__item.is-open .de-global-nav__dropdown { display: block; }
.de-global-nav__dropdown a {
  display: block;
  color: var(--de-nav-text);
  text-decoration: none;
  border-radius: 11px;
  padding: .66rem .78rem;
  font-size: .88rem;
  font-weight: 850;
  white-space: nowrap;
}
.de-global-nav__dropdown a:hover,
.de-global-nav__dropdown a:focus-visible {
  outline: none;
  background: rgba(255,255,255,.08);
  color: #fff4cf;
}
.de-global-find-strip {
  position: relative;
  z-index: 9999;
  background: linear-gradient(90deg, rgba(12,32,58,.98), rgba(13,48,76,.98));
  border-bottom: 1px solid rgba(255,255,255,.11);
  color: #f4f8ff;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
.de-global-find-strip__inner {
  width: min(calc(100% - 2rem), var(--de-nav-max));
  margin: 0 auto;
  min-height: 58px;
  display: flex;
  flex-wrap: wrap;
  gap: .85rem;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.de-global-find-strip__inner span {
  font-size: clamp(.95rem, 1.8vw, 1.08rem);
  font-weight: 950;
  letter-spacing: .01em;
}
.de-global-find-strip__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: .48rem 1.18rem;
  border-radius: 999px;
  color: #06111e;
  text-decoration: none;
  font-weight: 1000;
  background: linear-gradient(135deg, #8fe6ff, #6bd9a7);
  box-shadow: 0 10px 24px rgba(0,0,0,.20);
}
@media (max-width: 1080px) {
  .de-global-nav__inner { grid-template-columns: 1fr; align-items: start; }
  .de-global-nav__links { justify-content: flex-start; }
  .de-global-nav__dropdown { left: 0; right: auto; }
}
@media (max-width: 760px) {
  .de-global-nav__inner { min-height: auto; padding: .66rem 0 .92rem; }
  .de-global-nav__brand { align-items: flex-start; }
  .de-global-nav__logo { width: 50px; height: 50px; }
  .de-global-nav__tagline { font-size: .78rem; }
  .de-global-nav__subline { display: none; }
  .de-global-nav__links { gap: .38rem .62rem; }
  .de-global-nav__link,
  .de-global-nav__drop-toggle { font-size: .86rem; }
  .de-global-nav__accent,
  .de-global-nav__portal { padding: .46rem .66rem; }
  .de-global-nav__dropdown { position: static; min-width: 100%; margin-top: .2rem; }
  .de-global-find-strip__inner { justify-content: flex-start; text-align: left; padding: .75rem 0; }
}

/* Hide the old A.I.R.O.N. app-level menu when the shared Dingfelder menu is present.
   This only targets the A.I.R.O.N. React app root and leaves portal/workspace menus alone. */
body > [data-de-global-nav] + #root .site-header {
  display: none !important;
}