/* wbs-menu-v12: one optics layer for dock and all three dropdowns.
   Based on approved transparent footer and Niderland; no image, no heavy fill.
   Keep geometry, navigation, hover logic, and all existing links untouched. */
body header.wbs-menu-glass-v11,
body .wbs-dock-flyout,
body .wbs-profile-flyout-v9 {
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:1px solid rgba(242,234,255,.68)!important;
  box-shadow:0 17px 45px rgba(0,0,0,.18),
    inset 0 1px 1px rgba(255,255,255,.65),
    inset 0 -1px 1px rgba(131,220,255,.39),
    inset 1px 0 1px rgba(255,255,255,.22),
    inset -1px 0 1px rgba(255,255,255,.17)!important;
  backdrop-filter:blur(10px) saturate(135%) brightness(1.27)!important;
  -webkit-backdrop-filter:blur(10px) saturate(135%) brightness(1.27)!important;
  transition:border-color .28s ease,box-shadow .28s ease,transform .28s ease;
}
/* Previous bright ::after escaped the panel and caused the white bar. */
body header.wbs-menu-glass-v11::after{
  display:none!important;
  content:none!important;
  filter:none!important;
}
body header.wbs-menu-glass-v11::before,
body .wbs-dock-flyout::before,
body .wbs-profile-flyout-v9::before {
  content:"";
  position:absolute;
  inset:2px;
  border:1px solid rgba(255,255,255,.17);
  border-top-color:rgba(255,255,255,.47);
  border-bottom-color:rgba(138,217,255,.18);
  border-radius:inherit;
  background:none!important;
  background-image:none!important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.12),
    inset 0 -1px 1px rgba(126,221,255,.10);
  filter:none!important;
  pointer-events:none;
}
body .wbs-dock-flyout::after,
body .wbs-profile-flyout-v9::after{
  content:none!important;
  display:none!important;
}
/* Real cropped reflection: cannot escape the rounded header border. */
body header.wbs-menu-glass-v11 .wbs-menu-reflection-v12{
  position:absolute!important;
  display:block!important;
  inset:0!important;
  overflow:hidden!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  z-index:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body header.wbs-menu-glass-v11 .wbs-menu-reflection-v12::after{
  content:"";
  position:absolute;
  top:1px;
  left:var(--wbs-glint-x,50%);
  width:clamp(36px,9%,125px);
  height:2px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.67),transparent);
  opacity:var(--wbs-glint-a,.28);
  filter:blur(.8px);
  transition:opacity .28s ease;
}
body header.wbs-menu-glass-v11:hover,
body header.wbs-menu-glass-v11:focus-within,
body .wbs-dock-flyout:hover,
body .wbs-profile-flyout-v9:hover {
  border-color:rgba(253,250,255,.82)!important;
  box-shadow:0 20px 49px rgba(0,0,0,.22),
    inset 0 2px 1px rgba(255,255,255,.72),
    inset 0 -2px 1px rgba(151,230,255,.37),
    inset 2px 0 2px rgba(255,255,255,.24)!important;
}
/* Only optical paint; leave existing spacing, widths, sizing and nav logic. */
body header.wbs-menu-glass-v11 .wbs-dock-nav,
body header.wbs-menu-glass-v11 .wbs-dock-links,
body header.wbs-menu-glass-v11 .wbs-dock-center,
body header.wbs-menu-glass-v11 .wbs-dock-menu,
body header.wbs-menu-glass-v11 nav.main-nav,
body .wbs-dock-flyout a,
body .wbs-profile-flyout-v9 a,
body .wbs-profile-flyout-v9 button{
  background:transparent!important;
  background-image:none!important;
  border-color:rgba(231,225,255,.37)!important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.24),
    inset 0 -1px 1px rgba(137,213,255,.10)!important;
  backdrop-filter:blur(7px) saturate(125%);
  -webkit-backdrop-filter:blur(7px) saturate(125%);
}
/* Icons must not force narrow dropdown tiles beyond their glass bounds. */
body .wbs-dock-flyout a,
body .wbs-profile-flyout-v9 a,
body .wbs-profile-flyout-v9 button{
  min-width:0;
  overflow-wrap:anywhere;
}
body .wbs-dock-flyout a:hover,
body .wbs-dock-flyout a:focus-visible,
body .wbs-profile-flyout-v9 a:hover,
body .wbs-profile-flyout-v9 button:hover,
body .wbs-profile-flyout-v9 a:focus-visible,
body .wbs-profile-flyout-v9 button:focus-visible{
  border-color:rgba(184,237,255,.84)!important;
  box-shadow:0 5px 14px rgba(0,0,0,.10),
    inset 0 1px rgba(255,255,255,.40)!important;
}
/* Lucide geometry: consistent across nav and dropdowns, accessible labels stay native. */
body .wbs-menu-lucide-v12{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:15px;
  height:15px;
  flex:0 0 15px;
  margin-right:7px;
  vertical-align:-3px;
  color:inherit;
  opacity:.86;
  pointer-events:none;
}
body .wbs-menu-lucide-v12 svg{
  display:block;
  width:15px;
  height:15px;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  fill:none;
}
body .wbs-dock-flyout .wbs-menu-lucide-v12,
body .wbs-profile-flyout-v9 .wbs-menu-lucide-v12{
  margin-right:8px;
}
body .wbs-profile-flyout-v9 a,
body .wbs-profile-flyout-v9 button{
  gap:0;
}
@media(max-width:700px){
  body .wbs-menu-lucide-v12{width:14px;height:14px;flex-basis:14px;margin-right:5px}
  body .wbs-menu-lucide-v12 svg{width:14px;height:14px}
}
@media(prefers-reduced-motion:reduce){
  body header.wbs-menu-glass-v11,
  body .wbs-dock-flyout,
  body .wbs-profile-flyout-v9{transition:none!important;transform:none!important}
  body header.wbs-menu-glass-v11 .wbs-menu-reflection-v12::after{display:none!important}
}

