/* Selected badges use the same compact presentation in chat and profiles. */
.user-badges-container{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;vertical-align:middle;max-width:100%;margin:0 0 0 4px;line-height:1;flex-shrink:0}
.user-badges-container:empty{display:none!important}
.user-badges-container>.user-badge-item{position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;min-height:20px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--accent,#b9a9ee);font-size:16px;line-height:1;cursor:default;overflow:visible;transition:transform 120ms ease}
.user-badges-container>.user-badge-item:hover{transform:scale(1.12)}
.user-badges-container>.user-badge-item:focus-visible{outline:1px solid var(--accent,#b9a9ee);outline-offset:3px}
.user-badges-container>.user-badge-item>img,.user-badges-container>.user-badge-item>iconify-icon{position:static!important;display:block!important;inset:auto!important;width:18px!important;height:18px!important;min-width:0!important;max-width:18px!important;max-height:18px!important;margin:0!important;object-fit:contain!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:none!important;vertical-align:middle}
.chat-dock .chat-message .chat-person>b,.chat-dock .site-message-plate .chat-person>b{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;min-width:0;line-height:20px}.chat-dock .chat-person>b>.member-name{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-dock .chat-person>b>.user-badges-chat{flex:0 0 auto;flex-wrap:nowrap}.chat-message .user-badges-chat{gap:3px;margin:0}.chat-message .user-badges-chat>.user-badge-item{width:17px;height:18px;min-width:17px;min-height:18px;font-size:14px}.chat-message .user-badges-chat>.user-badge-item>img,.chat-message .user-badges-chat>.user-badge-item>iconify-icon{width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important}
.mini-profile-name-row{display:flex;align-items:center;gap:7px;flex-wrap:nowrap;min-width:0}.mini-profile-name-row .mini-profile-name{flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mini-profile-name-row .user-badges-container{margin:0;gap:4px;flex-wrap:nowrap}.mini-profile-name-row .user-badge-item{width:22px;height:22px;min-width:22px;min-height:22px}.mini-profile-name-row .user-badge-item>img,.mini-profile-name-row .user-badge-item>iconify-icon{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important}
.np_name .user-badges-container{gap:5px}.np_name .user-badge-item{width:25px;height:25px;min-width:25px;min-height:25px}.np_name .user-badge-item>img,.np_name .user-badge-item>iconify-icon{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important}
@media(prefers-reduced-motion:reduce){.user-badge-item{transition:none!important;transform:none!important}}

.np_name{flex-wrap:nowrap!important;min-width:0}.np_name h1{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.np_name>.user-badges-container{flex-wrap:nowrap}

/* The current chat toolbar already occupies its own space. */
.chat-dock .chat-message .chat-person{padding-right:0;flex-wrap:nowrap;gap:5px}.chat-dock .site-message-plate .chat-person{padding-right:7px}.chat-dock .chat-person:has(.user-badge-item:nth-child(4)) .public-chat-tools>[data-reply]{display:none}
