/* 2026-08-31 r2: dedicated bot links + more visible, brand-aware hover motion. */
.account-user-dropdown .account-menu-link-bot{
  --jj-bot-accent:#159fe6;
  --jj-bot-accent-rgb:21,159,230;
  position:relative!important;
  overflow:hidden;
  isolation:isolate;
  transform:translateX(0) scale(1);
  transform-origin:center;
  transition:
    transform .24s cubic-bezier(.2,.82,.2,1),
    background-color .24s ease,
    color .2s ease,
    box-shadow .24s ease!important;
}
.account-user-dropdown .account-menu-link-tunetune{
  --jj-bot-accent:#149fe7;
  --jj-bot-accent-rgb:20,159,231;
}
.account-user-dropdown .account-menu-link-shieldy{
  --jj-bot-accent:#18a66f;
  --jj-bot-accent-rgb:24,166,111;
}
.account-user-dropdown .account-menu-link-gamey{
  --jj-bot-accent:#e65b9b;
  --jj-bot-accent-rgb:230,91,155;
}

.account-user-dropdown .account-menu-link-bot .account-menu-bot-logo{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  flex:0 0 26px!important;
  overflow:hidden!important;
  border-radius:8px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:0 0 0 0 rgba(var(--jj-bot-accent-rgb),0)!important;
  padding:0!important;
  transition:box-shadow .24s ease,transform .24s cubic-bezier(.2,.82,.2,1)!important;
}
.account-user-dropdown .account-menu-link-bot .account-menu-bot-logo img{
  display:block!important;
  width:26px!important;
  height:26px!important;
  max-width:none!important;
  object-fit:cover!important;
  border-radius:8px!important;
  transform:translateY(0) scale(1) rotate(0deg);
  transform-origin:center;
  transition:transform .24s cubic-bezier(.2,.82,.2,1),filter .24s ease,opacity .2s ease;
  will-change:transform;
}
.account-user-dropdown .account-menu-link-bot .account-menu-text{
  flex:1 1 auto;
  min-width:0;
  transition:color .2s ease,letter-spacing .24s ease;
}

/* The arrow has its own slot, so the label does not jump when it appears. */
.account-user-dropdown .account-menu-link-bot:not(.is-disabled):not(.is-current) .account-menu-text::after{
  content:"→";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:auto;
  padding-left:10px;
  min-width:18px;
  font-size:16px;
  font-weight:950;
  line-height:1;
  color:var(--jj-bot-accent);
  opacity:0;
  transform:translateX(-6px) scale(.9);
  transition:opacity .18s ease,transform .24s cubic-bezier(.2,.82,.2,1);
}

/* Main interaction: the entire row moves, receives a brand tint and a clear left accent. */
.account-user-dropdown .account-menu-link-bot:not(.is-disabled):hover,
.account-user-dropdown .account-menu-link-bot:not(.is-disabled):focus-visible{
  transform:translateX(3px) scale(1.008);
  background:rgba(var(--jj-bot-accent-rgb),.105)!important;
  color:var(--jj-bot-accent)!important;
  box-shadow:
    inset 3px 0 0 var(--jj-bot-accent),
    0 7px 18px rgba(var(--jj-bot-accent-rgb),.10)!important;
}
html[data-theme="dark"] .account-user-dropdown .account-menu-link-bot:not(.is-disabled):hover,
html[data-theme="dark"] .account-user-dropdown .account-menu-link-bot:not(.is-disabled):focus-visible,
html.dark .account-user-dropdown .account-menu-link-bot:not(.is-disabled):hover,
html.dark .account-user-dropdown .account-menu-link-bot:not(.is-disabled):focus-visible{
  background:rgba(var(--jj-bot-accent-rgb),.16)!important;
  box-shadow:
    inset 3px 0 0 var(--jj-bot-accent),
    0 8px 20px rgba(var(--jj-bot-accent-rgb),.15)!important;
}
.account-user-dropdown .account-menu-link-bot:not(.is-disabled):hover .account-menu-bot-logo,
.account-user-dropdown .account-menu-link-bot:not(.is-disabled):focus-visible .account-menu-bot-logo{
  box-shadow:
    0 0 0 3px rgba(var(--jj-bot-accent-rgb),.13),
    0 5px 14px rgba(var(--jj-bot-accent-rgb),.24)!important;
}
.account-user-dropdown .account-menu-link-bot:not(.is-disabled):hover .account-menu-bot-logo img,
.account-user-dropdown .account-menu-link-bot:not(.is-disabled):focus-visible .account-menu-bot-logo img{
  animation:jjAccountBotLogoPop .52s cubic-bezier(.2,.82,.2,1) both;
  filter:saturate(1.08) contrast(1.02);
}
.account-user-dropdown .account-menu-link-bot:not(.is-disabled):not(.is-current):hover .account-menu-text::after,
.account-user-dropdown .account-menu-link-bot:not(.is-disabled):not(.is-current):focus-visible .account-menu-text::after{
  opacity:1;
  transform:translateX(0) scale(1);
}
.account-user-dropdown .account-menu-link-bot:not(.is-disabled):hover .account-menu-text,
.account-user-dropdown .account-menu-link-bot:not(.is-disabled):focus-visible .account-menu-text{
  letter-spacing:.08px;
}

