/* M8 Backend ID Badges */
.m8-id-badge {
  display: inline-block;
  /* Wir setzen das Badge vor die Operationen (Stift) -> Abstand nach rechts */
  margin: 0 .45rem 0 0;
  padding: .08rem .35rem;
  border-radius: 999px;
  font-size: .75rem;
  line-height: 1.3;
  background: rgba(0, 0, 0, 0.08);
  color: #444;
  vertical-align: middle;
  white-space: nowrap;
}

/* Falls das Badge in Sonderfällen doch in der linken Spalte landet */
.tl_content_left .m8-id-badge,
.tl_left .m8-id-badge {
  margin: 0 0 0 .45rem;
}

/* In der rechten Spalte (Operationen) immer ohne linken Abstand */
.tl_right .m8-id-badge,
.tl_content_right .m8-id-badge {
  margin-left: 0;
}


/* Wenn Operationen als <li><a>…</a></li> gerendert werden und der Link block ist,
   sorgt das dafuer, dass Badge und Icon in einer Zeile bleiben. */
.m8-id-badge-wrap {
  white-space: nowrap;
}

.m8-id-badge-wrap > a {
  display: inline-block !important;
  vertical-align: middle;
}

/* Auch ohne <li>-Container: direktes Geschwister nach dem Badge immer inline */
.tl_right .m8-id-badge + a,
.tl_content_right .m8-id-badge + a {
  display: inline-block !important;
  vertical-align: middle;
}