/* Role labels next to names (profiles, comments, chat, forum). Colors climb with rank, from ash grey to a gold blaze.
   Every label is one fixed height; icons sit inside it. Your own Personnel badges are plain text (.sg-label-plain). */
.sg-label { display:inline-flex; align-items:center; gap:5px; height:26px; box-sizing:border-box; padding:0 10px; margin:2px 6px 2px 0;
  border:0; border-radius:5px; font:700 13px/1 Arial,Helvetica,sans-serif; letter-spacing:0; text-transform:none; white-space:nowrap; vertical-align:middle;
  background:#2c2c2c; color:#e8e8e8; box-shadow:none; }
.community-author-badge.sg-label { height:18px; padding:0 6px; margin:0; gap:4px; border-radius:3px; font-size:10px; letter-spacing:.04em; text-transform:uppercase; }
body .sg-label[data-role="visitor"] { background:#2c2c2c; color:#9a9a9a; }
body .sg-label[data-role="member"] { background:#7a1610; color:#fff; }
body .sg-label[data-role="founding"] { background:#c4170d; color:#fff; box-shadow:0 0 8px rgba(255,42,31,.55); }
body .sg-label[data-role="crew"] { background:#000; color:#f2ede1; box-shadow:inset 0 0 0 1px #f2ede1; }
body .sg-label[data-role="collaborator"] { background:#ff6a13; color:#111; }
body .sg-label[data-role="mod"] { background:#ffa31a; color:#111; }
body .sg-label[data-role="admin"] { background:#ffd84a; color:#111; box-shadow:0 0 8px rgba(255,216,74,.5); }
body .sg-label[data-role="site-admin"] { color:#1a0f00; letter-spacing:.08em; text-transform:uppercase; font-weight:900;
  background:linear-gradient(110deg,#fff7d1 0%,#ffd84a 25%,#ff9d1a 45%,#fff7d1 55%,#ffd84a 75%,#ff4b1f 100%); background-size:200% 100%;
  box-shadow:0 0 6px #ffd84a,0 0 16px rgba(255,157,26,.8),0 0 30px rgba(255,75,31,.55); animation:sg-label-shine 3s linear infinite; }
.community-author-badge.sg-label[data-role="site-admin"] { letter-spacing:.1em; }
@keyframes sg-label-shine { to { background-position:-200% 0; } }
@media (prefers-reduced-motion: reduce) { body .sg-label[data-role="site-admin"] { animation:none; } }
/* Icons */
.sg-label[data-role="member"]::before, .sg-label[data-role="founding"]::before { content:""; flex:none; width:21px; height:15px; background:url("/images/labels/flag.svg") center/contain no-repeat; }
.sg-label[data-role="crew"]::before { content:""; flex:none; width:13px; height:16px; background:url("/images/labels/skull.svg") center/contain no-repeat; }
.sg-label[data-role="site-admin"]::before { content:"\1F451"; font-size:14px; line-height:1; letter-spacing:0; }
.community-author-badge.sg-label[data-role="member"]::before, .community-author-badge.sg-label[data-role="founding"]::before { width:15px; height:11px; }
.community-author-badge.sg-label[data-role="crew"]::before { width:10px; height:12px; }
.community-author-badge.sg-label[data-role="site-admin"]::before { font-size:10px; }
/* Personnel badges: exactly what was typed, no background or outline. */
.sg-label-plain { display:inline-block; margin:2px 6px 2px 0; color:#e8e8e8; font:600 13px/26px Arial,Helvetica,sans-serif; vertical-align:middle; }
/* Profile: your own Personnel badges sit to the right of the name. */
.cm-profile-name { display:flex; flex-wrap:wrap; align-items:center; gap:4px 14px; }
.cm-profile-name h1 { margin:0; }
.cm-profile-name .sg-label-plain { margin:0; }