/* Your custom CSS here */

.msg { position: relative; }
.msg .mod-badge {
    position: absolute;
    top: .35rem;
    right: .5rem;
    font-size: .72rem;
    padding: .20rem .45rem;
    border-radius: .45rem;
    z-index: 2;
}

/* Badge nicht anklickbar und immer über dem Inhalt */
.msg .badge { pointer-events: none; z-index: 3; }

/* Wenn eine Blase einen Badge hat, rechten Innenabstand vergrößern */
.msg.has-badge { padding-right: 3.2rem !important; }

/* Optional: links-bündige Blasen mit Badge (falls du ihn mal links nutzen willst)
.msg.has-badge-left { padding-left: 3.2rem !important; } */

.msg .badge { pointer-events: none; z-index: 3; }
.msg.has-badge { padding-right: 3.2rem !important; }

.message-chat .border { padding-left:.5rem; padding-right:.5rem; }
#messageChatHistory { overflow-x: hidden; } /* nur vertikal scrollen */