/* unified-menu-footer-optics-v1 */
body header.wbs-menu-glass-v11 {
  transform: perspective(1500px)
    rotateX(var(--wbs-menu-tilt-x, 0deg))
    rotateY(var(--wbs-menu-tilt-y, 0deg))
    translateY(var(--wbs-menu-lift, 0));
  transform-style: preserve-3d;
  will-change: transform;
}

body header.wbs-menu-glass-v11.wbs-menu-lit {
  --wbs-menu-lift: -2px;
  border-color: rgba(250, 247, 255, .86) !important;
}

body header.wbs-menu-glass-v11 .wbs-dock-logo,
body header.wbs-menu-glass-v11 .wbs-dock-nav,
body header.wbs-menu-glass-v11 .wbs-dock-actions {
  position: relative;
  z-index: 2;
}

@media(prefers-reduced-motion:reduce){
  body header.wbs-menu-glass-v11 {transform:none!important;will-change:auto}
}

/* menu-contrast-v13: readable above bright page content */
body header.wbs-menu-glass-v11 {
  background:
    linear-gradient(135deg, rgba(5, 8, 27, .88), rgba(14, 12, 47, .82) 52%, rgba(5, 22, 39, .86)) !important;
  border-color: rgba(238, 232, 255, .72) !important;
  box-shadow:
    0 18px 52px rgba(1, 3, 18, .46),
    inset 0 2px rgba(255, 255, 255, .52),
    inset 0 -2px rgba(113, 220, 255, .25) !important;
  backdrop-filter: blur(20px) saturate(130%) brightness(.82) !important;
  -webkit-backdrop-filter: blur(20px) saturate(130%) brightness(.82) !important;
}

body .wbs-dock-flyout,
body .wbs-profile-flyout-v9 {
  background: linear-gradient(145deg, rgba(5, 8, 28, .94), rgba(16, 13, 51, .92)) !important;
  backdrop-filter: blur(20px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(125%) !important;
}

body header.wbs-menu-glass-v11 .wbs-dock-nav,
body header.wbs-menu-glass-v11 .wbs-dock-language {
  background: rgba(4, 7, 25, .62) !important;
  border-color: rgba(232, 224, 255, .34) !important;
}

body header.wbs-menu-glass-v11 :is(.wbs-dock-nav a, .wbs-dock-language a, .wbs-dock-mobile) {
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .88);
}

body header.wbs-menu-glass-v11 .wbs-dock-logo {
  width: 178px;
  max-width: 178px;
}

body header.wbs-menu-glass-v11 .wbs-dock-logo img {
  width: 178px;
  max-width: 100%;
  height: auto;
  max-height: 52px;
  object-fit: contain;
  filter: drop-shadow(0 5px 14px rgba(70, 143, 255, .28));
}

@media(max-width:700px){
  body header.wbs-menu-glass-v11 .wbs-dock-logo,
  body header.wbs-menu-glass-v11 .wbs-dock-logo img {width:146px;max-width:146px}
}

