/* Node roles are separate from transaction and network status indicators. */
.role-glyph{
  display:block;width:18px;height:18px;flex:0 0 18px;
  fill:none;stroke:currentColor;stroke-width:1.5;
  stroke-linecap:round;stroke-linejoin:round;
}
.st-tag.role-tag{
  display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;
  height:28px;min-height:28px;padding:4px 8px;
  border:1px solid var(--line);border-radius:5px;
  font-family:var(--sans);font-size:12px;font-weight:500;line-height:18px;
  letter-spacing:0;white-space:nowrap;vertical-align:middle;
}
.st-tag.role-tag::before{content:none;display:none}
.st-tag.role-official{
  color:var(--accent,#a9c7f0);background:rgba(169,199,240,.07);
  border-color:rgba(169,199,240,.17);
}
.st-tag.role-validator{
  color:#a5beb1;background:rgba(165,190,177,.07);
  border-color:rgba(165,190,177,.17);
}
.role-tag>span{line-height:18px}
.chip:has(>.role-glyph){display:inline-flex;align-items:center;gap:6px}