/* MH's field-visibility toggle (legacy FieldRoleVisibility.tsx, Header.tsx
   switch). Under a label, an orange line means foreign nationals see the
   field and a blue one employers; hidden until the toggle is on
   (field_visibility_toggle_controller.js sets html.show-field-roles). */
.field-role-lines { display: none; }
.show-field-roles .field-role-lines {
  display: flex;
  gap: 5px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.field-role-lines > span { display: block; height: 3px; width: 30px; }
.field-role-line--fn { background-color: #DA7941; }
.field-role-line--em { background-color: #546587; }
.field-role-label { position: relative; display: inline-block; padding-bottom: 5px; }