/* ===== DevExtreme Menu Task Badges ===== */

#sidemenuTreeView .dx-treeview-item {
  position: relative;
  padding-right: 42px; /* místo pro badge */
}

/* základní badge */
#sidemenuTreeView .menu-task-badge {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);

  min-width: 18px;
  height: 18px;
  padding: 0 6px;

  border-radius: 9px;

  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;

  background-color: #d9534f;
  color: #ffffff;

  box-sizing: border-box;
  pointer-events: none;
}

/* jemná animace při změně hodnoty */
#sidemenuTreeView .menu-task-badge.updated {
  animation: badge-pop 0.25s ease-out;
}

@keyframes badge-pop {
  0% { transform: translateY(-50%) scale(0.8); }
  100% { transform: translateY(-50%) scale(1); }
}