/* ===== VULNEXIA SHARED SITE HEADER ===== */

.vx-shared-header{
  min-height:68px !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:22px !important;
  position:sticky !important;
  top:14px !important;
  z-index:1000 !important;
  padding:10px 12px 10px 14px !important;
  border-radius:20px !important;
  border:1px solid rgba(255,255,255,.075) !important;
  background:
    linear-gradient(
      180deg,
      rgba(9,13,20,.91),
      rgba(6,9,14,.88)
    ) !important;
  box-shadow:
    0 18px 55px rgba(0,0,0,.31),
    inset 0 1px rgba(255,255,255,.025) !important;
  backdrop-filter:blur(22px) !important;
  -webkit-backdrop-filter:blur(22px) !important;
  font-family:'Inter',sans-serif !important;
}

.vx-shared-header .brand{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  color:inherit !important;
  text-decoration:none !important;
}

.vx-shared-header .logo-shell{
  width:44px !important;
  height:44px !important;
  flex:0 0 44px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:13px !important;
  background:
    radial-gradient(
      circle at 35% 25%,
      rgba(76,141,255,.13),
      transparent 56%
    ),
    rgba(255,255,255,.018) !important;
  border:1px solid rgba(112,167,255,.09) !important;
  box-shadow:none !important;
}

.vx-shared-header .logo-shell img{
  width:38px !important;
  height:38px !important;
  display:block !important;
  object-fit:contain !important;
}

.vx-shared-header .brand-title{
  margin:0 !important;
  color:#ffffff !important;
  font-family:'Sora','Inter',sans-serif !important;
  font-size:1.42rem !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:-.055em !important;
}

.vx-shared-header .brand-parent{
  margin-top:4px !important;
  color:#788596 !important;
  font-family:'Inter',sans-serif !important;
  font-size:.59rem !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

.vx-shared-header .brand-subtext{
  margin-top:3px !important;
  color:#4f5c6c !important;
  font-family:'Inter',sans-serif !important;
  font-size:.63rem !important;
  font-weight:400 !important;
  line-height:1.3 !important;
  letter-spacing:-.01em !important;
}

.vx-shared-header .nav-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:7px !important;
  margin:0 !important;
}

.vx-shared-header .nav-actions .btn{
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 15px !important;
  border-radius:11px !important;
  font-family:'Inter',sans-serif !important;
  font-size:.72rem !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:-.01em !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-shadow:none !important;
}

.vx-shared-header .nav-actions .btn-dark{
  color:#f7f9fc !important;
  background:rgba(255,255,255,.026) !important;
  border:1px solid rgba(255,255,255,.06) !important;
}

.vx-shared-header .nav-actions .btn-dark:hover{
  color:#ffffff !important;
  background:rgba(255,255,255,.055) !important;
  border-color:rgba(255,255,255,.11) !important;
}

.vx-shared-header .nav-actions .btn-light-logout{
  color:#09101a !important;
  background:#edf3fb !important;
  border:1px solid rgba(255,255,255,.72) !important;
}

.vx-shared-header .nav-actions .btn-light-logout:hover{
  color:#09101a !important;
  background:#ffffff !important;
}

@media(max-width:900px){
  .vx-shared-header .brand-subtext{
    display:none !important;
  }
}

@media(max-width:640px){
  .vx-shared-header{
    min-height:60px !important;
    gap:10px !important;
    padding:8px 9px !important;
  }

  .vx-shared-header .brand-parent{
    display:none !important;
  }

  .vx-shared-header .nav-actions{
    gap:4px !important;
    overflow-x:auto !important;
  }

  .vx-shared-header .nav-actions .btn{
    min-height:36px !important;
    padding:0 10px !important;
    font-size:.66rem !important;
  }
}


/* Authenticated primary navigation active state */
.vx-shared-header .nav-actions .vx-nav-active{
  color:#9eeaff !important;
  background:rgba(0,212,255,.10) !important;
  border-color:rgba(0,212,255,.34) !important;
  box-shadow:
    inset 0 0 0 1px rgba(0,212,255,.05),
    0 0 18px rgba(0,212,255,.06) !important;
}

.vx-shared-header .nav-actions .vx-nav-active:hover{
  color:#d8f8ff !important;
  background:rgba(0,212,255,.14) !important;
  border-color:rgba(0,212,255,.46) !important;
}