/* Edge Console menu (4.44.0): grouped drop-down menus; folds behind one "Menu" button on narrow screens */
header{grid-template-columns:auto 1fr;position:relative;z-index:50}
#mainNav{display:flex;justify-content:flex-end;max-width:none;flex-wrap:nowrap;gap:0}
.nav-menus{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.nav-toggle{display:none;align-items:center;gap:10px}
.nav-burger,.nav-burger::before,.nav-burger::after{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;position:relative}
.nav-burger::before,.nav-burger::after{content:'';position:absolute;left:0}.nav-burger::before{top:-6px}.nav-burger::after{top:6px}
.nav-current{color:#7c8cff;font-weight:700;font-size:.8rem}
.nav-group{position:relative}
nav .nav-group-toggle{display:inline-flex;align-items:center;gap:8px;background:#100d18;border-color:#251b40}
nav .nav-group-toggle::after{content:'';width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s}
.nav-group.open>.nav-group-toggle::after{transform:translateY(2px) rotate(225deg)}
.nav-group.has-active>.nav-group-toggle{border-color:#7c8cff;color:#fff;box-shadow:inset 0 -2px 0 #7c8cff}
.nav-group.open>.nav-group-toggle{background:#15111f}
.nav-group-menu{display:none;position:absolute;right:0;top:calc(100% + 6px);min-width:230px;padding:6px;background:#0b0912;border:1px solid #261c40;border-radius:10px;box-shadow:0 14px 34px rgba(0,0,0,.65);z-index:60;flex-direction:column;gap:4px}
.nav-group:first-child .nav-group-menu{left:0;right:auto}
.nav-group.open>.nav-group-menu{display:flex}
.nav-group-menu>button,.nav-group-menu>label{display:block;width:100%;text-align:left;white-space:nowrap}
.nav-group-menu>button:not(.nav-active){background:transparent;border-color:transparent}
.nav-group-menu>button:not(.nav-active):hover{background:#15111f;border-color:#261c40}
.nav-import{margin-bottom:4px}
.nav-import:focus-within{outline:3px solid #cacad1;outline-offset:2px}
.nav-profile.nav-active{box-shadow:inset 0 -2px 0 #7c8cff}
#profileBadge:empty{display:none}
@media(max-width:900px){
 header{grid-template-columns:1fr auto;align-items:center}
 #mainNav{position:static;display:block}
 .nav-toggle{display:inline-flex;width:auto}
 .nav-menus{display:none;position:absolute;left:12px;right:12px;top:calc(100% - 8px);flex-direction:column;align-items:stretch;gap:12px;padding:12px;background:#0b0912;border:1px solid #261c40;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.7);max-height:calc(100vh - 110px);overflow:auto}
 #mainNav.open .nav-menus{display:flex}
 /* folded menu: every group is listed open, under its name */
 nav .nav-group-toggle{pointer-events:none;background:none;border:0;padding:0 2px;color:#7c8cff;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;box-shadow:none!important}
 nav .nav-group-toggle::after{display:none}
 .nav-group-menu{display:grid;position:static;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;box-shadow:none;border:0;padding:6px 0 0;background:none}
 .nav-group-menu>button:not(.nav-active){background:#100d18;border-color:#251b40}
 .nav-import{grid-column:1/-1;margin:0}
 .nav-profile{width:100%}
}
@media(max-width:420px){.nav-group-menu{grid-template-columns:1fr}}
