.app-shell .console-nav .has-new-activity { position: relative; }
.app-shell .console-nav .has-new-activity > svg:first-child { color: #6d4ff0; transform-origin: 50% 80%; animation: activity-notice-wiggle 1.4s ease-in-out .6s 3; }
.app-shell .console-nav .console-nav-new { position: relative; overflow: hidden; flex: 0 0 auto; width: auto; margin-left: auto; padding: 2px 8px; border-radius: 999px; background: linear-gradient(110deg,#5b5bf0,#9b4dea); color: #fff; font-size: 11px; font-weight: 650; line-height: 1.5; letter-spacing: .01em; text-align: center; white-space: nowrap; box-shadow: 0 4px 12px -5px rgba(110,80,240,.7); }
.app-shell .console-nav .console-nav-new[hidden] { display: none; }
.app-shell .console-nav .console-nav-new::after { position: absolute; inset: 0; background: linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%); content: ""; transform: translateX(-120%); animation: activity-notice-shine 2.6s ease-in-out 1.2s 3; }
@keyframes activity-notice-wiggle { 0%,100% { transform: rotate(0); } 15% { transform: rotate(-14deg) scale(1.1); } 30% { transform: rotate(11deg) scale(1.1); } 45% { transform: rotate(-7deg); } 60% { transform: rotate(4deg); } 75% { transform: rotate(0); } }
@keyframes activity-notice-shine { 0% { transform: translateX(-120%); } 55%,100% { transform: translateX(120%); } }
@keyframes activity-notice-twinkle { 0%,100% { transform: scale(1) rotate(0); } 50% { transform: scale(1.3) rotate(45deg); } }
@media (min-width: 821px) {
  body.sidebar-collapsed .app-shell .console-nav .console-nav-new { position: absolute; top: 5px; left: calc(50% + 6px); width: 12px; height: 12px; margin: 0; padding: 0; border-radius: 0; color: transparent; font-size: 0; box-shadow: none; clip-path: polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%); animation: activity-notice-twinkle 2.4s ease-in-out .6s 4; }
  body.sidebar-collapsed .app-shell .console-nav .console-nav-new::after { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .app-shell .console-nav .has-new-activity > svg:first-child,
  .app-shell .console-nav .console-nav-new,
  .app-shell .console-nav .console-nav-new::after,
  body.sidebar-collapsed .app-shell .console-nav .console-nav-new { animation: none; }
}