@keyframes jjAccountBotLogoPop{
  0%{transform:translateY(0) scale(1) rotate(0deg)}
  38%{transform:translateY(-2px) scale(1.16) rotate(-4deg)}
  68%{transform:translateY(-1px) scale(1.10) rotate(2deg)}
  100%{transform:translateY(-1px) scale(1.12) rotate(0deg)}
}

/* Short tactile press feedback. */
.account-user-dropdown .account-menu-link-bot:not(.is-disabled):active{
  transform:translateX(2px) scale(.985);
  transition-duration:.08s!important;
}

/* Keep the current-page check from the cabinet bundle, while giving its logo a little presence. */
.account-user-dropdown .account-menu-link-bot.is-current .account-menu-bot-logo img{
  transform:scale(1.035);
}

/* Gamey stays visibly unavailable; the compact badge explains why without making it look clickable. */
.account-user-dropdown .account-user-group .account-menu-link.is-disabled{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  min-height:44px;
  padding:10px 12px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--account-muted,var(--gh-muted))!important;
  text-decoration:none!important;
  font:800 14px Nunito,sans-serif!important;
  cursor:not-allowed!important;
  opacity:.62;
  user-select:none;
}
.account-user-dropdown .account-menu-link-gamey.is-disabled .account-menu-bot-logo img{
  filter:saturate(.42) grayscale(.18);
  opacity:.82;
}
.account-user-dropdown .account-menu-link-gamey.is-disabled .account-menu-text{
  flex:1 1 auto;
}
.account-user-dropdown .account-menu-link-gamey.is-disabled .account-menu-text::after{
  content:"Скоро";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:auto;
  padding:3px 7px;
  border:1px solid rgba(var(--jj-bot-accent-rgb),.22);
  border-radius:999px;
  background:rgba(var(--jj-bot-accent-rgb),.08);
  color:var(--jj-bot-accent);
  font-size:10px;
  font-weight:900;
  line-height:1.15;
  white-space:nowrap;
}
.account-user-dropdown .account-menu-link-gamey.is-disabled:hover{
  background:transparent!important;
  transform:none!important;
  box-shadow:none!important;
}

.account-user-dropdown .account-primary-menu,
.account-user-dropdown .account-secondary-menu{
  min-width:0;
}

@media(max-width:420px){
  .account-user-dropdown .account-menu-link-bot:not(.is-disabled):hover,
  .account-user-dropdown .account-menu-link-bot:not(.is-disabled):focus-visible{
    transform:translateX(2px) scale(1.004);
  }
}

@media(prefers-reduced-motion:reduce){
  .account-user-dropdown .account-menu-link-bot,
  .account-user-dropdown .account-menu-link-bot .account-menu-bot-logo,
  .account-user-dropdown .account-menu-link-bot .account-menu-bot-logo img,
  .account-user-dropdown .account-menu-link-bot .account-menu-text,
  .account-user-dropdown .account-menu-link-bot .account-menu-text::after{
    animation:none!important;
    transition:none!important;
    transform:none!important;
  }
}