/* A still metallic finish: recognisable roles, without sparkle or motion. */
.role-badge{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;white-space:nowrap;vertical-align:middle;padding:2px 5px;border-radius:5px;border:1px solid;font-size:9px;font-weight:750;line-height:1.2;letter-spacing:.005em;box-shadow:inset 0 1px 0 #ffffffdf,0 1px 1px #213b2f0b}
.role-badge svg{flex-shrink:0;stroke-width:2}
.role-creator{color:#624610;border-color:#d1b775;background:linear-gradient(115deg,#eee0af 0%,#fff9df 40%,#f1e2ac 75%,#e7d39b 100%)}
.role-moderator{color:#514069;border-color:#b9aad0;background:linear-gradient(115deg,#e5daf1 0%,#faf6ff 40%,#e2d5f0 75%,#d7c7e8 100%)}
.message-header{flex-wrap:wrap;gap:4px 6px;padding-left:9px;margin-bottom:3px;min-width:0}
.own .message-header{padding-right:8px}.message-header .role-badge{margin-left:1px}
.member-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;min-width:0}.member-name-row strong{min-width:0;overflow-wrap:anywhere}.member-identity{min-width:0}
.moment-member-row{padding:9px 0;gap:10px}.moment-member-row>.btn{flex-shrink:0;min-height:40px}.member-handle{overflow-wrap:anywhere}
.role-permission-note{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--canvas);font-size:13px;line-height:1.5;color:var(--ink)}
/* Simple text shares its last line with the time where there is room. Rich
   messages keep their separate time line and full-sized accessible controls. */
.plain-text .message-text{display:inline}
.plain-text .message-time{display:inline-block;float:right;margin:7px 0 0 10px;white-space:nowrap;line-height:1.2;min-height:0}
.plain-text .bubble::after{content:'';display:table;clear:both}
.message:not(.bot-message) .reply-quote{margin-bottom:6px}
@media(max-width:600px){.message-header{margin-bottom:3px;padding-left:9px}.role-badge{font-size:9px}.message.message-cluster-start{margin-top:12px}}
@media(forced-colors:active){.role-badge{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}}