/* Corrige a sobreposição do valor com o nome no grupo de Atribuições */
#assignment-area .input-group-modern,
#edit-assignment-area .input-group-modern {
  position: relative;
}

#assignment-area .input-group-text-modern,
#edit-assignment-area .input-group-text-modern {
  left: 1rem;
  pointer-events: none;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  max-width: calc(100% - 10rem); /* evita quebrar o input */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#assignment-area .form-control-modern,
#edit-assignment-area .form-control-modern {
  padding-left: 2.75rem;    /* ícone */
  padding-right: 1rem;
}

/* empurra o input para a direita quando o nome aparece como "rótulo" */
#assignment-area .input-group-modern .form-control-modern,
#edit-assignment-area .input-group-modern .form-control-modern {
  margin-left: 7.5rem; /* largura visual do rótulo com ícone */
}

@media (max-width: 576px) {
  #assignment-area .input-group-modern .form-control-modern,
  #edit-assignment-area .input-group-modern .form-control-modern {
    margin-left: 6.25rem;
  }
}

/* Deixa o valor sempre alinhado à direita para leitura melhor */
#assignment-area .form-control-modern,
#edit-assignment-area .form-control-modern {
  text-align: right;
}