/* R7.10.177 — symbol-only topbar icons: Guild / Ranking / Forge / Recruit / Cyclopedia / Hunt
   Store button remains untouched. */
html body[data-ui-profile] .zk-v9-right-cell{overflow:visible!important;}
html body[data-ui-profile] .top-icons{overflow:visible!important;}

/* Six approved custom buttons live as a contiguous strip extending into the server area. */
html body[data-ui-profile] #forgeTopBtn,
html body[data-ui-profile] #huntsBtn,
html body[data-ui-profile] #bestiaryBtn,
html body[data-ui-profile] #guildBtn,
html body[data-ui-profile] #guildRankBtn,
html body[data-ui-profile] #recruitBtn{
  display:block!important;
  width:51px!important;height:51px!important;top:31px!important;
  border:0!important;border-radius:5px!important;
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:44px 44px!important;
  box-shadow:0 0 0 1px rgba(48,176,255,.18),0 0 7px rgba(0,174,255,.18)!important;
  overflow:hidden!important;
  pointer-events:auto!important;
  z-index:9!important;
  transition:transform .12s ease,filter .12s ease,box-shadow .12s ease!important;
}
html body[data-ui-profile] #forgeTopBtn{left:-272px!important;background-image:url('assets/ui/zenkai_custom_icons_r177/forge.png')!important;}
html body[data-ui-profile] #huntsBtn{left:-217px!important;background-image:url('assets/ui/zenkai_custom_icons_r177/hunt.png')!important;}
html body[data-ui-profile] #bestiaryBtn{left:-162px!important;background-image:url('assets/ui/zenkai_custom_icons_r177/cyclopedia.png')!important;}
html body[data-ui-profile] #guildBtn{left:-107px!important;background-image:url('assets/ui/zenkai_custom_icons_r177/guild.png')!important;}
html body[data-ui-profile] #guildRankBtn{left:-52px!important;background-image:url('assets/ui/zenkai_custom_icons_r177/ranking.png')!important;}
html body[data-ui-profile] #recruitBtn{left:3px!important;background-image:url('assets/ui/zenkai_custom_icons_r177/recruit.png')!important;}

/* Disable legacy/generic icon paint only for the six custom buttons. */
html body[data-ui-profile] #forgeTopBtn::before,
html body[data-ui-profile] #huntsBtn::before,
html body[data-ui-profile] #bestiaryBtn::before,
html body[data-ui-profile] #guildBtn::before,
html body[data-ui-profile] #guildRankBtn::before,
html body[data-ui-profile] #recruitBtn::before{
  content:''!important;display:block!important;position:absolute!important;inset:0!important;
  background:radial-gradient(circle at 50% 45%,rgba(96,215,255,.16),transparent 68%)!important;
  opacity:0!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(116,219,255,.34)!important;
  transition:opacity .12s ease!important;
}
html body[data-ui-profile] #forgeTopBtn::after,
html body[data-ui-profile] #huntsBtn::after,
html body[data-ui-profile] #bestiaryBtn::after,
html body[data-ui-profile] #guildBtn::after,
html body[data-ui-profile] #guildRankBtn::after,
html body[data-ui-profile] #recruitBtn::after{z-index:20!important;}
html body[data-ui-profile] #forgeTopBtn:hover,
html body[data-ui-profile] #huntsBtn:hover,
html body[data-ui-profile] #bestiaryBtn:hover,
html body[data-ui-profile] #guildBtn:hover,
html body[data-ui-profile] #guildRankBtn:hover,
html body[data-ui-profile] #recruitBtn:hover,
html body[data-ui-profile] #forgeTopBtn:focus-visible,
html body[data-ui-profile] #huntsBtn:focus-visible,
html body[data-ui-profile] #bestiaryBtn:focus-visible,
html body[data-ui-profile] #guildBtn:focus-visible,
html body[data-ui-profile] #guildRankBtn:focus-visible,
html body[data-ui-profile] #recruitBtn:focus-visible{
  transform:translateY(-1px) scale(1.035)!important;
  filter:brightness(1.12) saturate(1.08)!important;
  box-shadow:0 0 0 1px rgba(123,224,255,.58),0 0 11px rgba(0,174,255,.48)!important;
}
html body[data-ui-profile] #forgeTopBtn:hover::before,
html body[data-ui-profile] #huntsBtn:hover::before,
html body[data-ui-profile] #bestiaryBtn:hover::before,
html body[data-ui-profile] #guildBtn:hover::before,
html body[data-ui-profile] #guildRankBtn:hover::before,
html body[data-ui-profile] #recruitBtn:hover::before{opacity:1!important;}

/* Old internal glyphs must never sit on top of the new art. */
html body[data-ui-profile] #forgeTopBtn .forge-menu-icon,
html body[data-ui-profile] #guildBtn .r171-guild-icon,
html body[data-ui-profile] #guildRankBtn .r171-rank-icon{display:none!important;}

/* Preserve Inventory, Party, Options and Menu in their existing authored slots. */
html body[data-ui-profile] #invBtn{left:62px!important;}
html body[data-ui-profile] #partyBtn{left:119px!important;}
html body[data-ui-profile] .top-gear{left:290px!important;}
html body[data-ui-profile] .zk-v9-menu-btn{left:347px!important;}

/* Forge is still unavailable during a hunt; the other navigation buttons remain visible. */
body.hunt-active #forgeTopBtn{display:none!important;pointer-events:none!important;}

@media (max-width:1280px){
  html body[data-ui-profile] #forgeTopBtn{left:-245px!important}
  html body[data-ui-profile] #huntsBtn{left:-195px!important}
  html body[data-ui-profile] #bestiaryBtn{left:-145px!important}
  html body[data-ui-profile] #guildBtn{left:-95px!important}
  html body[data-ui-profile] #guildRankBtn{left:-45px!important}
  html body[data-ui-profile] #recruitBtn{left:5px!important}
  html body[data-ui-profile] #forgeTopBtn,
  html body[data-ui-profile] #huntsBtn,
  html body[data-ui-profile] #bestiaryBtn,
  html body[data-ui-profile] #guildBtn,
  html body[data-ui-profile] #guildRankBtn,
  html body[data-ui-profile] #recruitBtn{width:46px!important;height:46px!important;background-size:40px 40px!important;top:34px!important}
}