/* auth-actions-v14 */
body header.wbs-menu-glass-v11 .wbs-dock-actions{display:flex;align-items:center;gap:8px}
body header.wbs-menu-glass-v11 .wbs-auth-actions{display:flex;align-items:center;gap:6px}
body header.wbs-menu-glass-v11 .wbs-account-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 13px;border:1px solid rgba(224,234,255,.28);border-radius:12px;background:rgba(8,12,38,.34);box-shadow:inset 0 1px rgba(255,255,255,.22);color:#f8f8ff;text-decoration:none;font-size:11px;font-weight:750;white-space:nowrap;backdrop-filter:blur(12px) saturate(130%)}
body header.wbs-menu-glass-v11 .wbs-account-action svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body header.wbs-menu-glass-v11 .wbs-account-action--primary{border-color:rgba(151,215,255,.5);background:linear-gradient(135deg,rgba(112,76,234,.52),rgba(48,179,223,.30));box-shadow:0 8px 24px rgba(36,99,211,.18),inset 0 1px rgba(255,255,255,.34)}
body header.wbs-menu-glass-v11 .wbs-account-action:hover{transform:translateY(-1px);border-color:rgba(239,246,255,.76)}
@media(max-width:900px){body header.wbs-menu-glass-v11 .wbs-auth-actions{display:none}body header.wbs-menu-glass-v11 .wbs-account-action span{display:none}body header.wbs-menu-glass-v11 .wbs-account-action{width:38px;padding:0}}

/* profile-menu-v15: restored member chip and glass flyout */
body header.wbs-menu-glass-v11 .wbs-profile-chip{display:flex;align-items:center;gap:5px;min-height:40px;padding:4px 7px 4px 5px;border:1px solid rgba(221,233,255,.3);border-radius:14px;color:#fff;text-decoration:none;background:rgba(7,11,34,.35);box-shadow:inset 0 1px rgba(255,255,255,.25);backdrop-filter:blur(12px) saturate(135%)}
body header.wbs-menu-glass-v11 .wbs-profile-chip:hover{border-color:rgba(225,245,255,.8);transform:translateY(-1px)}
.wbs-profile-avatar,.wbs-profile-chip img,.wbs-profile-summary img{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:10px;object-fit:cover;background:linear-gradient(145deg,#8d62ff,#38bfe0);box-shadow:inset 0 1px rgba(255,255,255,.55),0 5px 14px rgba(37,88,208,.28);color:#fff;font-size:13px;font-weight:850}
body header.wbs-menu-glass-v11 .wbs-profile-name{display:block;max-width:112px;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:11px;font-weight:800;white-space:nowrap;text-shadow:0 2px 8px #000}
body header.wbs-menu-glass-v11 .wbs-profile-chevron{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.75}
body .wbs-profile-flyout-v9{width:min(290px,calc(100vw - 22px));padding:12px;border-radius:18px;z-index:10020}
body .wbs-profile-summary{display:flex;align-items:center;gap:11px;padding:4px 4px 12px;border-bottom:1px solid rgba(220,231,255,.16)}
body .wbs-profile-summary>span:last-child{display:grid;min-width:0}
body .wbs-profile-summary strong,body .wbs-profile-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .wbs-profile-summary strong{font-size:13px;color:#fff} body .wbs-profile-summary small{margin-top:2px;color:rgba(225,233,255,.68);font-size:10px}
body .wbs-profile-avatar--large,body .wbs-profile-summary img{width:38px;height:38px;flex-basis:38px;border-radius:12px}
body .wbs-profile-links{display:grid;gap:6px;padding:10px 0}
body .wbs-profile-flyout-v9 .wbs-profile-links a,body .wbs-profile-flyout-v9 .wbs-profile-logout button{display:flex;align-items:center;width:100%;min-height:39px;padding:0 11px;border:1px solid rgba(224,234,255,.18);border-radius:11px;color:#f7f8ff;text-decoration:none;font:700 11px/1.2 inherit;text-align:left}
body .wbs-profile-logout{margin:0;padding-top:9px;border-top:1px solid rgba(220,231,255,.16)} body .wbs-profile-logout button{cursor:pointer;color:#ffd9e4!important}
@media(max-width:900px){body header.wbs-menu-glass-v11 .wbs-profile-name,body header.wbs-menu-glass-v11 .wbs-profile-chevron{display:none}body header.wbs-menu-glass-v11 .wbs-profile-chip{padding:4px}}

.wbs-dock-construction{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin-top:7px;color:inherit;text-decoration:none;font-size:12px;font-weight:700}