/* Hub V417 — Command Header Upgrade
   Purpose: replace the bulky stacked header with a tighter ultra-premium command header.
*/

.hub416-header,
.hub415-header,
.hub405-global-header{
  display:none !important;
}

.hub417-header{
  max-width:1180px;
  margin:14px auto 18px;
  padding:0 10px;
}

.hub417-shell{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(125,211,252,.24);
  background:
    radial-gradient(circle at 8% 0%,rgba(14,165,233,.20),transparent 28%),
    radial-gradient(circle at 82% 8%,rgba(37,99,235,.18),transparent 32%),
    linear-gradient(135deg,#06101c 0%,#08172c 52%,#050b14 100%);
  box-shadow:
    0 24px 68px rgba(2,8,23,.34),
    inset 0 1px 0 rgba(255,255,255,.07);
  padding:14px;
}

.hub417-shell::before{
  content:"";
  position:absolute;
  inset:9px;
  border-radius:22px;
  border:1px solid rgba(125,211,252,.10);
  pointer-events:none;
}

.hub417-shell::after{
  content:"";
  position:absolute;
  right:-120px;
  top:-170px;
  width:370px;
  height:370px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(14,165,233,.18),transparent 62%);
  pointer-events:none;
}

.hub417-mainbar,
.hub417-commandbar{
  position:relative;
  z-index:1;
}

.hub417-mainbar{
  display:grid;
  grid-template-columns:minmax(300px,1fr) auto auto;
  align-items:center;
  gap:10px;
}

.hub417-brand{
  display:flex;
  align-items:center;
  min-width:0;
  gap:12px;
  padding:8px 10px;
  border-radius:22px;
  text-decoration:none;
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.022));
  border:1px solid rgba(125,211,252,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.hub417-mark{
  display:grid;
  place-items:center;
  width:70px;
  height:70px;
  flex:0 0 70px;
  border-radius:20px;
  background:
    radial-gradient(circle at 50% 40%,rgba(125,211,252,.25),transparent 58%),
    linear-gradient(145deg,#0b1c32,#07111f);
  border:1px solid rgba(125,211,252,.30);
  box-shadow:0 0 34px rgba(14,165,233,.20), inset 0 1px 0 rgba(255,255,255,.09);
  overflow:hidden;
}

.hub417-mark img{
  display:block;
  width:66px;
  height:66px;
  object-fit:contain;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.40));
}

.hub417-word{
  min-width:0;
  display:flex;
  flex-direction:column;
}

.hub417-word strong{
  color:#f8fbff;
  font-size:clamp(1.45rem,2.6vw,2.35rem);
  line-height:.95;
  letter-spacing:-.065em;
  font-weight:1000;
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:0 0 24px rgba(14,165,233,.16);
}

.hub417-word strong span{
  color:#2685ff;
}

.hub417-word em{
  margin-top:7px;
  color:#9fb6d5;
  font-size:clamp(.66rem,1.05vw,.88rem);
  line-height:1;
  font-weight:900;
  letter-spacing:.32em;
  text-transform:uppercase;
  font-style:normal;
  white-space:nowrap;
}

.hub417-nav{
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px;
  border-radius:18px;
  background:rgba(2,8,23,.25);
  border:1px solid rgba(125,211,252,.11);
}

.hub417-nav a,
.hub417-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 13px;
  border-radius:13px;
  color:#dbeafe !important;
  text-decoration:none;
  font-weight:850;
  letter-spacing:-.01em;
  white-space:nowrap;
  background:rgba(255,255,255,.034);
  border:1px solid rgba(125,211,252,.10);
}

.hub417-nav a:hover,
.hub417-actions a:hover{
  color:#fff !important;
  background:rgba(14,165,233,.14);
  border-color:rgba(125,211,252,.28);
}

.hub417-store{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 18px;
  border-radius:16px;
  color:#fff !important;
  text-decoration:none;
  font-weight:950;
  background:linear-gradient(135deg,#0ea5e9,#2563eb);
  border:1px solid rgba(125,211,252,.24);
  box-shadow:0 14px 32px rgba(37,99,235,.24), inset 0 1px 0 rgba(255,255,255,.18);
  white-space:nowrap;
}

.hub417-commandbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  margin-top:10px;
  padding:8px;
  border-radius:22px;
  background:rgba(2,8,23,.26);
  border:1px solid rgba(125,211,252,.13);
}

.hub417-search{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
}

.hub417-search input{
  flex:1;
  min-width:0;
  height:48px;
  padding:0 16px;
  border-radius:15px !important;
  border:1px solid rgba(125,211,252,.14) !important;
  background:rgba(255,255,255,.04) !important;
  color:#eff6ff !important;
  font-size:.98rem;
  outline:none;
}

.hub417-search input::placeholder{
  color:#91a9c9 !important;
}

.hub417-search button{
  height:48px;
  min-width:104px;
  padding:0 16px;
  border-radius:15px;
  border:1px solid rgba(125,211,252,.22);
  color:#fff;
  font-weight:950;
  background:linear-gradient(135deg,#1d4ed8,#2563eb);
  cursor:pointer;
}

.hub417-actions{
  display:flex;
  align-items:center;
  gap:7px;
}

.hub417-actions a{
  min-height:48px;
  padding:0 14px;
  border-radius:15px;
}

.hub417-actions a.primary{
  color:#fff !important;
  background:linear-gradient(135deg,#0ea5e9,#2563eb);
  border-color:rgba(125,211,252,.28);
}

/* Visually align the next section with the command header. */
.main.legacy-main{
  margin-top:0 !important;
}

@media(max-width:1080px){
  .hub417-mainbar{
    grid-template-columns:1fr auto;
  }
  .hub417-nav{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
  .hub417-nav a{
    width:100%;
  }
  .hub417-commandbar{
    grid-template-columns:1fr;
  }
  .hub417-actions{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:680px){
  .hub417-header{
    margin:10px auto 14px;
    padding:0 8px;
  }
  .hub417-shell{
    padding:10px;
    border-radius:23px;
  }
  .hub417-mainbar{
    grid-template-columns:1fr;
    gap:8px;
  }
  .hub417-brand{
    gap:10px;
    padding:8px;
    border-radius:18px;
  }
  .hub417-mark{
    width:56px;
    height:56px;
    flex-basis:56px;
    border-radius:16px;
  }
  .hub417-mark img{
    width:54px;
    height:54px;
  }
  .hub417-word strong{
    font-size:1.32rem;
  }
  .hub417-word em{
    margin-top:5px;
    font-size:.58rem;
    letter-spacing:.20em;
  }
  .hub417-store{
    min-height:44px;
    border-radius:14px;
  }
  .hub417-nav{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:5px;
    padding:5px;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .hub417-nav::-webkit-scrollbar{display:none;}
  .hub417-nav a{
    min-height:40px;
    padding:0 8px;
    font-size:.78rem;
  }
  .hub417-commandbar{
    gap:8px;
    padding:7px;
    border-radius:18px;
  }
  .hub417-search{
    gap:7px;
  }
  .hub417-search input{
    height:44px;
    padding:0 12px;
    font-size:.92rem;
  }
  .hub417-search button{
    height:44px;
    min-width:76px;
    padding:0 10px;
    font-size:.9rem;
  }
  .hub417-actions{
    gap:7px;
  }
  .hub417-actions a{
    min-height:42px;
    padding:0 8px;
    font-size:.86rem;
  }
}