/* ==========================================================
   ERROR404 - GEMEINSAMES BADGE
   ========================================================== */

/* Scrollbalken reserviert seinen Platz */
.portal-sidebar-nav{
    scrollbar-gutter:stable;
    padding-right:12px !important;
}

/* Navigation */
.portal-side-link{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
}

/* Text nutzt den freien Platz */
.portal-side-link > span:nth-child(2){
    flex:1 1 auto;
    min-width:0;
}

/* Badge */




/* Chat */
#privateMessagesButton{
    display:flex !important;
    align-items:center !important;
}

#privateUnreadBadge{
    position:static !important;
    transform:none !important;
    margin-left:auto !important;
    margin-right:0 !important;
}


/* ==========================================================
   ERROR404 // UNREAD BADGE VERBINDLICH
   ========================================================== */

.portal-sidebar[data-error404-shared-sidebar]
.portal-side-link {
  position:relative !important;
}

.portal-sidebar[data-error404-shared-sidebar]
.portal-side-link > span:nth-child(2) {
  flex:0 1 auto !important;
  min-width:0 !important;
}

.portal-sidebar[data-error404-shared-sidebar]
.portal-side-link:has(.error404-unread-badge) {
  padding-right:46px !important;
}

.portal-sidebar[data-error404-shared-sidebar]
.error404-unread-badge,
.portal-sidebar[data-error404-shared-sidebar]
.messages-sidebar-badge.error404-unread-badge {
  position:absolute !important;

  top:50% !important;
  right:3px !important;
  left:auto !important;

  width:18px !important;
  min-width:18px !important;
  max-width:18px !important;

  height:18px !important;
  min-height:18px !important;
  max-height:18px !important;

  padding:0 !important;
  margin:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  flex:0 0 18px !important;

  border:
    1px solid rgba(255,255,255,.8) !important;

  border-radius:50% !important;

  background:
    linear-gradient(
      135deg,
      var(--cyan),
      var(--pink)
    ) !important;

  color:#ffffff !important;

  font-size:10px !important;
  font-weight:900 !important;
  line-height:18px !important;
  letter-spacing:0 !important;

  text-align:center !important;
  text-indent:0 !important;

  text-shadow:
    0 1px 2px rgba(0,0,0,.95),
    0 0 2px rgba(0,0,0,.8) !important;

  box-shadow:
    0 0 6px rgba(25,243,255,.5),
    0 0 9px rgba(255,92,239,.45),
    inset 0 0 3px rgba(255,255,255,.4) !important;

  box-sizing:border-box !important;
  transform:translateY(-50%) !important;

  pointer-events:none !important;
  z-index:5 !important;
}

.portal-sidebar[data-error404-shared-sidebar]
.error404-unread-badge[hidden],
.portal-sidebar[data-error404-shared-sidebar]
.messages-sidebar-badge.error404-unread-badge[hidden] {
  display:none !important;
}

.portal-sidebar-nav {
  scrollbar-gutter:stable !important;
}


/* ==========================================================
   ERROR404 // BADGE WEITER NACH RECHTS
   ========================================================== */

html body
.portal-sidebar[data-error404-shared-sidebar]
.portal-side-link:has(.error404-unread-badge) {
  padding-right:54px !important;
}

html body
.portal-sidebar[data-error404-shared-sidebar]
.error404-unread-badge,
html body
.portal-sidebar[data-error404-shared-sidebar]
.messages-sidebar-badge.error404-unread-badge {
  right:3px !important;
}


/* ==========================================================
   ERROR404 // BADGE ZAHL BESSER SICHTBAR
   ========================================================== */

.portal-sidebar[data-error404-shared-sidebar]
.error404-unread-badge,
.portal-sidebar[data-error404-shared-sidebar]
.messages-sidebar-badge.error404-unread-badge {

    color:#FFD54A !important;          /* Gold */
    font-size:11px !important;
    font-weight:900 !important;
    font-family:Arial,Helvetica,sans-serif !important;

    text-shadow:
        0 1px 1px rgba(0,0,0,.95),
        0 0 3px rgba(0,0,0,.9),
        0 0 6px rgba(255,213,74,.45) !important;
}