/* Current crew staff identity; compact labels supplement both color and icon. */
.crew-member-name{display:inline-flex;align-items:center;flex-wrap:wrap;gap:3px 5px;min-width:0;max-width:100%;vertical-align:middle;white-space:normal}
.crew-member-name>.crew-member-nickname{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.crew-role-badge{display:inline-flex;align-items:center;gap:3px;flex:none;max-width:100%;padding:1px 5px;border:1px solid;border-radius:5px;font-size:10px;font-weight:700;line-height:16px;letter-spacing:0;white-space:nowrap;vertical-align:middle}
.crew-role-badge.crew-role-owner{color:#ac4314;background:#fff3e9;border-color:#ffc7a9}
.crew-role-badge.crew-role-admin{color:#285f99;background:#eef5ff;border-color:#bfd5ef}
.crew-role-badge>.crew-role-icon{display:block;width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.crew-role-badge>.crew-role-label{display:inline;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;white-space:nowrap}
.crew-chat .sender{max-width:100%}
.crew-chat .message.mine .sender{align-self:flex-end;text-align:right}
.board-author>span{min-width:0;max-width:100%}
.participant>span{min-width:0;max-width:100%}
.crew-notice-author{display:block;margin-top:6px;font-size:12px;color:var(--crew-muted)}
/* Quote/previews style generic spans: keep identity labels outside their text clamp. */
.reply-quote .crew-member-name,.reply-preview .crew-member-name{display:inline-flex;max-height:none;overflow:visible;-webkit-line-clamp:unset;color:inherit}
.reply-quote .crew-member-nickname,.reply-preview .crew-member-nickname{display:inline;max-height:none;overflow:visible;-webkit-line-clamp:unset;font-size:inherit;color:inherit;white-space:normal}
.reply-quote .crew-role-badge,.reply-preview .crew-role-badge{display:inline-flex;max-height:none;overflow:visible;-webkit-line-clamp:unset;font-size:10px;white-space:nowrap}
.reply-quote .crew-role-label,.reply-preview .crew-role-label{display:inline;max-height:none;overflow:visible;-webkit-line-clamp:unset;font-size:inherit;color:inherit;white-space:nowrap}
/* Hide navigation only inside a crew conversation; reclaim its space for history. */
html.crew-chat-open{--crew-nav-space:0px;scroll-padding-bottom:0}
html.crew-chat-open #crew-bottom-nav{display:none}
html.crew-chat-open #crew-app.crew-chat{height:var(--crew-visible-height,100dvh)}
html.crew-chat-open .crew-chat .composer{padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}